@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-vietnamese-wght-normal-DKRsWTd7.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-ext-wght-normal-Cvgdx4cy.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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-wght-normal-CfZa4wxB.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{--bg: #0b1f3a;--text: #ffffff;--muted: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .4);--font: "Familjen Grotesk Variable", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--font);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}.field{position:fixed;inset:0;z-index:0;pointer-events:none}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--muted);outline-offset:4px;border-radius:2px}.story{position:relative;z-index:1;height:calc(var(--steps) * 65svh)}.stage{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;padding:0 16px}.machine{grid-row:2;display:flex}.copy{grid-row:3;align-self:start;width:min(44rem,100%);padding-top:clamp(1.25rem,3.5svh,2.5rem);text-align:center;text-shadow:0 0 3px var(--bg),0 0 8px var(--bg),0 0 16px var(--bg)}.captions{display:grid}.caption{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(14px);transition:opacity .18s ease,transform .4s ease;pointer-events:none}.caption.is-past{transform:translateY(-14px)}.caption.is-on{opacity:1;transform:none;pointer-events:auto;transition:opacity .4s ease .16s,transform .6s cubic-bezier(.2,.8,.2,1) .16s}.caption h1,.caption h2{font-weight:600;font-size:clamp(1.9rem,3.2vw,2.75rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.caption h1{font-size:clamp(2.3rem,4.2vw,3.5rem);letter-spacing:-.03em}.caption p{margin-top:.6rem;font-size:clamp(1.1rem,1.5vw,1.35rem);color:var(--muted);max-width:36ch;text-wrap:balance}.track{position:relative;width:6rem;height:2px;border-radius:2px;overflow:hidden;margin:1.1rem auto 0;background:#fff3}.track span{position:absolute;inset:0;background:var(--text);transform-origin:left;transition:transform .15s linear}.hint{margin-top:.6rem;font-size:.85rem;color:var(--faint);transition:opacity .4s ease}.hint.is-off{opacity:0}.logo{color:var(--text);overflow:visible}.hero-logo{width:clamp(170px,20vw,290px);height:auto}.logo .gap{stroke:var(--bg)}.logo .rope path,.logo .thread path,.logo .ring{stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0}.logo .rope path{animation:draw .3s ease-out forwards;animation-delay:calc(.35s + var(--i) * 70ms)}.logo .thread path{animation:draw .5s ease-out .95s forwards}.logo .thread circle{opacity:0;animation:appear .4s ease-out 1.35s forwards}.logo .core{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:core .45s cubic-bezier(.2,.9,.3,1.2) .05s forwards}.logo .ring{animation:draw 1.1s cubic-bezier(.6,0,.2,1) 1.45s forwards}@keyframes draw{0%{stroke-dashoffset:1;opacity:1}99%{stroke-dashoffset:0;stroke-dasharray:1 1;opacity:1}to{stroke-dashoffset:0;stroke-dasharray:none;opacity:1}}@keyframes appear{to{opacity:1}}@keyframes core{to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.logo .rope path,.logo .thread path,.logo .thread circle,.logo .ring,.logo .core{animation:none;stroke-dashoffset:0;opacity:1;transform:none}.caption,.caption.is-past{transform:none;transition:opacity .2s linear}}@media(max-width:600px){.stage{grid-template-rows:.45fr auto 1fr}.hero-logo{width:150px}.copy{padding-top:1.25rem}.caption h2{font-size:1.65rem}.caption p{font-size:1.05rem}}@media(min-width:601px){.copy{padding-top:.5rem}.caption{justify-content:flex-end}.track{margin-top:1.5rem}.caption h2{line-height:calc(clamp(2.3rem,4.2vw,3.5rem)*1.1)}.caption p{max-width:none;white-space:nowrap}}