@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.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}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.xuaO2J-f.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-400-normal.DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-cyrillic-400-normal.BSMlKf0J.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-400-normal.CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-vietnamese-400-normal.BulugwFq.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-400-normal.DDuiU_S-.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BqneJy0T.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-ext-500-normal.BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-cyrillic-500-normal.Bq9vWWag.woff2) format("woff2"),url(/_astro/ibm-plex-mono-cyrillic-500-normal.Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-vietnamese-500-normal.DZ4AoWbu.woff2) format("woff2"),url(/_astro/ibm-plex-mono-vietnamese-500-normal.C8zxqsMH.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-ext-500-normal.CAhNIIs5.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-ext-500-normal.CZ70TYgx.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff) format("woff");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}.demo{display:grid;gap:28px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px 28px;align-items:end;padding:18px 0;border-block:1px solid var(--ink)}.controls label{display:flex;flex-direction:column;gap:8px}.controls output{color:var(--ink);font-weight:500;float:right}.controls input[type=range]{width:100%;accent-color:var(--ink)}.btn{font:500 .82rem var(--mono);padding:10px 14px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer}.btn:hover:not(:disabled){background:var(--red);border-color:var(--red)}.btn:disabled{background:transparent;color:var(--red-ink);border-color:var(--red);cursor:progress}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover:not(:disabled){color:var(--paper)}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--ink)}.seg label{position:relative;flex-direction:row;gap:0}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:block;padding:8px 12px;font:.8rem var(--mono);cursor:pointer}.seg input:checked+span{background:var(--ink);color:var(--paper)}.seg input:focus-visible+span{outline:2px solid var(--red);outline-offset:-2px}.stage-canvas{position:relative;aspect-ratio:16 / 7.5;background:radial-gradient(circle at 50% 40%,var(--paper) 0,var(--paper) 50%,var(--paper-2) 100%);border:1px solid var(--rule);touch-action:pan-y}.stage-canvas canvas{width:100%!important;height:100%!important}.stage-canvas .stage-labels{position:absolute;inset:0;pointer-events:none}.stage-label{display:flex;flex-direction:column;align-items:center;font:.72rem/1.2 var(--sans);color:var(--ink)}.stage-label strong{font-weight:600}.stage-label span{font-family:var(--mono);color:var(--muted);font-size:.66rem}.stage-label.is-red strong{color:var(--red-ink)}.stage-note{margin-top:8px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--ink)}.tile{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px 0;border-bottom:1px solid var(--rule)}.tile strong{font:400 2rem/1.1 var(--serif);font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 72}.tile .bad,.bad{color:var(--red-ink)}.try{border-top:1px solid var(--ink);padding-top:18px}.try ol{padding-left:1.2em;margin:12px 0 0;display:grid;gap:8px;max-width:75ch}.try li::marker{font-family:var(--mono);color:var(--red-ink)}.lc{position:relative}.lc svg{width:100%;height:auto;overflow:visible}.lc-grid line{stroke:var(--rule);stroke-width:1}.lc-grid text,.lc-ref-text,.lc-markers text{font:10px var(--mono);fill:var(--muted)}.lc-ref{stroke:var(--muted);stroke-dasharray:4 4;stroke-width:1}.lc-markers line{stroke:var(--red);stroke-width:1}.lc-markers text{fill:var(--red-ink)}.lc-series{stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.lc-cross{stroke:var(--ink-2);stroke-width:1}.lc-dot{fill:var(--ink);stroke:var(--paper);stroke-width:2}.lc-tip{position:absolute;top:-6px;transform:translate(-50%,-100%);background:var(--ink);color:var(--paper);font:.72rem var(--mono);padding:4px 8px;white-space:nowrap;pointer-events:none}@media(max-width:960px){.stage-canvas{aspect-ratio:4 / 3}}:root{--paper: #f4f1ea;--paper-2: #ebe6da;--ink: #111111;--ink-2: #4a4741;--muted: #6b665e;--rule: #cfc8b8;--red: #d2392b;--red-ink: #b8301f;--serif: "Fraunces Variable", "Iowan Old Style", Georgia, serif;--sans: "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter: clamp(16px, 4vw, 48px);--max: 1180px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--red-ink)}:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{background:var(--ink);color:var(--paper)}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.015em;margin:0;font-variation-settings:"SOFT" 30,"WONK" 0}h1{font-size:clamp(2.6rem,7vw,5.6rem);font-variation-settings:"opsz" 144,"SOFT" 30}h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-variation-settings:"opsz" 96,"SOFT" 30}h3{font-size:1.35rem;font-variation-settings:"opsz" 36}p{margin:0 0 1em;max-width:64ch}.mono{font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;color:var(--muted)}.caps{text-transform:uppercase;letter-spacing:.08em}.rule{border:0;border-top:1px solid var(--ink);margin:0}.rule-soft{border:0;border-top:1px solid var(--rule);margin:0}.fig-caption{font-family:var(--mono);font-size:.78rem;color:var(--muted);padding-top:10px;border-top:1px solid var(--rule)}.tag{display:inline-block;font-family:var(--mono);font-size:.72rem;padding:2px 8px;border:1px solid var(--ink);border-radius:999px;white-space:nowrap}.tag--red{border-color:var(--red);color:var(--red-ink)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.masthead[data-astro-cid-5hce7sga]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px}.brand[data-astro-cid-5hce7sga]{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark[data-astro-cid-5hce7sga]{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--paper);font:500 .8rem/1 var(--mono);letter-spacing:.04em}.brand[data-astro-cid-5hce7sga]:hover .brand-mark[data-astro-cid-5hce7sga]{background:var(--red)}.brand-name[data-astro-cid-5hce7sga]{font-family:var(--serif);font-size:1.15rem}nav[data-astro-cid-5hce7sga]{display:flex;gap:20px;flex-wrap:wrap}nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{text-decoration:none;color:var(--ink-2)}nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{color:var(--red-ink)}.wrap-rule[data-astro-cid-5hce7sga]{max-width:calc(var(--max) - 2 * var(--gutter));margin-inline:auto}@media(max-width:1180px){.wrap-rule[data-astro-cid-5hce7sga]{margin-inline:var(--gutter)}}.colophon[data-astro-cid-5hce7sga]{margin-top:96px;padding-bottom:32px}.colophon-row[data-astro-cid-5hce7sga]{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px}