@font-face{font-family:Piazzolla Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/piazzolla-cyrillic-ext-opsz-normal.1ba62kmcu-_l1.woff2)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:Piazzolla Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/piazzolla-cyrillic-opsz-normal.142f7_malt90y.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Piazzolla Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/piazzolla-greek-ext-opsz-normal.4585b9oizaqje.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Piazzolla Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/piazzolla-greek-opsz-normal.2qxz5nky49cjm.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Piazzolla Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/piazzolla-vietnamese-opsz-normal.3o2no7yil8zdb.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:Piazzolla Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/piazzolla-latin-ext-opsz-normal.1pny3n280g-x1.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:Piazzolla Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/piazzolla-latin-opsz-normal.22_v51s-7u5qw.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}
@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-ext-wght-normal.06adi5qjgm3bm.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-wght-normal.1o9o6__l__p-w.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{--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#be2323;--color-success:#21763c;--container:1360px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#f8f7f2;--color-paper-2:#f0ede8;--color-paper-3:#e6e3dc;--color-ink:#1b2025;--color-ink-2:#43484e;--color-muted:#5f646a;--color-rule:#d3d1cb;--color-border-control:#7b8187;--color-accent:#8c467e;--color-accent-ink:#fcf9fb;--color-accent-strong:#703265;--color-accent-soft:#f5e4f0;--color-focus:#962585;--font-display:"Piazzolla Variable", ui-serif, Georgia, serif;--font-body:"Atkinson Hyperlegible Next Variable", ui-sans-serif, system-ui, sans-serif;--font-outlier:var(--font-display);--draw-2h:#b3b8be;--draw-hb:#767b81;--draw-2b:#4e5359;--draw-4b:#31363c;--draw-6b:#1b2025;--draw-guide-width:1px;--draw-line-width:1.6px;--radius-card:4px;--radius-pill:999px;--rule-hair:1px;--shadow-card:none;--tracking-display:-.02em}@supports (color:lab(0% 0 0)){:root{--color-error:lab(42.4236% 59.8149 41.9956);--color-success:lab(43.5038% -36.3107 24.0307);--color-paper:lab(97.1312% -.0125468 2.29015);--color-paper-2:lab(94.0003% .225067 3.04779);--color-paper-3:lab(90.1762% .256866 3.4312);--color-ink:lab(11.8079% -.825435 -4.33);--color-ink-2:lab(30.3718% -.899196 -4.36327);--color-muted:lab(41.973% -.921026 -4.37405);--color-rule:lab(83.7922% .227124 3.04911);--color-border-control:lab(53.5738% -.935495 -4.38143);--color-accent:lab(40.2632% 36.1294 -18.4306);--color-accent-ink:lab(98.1918% 1.54087 -.78876);--color-accent-strong:lab(31.1186% 33.0667 -16.8647);--color-accent-soft:lab(92.1173% 7.68399 -3.93143);--color-focus:lab(36.9769% 53.7471 -27.3865);--draw-2h:lab(74.4593% -.800997 -3.66263);--draw-hb:lab(51.2536% -.933021 -4.38014);--draw-2b:lab(35.0124% -.90912 -4.36813);--draw-4b:lab(22.2506% -.87592 -4.35226);--draw-6b:lab(11.8079% -.825435 -4.33)}}:root[data-contrast=more]{--color-ink:#0e1217;--color-ink-2:#1b2025;--color-muted:#2f3339;--color-rule:#6d7279;--color-border-control:#43484e;--draw-2h:#6d7279;--draw-hb:#43484e}@supports (color:lab(0% 0 0)){:root[data-contrast=more]{--color-ink:lab(5.24121% -.570439 -3.65198);--color-ink-2:lab(11.8079% -.825435 -4.33);--color-muted:lab(21.0903% -.871718 -4.35035);--color-rule:lab(47.7734% -.928938 -4.37804);--color-border-control:lab(30.3718% -.899196 -4.36327);--draw-2h:lab(47.7734% -.928938 -4.37804);--draw-hb:lab(30.3718% -.899196 -4.36327)}}@media (prefers-contrast:more){:root:not([data-contrast=standard]){--color-ink:#0e1217;--color-ink-2:#1b2025;--color-muted:#2f3339;--color-rule:#6d7279;--color-border-control:#43484e;--draw-2h:#6d7279;--draw-hb:#43484e}@supports (color:lab(0% 0 0)){:root:not([data-contrast=standard]){--color-ink:lab(5.24121% -.570439 -3.65198);--color-ink-2:lab(11.8079% -.825435 -4.33);--color-muted:lab(21.0903% -.871718 -4.35035);--color-rule:lab(47.7734% -.928938 -4.37804);--color-border-control:lab(30.3718% -.899196 -4.36327);--draw-2h:lab(47.7734% -.928938 -4.37804);--draw-hb:lab(30.3718% -.899196 -4.36327)}}}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-synthesis:none;overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.skip-link{left:var(--space-md);top:var(--space-md);z-index:var(--z-modal);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.site-header{border-bottom:var(--rule-hair) solid var(--color-rule)}.header-row{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:72px;display:flex}.wordmark{font-family:var(--font-outlier);font-size:var(--text-xl);letter-spacing:-.015em;color:var(--color-ink);margin:0;font-weight:600;text-decoration:none}.nav-links{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--color-ink-2);white-space:nowrap;transition:color var(--dur-micro) var(--ease-out);text-decoration:none}.nav-links a:hover{color:var(--color-accent-strong);text-decoration:underline}.nav-links a:active{color:var(--color-ink)}.hero{gap:var(--gap-columns);min-height:calc(100dvh - 72px);max-height:960px;padding-block:var(--space-2xl);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.hero-text{gap:var(--space-lg);grid-column:1/span 6;justify-items:start;display:grid}h1{text-wrap:balance;font-size:var(--text-display);letter-spacing:var(--tracking-display);max-width:12ch;font-weight:500;line-height:1.02}.lede{font-size:var(--text-lead);color:var(--color-ink-2);max-width:32ch}.button{min-height:48px;padding:0 var(--space-lg);margin-top:var(--space-xs);border-radius:var(--radius-card);background:var(--color-accent);color:var(--color-accent-ink);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-accent-strong)}.button:active{transform:translateY(1px)}.hero-figure{justify-items:center;gap:var(--space-sm);grid-column:7/span 6;margin:0;display:grid}.hero-figure .diagram{width:100%;max-height:min(80dvh,720px)}figcaption{font-size:var(--text-sm);color:var(--color-muted)}.stroke{vector-effect:non-scaling-stroke;stroke-width:var(--draw-line-width)}.stroke.guide{stroke-width:var(--draw-guide-width)}.g-2h{stroke:var(--draw-2h)}.g-hb{stroke:var(--draw-hb)}.g-2b{stroke:var(--draw-2b)}.g-4b{stroke:var(--draw-4b)}.g-6b{stroke:var(--draw-6b)}.build{animation:stroke-in .5s var(--ease-out) both;animation-delay:calc(var(--i) * .12s)}@keyframes stroke-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.build{animation:none}}.how{gap:var(--space-xl);padding-block:var(--section-gap-s) var(--section-gap);display:grid}h2{text-wrap:balance;font-size:var(--text-section);letter-spacing:var(--tracking-display);font-weight:500;line-height:1.08}.loop{width:100%;max-height:420px}.steps{gap:var(--gap-columns);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;gap:var(--space-xs);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.steps h3{font-size:var(--text-title);font-weight:500}.steps h3:before{content:counter(step) ". ";color:var(--color-muted)}.steps p{color:var(--color-ink-2);max-width:45ch}.pencils{background:var(--color-paper-2);padding-block:var(--section-gap)}.pencils-grid{gap:var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.pencils-text{gap:var(--space-md);grid-column:1/span 4;display:grid}.pencils-text p{font-size:var(--text-lead);color:var(--color-ink-2)}.grades{gap:var(--space-lg);grid-column:6/span 7;margin:0;padding:0;list-style:none;display:grid}.grade{align-items:center;gap:var(--space-md);grid-template-columns:3.5rem minmax(0,1fr) 13rem;display:grid}.grade-name{font-family:var(--font-display);font-size:var(--text-title)}.grade-stroke{width:100%;height:24px}.grade-use{font-size:var(--text-sm);color:var(--color-ink-2)}.methods{gap:var(--space-xl);padding-block:var(--section-gap);display:grid}.methods-head{gap:var(--space-sm);display:grid}.methods-head p{font-size:var(--text-lead);color:var(--color-ink-2)}.methods-grid{gap:var(--space-xl) var(--gap-columns);grid-template-rows:auto auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.method{align-items:center;gap:var(--space-lg);padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;display:grid}.method-main{grid-row:span 2;grid-template-columns:minmax(0,1fr);align-content:start}.method .diagram{width:100%;max-height:280px}.method-main .diagram{max-height:520px}.method figcaption{gap:var(--space-xs);font-size:var(--text-md);color:var(--color-ink-2);display:grid}.method h3{font-size:var(--text-title);color:var(--color-ink);font-weight:500}.small-print{font-size:var(--text-sm);color:var(--color-muted)}.audience{gap:var(--gap-columns);padding-block:var(--section-gap-s) var(--section-gap-l);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.audience h2{grid-column:1/span 5}.audience-list{grid-column:6/span 7;margin:0;padding:0;list-style:none}.audience-list li{padding-block:var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);font-size:var(--text-title);line-height:1.4}.audience-list li:first-child{border-top:var(--rule-hair) solid var(--color-rule)}.close{padding-block:var(--section-gap) var(--section-gap-s);border-top:var(--rule-hair) solid var(--color-rule)}.close-inner{gap:var(--space-lg) var(--gap-columns);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.close h2{font-size:var(--text-display);grid-column:1/span 10;max-width:14ch;line-height:1.02}.close p{font-size:var(--text-lead);color:var(--color-ink-2);grid-column:1/span 6}.site-footer{border-top:var(--rule-hair) solid var(--color-rule);padding-block:var(--space-xl)}.footer-row{justify-content:space-between;align-items:baseline;gap:var(--space-md) var(--space-xl);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.footer-row .wordmark{font-size:var(--text-lg)}@media (max-width:60rem){.hero{min-height:0;max-height:none}.hero-text,.hero-figure,.pencils-text,.grades,.audience h2,.audience-list,.close h2,.close p{grid-column:1/-1}.hero-figure .diagram{max-height:420px}.steps,.methods-grid{grid-template-columns:minmax(0,1fr)}.method-main{grid-row:auto}.grade{grid-template-columns:3rem minmax(0,1fr)}.grade-use{grid-column:2}}.not-found{gap:var(--space-lg);padding-block:var(--section-gap);justify-items:start;display:grid}