:root{--y:#FFEA00;--k:#0b0b0b;--w:#fff}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--k);color:var(--w);font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 5vw;background:rgba(11,11,11,.92);backdrop-filter:blur(8px);border-bottom:2px solid var(--y)}
.brand img{height:48px;display:block}
.nav nav{display:flex;gap:22px;align-items:center;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.05em}
.nav nav a{text-decoration:none}.nav nav a:not(.btn):hover{color:var(--y)}
.btn{display:inline-block;background:var(--y);color:var(--k);font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:14px 28px;border-radius:999px;text-decoration:none;border:3px solid var(--y);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--w)}
.btn.small{padding:8px 18px}
.btn.ghost{background:transparent;color:var(--y)}
.btn.dark{background:var(--k);color:var(--y);border-color:var(--k)}
.btn.dark:hover{box-shadow:5px 5px 0 var(--w)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:4vw;align-items:center;padding:8vh 5vw;min-height:80vh}
.tag{color:var(--y);font-weight:800;letter-spacing:.15em;font-size:13px;margin-bottom:16px}
h1{font-size:clamp(40px,7vw,96px);line-height:.98;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.hl{background:var(--y);color:var(--k);padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lead{font-size:20px;max-width:520px;margin:24px 0;color:#ddd}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-logo img{width:100%;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(255,234,0,.25))}
@keyframes float{50%{transform:translateY(-14px) rotate(-1.5deg)}}
.marquee{background:var(--y);color:var(--k);overflow:hidden;white-space:nowrap;transform:rotate(-1.5deg);margin:20px -2vw;padding:14px 0;font-weight:900;font-size:34px}
.track{display:inline-flex;gap:40px;animation:scroll 22s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:80px 5vw 10px;text-align:center}
.stats b{display:block;font-size:clamp(40px,6vw,80px);color:var(--y);font-weight:900}
.stats span{text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:#bbb}
.note{text-align:center;color:#666;font-size:12px;padding-bottom:40px}
section{padding:80px 5vw}
h2{font-size:clamp(32px,5vw,64px);text-transform:uppercase;font-weight:900;margin-bottom:32px;line-height:1}
h2::after{content:"";display:block;width:80px;height:8px;background:var(--y);margin-top:14px}
.split{display:grid;grid-template-columns:1fr 1.4fr;gap:5vw}
.split p{font-size:19px;margin-bottom:16px;color:#ddd}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
article{border:3px solid var(--y);border-radius:18px;padding:28px;transition:.25s;background:#111}
article:hover{background:var(--y);color:var(--k);transform:translateY(-6px)}
article:hover .num,article:hover a{color:var(--k)}
.num{color:var(--y);font-weight:900;font-size:40px}
article h3{margin:10px 0;font-size:24px;text-transform:uppercase}
.thumb{background:var(--y);color:var(--k);font-weight:900;font-size:36px;padding:50px 0;text-align:center;border-radius:10px;margin-bottom:16px}
.ep a{font-weight:800;color:var(--y);text-decoration:none}
.guest{text-align:center}.guest i{display:block;aspect-ratio:1;border-radius:50%;border:3px solid var(--y);background:#1a1a1a;margin-bottom:12px}
.guest b{display:block}.guest span{color:#aaa;font-size:14px}
.listen,.contact{background:var(--y);color:var(--k);text-align:center}
.listen h2::after,.contact h2::after{background:var(--k);margin-inline:auto}
.pills{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.contact p{font-size:20px;margin-bottom:24px}
.contact .btn{background:var(--k);color:var(--y);border-color:var(--k)}
footer{padding:40px 5vw;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#aaa;font-size:14px}
footer img{height:56px}
.reveal{opacity:0;transform:translateY(40px);transition:1s}
.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.hero,.split,.grid3{grid-template-columns:1fr}.grid4,.stats{grid-template-columns:1fr 1fr}.nav nav a:not(.btn){display:none}.marquee{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.hl.pink{background:#FF2E93;color:#000}.hl.cyan{background:#00E5FF;color:#000}
.hero h1{font-family:Anton,Impact,"Arial Black",sans-serif;font-weight:400}
h2{font-family:Anton,Impact,"Arial Black",sans-serif;font-weight:400}
.grid3 article{border-color:var(--c,#FFEA00);box-shadow:8px 8px 0 var(--c,#FFEA00)}
.grid3 article .num{color:var(--c)}
.grid3 article:hover{background:var(--c)}
.sub{font-size:19px;color:#ddd;margin:-12px 0 28px;max-width:640px}
.mapwrap{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}
.map{width:100%;max-width:560px;margin:auto}
.pl{font:900 20px Arial,sans-serif;fill:#fff;paint-order:stroke;stroke:#000;stroke-width:5px}
.pulse{animation:pulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pulse{50%{transform:scale(1.5);opacity:.1}}
.cities p{font-size:22px;margin-bottom:18px}
.cities ul{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.cities li{background:var(--c);color:#000;font-weight:900;padding:10px 20px;border-radius:999px;text-transform:uppercase}
.paper{background:#fff;color:#000}.paper h2::after{background:#FF2E93}.paper .sub{color:#333}
.lgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lcard{border:2px solid #e6e6e6;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;overflow:hidden;transition:.2s}
.lcard:hover{transform:translateY(-4px);box-shadow:6px 6px 0 #FFEA00}
.lcard img{max-width:100%;max-height:100%;object-fit:contain}
.lcard.pend{flex-direction:column;border-style:dashed;color:#000;font-weight:900;font-size:20px}
.lcard small,.pcard small{font-size:11px;color:#888;font-weight:400}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{background:var(--c);color:#000;border-radius:18px;padding:50px 20px;text-align:center;font-family:Anton,Impact,"Arial Black",sans-serif;font-size:48px;display:flex;flex-direction:column;gap:6px}
.pcard small{color:#222;font-family:Arial,sans-serif}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.face .ph{background:var(--c);border-radius:20px;aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border:3px solid #fff}
.face svg{width:70%}
.face figcaption{padding-top:10px}.face b{display:block}.face span{color:#aaa;font-size:14px}
.face img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.mapwrap,.pgrid{grid-template-columns:1fr}.lgrid,.fgrid{grid-template-columns:1fr 1fr}}
.hero h1{line-height:1.25;font-size:clamp(44px,6.5vw,88px)}
.hl{display:inline-block;line-height:1.1;padding:.02em .18em;margin:.04em 0;transform:rotate(-1deg)}
h2{line-height:1.15}
.center{text-align:center;margin-top:36px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;counter-reset:s}
.step{border:3px solid var(--c);border-radius:18px;padding:24px;background:#111;box-shadow:7px 7px 0 var(--c);opacity:0;transform:translateY(30px) scale(.95)}
.reveal.in .step{animation:pop .6s forwards;animation-delay:var(--d)}
@keyframes pop{to{opacity:1;transform:none}}
.step .num{color:var(--c);font:400 46px Anton,Impact,sans-serif}
.step h3{font-size:20px;text-transform:uppercase;margin:6px 0}
.step p{font-size:15px;color:#ccc}
.step:hover{background:var(--c);color:#000;transform:translateY(-6px) rotate(-1deg)}.step:hover .num,.step:hover p{color:#000}
.lrow{overflow:hidden;margin:14px -5vw}
.ltrack{display:flex;gap:18px;width:max-content;animation:lscroll 40s linear infinite}
.lrow.rev .ltrack{animation-direction:reverse}
.lrow .lcard{width:230px;flex:none;aspect-ratio:3/2}
@keyframes lscroll{to{transform:translateX(-50%)}}
.badges{display:flex;flex-wrap:wrap;gap:14px}
.badges span{background:var(--c);color:#000;font-weight:900;text-transform:uppercase;padding:16px 26px;border-radius:999px;font-size:18px;animation:bob 3s ease-in-out infinite}
.badges span:nth-child(even){animation-delay:.5s}
@keyframes bob{50%{transform:translateY(-8px) rotate(-1.5deg)}}
.map polygon{animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{filter:drop-shadow(0 0 18px #FFEA00)}}
.route{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:8 10;animation:dash 1.2s linear infinite;opacity:.8}
@keyframes dash{to{stroke-dashoffset:-36}}
@media(max-width:900px){.flow{grid-template-columns:1fr 1fr}}@media(max-width:560px){.flow{grid-template-columns:1fr}}
.hero{background:linear-gradient(90deg,rgba(11,11,11,.96) 30%,rgba(11,11,11,.7)),url(media_wide.jpg) center/cover}
.gal{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-bottom:16px}
.gal figure{border:3px solid #FFEA00;border-radius:18px;overflow:hidden;box-shadow:7px 7px 0 #FF2E93;aspect-ratio:3/4;transition:.3s}
.gal figure:nth-child(2){box-shadow:7px 7px 0 #00E5FF}.gal figure:nth-child(3){box-shadow:7px 7px 0 #FF7A00}
.gal figure:hover{transform:rotate(-1.2deg) scale(1.02)}
.gal img{width:100%;height:100%;object-fit:cover;display:block}
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vid{border:3px solid #fff;border-radius:18px;overflow:hidden;aspect-ratio:9/16;background:#000}
.vid video{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:800px){.gal{grid-template-columns:1fr 1fr}.vids{grid-template-columns:1fr 1fr}}
/* motion pack */
#prog{position:fixed;top:0;left:0;height:5px;width:0;background:linear-gradient(90deg,#FF2E93,#FFEA00,#00E5FF);z-index:50}
#glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(255,234,0,.16),transparent 65%);transform:translate(-50%,-50%);left:-999px;top:-999px;mix-blend-mode:screen}
.kin .ch{display:inline-block;opacity:0;transform:translateY(60%) rotate(8deg);animation:kin .7s cubic-bezier(.2,.9,.3,1.3) forwards;animation-delay:calc(var(--i)*35ms)}
@keyframes kin{to{opacity:1;transform:none}}
.hl .ch:hover,.kin .ch:hover{transform:translateY(-6px) scale(1.15);transition:.15s}
.hero-logo{will-change:transform}
.tilt{transition:transform .15s ease-out;transform-style:preserve-3d}
.big{overflow:hidden;white-space:nowrap;font:400 clamp(70px,14vw,200px) Anton,Impact,sans-serif;line-height:1;color:transparent;-webkit-text-stroke:2px #FFEA00;padding:20px 0}
.big .bt{display:inline-block;will-change:transform}
.big b{color:#FFEA00;-webkit-text-stroke:0;font-weight:400}
.lcard{filter:grayscale(.6);transition:.3s}.lcard:hover{filter:none;transform:scale(1.08) rotate(-1.5deg);z-index:2}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-120%);transition:.6s}
.btn:hover::after{transform:translateX(120%)}
.reveal.in h2{animation:h2in .8s both}
@keyframes h2in{from{letter-spacing:.2em;opacity:0}to{letter-spacing:0;opacity:1}}
.stats b{text-shadow:4px 4px 0 #222}
.step .num{transition:.3s}.step:hover .num{transform:scale(1.3) rotate(-6deg)}
.vid,.gal figure{transition:.3s}.vid:hover{transform:scale(1.04) rotate(1deg)}
@media(prefers-reduced-motion:reduce){.kin .ch{opacity:1;transform:none}}
/* hero2 */
.hero{display:none}
.hero2{text-align:center;padding:48px 0 60px;background:radial-gradient(ellipse at 50% 30%,#2a2400 0,#0b0b0b 65%);overflow:hidden;position:relative}
.hero2 .tag{padding:0 5vw}
.big2{font-size:clamp(52px,11vw,150px)!important;line-height:1.05!important;text-transform:uppercase;padding:0 4vw}
.stage{position:relative;width:min(520px,80vw);margin:-10px auto 10px}
.chair{width:100%;display:block;filter:drop-shadow(0 20px 40px rgba(255,234,0,.25));animation:float 5s ease-in-out infinite}
.aura{animation:aura 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes aura{50%{transform:scale(1.12);opacity:.7}}
.plaque{animation:plq 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes plq{50%{transform:scale(1.05)}}
.stagelogo{position:absolute;left:50%;bottom:-6%;width:46%;transform:translateX(-50%) rotate(-3deg);filter:drop-shadow(0 8px 0 #000)}
.tstrip{overflow:hidden;margin:60px 0 28px}
.ttrack{display:flex;gap:16px;width:max-content;animation:lscroll 45s linear infinite}
.tstrip:hover .ttrack{animation-play-state:paused}
.tc{position:relative;flex:none;width:clamp(210px,36vw,340px);aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:3px solid #FFEA00;box-shadow:6px 6px 0 #FF2E93;transform:rotate(-1deg)}
.tc:nth-child(even){transform:rotate(1deg);box-shadow:6px 6px 0 #00E5FF}
.tc img{width:100%;height:100%;object-fit:cover;display:block}
.tc .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#FFEA00;color:#000;display:grid;place-items:center;font-style:normal;font-size:20px;border:3px solid #000}
.chip{position:absolute;left:10px;bottom:10px;background:var(--c);color:#000;font-weight:900;font-size:12px;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.tagline{max-width:640px;margin:0 auto 22px;padding:0 5vw;font-size:clamp(17px,2.4vw,22px);color:#eee}
.c2{justify-content:center}
@media(max-width:600px){.nav nav a:not(.btn){display:none}.brand img{height:38px}.big2{font-size:clamp(46px,15vw,80px)!important}.stage{width:78vw}.btn{padding:12px 22px}}
h1{font-family:Anton,Impact,"Arial Black",sans-serif!important;font-weight:400}
.stage{width:min(380px,70vw)}
.lcard img{width:78%;height:70%;object-fit:contain}
.lcard:has(img[src$=".svg"]) img{width:78%;height:auto;max-height:70%}
.plogo{background:#fff;border-radius:12px;padding:18px 24px;display:grid;place-items:center;min-height:90px}
.plogo img{max-width:100%;max-height:60px;width:auto}
.pcard{padding:36px 20px}
.face .ph img{object-position:center 20%}
.certs{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.cert{text-align:center;transition:transform .2s}
.cert img{width:100%;max-width:170px;border-radius:50%;box-shadow:0 0 0 3px #FFEA00,0 10px 30px rgba(255,234,0,.2);transition:.3s}
.cert:hover img{box-shadow:0 0 0 4px #FF2E93,0 14px 36px rgba(255,46,147,.35)}
.cert span{display:block;margin-top:12px;font-weight:800;font-size:14px;color:#ddd}
@media(max-width:900px){.certs{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.certs{grid-template-columns:repeat(2,1fr)}}
.foot{display:block!important;padding:90px 5vw 30px;background:#000;border-top:4px solid #FFEA00;position:relative;overflow:hidden;color:#fff}
.fh{font:400 clamp(48px,9vw,130px) Anton,Impact,sans-serif;line-height:1.02;text-transform:uppercase;margin:0 0 20px}
.fh::after{display:none}
.fh span{color:#FFEA00;display:inline-block;border-bottom:8px solid #FF2E93}
.ftag{color:#aaa;font-size:20px;max-width:560px;margin-bottom:26px}
.fcols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:70px 0 30px}
.fcols h4{font-size:24px;margin-bottom:14px;color:#fff}
.fcols a,.fcols span{display:block;color:#999;margin:8px 0;text-decoration:none;transition:.2s}
.fcols a:hover{color:#FFEA00;transform:translateX(6px)}
.wm{font:400 clamp(50px,13vw,200px) Anton,Impact,sans-serif;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:2px rgba(255,234,0,.28);text-align:center;margin:40px -2vw 10px;transition:.4s}
.wm:hover{-webkit-text-stroke-color:#FFEA00}
.legal{color:#666;font-size:12px;text-align:center}
@media(max-width:700px){.fcols{grid-template-columns:1fr}.wm{font-size:15vw}}
html,body{overflow-x:hidden;max-width:100%}