.cinematic{position:fixed;inset:0;z-index:100;background:#020708;overflow:hidden;color:#eff7ec}.cinematic.gone{display:none}.cinematic-image{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;transform-origin:44% 43%;animation:cameraMove 7s cubic-bezier(.65,0,.18,1) forwards}.cinematic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02070855,transparent 55%),linear-gradient(0deg,#020708cc,transparent 45%);animation:fadeToBlack 7s ease forwards}.cinematic-ui{position:absolute;inset:0;z-index:2;padding:32px 38px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.cinematic-top{display:flex;justify-content:space-between;font:11px 'DM Mono';letter-spacing:.12em}.cinematic-top span:first-child{color:var(--acid)}.cinematic-copy{max-width:650px;animation:copySequence 7s ease forwards}.cinematic-copy small{font:11px 'DM Mono';color:var(--red);letter-spacing:.12em}.cinematic-copy h2{font-size:clamp(38px,6vw,82px);line-height:.9;letter-spacing:-.055em;margin:9px 0}.cinematic-copy p{font:14px 'DM Mono';color:#c5d3d0}.cinematic-scan{position:absolute;left:44%;top:43%;width:90px;height:90px;border:1px solid var(--red);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ff586455;animation:scanLock 7s ease forwards}.cinematic-scan:before,.cinematic-scan:after{content:"";position:absolute;background:var(--red)}.cinematic-scan:before{left:50%;top:-18px;width:1px;height:126px}.cinematic-scan:after{top:50%;left:-18px;height:1px;width:126px}.skip-intro{position:absolute;right:38px;bottom:32px;z-index:4;background:#071113aa;color:#eff7ec;border:1px solid #829b98;padding:10px 14px;font:11px 'DM Mono';cursor:pointer}.neural-flash{position:absolute;inset:0;z-index:3;opacity:0;background:radial-gradient(circle at 44% 43%,#c9ff3d 0 1%,#45e6e2 2%,#071113 18%,#020708 55%);animation:neuralFlash 7s ease forwards;pointer-events:none}
@keyframes cameraMove{0%,28%{transform:scale(1)}48%{transform:scale(1.06)}72%{transform:scale(1.35)}100%{transform:scale(7)}}@keyframes scanLock{0%,12%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}24%,63%{opacity:1;transform:translate(-50%,-50%) scale(1)}72%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}}@keyframes copySequence{0%,10%{opacity:0;transform:translateY(12px)}20%,58%{opacity:1;transform:none}72%,100%{opacity:0;transform:translateY(-12px)}}@keyframes fadeToBlack{0%,70%{background:linear-gradient(90deg,#02070855,transparent 55%),linear-gradient(0deg,#020708cc,transparent 45%)}100%{background:#020708}}@keyframes neuralFlash{0%,78%{opacity:0}88%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.cinematic-image,.cinematic-copy,.cinematic-scan,.neural-flash,.cinematic:after{animation-duration:.01ms;animation-delay:.01ms}}