:root{--green-05:#edf4ef;--green-10:#dbe9e0;--green-20:#a9d8bd;--green-30:#7fbf9b;--green-60:#1c6d45;--green-70:#175c3a;--green-80:#0f3a26;--green-90:#0b2a1c;--cotton:#f5f0e6;--cotton-line:#e6dcc9;--sage:#e6f0e9;--sage-line:#cfe1d5;--leaf:#3b7438;--leaf-strong:#2f6630;--leaf-on-dark:#9cc98a;--paper:#fbfbfa;--surface:#f1f1ee;--studio:#edeceb;--line:#e3e3df;--line-strong:#cfcfca;--ink:#1d1d1b;--ink-muted:#4f514c;--ink-faint:#6a6c67;--accent:var(--green-60);--accent-strong:var(--green-70);--on-accent:var(--paper);--forest:var(--green-90);--gut:clamp(18px,4vw,72px);--max:1720px;--ease:cubic-bezier(.22,.61,.24,1);--green-fade:.8s;--stop-gap:calc(env(safe-area-inset-top,0px) + 96px);--tight-gap:clamp(64px,7vw,120px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;interpolate-size:allow-keywords}@media (max-width:759px){:root{--stop-gap:calc(env(safe-area-inset-top,0px) + 80px)}}body{--display:var(--font-ysabeau),"Gill Sans","Trebuchet MS",sans-serif;--text:var(--font-onest),"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--max);padding-inline:var(--gut);margin:0 auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}section[tabindex="-1"]:focus{outline:none}html{scrollbar-gutter:stable;overflow-anchor:none}html.is-loading{overflow:hidden}html.lenis,html.lenis body{height:auto}[data-zone]{overscroll-behavior:contain}[data-zone=x]{touch-action:pan-x pinch-zoom}[data-stop]{scroll-margin-top:var(--stop-gap)}.chapter{scroll-margin-top:calc(var(--stop-gap) - clamp(120px,15vw,220px))}.green-layer{z-index:-2;background:var(--green-90);opacity:0;pointer-events:none;transition:opacity var(--green-fade) var(--ease);position:fixed;inset:0}html.bg-green .green-layer{opacity:1}.demo-tag{z-index:30;font:500 10.5px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;background:var(--surface);color:var(--ink-faint);border:1px solid var(--line);padding:6px 8px;position:fixed;bottom:12px;right:12px}.eyebrow{font:500 12px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:12px;margin:0 0 18px;display:flex}.eyebrow:before{content:"";background:var(--leaf);width:24px;height:2px}h1,h2{font-family:var(--display);letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:300}h1{font-size:clamp(34px,3.9vw,60px);line-height:1}h2{font-size:clamp(34px,4.2vw,64px);line-height:1}.lede{max-width:46ch;color:var(--ink-muted);margin:20px 0 0;font-size:17px}.more{color:var(--accent);border-bottom:1px solid;align-items:center;gap:8px;margin-top:22px;padding-bottom:2px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}section{position:relative}.chapter{padding-block:clamp(120px,15vw,220px)}.note{background:var(--cotton);border:1px solid var(--cotton-line);border-radius:16px;padding:18px 22px}.note.sage{background:var(--sage);border-color:var(--sage-line)}.note .lede{color:var(--ink);margin:0}.note-tag{font:500 11.5px/1.3 var(--text);letter-spacing:.13em;text-transform:uppercase;color:var(--leaf);align-items:center;gap:9px;margin:0 0 8px;display:flex}.note-tag:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.stack-card{top:min(calc(var(--sc-top) + var(--sc-i) * 14px),calc(100svh - var(--sc-h,0px) - 16px));scroll-margin-top:calc(var(--sc-top) + var(--sc-i) * 14px);background:var(--sc-bg);border:1px solid var(--sc-line);transform:rotate(calc(var(--sc-r) * var(--sc-tilt,1)));border-radius:18px;position:sticky;box-shadow:0 1px 2px #1d1d1b0d,0 18px 40px -22px #1d1d1b4d}.stack-card:first-child{--sc-i:0;--sc-bg:var(--cotton);--sc-line:var(--cotton-line);--sc-r:-1.6deg}.stack-card:nth-child(2){--sc-i:1;--sc-bg:#eef0e1;--sc-line:#dde2c9;--sc-r:1.2deg}.stack-card:nth-child(3){--sc-i:2;--sc-bg:var(--sage);--sc-line:var(--sage-line);--sc-r:-.8deg}.stack-card:nth-child(4){--sc-i:3;--sc-bg:#e2ecd8;--sc-line:#c9dbbb;--sc-r:1.8deg}
.loader{display:none}.js .loader{z-index:100;background:var(--green-90);transition:opacity .9s var(--ease),visibility 0s .9s;place-items:center;display:grid;position:fixed;inset:0}.js .loader[hidden]{display:none}.loader .ld-mark{transition:transform 1.1s var(--ease),opacity .7s;justify-items:center;gap:18px;display:grid}.loader .ld-logo{aspect-ratio:120/53.4;width:min(180px,40vw);position:relative}.loader .ld-logo svg{width:100%;height:100%;position:absolute;inset:0}.loader .ld-base{color:#ffffff24}.loader .ld-fill{color:#fff;clip-path:inset(calc((1 - var(--p,0)) * 100%) 0 0 0);transition:clip-path .5s var(--ease)}.loader .ld-num{font:500 11px/1 var(--text);letter-spacing:.18em;color:#fff9;font-variant-numeric:tabular-nums}.loader .ld-note{text-align:center;font:400 13px/1.5 var(--text);color:#ffffff8c;opacity:0;transition:opacity .8s var(--ease);margin:0;position:absolute;bottom:12vh;left:0;right:0}.loader .ld-note.on{opacity:1}.loader.gone{opacity:0;visibility:hidden}.loader.gone .ld-mark{opacity:0;transform:translateY(-14px)scale(.96)}.js .loader{animation:0s 35s forwards ld-bail}html.is-loading{animation:0s 35s forwards ld-unlock}html.ld-js .loader,html.ld-js.is-loading{animation:none}@keyframes ld-bail{to{opacity:0;visibility:hidden}}@keyframes ld-unlock{to{overflow:auto}}