:root{--bg: #060b24;--focus-x: 50%;--text: #fff6e8;--accent: #c6ff2b;--over: 8%;--serif: "Cormorant Garamond", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}.scroll-space{height:320vh}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;perspective:1400px}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 55% 56%,#060b244d,#060b24e0);opacity:var(--veil, 0);pointer-events:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.layer{position:absolute;inset:calc(var(--over) * -1);will-change:transform;pointer-events:none}.layer img{width:100%;height:100%;object-fit:cover;object-position:var(--focus-x) 50%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.layer__fx{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.fog{position:absolute;left:0;width:200%;background-repeat:repeat-x;background-size:50% 100%;opacity:var(--fog-opacity, .5);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);animation:fog-drift var(--fog-duration, 120s) linear infinite}.fog--sky{top:4%;height:54%;--fog-opacity: .8;--fog-duration: 160s}.fog--horizon{top:50%;height:20%;--fog-opacity: .55;--fog-duration: 100s;animation-direction:reverse}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.layer--text{display:flex;align-items:center;justify-content:center;padding-bottom:22vh;text-align:center;text-shadow:0 2px 30px rgba(4,8,30,.7);pointer-events:none}.brand{--glow: calc(var(--breathe) * (1 + var(--kick)));font-family:var(--serif);font-weight:500;font-size:clamp(64px,11vw,180px);line-height:.9;letter-spacing:.06em;text-transform:uppercase;color:#fff4fa;text-shadow:0 0 calc(4px * var(--glow)) rgba(255,255,255,.8),0 0 calc(12px * var(--glow)) rgba(255,120,190,.9),0 0 calc(28px * var(--glow)) rgba(255,70,160,.7),0 0 calc(60px * var(--glow)) rgba(255,50,140,.45),0 0 calc(110px * var(--glow)) rgba(110,150,255,.35);animation:neon-breathe 4.5s ease-in-out infinite alternate;transition:--kick .5s ease-out}.brand span{display:inline-block}.brand .flick{animation:neon-flicker 7s steps(1) infinite}.brand.beat{--kick: .6;transition:--kick .04s}@property --breathe{syntax: "<number>"; inherits: true; initial-value: 1;}@property --kick{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes neon-breathe{0%{--breathe: .85}to{--breathe: 1.15}}@keyframes neon-flicker{0%,to{opacity:1}88%{opacity:1}89%{opacity:.25}90%{opacity:1}92%{opacity:.4}93%{opacity:.9}95%{opacity:.3}96%{opacity:1}}.intro .kicker{color:#8fe6ff;text-shadow:0 0 12px rgba(80,200,255,.6)}.intro{pointer-events:auto}.intro,.outro{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.outro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;justify-content:center;padding:0 24px;opacity:0;pointer-events:none;text-shadow:0 2px 30px rgba(4,8,30,.7)}.outro.is-on{pointer-events:auto}.outro__text{max-width:44ch;font-family:var(--serif);font-size:clamp(18px,1.6vw,24px);line-height:1.4;opacity:.9}.outro__note{margin-top:14px;opacity:.7}.outro__note a{color:var(--accent);text-decoration:none}.outro__note a:hover{text-decoration:underline}.tracklist{position:fixed;left:6vw;top:50%;translate:0 -50%;z-index:5;width:min(380px,80vw);opacity:0;pointer-events:none;text-shadow:0 2px 20px rgba(4,8,30,.8)}.tracklist ol{list-style:none;margin-top:16px;border-top:1px solid rgba(255,246,232,.25)}.tracklist li{display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,246,232,.25)}.tracklist b{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.8vw,26px)}.tracklist .mono{opacity:.7}.hud__right{display:flex;gap:10px;align-items:center}.sound{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(255,246,232,.6);border-radius:99px;background:#060b2459;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.sound:hover{border-color:var(--accent)}.eq{display:flex;align-items:flex-end;gap:2px;height:12px}.eq i{width:2px;height:3px;background:currentColor;transition:height .3s}.is-playing .eq i{animation:eq .9s ease-in-out infinite alternate}.is-playing .eq i:nth-child(2){animation-delay:-.3s}.is-playing .eq i:nth-child(3){animation-delay:-.6s}.is-playing .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:3px}to{height:12px}}.outro__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}.pill{cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:transparent;padding:11px 18px;border-radius:99px;border:1px solid var(--text);color:var(--text);text-decoration:none;text-shadow:none;transition:background-color .3s,color .3s}.pill:hover{background:var(--text);color:var(--bg)}.pill--accent{border-color:var(--accent);background:var(--accent);color:#11130e}.pill--accent:hover{background:transparent;color:var(--accent)}.title{font-family:var(--serif);font-weight:500;font-size:clamp(56px,9vw,150px);line-height:.92;letter-spacing:-.01em}.title em{font-style:italic}.sub{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.6vw,24px);opacity:.9}.stage{scale:1.08;transition:scale 2.4s cubic-bezier(.2,.7,.1,1)}.is-ready .stage{scale:1}.layer{opacity:0;transition:opacity 1.4s ease}.is-ready .layer{opacity:1}.is-ready .layer{transition-delay:calc(var(--i, 0) * .07s)}.is-ready .layer--text{transition-delay:.7s}.hud{position:fixed;left:24px;right:24px;z-index:10;display:flex;justify-content:space-between;align-items:center;color:var(--text);pointer-events:none}.hud>*{pointer-events:auto}.hud--top{top:22px}.hud--bottom{bottom:22px}.hud a{color:inherit;text-decoration:none}.hud a:hover{color:var(--accent)}.motion-btn{border:1px solid var(--text);background:#140f2266;color:var(--text);padding:9px 14px;border-radius:99px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:760px){:root{--focus-x: 22%}.hud{left:16px;right:16px}.layer--text{align-items:flex-start;padding:calc(14vh + 8%) 16px 0}.intro{gap:12px}.brand{font-size:clamp(48px,15vw,72px)}.tracklist{left:16px;top:auto;bottom:80px;translate:none}.title{font-size:clamp(44px,13vw,64px)}}@media(prefers-reduced-motion:reduce){.fog,.brand,.brand .flick{animation:none}.stage{transition:none;scale:1}.layer{transition:opacity .6s ease}}