.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:38px}
.shot{animation:fadeUp .7s ease both}
.shot:nth-child(2){animation-delay:.08s}
.shot:nth-child(3){animation-delay:.16s}
.shot-frame{position:relative;display:grid;place-items:center;min-height:220px;aspect-ratio:16/10;overflow:hidden;border:1px solid #1d3d48;border-radius:8px;background:linear-gradient(135deg,#03141b,#020608);box-shadow:0 18px 60px rgba(0,0,0,.65),0 0 28px rgba(158,238,255,.06)}
.shot-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(158,238,255,.12) 48%,transparent 58% 100%);transform:translateX(-80%);animation:ambientSweep 10s ease-in-out infinite}
.shot-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shot-frame img.missing{display:none}
.shot-frame span{position:relative;z-index:1;border:1px dashed rgba(158,238,255,.45);border-radius:8px;padding:12px 14px;color:#9eeeff;background:rgba(0,0,0,.46);font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:14px}
.shot h3{margin:16px 0 7px;font-size:21px}
.shot p{margin:0;color:#9aa5af;line-height:1.6}
@media(max-width:820px){.screenshots{grid-template-columns:1fr}.shot-frame{min-height:190px}}