/* The original cream landing; the music owns a separate full-screen stage. */
.hero h1>span{display:inline-block;font-size:.46em;vertical-align:top;margin:.08em .03em 0 0;color:var(--orange);transform:rotate(-8deg)}
.degen-stickers,.degen-marquee{display:none}.mascot-button{cursor:pointer}
body.rave-on{background:#07100a;color:#f4ffe1}
.rave-on .nav{position:fixed;inset:0 0 auto;height:0;margin:0;border:0;background:none;box-shadow:none;z-index:20;pointer-events:none}
.rave-on .brand,.rave-on footer,.rave-on .hero-topline,.rave-on .hero-copy,.rave-on .hero-aside{display:none}
.rave-on .sound-switch{position:fixed;right:24px;top:22px;pointer-events:auto;background:#101d13;color:#e4ffb5;border:1px solid #b5ff7066;box-shadow:none;padding:12px 16px;backdrop-filter:blur(12px)}
.rave-on .sound-switch:hover{background:#234429;transform:none;box-shadow:none}
.rave-on main{min-height:100svh}.rave-on .hero{height:100svh;min-height:560px;max-width:none;padding:0;overflow:hidden;isolation:isolate}
.rave-on .hero h1{position:absolute;top:13%;left:0;right:0;margin:0;z-index:1;font-size:clamp(110px,23vw,350px);line-height:.85;letter-spacing:-.035em;color:#e9ffc7;-webkit-text-stroke:0;text-shadow:calc(-2px - var(--beat)*7px) 0 #72ff53,calc(2px + var(--beat)*7px) 0 #ff8a3d;animation:clubGlitch 2.46s steps(1,end) infinite}
.rave-on .hero h1>span{color:#ff9c56}
.rave-on .hero-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;max-width:none;z-index:2;pointer-events:none}
.rave-on .hero-art{width:min(66vh,650px);max-width:80vw;margin-top:13vh;perspective:none;pointer-events:auto}
.rave-on .hero-art::before{content:none}
.rave-on .mascot-button{animation:clubBounce 1.23s ease-in-out infinite;transform:none}
.rave-on .mascot{filter:drop-shadow(0 0 calc(12px + var(--beat)*24px) #9efb5d66) drop-shadow(0 25px 20px #0008)}
.rave-on .rave-scene{background:#07100a;opacity:1}
.club-haze{position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 65%,#4e942c77,transparent 45%),radial-gradient(ellipse at 80% 35%,#df6c2433,transparent 42%);animation:hazeDrift 8s ease-in-out infinite alternate}
.rave-on .laser{width:6vw;top:-30%;height:160%;opacity:calc(.09 + var(--beat)*.36);filter:blur(1px)}
.rave-on .laser-one,.rave-on .laser-three{background:linear-gradient(#cdff98,#7fff4c55 65%,transparent)}
.rave-on .laser-two,.rave-on .laser-four{background:linear-gradient(#ffd09a,#ff922f44 65%,transparent)}
.rave-on .laser-one{animation-duration:3.7s}.rave-on .laser-two{animation-duration:4.3s}.rave-on .laser-three{animation-duration:5.1s}.rave-on .laser-four{animation-duration:6.3s}
.rave-on .rave-flash{background:radial-gradient(ellipse at center,#bfff80,transparent 70%);opacity:calc(var(--beat)*.13);mix-blend-mode:screen}
.rave-on .rave-scanlines{opacity:.2}
.rave-on .degen-marquee{display:block;position:absolute;left:0;width:100%;overflow:hidden;white-space:nowrap;z-index:4;font:900 clamp(20px,2.5vw,36px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:2px;padding:9px 0}
.rave-on .marquee-one{top:0;background:#c3f68b;color:#0c1c10}.rave-on .marquee-two{bottom:0;background:#e89957;color:#1b130b}
.ticker-track{display:flex;width:max-content;animation:tickerLoop 24s linear infinite;animation-play-state:paused}
.rave-on .ticker-track{animation-play-state:running}.marquee-two .ticker-track{animation-direction:reverse;animation-duration:28s}
.ticker-group{display:block;flex:none;min-width:100vw;padding-right:2rem;text-align:center}
@keyframes tickerLoop{to{transform:translateX(-50%)}}
@keyframes clubBounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}
@keyframes hazeDrift{to{transform:translate(6%,-4%) scale(1.1)}}
@keyframes clubGlitch{0%,93%,100%{transform:none}94%{transform:translateX(-5px) skewX(-2deg)}96%{transform:translateX(5px)}}
@media(max-width:760px){.rave-on .hero{min-height:460px}.rave-on .hero h1{top:23%;font-size:24vw}.rave-on .hero-art{width:min(85vw,60svh);max-width:90vw;margin-top:9vh}.rave-on .sound-switch{top:60px;right:16px}.rave-on .sound-label{display:inline}.rave-on .laser{width:12vw}.rave-on .degen-marquee{font-size:21px}.hero h1{font-size:23vw}}
@media(min-width:761px){.rave-on .sound-switch{top:74px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.club-haze,.rave-on .hero h1,.rave-on .mascot-button{animation:none!important}.rave-on .rave-flash{display:none}.rave-on .mascot{filter:drop-shadow(0 16px 20px #0008)}}