#shots-grid{display:none!important}
.shots-showcase{overflow:hidden}
.shots-hero{padding-bottom:25px!important}
.shots-hero::after{content:"REAL APPLICATION CAPTURES · NO CONCEPT ART";display:block;margin-top:22px;color:#70e7e0;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.2em}
.shots-toolbar{margin-bottom:26px!important}
.shots-stage{position:relative;min-height:clamp(380px,53vw,730px);perspective:1800px;isolation:isolate;outline:none;touch-action:pan-y}
.shots-stage::before{content:"";position:absolute;inset:8% 14%;border-radius:50%;background:radial-gradient(ellipse,rgba(111,55,255,.2),transparent 67%);filter:blur(30px);pointer-events:none}
.shots-layer{position:absolute;top:7%;left:50%;width:min(76%,930px);aspect-ratio:16/9;border:0;padding:0;background:transparent;cursor:pointer;transform-origin:center center;transition:transform .8s cubic-bezier(.16,.8,.18,1),filter .7s,opacity .65s;will-change:transform,opacity}
.shots-layer::after{content:"";position:absolute;inset:-2%;border-radius:18px;pointer-events:none;background:radial-gradient(480px circle at var(--px,50%) var(--py,50%),rgba(161,105,255,.21),transparent 68%);mix-blend-mode:screen;opacity:0;transition:opacity .3s}
.shots-layer:hover::after{opacity:1}
.shots-layer img{display:block;width:100%;height:100%;object-fit:contain;border-radius:11px;box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 0 1px rgba(176,139,255,.3);background:#0b0724}
.shots-layer[data-position="current"]{z-index:5;transform:translateX(-50%) translateY(var(--my,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1);opacity:1}
.shots-layer[data-position="previous"]{z-index:3;transform:translateX(-110%) translateY(6%) rotateY(22deg) rotateZ(-5deg) scale(.77);opacity:.68;filter:saturate(.7) blur(.5px)}
.shots-layer[data-position="next"]{z-index:3;transform:translateX(10%) translateY(6%) rotateY(-22deg) rotateZ(5deg) scale(.77);opacity:.68;filter:saturate(.7) blur(.5px)}
.shots-layer[data-position="previous"]:hover{transform:translateX(-105%) translateY(0) rotateY(12deg) scale(.84);z-index:6;opacity:1;filter:none}
.shots-layer[data-position="next"]:hover{transform:translateX(5%) translateY(0) rotateY(-12deg) scale(.84);z-index:6;opacity:1;filter:none}
.shots-layer:focus-visible{outline:2px solid #69e9dd;outline-offset:7px}
.shots-meta{position:absolute;z-index:7;left:4%;right:4%;bottom:3%;display:flex;align-items:end;justify-content:space-between;gap:18px;pointer-events:none}
.shots-meta h2{font-size:clamp(20px,3.4vw,42px);letter-spacing:-.035em;margin:4px 0;text-shadow:0 4px 22px #080419}
.shots-meta p{margin:0;color:#c0b2db;font-size:12px;letter-spacing:.05em}
.shots-meta small{color:#6ce6d9;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700}
.shots-meta .shots-counter{font:700 14px ui-monospace,monospace;color:#eee5ff;white-space:nowrap}
.shots-navbuttons{position:relative;z-index:8;display:flex;justify-content:center;gap:10px;margin:0 auto 26px}
.shots-navbuttons button{width:48px;height:48px;border:1px solid rgba(161,112,255,.48);border-radius:50%;background:rgba(27,16,69,.88);color:white;cursor:pointer;font-size:22px;transition:transform .25s,background .25s}
.shots-navbuttons button:hover{transform:translateY(-3px);background:#7136dc}
.shots-filmstrip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0 25px;scrollbar-color:#7952be #160e32}
.shots-thumb{position:relative;flex:0 0 clamp(150px,18vw,235px);aspect-ratio:16/10;padding:0;border:1px solid rgba(162,121,248,.32);border-radius:12px;background:#0b0826;overflow:hidden;cursor:pointer;scroll-snap-align:center;opacity:.6;transition:opacity .3s,transform .35s,border-color .3s,box-shadow .3s}
.shots-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.shots-thumb:hover,.shots-thumb[aria-current=true]{opacity:1;transform:translateY(-5px);border-color:#78e8e0;box-shadow:0 15px 35px rgba(66,22,148,.45)}
.shots-thumb:hover img{transform:scale(1.06)}
.shots-thumb span{position:absolute;bottom:0;left:0;right:0;padding:12px 9px 7px;color:#fff;text-align:left;font-size:10px;background:linear-gradient(transparent,#080419df)}
@media(max-width:700px){.shots-stage{min-height:clamp(310px,78vw,520px)}.shots-layer{top:11%;width:90%}.shots-layer[data-position="previous"]{transform:translateX(-101%) translateY(12%) rotateY(20deg) scale(.78)}.shots-layer[data-position="next"]{transform:translateX(1%) translateY(12%) rotateY(-20deg) scale(.78)}.shots-meta{bottom:2%;left:1%;right:1%}.shots-meta h2{font-size:19px}.shots-meta p{font-size:10px}.shots-thumb{flex-basis:52vw}}
@media(prefers-reduced-motion:reduce){.shots-layer,.shots-thumb,.shots-thumb img{transition:none!important}}