:root{--ink-0: #08050f;--ink-1: #0d0818;--ink-2: #160c26;--ink-3: #22143a;--paper: #f5ecdb;--paper-dim: #a89c87;--paper-muted: #6b6378;--magenta: oklch(.72 .22 350);--amber: oklch(.8 .18 70);--cyan: oklch(.78 .14 210);--lime: oklch(.86 .18 130);--spot: var(--magenta);--console: #1a1019;--console-edge: #2a1a2c;--console-rail: #3a253e;--pad-off: #241626;--pad-edge: #3a253e}.hero *{box-sizing:border-box;margin:0;padding:0}.hero button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.hero a{color:inherit;text-decoration:none}.hero{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;color:var(--paper);font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(120% 80% at 50% 110%,var(--ink-2) 0%,var(--ink-1) 40%,var(--ink-0) 100%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.55;mix-blend-mode:overlay}.hero .ticker{position:relative;z-index:30;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim);margin-top:.2rem;padding-top:1rem}.hero .live-dot{width:8px;height:8px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 12px #ff3b3b;animation:heroPulse 1.1s ease-in-out infinite}@keyframes heroPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero .ticker .sep{opacity:.35}.hero .ticker .bpm{color:var(--paper)}.hero .stage{position:relative;margin:.6rem auto 0;width:min(1400px,96vw);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 1.4rem}.hero .truss{position:absolute;left:6%;right:6%;top:0;height:12px;background:linear-gradient(180deg,#3a2a3e,#1a121f);border-radius:3px;box-shadow:0 2px #0a0612,inset 0 1px #ffffff0d;z-index:3}.hero .truss:before,.hero .truss:after{content:"";position:absolute;top:-4px;width:8px;height:22px;background:linear-gradient(180deg,#4a3550,#1a121f);border-radius:2px}.hero .truss:before{left:-12px}.hero .truss:after{right:-12px}.hero .fixtures{position:absolute;left:6%;right:6%;top:0;height:30px;display:flex;justify-content:space-around;z-index:3}.hero .fixture{width:14px;height:22px;background:linear-gradient(180deg,#3a2a3e,#1a121f);border-radius:2px 2px 6px 6px;transform:translateY(14px);position:relative}.hero .fixture:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:8px;height:6px;border-radius:50%;background:var(--spot);box-shadow:0 0 10px var(--spot),0 0 22px var(--spot);transition:background .12s,box-shadow .12s}.hero .beams{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hero .beam{position:absolute;top:3%;width:24%;height:80%;transform-origin:50% 0;background:linear-gradient(180deg,color-mix(in oklch,var(--bc),transparent 55%) 0%,color-mix(in oklch,var(--bc),transparent 88%) 50%,transparent 100%);clip-path:polygon(46% 0,54% 0,90% 100%,10% 100%);mix-blend-mode:screen;opacity:.7;filter:blur(4px);animation:beamSwing 6.4s ease-in-out infinite}.hero .beam.b1{left:6%;--bc: var(--magenta);animation-delay:-1s}.hero .beam.b2{left:24%;--bc: var(--cyan);animation-delay:-2.4s;animation-duration:7.2s}.hero .beam.b3{left:42%;--bc: var(--amber);animation-delay:-3.6s;animation-duration:5.6s}.hero .beam.b4{left:60%;--bc: var(--magenta);animation-delay:-4.8s;animation-duration:6.8s}.hero .beam.b5{left:78%;--bc: var(--cyan);animation-delay:-.4s;animation-duration:7s}@keyframes beamSwing{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.hero .haze{position:absolute;inset:0;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.45}.hero .haze span{position:absolute;width:60%;height:50%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.18),transparent 60%);filter:blur(40px);animation:hazeDrift 18s linear infinite}.hero .haze .h1{top:30%;left:-20%;animation-delay:0s}.hero .haze .h2{top:55%;left:30%;animation-delay:-7s;animation-duration:22s}.hero .haze .h3{top:40%;left:60%;animation-delay:-12s;animation-duration:20s}@keyframes hazeDrift{0%{transform:translate(0) translateY(0)}50%{transform:translate(40px) translateY(-20px)}to{transform:translate(0) translateY(0)}}.hero .speaker{position:absolute;bottom:9%;width:64px;height:60%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:4px}.hero .speaker.left{left:3%}.hero .speaker.right{right:3%}.hero .speaker .box{width:100%;background:linear-gradient(180deg,#1d1422,#0e0814);border:1px solid #2a1a30;border-radius:4px;box-shadow:inset 0 1px #ffffff0a,0 4px #050309;position:relative}.hero .speaker .box.hi{height:14%}.hero .speaker .box.mid{height:24%;display:flex;align-items:center;justify-content:center;gap:6px}.hero .speaker .box.sub{height:48%;display:flex;align-items:center;justify-content:center}.hero .speaker .driver{width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1020,#07040c 70%);border:1px solid #2a1a30;box-shadow:inset 0 0 0 6px #0a0610,inset 0 0 18px #0009;transition:transform .08s ease-out}.hero .speaker .driver.small{width:48%}.hero .speaker.kicked .box.sub .driver{transform:scale(1.06)}.hero .speaker .grill-dots{width:80%;height:60%;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.5px);background-size:6px 6px}.hero .booth{position:relative;margin:1.6rem auto 0;width:62%;max-width:720px;z-index:10;display:flex;flex-direction:column;align-items:center}.hero .dj{position:relative;width:240px;height:280px;margin-bottom:-48px;z-index:1;transition:transform .14s cubic-bezier(.2,.7,.3,1.6);filter:drop-shadow(0 0 20px color-mix(in oklch,var(--spot),transparent 50%)) drop-shadow(0 14px 18px rgba(0,0,0,.55))}.hero .dj.bob{transform:translateY(10px) rotate(-1deg)}.hero .dj.jump{transform:translateY(-16px)}.hero .dj svg{width:100%;height:100%;overflow:visible}@keyframes djIdle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(.6deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-3px) rotate(-.6deg)}}.hero .dj.idle{animation:djIdle .984s ease-in-out infinite}.hero .dj .visor-glow{fill:var(--spot);filter:drop-shadow(0 0 8px var(--spot)) drop-shadow(0 0 18px var(--spot));transition:fill .12s}.hero .dj .can-glow{fill:var(--spot);filter:drop-shadow(0 0 6px var(--spot));transition:fill .12s}.hero .dj .arm-l,.hero .dj .arm-r,.hero .dj .head,.hero .dj .body-tilt{transition:transform .14s cubic-bezier(.2,.7,.3,1.4);will-change:transform}.hero .console{position:relative;width:100%;background:linear-gradient(180deg,#221428,#160c1a);border:1px solid var(--console-edge);border-radius:14px 14px 6px 6px;box-shadow:0 1px #ffffff0d inset,0 -8px #0a0610,0 30px 80px #000000b3,0 0 60px color-mix(in oklch,var(--spot),transparent 75%);padding:.8rem 1rem .9rem;z-index:2}.hero .console-rail{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;padding-bottom:.6rem;border-bottom:1px dashed rgba(255,236,200,.12)}.hero .console-rail .deck-name{font-family:Anton,sans-serif;font-size:.95rem;letter-spacing:.16em;color:var(--paper)}.hero .console-rail .deck-name em{font-style:normal;color:var(--spot);transition:color .12s}.hero .console-rail .knobs{display:flex;gap:.6rem;align-items:center}.hero .knob{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#4a3550,#1a121f);border:1px solid #2a1a30;position:relative}.hero .knob:after{content:"";position:absolute;left:50%;top:3px;width:2px;height:7px;background:var(--spot);transform:translate(-50%);transition:background .12s}.hero .step-row{display:grid;grid-template-columns:150px 1fr;gap:.8rem;margin-bottom:.3rem}.hero .step-numbers{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;font-family:JetBrains Mono,monospace;font-size:.55rem;color:var(--paper-muted);text-align:center}.hero .step-numbers span.active{color:var(--spot);font-weight:700}.hero .channels{display:flex;flex-direction:column;gap:5px}.hero .ch{display:grid;grid-template-columns:150px 1fr;gap:.8rem;align-items:center;padding:4px 2px;border-radius:6px;transition:background .15s}.hero .ch.active{background:#ffffff06}.hero .ch-meta{display:flex;align-items:center;gap:.6rem}.hero .pad{width:28px;height:28px;border-radius:6px;background:var(--pad-off);border:1px solid var(--pad-edge);box-shadow:inset 0 2px 4px #00000080,0 1px #ffffff0a;cursor:pointer;position:relative;transition:all .08s;flex-shrink:0}.hero .pad:after{content:"";position:absolute;inset:2px;border-radius:4px;border:1px solid rgba(255,255,255,.04)}.hero .pad.fired{background:var(--spot);box-shadow:0 0 14px var(--spot),inset 0 0 8px #fff6}.hero .ch-name{font-size:.7rem;font-weight:700;color:var(--paper);letter-spacing:.02em;white-space:nowrap}.hero .ch-role{font-family:JetBrains Mono,monospace;font-size:.55rem;color:var(--paper-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:1px}.hero .vu{width:4px;height:30px;background:#0a0610;border-radius:2px;overflow:hidden;position:relative;border:1px solid #1a0e1f}.hero .vu-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,var(--spot),color-mix(in oklch,var(--spot),white 30%));height:0%;transition:height .07s ease-out}.hero .seq{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.hero .step{aspect-ratio:1;border-radius:3px;background:var(--pad-off);border:1px solid var(--pad-edge);cursor:pointer;position:relative;transition:all .1s}.hero .step:hover{border-color:#ffffff2e}.hero .step.on{background:var(--spot);border-color:var(--spot);box-shadow:0 0 8px color-mix(in oklch,var(--spot),transparent 60%)}.hero .step:nth-child(4n+1){border-top-color:#ffecc826}.hero .step.head{outline:1.5px solid #fff8d0;outline-offset:-1px}.hero .step.on.head{background:#fff8d0}.hero .transport{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;padding-top:.8rem;border-top:1px dashed rgba(255,236,200,.12)}.hero .transport-left{display:flex;align-items:center;gap:.8rem;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--paper-dim);text-transform:uppercase;letter-spacing:.12em}.hero .transport-right{display:flex;align-items:center;gap:.6rem}.hero .drop-btn{font-family:Anton,sans-serif;font-size:1.05rem;letter-spacing:.12em;padding:.7rem 1.6rem;color:var(--ink-0);background:var(--paper);border-radius:6px;position:relative;box-shadow:0 4px #b8a98e,0 8px 24px #ffffff1f;transition:transform .1s,box-shadow .1s}.hero .drop-btn:hover{transform:translateY(-1px);box-shadow:0 5px #b8a98e,0 10px 28px #ffffff2e}.hero .drop-btn:active{transform:translateY(2px);box-shadow:0 2px #b8a98e}.hero .drop-btn.playing{background:#ff3b3b;color:#fff;box-shadow:0 4px #a02020,0 8px 24px #ff3b3b59}.hero .clear-btn{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);padding:.55rem .8rem;border-radius:6px;border:1px solid rgba(255,236,200,.12);transition:all .15s}.hero .clear-btn:hover{color:var(--paper);border-color:#ffecc84d}.hero .crowd{position:absolute;left:0;right:0;bottom:-8px;height:42px;z-index:15;pointer-events:none}.hero .crowd svg{position:absolute;bottom:0;left:0;width:100%;height:100%;display:block}.hero .billboard{position:relative;z-index:20;text-align:center;padding:.2rem 1rem 0}.hero .hero-h1{font-family:Anton,sans-serif;font-size:clamp(2rem,5.6vw,5rem);line-height:.92;letter-spacing:.005em;text-transform:uppercase;margin:0;text-wrap:balance;color:var(--paper);text-shadow:0 0 1px rgba(0,0,0,.4),0 0 24px color-mix(in oklch,var(--spot),transparent 55%);transition:text-shadow .2s}.hero .hero-h1 .row{display:flex;justify-content:center;align-items:baseline;gap:.05em;flex-wrap:wrap}.hero .hero-h1 .ch{display:inline-block;transition:transform .12s ease-out,color .15s;will-change:transform}.hero .hero-h1 .ch.spot{color:var(--spot)}.hero .hero-h1 .ch.bouncing{animation:chBounce .22s ease-out}@keyframes chBounce{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-18px) scale(1.08)}70%{transform:translateY(4px) scale(.96)}to{transform:translateY(0) scale(1)}}.hero .hero-h1 .amp{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--spot);margin:0 .2em;font-size:.55em;transform:translateY(-.15em);transition:color .12s}.hero .sub{margin-top:.6rem;max-width:560px;margin-left:auto;margin-right:auto;color:var(--paper-dim);font-size:clamp(.85rem,1.1vw,1rem);line-height:1.4;text-wrap:pretty}.hero .sub b{color:var(--paper);font-weight:600}.hero .scroll-hint{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);z-index:25;font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-muted);display:flex;align-items:center;gap:.6rem;pointer-events:none}.hero .scroll-hint .line{width:30px;height:1px;background:currentColor}.hero .kb-hint{position:absolute;left:1.5rem;bottom:1.2rem;z-index:25;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--paper-muted);letter-spacing:.05em;line-height:1.6;pointer-events:none}.hero .kb-hint kbd{display:inline-block;padding:1px 6px;border:1px solid rgba(245,236,219,.18);border-radius:3px;background:#f5ecdb0a;color:var(--paper-dim);font-size:.62rem;margin:0 1px}.hero .truth-bar{position:absolute;right:1.5rem;bottom:1.2rem;z-index:25;max-width:300px;text-align:right;font-size:.78rem;color:var(--paper-dim);font-style:italic;line-height:1.4;opacity:0;transition:opacity .4s}.hero .truth-bar.visible{opacity:1}.hero .truth-bar b{color:var(--spot);font-style:normal;font-weight:600}.hero .plume{position:absolute;bottom:0;width:120px;height:0;z-index:8;pointer-events:none;overflow:visible;transform-origin:50% 100%}.hero .plume.left{left:0%}.hero .plume.right{right:0%}.hero .plume .flame,.hero .plume .ember{position:absolute;left:50%;bottom:0;opacity:0;will-change:transform,opacity}.hero .plume .flame{width:64px;height:110px;margin-left:-32px;border-radius:50% 50% 35% 35%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 90%,#ffffff 0%,#fff2b0 12%,#ffd66b 25%,#ff8a1e 50%,#ff3a1e 75%,#b81a0a 95%,transparent 100%);filter:blur(2.5px);mix-blend-mode:screen}.hero .plume .flame.thin{width:32px;height:130px;margin-left:-16px;filter:blur(1.5px);background:radial-gradient(ellipse at 50% 90%,#ffffff 0%,#ffe788 20%,#ffa42a 50%,#ff4a1e 78%,transparent 100%)}.hero .plume .ember{width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle,#ffe788,#ff7a1e 55%,transparent 80%);filter:blur(.5px);mix-blend-mode:screen}.hero .plume .base{position:absolute;left:50%;bottom:-10px;width:160px;height:60px;margin-left:-80px;border-radius:50%;background:radial-gradient(ellipse at center,#ffea8c 0%,#ff8a1e 30%,#ff3a1e 55%,transparent 80%);opacity:0;filter:blur(6px);mix-blend-mode:screen;transform:scale(.6)}.hero .plume .f1{--tx: 0px;--tw: 1.1;--th: 1.1;--d: 0s}.hero .plume .f2{--tx: -14px;--tw: .9;--th: 1.45;--d: .03s}.hero .plume .f3{--tx: 16px;--tw: .95;--th: 1.35;--d: .04s}.hero .plume .f4{--tx: -8px;--tw: .75;--th: 1.65;--d: .08s}.hero .plume .f5{--tx: 10px;--tw: .7;--th: 1.85;--d: .1s}.hero .plume .f6{--tx: -2px;--tw: .55;--th: 2.1;--d: .16s}.hero .plume .f7{--tx: -22px;--tw: .65;--th: 1.4;--d: .14s}.hero .plume .f8{--tx: 22px;--tw: .65;--th: 1.4;--d: .18s}.hero .plume .f9{--tx: 4px;--tw: .85;--th: 1.95;--d: .22s}.hero .plume .f10{--tx: -12px;--tw: .6;--th: 1.75;--d: .28s}.hero .plume .f11{--tx: 14px;--tw: .55;--th: 1.65;--d: .32s}.hero .plume .f12{--tx: 0px;--tw: .45;--th: 2.2;--d: .4s}.hero .plume .f7,.hero .plume .f8,.hero .plume .f9,.hero .plume .f10,.hero .plume .f11,.hero .plume .f12{width:36px;height:140px;margin-left:-18px;filter:blur(1.6px);background:radial-gradient(ellipse at 50% 90%,#ffffff 0%,#ffe788 18%,#ffa42a 48%,#ff4a1e 75%,transparent 100%)}.hero .plume .e1{--tx: -28px;--d: .08s}.hero .plume .e2{--tx: 30px;--d: .14s}.hero .plume .e3{--tx: -10px;--d: .22s}.hero .plume .e4{--tx: 18px;--d: .1s}.hero .plume .e5{--tx: -42px;--d: .3s}.hero .plume .e6{--tx: 44px;--d: .36s}.hero .plume .e7{--tx: -6px;--d: .42s}.hero .plume .e8{--tx: 8px;--d: .5s}.hero .plume .e9{--tx: -22px;--d: .58s}.hero .plume.firing .flame{animation:flameBurst 1.8s ease-out var(--d) forwards}.hero .plume.firing .ember{animation:emberRise 2s ease-out var(--d) forwards}.hero .plume.firing .base{animation:baseGlow 1.6s ease-out forwards}@keyframes flameBurst{0%{opacity:0;transform:translateY(30px) scale(.4,.5)}6%{opacity:1;transform:translateY(-20px) scale(var(--tw),calc(var(--th) * .7))}25%{opacity:1;transform:translateY(-180px) scale(var(--tw),var(--th))}55%{opacity:.85;transform:translateY(-380px) scale(calc(var(--tw) * .85),calc(var(--th) * 1.1))}85%{opacity:.35;transform:translateY(-560px) scale(calc(var(--tw) * .55),calc(var(--th) * .9))}to{opacity:0;transform:translateY(-680px) scale(calc(var(--tw) * .3),calc(var(--th) * .5))}}@keyframes emberRise{0%{opacity:0;transform:translate(0) scale(.6)}8%{opacity:1;transform:translate(calc(var(--tx) * .2),-80px) scale(1.1)}50%{opacity:1;transform:translate(var(--tx),-360px) scale(1)}to{opacity:0;transform:translate(calc(var(--tx) * 1.6),-640px) scale(.3)}}@keyframes baseGlow{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1.2)}60%{opacity:.8;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}.hero .drop-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 70%,rgba(255,235,200,.75),rgba(255,180,120,.25) 40%,transparent 75%);opacity:0;pointer-events:none;z-index:9;mix-blend-mode:screen}.hero .drop-flash.firing{animation:dropFlash .7s ease-out forwards}@keyframes dropFlash{0%{opacity:0}10%{opacity:1}to{opacity:0}}.reduce-motion .hero .beam,.reduce-motion .hero .haze span,.reduce-motion .hero .dj.idle{animation:none!important}@media(max-width:900px){.hero .stage{height:auto;min-height:0;padding-bottom:1rem}.hero .speaker{display:none}.hero .booth{position:static;transform:none;width:96%;margin:6rem auto 0}.hero .dj{width:170px;height:200px;margin-bottom:-30px}.hero .step-row,.hero .ch{grid-template-columns:90px 1fr;gap:.5rem}.hero .pad{width:24px;height:24px}.hero .kb-hint,.hero .truth-bar{display:none}.hero .crowd{height:6%}.hero .billboard{position:relative;padding:1rem}.hero .scroll-hint{display:none}}