:root{
  --bk:#050507; --bk2:#111116; --white:#fff; --mute:#B4B4C0;
  --orange:#F7941D; --sky:#3CB6F2; --mag:#FF4F9A;
  --gut:clamp(16px,3vw,44px); --max:1400px;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:112px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bk)}
body{background:var(--bk);color:#fff;font:400 17px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img,video{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.lbl{font:700 12px/1.2 Montserrat;letter-spacing:.2em;text-transform:uppercase}
.disp{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.86}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;font:800 15px/1 Montserrat;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border-radius:0;transition:transform .2s,box-shadow .2s}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.btn-sub{background:var(--orange);color:var(--bk);box-shadow:5px 5px 0 var(--mag)}
.btn-sub:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--mag)}
.ff{font:800 16px/1 Inter;text-transform:none;letter-spacing:-.01em}
.pending{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;border:2px dashed rgba(255,255,255,.6);font:700 14px/1 Montserrat;text-transform:uppercase;letter-spacing:.05em}
.pending small{font:500 11px/1 Inter;text-transform:none;letter-spacing:0;color:var(--mute)}
.pend{font-size:13px;color:var(--mute);border:1px dashed rgba(255,255,255,.4);padding:3px 8px;display:inline-block}
.cc{position:absolute;top:10px;right:10px;font:700 11px/1 Montserrat;letter-spacing:.08em;padding:5px 7px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.55);z-index:3}

/* NAV */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--bk);border-bottom:1px solid rgba(255,255,255,.1)}
.nav .row{display:flex;align-items:center;gap:var(--s3);height:72px}
.brand img{width:40px;height:40px}
.links{display:flex;gap:28px;list-style:none;margin-left:var(--s3)}
.links a{font:700 13px/1 Montserrat;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.links a:hover{color:var(--orange)}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:16px}
.dates{font:800 13px/1 Montserrat;letter-spacing:.12em}
.dates b{color:var(--sky)}.dates i{font-style:normal;color:var(--orange)}
.motion{width:40px;height:40px;border:1.5px solid rgba(255,255,255,.6);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.motion svg{width:14px;height:14px}
.motion[data-state="paused"] .i-pause,.motion[data-state="playing"] .i-play{display:none}
.nav .btn{min-height:46px;box-shadow:4px 4px 0 var(--mag)}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;color:#fff}
.menu{display:none}

/* HERO: six videos seen through the letters */
.hero{position:relative;height:max(720px,100svh);padding-top:72px;overflow:hidden}
.mosaic{position:absolute;inset:72px 0 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}
.mosaic video{width:100%;height:100%;object-fit:cover}
.plate{position:absolute;inset:72px 0 0 0;width:100%;height:calc(100% - 72px)}
.hero .info{position:absolute;left:0;right:0;bottom:0;z-index:3}
.hero .info .wrap{display:grid;grid-template-columns:1fr auto;gap:var(--s4);align-items:end;padding-bottom:var(--s4)}
.hero .kick{font:800 clamp(20px,2vw,28px)/1.25 Montserrat;letter-spacing:.02em;max-width:30ch}
.hero .kick span{color:var(--orange)}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.desk{display:block}.phone{display:none}

/* REELS */
.reels{padding:var(--s6) 0 var(--s5)}
.rhead{display:flex;justify-content:space-between;align-items:end;gap:var(--s3);margin-bottom:var(--s4)}
.rhead h2{font-size:clamp(56px,7.4vw,120px)}
.rhead h2 span{color:var(--mag)}
.rgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.reel{position:relative;aspect-ratio:9/16;overflow:hidden;text-decoration:none;background:var(--bk2)}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 8%,rgba(0,0,0,0) 50%)}
.reel .t{position:absolute;z-index:2;left:12px;right:12px;bottom:14px}
.reel .tag{display:inline-block;font:800 11px/1 Montserrat;letter-spacing:.1em;padding:6px 8px;color:var(--bk);margin-bottom:10px}
.reel h3{font-size:clamp(22px,1.8vw,28px);line-height:.95}
.reel .br{font:600 13px/1.2 Inter;color:#E6E6EE;margin-top:6px}
.t-o{background:var(--orange)}.t-s{background:var(--sky)}.t-m{background:var(--mag)}

/* COUNTDOWN */
.count{position:relative;overflow:hidden;background:var(--orange);color:var(--bk)}
.count .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s4);align-items:center;padding-block:var(--s5)}
.count .big{font:400 clamp(130px,17vw,260px)/.78 Anton}
.count h2{font-size:clamp(40px,4.4vw,72px)}
.count p{font:600 17px/1.4 Inter;margin-top:12px}
.count .btn{background:var(--bk);color:#fff;box-shadow:5px 5px 0 var(--mag)}

/* WORD WITH VIDEO INSIDE */
.word{position:relative;aspect-ratio:1440/560;overflow:hidden;background:var(--bk)}
.word video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.word svg{position:absolute;inset:0;width:100%;height:100%}
.word .cap{position:absolute;right:var(--gut);bottom:18px;z-index:2;font:700 13px/1.4 Montserrat;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:right}

/* DAYS */
.days{padding:var(--s6) 0}
.days h2{font-size:clamp(56px,7.4vw,120px);margin-bottom:var(--s4)}
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.day{color:var(--bk);padding:var(--s3);min-height:300px;display:flex;flex-direction:column}
.day .dn{font:400 clamp(96px,9vw,140px)/.8 Anton}
.day .dw{font:800 13px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;margin:16px 0 auto}
.day h3{font:800 22px/1.15 Montserrat;margin:var(--s3) 0 8px}
.day ul{list-style:none;font:500 15px/1.5 Inter}
.d1{background:#fff}.d2{background:var(--orange)}.d3{background:var(--sky)}.d4{background:var(--mag)}

/* SPLIT */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.split .v{position:relative;overflow:hidden}
.split .v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.45) contrast(1.05)}
.split .txt{background:var(--bk2);padding:var(--s5) var(--gut);display:flex;flex-direction:column;justify-content:center}
.split h2{font-size:clamp(48px,5.6vw,92px)}
.split h2 span{color:var(--sky)}
.split p{color:#D8D8E2;max-width:44ch;margin:var(--s3) 0}
.acc{display:flex;gap:10px;flex-wrap:wrap}
.acc span{font:700 13px/1 Montserrat;padding:10px 12px;border:1.5px solid rgba(255,255,255,.4)}

footer{border-top:1px solid rgba(255,255,255,.12);padding:var(--s5) 0 var(--s4);color:#D0D0DA}
footer .top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:var(--s4)}
footer img{width:150px}
footer h4{font:700 12px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:16px}
footer ul{list-style:none;font-size:15px}
footer li{padding:5px 0}
footer a{text-decoration:none}
footer .bot{display:flex;justify-content:space-between;gap:var(--s3);margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:var(--mute)}

[data-appear].pre{opacity:0;transform:translateY(14px);transition:opacity .2s ease-out,transform .2s ease-out}
[data-appear].in{opacity:1;transform:none}

@media (max-width:1199px){.dates{display:none}}
@media (max-width:899px){
  .links,.nav .motion{display:none}
  .burger{display:grid;place-items:center}
  .nav .row{height:64px;gap:10px}
  .nav .right{gap:8px}
  .nav .btn{min-height:42px;padding:0 12px;font-size:12px;box-shadow:3px 3px 0 var(--mag)}
  .nav .btn .ff{font-size:13px}
  .menu{display:block;position:fixed;inset:64px 0 auto 0;background:var(--bk);padding:var(--s3) var(--gut);transform:translateY(-120%);transition:transform .2s;z-index:40}
  .menu[data-open="true"]{transform:none}
  .menu a{display:block;padding:14px 0;font:700 20px/1 Montserrat;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12)}
  .hero{height:820px;padding-top:64px}
  .mosaic,.plate{inset:64px 0 0 0}
  .plate{height:calc(100% - 64px)}
  .mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}
  .desk{display:none}.phone{display:block}
  .hero .info .wrap{grid-template-columns:1fr;gap:var(--s3);padding-bottom:var(--s3)}
  .hero .kick{font-size:19px}
  .rhead{flex-direction:column;align-items:flex-start}
  .rgrid{grid-template-columns:repeat(2,1fr);gap:8px}
  .count .wrap{grid-template-columns:1fr;gap:var(--s2)}
  .count .btn{justify-content:center}
  .dgrid{grid-template-columns:1fr 1fr;gap:8px}
  .day{min-height:230px;padding:16px}
  .day .dn{font-size:84px}
  .day h3{font-size:18px}
  .day ul{font-size:14px}
  .split{grid-template-columns:1fr}
  .split .v{min-height:420px}
  footer .top{grid-template-columns:1fr 1fr}
  footer .top>div:first-child{grid-column:1/-1}
  footer .bot{flex-direction:column}
}
.mbtn{display:none}
@media (max-width:899px){.menu .mbtn{display:block;width:100%;margin-top:16px;min-height:48px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);font:700 14px/1 Montserrat;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}}

/* ===== Inner pages ===== */
.links a[aria-current="page"]{color:var(--orange);box-shadow:0 3px 0 var(--orange)}
.menu a[aria-current="page"]{color:var(--orange)}
.ph{position:relative;height:clamp(520px,74svh,760px);padding-top:72px;overflow:hidden}
.ph .mosaic{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-auto-rows:0}
.ph .info{position:absolute;left:0;right:0;bottom:0;z-index:3}
.ph .info .wrap{padding-bottom:var(--s4);display:flex;justify-content:space-between;align-items:end;gap:var(--s4);flex-wrap:wrap}
.ph .info p{font:700 clamp(18px,1.6vw,22px)/1.35 Montserrat;max-width:40ch}
.ph .info p span{color:var(--orange)}
.crumb{position:absolute;z-index:3;top:96px;left:0;right:0}
.crumb .wrap{font:800 12px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase}
.crumb a{text-decoration:none;color:var(--mute)}.crumb a:hover{color:var(--orange)}
.sec{padding:var(--s6) 0}
.sec.alt{background:var(--bk2)}
.sec h2{font-size:clamp(56px,7.4vw,120px);margin-bottom:var(--s4)}
.sec h2 span{color:var(--mag)}
.sec .lead{font:500 19px/1.5 Inter;color:#D8D8E2;max-width:56ch;margin:-16px 0 var(--s4)}
/* steps as colour blocks */
.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.blk{color:var(--bk);padding:var(--s4) var(--s3);min-height:280px;display:flex;flex-direction:column}
.blk b{font:400 clamp(90px,8vw,130px)/.8 Anton}
.blk h3{font:800 24px/1.15 Montserrat;margin:auto 0 8px}
.blk p{font:500 16px/1.45 Inter}
.b1{background:#fff}.b2{background:var(--orange)}.b3{background:var(--sky)}.b4{background:var(--mag)}
/* date strip */
.strip{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #fff;margin-top:var(--s4)}
.strip>div{padding:var(--s3);border-right:2px solid #fff}
.strip>div:last-child{border-right:0;background:var(--orange);color:var(--bk)}
.strip>div:first-child{background:#fff;color:var(--bk)}
.strip .k{font:800 12px/1.2 Montserrat;letter-spacing:.18em;text-transform:uppercase}
.strip .v{font:400 clamp(28px,2.4vw,38px)/1 Anton;text-transform:uppercase;margin-top:10px}
/* category grid: reel + text */
.cats2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.c2card{background:var(--bk2);display:flex;flex-direction:column;scroll-margin-top:96px}
.c2card .v{position:relative;aspect-ratio:4/5;overflow:hidden}
.c2card .v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c2card .t{padding:var(--s3)}
.c2card .tag{display:inline-block;font:800 11px/1 Montserrat;letter-spacing:.1em;padding:6px 8px;color:var(--bk);margin-bottom:12px}
.c2card h3{font-size:clamp(30px,2.6vw,40px);line-height:.95}
.c2card .br{font:700 13px/1 Montserrat;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:8px 0 12px}
.c2card p{color:#D8D8E2;font-size:16px}
/* faq */
.faq{max-width:960px;border-top:2px solid #fff}
.faq details{border-bottom:2px solid #fff;padding:var(--s3) 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--s3);font:400 clamp(26px,2.4vw,36px)/1.05 Anton;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--orange)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:#D8D8E2;margin-top:var(--s2);max-width:64ch}
/* program */
.dsel{position:sticky;top:72px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr)}
.dsel a{text-decoration:none;color:var(--bk);padding:14px var(--gut);font:800 14px/1 Montserrat;letter-spacing:.1em;text-transform:uppercase}
.dsel a:nth-child(1){background:#fff}.dsel a:nth-child(2){background:var(--orange)}.dsel a:nth-child(3){background:var(--sky)}.dsel a:nth-child(4){background:var(--mag)}
.pday{display:grid;grid-template-columns:minmax(260px,32%) 1fr;scroll-margin-top:124px}
.pday .side{color:var(--bk);padding:var(--s5) var(--gut);display:flex;flex-direction:column}
.pday .side .dn{font:400 clamp(150px,15vw,240px)/.78 Anton}
.pday .side .dw{font:800 14px/1 Montserrat;letter-spacing:.22em;text-transform:uppercase;margin-top:var(--s2)}
.pday .side h2{font-size:clamp(36px,3.6vw,56px);margin:auto 0 0;color:var(--bk)}
.pday .list{padding:var(--s5) var(--gut);background:var(--bk2);border-bottom:1px solid rgba(255,255,255,.08)}
.ev{display:grid;grid-template-columns:140px 1fr;gap:var(--s3);padding:var(--s3) 0;border-top:2px solid rgba(255,255,255,.85)}
.ev:first-child{border-top:0;padding-top:0}
.ev .tm{font:800 13px/1.3 Montserrat;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ev h3{font:400 clamp(30px,2.8vw,44px)/.95 Anton;text-transform:uppercase}
.ev p{color:#D8D8E2;margin-top:8px}
/* tickets */
.tix{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tk{color:var(--bk);padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:12px;min-height:420px}
.tk h3{font-size:clamp(40px,3.6vw,60px)}
.tk p{font:500 16px/1.45 Inter}
.tk .pr{font:400 48px/1 Anton;opacity:.55;margin-top:auto}
.tk ul{list-style:none;font:600 15px/1.4 Inter}
.tk li{padding:8px 0;border-top:2px solid rgba(5,5,7,.85)}
.tk .pending{border-color:rgba(5,5,7,.7);color:var(--bk)}.tk .pending small{color:rgba(5,5,7,.7)}
.note{margin-top:var(--s3);padding:var(--s3);border:2px dashed rgba(255,255,255,.5);color:#E6E6EE}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.facts div{border:2px solid rgba(255,255,255,.85);padding:var(--s3)}
.facts b{display:block;font:400 28px/1 Anton;text-transform:uppercase;margin-bottom:10px}
.facts span{color:#D8D8E2;font-size:15px}
.quote{font:400 clamp(34px,3.6vw,58px)/1.02 Anton;text-transform:uppercase;max-width:22ch}
.quote span{color:var(--orange)}
.quote cite{display:block;margin-top:var(--s3);font:700 13px/1 Montserrat;letter-spacing:.18em;font-style:normal;color:var(--mute)}
.forms3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.f3{text-decoration:none;position:relative;aspect-ratio:3/4;overflow:hidden;display:flex;align-items:flex-end}
.f3 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.f3::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94) 10%,rgba(0,0,0,0) 60%)}
.f3 .t{position:relative;z-index:2;padding:var(--s3)}
.f3 h3{font-size:clamp(36px,3vw,48px);line-height:.92;margin:10px 0}
.f3 p{color:#E6E6EE;font-size:15px}

@media (max-width:899px){
  .ph{height:600px;padding-top:64px}
  .ph .mosaic{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}
  .crumb{top:80px}
  .sec{padding:var(--s5) 0}
  .blocks,.cats2,.tix,.forms3{grid-template-columns:1fr}
  .blk{min-height:200px}
  .strip{grid-template-columns:1fr 1fr}
  .strip>div:nth-child(2){border-right:0}
  .strip>div:nth-child(-n+2){border-bottom:2px solid #fff}
  .dsel{top:64px;grid-template-columns:1fr 1fr}
  .dsel a{padding:12px 16px;font-size:12px}
  .pday{grid-template-columns:1fr;scroll-margin-top:150px}
  .pday .side{padding:var(--s4) var(--gut)}
  .pday .side .dn{font-size:130px}
  .pday .side h2{margin-top:var(--s3)}
  .pday .list{padding:var(--s4) var(--gut)}
  .ev{grid-template-columns:1fr;gap:8px}
  .tk{min-height:0}
  .facts{grid-template-columns:1fr 1fr}
  .c2card .v{aspect-ratio:16/10}
}

/* ROUND 3: sign-up, organizers, board */
.news{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:var(--s2);align-items:end;padding:var(--s4);margin-bottom:var(--s5);background:var(--sky);color:var(--bk)}
.news h3{font-size:clamp(34px,3.4vw,52px)}.news p{font:600 15px/1.4 Montserrat;margin-top:6px}
.news label span{display:block;font:800 11px/1 Montserrat;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.news input{width:100%;min-height:52px;padding:0 16px;border:2px solid var(--bk);background:#fff;color:var(--bk);font:400 16px Inter;border-radius:0}
.news input::placeholder{color:#55556A}.news button{border:0;cursor:pointer}
.people-sec h2{font-size:clamp(44px,5.4vw,88px);margin:var(--s2) 0 var(--s4)}
.orgs{display:grid;grid-template-columns:1fr 1fr}
.orgs article{padding:var(--s4)}.orgs article:first-child{background:var(--orange);color:var(--bk)}.orgs article:last-child{background:var(--mag);color:var(--bk)}
.orgs .yr{font:800 12px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase}
.orgs h3{font-size:60px;margin:14px 0}.orgs p{font-weight:500}.orgs a{display:inline-block;margin-top:16px;font:800 15px Montserrat;text-decoration:none;border-bottom:2px solid}
.hist{display:grid;grid-template-columns:repeat(4,1fr);margin-top:var(--s4)}
.hist div{padding:var(--s3);border:2px solid #fff;margin-left:-2px}.hist .now{background:#fff;color:var(--bk)}
.hist b{display:block;font:400 64px/1 Anton}.hist span{font-size:15px;font-weight:500}
.people-sec .sub{font:800 13px/1 Montserrat;letter-spacing:.2em;text-transform:uppercase;color:var(--sky);margin:var(--s5) 0 var(--s3)}
.board{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.board li{display:flex;flex-direction:column;gap:4px}.board b{font:800 19px/1.2 Montserrat;margin-top:12px;text-transform:uppercase}.board span{color:var(--mute);font-size:14px}
.face{aspect-ratio:4/5;display:grid;place-items:center;font:400 88px/1 Anton;color:var(--bk)}
.board li:nth-child(1) .face{background:var(--orange)}.board li:nth-child(2) .face{background:var(--sky)}.board li:nth-child(3) .face{background:var(--mag)}.board li:nth-child(4) .face{background:#fff}
.people-sec .note{margin-top:var(--s2)}
.vols{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.vols li{padding:10px 16px;border:2px solid rgba(255,255,255,.7);font:700 14px Montserrat;text-transform:uppercase;letter-spacing:.04em}
.len{margin-top:10px;font:800 12px/1.3 Montserrat;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
footer .bot a{color:#fff}
@media (max-width:760px){
  .news{grid-template-columns:1fr;padding:var(--s3)}.news button{justify-content:center}
  .orgs,.hist{grid-template-columns:1fr}.hist div{margin:-2px 0 0 0}
  .board{grid-template-columns:1fr 1fr}.orgs h3{font-size:44px}.face{font-size:64px}
}