.screenshots-section{padding-block:var(--space-16);overflow:hidden}.screenshots-section .section-header{text-align:center;margin-bottom:var(--space-10)}.screenshots-section .section-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.screenshots-section .section-header p{color:var(--color-text-muted);font-size:var(--text-base)}.screenshot-gallery{position:relative}.screenshot-track{overflow-anchor:none;align-items:flex-start;gap:var(--space-5);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-4);cursor:grab;display:flex;position:relative;overflow-x:auto}.screenshot-track::-webkit-scrollbar{display:none}.screenshot-track.is-dragging{cursor:grabbing}.screenshot-frame{scroll-snap-align:start;border-radius:var(--radius-xl);background:var(--color-surface-2);border:1px solid var(--color-border-light);flex-shrink:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 16px 48px #0006}.screenshot-frame--media{box-shadow:none;box-sizing:border-box;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:fit-content;max-width:min(92vw,960px);min-height:80px;display:flex}.screenshot-frame--media>img{object-fit:contain;object-position:center;width:auto;max-width:min(92vw,960px);height:auto;max-height:min(80vh,900px);display:block}.screenshot-frame--placeholder{aspect-ratio:16/10;flex:0 0 min(88vw,480px);width:min(88vw,480px)}.screenshot-placeholder{justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:100%;color:var(--color-text-subtle);font-size:var(--text-sm);background:var(--color-surface-2);flex-direction:column;display:flex}.screenshot-placeholder svg{opacity:.3}.gallery-nav{justify-content:center;gap:var(--space-2);margin-top:var(--space-6);display:flex}.gallery-dot{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:0 0 6px;width:6px;height:44px;padding:0;position:relative}.gallery-dot:after{content:"";background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;margin:auto;position:absolute;inset:0}.gallery-dot.active{flex-basis:20px;width:20px}.gallery-dot.active:after{background:var(--color-primary);border-radius:999px;width:20px;height:6px}.gallery-dot:hover:after{background:var(--color-primary)}@media (max-width:768px){.screenshot-frame--media,.screenshot-frame--media>img{max-width:min(94vw,100%)}.screenshot-frame--placeholder{flex-basis:min(90vw,100%);width:min(90vw,100%)}}