@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+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,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+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0c10;--ink:#e8e6e1;--ink-faint:#8a8d93;--blue:#1e6bb0;--blue-bright:#3a8fd9;--amber:#ff8a3c;--font:"Archivo Variable", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:auto}body{font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}#scene{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.js #track{height:500svh}@supports not (height:1svh){.js #track{height:500vh}}.top{z-index:3;top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));position:fixed}#lang-toggle{font:600 .8rem/1 var(--font);letter-spacing:.12em;color:var(--ink-faint);border:1px solid color-mix(in srgb, var(--ink-faint) 35%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .85rem}#lang-toggle:hover{color:var(--ink);border-color:var(--ink-faint)}#lang-toggle:focus-visible{color:var(--ink);border-color:var(--ink-faint)}.js .moment{z-index:1;text-align:center;padding:1.25rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));opacity:0;pointer-events:none;place-content:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.moment h1,.moment h2{font-variation-settings:"wdth" 120;letter-spacing:.01em;text-wrap:balance;text-shadow:0 1px 22px #0a0c10d9;margin:0;font-size:clamp(1.9rem,8.5vw,4.5rem);font-weight:650}.moment p{color:#c9cbd0;text-shadow:0 1px 6px #0a0c10f2,0 0 22px #0a0c10e6;margin:.9em 0 0;font-size:clamp(1rem,4vw,1.35rem)}.moment .cue{left:0;right:0;bottom:max(1.5rem, env(safe-area-inset-bottom));letter-spacing:.3em;text-transform:uppercase;font-size:.78rem;animation:2.4s ease-in-out infinite cue-pulse;position:absolute}@keyframes cue-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.moment .cue{animation:none}}.logo-wrap{width:min(62vw,38svh,320px);margin-inline-start:auto;margin-inline-end:auto;position:relative}#logo{mix-blend-mode:screen;width:100%;height:auto;display:block}.js #logo{opacity:0}#bean-slot{width:0;height:0;position:absolute;top:20%;left:50%}#wordmark{font-variation-settings:"wdth" 122;letter-spacing:.22em;text-transform:uppercase;color:var(--blue-bright);text-align:center;margin:1.1rem 0 0;font-size:clamp(1.3rem,5.5vw,1.9rem);font-weight:700}.js #wordmark{opacity:0}.no-js #wordmark,.no-webgl #wordmark{opacity:1}.contact{text-align:center;margin-top:1.6rem}.contact a{color:var(--blue-bright);font-size:clamp(1rem,4vw,1.2rem);text-decoration:none}.contact a:hover{text-decoration:underline}.footer-nav{justify-content:center;gap:1.5rem;margin-top:1.4rem;display:flex}.footer-nav a{color:var(--ink-faint);letter-spacing:.08em;font-size:.8rem;text-decoration:none}.footer-nav a:hover{color:var(--ink)}.js .moment-reveal.active{pointer-events:auto}.no-js .moment,.no-webgl .moment{opacity:1;pointer-events:auto;text-align:center;place-content:center;min-height:60svh;padding:2rem 1.25rem;display:grid;position:static}.no-js #scene,.no-webgl #scene,.no-js #track,.no-webgl #track{display:none}.no-js #logo,.no-webgl #logo{opacity:1}.no-js .moment .cue,.no-webgl .moment .cue{display:none}@media (min-width:768px){.moment h1,.moment h2{font-size:clamp(3rem,6vw,5.5rem)}.logo-wrap{width:min(30vw,40svh,360px)}}