@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-cyrillic-ext-wght-normal-lLTsRRxN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");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}:root{--ink: #070b0a;--ink-2: #0d1412;--ivory: #f4efe4;--muted: rgba(244, 239, 228, .66);--faint: rgba(244, 239, 228, .18);--gold: #e2c27c;--leaf: #a6d785;--water: #79d8d6;--display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, sans-serif;--sans: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, sans-serif;--rail-w: 300px;--gutter: clamp(20px, 4.2vw, 84px);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--ink);color:var(--ivory);font-family:var(--sans);font-size:clamp(15px,1.05vw,19px);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--ink);transition:opacity 1.2s ease,visibility 1.2s}#loader.done{opacity:0;visibility:hidden}.loader-inner{width:min(360px,70vw);text-align:center}.loader-mark{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.02em;margin-bottom:22px}.loader-bar{height:1px;background:var(--faint);overflow:hidden}.loader-bar span{display:block;height:100%;width:0;background:var(--gold);transition:width .4s ease}.loader-note{margin-top:14px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;display:block}#pins{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.pin{position:absolute;left:0;top:0;transform:translate(-50%,-100%);opacity:0;display:flex;flex-direction:column;align-items:center;gap:6px;white-space:nowrap;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;text-shadow:0 1px 12px rgba(0,0,0,.7)}.pin .lbl{padding:6px 10px;border:1px solid rgba(244,239,228,.35);background:#070b0a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:2px}.pin .lbl small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:500;text-transform:none;margin-top:2px}.pin .stem{width:1px;height:34px;background:linear-gradient(var(--ivory),transparent)}.pin .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #e2c27c38,0 0 22px var(--gold);margin-top:-2px}.pin.leaf .dot{background:var(--leaf);box-shadow:0 0 0 4px #a6d78538,0 0 22px var(--leaf)}.pin.water .dot{background:var(--water);box-shadow:0 0 0 4px #79d8d638,0 0 22px var(--water)}.pin.zone .lbl{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border-color:#e2c27cb3;background:#070b0a99}.pin.zone .lbl>div{display:none}.pin.zone .num{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:0;color:var(--gold);text-transform:none}.pin.zone.leaf .lbl{border-color:#a6d785b3}.pin.zone.leaf .num{color:var(--leaf)}.pin.zone .stem{height:22px}#topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px var(--gutter);pointer-events:none;mix-blend-mode:difference;font-size:12px;letter-spacing:.22em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--ivory)}.top-right{display:flex;align-items:center;gap:28px}#sound,#tour{pointer-events:auto;display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ivory);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:6px 0}#sound .bars{display:flex;align-items:flex-end;gap:2px;height:12px}#sound .bars i{display:block;width:2px;height:3px;background:currentColor;transition:height .3s}#sound[aria-pressed=true] .bars i{animation:eq 1.1s ease-in-out infinite}#sound[aria-pressed=true] .bars i:nth-child(2){animation-delay:-.3s}#sound[aria-pressed=true] .bars i:nth-child(3){animation-delay:-.6s}#sound[aria-pressed=true] .bars i:nth-child(4){animation-delay:-.9s}@keyframes eq{0%,to{height:3px}50%{height:12px}}#rail{position:fixed;right:calc(var(--gutter) * .5);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:17px;align-items:flex-end}#rail:before{content:"";position:absolute;top:-18%;right:-30%;bottom:-18%;left:-45%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(7,11,10,.62),rgba(7,11,10,.3) 60%,transparent)}#rail a{display:flex;align-items:center;gap:14px;color:var(--ivory);text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.6;text-shadow:0 1px 10px rgba(0,0,0,.85);transition:opacity .4s,color .4s,font-size .4s}#rail a:hover{opacity:.95}#rail a i{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:width .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}#rail a.on{opacity:1;color:var(--gold);font-size:15px;font-weight:700}#rail a.on i{width:56px;background:var(--gold);box-shadow:0 0 14px #e2c27ccc}#story{position:relative;z-index:2}.scene{position:relative;height:var(--len, 300vh)}.sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.scene-plain,.scene-scrub,.scene-h{background:var(--ink)}.scene-3d .sticky{pointer-events:none}.px-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;display:block;opacity:0}.shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#070b0ac7,#070b0a59 38%,#070b0a00 60%),linear-gradient(0deg,#070b0aa6,#070b0a00 35%)}.shade.soft{background:linear-gradient(0deg,#070b0ab3,#070b0a00 40%),linear-gradient(90deg,#070b0a73,#070b0a00 45%)}.shade.deep{background:radial-gradient(ellipse at center,#070b0a40,#070b0ad1)}video.scrub,.frame,.ba,.sticky>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.frame{background-size:cover;background-position:center;will-change:transform}.beat{position:absolute;z-index:4;opacity:0;will-change:transform,opacity}.beat-left{left:var(--gutter);bottom:14vh;max-width:min(620px,80vw)}.beat-right{right:calc(var(--gutter) * .5 + var(--rail-w));bottom:14vh;max-width:min(480px,80vw)}.beat-bottom{left:var(--gutter);right:var(--gutter);bottom:9vh;max-width:760px}.beat-center{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--gutter)}.beat-hero{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:0 var(--gutter)}.beat-hero .lede{max-width:560px}.hero-place{position:absolute;left:var(--gutter);bottom:7vh;display:flex;align-items:center;gap:12px;font-size:clamp(14px,1.12vw,21px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);text-shadow:0 1px 12px rgba(0,0,0,.7)}.hero-place svg{width:1.5em;height:1.5em;flex:none;fill:#e2c27c2e;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(226,194,124,.55))}.beat-hero{opacity:1}.beat-left:before,.beat-right:before,.beat-bottom:before{content:"";position:absolute;top:-45%;right:-40%;bottom:-35%;left:-35%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(7,11,10,.72),rgba(7,11,10,.38) 62%,transparent)}.beat-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(7,11,10,.75) 0%,rgba(7,11,10,.4) 40%,transparent 62%)}.kicker,.index{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px}.display{font-family:var(--display);font-weight:750;font-size:clamp(40px,5vw,104px);line-height:1.02;letter-spacing:-.035em}.display em,.title em{font-style:normal;font-weight:300;color:var(--water)}.title{font-family:var(--display);font-weight:680;font-size:clamp(34px,4.4vw,84px);line-height:1.04;letter-spacing:-.03em;margin-bottom:20px}.lede{margin-top:28px;max-width:640px;font-size:clamp(16px,1.35vw,22px);color:var(--muted)}.body{color:var(--muted);font-size:clamp(16px,1.25vw,21px);max-width:560px}.body.small{font-size:14px;letter-spacing:.06em;margin-top:18px}.scroll-cue{position:absolute;bottom:7vh;left:50%;transform:translate(-50%);align-items:center!important;white-space:nowrap;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.scroll-cue span{width:1px;height:56px;background:linear-gradient(transparent,var(--ivory));animation:cue 2.4s ease-in-out infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.stats{display:grid;gap:22px}.stat{border-top:1px solid var(--faint);padding-top:14px}.stat b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(32px,3.3vw,62px);line-height:1.05;letter-spacing:-.03em;color:var(--ivory)}.stat span{display:block;margin-top:6px;font-size:14px;letter-spacing:.03em;color:#f4efe4cc}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips li{padding:8px 14px;border:1px solid rgba(244,239,228,.28);border-radius:100px;font-size:13px;letter-spacing:.04em;background:#070b0a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chips.big li{font-size:clamp(15px,1.4vw,22px);padding:12px 22px}.nowrap{white-space:nowrap}.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.w>span{display:inline-block;will-change:transform}.mosaic{display:grid;grid-template-columns:.95fr 1.35fr .95fr;grid-template-rows:1fr 1fr;gap:12px;padding:88px calc(var(--gutter) * .5 + var(--rail-w)) 40px var(--gutter)}.mosaic-text{grid-row:1 / 3;display:flex;flex-direction:column;justify-content:flex-end;padding:0 2vw 4vh 0}.mosaic-text .title{font-size:clamp(32px,3.5vw,66px)}.tile{position:relative;overflow:hidden;border-radius:4px;background:var(--ink-2)}.tile video{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}.tile figcaption{position:absolute;left:14px;bottom:12px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;padding:6px 10px;background:#070b0a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.t1{grid-column:2;grid-row:1 / 3}.t2{grid-column:3;grid-row:1}.t3{grid-column:3;grid-row:2}.ba{overflow:hidden}.ba img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform,clip-path}.ba .after{clip-path:inset(0 0 0 100%)}.ba img.night{opacity:0;z-index:1}.ba img.inset{inset:auto 18px 18px auto;width:34%;height:auto;aspect-ratio:3 / 2;border-radius:3px;z-index:3;box-shadow:0 20px 60px #0000008c;outline:1px solid rgba(244,239,228,.35);outline-offset:-1px;opacity:0}.ba .seam{position:absolute;top:0;bottom:0;width:2px;left:100%;background:linear-gradient(transparent,var(--ivory) 20%,var(--ivory) 80%,transparent);box-shadow:0 0 24px #f4efe4cc;z-index:2}.ba .ba-tags{position:absolute;top:96px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;z-index:3;font-size:11px;letter-spacing:.28em;text-transform:uppercase}.ba .ba-tags span{padding:7px 12px;background:#070b0a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--faint)}.ba .ba-tags .t-after{color:var(--water);opacity:0}.portrait .backdrop{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-size:cover;background-position:center;filter:blur(42px) brightness(.42) saturate(1.15)}.portrait .ba{inset:7vh calc(var(--gutter) * .5 + var(--rail-w)) 7vh auto;width:auto;height:auto;aspect-ratio:2 / 3;border-radius:4px;box-shadow:0 40px 100px #0000008c;outline:1px solid rgba(244,239,228,.25);outline-offset:-1px}.portrait .ba .ba-tags{top:18px;left:18px;right:18px}@media (max-width: 760px){.portrait .ba{inset:70px var(--gutter) auto;height:52vh;margin:0 auto}}.tag{position:absolute;top:44vh;z-index:4;opacity:0;font-family:var(--display);font-weight:650;letter-spacing:-.02em;font-size:clamp(22px,2.1vw,38px)}.tag span{display:inline-block;padding:6px 16px;border-left:1px solid var(--gold);background:linear-gradient(90deg,rgba(7,11,10,.55),transparent)}.tag-l{left:14vw}.tag-r{right:14vw}.h-head{position:absolute;top:13vh;left:var(--gutter);z-index:3}.h-track{position:absolute;left:0;top:30vh;height:62vh;display:flex;gap:2.4vw;padding-left:var(--gutter);will-change:transform}.card{position:relative;width:min(64vw,1100px);height:100%;flex:none;display:flex;flex-direction:column}.card-media{position:relative!important;inset:auto!important;flex:1;border-radius:3px;overflow:hidden;height:auto!important}.card-text{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding-top:18px;align-items:start}.card-text h3{font-family:var(--display);font-weight:680;letter-spacing:-.025em;font-size:clamp(24px,2.2vw,40px);line-height:1.05}.card-text p{color:var(--muted);font-size:15px}#plan .beat-left{top:15vh;bottom:auto;max-width:46vw}.zones{position:absolute;right:calc(var(--gutter) * .5 + var(--rail-w));top:50%;transform:translateY(-50%);list-style:none;z-index:4;width:min(560px,36vw);opacity:0;padding:10px 30px;background:#070b0a9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,194,124,.45);border-radius:6px;box-shadow:0 30px 80px #00000073}.zones li{display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:17px 0;border-top:1px solid rgba(244,239,228,.22);opacity:.38;transition:opacity .5s;counter-increment:z}.zones li:first-child{border-top:0}.zones li:before{content:counter(z,decimal-leading-zero);grid-row:1 / 3;font-family:var(--display);font-weight:750;font-size:clamp(26px,2vw,36px);letter-spacing:-.03em;color:var(--gold);line-height:1.05}.zones li.on{opacity:1}.zones b{font-weight:700;font-size:clamp(17px,1.35vw,25px);letter-spacing:-.01em;line-height:1.25}.zones span{font-size:clamp(13.5px,.95vw,17px);color:#f4efe4c7}#credits{position:relative;z-index:2;padding:40px var(--gutter);font-size:11px;color:#f4efe466;background:var(--ink)}@media (max-width: 760px){.hero-place{font-size:12px;letter-spacing:.1em;bottom:15vh}.scroll-cue,#rail{display:none}.beat-right{left:var(--gutter);right:var(--gutter);bottom:10vh}.card{width:84vw}.card-text{grid-template-columns:1fr}.zones{width:auto;left:var(--gutter);right:var(--gutter);top:auto;bottom:4vh;transform:none}.zones{background:#070b0ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 16px;border-radius:4px}.zones li{padding:7px 0;grid-template-columns:30px 1fr}.zones li:before{font-size:18px}.zones li{grid-template-columns:34px 1fr}.zones span{display:none}#plan .beat-left{top:84px;max-width:none;right:var(--gutter)}#topbar{font-size:9.5px;letter-spacing:.12em}.brand{white-space:nowrap}.zones{padding:6px 16px;border-color:#e2c27c59}.zones b{font-size:15px}#plan .beat-left .title{font-size:40px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;padding:72px var(--gutter) 40px}.mosaic-text{grid-column:1 / 3;grid-row:1;padding:0}.t1{grid-column:1 / 3;grid-row:2}.t2{grid-column:1;grid-row:3}.t3{grid-column:2;grid-row:3}}html.capture #sound,html.capture #rail,html.capture .scroll-cue{display:none}#tour .play{width:0;height:0;border-left:7px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}#tour[aria-pressed=true] .play{width:8px;height:10px;border:0;border-left:2.5px solid currentColor;border-right:2.5px solid currentColor}#tour-progress{position:fixed;left:0;bottom:0;height:2px;width:100%;z-index:11;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--gold),var(--water));opacity:0;transition:opacity .6s;pointer-events:none}#tour-progress.on{opacity:1}html.capture #tour,html.capture #tour-progress{display:none}