@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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{--paper: #eef0ee;--paper-hi: #fafbfa;--ink: #16181a;--ink-2: #5c6267;--ink-3: #9aa0a4;--hair: #d4d8d9;--draw: #2348c7;--pad: clamp(1.25rem, 3.4vw, 3.25rem);--ease: cubic-bezier(.22, .7, .2, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo Variable,Archivo,system-ui,sans-serif;font-size:.875rem;line-height:1.5;font-stretch:100%;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.is-gated{overflow:hidden}h1,h2,h3{margin:0;font-weight:440;letter-spacing:-.016em;line-height:1.1;text-wrap:balance}h1{font-size:clamp(1.7rem,2.5vw,2.4rem)}h2,h3{font-size:clamp(1.2rem,1.5vw,1.45rem)}p{margin:0;max-width:30rem}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:1.5px solid var(--draw);outline-offset:3px}.skip{position:fixed;left:var(--pad);top:-4rem;z-index:60;padding:.5rem .8rem;background:var(--ink);color:var(--paper);text-decoration:none}.skip:focus{top:.75rem}.bar{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1rem var(--pad);pointer-events:none}.bar>*{pointer-events:auto}.bar:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .4s}.bar.is-solid:before{opacity:1}.bar.is-over{--ink: #fff;--ink-2: rgb(255 255 255 / .82);color:#fff;text-shadow:0 1px 14px rgb(0 0 0 / .35)}.bar,.bar a,.bar button{transition:color .6s var(--ease)}.mark{margin:0;font-weight:640;font-stretch:108%;font-size:.95rem;letter-spacing:-.01em;text-decoration:none}.bar-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,1.8rem);font-size:.8rem}.bar-nav a,.bar-nav button{background:none;border:0;padding:.25rem 0;cursor:pointer;text-decoration:none;color:var(--ink-2);transition:color .2s}.bar-nav a:hover,.bar-nav button:hover{color:var(--ink)}.bar-nav .quote{color:var(--ink);border-bottom:1px solid var(--ink)}#sound{min-width:4.6rem;text-align:left}.build{position:relative;height:1500vh}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(120% 95% at 58% 32%,var(--paper-hi) 0%,var(--paper) 52%,#e2e5e3 100%)}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.stage.can-drag #gl{cursor:grab}.stage.is-dragging #gl{cursor:grabbing}.panels{position:absolute;inset:0;pointer-events:none}.panel{position:absolute;left:var(--pad);bottom:clamp(2rem,6.5vh,3.75rem);width:min(20.5rem,calc(100vw - 2 * var(--pad)));display:grid;gap:.7rem;isolation:isolate;opacity:0;visibility:hidden;transform:translate3d(0,8px,0);transition:opacity .4s var(--ease),transform .5s var(--ease),visibility 0s linear .4s}.panel.is-on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .7s var(--ease) .1s,transform .9s var(--ease) .1s,visibility 0s}.panel:before{content:"";position:absolute;inset:-1.3rem -1.4rem -1.35rem;z-index:-1;border-radius:1.1rem;background:linear-gradient(155deg,#16181a57,#16181a33);border:1px solid rgb(255 255 255 / .16);box-shadow:inset 0 1px #ffffff24,0 24px 60px -34px #0000008c;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);opacity:0;transition:opacity .9s var(--ease)}.stage.is-world .panel:before{opacity:1}.stage.is-world .panel{--ink: #fff;--ink-2: rgb(255 255 255 / .8);--ink-3: rgb(255 255 255 / .56);--hair: rgb(255 255 255 / .2);--on-ink: #16181a;color:var(--ink)}.panel p{color:var(--ink-2)}.panel-hero{width:min(26rem,calc(100vw - 2 * var(--pad)));gap:.9rem}.cue{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;font-size:.75rem}.panel .cue{color:var(--ink-3)}.cue-line{width:2.25rem;height:1px;background:currentColor;transform-origin:left;animation:cue 2.8s var(--ease) infinite}@keyframes cue{0%{transform:scaleX(0)}55%{transform:scaleX(1)}to{transform:scaleX(1);opacity:0}}.panel .kind{margin-top:-.45rem;font-size:.78rem;color:var(--ink-3)}.fine,.panel .fine{font-size:.74rem;color:var(--ink-3)}.spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 1rem;margin:.15rem 0 0;padding-top:.75rem;border-top:1px solid var(--hair)}.spec div{display:grid;gap:.05rem}.spec dd{margin:0;font-stretch:84%;font-weight:500;font-size:.98rem;font-variant-numeric:tabular-nums;white-space:nowrap}.spec dt{order:1;font-size:.7rem;color:var(--ink-3)}.section{display:block;width:auto;max-width:100%;height:auto;max-height:30vh;overflow:visible;margin:.2rem 0;--d: 1}.section .ink{fill:none;stroke:var(--draw);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d))}.section .ink-detail{stroke-width:1.4;stroke-dasharray:none;opacity:clamp(0,calc((var(--d) - .45) * 4),1)}.section .dim{opacity:clamp(0,calc((var(--d) - .55) * 4),1)}.section .dim line,.section .rule{stroke:var(--draw);stroke-width:.6;vector-effect:non-scaling-stroke}.section .rule{stroke:var(--hair)}.section text{fill:var(--draw);font-stretch:80%;font-weight:500;font-variant-numeric:tabular-nums}.swatches{display:flex;flex-wrap:wrap;gap:.4rem;padding-bottom:.4rem}.swatch{width:1.3rem;height:1.3rem;border:0;padding:0;cursor:pointer;background:var(--c);position:relative;transition:transform .3s var(--ease)}.swatch:after{content:"";position:absolute;left:0;right:0;bottom:-.38rem;height:1.5px;background:var(--ink);transform:scaleX(0);transition:transform .3s var(--ease)}.swatch:hover{transform:translateY(-2px)}.swatch[aria-pressed=true]:after{transform:scaleX(1)}.zones{display:grid;border-top:1px solid var(--hair)}.zone{display:grid;grid-template-columns:.7rem auto 1fr;align-items:center;gap:.6rem;padding:.42rem 0;background:none;border:0;border-bottom:1px solid var(--hair);cursor:pointer;text-align:left;color:var(--ink-3);transition:color .25s}.zone-dot{width:.7rem;height:.7rem;background:var(--c);transition:background .4s}.zone-pick{justify-self:end;font-size:.76rem;text-align:right}.zone:hover{color:var(--ink-2)}.zone[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.seg{display:flex;gap:1.1rem;font-size:.8rem}.seg[hidden]{display:none}.seg button{background:none;border:0;border-bottom:1px solid transparent;padding:.1rem 0;cursor:pointer;color:var(--ink-3);transition:color .25s,border-color .25s}.seg button:hover{color:var(--ink-2)}.seg button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem;max-width:none}.btn{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:.28rem .28rem .28rem 1.05rem;background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-radius:999px;cursor:pointer;text-decoration:none;font-size:.8rem;letter-spacing:.005em;transition:background .4s var(--ease),border-color .4s var(--ease)}.btn:after{content:"";width:1.75rem;height:1.75rem;border-radius:50%;background:var(--ink);transition:transform .5s var(--ease)}.btn:before{content:"";position:absolute;right:calc(.28rem + .55rem);top:50%;z-index:1;width:.65rem;height:.65rem;margin-top:-.325rem;background:var(--on-ink, var(--paper));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 9.5 9.5 2.5M4 2.5h5.5V8' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 9.5 9.5 2.5M4 2.5h5.5V8' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .5s var(--ease)}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 11%,transparent);border-color:color-mix(in srgb,var(--ink) 42%,transparent)}.btn:hover:not(:disabled):after{transform:scale(1.07)}.btn:hover:not(:disabled):before{transform:translate(1.5px,-1.5px)}.btn:disabled{opacity:.3;cursor:progress}.link{background:none;border:0;padding:0;cursor:pointer;font-size:.8rem;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--ink-3);text-underline-offset:.3em}.link:disabled{opacity:.3}.panel .step{font-size:.74rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.stages{list-style:none;margin:.2rem 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}.stages li{position:relative;height:2px;background:var(--hair);overflow:hidden;font-size:0;color:transparent}.stages li:after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(var(--p, 0))}.stage-note{min-height:2.6em}.panel .count{font-size:.74rem;font-stretch:84%;font-variant-numeric:tabular-nums;color:var(--ink-3)}.rail{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);display:grid;gap:.05rem;justify-items:end;transition:opacity .6s}.rail button{display:flex;align-items:center;gap:.55rem;background:none;border:0;padding:.28rem 0;cursor:pointer;font-size:.72rem;color:var(--ink-3)}.rail button span{opacity:0;transform:translate(5px);transition:opacity .3s,transform .3s var(--ease)}.rail button:after{content:"";width:.7rem;height:1px;background:currentColor;transition:width .4s var(--ease)}.rail button:hover span,.rail button:focus-visible span,.rail button[aria-current=true] span{opacity:1;transform:none}.rail button[aria-current=true]{color:var(--ink)}.rail button[aria-current=true]:after{width:1.6rem}.meter{position:absolute;left:0;right:0;bottom:0;height:1px;transition:opacity .6s}.meter span{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}.stage.is-world .rail,.stage.is-world .meter{opacity:0;pointer-events:none}.tour{position:relative;height:300vh}.tour-pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding-top:3.6rem}.tour-head{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:1.25rem;padding:clamp(.5rem,1.6vh,1.1rem) var(--pad) clamp(.8rem,2vh,1.3rem)}.tour-note{color:var(--ink-3);font-size:.78rem;max-width:none}.tour-count{display:flex;align-items:baseline;gap:.4rem;font-stretch:84%;font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--ink-2)}.tour-of{color:var(--ink-3)}.tour-view{min-height:0;overflow:hidden}.tour-track{display:flex;align-items:stretch;gap:clamp(.9rem,1.8vw,1.75rem);height:100%;width:max-content;padding:0 var(--pad);will-change:transform}.slide{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.6rem;height:100%;aspect-ratio:1.52;max-width:82vw;outline-offset:6px}.slide-tall{aspect-ratio:.8}.slide-media{position:relative;overflow:hidden;background:#e3e6e4;min-height:0}.slide-media img,.slide-media canvas,.slide-media video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.8s var(--ease)}.slide:hover .slide-media img,.slide:focus-visible .slide-media img,.slide:hover .slide-media canvas,.slide:focus-visible .slide-media canvas,.slide:hover .slide-media video,.slide:focus-visible .slide-media video{transform:scale(1.06)}.slide figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.78rem;color:var(--ink-2)}.slide figcaption span:last-child{color:var(--ink-3);white-space:nowrap}.play{position:absolute;left:.9rem;bottom:.9rem;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--paper-hi) 92%,transparent);transition:opacity .35s,transform .5s var(--ease)}.play:after{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;border-left:.55rem solid var(--ink);border-top:.35rem solid transparent;border-bottom:.35rem solid transparent}.slide-film.is-playing .play{opacity:0;transform:scale(.8)}.slide-end{aspect-ratio:auto;width:min(22rem,78vw);align-content:center;justify-items:start;grid-template-rows:none;gap:.8rem;padding-right:var(--pad)}.slide-end p{color:var(--ink-2)}.tour-bar{margin:clamp(.8rem,2vh,1.3rem) var(--pad) clamp(1rem,2.6vh,1.75rem);height:1px;background:var(--hair)}.tour-bar span{display:block;height:1px;background:var(--ink);transform-origin:left;transform:scaleX(0)}.contact{display:grid;gap:.9rem;padding:clamp(5rem,14vw,11rem) var(--pad) clamp(4rem,9vw,7rem)}.contact h2{font-size:clamp(1.7rem,2.5vw,2.4rem)}.contact>p:not(.actions){color:var(--ink-2);max-width:24rem}.contact .actions{margin-top:.6rem}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 2rem;padding:1.1rem var(--pad) 1.6rem;font-size:.72rem;color:var(--ink-3);border-top:1px solid var(--hair)}html[data-version="1"] :is(.bar,.panels,.rail,.meter,.tour,.contact,.foot,.gate,.skip,.noscript),html[data-version="2"] :is(.bar,.panels,.rail,.meter,.tour,.contact,.foot,.gate,.skip,.noscript){display:none}.gate{position:fixed;inset:0;z-index:80;display:grid;align-items:end;padding:var(--pad);padding-bottom:clamp(2rem,6.5vh,3.75rem);background:var(--paper);transition:opacity 1s var(--ease),visibility 0s linear 1s}.gate.is-open{opacity:0;visibility:hidden;pointer-events:none}.gate-inner{display:grid;gap:.7rem;width:min(20.5rem,100%)}.gate-copy{color:var(--ink-2)}.gate-status{font-size:.74rem;font-stretch:84%;color:var(--ink-3);font-variant-numeric:tabular-nums}.gate-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem;margin-top:.4rem}.noscript{position:fixed;inset:auto 0 0;z-index:90;margin:0;max-width:none;padding:.9rem var(--pad);background:var(--ink);color:var(--paper)}@media(max-width:760px){.bar-nav a:not(.quote){display:none}.panel,.panel-hero{left:.9rem;right:.9rem;bottom:1rem;width:auto;gap:.6rem}.panel:before{inset:-.9rem;opacity:1}.stage:not(.is-world) .panel:before{background:color-mix(in srgb,var(--paper-hi) 74%,transparent);border-color:#ffffff80;box-shadow:none}.panel-hero:before{opacity:0}.panel-profile .section{max-height:18vh}.panel-profile .blurb,.rail{display:none}.tour-head{grid-template-columns:1fr auto}.tour-note{display:none}.slide,.slide-tall{aspect-ratio:auto;width:84vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel,.panel.is-on{transition:opacity .2s linear;transform:none}.cue-line{animation:none}.slide-media img,.slide-media canvas,.slide-media video{transition:none}}