@keyframes project-screenshots-module__2-MB7W__marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes project-screenshots-module__2-MB7W__vertical-pan{0%,12%{transform:translateY(0)}88%,to{transform:translateY(var(--scroll-distance))}}.project-screenshots-module__2-MB7W__wrapper{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.project-screenshots-module__2-MB7W__track{width:max-content;animation:project-screenshots-module__2-MB7W__marquee-scroll var(--marquee-duration,60s)linear infinite;gap:1.5rem;display:flex}.project-screenshots-module__2-MB7W__track:hover{animation-play-state:paused}.project-screenshots-module__2-MB7W__card{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:1rem;flex-shrink:0;width:320px;height:420px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.project-screenshots-module__2-MB7W__card:hover{border-color:hsl(var(--primary)/.5);box-shadow:0 8px 32px hsl(var(--primary)/.1)}.project-screenshots-module__2-MB7W__card:hover .project-screenshots-module__2-MB7W__screenshotImage{animation-play-state:paused}.project-screenshots-module__2-MB7W__imageContainer{width:100%;height:100%;position:relative;overflow:hidden}.project-screenshots-module__2-MB7W__screenshotImage{width:100%;height:auto;animation:project-screenshots-module__2-MB7W__vertical-pan var(--pan-duration,12s)ease-in-out alternate infinite;will-change:transform;display:block}.project-screenshots-module__2-MB7W__captionOverlay{color:#fff;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:1.5rem 1rem 1rem;font-size:.875rem;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.project-screenshots-module__2-MB7W__lightbox{z-index:100;background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.project-screenshots-module__2-MB7W__lightboxInner{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex}.project-screenshots-module__2-MB7W__lightboxImage{object-fit:contain;border-radius:.75rem;width:auto;max-width:100%;max-height:80vh}.project-screenshots-module__2-MB7W__lightboxClose{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s}.project-screenshots-module__2-MB7W__lightboxClose:hover{background:#fff3}.project-screenshots-module__2-MB7W__lightboxCaption{text-align:center;color:#fffc;margin-top:1rem;font-size:.875rem}
@keyframes project-screenshots-vertical-module__zMQ4WG__vertical-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.project-screenshots-vertical-module__zMQ4WG__wrapper{height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 4% 96%,#0000);mask-image:linear-gradient(#0000,#000 4% 96%,#0000)}.project-screenshots-vertical-module__zMQ4WG__track{animation:project-screenshots-vertical-module__zMQ4WG__vertical-scroll var(--scroll-duration,40s)linear infinite;flex-direction:column;gap:1rem;display:flex}.project-screenshots-vertical-module__zMQ4WG__track:hover{animation-play-state:paused}.project-screenshots-vertical-module__zMQ4WG__card{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:.75rem;flex-shrink:0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.project-screenshots-vertical-module__zMQ4WG__card:hover{border-color:hsl(var(--primary)/.5);box-shadow:0 4px 16px hsl(var(--primary)/.1)}.project-screenshots-vertical-module__zMQ4WG__image{width:100%;height:auto;display:block}.project-screenshots-vertical-module__zMQ4WG__caption{color:#fff;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:1rem .75rem .75rem;font-size:.75rem;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.project-screenshots-vertical-module__zMQ4WG__lightbox{z-index:100;background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.project-screenshots-vertical-module__zMQ4WG__lightboxInner{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex}.project-screenshots-vertical-module__zMQ4WG__lightboxImage{object-fit:contain;border-radius:.75rem;width:auto;max-width:100%;max-height:80vh}.project-screenshots-vertical-module__zMQ4WG__lightboxClose{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s}.project-screenshots-vertical-module__zMQ4WG__lightboxClose:hover{background:#fff3}.project-screenshots-vertical-module__zMQ4WG__lightboxCaption{text-align:center;color:#fffc;margin-top:1rem;font-size:.875rem}