.screenshots-section{padding:0 0 90px}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.screenshot-card{display:block;min-width:0}
.screenshot-image{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);background:#101619;transition:border-color .25s,box-shadow .25s}
.screenshot-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s}
.screenshot-expand{position:absolute;right:12px;bottom:12px;padding:6px 10px;background:#090d10e8;border:1px solid #c7a36f70;color:var(--ivory);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}
.screenshot-card:hover .screenshot-image,.screenshot-card:focus-visible .screenshot-image{border-color:var(--gold);box-shadow:0 8px 32px #0005}
.screenshot-card:hover img{transform:scale(1.025)}
.screenshot-card:hover .screenshot-expand,.screenshot-card:focus-visible .screenshot-expand{opacity:1;transform:none}
.screenshot-caption{display:flex;align-items:center;gap:13px;padding-top:14px;font-family:var(--serif);font-size:17px;line-height:1.4}
.screenshot-caption>span{font-family:var(--sans);font-size:12px;color:var(--gold);letter-spacing:.08em}
.gallery-open{overflow:hidden}
.screenshot-lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;padding:32px;background:#06090cf5;color:var(--ivory);overflow:auto}
.screenshot-lightbox::backdrop{background:#06090c}
.screenshot-lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox-content{width:min(1600px,100%);min-width:0}
.lightbox-header,.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lightbox-header{margin-bottom:16px}
.lightbox-header p{margin:0;font-family:var(--serif);font-size:22px;line-height:1.4}
.screenshot-lightbox button{flex:none;min-height:44px;padding:8px 16px;background:transparent;color:var(--ivory);border:1px solid var(--line);font-size:14px;cursor:pointer;transition:border-color .2s,background .2s}
.screenshot-lightbox button:hover{border-color:var(--gold);background:#c7a36f14}
.lightbox-close{display:flex;align-items:center;gap:14px}
.lightbox-close span{font-size:25px;line-height:1}
#lightbox-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 200px);object-fit:contain;background:#06090c}
.lightbox-controls{margin-top:16px}
#lightbox-count{font-size:14px;color:var(--gold);letter-spacing:.12em}
@media(max-width:900px){.screenshot-grid{gap:16px}.screenshot-caption{font-size:15px;gap:9px}}
@media(max-width:600px){.screenshots-section{padding-bottom:52px}.screenshot-grid{grid-template-columns:1fr;gap:26px}.screenshot-caption{font-size:18px;padding-top:12px}.screenshot-expand{opacity:1;transform:none}.screenshot-lightbox{padding:16px}.lightbox-header{gap:12px}.lightbox-header p{font-size:18px}.screenshot-lightbox button{padding:8px 12px}.lightbox-close{gap:8px}#lightbox-image{max-height:calc(100dvh - 160px)}}
@media(prefers-reduced-motion:reduce){.screenshot-image,.screenshot-image img,.screenshot-expand,.screenshot-lightbox button{transition:none}}