@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{--paper:#f7f5ef;--ink:#292c29;--sage:#59684f;--moss:#a8b29f;--walnut:#80664f;--line:#d9dcd2;--serif:"Libre Caslon Display",Georgia,"Times New Roman",serif;--sans:"DM Sans",Arial,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--sage);outline-offset:6px}a:hover{color:var(--sage)}.wrap{width:min(1120px,100% - 96px);margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:32px 0;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:19px;display:flex}.brand i{font-family:Georgia,serif;font-weight:400}.brand-mark{color:var(--sage);border:1px solid var(--moss);place-content:center;width:36px;height:40px;font:26px Georgia,serif;display:grid;position:relative}.brand-mark span{font-size:14px;position:absolute;bottom:0;right:5px}nav{gap:30px;font-size:14px;display:flex}.eyebrow,.small-label{letter-spacing:1.8px;color:var(--sage);font-size:12px;font-weight:500}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-1px;line-height:1.07}em{color:var(--sage);font-weight:400}.hero{padding:74px 0 48px;position:relative}.hero h1{margin:20px 0 25px;font-size:clamp(70px,9vw,120px)}.hero-line{max-width:620px;font-size:24px;line-height:1.55}.hero-bottom{align-items:end;gap:105px;margin-top:44px;display:flex}.hero-bottom p{color:var(--walnut);font-size:14px;line-height:1.7}.text-link{border-bottom:1px solid var(--moss);padding-bottom:3px;font-size:14px;display:inline-block}.hero-index{writing-mode:vertical-rl;letter-spacing:3px;color:var(--walnut);font-size:12px;position:absolute;top:115px;right:0}.section{border-top:1px solid var(--line);padding:52px 0 64px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}h2{margin-top:12px;font-size:44px}.section-heading p{color:#62685e;font-size:14px}.project{border:1px solid var(--line);background:#efeee6;grid-template-columns:125px 1fr 235px;gap:25px;padding:34px 30px;transition:background .2s;display:grid}.project:hover{color:var(--ink);background:#e6eadd}.project-number{letter-spacing:1px;color:var(--walnut);font-size:12px}.project-number span{letter-spacing:0;margin-top:8px;font-size:12px;display:block}.project h3{font:36px/1.15 var(--serif);margin:12px 0}.project p{color:#585f54;max-width:420px;font-size:15px;line-height:1.7}.tags{flex-wrap:wrap;gap:7px;margin:22px 0;display:flex}.tags span{color:#4e5e47;border:1px solid #c5cebb;border-radius:3px;padding:3px 9px;font-size:12px}.project-aside{letter-spacing:1.4px;color:var(--sage);border-left:1px solid #ccd2c4;flex-direction:column;justify-content:space-between;padding-left:26px;font-size:10px;display:flex}.stack{flex-direction:column;gap:5px;padding:14px 0;display:flex}.stack span{letter-spacing:0;border-bottom:1px solid #ccd2c4;padding:7px 0;font-size:14px}.future-projects{grid-template-columns:1fr 1fr;gap:30px;margin-top:26px;display:grid}.future{border-bottom:1px solid var(--line);padding:22px 0}.future h3{font:29px var(--serif);margin:13px 0 7px}.future p{color:#687062;margin-bottom:15px;font-size:14px}.small-label{letter-spacing:1.2px;font-size:11px}.notes-strip{background:#e9ecdf;border:1px solid #d9dfce;justify-content:space-between;align-items:center;gap:30px;padding:43px 36px;display:flex}.notes-strip p{color:#58634f;margin-top:14px;font-size:15px}.about{grid-template-columns:1fr 1fr;gap:70px;margin-top:64px;display:grid}.about p{margin-bottom:16px}.signature{color:var(--walnut);margin-top:22px;font:italic 21px Georgia,serif;display:block}footer{border-top:1px solid var(--line);color:#67705f;justify-content:space-between;gap:25px;padding:24px 0 34px;font-size:12px;display:flex}footer div{gap:27px;display:flex}.muted{color:#687062}.article{padding-top:36px}.article-header{border-bottom:1px solid var(--line);padding:50px 0 55px}.article-header h1,.notebook h1{margin:22px 0;font-size:clamp(58px,7vw,88px)}.lead{color:#5b6256;max-width:690px;font-size:21px}.article-grid{grid-template-columns:210px 1fr;gap:70px;padding:50px 0 75px;display:grid}.toc{flex-direction:column;align-self:start;gap:15px;display:flex;position:sticky;top:30px}.toc a{color:#636e5b;font-size:14px}.article-body{max-width:720px}.article-body section{margin-bottom:60px}.article-body h2{font-family:var(--sans);letter-spacing:0;margin:12px 0 22px;font-size:27px;line-height:1.5}.article-body p{color:#4e5649;margin:15px 0;line-height:1.95}.architecture{border:1px solid var(--line);background:#eceee3;margin:25px 0;padding:28px}.diagram{text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex}.diagram span{background:var(--paper);border:1px solid #c2ccb9;width:min(280px,100%);padding:9px 20px}.diagram b{color:var(--sage);font-size:13px;font-weight:400}.diagram i{color:var(--walnut);font-style:normal}figcaption{text-align:center;color:#626e58;margin-top:22px;font-size:12px}.steps{padding-left:25px}.steps li{padding:8px 0 12px 8px}.steps p{margin:7px 0!important}.note{border-left:2px solid var(--moss);color:#626b5a;background:#eeeee6;padding:15px 20px;font-size:14px}.finding{background:#e9ecdf;margin:25px 0;padding:22px}pre{border:1px solid var(--line);background:#eceee5;padding:20px;font-size:14px;line-height:1.8;overflow:auto}code{overflow-wrap:anywhere;font-family:Consolas,monospace}.notebook{min-height:75vh;padding-top:70px;padding-bottom:100px}.empty-note{border:1px solid var(--line);max-width:750px;margin:48px 0 35px;padding:35px}.empty-note h2{font:26px var(--sans);margin-bottom:16px}.empty-note p{color:#626b5a;margin-bottom:24px}.skip{background:var(--paper);z-index:10;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}@media (width<=900px){.wrap{width:calc(100% - 48px)}.project{grid-template-columns:90px 1fr}.project-aside{display:none}.article-grid{grid-template-columns:160px 1fr;gap:35px}.section-heading p br{display:none}.about{gap:40px}}@media (width<=600px){.wrap{width:calc(100% - 40px)}.site-header{align-items:start;gap:20px;padding:22px 0}.brand{gap:8px;font-size:16px}.brand-mark{width:30px;height:34px}nav{gap:15px;padding-top:8px;font-size:12px}.hero{padding:55px 0 40px}.hero h1{font-size:68px}.hero-line{font-size:21px}.hero-index{display:none}.hero-bottom{justify-content:space-between;align-items:start;gap:30px}.hero-bottom p{font-size:12px}.desktop-break{display:none}.section-heading{display:block}.section-heading p{margin-top:18px}.section{padding:38px 0 45px}h2{font-size:36px}.project{padding:25px 22px;display:block}.project-number{justify-content:space-between;margin-bottom:25px;display:flex}.project-number span{margin:0}.project h3{font-size:34px}.future-projects{gap:20px}.future h3{font-size:25px}.notes-strip{padding:30px 23px;display:block}.notes-strip .text-link{margin-top:22px}.about{margin-top:45px;display:block}.about>div+div{margin-top:28px}footer{display:block}footer div{justify-content:space-between;gap:15px;margin-top:15px}.article-header{padding-top:35px}.article-grid{padding-top:28px;display:block}.toc{border-bottom:1px solid var(--line);flex-flow:wrap;gap:10px 20px;margin-bottom:35px;padding-bottom:25px;display:flex;position:static}.toc .eyebrow{width:100%}.article-body h2{font-size:25px}.notebook{padding-top:50px}.empty-note{padding:25px}.signature{font-size:19px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project{transition:none}}.hero-title{margin-top:26px;padding-top:18px;display:inline-block;position:relative}.hero-title h1{z-index:1;margin:20px 0 25px;position:relative}.title-ivy{pointer-events:none;z-index:2;width:290px;height:auto;position:absolute;top:-27px;right:-32px;transform:rotate(-13deg)}.hero .hero-line{color:#947b65;font-size:19px;line-height:1.7}.collection-entry{border:1px solid var(--line);background:#efeee6;justify-content:space-between;align-items:center;gap:30px;padding:32px 36px;transition:background .2s;display:flex}.collection-entry:hover{color:var(--ink);background:#e6eadd}.collection-entry h3{font:36px/1.2 var(--serif);margin:12px 0}.collection-entry p{color:#66705c;margin-bottom:22px;font-size:15px}.collection-caption{letter-spacing:2px;color:var(--walnut);writing-mode:vertical-rl;font-size:12px}.project-archive{padding:36px 0 75px}.archive-heading{padding:40px 0}.archive-heading h1{margin:18px 0 25px;font-size:clamp(60px,7vw,88px)}.small-label{font-size:12px}@media (width<=600px){.hero-title{margin-top:25px;padding-top:12px;display:block}.hero-title h1{max-width:100%;font-size:clamp(54px,15.5vw,68px);line-height:1.05}.title-ivy{width:175px;top:-25px;right:0;transform:rotate(-10deg)}.hero .hero-line{color:#947b65;font-size:17px}.collection-entry{padding:25px 22px}.collection-entry h3{font-size:30px}.collection-caption{display:none}.hero-bottom,.site-header{flex-wrap:wrap}.archive-heading{padding:30px 0}}