@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-normal.woff2) format("woff2-variations"),url(/fonts/fraunces-latin-normal.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-italic.woff2) format("woff2-variations"),url(/fonts/fraunces-latin-italic.woff2) format("woff2")}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-sans-3-latin-normal.woff2) format("woff2-variations"),url(/fonts/source-sans-3-latin-normal.woff2) format("woff2")}@font-face{font-family:Source Sans\ 3;font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-sans-3-latin-italic.woff2) format("woff2-variations"),url(/fonts/source-sans-3-latin-italic.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}:root{--ground:#ffffff;--soft:#f1f2f0;--ink:#1c1c1a;--muted:#66665f;--rule:#e1e1db;--accent:#0f5c46;--accent-ink:#ffffff;--vp1:#b8412c;--vp2:#0f5c46;--vp3:#c9962b;--canvas:#ffffff;--display:"Fraunces",Georgia,"Times New Roman",serif;--body:"Source Sans 3","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",Menlo,Consolas,monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#141513;--soft:#1c1d1a;--ink:#ecebe4;--muted:#9a9a90;--rule:#2c2d29;--accent:#5dbb98;--accent-ink:#141513;--vp1:#e8735c;--vp2:#5dbb98;--vp3:#e3b75a;--canvas:#181916;color-scheme:dark}}:root[data-theme=dark]{--ground:#141513;--soft:#1c1d1a;--ink:#ecebe4;--muted:#9a9a90;--rule:#2c2d29;--accent:#5dbb98;--accent-ink:#141513;--vp1:#e8735c;--vp2:#5dbb98;--vp3:#e3b75a;--canvas:#181916;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}canvas,img,svg{max-width:100%}.wrap{max-width:1100px;margin:0 auto;padding:0 28px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1{font-family:var(--display);font-weight:500;line-height:1.02;letter-spacing:-.02em;margin:12px 0 18px;text-wrap:balance;font-variation-settings:"opsz" 144}h1 em{font-style:italic;color:var(--accent)}h2{font-size:32px;letter-spacing:-.015em;line-height:1.1;margin:0 0 10px;text-wrap:balance}h2,h3{font-family:var(--display);font-weight:600}h3{font-size:21px;margin:0 0 4px}p{max-width:66ch;margin:0 0 14px}.muted{color:var(--muted)}.btn{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 16px;border-radius:999px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn.pri{background:var(--ink);color:var(--ground)}.btn.quiet{border-color:var(--rule);color:var(--muted)}.btn.sm{padding:4px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:default}.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}section{padding:56px 0}.rule-h{display:flex;align-items:baseline;gap:18px;border-top:1px solid var(--ink);padding-top:14px;margin-bottom:26px;flex-wrap:wrap}.rule-h .eyebrow{color:var(--ink)}.nav{border-bottom:1px solid var(--rule);background:var(--ground);position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav .wrap{display:flex;align-items:center;gap:18px;height:62px;position:relative}.nav .horizon{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ink);opacity:.9;pointer-events:none}.nav .horizon:after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;background:var(--vp1);transform:translateX(-50%)}.logo{font-family:var(--display);font-weight:700;font-size:22px;text-decoration:none;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;white-space:nowrap;position:relative;z-index:1;background:var(--ground);padding-right:12px}.logo svg{display:block;flex:none;width:28px;height:28px}.nav a.l{text-decoration:none;font-size:15px;color:var(--muted);white-space:nowrap;position:relative;z-index:1;background:var(--ground);padding:6px 8px 10px}.nav a.l:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:6px;background:var(--rule)}.nav a.l.active{color:var(--ink)}.nav a.l.active:after{background:var(--vp1);width:2px;height:8px}.nav .btn{white-space:nowrap;position:relative;z-index:1;background-color:var(--ground)}.nav .btn.pri{background-color:var(--ink)}.nav .eye{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted);background:var(--ground);padding:0 8px;position:relative;z-index:1;white-space:nowrap}.sp{flex:1 1}.nav-toggle{display:none;border:1px solid var(--rule);background:var(--ground);border-radius:6px;padding:6px 10px;color:var(--ink);position:relative;z-index:1}.nav-links{display:contents}@media (max-width:760px){.nav-toggle{display:inline-block}.nav-links{display:none;position:absolute;left:0;right:0;top:62px;background:var(--ground);border-bottom:1px solid var(--ink);padding:12px 28px 16px;flex-direction:column;gap:10px}.nav-links a.l{padding:6px 0}.nav-links a.l:after{display:none}.nav .wrap{gap:12px}.nav .logo{margin-right:auto}.nav .eye{display:none}.nav-links.open{display:flex}.nav .hide-m{display:none}}.hero{padding:64px 0 24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:end}.hero h1{font-size:clamp(42px,6.2vw,80px)}.hero .lede{font-size:19px;color:var(--muted);max-width:44ch}.plate{margin:28px 0 8px;border:1px solid var(--ink);padding:8px;background:var(--ground)}.plate canvas{display:block;width:100%;height:440px;background:var(--canvas)}.cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted);padding:6px 2px 0;gap:12px;flex-wrap:wrap}.cat{grid-template-columns:repeat(2,1fr);grid-gap:0 48px;gap:0 48px}.cat,.cat a{display:grid}.cat a{grid-template-columns:1fr auto;grid-gap:12px;gap:12px;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;align-items:baseline}.cat a b{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.01em}.cat a span{display:block;color:var(--muted);font-size:15px}.cat a small{font-family:var(--mono);font-size:11px;color:var(--accent);white-space:nowrap;letter-spacing:.06em;text-transform:uppercase}.cat a.soon{opacity:.55}.cat .g{grid-column:1/-1;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:26px 0 4px}.cat .g:first-child{padding-top:0}.why{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:36px;gap:36px}.why h3{font-size:22px}.why .n{font-family:var(--mono);font-size:12px;color:var(--vp1);margin-bottom:8px}.essays{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:48px;gap:48px}.essays .lead{border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:20px}.essays .lead h3{font-size:30px;font-weight:500}.list a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--rule);font-size:16px}.list a small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted)}.drill{border:1px solid var(--ink);padding:36px;display:grid;grid-template-columns:1fr 1fr;grid-gap:36px;gap:36px;align-items:center;background:var(--soft)}.drill dl{margin:0;font-family:var(--mono);font-size:13px;display:grid;grid-template-columns:auto 1fr;grid-gap:6px 18px;gap:6px 18px}.drill dt{color:var(--muted)}.drill dd{margin:0}footer.site{position:relative;border-top:1px solid var(--ink);background:var(--soft);padding:34px 0 0;font-size:14px;color:var(--muted);overflow:hidden}footer.site svg.ground{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}footer.site .wrap{position:relative}footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:28px;gap:28px}footer.site .brand{font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);margin-bottom:6px}footer.site a{text-decoration:none;display:block;padding:2px 0;color:var(--ink);opacity:.9}footer.site .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;color:var(--muted);display:flex;align-items:center;gap:8px}footer.site .k:before{content:"";width:6px;height:6px;background:var(--vp2)}footer.site .cols>div:nth-child(3) .k:before{background:var(--vp1)}footer.site .cols>div:nth-child(4) .k:before{background:var(--vp3)}footer.site .base{border-top:1px dashed var(--rule);margin-top:26px;padding:12px 0 18px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em}.crumb{font-family:var(--mono);font-size:12px;color:var(--muted);padding-top:26px}.crumb a{text-decoration:none}.tool-h h1{font-size:clamp(34px,4.6vw,58px);margin-bottom:8px}.tool-h .lede{font-size:18px;color:var(--muted)}.presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.presets button{border:1px solid var(--rule);background:transparent;border-radius:999px;font-family:var(--mono);font-size:11.5px;padding:4px 10px;color:var(--ink)}.presets button.active{border-color:var(--ink);background:var(--ink);color:var(--ground)}.stage{border:1px solid var(--ink);padding:8px;background:var(--ground);margin-top:22px;position:relative}.stage canvas{display:block;width:100%;height:560px;background:var(--canvas);touch-action:none;cursor:-webkit-grab;cursor:grab}.stage canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.stage .hint{position:absolute;left:16px;bottom:16px;font-family:var(--mono);font-size:11.5px;color:var(--muted);background:var(--ground);padding:3px 8px;border:1px solid var(--rule);pointer-events:none}.bar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);border-top:0}.bar>div{padding:14px 16px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:8px;min-width:0}.bar>div:last-child{border-right:0}.bar .lbl,.bar h4{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}.ctl{display:flex;flex-direction:column;gap:3px;font-size:14px}.ctl label{display:flex;justify-content:space-between;gap:8px}.ctl output{font-family:var(--mono);color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.chk{display:flex;align-items:center;gap:8px;font-size:14px}.chk input{accent-color:var(--accent)}.sw{width:9px;height:9px;border-radius:50%;display:inline-block}.sel{border:1px solid var(--rule);border-radius:6px;padding:6px 10px;background:var(--ground);color:var(--ink)}.readout{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:12.5px;color:var(--muted)}.readout b{color:var(--ink);font-weight:500}.acts{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0;align-items:center}.acts .note{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.lesson{display:grid;grid-template-columns:minmax(0,66ch) 1fr;grid-gap:56px;gap:56px;padding-top:56px}.lesson h2{margin-top:34px}.lesson>div>h2:first-child{margin-top:0}.lesson .drop>p:first-of-type:first-letter{font-family:var(--display);font-size:3.4em;float:left;line-height:.8;padding:6px 8px 0 0;color:var(--accent)}.margin{font-size:14.5px;color:var(--muted);padding-top:8px}.margin .note{border-left:2px solid var(--vp3);padding-left:12px;margin-bottom:22px}.margin a{display:block;text-decoration:none;color:var(--ink);padding:6px 0;border-bottom:1px solid var(--rule)}.faq details{border-top:1px solid var(--rule);padding:12px 0}.faq summary{font-weight:600;cursor:pointer;font-family:var(--display);font-size:18px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:var(--ground);padding:10px 18px;font-size:14px;border-radius:999px;opacity:0;transition:.25s;pointer-events:none;z-index:30}.toast.show{opacity:1;transform:translate(-50%)}.objs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:10px;gap:10px}.obj{border:1px solid var(--rule);padding:10px 12px}.obj-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.obj-f{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 12px;gap:6px 12px;font-size:13px}.obj-f label{display:flex;align-items:center;gap:6px;color:var(--muted)}.obj-f input{width:64px;border:1px solid var(--rule);border-radius:4px;padding:3px 6px;background:var(--ground);color:var(--ink);font-family:var(--mono);font-size:12.5px}.prose{max-width:68ch}.prose h2{font-size:28px;margin-top:36px}.prose h3{margin-top:26px}.prose li,.prose p{font-size:17px}.prose ol,.prose ul{padding-left:22px;max-width:66ch}.prose li{margin-bottom:6px}.prose blockquote{margin:18px 0;padding:4px 0 4px 16px;border-left:2px solid var(--vp3);color:var(--muted)}.prose code{font-family:var(--mono);font-size:14px;background:var(--soft);padding:1px 5px;border-radius:3px}.prose table{border-collapse:collapse;width:100%;font-size:15px;margin:16px 0}.prose td,.prose th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule);vertical-align:top}.prose th{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}.prose .tbl{overflow-x:auto}.prose a{color:var(--accent)}.prose .callout{background:var(--soft);border-left:3px solid var(--accent);padding:12px 16px;margin:20px 0}.prose .callout p{margin:0}.article-h{padding-top:26px}.article-h h1{font-size:clamp(34px,5vw,56px)}.article-meta{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}.hub{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.hub .card{border:1px solid var(--rule);padding:20px;display:flex;flex-direction:column;gap:6px}.hub .card .n{font-family:var(--display);font-weight:700;font-size:28px;color:var(--accent);line-height:1}.hub .card b{font-family:var(--display);font-size:20px;font-weight:600}.hub .card p{font-size:15px;color:var(--muted);margin:0}.hub .card .links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hub .card .links a{text-decoration:none;font-size:13px;border:1px solid var(--rule);border-radius:999px;padding:4px 10px}.embed{border:1px solid var(--ink);padding:6px;margin:22px 0}.embed canvas{display:block;width:100%;height:360px;background:var(--canvas);touch-action:none}.embed .cap{padding:6px 4px 0}@media (max-width:900px){.cat,.drill,.essays,.hero,.hub,.lesson,.why{grid-template-columns:1fr}.bar{grid-template-columns:1fr 1fr}.stage canvas{height:420px}.plate canvas{height:320px}footer.site .cols{grid-template-columns:1fr 1fr}}@media (max-width:560px){.bar{grid-template-columns:1fr}.stage .hint{display:none}.stage canvas{height:360px}.wrap{padding:0 18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.byline{display:inline-flex;align-items:center;gap:6px}.byline img{border-radius:50%;width:22px;height:22px;object-fit:cover}.byline a{color:var(--ink);text-decoration:none}.author-box,.byline a{border-bottom:1px solid var(--rule)}.author-box{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;align-items:start;border-top:1px solid var(--rule);padding:22px 0;margin:36px 0 8px}.author-box img{width:72px;height:72px;border-radius:50%;object-fit:cover}.author-box .name{font-family:var(--display);font-size:19px;font-weight:600;margin:4px 0 6px}.author-box .name a{color:var(--ink);text-decoration:none}.author-box .name .muted{font-family:var(--body);font-size:14px;font-weight:400}.author-box p{margin:0;font-size:15px;max-width:62ch}.author-box .dates{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;gap:14px;margin-top:8px}@media (max-width:560px){.author-box{grid-template-columns:56px 1fr;gap:12px}.author-box img{width:56px;height:56px}}.about-hero{display:grid;grid-template-columns:160px 1fr;grid-gap:28px;gap:28px;align-items:center;margin:10px 0 28px}.about-hero img{width:160px;height:160px;border-radius:50%;object-fit:cover}@media (max-width:560px){.about-hero{grid-template-columns:1fr}}.contact-card{border:1px solid var(--rule);padding:18px 20px;margin:16px 0}.contact-card .k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.contact-card a{font-family:var(--display);font-size:20px}.shot{margin:26px 0}.shot img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:var(--soft)}.shot figcaption{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-top:8px}.define{border-left:3px solid var(--accent);background:var(--soft);padding:14px 18px;margin:22px 0}.define p{margin:4px 0 0;font-size:17px}.stage.css-stage{padding:0;overflow:hidden}.css-scene{height:560px;display:grid;place-items:center;background:var(--canvas);background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:40px 40px;background-position:50%}.css-card{width:320px;min-height:200px;box-sizing:border-box;padding:22px 24px;background:var(--ground);color:var(--ink);border:1px solid var(--ink);box-shadow:12px 14px 0 rgba(184,65,44,.18);display:flex;flex-direction:column;gap:8px;justify-content:center;will-change:transform}.css-card .css-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.css-card b{font-family:var(--display);font-weight:600;font-size:24px;line-height:1.1}.css-card small{font-size:13.5px;color:var(--muted);line-height:1.4}.css-card.photo{padding:0;min-height:0;border:0}.css-photo{width:320px;height:220px;background:linear-gradient(135deg,#0f5c46 0 40%,#c9962b 40% 70%,#b8412c 70%)}.css-card.text{width:420px;background:transparent;border:0;box-shadow:none;color:#c9962b}.css-crawl{font-family:var(--body);font-weight:700;font-size:22px;line-height:1.35;text-align:justify;margin:0}.css-card.cube{width:160px;height:160px;min-height:0;padding:0;background:transparent;border:0;box-shadow:none}.css-cube{position:relative;width:160px;height:160px;transform-style:preserve-3d}.css-cube i{position:absolute;inset:0;border:1.5px solid var(--ink);background:rgba(15,92,70,.12)}.css-cube i:nth-child(2){background:rgba(184,65,44,.14)}.css-cube i:nth-child(5){background:rgba(201,150,43,.16)}.css-out{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border:1px solid var(--ink);border-top:0}.css-out>div{padding:14px 16px;border-right:1px solid var(--rule);min-width:0}.css-out>div:last-child{border-right:0}.css-out pre.code{margin:8px 0 10px;padding:12px 14px;background:var(--soft);border:1px solid var(--rule);font-family:var(--mono);font-size:13px;line-height:1.5;overflow-x:auto;white-space:pre}@media (max-width:720px){.css-out{grid-template-columns:1fr}.css-out>div{border-right:0;border-bottom:1px solid var(--rule)}.css-scene{height:420px}.css-card{width:260px}.css-card.text{width:300px}}