.intro-scenes{display:none;position:absolute;inset:0;overflow:hidden;background:#010308;--scene-light:.035;--scene-zoom:1;--beam-light:.08;--accent:0}
.intro.scenes-ready .intro-scenes{display:block}
.intro.scenes-ready>.intro-portrait,.intro.scenes-ready>.intro-stadium,.intro.scenes-ready>.intro-light{display:none}
.intro-scene{position:absolute;inset:0;background-image:url('intro-atlas-v1.png');background-repeat:no-repeat;background-size:300% 100%;opacity:0;filter:brightness(var(--scene-light));transform:scale(var(--scene-zoom));transform-origin:50% 45%;will-change:opacity}
.intro-beams{position:absolute;inset:-30%;pointer-events:none;opacity:var(--beam-light);transform:rotate(var(--beam-angle));background:conic-gradient(from 155deg at 18% 0,transparent 0deg,#a5d6ff66 10deg,transparent 18deg),conic-gradient(from 187deg at 82% 0,transparent 0deg,#ffe19188 12deg,transparent 22deg);mix-blend-mode:screen}
.intro-scenes::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#fff2bf,transparent 75%);opacity:var(--accent);pointer-events:none}
.intro.scenes-ready .intro-vignette{background:linear-gradient(0deg,#02040af5,transparent 43%,transparent 78%,#02040a80)}
@media(prefers-reduced-motion:reduce){.intro-scene{transform:none;will-change:auto}.intro-beams{transform:none}}