:root{--intro:0;--descent:0;--statement:0;--games:0;--outro:0;--lilac:#b9a8ff}.stage{z-index:0;width:100%;height:100lvh;position:fixed;inset:0}.stage-fallback{z-index:0;background:radial-gradient(42% 34% at 20% 8%,#43e0c838,#0000 70%),radial-gradient(40% 32% at 90% 92%,#9b7cff33,#0000 70%),linear-gradient(175deg,#0b1d22,#081218 45%,#0d0a1c);display:none;position:fixed;inset:0}html[data-webgl=off] .stage{display:none}html[data-webgl=off] .stage-fallback{display:block}main,.footer{z-index:2;position:relative}.mono{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:400;line-height:1.9}.pin{pointer-events:none;height:100svh;position:sticky;top:0;overflow:hidden}.pin a,.pin button,.pin input,.pin [data-no-pick]{pointer-events:auto}.preloader{z-index:100;opacity:1;transition:opacity .9s var(--ease-in-out) .35s;background:#020407;place-items:center;display:grid;position:fixed;inset:0}.preloader.is-exit{opacity:0}.preloader-core{place-items:center;display:grid;position:relative}.preloader-count{font-family:var(--f-mono);letter-spacing:.08em;color:#e9fbff;text-shadow:0 0 14px #78dcffe6;font-size:clamp(14px,1.3vw,17px);position:absolute}.preloader-meta{display:none}.s-intro{height:170vh}.intro-foot{padding-bottom:max(28px, env(safe-area-inset-bottom));color:#eaf1ffb8;opacity:calc(1 - min(1, var(--intro) * 3));justify-content:space-between;align-items:flex-end;transition:opacity .6s;display:flex;position:absolute;inset:auto 0 0}.js:not(.is-loaded) .intro-foot{opacity:0}.intro-scroll{align-items:center;gap:14px;display:inline-flex}.intro-scroll i{background:#eaf1ff33;width:1px;height:46px;position:relative;overflow:hidden}.intro-scroll i:after{content:"";background:var(--teal);width:1px;height:40%;animation:drip 1.8s var(--ease-in-out) infinite;position:absolute;top:-40%;left:0}@keyframes drip{to{top:100%}}.s-descent{height:320vh}.captions{z-index:3;pointer-events:none;position:fixed;inset:0}.caption{opacity:0;will-change:transform;transition:opacity .6s;position:absolute;top:0;left:0}.caption.is-on{opacity:1}.caption span{white-space:nowrap;color:#eaf1ff9e;flex-direction:column;padding-left:74px;font-size:10.5px;line-height:1.6;display:flex;position:absolute;top:0;left:0;transform:translate(clamp(40px,6vw,110px),-50%)}.caption span:before{content:"";background:linear-gradient(90deg,#0000,#eaf1ff8c);width:62px;height:1px;position:absolute;top:50%;left:0}.caption b{color:#fff;text-shadow:0 0 12px #7ff0dfb3;font-size:12px;font-weight:500}.s-statement{height:220vh}.statement{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:48px;height:100%;display:grid;position:relative}.statement-title{font-family:var(--f-display);letter-spacing:-.035em;text-transform:uppercase;color:#f4f8ff;text-shadow:0 0 28px #ffffff47,0 0 2px #fff9;flex-direction:column;font-size:clamp(46px,7.6vw,132px);font-weight:300;font-stretch:100%;line-height:.98;display:flex}.statement-title span{--d:0;opacity:calc(min(1, max(0, (var(--statement) - .08 - var(--d)) * 7)) * min(1, max(0, (.93 - var(--statement)) * 7)));transform:translate3d(0, calc((1 - min(1, max(0, (var(--statement) - .08 - var(--d)) * 5))) * .5em), 0);filter:blur(calc((1 - min(1, max(0, (var(--statement) - .08 - var(--d)) * 5))) * 8px));display:block}.statement-title span:nth-child(2){--d:.04}.statement-title span:nth-child(3){--d:.08}.statement-side{color:#eaf1ffd1;max-width:380px;opacity:calc(min(1, max(0, (var(--statement) - .2) * 6)) * min(1, max(0, (.93 - var(--statement)) * 7)));gap:22px;display:grid}.statement-side p{font-size:12.5px}.statement-side p:first-child{color:var(--teal)}.statement-stores{margin-top:6px}.s-games{height:calc(var(--n) * 22vh + 100vh)}.tree-ask{inset-inline-start:var(--gutter);bottom:max(30px, env(safe-area-inset-bottom));width:min(320px,70vw);opacity:var(--games);position:absolute}.tree-ask-title{color:#fff}.tree-cats{margin-top:12px;list-style:none}.tree-cats button{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lilac);transition:color .25s, transform .4s var(--ease-out);padding:3px 0;font-size:12px;display:block}.tree-cats button span{margin-inline-end:4px;display:inline-block}.tree-cats button:hover{color:#fff;transform:translate(4px)}.tree-cats button.is-on{color:#fff;text-shadow:0 0 12px #b9a8ffe6}.tree-search{margin-top:22px;position:relative}.tree-search input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:100%;max-width:230px;height:42px;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:#140e2873;border:1px solid #b9a8ff73;border-radius:999px;outline:none;padding:0 18px;font-size:11.5px;transition:border-color .3s,box-shadow .3s}.tree-search input::placeholder{color:#b9a8ffbf}.tree-search input:focus{border-color:var(--lilac);box-shadow:0 0 24px #b9a8ff59}.tree-search input::-webkit-search-cancel-button{display:none}.tree-results{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0a1adb;border:1px solid #b9a8ff4d;border-radius:18px;width:300px;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 10px);left:0}.tree-results li{cursor:pointer;font-family:var(--f-mono);text-transform:uppercase;color:#eaf1ffbf;border-radius:12px;justify-content:space-between;gap:12px;padding:9px 12px;font-size:11.5px;display:flex}.tree-results li b{color:#fff;font-weight:500}.tree-results li span{color:var(--accent)}.tree-results li.is-on{background:#b9a8ff24}.tree-now{inset-inline-end:calc(var(--gutter) + 28px);bottom:max(30px, env(safe-area-inset-bottom));text-align:end;opacity:var(--games);justify-items:end;display:grid;position:absolute}.tree-now-index{color:#eaf1ff99;align-items:baseline;gap:8px;display:flex}.tree-now-index span{color:var(--accent);text-shadow:0 0 14px var(--accent);font-size:22px;font-weight:300;transition:color .5s}.tree-now-name{font-family:var(--f-display);letter-spacing:-.01em;text-transform:uppercase;color:#fff;animation:nowIn .7s var(--ease-out) both;margin-top:4px;font-size:clamp(22px,2.4vw,34px);font-weight:300}@keyframes nowIn{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}.tree-now-meta{color:#eaf1ff99}.tree-play{border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 12%, #04070e66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;height:40px;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 26px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;align-items:center;gap:10px;margin-top:14px;padding:0 20px;font-size:11.5px;transition:background-color .4s,border-color .4s,box-shadow .3s;display:inline-flex}.tree-play:hover{background:color-mix(in srgb, var(--accent) 28%, #04070e66);box-shadow:0 0 36px color-mix(in srgb, var(--accent) 50%, transparent)}.tree-rail{inset-inline-end:var(--gutter);width:1px;height:36vh;opacity:var(--games);background:#eaf1ff24;position:absolute;top:50%;transform:translateY(-50%)}.tree-rail i{background:var(--accent);width:100%;height:100%;box-shadow:0 0 10px var(--accent);transform-origin:top;display:block;transform:scaleY(0)}.s-outro{height:170vh}.outro{height:100%;opacity:min(1, max(0, (var(--outro) - .3) * 3.5));transform:translate3d(0, calc((1 - min(1, max(0, (var(--outro) - .3) * 3))) * 30px), 0);flex-direction:column;justify-content:center;display:flex}.outro-kicker{color:var(--teal)}.outro-title{font-family:var(--f-display);letter-spacing:-.035em;text-transform:uppercase;color:#f4f8ff;text-shadow:0 0 28px #ffffff40;flex-direction:column;margin-top:16px;font-size:clamp(40px,6.4vw,112px);font-weight:300;line-height:1;display:flex}.outro-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:40px;display:flex}.qr{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0e1c8c;border-radius:22px;align-items:center;gap:16px;padding:10px 20px 10px 10px;display:flex}.qr-svg{border-radius:12px;width:92px;height:92px}.qr-svg.is-empty{background:#ffffff0f}.qr p{color:#eaf1ffa6;max-width:190px;font-size:10.5px;line-height:1.7}.qr b{color:#fff;font-weight:500;display:block}@media (hover:none){.qr{display:none}}@media (max-width:860px){.statement{grid-template-columns:1fr;align-content:center;gap:28px}.statement-title{font-size:clamp(40px,12vw,64px)}.statement-side{gap:14px}.s-games{height:calc(var(--n) * 18vh + 100vh)}.tree-ask{left:var(--gutter);right:var(--gutter);width:auto;bottom:max(18px, env(safe-area-inset-bottom))}.tree-ask-title,.tree-cats{display:none}.tree-search{margin-top:0}.tree-search input{max-width:none}.tree-results{width:100%}.tree-now{left:var(--gutter);right:var(--gutter);top:calc(var(--nav-h) + 6px);text-align:start;justify-items:start;bottom:auto}.tree-play{inset-inline-end:0;margin:0;position:absolute;top:0}.tree-rail{display:none}.caption span{padding-left:40px;transform:translate(18px,-50%)}.caption span:before{width:32px}}.preloader-canvas{position:absolute;inset:0}.tree-fallback{display:none}html[data-webgl=off] .tree-fallback{place-items:center;display:grid;position:absolute;inset:0}html[data-webgl=off] .tree-fallback video{border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);width:min(86vw,640px);height:auto;box-shadow:0 30px 90px -30px color-mix(in srgb, var(--accent) 60%, transparent);animation:nowIn .6s var(--ease-out) both;border-radius:30px}
