:root {
  color-scheme:only dark;
  --black:#030204; --ink:#f7f4f8; --muted:#aaa5ad; --violet:#925cff; --pink:#ff3f9f; --blue:#55ceff; --gold:#ffc96a; --line:#29242f;
  --radius-xl:28px; --radius-lg:20px; --radius-md:14px; --radius-sm:10px;
  --bloom-violet:0 22px 65px #7644c638; --bloom-pink:0 10px 42px #fb287c20;
  --journey:0; --journey-target:0; --scroll-energy:0; --fi-opacity:0; --earth-opacity:0; --austin-opacity:0; --receiver-opacity:0;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:clip; background:var(--black); }
body { margin:0; overflow-x:clip; background:var(--black); color:var(--ink); font-family:Montserrat,Arial,sans-serif; font-weight:300; line-height:1.75; }
img { display:block; max-width:100%; }
a { color:inherit; }
button,input { font:inherit; }
:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; padding:10px 16px; border-radius:20px; background:#fff; color:#08050c; transform:translateY(-160%); transition:transform .2s; }
.skip-link:focus { transform:translateY(0); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.site-header { position:fixed; inset:0 0 auto; z-index:50; height:82px; display:flex; align-items:center; padding:0 clamp(24px,6vw,96px); background:linear-gradient(#040306f2,#04030600); transition:background .35s; }
.site-header.scrolled { background:#040306e8; backdrop-filter:blur(14px); border-bottom:1px solid #ffffff0a; }
.brand { font:600 1.35rem Orbitron,sans-serif; text-decoration:none; letter-spacing:.16em; }
.brand span { color:var(--violet); text-shadow:0 0 18px #a772ff; }
nav { margin-left:auto; display:flex; gap:30px; }
nav a { position:relative; text-decoration:none; text-transform:uppercase; font-size:.67rem; letter-spacing:.18em; color:#c9c5ca; transition:color .2s; }
nav a::after { content:""; position:absolute; inset:auto 0 -8px; height:1px; background:linear-gradient(90deg,var(--violet),var(--pink)); transform:scaleX(0); transition:transform .25s; }
nav a:hover,nav a:focus-visible { color:#fff; }
nav a:hover::after,nav a:focus-visible::after { transform:scaleX(1); }
.menu-toggle { display:none; margin-left:auto; border:0; background:none; width:36px; height:36px; padding:6px; color:#fff; }
.menu-toggle span { height:1px; background:currentColor; display:block; margin:7px 0; transition:transform .25s; }

/* Continuous descent */
.descent { position:relative; background:#020105; isolation:isolate; }
.descent-stage { position:sticky; top:0; z-index:0; height:100svh; overflow:hidden; background:radial-gradient(circle at 50% 48%,#190d28 0,#07030e 35%,#010102 72%); }
#descent-canvas { position:absolute; inset:0; width:100%; height:100%; }
.descent-vignette { position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at center,transparent 35%,#02010555 69%,#020105 105%),linear-gradient(180deg,#02010550,transparent 18%,transparent 78%,#020105b8); }
.dimensional-field { position:absolute; top:50%; left:50%; width:min(74vw,850px); aspect-ratio:1; border:1px solid #a46cff26; clip-path:polygon(50% 0,88% 20%,100% 62%,68% 100%,20% 86%,0 42%); transform:translate(-50%,-50%) rotate(calc(var(--journey) * 210deg)) scale(calc(1 - var(--journey) * .34)); opacity:calc(.52 - var(--journey) * .4); box-shadow:inset 0 0 80px #9d59ff0b,0 0 100px #6d39a712; }
.field-two { width:min(52vw,610px); border-color:#ff4ca82b; clip-path:polygon(50% 0,100% 32%,80% 100%,16% 88%,0 28%); transform:translate(-50%,-50%) rotate(calc(var(--journey) * -290deg + 24deg)) scale(calc(.72 + var(--journey) * .16)); }
.signal-filament { position:absolute; z-index:3; top:8%; bottom:5%; left:50%; width:2px; opacity:.9; transform:translateX(-50%); background:linear-gradient(transparent,#8b54ff 15%,#fff 46%,#ff3f9f 63%,#59d8ff 82%,transparent); box-shadow:0 0 12px #a86eff,0 0 40px #fa3f9f88,0 0 90px #8c5fff55; clip-path:inset(calc(var(--journey) * 15%) 0 calc((1 - var(--journey)) * 65%) 0); }
.signal-filament::after { content:""; position:absolute; left:50%; top:calc(var(--journey) * 86%); width:13px; aspect-ratio:1; border-radius:50%; background:#fff; transform:translate(-50%,-50%); box-shadow:0 0 10px #fff,0 0 38px var(--pink),0 0 95px var(--violet); }
.fi-presence { position:absolute; z-index:1; left:50%; bottom:-3%; width:min(58vw,720px); max-height:96%; object-fit:contain; transform:translateX(-50%) scale(calc(.93 + var(--journey) * .08)); opacity:var(--fi-opacity); mix-blend-mode:screen; filter:saturate(1.12) contrast(1.04) drop-shadow(0 0 60px #8c4dff55); mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%); }
.earth-orbit { position:absolute; z-index:1; left:50%; top:50%; width:min(31vw,390px); aspect-ratio:1; border:1px solid #7eb9ff3b; border-radius:50%; opacity:var(--earth-opacity); transform:translate(-50%,-45%) scale(calc(.6 + var(--earth-opacity) * .42)); box-shadow:0 0 80px #377ff52b; }
.earth-orbit::before,.earth-orbit::after { content:""; position:absolute; border-radius:50%; }
.earth-orbit::before { inset:7%; background:radial-gradient(circle at 35% 30%,#a9ddff 0 1%,#2869a6 6%,#17374f 30%,#09101e 62%,#02030a 76%); box-shadow:inset -42px -24px 65px #000d,0 0 36px #478fffa8; }
.earth-orbit::after { inset:28% 6%; border:1px solid #bb8cff55; transform:rotate(-18deg) scaleX(1.45); }
.earth-glow { position:absolute; inset:-50%; border-radius:50%; background:radial-gradient(circle,#4aa4ff19,transparent 64%); }
.austin-silhouette { position:absolute; z-index:2; inset:0; width:100%; height:100%; max-width:none; object-fit:contain; object-position:center bottom; opacity:var(--austin-opacity); transform:translateY(calc((1 - var(--austin-opacity)) * 12%)); filter:drop-shadow(0 -18px 48px #853dff32); }
.j-receiver { position:absolute; z-index:1; right:4vw; bottom:-3%; width:min(54vw,760px); height:86%; object-fit:contain; object-position:right bottom; opacity:var(--receiver-opacity); transform:translateX(calc((1 - var(--receiver-opacity)) * 9%)) scale(1.03); filter:saturate(1.12) contrast(1.06) drop-shadow(0 0 55px #f341a038); mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 100%),linear-gradient(to bottom,#000 70%,transparent 100%); mask-composite:intersect; }
.scene-index { position:absolute; z-index:5; right:clamp(24px,5vw,82px); bottom:34px; display:flex; align-items:center; gap:12px; color:#8c8791; font:500 .58rem Orbitron,sans-serif; letter-spacing:.18em; }
.scene-index i { display:block; width:46px; height:1px; background:linear-gradient(90deg,var(--violet),var(--pink)); }
.scene-number { color:#fff; }
.descent-scroll { position:relative; z-index:2; margin-top:-100svh; }
.descent-scene { position:relative; min-height:112svh; display:grid; align-items:center; padding:120px clamp(24px,8vw,140px); scroll-margin-top:70px; pointer-events:none; }
.descent-scene a { pointer-events:auto; }
.descent-scene .scene-copy { width:min(690px,78vw); }
.js-ready .descent-scene .scene-copy { opacity:.08; filter:blur(10px); transform:translate3d(0,36px,0) scale(.98); transition:opacity 1.05s cubic-bezier(.16,1,.3,1),filter 1.15s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1); }
.js-ready .descent-scene.is-current .scene-copy { opacity:1; filter:blur(0); transform:translate3d(0,0,0) scale(1); }
.scene-copy-left { justify-self:start; }
.scene-copy-right { justify-self:end; text-align:right; }
.scene-kicker,.eyebrow { margin:0 0 20px; color:#af87ff; font-size:.66rem; font-weight:600; letter-spacing:.32em; text-transform:uppercase; }
.scene-copy h1,.scene-copy h2 { margin:0 0 30px; font:500 clamp(2.8rem,7.2vw,7.6rem)/.93 Orbitron,sans-serif; letter-spacing:-.045em; text-transform:uppercase; text-wrap:balance; }
.scene-copy h2 { font-size:clamp(2.55rem,6.2vw,6.6rem); }
.scene-copy>p:not(.scene-kicker) { max-width:620px; margin:0; color:#c5c0c9; font-size:clamp(.9rem,1.2vw,1.06rem); }
.scene-copy-right>p { margin-left:auto!important; }
.realm-scene { min-height:100svh; text-align:center; }
.hero-copy { justify-self:center; width:min(850px,92vw)!important; }
.hero-mark { width:min(315px,48vw); margin:0 auto 22px; filter:drop-shadow(0 0 34px #925cff55); }
.hero-copy h1 { font-size:clamp(3rem,7.8vw,8.3rem); }
.hero-copy>p:not(.scene-kicker) { margin:6px auto; }
.hero-copy strong { color:#fff; text-transform:uppercase; }
.hero-callout strong { color:#d4bdff; font-family:Orbitron,sans-serif; letter-spacing:.16em; }
.scroll-cue { position:absolute; bottom:26px; left:50%; display:grid; gap:5px; justify-items:center; color:#b7b1bb; text-decoration:none; transform:translateX(-50%); font-size:1.35rem; }
.scroll-cue span { font-size:.56rem; letter-spacing:.25em; text-transform:uppercase; }
.receiver-scene .scene-copy { position:relative; z-index:3; max-width:650px; }
.signal-to-sound { position:absolute; bottom:9vh; left:50%; display:flex; gap:14px; align-items:center; transform:translateX(-50%); color:#ddd5e6; text-decoration:none; text-transform:uppercase; letter-spacing:.18em; font-size:.62rem; }
.signal-to-sound span { color:var(--pink); font-size:1.4rem; }
.sound-threshold { position:relative; z-index:4; height:1px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; background:#030204; }
.sound-threshold span { height:1px; background:linear-gradient(90deg,transparent,#965dff); }
.sound-threshold span:last-child { background:linear-gradient(90deg,#ff459d,transparent); }
.sound-threshold i { width:13px; aspect-ratio:1; margin:0 15px; border-radius:50%; background:#fff; box-shadow:0 0 12px #fff,0 0 40px var(--pink),0 0 90px var(--violet); }

/* Shared content and media */
.content-scene { position:relative; background:#050406; }
.split { min-height:820px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(50px,8vw,130px); padding:120px clamp(24px,8vw,140px); }
.section-heading { max-width:1200px; margin:0 auto 50px; }
.section-heading h2,.feature-copy h2,.story h2,.highlights h2,.contact h2,.audience-copy h2,.creator-copy h2 { margin:0 0 35px; font:500 clamp(2.35rem,5vw,5.5rem)/1.02 Orbitron,sans-serif; letter-spacing:-.03em; text-transform:uppercase; }
.section-intro { max-width:650px; margin:0 auto; color:#8e8992; }
.art-frame { padding:12px; overflow:hidden; border:1px solid #44375a; border-radius:var(--radius-xl); background:#09070d; box-shadow:var(--bloom-violet),var(--bloom-pink); }
.art-frame img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-md); }
.feature-copy>p:not(.eyebrow) { color:var(--muted); font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; }

/* Players */
.playlist-section { padding:150px 24px 170px; overflow:hidden; border-bottom:1px solid var(--line); background:radial-gradient(circle at 50% 38%,#17091f,#050406 45%); }
.player-heading { text-align:center; }
.player-heading h2 { font-size:clamp(2rem,4vw,4.6rem); }
.music-player { position:relative; isolation:isolate; width:100%; max-width:460px; min-width:0; margin:65px auto 0; padding:22px; text-align:center; border:1px solid #6d42a0; border-radius:var(--radius-xl); background-color:#050307; background-image:radial-gradient(circle at 15% 20%,#d8238b35 0 2px,transparent 3px),radial-gradient(circle at 78% 12%,#9672ff55 0 1px,transparent 2px),radial-gradient(circle at 64% 74%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 25% 85%,#d9cfff66 0 1px,transparent 2px),radial-gradient(circle at 50% 42%,#37185f80,transparent 58%); background-size:97px 89px,131px 127px,173px 157px,211px 199px,100% 100%; box-shadow:0 0 28px #a65cff40,0 0 90px #e62b8a22,inset 0 0 45px #5b268033; animation:cosmicDrift 18s linear infinite; }
.music-player::before,.single-player::before { content:""; position:absolute; z-index:-1; pointer-events:none; filter:blur(22px); animation:cosmicPulse 6s ease-in-out infinite; }
.music-player::before { inset:-55px; background:radial-gradient(ellipse at center,#8f42d533 0,#ec278520 32%,transparent 68%); }
.music-player>* ,.single-player>* { position:relative; z-index:1; }
.music-player.is-playing { box-shadow:0 0 40px #a65cff73,0 0 115px #e62b8a35,inset 0 0 55px #5b26804b; }
.player-cover { width:100%; aspect-ratio:1; object-fit:cover; border:1px solid #b078e6; border-radius:var(--radius-md); box-shadow:0 0 22px #d62c9250; }
.now-playing { margin:24px 0 20px; }
.now-playing strong,.now-playing span { display:block; }
.now-playing strong { font-size:1.05rem; letter-spacing:.04em; text-transform:uppercase; }
.now-playing span { color:#b8b4ba; font-size:.85rem; }
.music-player audio,.single-player audio { display:none; }
.player-progress { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; font-size:.7rem; }
.player-progress input { width:100%; accent-color:#d977ff; filter:drop-shadow(0 0 5px #c24eff); }
.player-controls { display:flex; justify-content:center; align-items:center; gap:18px; margin:20px 0 30px; }
.player-controls button { width:38px; height:38px; padding:0; border:1px solid #bc83ef; border-radius:50%; background:#180d20; color:#fff; font-size:1.35rem; cursor:pointer; box-shadow:0 0 10px #bd5aff55; transition:background .2s,box-shadow .2s,transform .2s; }
.player-controls button,.player-progress input,.track-choice { touch-action:manipulation; }
.player-controls button:hover { background:#3b174d; box-shadow:0 0 18px #e36effaa; transform:translateY(-1px); }
.player-controls .play-button { width:54px; height:54px; padding-left:3px; font-size:1rem; }
.track-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); text-align:left; }
.track-choice { width:100%; display:flex; justify-content:space-between; gap:15px; padding:15px 4px; border:0; border-bottom:1px solid var(--line); background:none; color:#a8a4aa; font:400 .76rem Montserrat,sans-serif; letter-spacing:.04em; text-align:left; text-transform:uppercase; cursor:pointer; }
.track-choice b { margin-right:12px; color:#646067; font-weight:400; }
.track-choice time { white-space:nowrap; }
.track-choice:hover,.track-choice.active { color:#fff; }
.track-choice.active b { color:#a581ff; }
.single-player { position:relative; isolation:isolate; width:min(540px,100%); margin-top:38px; padding:24px 26px 8px; border:1px solid #36d7d0; border-radius:var(--radius-lg); background-color:#040b0e; background-image:radial-gradient(circle at 15% 25%,#70fff57a 0 1px,transparent 2px),radial-gradient(circle at 82% 16%,#ffb64870 0 1px,transparent 2px),radial-gradient(circle at 70% 78%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 34% 64%,#2ddfd02b,transparent 54%); background-size:109px 103px,151px 137px,187px 173px,100% 100%; box-shadow:0 0 34px #21d7ca30,0 20px 70px #f5a6231f,inset 0 0 42px #1bbfc61c; animation:singleCosmicDrift 22s linear infinite; }
.single-player::before { inset:-42px; background:radial-gradient(ellipse at center,#22d8ca2b 0,#f6a62317 38%,transparent 70%); }
.single-player.is-playing { box-shadow:0 0 45px #21d7ca55,0 24px 85px #f5a62330,inset 0 0 54px #1bbfc633; }
.single-player .now-playing { margin:0 0 24px; text-align:left; }
.single-player .now-playing strong { color:#edfffd; }
.single-player .now-playing span { color:#9dbfbd; }
.single-player .player-progress input { accent-color:#42ded5; filter:drop-shadow(0 0 5px #ffd277); }
.single-controls { margin:18px 0 12px; }
.single-controls button { border-color:#58e1da; background:#092124; box-shadow:0 0 14px #35d8d46b; }
.single-controls button:hover { background:#13383a; box-shadow:0 0 20px #ffc65c70; }

/* Live, biography, and existing content */
.video-feature { padding:130px clamp(24px,8vw,140px); background:linear-gradient(180deg,#050406,#08050c 50%,#040305); }
.video-subtitle { margin:-20px 0 35px; color:#918b95; font-size:.7rem; letter-spacing:.24em; text-transform:uppercase; }
.video-shell { max-width:1200px; margin:auto; overflow:hidden; border:1px solid #3b2d48; border-radius:var(--radius-xl); box-shadow:0 26px 90px #6c2ea042,0 0 48px #fb287c18; }
.video-shell video,
.video-shell iframe { display:block; width:100%; aspect-ratio:16/9; border:0; border-radius:inherit; background:#09080a; object-fit:cover; }
.story { padding:160px clamp(24px,8vw,140px); display:grid; grid-template-columns:minmax(280px,.85fr) 1.15fr; gap:clamp(55px,10vw,160px); align-items:center; background:linear-gradient(115deg,#0c0712,#030304 60%); }
.layered-art { position:relative; padding:0 12% 20% 0; }
.layered-art img:first-child { border-radius:var(--radius-xl); box-shadow:var(--bloom-violet); }
.layered-art img:last-child { position:absolute; width:60%; right:0; bottom:0; border:8px solid #08060b; border-radius:var(--radius-lg); box-shadow:0 18px 55px #fb287c2b; }
.story-copy p:not(.eyebrow) { max-width:750px; color:#bbb6bd; }
.highlights { padding:150px clamp(24px,8vw,140px); border-top:1px solid var(--line); background:#050406; }
.highlights>div:first-child,.columns { max-width:1200px; margin-left:auto; margin-right:auto; }
.columns { margin-top:45px; display:grid; grid-template-columns:1fr 1fr; gap:70px; color:#aaa5ac; }
.poster-break { min-height:90vh; display:grid; place-items:center; padding:100px 24px; background:linear-gradient(#0006,#0009),url('assets/pexels-prakhar-bansal-230481-732223.jpg') center/cover fixed; }
.poster-break img { max-height:72vh; box-shadow:0 35px 70px #000b; }
.reverse .feature-copy { order:-1; }
.tech ul { padding:0; list-style:none; border-top:1px solid var(--line); }
.tech li { padding:13px 0; border-bottom:1px solid var(--line); font-size:.85rem; letter-spacing:.07em; text-transform:uppercase; }
.tech li span { float:right; color:#777; letter-spacing:0; text-transform:none; }
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:10px; background:#050307; }
.gallery img { width:100%; height:42vw; max-height:580px; object-fit:cover; border-radius:var(--radius-md); filter:saturate(.75) drop-shadow(0 10px 24px #8f50d32b); transition:filter .4s,transform .4s; }
.gallery img:hover { filter:saturate(1.15) drop-shadow(0 14px 32px #fb287c38); transform:translateY(-2px); }

/* Audience and visitor payoff */
.audience-scene { position:relative; min-height:120svh; display:grid; place-items:center; overflow:hidden; padding:150px 24px 320px; text-align:center; background:radial-gradient(ellipse at 50% 72%,#32104a 0,#100718 28%,#030204 64%); }
.audience-atmosphere { position:absolute; inset:0; opacity:.92; background:linear-gradient(110deg,transparent 25%,#9836ff16 50%,transparent 72%); }
.audience-atmosphere::before { content:""; position:absolute; inset:8% 4% 22%; opacity:.72; background:radial-gradient(circle at 8% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 19% 71%,#e9d5ff 0 1.5px,transparent 2.5px),radial-gradient(circle at 34% 39%,#fff 0 1px,transparent 2px),radial-gradient(circle at 48% 77%,#cb9cff 0 1.5px,transparent 2.5px),radial-gradient(circle at 62% 28%,#fff 0 1px,transparent 2px),radial-gradient(circle at 76% 66%,#ffb8e4 0 1.5px,transparent 2.5px),radial-gradient(circle at 91% 35%,#fff 0 1px,transparent 2px); filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 16px #a74cff); animation:particleVeil 11s ease-in-out infinite alternate; }
.audience-atmosphere span { position:absolute; width:5px; aspect-ratio:1; border-radius:50%; background:#fff; box-shadow:0 0 10px 2px #fff,0 0 34px 8px #d145ff; animation:floatLight 6s ease-in-out infinite; forced-color-adjust:none; }
.audience-atmosphere span:nth-child(1){left:12%;top:32%}.audience-atmosphere span:nth-child(2){left:26%;top:58%;animation-delay:-2s}.audience-atmosphere span:nth-child(3){left:41%;top:23%;animation-delay:-4s}.audience-atmosphere span:nth-child(4){left:58%;top:48%;animation-delay:-1s}.audience-atmosphere span:nth-child(5){left:72%;top:27%;animation-delay:-3s}.audience-atmosphere span:nth-child(6){left:84%;top:61%;animation-delay:-5s}.audience-atmosphere span:nth-child(7){left:53%;top:69%;animation-delay:-2.7s}.audience-atmosphere span:nth-child(8){left:18%;top:76%;animation-delay:-4.8s}.audience-atmosphere span:nth-child(9){left:34%;top:43%;animation-delay:-1.7s}.audience-atmosphere span:nth-child(10){left:66%;top:78%;animation-delay:-3.6s}.audience-atmosphere span:nth-child(11){left:79%;top:44%;animation-delay:-.8s}.audience-atmosphere span:nth-child(12){left:92%;top:72%;animation-delay:-2.1s}
.audience-copy { position:relative; z-index:2; max-width:820px; }
.audience-copy p:last-child { max-width:670px; margin:auto; color:#b9b2bf; }
.crowd { position:absolute; z-index:1; inset:auto 0 0; height:310px; display:flex; justify-content:center; align-items:end; gap:clamp(5px,2vw,35px); }
.crowd i { position:relative; display:block; width:clamp(48px,8vw,105px); height:clamp(140px,20vw,250px); border-radius:50% 50% 12% 12% / 24% 24% 8% 8%; background:linear-gradient(90deg,#020203,#0d0812 50%,#020203); box-shadow:inset 0 0 35px #a642df12; }
.crowd i::before { content:""; position:absolute; left:50%; top:29%; width:8px; aspect-ratio:1; border-radius:50%; background:#fff; transform:translate(-50%,-50%); box-shadow:0 0 10px 3px #fff,0 0 38px 10px var(--pink),0 0 86px 20px var(--violet); animation:audiencePulse 3.7s ease-in-out infinite; forced-color-adjust:none; }
.crowd i::after { content:""; position:absolute; z-index:2; left:50%; top:29%; width:6px; aspect-ratio:1; border:1px solid #fff; border-radius:50%; background:#fff; transform:translate(-50%,-50%); box-shadow:0 0 5px 2px #fff,0 0 12px 4px #ffffffb8; animation:audienceCorePulse 3.7s ease-in-out infinite; forced-color-adjust:none; }
.crowd i:nth-child(2n){height:72%}.crowd i:nth-child(3n){height:88%}.crowd i:nth-child(2n)::before{animation-delay:-1.2s;box-shadow:0 0 10px 3px #fff,0 0 38px 10px var(--blue),0 0 86px 20px var(--violet)}.crowd i:nth-child(3n)::before{animation-delay:-2.3s;box-shadow:0 0 10px 3px #fff,0 0 38px 10px var(--gold),0 0 86px 20px var(--pink)}.crowd i:nth-child(2n)::after{animation-delay:-1.2s}.crowd i:nth-child(3n)::after{animation-delay:-2.3s}
.creator-finale { position:relative; min-height:125svh; display:grid; place-items:center; overflow:hidden; padding:150px 24px; background:radial-gradient(circle at 50% 43%,#29163e 0,#08040d 27%,#020203 65%); text-align:center; }
.visitor-form { position:absolute; left:50%; top:51%; width:min(55vw,620px); height:min(82vh,790px); transform:translate(-50%,-50%); border:1px solid #b67dff1e; border-radius:48% 48% 42% 42% / 30% 30% 62% 62%; box-shadow:inset 0 0 120px #8e49d315,0 0 90px #7331a512; }
.visitor-form::before { content:""; position:absolute; left:50%; top:-2%; width:31%; aspect-ratio:1; border:1px solid #ca9bff33; border-radius:50%; transform:translateX(-50%); box-shadow:inset 0 0 50px #a65cff12; }
.visitor-core { position:absolute; left:50%; top:39%; width:12px; aspect-ratio:1; border-radius:50%; background:#fff; transform:translate(-50%,-50%); box-shadow:0 0 18px #fff,0 0 60px var(--pink),0 0 150px var(--violet),0 0 260px #6333df; animation:visitorPulse 5s ease-in-out infinite; }
.creator-copy { position:relative; z-index:2; max-width:980px; }
.signal-coming { margin:0 0 25px; color:#d5c8df; font-size:.75rem; letter-spacing:.27em; text-transform:uppercase; }
.creator-copy h2 { font-size:clamp(3.2rem,8vw,8.8rem); }
.creator-copy>p:not(.eyebrow,.signal-coming) { max-width:650px; margin:0 auto 30px; color:#b9b2bf; }
.creator-copy>strong { color:#fff; font-family:Orbitron,sans-serif; letter-spacing:.2em; text-transform:uppercase; text-shadow:0 0 20px var(--pink); }
.contact { padding:180px 24px; text-align:center; background:radial-gradient(circle,#24102e,transparent 62%); }
.contact a { display:block; width:max-content; margin:12px auto; text-decoration:none; font-size:clamp(1rem,2vw,1.5rem); letter-spacing:.08em; }
.contact a:hover { color:#c1a7ff; }
footer { position:relative; overflow:hidden; padding:110px max(24px,12vw); border-top:1px solid var(--line); background:#020202; text-align:center; }
footer img { width:min(780px,90%); margin:45px auto; border-radius:var(--radius-lg); filter:drop-shadow(0 24px 55px #7845bd30) drop-shadow(0 0 28px #fb287c16); }
footer blockquote { max-width:1100px; margin:50px auto; color:#d8d1dc; font:400 clamp(1.35rem,2.6vw,2.8rem)/1.45 Orbitron,sans-serif; }
footer>p:not(.thank-you,.copyright) { max-width:840px; margin:0 auto 25px; color:#aaa5ac; }
.thank-you { font-size:.7rem; letter-spacing:.25em; text-transform:uppercase; }
.final-light { width:10px; aspect-ratio:1; margin:75px auto 0; border-radius:50%; background:#fff; box-shadow:0 0 10px 3px #fff,0 0 44px 12px var(--violet),0 0 100px 24px var(--pink); animation:finalPulse 5s ease-in-out infinite; }
.music-player.scene-dormant,.single-player.scene-dormant,.music-player.scene-dormant::before,.single-player.scene-dormant::before,.audience-scene.scene-dormant .audience-atmosphere::before,.audience-scene.scene-dormant .audience-atmosphere span,.audience-scene.scene-dormant .crowd i::before,.audience-scene.scene-dormant .crowd i::after,.creator-finale.scene-dormant .visitor-core,footer.scene-dormant .final-light { animation-play-state:paused; }
.copyright { margin-top:80px; color:#555; font-size:.7rem; letter-spacing:.15em; }

/* One-time reveals outside the continuous prologue */
.reveal-ready .reveal-item { opacity:0; transform:translate3d(0,34px,0); transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .4s ease; transition-delay:var(--reveal-delay,0ms); will-change:opacity,transform; }
.reveal-ready .reveal-item.reveal-left { transform:translate3d(-34px,0,0); }
.reveal-ready .reveal-item.reveal-right { transform:translate3d(34px,0,0); }
.reveal-ready .reveal-item.is-visible { opacity:1; transform:translate3d(0,0,0); will-change:auto; }

@keyframes cosmicDrift { to { background-position:97px 89px,-131px 127px,173px -157px,-211px -199px,0 0; } }
@keyframes singleCosmicDrift { to { background-position:-109px 103px,151px -137px,-187px 173px,0 0; } }
@keyframes cosmicPulse { 0%,100%{opacity:.48}50%{opacity:1} }
@keyframes particleVeil { 0%{transform:translate3d(-5px,8px,0);opacity:.58}50%{opacity:.9}100%{transform:translate3d(7px,-10px,0);opacity:.7} }
@keyframes floatLight { 0%,100%{transform:translateY(0) scale(.88);opacity:.72}50%{transform:translateY(-28px) scale(1.12);opacity:1} }
@keyframes audiencePulse { 0%,100%{opacity:.78;transform:translate(-50%,-50%) scale(.82)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.38)} }
@keyframes audienceCorePulse { 0%,100%{opacity:.96;transform:translate(-50%,-50%) scale(.84)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)} }
@keyframes finalPulse { 0%,100%{opacity:.82;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)} }
@keyframes visitorPulse { 0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.88)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)} }

@media (max-width:800px) {
  .site-header { height:66px; padding:0 20px; }
  .menu-toggle { display:block; }
  nav { position:absolute; top:66px; left:0; right:0; padding:30px; flex-direction:column; gap:22px; background:#08070bf5; transform:translateY(-140%); transition:transform .3s; z-index:-1; }
  nav.open { transform:translateY(0); }
  .descent-scene { min-height:102svh; padding:100px 22px 90px; }
  .descent-scene .scene-copy { width:92vw; }
  .scene-copy h1,.scene-copy h2 { font-size:clamp(2.7rem,12vw,4.5rem); }
  .scene-copy-left,.scene-copy-right { justify-self:center; text-align:left; }
  .scene-copy-right>p { margin-left:0!important; }
  .transmission-scene,.cosmos-scene,.austin-scene { align-items:end; padding-bottom:16vh; }
  .collapse-scene,.earth-scene,.receiver-scene { align-items:start; padding-top:19vh; }
  .hero-mark { width:54vw; }
  .hero-copy h1 { font-size:clamp(2.65rem,12vw,4.3rem); }
  .hero-copy>p:not(.scene-kicker) { font-size:.78rem; }
  .scene-index { right:18px; bottom:18px; }
  .scene-name { display:none; }
  .fi-presence { width:100vw; max-width:none; bottom:0; }
  .earth-orbit { width:58vw; top:53%; }
  .j-receiver { right:-28vw; width:126vw; max-width:none; height:70%; opacity:calc(var(--receiver-opacity) * .72); }
  .dimensional-field { width:105vw; }
  .field-two { width:78vw; }
  .signal-to-sound { bottom:7vh; width:max-content; max-width:88vw; font-size:.53rem; }
  .split,.story { grid-template-columns:1fr; min-height:auto; padding:100px 24px; gap:70px; }
  .section-heading h2,.feature-copy h2,.story h2,.highlights h2,.contact h2,.audience-copy h2,.creator-copy h2 { font-size:clamp(2rem,10vw,3.8rem); }
  .reverse .feature-copy { order:0; }
  .video-feature,.highlights { padding:100px 24px; }
  .playlist-section { padding:110px 20px 120px; }
  .music-player { margin-top:45px; }
  .columns { grid-template-columns:1fr; gap:15px; }
  .poster-break { background-attachment:scroll; }
  .gallery { grid-template-columns:1fr; }
  .gallery img { height:110vw; max-height:none; }
  .tech li span { float:none; display:block; }
  .audience-scene { min-height:108svh; padding:120px 24px 240px; }
  .crowd { height:230px; gap:3px; }
  .crowd i { min-width:36px; }
  .creator-finale { min-height:112svh; }
  .visitor-form { width:92vw; height:70vh; opacity:.62; }
  .contact { padding:120px 24px; }
  footer { padding:90px 24px; }
}

@media (max-width:800px) and (orientation:landscape) {
  .descent-scene { min-height:135svh; }
  .scene-copy h1,.scene-copy h2 { font-size:clamp(2.2rem,8vw,3.6rem); }
  .scene-copy>p:not(.scene-kicker) { font-size:.78rem; max-width:520px; }
  .fi-presence { width:55vw; left:67%; }
  .earth-orbit { width:25vw; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  .descent-stage { background:radial-gradient(circle at 50% 45%,#28123c,#050208 55%,#010102); }
  .dimensional-field { transform:translate(-50%,-50%) rotate(18deg); opacity:.28; }
  .field-two { transform:translate(-50%,-50%) rotate(-22deg) scale(.78); }
  .signal-filament { clip-path:none; opacity:.75; }
  .js-ready .descent-scene .scene-copy { opacity:1; filter:none; transform:none; }
  .fi-presence { opacity:calc(var(--fi-opacity) * .82); transform:translateX(-50%); }
  .austin-silhouette,.j-receiver { transform:none; }
  .reveal-ready .reveal-item { opacity:1; transform:none; transition:none; }
  .audience-atmosphere::before,.audience-atmosphere span,.crowd i::before,.crowd i::after,.visitor-core,.final-light { animation:none!important; opacity:1!important; }
}