@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{--night:#000;--night-2:#08090d;--star:#ece7dc;--dim:#a39e93;--gold:#d9a640;--gold-soft:#d9a6408c;--green:#7fb08a;--gutter:clamp(16px, 4vw, 64px);--font:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night);scrollbar-width:thin;scrollbar-color:#3a3328 var(--night)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--night);color:var(--star);font-family:var(--font);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55}::selection{background:var(--gold);color:var(--night)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:3px}strong{color:var(--gold);font-weight:650}.skip{left:var(--gutter);z-index:10;background:var(--star);color:var(--night);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;transition:top .2s;position:fixed;top:-60px}.skip:focus-visible{top:16px}.mark{top:var(--gutter);left:var(--gutter);z-index:5;position:fixed}.mark-link{color:var(--star);text-shadow:0 1px 12px #000000e6;letter-spacing:.01em;font-variation-settings:"wdth" 125;font-size:.875rem;font-weight:800;text-decoration:none}.mark-link:hover{text-underline-offset:5px;text-decoration:underline}.ruler{right:var(--gutter);z-index:4;opacity:0;pointer-events:none;width:150px;height:min(62vh,560px);transition:opacity .6s;position:fixed;top:50%;transform:translateY(-50%)}.ruler.is-on{opacity:1;pointer-events:auto}.ruler-axis{background:linear-gradient(var(--gold-soft), #d9a64026);width:1px;position:absolute;top:0;bottom:0;right:0}.ruler-dot{background:var(--gold);will-change:transform;border-radius:50%;width:9px;height:9px;position:absolute;top:0;right:-4px;box-shadow:0 0 0 4px #d9a6402e}.ruler-list{margin:0;padding:0;list-style:none}.ruler-list li{position:absolute;right:14px;transform:translateY(-50%)}.ruler-list a{color:var(--dim);white-space:nowrap;padding:2px 0;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .3s;display:block}.ruler-list a:after{content:"";vertical-align:middle;background:currentColor;width:8px;height:1px;margin-left:6px;display:inline-block}.ruler-list a:hover,.ruler-list a.is-here{color:var(--star)}.ruler-list a.is-here:after{background:var(--gold);width:12px}.hero{height:520vh;position:relative}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden}.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-shade{pointer-events:none;background:linear-gradient(#0000 42%,#00000059 66%,#000000e0 100%),radial-gradient(120% 90%,#0000 55%,#0009 100%);position:absolute;inset:0}.beat{left:var(--gutter);right:var(--gutter);opacity:0;will-change:opacity, transform, filter;max-width:62rem;position:absolute;bottom:clamp(56px,11vh,120px)}.beat-1{opacity:1}.beat h1{letter-spacing:-.035em;font-variation-settings:"wdth" 125;text-wrap:balance;margin:0 0 22px;font-size:clamp(2.75rem,7.4vw,6rem);font-weight:800;line-height:.92}.beat-line{letter-spacing:-.015em;text-wrap:balance;max-width:30ch;margin:0;font-size:clamp(1.375rem,2.6vw,2.25rem);font-weight:500;line-height:1.18}.beat-big{font-variation-settings:"wdth" 112;letter-spacing:-.03em;max-width:24ch;font-size:clamp(1.75rem,4vw,3.5rem);font-weight:700;line-height:1.04}.cue{color:var(--dim);align-items:center;gap:10px;margin:0;font-weight:600;display:inline-flex}.cue svg{width:12px;height:20px;color:var(--gold)}.cue-dot{animation:2.2s cubic-bezier(.22,1,.36,1) infinite cue}@keyframes cue{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(7px)}to{opacity:0}}.hero-progress{left:var(--gutter);right:var(--gutter);background:#ece7dc24;height:1px;position:absolute;bottom:28px}.hero-progress span{background:var(--gold);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.journey{position:relative}.stop{min-height:190vh;position:relative}.stop-inner{height:100svh;padding:0 calc(var(--gutter) + 160px) 0 var(--gutter);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid;position:sticky;top:0}.stop-r .stop-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.stop-r .eye{order:2}.eye{aspect-ratio:1;--r:.06;justify-self:center;width:min(100%,72vh);position:relative}.eye-wide{aspect-ratio:16/9;width:min(100%,110vh)}.pupil{clip-path:circle(calc(var(--r) * 50%) at 50% 50%);margin:0;position:absolute;inset:0;overflow:hidden}.eye-wide .pupil{clip-path:circle(calc(var(--r) * 72%) at 50% 50%)}.pupil img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.3 - var(--r) * .3));display:block}.eye-wide .pupil img{object-fit:contain;-webkit-mask:radial-gradient(72% 78%,#000 62%,#0000 100%);mask:radial-gradient(72% 78%,#000 62%,#0000 100%)}.iris{aspect-ratio:1;pointer-events:none;width:100%;-webkit-mask:radial-gradient(circle closest-side, transparent calc(var(--r) * 101%), #000 calc(var(--r) * 101% + 1px), #0000008c calc(var(--r) * 101% + 18%), transparent calc(var(--r) * 101% + 34%));-webkit-mask:radial-gradient(circle closest-side, transparent calc(var(--r) * 101%), #000 calc(var(--r) * 101% + 1px), #0000008c calc(var(--r) * 101% + 18%), transparent calc(var(--r) * 101% + 34%));mask:radial-gradient(circle closest-side, transparent calc(var(--r) * 101%), #000 calc(var(--r) * 101% + 1px), #0000008c calc(var(--r) * 101% + 18%), transparent calc(var(--r) * 101% + 34%));opacity:calc(1 - var(--r) * 1.05);background:repeating-conic-gradient(#d9a640e6 0deg .6deg,#0000 .6deg 2.2deg),repeating-conic-gradient(from 1deg,#7fb08a8c 0deg .4deg,#0000 .4deg 3.1deg);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eye-wide .iris{width:56%}.stop-text{max-width:30rem}.stop-r .stop-text{justify-self:end}.stop h2{letter-spacing:-.04em;font-variation-settings:"wdth" 125;text-wrap:balance;margin:0 0 10px;font-size:clamp(2.75rem,6.2vw,6rem);font-weight:800;line-height:.9}.dist{border-bottom:1px solid #ece7dc29;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 18px;padding-bottom:18px;display:flex}.dist-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;color:var(--gold);font-variation-settings:"wdth" 100;font-size:clamp(2rem,3.6vw,3.25rem);font-weight:300}.dist-unit{color:var(--dim);font-size:1rem;font-weight:600}.lt{margin:0 0 12px;font-size:clamp(1.0625rem,1.4vw,1.25rem);font-weight:500;line-height:1.4}.fact{color:var(--dim);text-wrap:pretty;max-width:42ch;margin:0}.stop-text>*{will-change:opacity, transform}.stop-final{min-height:230vh}.stop-final .stop-inner{padding-right:var(--gutter);grid-template-columns:1fr;align-content:center}.stop-final .eye{width:min(100%,150vh)}.stop-final .stop-text{left:var(--gutter);max-width:34rem;padding:0;position:absolute;bottom:clamp(40px,8vh,96px)}.stop-final .stop-text:before{content:"";z-index:-1;background:radial-gradient(closest-side,#000000d9,#0000);position:absolute;inset:-120px -200px -60px -120px}.tonight{padding:clamp(96px, 18vh, 200px) var(--gutter) 48px;background:linear-gradient(var(--night), var(--night-2));position:relative}.tonight h2{letter-spacing:-.04em;font-variation-settings:"wdth" 125;margin:0 0 clamp(40px,7vh,72px);font-size:clamp(2.75rem,7vw,6rem);font-weight:800;line-height:.92}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);max-width:76rem;margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid #ece7dc29;align-content:start;gap:14px;padding-top:18px;display:grid}.step-n{color:var(--gold);font-variant-numeric:lining-nums;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;line-height:1}.steps p{color:var(--dim);max-width:36ch;margin:0}.steps p strong{color:var(--star);margin-bottom:4px;font-weight:650;display:block}.again{font:inherit;color:var(--night);background:var(--star);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;margin-top:clamp(56px,10vh,112px);padding:14px 22px 15px 18px;font-weight:700;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .2s;display:inline-flex}.again svg{width:18px;height:18px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.again:hover{background:#fff;transform:translateY(-2px)}.again:hover svg{transform:translateY(-3px)}.again:active{transform:scale(.97)}.credits{color:var(--dim);border-top:1px solid #ece7dc1f;max-width:80ch;margin-top:clamp(72px,12vh,140px);padding-top:20px;font-size:.8125rem}.credits p{margin:0 0 8px}@media (width<=900px){.ruler{display:none}.stop{min-height:170vh}.stop-inner,.stop-r .stop-inner{padding:72px var(--gutter) 40px;grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:28px}.stop-r .eye{order:0}.stop-r .stop-text{justify-self:start}.eye{width:min(100%,46vh)}.eye-wide,.stop-final .eye{width:100%}.stop-final .stop-text{position:static}.stop-final .stop-text:before{display:none}.steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cue-dot{animation:none}.again,.again svg,.skip{transition:none}}.capture .cue-dot{animation:none}.capture .skip{display:none}