@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./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(./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(./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{--chalk:#f1f2ee;--sky:#d9e4ee;--overprint:#e1f8ff;--ink:#081431;--deep:#0a2463;--blue:#1648b0;--pale:#9fc0f0;--yellow:#ffc400;--font:"Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(1.25rem, 5vw, 5rem);--step-body:clamp(1.0625rem, .98rem + .35vw, 1.3125rem);--step-lede:clamp(1.125rem, .95rem + .8vw, 1.625rem);--step-h2:clamp(3.25rem, 1.2rem + 9.4vw, 10.5rem);--step-h1:clamp(4.25rem, .8rem + 13.2vw, 14.5rem)}*,:before,:after{box-sizing:border-box}html{background:var(--chalk);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--ink);font-family:var(--font);font-size:var(--step-body);-webkit-font-smoothing:antialiased;margin:0;font-weight:420;font-stretch:100%;line-height:1.5;overflow-x:clip}h1,h2,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}a:focus-visible{outline-offset:4px;outline:3px solid}.display{font-weight:860;font-stretch:62%;font-size:var(--step-h2);letter-spacing:-.012em;text-wrap:balance;line-height:.86}.lede{font-size:var(--step-lede);text-wrap:pretty;max-width:27ch;font-weight:620;line-height:1.3}#sea{z-index:-1;width:100%;height:100lvh;display:block;position:fixed;inset:0 0 auto}.no-webgl #sea{background:linear-gradient(var(--sky) 0 54%, var(--pale) 54% 58%, var(--blue) 58% 100%)}.bar{z-index:2;padding:clamp(1rem, 2.4vw, 1.75rem) var(--gutter);color:var(--overprint);mix-blend-mode:difference;justify-content:space-between;align-items:baseline;gap:1.5rem;font-size:1rem;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.bar a{text-decoration:none}.bar a:hover{text-decoration:underline}.bar__name{letter-spacing:-.005em;font-size:1.5rem;font-weight:860;font-stretch:62%}.hero{position:relative}.hero__stage{min-height:100svh;padding:clamp(5.5rem, 13vh, 9rem) var(--gutter) 3rem;color:var(--overprint);mix-blend-mode:difference;align-content:start;gap:clamp(1.5rem,4vh,3rem);display:grid}.beat .display{font-size:min(var(--step-h1), 20vh);max-width:6.2em;line-height:.82}.beat .lede{max-width:36ch;margin-top:clamp(1rem,2.6vh,1.75rem)}.hero__hint{display:none}.pin .hero{height:430vh}.pin .hero__stage{height:100svh;display:block;position:sticky;top:0}.pin .beat{inset:clamp(5.5rem, 13vh, 9rem) var(--gutter) auto var(--gutter);opacity:0;visibility:hidden;transition:opacity .22s linear,visibility 0s linear .22s;position:absolute}.pin .beat.is-on{opacity:1;visibility:visible;transition-delay:0s}.pin .hero__hint{left:var(--gutter);font-size:1rem;font-weight:600;transition:opacity .3s linear;display:block;position:absolute;bottom:clamp(1.25rem,4vh,2.5rem)}.pin .hero__hint:before{content:"";border-bottom:2px solid;border-right:2px solid;width:.55em;height:.55em;margin-right:.7em;display:inline-block;transform:translateY(-.2em)rotate(45deg)}.pin .is-moving .hero__hint{opacity:0}.sheet{background:var(--chalk);color:var(--ink);padding:clamp(4.5rem, 11vw, 10.5rem) var(--gutter);position:relative}.sheet--blue{background:var(--deep);color:var(--chalk)}.sheet--yellow{background:var(--yellow)}.sheet--ink{background:var(--ink);color:var(--chalk)}.wrap{max-width:84rem;margin-inline:auto}.split{gap:clamp(2rem,5vw,5rem);display:grid}.prose{justify-items:start;gap:1.1em;max-width:34rem;display:grid}@media (width>=60rem){.split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}.split--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.ledger{border-top:2px solid var(--chalk);margin-top:clamp(2.5rem,6vw,5rem)}.ledger li{border-bottom:1px solid #f1f2ee59;gap:.75rem clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,3.2vw,2.75rem) 0;display:grid}.ledger__figure{letter-spacing:-.01em;color:var(--yellow);white-space:nowrap;font-size:clamp(3.25rem,1.6rem + 6.6vw,8rem);font-weight:860;font-stretch:62%;line-height:.86}.ledger__text{align-content:center;justify-items:start;gap:.8em;max-width:36rem;display:grid}@media (width>=52rem){.ledger li{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}.receipts__sum{margin-top:clamp(2rem,4vw,3.5rem);font-size:clamp(1.75rem,1rem + 2.6vw,3.5rem);font-weight:860;font-stretch:62%;line-height:1}.fleet{min-height:100svh;padding:clamp(3rem, 8vh, 6rem) var(--gutter);position:relative}.fleet__title{color:var(--overprint);mix-blend-mode:difference}.fleet__title .display{max-width:7em;font-size:clamp(2.75rem,1.4rem + 5.4vw,6.75rem)}.fleet__title .lede{max-width:24ch;margin-top:clamp(.75rem,2vh,1.25rem)}.flags{justify-items:start;gap:.5rem;margin-top:2.5rem;display:grid}.flags a{background:var(--chalk);color:var(--ink);white-space:nowrap;padding:.4em .6em .36em;font-size:1.375rem;font-weight:800;font-stretch:62%;line-height:1;text-decoration:none}.flags a:hover,.flags a:focus-visible{background:var(--yellow)}.flags a:focus-visible{outline-color:var(--chalk)}.no-webgl .fleet{background:var(--blue)}.no-webgl .fleet__title{mix-blend-mode:normal;color:var(--chalk)}@media (width>=60rem){.pin .fleet{height:190vh;padding:0}.pin .fleet__title{z-index:1;pointer-events:none;height:100vh;margin-bottom:-100vh;position:sticky;top:0}.pin .fleet__titlebox{padding:clamp(2.5rem, 7vh, 4.5rem) var(--gutter) 0}.pin .flags{pointer-events:none;height:100vh;margin:0;display:block;position:sticky;top:0;overflow:clip}.pin .flags a{pointer-events:auto;will-change:transform;opacity:0;font-size:1.125rem;transition:opacity .3s linear,background-color .12s linear;position:absolute;top:0;left:0}.pin .flags.is-live a{opacity:1}.pin .flags a:after{content:"";background:var(--chalk);width:2px;height:26px;position:absolute;top:100%;left:0}.pin .flags a:hover:after,.pin .flags a:focus-visible:after{background:var(--yellow)}}.community .split{margin-top:clamp(2.5rem,6vw,5rem)}.community .display{max-width:8em}.steps{counter-reset:step;border-top:2px solid var(--ink)}.steps li{counter-increment:step;border-bottom:1px solid #08143166;grid-template-columns:1.1em 1fr;align-items:baseline;gap:.35em;padding:.32em 0 .26em;font-size:clamp(2rem,1.1rem + 3.4vw,4.25rem);font-weight:860;font-stretch:62%;line-height:1;display:grid}.steps li:before{content:counter(step);color:var(--blue)}.button{background:var(--ink);color:var(--chalk);margin-top:.75rem;padding:1.05em 1.5em 1em;font-size:1.125rem;font-weight:650;line-height:1;text-decoration:none;display:inline-block}.button:hover{background:var(--blue)}.button:focus-visible{outline-color:var(--ink)}.finale{min-height:100svh;position:relative}.finale__text{padding:clamp(4rem, 11vh, 8rem) var(--gutter) 3rem;color:var(--overprint);mix-blend-mode:difference}.finale .display{max-width:7.2em}.finale .lede{margin-top:clamp(1rem,2.6vh,1.75rem)}.finale__actions{flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:clamp(1.5rem,4vh,2.5rem);font-size:1.125rem;font-weight:650;display:flex}.knockout{background:var(--overprint);color:#000;padding:1.05em 1.5em 1em;line-height:1;text-decoration:none}.knockout:hover{outline:3px solid var(--overprint);outline-offset:3px}.no-webgl .finale__text,.no-webgl .hero__stage,.no-webgl .bar{mix-blend-mode:normal;color:var(--ink)}.no-webgl .knockout{background:var(--ink);color:var(--chalk)}.foot{padding-block:clamp(2.5rem,5vw,4rem);font-size:1rem}.foot__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 3rem;display:flex}.foot__name{font-size:1.75rem;font-weight:860;font-stretch:62%;line-height:1}.foot nav{flex-wrap:wrap;gap:.5rem 1.75rem;display:flex}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.foot a:focus-visible{outline-color:var(--yellow)}.foot__copy{color:var(--pale)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
