:root{--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring-bouncy: linear(0, .45 12%, .87 25%, 1.06 38%, 1.1 46%, 1.04 60%, .99 74%, 1);--font-headline: "Inter Tight", "Helvetica Neue", system-ui, sans-serif;--font-mono: "Fragment Mono", ui-monospace, monospace;--fg: #000;--bg: #fff;--muted: #7d7d7d;--line: #e6e6e6;--accent: #ff591d;--clock-tick: #dadada;--page-pad: clamp(16px, 3vw, 40px);--radius-card: 20px;--t-rise-delay: 2.45s;--t-rise-dur: 2s;--t-header: 3.7s;--t-cards: 3.5s}html.dive{--fg: #fff;--bg: #000;--muted: #8f8f8f;--line: #262626}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--fg);font-family:var(--font-headline);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .4s linear}html[data-phase=boot] body,html[data-phase=intro] body{overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase}#gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:40;pointer-events:none;visibility:hidden}#gl.is-active{visibility:visible}html.dive main{visibility:hidden}.site-header{position:fixed;top:-40px;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--page-pad);opacity:0;pointer-events:none}html:not([data-phase=boot]) .site-header{animation:header-in .8s var(--ease-out-expo) var(--t-header) both}html[data-phase=ready] .site-header{pointer-events:auto}@keyframes header-in{to{opacity:1;top:0}}.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-.04em}.logo em{font-style:normal;font-weight:400;color:var(--muted)}.logo-mark{width:18px;height:18px;background:var(--fg);border-radius:4px 4px 4px 9px;transition:border-radius .5s var(--ease-spring-bouncy)}.logo:hover .logo-mark{border-radius:50%}.header-nav{display:flex;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:999px;border:0;background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--line);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .4s var(--ease-spring-bouncy),background-color .3s,color .3s}.chip:hover{transform:translateY(-2px)}.chip:active{transform:scale(.96)}.chip.mono{font-size:11px}.chip-round{width:36px;padding:0}.chip-dark{background:var(--fg);color:var(--bg);box-shadow:none}#sound-btn[aria-pressed=true]{background:var(--fg);color:var(--bg)}.headline{margin:0;font-weight:500;letter-spacing:-.045em;line-height:.92}html[data-phase=boot] [data-split]{visibility:hidden}.headline-hero{font-size:clamp(52px,calc((100vw - var(--page-pad) * 2) / 5.4),230px)}.headline-xl{font-size:clamp(48px,13vw,210px)}.headline-lg{font-size:clamp(40px,7.5vw,120px)}.wr{display:inline-block;position:relative}.wr-text{display:inline-block;color:transparent}.wr[data-side=left] .wr-text{transform-origin:left bottom}.wr[data-side=right] .wr-text{transform-origin:right bottom}.wr-text:before{content:"";position:absolute;width:.12em;height:.12em;background:var(--fg);bottom:.04em;visibility:hidden}.wr[data-side=left] .wr-text:before{right:100%;transform-origin:right bottom}.wr[data-side=right] .wr-text:before{left:calc(100% + .06em);transform-origin:left bottom}.wr[data-shape=circle] .wr-text:before{border-radius:50%}.wr.revealed .wr-text:before{animation:wr-shape 1s step-end var(--wr-delay, 0s) both}.wr.revealed .wr-text{animation:wr-text 1s step-end var(--wr-delay, 0s) forwards,wr-drift .25s ease-out calc(var(--wr-delay, 0s) + .55s) both}@keyframes wr-shape{0%{visibility:hidden;scale:1}0.5%{visibility:visible;scale:1}15%{visibility:visible;scale:1.5}30%{visibility:visible;scale:2}45%{visibility:visible;scale:2}55%{visibility:hidden;scale:0}}@keyframes wr-text{0%{color:transparent;transform:scale(.35)}15%{color:transparent;transform:scale(.35)}30%{color:var(--fg);transform:scale(.35)}45%{color:var(--fg);transform:scale(.65)}55%{color:var(--fg);transform:scale(1)}to{color:var(--fg);transform:scale(1)}}@keyframes wr-drift{0%{translate:calc(var(--wr-drift-dir, -1) * .08em) 0}to{translate:0 0}}.hero{position:relative;min-height:84svh;padding:120px var(--page-pad) 120px}.hero-wrap{text-align:center;transform:translateY(var(--rise, 0px))}html:not([data-phase=boot]) .hero-wrap{animation:hero-rise var(--t-rise-dur) var(--ease-in-out-quint) var(--t-rise-delay) both}@keyframes hero-rise{to{transform:translateY(0)}}.hero-tagline{margin:28px auto 0;max-width:420px;font-size:17px;line-height:1.4;letter-spacing:-.01em;opacity:0}html:not([data-phase=boot]) .hero-tagline{animation:fade-in .8s ease 1.3s both}@keyframes fade-in{to{opacity:1}}.wall{position:relative;padding:0 var(--page-pad) 160px;overflow:clip}.wall-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.wall-col{display:grid;gap:16px;will-change:transform}.wall-col:nth-child(2){margin-top:140px}.wall-col:nth-child(3){margin-top:60px}.w-card{margin:0;position:relative}.w-media{position:relative;aspect-ratio:1 / var(--ratio);border-radius:var(--radius-card);overflow:hidden;background:#eee;transform:translateZ(0);transition:border-radius .6s var(--ease-out-expo),scale .6s var(--ease-out-expo)}.w-media canvas{display:block;width:100%;height:auto;will-change:transform}.w-card:hover .w-media{scale:.975;border-radius:30px}.w-label{position:absolute;left:14px;bottom:12px;margin:0;padding:6px 10px;border-radius:999px;background:#ffffffdb;color:#000;font-size:10px;backdrop-filter:blur(8px)}.w-card:not(.w-intro) .w-media{opacity:0;translate:0 80px;scale:.92;transition:opacity .7s ease,translate 1.2s var(--ease-out-expo),scale 1.2s var(--ease-out-expo),border-radius .6s var(--ease-out-expo)}.w-card.in .w-media{opacity:1;translate:0 0;scale:1}.w-card.in:hover .w-media{scale:.975}.w-intro .w-media{opacity:0}html:not([data-phase=boot]) .w-intro .w-media{animation:card-slide-in 1.5s var(--ease-out-expo) calc(var(--t-cards) + var(--i) * .08s) both}@keyframes card-slide-in{0%{opacity:0;transform:translateY(260px) scale(1.12)}6%{opacity:1}to{opacity:1;transform:none}}.wall-front{position:absolute;inset:0;pointer-events:none}.w-front{position:absolute;top:var(--top);left:var(--left);width:var(--w);max-width:640px;pointer-events:auto;will-change:transform}.w-front .w-media{box-shadow:0 40px 80px -30px #00000073;border-radius:26px}.hero-card canvas,.c-card canvas{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:760px){.wall-cols{grid-template-columns:repeat(2,1fr)}.wall-col:nth-child(3){display:none}.w-front{--w: 60vw !important}}.live-bar{position:absolute;left:var(--page-pad);right:var(--page-pad);bottom:24px;display:flex;align-items:center;gap:10px;color:var(--fg);opacity:0}html:not([data-phase=boot]) .live-bar{animation:fade-in .8s ease calc(var(--t-header) + .2s) both}.live-dot{width:6px;height:6px;border-radius:50%;background:#2bd16b;animation:blink 1.6s steps(2) infinite}.live-line{flex:1;height:1px;background:var(--line)}@keyframes blink{50%{opacity:.2}}.carousel{position:relative;height:320vh}.carousel-sticky{position:sticky;top:0;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;padding:96px 0 40px}.carousel-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 var(--page-pad) 32px}.carousel-sub{max-width:320px;margin:0;font-size:16px;line-height:1.45;color:var(--muted)}.carousel-track{display:flex;gap:16px;padding:0 var(--page-pad);align-items:start;will-change:transform}.c-card{flex:0 0 auto;width:clamp(240px,26vw,380px)}.c-card .c-media{aspect-ratio:4 / 5;border-radius:var(--radius-card);overflow:hidden;transition:transform .6s var(--ease-out-expo),border-radius .6s var(--ease-out-expo)}.c-card:hover .c-media{transform:scale(.97);border-radius:32px}.c-card .c-meta{display:flex;justify-content:space-between;margin-top:12px;color:var(--fg)}.c-card .c-meta span:last-child{color:var(--muted)}.c-card:nth-child(2n){margin-top:48px}.countdown{position:relative;height:520vh}.countdown-sticky{position:sticky;top:0;height:100dvh;overflow:hidden;display:grid;place-items:center}.clock{--ring: min(118vmin, 1300px);position:relative;width:var(--ring);height:var(--ring);transform:translateY(var(--clock-y, 100dvh)) scale(var(--clock-s, 1));will-change:transform}.clock-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.clock-ring{fill:none;stroke:var(--accent);stroke-width:.14;stroke-linecap:round}.clock-ticks line{stroke:var(--clock-tick);stroke-width:.16;stroke-linecap:round;transition:opacity .2s}.clock-ticks line.major{stroke-width:.28}.clock-hand{position:absolute;left:50%;top:50%;width:.9%;height:44%;background:var(--accent);border-radius:99px;transform-origin:50% 100%;translate:-50% -100%;rotate:var(--angle, 0deg);box-shadow:0 10px 30px #ff591d59}.clock-hand:after{content:"";position:absolute;left:50%;bottom:0;width:520%;aspect-ratio:1;border-radius:50%;background:var(--accent);translate:-50% 50%}.clock-digits{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--ring) * .5);font-weight:500;letter-spacing:-.07em;line-height:1;font-variant-numeric:tabular-nums;color:transparent;-webkit-text-stroke:1px var(--clock-tick);background:linear-gradient(to top,var(--fg) var(--fill, 0%),transparent var(--fill, 0%));-webkit-background-clip:text;background-clip:text;transition:transform .5s var(--ease-spring-bouncy)}.clock-digits.is-filled{transform:scale(.95)}.clock-caption{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:var(--muted)}.manifesto{padding:160px var(--page-pad) 120px;max-width:1400px;margin:0 auto}.m-line{margin:0;overflow:hidden;font-size:clamp(32px,6vw,92px);font-weight:500;letter-spacing:-.045em;line-height:1.02}.m-line span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease-out-expo);transition-delay:calc(var(--i, 0) * 90ms)}.m-line.in span{transform:none}.m-line:nth-child(2n){text-align:right}.manifesto-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:96px;padding-top:24px;border-top:1px solid var(--line)}.manifesto-cols p{margin:0;font-size:18px;line-height:1.55;letter-spacing:-.01em;max-width:520px}@media(max-width:760px){.manifesto-cols{grid-template-columns:1fr}}.finale{padding:120px var(--page-pad) 80px;text-align:center}.cities{list-style:none;padding:0;margin:56px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 40px;font-size:14px}.cities li{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .8s var(--ease-out-expo);transition-delay:calc(var(--i) * 80ms + .6s)}.cities.in li{opacity:1;transform:none}.site-footer{padding:120px var(--page-pad) 140px;text-align:center;border-top:1px solid var(--line)}.footer-kicker{color:var(--muted);margin:0 0 24px}.footer-actions{display:flex;justify-content:center;gap:10px;margin-top:40px}.pill{position:fixed;right:var(--page-pad);bottom:22px;z-index:60;width:30px;height:56px;padding:0;border:0;border-radius:999px;overflow:hidden;cursor:pointer;rotate:32deg;display:grid;grid-template-rows:1fr 1fr;box-shadow:0 8px 20px #00000047,inset 0 0 0 1px #0000001f;opacity:0;transition:rotate .8s var(--ease-spring-bouncy),box-shadow .4s}html:not([data-phase=boot]) .pill{animation:fade-in .8s ease var(--t-header) both}.pill-half{display:block;transition:background .6s}.pill-top{background:linear-gradient(160deg,#f4c3dc,#c77aa6)}.pill-bottom{background:linear-gradient(160deg,#3a2f44,#120e16)}.pill:after{content:"";position:absolute;inset:3px 6px auto auto;width:5px;height:14px;border-radius:9px;background:#ffffff8c}.pill:hover{rotate:20deg}.pill:focus-visible{outline:2px solid var(--accent);outline-offset:4px}html.dive .pill{rotate:212deg;box-shadow:0 0 24px #b58cff99}html.dive .pill-top{background:linear-gradient(160deg,#cdb4ff,#8a5cff)}html.dive .pill-bottom{background:linear-gradient(160deg,#ffe0fb,#f3a6ea)}.pill-hint{position:fixed;right:calc(var(--page-pad) + 46px);bottom:40px;z-index:60;margin:0;color:var(--muted);opacity:0}html:not([data-phase=boot]) .pill-hint{animation:fade-in .8s ease calc(var(--t-header) + .4s) both}html.is-transitioning .pill{pointer-events:none}@media(prefers-reduced-motion:reduce){:root{--t-rise-delay: 0s;--t-rise-dur: .01s;--t-header: 0s;--t-cards: 0s}.wr .wr-text{color:var(--fg)}.wr.revealed .wr-text,.wr.revealed .wr-text:before{animation:none}.m-line span{transform:none;transition:none}}html.is-peeking,html.is-peeking *{user-select:none;cursor:grabbing}html.gl-measure .wr-text{transform:none!important;translate:none!important}
