@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-vietnamese-wght-normal.CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-ext-wght-normal.Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-wght-normal.CaVRRdDk.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{--paper:#fafaf8;--panel:#efefec;--ink:#000;--body:#3a3a38;--soft:#5f5f58;--rule:#dcdcd7;--signal:#e02a22;--off:#c8c8c2;--code:#111214;--pencil:#8e8e88;--wire:#c9c9c3;--ease-out:cubic-bezier(.23, 1, .32, 1);--font:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", Menlo, monospace;--chip-bg:#ffe9a8;--chip-ink:#4a3600}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light;-webkit-tap-highlight-color:#00000014;scrollbar-gutter:stable;overflow-x:clip}a,button{touch-action:manipulation}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;font-size:17px;line-height:1.6;display:flex;overflow-x:clip}main{flex:1 0 auto}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}.skip{z-index:50;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;position:fixed;top:-64px;left:16px}.skip:focus{top:12px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1296px;margin-inline:auto;padding-inline:48px}h1,.display{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(42px,4.6vw,66px);font-weight:700;line-height:1.02}h2{letter-spacing:-.025em;text-wrap:balance;font-size:32px;font-weight:700;line-height:1.15}h3{letter-spacing:-.02em;text-wrap:balance;font-size:24px;font-weight:700;line-height:1.2}.lede{color:var(--body);max-width:31em;font-size:19px;line-height:1.55}.small{color:var(--soft);font-size:14px}.head-bar{z-index:30;pointer-events:none;position:sticky;top:0}.head-bar .site-head{isolation:isolate;position:relative}.head-bar .site-head>*{pointer-events:auto}.head-bar .site-head:before{content:"";z-index:-1;backdrop-filter:saturate(1.6)blur(16px);opacity:0;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);background:#fafaf8cc;border-radius:999px;position:absolute;inset:12px 38px 12px 22px;transform:translateY(-4px)scale(.985);box-shadow:0 0 0 1px #00000012,0 12px 32px -12px #00000038}.head-bar[data-stuck] .site-head:before{opacity:1;transform:none}@media (width<=900px){.head-bar .site-head:before{inset:8px 13px 8px 6px}}@media (width<=420px){.head-bar .site-head:before{inset:8px 14px 8px 6px}}html{scroll-padding-top:104px}@media (width<=900px){html{scroll-padding-top:80px}}.site-head{justify-content:space-between;align-items:center;height:84px;display:flex}.mark{white-space:nowrap;align-items:center;gap:12px;padding-block:4px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.mark svg{flex:none;width:22px;height:22px}.site-head nav{gap:32px;font-size:15px;font-weight:500;display:flex}.site-head nav a{text-underline-offset:7px;margin-inline:-4px;padding:8px 4px;text-decoration:none}.site-head nav a[aria-current=page]{text-decoration:underline}@media (hover:hover){.site-head nav a:hover{text-decoration:underline}}.site-head nav{align-items:center}.site-head nav a.nav-book{text-decoration:underline;text-decoration-color:var(--signal);font-weight:600;text-decoration-thickness:2px}@media (prefers-reduced-motion:no-preference){.site-head nav a.nav-book{text-decoration:none;position:relative}.site-head nav a.nav-book:after{content:"";background:var(--signal);transform-origin:0;height:2px;animation:5s infinite book-line;position:absolute;bottom:4px;left:4px;right:4px}.site-head nav a.nav-book:hover:after,.site-head nav a.nav-book:focus-visible:after{animation:none;transform:none}.pin{transition:transform 1.1s cubic-bezier(.16,1,.3,1) .12s,opacity .24s ease-out .12s}.io .pin:not([data-seen]){opacity:0;transform:rotate(-200deg)scale(.3)}.call.red:before,.sec>.call-lead:before{transition:transform .7s cubic-bezier(.23,1,.32,1) 80ms}.io .call.red:not([data-seen]):before,.io .sec>.call-lead:not([data-seen]):before{transform:scaleY(0)}.reach .in:before{transition:transform 1s cubic-bezier(.23,1,.32,1)}.io .reach .in:not([data-seen]):before{transform:scaleX(0)}}@keyframes book-line{0%{transform-origin:0;animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scaleX(0)}20%{transform-origin:0;transform:scaleX(1)}70%{transform-origin:100%;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:scaleX(1)}84%{transform-origin:100%;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(0)}}.site-head nav a.nav-cta{background:var(--ink);color:#fff;border-radius:999px;margin-inline:0;padding:8px 16px;font-weight:600;text-decoration:none}.site-head nav a.nav-cta[aria-current=page]{text-decoration:none}@media (hover:hover) and (pointer:fine){.site-head nav a.nav-cta:hover{background:#2b2b29;text-decoration:none}}.btn{background:var(--ink);color:#fff;transition:transform .16s var(--ease-out);border-radius:999px;padding:14px 22px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn{transition:transform .16s var(--ease-out), background-color .16s var(--ease-out)}.btn:hover{background:#2b2b29}.tl:hover{text-decoration-thickness:2px}}.tl{text-underline-offset:5px;padding-block:4px;font-size:15px;font-weight:600}.btn.cta{background:var(--signal)}@media (hover:hover) and (pointer:fine){.btn.cta:hover{background:#c0231c}}.tl.cta{text-decoration-color:var(--signal);text-decoration-thickness:2px}.actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.pill{border:1px solid var(--rule);color:var(--soft);border-radius:999px;padding:1px 10px;font-size:14px;font-weight:500;line-height:1.6;display:inline-block}.facts{border-top:1px solid var(--rule);grid-template-columns:auto 1fr;gap:8px 22px;padding-top:18px;font-size:14px;display:grid}.facts dt{color:var(--soft)}.facts dd{margin:0}.page-head{padding-block:40px 56px}.page-head h1{margin-bottom:20px}.page-head .lede{margin-top:0}.band{border-top:1px solid var(--rule);padding-block:72px 80px}.band>h2{margin-bottom:32px}.index{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.index li{border-bottom:1px solid var(--rule)}.row{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,1.6fr) 64px;align-items:baseline;gap:24px;padding-block:24px;text-decoration:none;display:grid}.row .t{letter-spacing:-.025em;text-underline-offset:6px;font-size:32px;font-weight:700;line-height:1.1;text-decoration-thickness:2px}.row .d{color:var(--body);font-size:17px}.row .f,.row .y{color:var(--soft);font-size:15px}.row .y{text-align:right}.row .th{display:none}@media (hover:hover){.row:hover .t{text-decoration:underline}}.peek{z-index:20;background:var(--panel);pointer-events:none;opacity:0;width:300px;height:210px;transition:opacity .16s var(--ease-out);border-radius:12px;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-999px)}.peek[data-on]{opacity:1}.peek img{object-fit:cover;object-position:top;width:100%;height:100%}.empty{color:var(--soft);border-top:1px solid var(--ink);padding-block:24px}.cols{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.now-grid{grid-template-columns:1fr 1fr;gap:24px 48px;display:grid}.now-grid h3{letter-spacing:-.01em;margin-bottom:8px;font-size:19px}.now-grid p{color:var(--body);max-width:34em}.posts{border-top:1px solid var(--ink);padding:0;list-style:none}.posts li{border-bottom:1px solid var(--rule)}.posts a{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline;gap:24px;padding-block:20px;text-decoration:none;display:grid}.posts .t{letter-spacing:-.02em;text-underline-offset:5px;font-size:24px;font-weight:700;line-height:1.2}.posts .d{color:var(--body)}@media (hover:hover){.posts a:hover .t{text-decoration:underline}}.draft-banner{background:var(--ink);color:#fff;font-size:14px;font-weight:500}.draft-banner .wrap{flex-wrap:wrap;gap:4px 16px;padding-block:10px;display:flex}.draft-banner b{font-weight:700}mark.confirm{background:var(--chip-bg);color:var(--chip-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:999px;padding:1px 10px;font-size:14px;font-weight:600;line-height:1.7}.site-foot{border-top:1px solid var(--rule);margin-top:64px;padding-block:48px 64px;font-size:15px}.site-foot .cols{row-gap:32px}.site-foot .who{grid-column:span 4}.site-foot .who b{letter-spacing:-.01em;font-size:19px;display:block}.site-foot .who span{color:var(--soft)}.site-foot ul{flex-wrap:wrap;grid-column:span 8;align-content:flex-start;gap:8px 28px;padding:0;list-style:none;display:flex}.site-foot a{text-underline-offset:5px}.site-foot a,.site-foot li{padding-block:4px}.only-sm,.only-xxs{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.peek{transition:none}}@media (width<=900px){body{font-size:17px}.wrap{padding-inline:20px}.site-head{height:64px}.site-head nav{gap:18px;font-size:14px}.hide-sm{display:none}.only-sm{display:list-item}.mark{gap:10px;font-size:14px}h2{font-size:28px}h3{font-size:22px}.page-head{padding-block:16px 40px}.band{padding-block:48px 56px}.row{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"th t y""th d d""th f f";align-items:start;gap:2px 16px;padding-block:18px}.row .th{background:var(--panel);border-radius:12px;grid-area:th;width:72px;height:72px;display:block;overflow:hidden}.row .th img{object-fit:cover;object-position:20% 50%;width:100%;height:100%}.row .t{grid-area:t;font-size:24px}.row .d{grid-area:d;font-size:15px}.row .f{grid-area:f;font-size:14px}.row .y{grid-area:y;padding-top:6px;font-size:14px}.row.no-thumb{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t y""d d""f f"}.peek{display:none}.now-grid{grid-template-columns:1fr}.posts a{grid-template-columns:1fr;gap:4px}.posts .t{font-size:22px}.site-foot .who,.site-foot ul{grid-column:1/-1}.site-foot{margin-top:32px;padding-block:40px 56px}}@media (hover:hover) and (pointer:fine){.stage .steps button:hover,.stage .play:hover{border-color:var(--ink);color:var(--ink)}}.stage .sketch text{fill:var(--ink)}@media (width<=420px){.hide-xs{display:none}.site-head nav{gap:14px}.site-head nav a.nav-cta{padding:7px 12px}}@media (width<=380px){.site-head nav{gap:10px}.site-head nav a.nav-cta{padding:7px 10px}}@media (width<=369px){.hide-xxs{display:none}.only-xxs{display:list-item}}@media (width<=359px){.mark-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}