@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--a:#61d7ff;--ink:#0d1418;--w:#fff;--f:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-snap-type:y proximity;background:#000}
body{background:#000;color:var(--w);font-family:var(--f);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img,video{display:block;max-width:100%}
.btn{display:inline-block;font:700 15px/1 var(--f);font-stretch:112%;text-decoration:none;padding:14px 22px;border-radius:999px;background:var(--a);color:#000;border:2px solid var(--a)}
.btn.ghost{background:transparent;color:var(--w);border-color:var(--w)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--a);outline-offset:3px}
.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,48px);pointer-events:none}
.nav>*{pointer-events:auto}
.mark{display:block;line-height:0}
.mark img{width:60px;height:auto}
.logo-big{width:200px;height:auto}
.nav nav{display:flex;gap:10px}
.nav .btn{padding:10px 16px;font-size:14px}
.card{position:relative;min-height:100svh;scroll-snap-align:start;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:var(--ink)}
.card h2{font:900 clamp(44px,9vw,120px)/.88 var(--f);font-stretch:62%;text-transform:uppercase;letter-spacing:-.01em;color:var(--a)}
video.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card:not(.hero) video.bg{opacity:.6}
.next::after,.submit::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0) 60%);pointer-events:none}
.next .in,.submit .in{z-index:2}
.card .in{position:relative;padding:0 clamp(20px,5vw,72px) clamp(96px,14vh,140px);max-width:900px}
.card .in>*+*{margin-top:18px}
.big{font:800 clamp(28px,5vw,56px)/1 var(--f);font-stretch:80%}
/* hero */
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0) 55%);pointer-events:none}
.hero-in{position:relative;z-index:2;padding:0 clamp(20px,5vw,72px) clamp(100px,15vh,150px);display:grid;gap:22px;justify-items:start}
.hero h1{font:900 clamp(44px,10.5vw,168px)/.84 var(--f);font-stretch:62%;text-transform:uppercase;letter-spacing:-.015em}
.now a{text-decoration:none;display:block}
.artist{font:700 18px/1.2 var(--f);font-stretch:112%;color:var(--a)}
.title{font:800 clamp(24px,3.4vw,34px)/1.05 var(--f);font-stretch:80%}
.dir{font:400 15px/1.3 var(--f);font-stretch:112%}
.snd{display:inline-flex;align-items:center;gap:12px;font:700 17px/1 var(--f);font-stretch:112%;background:var(--a);color:#000;border:0;border-radius:999px;padding:16px 24px 16px 18px;cursor:pointer}
.snd .ico{width:22px;height:22px;background:#000;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 9v6h4l5 4V5L7 9zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 9v6h4l5 4V5L7 9zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z"/></svg>') center/contain no-repeat}
.snd[aria-pressed=true]{background:#000;color:var(--a);outline:2px solid var(--a)}
.snd[aria-pressed=true] .ico{background:var(--a)}
/* winners lane */
.winners{background:#000;justify-content:center;padding:96px 0 110px}
.winners h2{padding:0 clamp(20px,5vw,72px) 26px;color:var(--w)}
.lane{list-style:none;scroll-padding-inline:clamp(20px,5vw,72px);display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(20px,5vw,72px) 8px;scrollbar-width:none;overscroll-behavior-x:contain}
.lane::-webkit-scrollbar{display:none}
.tile{position:relative;flex:0 0 auto;scroll-snap-align:start;width:min(44vw,600px);background:var(--ink);border-radius:6px;overflow:hidden}
.tile .vid{aspect-ratio:16/9;background:#000;border-bottom:4px solid var(--a)}
.tile video{width:100%;height:100%;object-fit:cover}
.cap{padding:16px 18px 20px}
.cap>*+*{margin-top:6px}
.aw{list-style:none;margin-top:12px!important;font:600 14px/1.35 var(--f);font-stretch:100%;color:var(--a)}
.when{font:400 13px/1.3 var(--f);font-stretch:112%;margin-top:12px!important}
.about{background:#000;min-height:0;padding-top:96px}
.stats{display:flex;gap:clamp(20px,5vw,64px);flex-wrap:wrap}
.stats dt{font:900 clamp(40px,7vw,88px)/.9 var(--f);font-stretch:62%;color:var(--a)}
.stats dd{font:400 15px/1.3 var(--f);font-stretch:112%}
.about p{max-width:60ch}
.bar{display:none}
/* watch page */
.watch{padding-top:76px;min-height:100svh;background:var(--ink)}
.player{position:relative;background:#000;aspect-ratio:16/9;max-height:78svh;margin:0 auto;width:100%}
.player img,.player video,.player iframe{width:100%;height:100%;object-fit:contain;border:0}
.play{position:absolute;inset:0;margin:auto;width:92px;height:92px;border-radius:50%;border:0;background:var(--a);cursor:pointer}
.play span{position:absolute;left:36px;top:28px;border-left:28px solid #000;border-top:18px solid transparent;border-bottom:18px solid transparent}
.info{padding:28px clamp(20px,5vw,72px) 120px;max-width:900px}
.info>*+*{margin-top:10px}
.info h1.title{font-size:clamp(40px,7vw,84px);font-stretch:62%;text-transform:uppercase;line-height:.9}
.ctry{font-stretch:112%}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid var(--a);border-radius:999px;padding:6px 12px;font-size:13px}
.chips b{color:var(--a);font-weight:700;margin-right:4px}
@media (max-width:900px){
 .nav nav{display:none}
 .bar{display:flex;gap:10px;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;justify-content:center}
 .bar .btn{flex:1;text-align:center;padding:15px 0;background:var(--a,#61d7ff)}
 .bar .btn.ghost{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .tile{width:auto}
 .tile .vid{aspect-ratio:9/16;height:56svh}
 .tile .cap{width:calc(56svh*9/16)}
 .player{aspect-ratio:auto}
}
@media (prefers-reduced-motion:reduce){video.lazy,video.bg{animation:none}}

.room{background:#000;justify-content:center;padding:96px 0 110px}
.room h2{padding:0 clamp(20px,5vw,72px) 26px;color:var(--w)}
.rlane .ph{flex:0 0 auto;scroll-snap-align:start;height:min(64svh,640px);aspect-ratio:var(--r);position:relative}
.rlane img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.rlane .ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;border-radius:0 0 6px 6px;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0));pointer-events:none}
.rlane .cap2{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;display:grid;gap:2px}
.cap2 b{font:800 19px/1.15 var(--f);font-stretch:90%}
.cap2 .role{font:500 14px/1.3 var(--f);font-stretch:108%}
.cap2 .place{font:700 13px/1.3 var(--f);font-stretch:112%;color:#ffd166}
.rdate{padding:18px clamp(20px,5vw,72px) 0;font:400 14px/1.3 var(--f);font-stretch:112%}
@media (max-width:900px){.rlane .ph{height:56svh;aspect-ratio:var(--m)}}
.family{background:#000;min-height:0;padding-top:96px}
.fam{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:420px}
.fam img{width:100%;aspect-ratio:8/9;object-fit:contain;background:#fff;border-radius:4px}
.family p{max-width:60ch}

.sub{padding:0 clamp(20px,5vw,72px) 22px;margin-top:-10px;font:700 17px/1.3 var(--f);font-stretch:112%}
.tile .vid{position:relative}
.tile.playing video{object-fit:contain}
.tplay{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;border:0;background:var(--a);cursor:pointer;opacity:.92}
.tplay span{position:absolute;left:25px;top:19px;border-left:21px solid #000;border-top:13px solid transparent;border-bottom:13px solid transparent}
.tile.playing .tplay{display:none}
.who img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--a);margin-bottom:8px}
.det{margin-top:14px;font:700 14px/1 var(--f);font-stretch:112%;background:transparent;color:var(--w);border:2px solid var(--a);border-radius:999px;padding:10px 16px;cursor:pointer}
.panel{position:absolute;inset:0;z-index:4;background:var(--ink);padding:20px 20px 24px;overflow-y:auto;border-radius:6px;box-shadow:inset 0 0 0 2px var(--a)}
.panel[hidden]{display:none}
.panel .title{font-size:clamp(26px,3vw,34px);padding-right:44px;margin-bottom:12px}
.panel dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:15px;line-height:1.35}
.panel dt{font-stretch:112%;color:var(--a);font-weight:600}
.panel .rev{margin-top:14px;font-size:15px;line-height:1.55}
.plinks{margin-top:16px}
.plinks a{font-weight:700;color:var(--a)}
.pclose{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:2px solid var(--a);background:transparent;color:var(--w);font-size:22px;line-height:1;cursor:pointer}
.diff{background:#000;min-height:0;padding-top:96px}
.pts{list-style:none;display:grid;gap:14px;max-width:60ch;font-size:19px;line-height:1.4}
.pts b{font-weight:800;color:var(--a)}
.diff blockquote{margin-top:34px!important;border-left:4px solid var(--a);padding-left:18px;max-width:52ch}
.diff blockquote p{font:600 clamp(20px,2.4vw,26px)/1.3 var(--f);font-stretch:90%}
.diff cite{display:block;margin-top:10px;font-style:normal;font-size:15px;font-stretch:112%}
.fam a,.fam span{position:relative;display:block}
.fam a:hover img{outline:3px solid var(--a)}
.fam .here img{outline:4px solid var(--a);outline-offset:2px}
.fam .here em{display:block;margin-top:8px;text-align:center;font:700 13px/1 var(--f);font-style:normal;font-stretch:112%;color:var(--a)}
.family .fam{margin-bottom:36px}
.logo-big{width:200px}
.wnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px!important}
.next .pts{font-size:17px;gap:6px;list-style:disc;padding-left:20px}
.next .pts a{color:var(--a)}