:root{--paper:#f5f4ef;--surface:#eae9e2;--ink:#202521;--muted:#686e67;--line:#d7d9cf;--accent:#50724a;--inverse:#f4f3ed;color-scheme:light;font-synthesis:none;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#181c19;--surface:#242b25;--ink:#eceee5;--muted:#a4aea1;--line:#3c453c;--accent:#bad4a7;--inverse:#181c19;color-scheme:dark}}:root[data-theme=dark]{--paper:#181c19;--surface:#242b25;--ink:#eceee5;--muted:#a4aea1;--line:#3c453c;--accent:#bad4a7;--inverse:#181c19;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{cursor:pointer}::selection{color:#202521;background:#c5d5b9}.wrap{width:min(1240px,100% - 96px);margin-inline:auto}.skip{z-index:20;background:var(--ink);color:var(--paper);padding:16px;position:absolute;top:-80px;left:24px}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:700;display:flex}.brand img{object-fit:contain}.brand-sub{color:var(--muted);letter-spacing:0;border-left:1px solid var(--line);margin-left:12px;padding-left:12px;font-size:12px;font-weight:400}.site-header nav{align-items:center;gap:28px;font-size:13px;display:flex}.site-header nav a:hover,.site-footer a:hover{color:var(--accent)}.theme-toggle{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:0 0;border-radius:50%;font-size:20px}.eyebrow{text-transform:uppercase;letter-spacing:1.25px;color:var(--muted);font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.hero{padding-top:84px;padding-bottom:78px}.hero .eyebrow{align-items:center;gap:12px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-5px;margin:30px 0;font-size:clamp(48px,6.4vw,88px);font-weight:500;line-height:1.01}.hero h1>span{color:var(--muted)}.hero-intro{max-width:490px;color:var(--muted);margin:0;font-size:18px;line-height:1.6}.feature{border-block:1px solid var(--line);grid-template-columns:1.12fr 1fr;gap:64px;padding-block:32px;display:grid}.feature-visual{color:#27392c;background:#d8e2cd;min-height:330px;padding:22px 26px;display:block;position:relative;overflow:hidden}.visual-head{letter-spacing:1px;justify-content:space-between;font:10px ui-monospace,SFMono-Regular,monospace;display:flex}.art-stage{justify-content:center;align-items:center;height:196px;display:flex;position:relative}.art-disc{background:#f7f4e8;border-radius:50%;width:133px;height:133px;position:absolute;top:24px;left:calc(50% - 105px)}.art-square{background:#50724a;width:100px;height:100px;position:absolute;top:56px;left:calc(50% - 2px);transform:rotate(-14deg)}.art-triangle{border-bottom:90px solid #e8aa64;border-left:51px solid #0000;border-right:51px solid #0000;width:0;height:0;position:absolute;top:83px;left:calc(50% - 82px);transform:rotate(19deg)}.visual-timeline{grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:7px;display:grid}.visual-timeline>span{background:repeating-linear-gradient(90deg,#0000 0 5px,#a9b99f 5px 6px);border-block:1px solid #9cac93;height:25px}.visual-timeline>b{background:#eaf0e3;border:1px solid #50724a;border-radius:3px;justify-content:space-between;align-items:center;padding:10px 12px;font:12px ui-monospace,monospace;display:flex}.visual-timeline i{font-style:normal}.visual-caption{color:#52654e;margin:17px 0 0;font-size:11px}.feature-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding-right:20px;display:flex}.feature-copy h2{letter-spacing:-1.8px;margin:15px 0 20px;font-size:clamp(30px,3.3vw,46px);font-weight:500;line-height:1.08}.feature-copy>p:not(.eyebrow){color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.7}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:25px;padding-block:9px;font-size:13px;display:inline-flex}.latest{padding-block:80px 110px}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:25px;display:flex}.section-heading h2{letter-spacing:-.6px;margin:0;font-size:23px;font-weight:500}.section-heading>a{color:var(--muted);font-size:12px}.post-row{border-top:1px solid var(--line);grid-template-columns:180px 1fr 40px;gap:30px;padding-block:32px;display:grid}.post-row:last-child{border-bottom:1px solid var(--line)}.post-meta{color:var(--muted);flex-direction:column;gap:12px;font-size:11px;display:flex}.post-meta>span{color:var(--accent)}.post-row h2{letter-spacing:-.7px;margin:0 0 12px;font-size:25px;font-weight:500;line-height:1.25}.post-row h2 span{display:none}.post-row p{max-width:650px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.read-arrow{text-align:right;font-size:26px}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:35px;padding-block:36px 26px;display:flex}.footer-brand{letter-spacing:-.5px;font-size:16px;font-weight:600}.site-footer p{color:var(--muted);margin-top:12px;font-size:12px}.site-footer nav{flex-wrap:wrap;align-items:flex-start;gap:24px;padding-top:4px;font-size:12px;display:flex}.site-footer small{width:100%;color:var(--muted);margin-top:12px;font-size:10px}.category-head{padding-block:85px 64px}.category-head h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(40px,6vw,72px);font-weight:500}.category-head>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6}.category-posts{min-height:35vh;padding-bottom:120px}.empty{border-block:1px solid var(--line);padding-block:40px}.empty h2{font-size:24px;font-weight:400}.empty p{color:var(--muted);font-size:15px;line-height:1.6}.article-header{border-bottom:1px solid var(--line);padding-block:42px 58px}.back-link{color:var(--muted);margin-bottom:36px;font-size:12px;display:inline-block}.article-header>.eyebrow{color:var(--accent)}.article-header h1{letter-spacing:-3px;max-width:880px;margin:20px 0 25px;font-size:clamp(40px,5.6vw,74px);font-weight:500;line-height:1.04}.article-deck{max-width:700px;color:var(--muted);font-size:19px;line-height:1.6}.byline{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:32px;font-size:11px;display:flex}.byline>span:first-child{color:var(--ink)}.article-grid{grid-template-columns:220px minmax(0,740px);gap:70px;padding-block:56px 100px;display:grid}.article-aside{align-self:start;position:sticky;top:32px}.article-aside nav{flex-direction:column;gap:17px;margin-top:24px;display:flex}.article-aside nav a{color:var(--muted);font-size:12px;line-height:1.5}.article-aside nav a:hover{color:var(--ink)}.aside-rss{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:22px;font-size:11px;display:inline-block}.prose{overflow-wrap:anywhere;font-size:17px;line-height:1.85}.prose>p:first-child{margin-top:0;font-size:21px;line-height:1.65}.prose h2{letter-spacing:-.8px;margin:52px 0 20px;scroll-margin-top:30px;font-size:29px;font-weight:500;line-height:1.25}.prose p{margin-block:22px}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose pre{border:1px solid var(--line);border-radius:4px;padding:24px;font-size:12px;line-height:1.8;overflow-x:auto}.prose :not(pre)>code{background:var(--surface);border-radius:3px;padding:2px 5px;font-size:.85em}.prose pre code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.trim-demo{border:1px solid var(--line);border-radius:5px;margin:48px 0 60px;padding:25px}.demo-heading{justify-content:space-between;align-items:center;gap:16px;font:12px ui-monospace,monospace;display:flex}.demo-stage{background:var(--surface);justify-content:center;align-items:center;height:200px;margin-block:20px 25px;display:flex;position:relative;overflow:hidden}.demo-grid{opacity:.12;background-image:linear-gradient(var(--muted) 1px,transparent 1px),linear-gradient(90deg,var(--muted) 1px,transparent 1px);background-size:25px 25px;position:absolute;inset:0}.demo-orbit{border:1px solid var(--accent);width:105px;height:105px;transform:rotate(var(--angle));border-radius:50%;position:relative}.demo-orbit>div{background:var(--accent);width:40px;height:40px;position:absolute;top:-20px;left:calc(50% - 20px);transform:rotate(45deg)}.demo-stage-label{color:var(--muted);font:10px ui-monospace,monospace;position:absolute;bottom:12px;left:12px}.trim-demo label{justify-content:space-between;font-size:12px;display:flex}.trim-demo input{width:100%;accent-color:var(--accent);cursor:ew-resize;margin:18px 0 12px;display:block}.demo-ticks{color:var(--muted);justify-content:space-between;font:10px ui-monospace,monospace;display:flex}.demo-equation{margin-top:25px;font:28px ui-monospace,monospace}.demo-equation small{color:var(--muted);font-size:14px}.trim-demo figcaption{color:var(--muted);margin-top:20px;font-size:11px;line-height:1.6}.comments{border-top:1px solid var(--line);padding-top:32px}.comments>p{color:var(--muted);font-size:14px;line-height:1.7}.comments .section-heading{align-items:center}.comments .section-heading h2{font-size:21px}.load-comments{background:var(--ink);color:var(--paper);border:0;border-radius:3px;margin-top:12px;padding:13px 20px;font-size:12px}.comment-note{color:var(--muted);max-width:540px;font-size:11px;line-height:1.65}.giscus{margin-top:25px}@media (width<=1000px){.wrap{width:calc(100% - 64px)}.feature{gap:32px}.feature-copy{padding-right:0}.article-grid{grid-template-columns:170px minmax(0,1fr);gap:35px}.hero h1{letter-spacing:-3px}}@media (width<=700px){.wrap{width:calc(100% - 40px)}.site-header{align-items:flex-start;gap:20px;min-height:85px;padding-block:22px}.brand{font-size:20px}.brand-sub{border:0;margin:3px 0 0;padding:0;font-size:10px;display:block}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:11px}.theme-toggle{width:28px;height:28px;font-size:17px}.hero{padding-block:52px 45px}.hero h1{letter-spacing:-2.5px;margin-block:25px;font-size:48px}.hero-intro{max-width:330px;font-size:16px}.hero .eyebrow{letter-spacing:.8px;font-size:9px}.feature{grid-template-columns:1fr;gap:20px;padding-block:22px}.feature-visual{min-height:295px;padding-inline:20px}.art-stage{height:170px}.feature-copy{padding-block:10px 16px}.feature-copy h2{letter-spacing:-1.5px;max-width:370px;font-size:37px}.latest{padding-block:48px 70px}.section-heading h2{font-size:21px}.post-row{grid-template-columns:1fr;gap:18px;padding-block:25px}.post-meta{flex-direction:row;gap:18px;font-size:10px}.post-row h2{font-size:24px}.read-arrow{display:none}.post-row h2 span{display:inline}.site-footer{gap:20px;padding-block:28px 24px}.site-footer nav{gap:20px;font-size:11px}.site-footer small{margin-top:0}.article-header{padding-block:28px 34px}.back-link{margin-bottom:28px}.article-header h1{letter-spacing:-2px;font-size:44px}.article-deck{font-size:17px}.byline{gap:15px;font-size:10px}.article-grid{padding-block:32px 65px;display:block}.article-aside{display:none}.prose{font-size:16px;line-height:1.85}.prose>p:first-child{font-size:19px}.prose h2{margin-top:38px;font-size:26px}.prose pre{padding:16px;font-size:10px}.trim-demo{margin-top:35px;padding:18px}.demo-heading{font-size:11px}.demo-heading .eyebrow{letter-spacing:.5px;font-size:9px}.demo-equation{font-size:25px}.demo-equation small{font-size:11px}.comments .section-heading{display:block}.comments .section-heading>a{margin-top:12px;display:inline-block}.category-head{padding-block:50px 35px}.category-head h1{letter-spacing:-2px}.category-posts{padding-bottom:70px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}