@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#f4f5f0;--paper:#e9ece3;--text:#20261e;--muted:#60695b;--line:#d0d6c8;--accent:#3c591d;--soft:#dceabf;--code:#e9ece5;--signal:#d2ff5a;--display:"Space Grotesk","DM Sans","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light;font:16px DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--bg:#171b16;--paper:#222820;--text:#ecf0e5;--muted:#aab4a1;--line:#3b4435;--accent:#d2ff5a;--soft:#364426;--code:#20261d;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:hover{color:var(--accent)}:is(a,button,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,svg{max-width:100%}img{height:auto}p{line-height:1.85}h1,h2,h3,p{margin:0}::selection{background:var(--signal);color:#20261e}[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--signal);color:#20261e;z-index:30;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header,.site-footer,.page-width,.article-page{width:min(1320px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:70px;height:100px;display:flex}.wordmark{align-items:center;gap:14px;display:flex}.wordmark-symbol{font:bold 35px/1 var(--display);letter-spacing:-3px;background:var(--text);color:var(--bg);grid-template-columns:auto auto;align-items:baseline;width:44px;height:44px;padding:4px 7px;display:grid}.wordmark-symbol span{color:var(--signal)}.wordmark-name{font:600 14px var(--display);letter-spacing:1.6px}.site-header nav{gap:30px;margin-left:auto;display:flex}.site-header nav a{color:var(--muted);padding:15px 0;font-size:14px;position:relative}.site-header nav a[aria-current=page]{color:var(--text)}.site-header nav a[aria-current=page]:after{content:"";background:var(--accent);width:100%;height:2px;position:absolute;bottom:4px;left:0}.header-actions{gap:8px;display:flex}.icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.icon-button:hover{border-color:var(--line);color:var(--text)}.eyebrow,.section-number,.card-topline,.exhibit-caption{letter-spacing:1.2px;color:var(--muted);font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.accent{color:var(--accent)}.text-link{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:6px;font-size:14px}.button-primary{background:var(--text);color:var(--bg);border:1px solid var(--text);justify-content:space-between;align-items:center;gap:34px;padding:15px 20px;font-size:14px;transition:background .2s,color .2s;display:inline-flex}.button-primary:hover{background:var(--signal);border-color:var(--signal);color:#20261e}.button-primary span{font-size:20px}.index-mark{color:var(--text);padding-right:18px}.studio-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;padding:68px 0 72px;display:grid}.hero-copy h1{font:600 clamp(45px,4.8vw,70px)/1.22 var(--display);letter-spacing:-2.4px;margin:29px 0}.hero-copy h1>span{color:var(--muted)}.hero-description{max-width:415px;font-size:16px;line-height:1.95}.hero-description a{border-bottom:1px solid var(--line)}.hero-links{align-items:center;gap:28px;margin-top:29px;display:flex}.hero-byline{color:var(--muted);align-items:center;gap:12px;margin-top:38px;font-size:13px;display:flex}.hero-byline img{filter:saturate(.7);border-radius:50%;width:36px;height:36px}.hero-byline a{color:var(--text)}.hero-byline small{margin-top:4px;font-size:12px;display:block}.hero-exhibit{min-width:0}.exhibit-caption{justify-content:space-between;gap:15px;margin-bottom:13px;display:flex}.exhibit-caption>a{letter-spacing:0}.exhibit-footnote{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-top:12px;font-size:12px;display:flex}.exhibit-footnote a{text-underline-offset:4px;text-decoration:underline}.section-label{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:25px;padding:29px 0 28px;display:flex}.section-label h2{letter-spacing:-.6px;margin-top:12px;font-size:26px;font-weight:500}.section-number{font-size:11px}.selected-grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.work-card{border:1px solid var(--line);flex-direction:column;min-height:362px;padding:32px 34px;transition:transform .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.work-card:hover{border-color:var(--text);color:inherit;transform:translateY(-4px)}.card-topline{justify-content:space-between;gap:16px;font-size:11px;display:flex}.card-topline>span:last-child{font-size:20px;line-height:1}.taskflow-card{color:#20261e;background:#d2ff5a;border-color:#c4eb61}.taskflow-card .card-topline{color:#465731}.taskflow-word{font:500 clamp(45px,4.6vw,68px)/1.1 var(--display);letter-spacing:-3.5px;align-items:start;margin:38px 0 13px;display:flex}.taskflow-word>span:first-child{font-weight:400}.project-version{letter-spacing:.5px;border:1px solid #6c8242;margin:7px 0 0 15px;padding:4px 6px;font:10px/1.2 ui-monospace,monospace}.work-card>p{max-width:440px;font-size:15px;line-height:1.9}.contract-strip{letter-spacing:1px;color:#43532f;align-items:center;gap:13px;margin:26px 0 30px;font:11px ui-monospace,monospace;display:flex}.contract-strip span{border:1px solid #8caf4b;padding:8px 11px}.contract-strip i{background:#8caf4b;width:30px;height:1px}.card-bottom{border-top:1px solid #879e5470;justify-content:space-between;margin-top:auto;padding-top:22px;font-size:12px;display:flex}.field-card{background:var(--paper)}.field-card h3{font:500 34px/1.25 var(--display);letter-spacing:-1px;margin:29px 0 18px}.field-card h3>span{letter-spacing:-.5px;margin-top:12px;font-size:25px;line-height:1.5;display:block}.field-card>p{color:var(--muted);max-width:340px;margin-bottom:25px;font-size:14px}.field-card .card-bottom{border-color:var(--line)}.company-line{border-bottom:1px solid var(--line);align-items:center;gap:25px;padding:24px 0;font-size:13px;display:flex}.company-label,.team-note{color:var(--muted);font-size:12px}.company-line>a{font:500 20px var(--display)}.company-line>p{color:var(--muted);font-size:13px}.team-note{border:1px solid var(--line);margin-left:auto;padding:5px 9px}.writing-selection{margin-top:70px}.writing-grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.feature-essay{padding:10px 0 25px;display:block}.feature-essay h3{letter-spacing:-1px;margin:18px 0;font-size:32px;font-weight:500;line-height:1.55}.feature-essay p{max-width:430px;color:var(--muted);font-size:14px}.essay-link{border-bottom:1px solid var(--line);margin-top:24px;padding-bottom:5px;font-size:14px;display:inline-block}.note-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 20px;gap:10px 15px;padding:22px 0;display:grid}.note-row time{color:var(--muted);grid-column:1/-1;font:12px ui-monospace,monospace}.note-row h3{font-size:16px;font-weight:500;line-height:1.7}.note-row>span{color:var(--muted);align-self:center}.archive-count{color:var(--muted);margin-top:18px;font-size:12px}.studio-contact{background:var(--paper);border-left:3px solid var(--accent);margin-top:68px;padding:45px 48px}.studio-contact h2{letter-spacing:-.8px;margin:14px 0;font-size:30px;font-weight:500}.studio-contact>p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:15px}.studio-contact>a{font:500 20px var(--display);border-bottom:1px solid var(--muted);gap:45px;margin-top:23px;padding-bottom:5px;display:inline-flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:40px;margin-top:75px;padding:30px 0;font-size:12px;display:flex}.footer-name{font:600 15px var(--display);color:var(--text)}.footer-name span{color:var(--muted);margin-top:7px;font:12px/1.5 DM Sans,sans-serif;display:block}.site-footer>div{gap:24px;margin-left:auto;display:flex}.copyright{font:12px ui-monospace,monospace}.page-heading{max-width:800px;padding:65px 0 44px}.page-heading h1{font:500 clamp(36px,4.6vw,60px)/1.35 var(--display);letter-spacing:-1.8px;margin:22px 0}.page-heading>p:last-child:not(.eyebrow){color:var(--muted);max-width:660px;font-size:16px}.count{color:var(--muted);margin-left:9px;font:12px ui-monospace,monospace}.work-group{border-top:1px solid var(--line);padding:28px 0}.work-group h2{margin-bottom:15px;font-size:14px;font-weight:500}.work-repo{border-bottom:1px solid var(--line);grid-template-columns:230px 1fr 100px;align-items:baseline;gap:28px;padding:27px 0;display:grid}.work-repo h3{font:500 24px var(--display);letter-spacing:-.5px}.work-repo p{color:var(--muted);max-width:700px;font-size:15px}.work-repo .repo-kind{color:var(--muted);text-align:right;font:12px ui-monospace,monospace}.repo-demo{margin-top:12px;font-size:14px;display:inline-block}.repo-note{color:var(--muted);margin:19px 0;font-size:13px}.repo-details{border-top:1px solid var(--line);padding:25px 0}.repo-details summary{font-size:15px}.repo-archive-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;grid-template-columns:230px 1fr;gap:28px;padding:18px 0;font-size:14px;display:grid}.repo-archive-row span{color:var(--muted);line-height:1.8}.work-case-banner{background:var(--paper);justify-content:space-between;align-items:center;gap:35px;margin-bottom:35px;padding:30px;display:flex}.work-case-banner p{color:var(--muted);margin-top:8px;font-size:15px}.work-case-banner h2{font-size:22px;font-weight:500}.archive-tools{border-block:1px solid var(--line);align-items:center;gap:14px;margin-top:35px;padding:25px 0;display:flex}.archive-tools input,.archive-tools select{background:var(--bg);border:1px solid var(--line);border-radius:0;height:45px;padding:0 14px;font-size:14px}.archive-tools label:first-child{flex:1}.archive-tools input{width:100%}.archive-tools>span{color:var(--muted);text-align:right;min-width:50px;font:12px ui-monospace,monospace}.archive-year{grid-template-columns:160px 1fr;gap:30px;padding:30px 0 10px;display:grid}.archive-year h2{font:400 42px/1.3 var(--display);color:var(--muted);letter-spacing:-2px}.archive-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 85px 15px;align-items:baseline;gap:20px;padding:18px 0;display:grid}.archive-row time,.archive-duration{color:var(--muted);font:12px ui-monospace,monospace}.archive-title{font-size:16px;line-height:1.7}.archive-row>span:last-child{color:var(--muted);font-size:14px}.archive-search-hint{color:var(--muted);margin-top:35px;font-size:14px}.archive-search-hint a{text-underline-offset:5px;text-decoration:underline}.empty-state{color:var(--muted);padding:55px 0}.writing-featured{background:var(--paper);grid-template-columns:140px 1fr;gap:30px;padding:30px;display:grid}.writing-featured h2{font-size:24px;font-weight:500;line-height:1.5}.writing-featured p{color:var(--muted);margin-top:12px;font-size:15px}.about-columns{grid-template-columns:250px 1fr;gap:90px;margin-top:8px;display:grid}.about-portrait{border:1px solid var(--line);align-self:start;padding:12px;transform:rotate(-2deg)}.about-avatar{filter:saturate(.8);width:100%;display:block}.about-portrait figcaption{color:var(--muted);justify-content:space-between;padding:14px 3px 3px;font:12px ui-monospace,monospace;display:flex}.about-text{max-width:670px;font-size:17px}.about-text>p{margin-bottom:25px}.about-text h2{margin:36px 0 18px;font-size:23px;font-weight:500;line-height:1.5}.about-text p a{color:var(--accent);text-underline-offset:5px;text-decoration:underline}.contact-list{margin-top:36px}.contact-list a{border-top:1px solid var(--line);overflow-wrap:anywhere;gap:30px;padding:18px 0;font-size:14px;display:flex}.contact-list span{min-width:65px;color:var(--muted)}.lab-page{max-width:1080px}.lab-page .page-heading{padding-bottom:35px}.lab-notes{grid-template-columns:1fr 1fr;gap:50px;margin-top:35px;display:grid}.lab-notes h2{margin-bottom:15px;font-size:20px;font-weight:500}.lab-notes p{color:var(--muted);font-size:15px}.lab-notes .text-link{margin-top:17px;display:inline-block}.project-case{max-width:1080px}.project-case .page-heading{max-width:900px}.case-meta{border-block:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:25px;margin-bottom:40px;padding:20px 0;font:13px ui-monospace,monospace;display:flex}.case-layout{grid-template-columns:1.25fr 1fr;gap:70px;display:grid}.case-layout h2{margin-bottom:20px;font-size:25px;font-weight:500}.case-layout p{color:var(--muted);margin:0 0 20px;font-size:16px}.case-links{flex-wrap:wrap;gap:16px;margin-top:25px;display:flex}.case-facts{background:var(--paper);padding:25px 30px}.case-facts div{border-bottom:1px solid var(--line);padding:15px 0}.case-facts div:last-child{border:0}.case-facts dt{color:var(--muted);margin-bottom:7px;font-size:14px}.case-facts dd{margin:0;font-size:16px;line-height:1.8}.case-next{border-top:1px solid var(--line);margin-top:55px;padding-top:32px;display:block}.case-next h2{margin:10px 0;font-size:25px;font-weight:500}.case-next p{color:var(--muted);font-size:15px}.search-page{max-width:850px;min-height:60vh}.search-label{color:var(--muted);margin-bottom:12px;font-size:14px;display:block}.search-box{background:var(--paper);border:1px solid var(--line);width:100%;padding:18px 20px;font-size:20px}.search-box::placeholder{color:var(--muted)}#search-status{color:var(--muted);margin:24px 0;font-size:14px}.search-result{border-bottom:1px solid var(--line);padding:25px 0;display:block}.search-result h2{font-size:21px;font-weight:500}.search-result p{color:var(--muted);margin-top:10px;font-size:15px}.search-result mark{background:var(--soft);color:var(--accent)}.not-found{min-height:60vh;padding:90px 0}.not-found h1{margin:25px 0;font-size:50px}.not-found>p{color:var(--muted)}.not-found>div{gap:30px;margin-top:30px;font-size:15px;display:flex}.article-page{max-width:1080px;margin:auto}.article-header{border-bottom:1px solid var(--line);max-width:760px;margin:0 auto;padding:54px 0 38px}.back-link{color:var(--muted);font-size:12px}.article-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:42px;font:11px ui-monospace,monospace;display:flex}.article-header h1{letter-spacing:-1px;text-wrap:balance;margin:19px 0 17px;font-size:42px;font-weight:500;line-height:1.5}.article-deck{color:var(--muted);font-size:16px;line-height:1.9}.article-grid{max-width:760px;margin:0 auto;padding-top:35px}.article-grid.has-toc{grid-template-columns:210px minmax(0,760px);gap:65px;max-width:1080px;display:grid}.article-toc{color:var(--muted);font-size:12px}.article-toc details{max-height:80vh;position:sticky;top:40px;overflow:auto}.article-toc summary{cursor:pointer;padding-bottom:15px;font-size:11px}.article-toc nav{border-left:1px solid var(--line);flex-direction:column;display:flex}.article-toc a{overflow-wrap:anywhere;padding:6px 12px;line-height:1.7;display:block}.article-toc a.toc-child{padding-left:24px;font-size:11px}.prose{overflow-wrap:anywhere;min-width:0;font-size:16px;line-height:1.95}.prose>p{margin:0 0 24px;line-height:1.95}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.3px;margin:36px 0 18px;font-weight:600;line-height:1.6}.prose h1,.prose h2{font-size:25px}.prose h3{font-size:20px}.prose h4{font-size:17px}.prose a{color:var(--accent);text-underline-offset:4px;text-decoration:underline 1px}.prose ul,.prose ol{margin:18px 0 27px;padding-left:25px}.prose li{margin:9px 0;padding-left:4px}.prose li>p{margin:8px 0}.prose blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:25px 0;padding:8px 0 8px 22px}.prose blockquote p{margin:0}.prose pre{border:1px solid var(--line);border-radius:5px;max-width:100%;margin:25px 0;padding:24px 22px;font-size:12px;line-height:1.75;position:relative;overflow:auto;background:var(--code)!important}.prose code{overflow-wrap:normal;font:.87em/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.prose :not(pre)>code{background:var(--paper);border-radius:3px;padding:2px 5px}.prose pre code{white-space:pre;font-size:12px}.copy-code{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:3px;padding:4px 8px;font-size:10px;position:absolute;top:7px;right:8px}.prose img{border-radius:3px;max-width:100%;height:auto;margin:26px auto;display:block}.prose table{border-collapse:collapse;max-width:100%;margin:28px 0;font-size:13px;line-height:1.8;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);min-width:90px;padding:11px 14px}.prose th{text-align:left;background:var(--paper)}.prose hr{border:0;border-top:1px solid var(--line);margin:35px 0}.article-footer{border-top:1px solid var(--line);max-width:760px;color:var(--muted);justify-content:space-between;margin:55px auto 0;padding:24px 0;font-size:12px;display:flex}html[data-theme=dark] .astro-code,html[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--code)!important}.article-page{max-width:1200px}.article-header{padding-top:60px}.article-header h1{margin:25px 0;font-size:44px;font-weight:500;line-height:1.4}.article-meta,.back-link,.article-footer,.article-toc,.article-toc summary,.article-toc a.toc-child{font-size:13px}.article-meta{margin-top:35px}.prose{font-size:17px;line-height:1.95}.prose pre,.prose pre code{font-size:13px}.copy-code{font-size:12px}.prose table{font-size:14px}.prose blockquote{background:var(--paper);padding:20px 25px}.prose blockquote p{font-size:15px}.article-grid.has-toc{grid-template-columns:210px minmax(0,760px);gap:50px}.article-page:has(.has-toc) .article-header{margin-left:260px}.article-footer{gap:20px;font-size:13px}.article-toc a{padding-block:8px}.article-toc summary{line-height:1.6}@media (width>=1600px){.studio-hero{gap:90px;padding-block:85px}.hero-copy h1{font-size:76px}}@media (width<=1100px){.site-header,.site-footer,.page-width,.article-page{width:calc(100% - 64px)}.studio-hero{grid-template-columns:.85fr 1.15fr;gap:34px;padding-block:50px}.hero-copy h1{font-size:49px}.hero-description{font-size:15px}.hero-copy .eyebrow{letter-spacing:.6px;font-size:10px}.index-mark{padding-right:10px}.hero-byline{margin-top:28px}.hero-links,.button-primary{gap:20px}.work-card{min-height:350px;padding:25px}.company-line{gap:17px}.company-line>p{font-size:12px}.writing-grid{gap:35px}.article-grid.has-toc{grid-template-columns:180px minmax(0,1fr);gap:30px}.article-page:has(.has-toc) .article-header{margin-left:210px}.about-columns{grid-template-columns:220px 1fr;gap:50px}}@media (width<=850px){.site-header{gap:30px;height:88px}.site-header nav{gap:22px}.studio-hero{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:650px}.hero-copy h1{font-size:64px}.hero-description{max-width:540px;font-size:16px}.hero-byline{margin-top:26px}.hero-exhibit{width:100%;max-width:700px}.hero-copy .eyebrow{font-size:12px}.selected-grid{grid-template-columns:1fr 1fr}.work-card{padding:25px}.taskflow-word{font-size:46px}.field-card h3{font-size:31px}.field-card h3>span{font-size:23px}.company-line{flex-wrap:wrap;gap:12px 22px}.company-line>p{font-size:14px}.team-note{margin-left:0}.writing-grid{grid-template-columns:1fr;gap:40px}.feature-essay{padding-bottom:0}.recent-notes{margin-top:-15px}.note-row{padding:19px 0}.studio-contact{padding:32px}.work-repo{grid-template-columns:180px 1fr;gap:22px}.work-repo .repo-kind{display:none}.repo-archive-row{grid-template-columns:180px 1fr}.article-grid.has-toc{flex-direction:column;gap:30px;display:flex}.article-page:has(.has-toc) .article-header{margin-left:0}.article-toc details{max-height:240px;position:static}.article-toc nav{column-count:2;display:block}.article-toc a{break-inside:avoid}.about-columns{grid-template-columns:150px 1fr;gap:35px}.about-portrait{margin:0}.about-portrait figcaption{font-size:10px}.case-layout{grid-template-columns:1fr;gap:35px}.case-facts{margin:0}.lab-notes{gap:30px}.archive-year{grid-template-columns:100px 1fr;gap:20px}.archive-row{grid-template-columns:50px 1fr 70px 12px;gap:15px}}@media (width<=560px){.site-header,.site-footer,.page-width,.article-page{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:15px;height:78px}.wordmark{gap:0}.wordmark-name{display:none}.wordmark-symbol{width:36px;height:36px;padding:3px 6px;font-size:29px}.site-header nav{gap:17px}.site-header nav a{font-size:13px}.header-actions{gap:1px}.icon-button{width:28px;height:36px}.icon-button svg{width:17px}.studio-hero{gap:35px;padding:40px 0}.hero-copy h1{letter-spacing:-1.7px;margin:24px 0;font-size:48px}.hero-copy .eyebrow{letter-spacing:.8px;font-size:10px}.hero-description{font-size:15px;line-height:1.95}.hero-links{margin-top:24px}.hero-byline{margin-top:26px}.hero-exhibit .exhibit-caption{font-size:11px}.exhibit-footnote{font-size:12px;display:block}.exhibit-footnote a{margin-top:4px;display:block}.section-label{align-items:end;gap:15px;padding:24px 0}.section-label h2{margin-top:10px;font-size:22px}.section-label .text-link{white-space:nowrap;font-size:12px}.section-number{letter-spacing:.8px;font-size:10px}.selected-grid{grid-template-columns:1fr;gap:16px}.work-card{min-height:335px;padding:26px}.taskflow-word{margin-top:33px;font-size:59px}.field-card h3{margin-top:25px;font-size:34px}.field-card h3>span{font-size:25px}.company-line{gap:10px 20px;padding:23px 0}.company-line>p{order:4;width:100%;font-size:13px}.company-line>a{font-size:20px}.team-note{margin-left:auto;font-size:10px}.company-label{font-size:11px}.writing-selection{margin-top:42px}.writing-selection .section-label h2{font-size:20px}.feature-essay h3{font-size:29px}.feature-essay p{font-size:15px}.studio-contact{margin-top:42px;padding:28px 24px}.studio-contact h2{font-size:25px}.studio-contact>a{overflow-wrap:anywhere;gap:20px;font-size:17px}.studio-contact>p:not(.eyebrow){font-size:14px}.site-footer{flex-wrap:wrap;gap:25px;margin-top:48px}.site-footer>div{gap:17px}.copyright{width:100%}.page-heading{padding:40px 0 30px}.page-heading h1{letter-spacing:-1px;font-size:36px}.page-heading>p:last-child:not(.eyebrow){font-size:15px}.work-repo{grid-template-columns:1fr;gap:12px}.work-repo h3{font-size:25px}.repo-archive-row{grid-template-columns:1fr;gap:8px}.work-case-banner{padding:25px;display:block}.work-case-banner .text-link{margin-top:16px;display:inline-block}.work-case-banner h2{font-size:21px}.archive-tools{flex-wrap:wrap;gap:10px;margin-top:26px}.archive-tools input,.archive-tools select{padding-inline:10px;font-size:13px}.archive-tools>span{display:none}.archive-year{grid-template-columns:1fr;gap:5px}.archive-year h2{font-size:33px}.archive-row{grid-template-columns:46px 1fr 12px;padding:16px 0}.archive-duration{display:none}.archive-title{font-size:15px}.writing-featured{grid-template-columns:1fr;gap:14px;padding:24px}.writing-featured h2{font-size:23px}.about-columns{flex-direction:column;gap:35px;display:flex}.about-portrait{width:160px}.about-portrait figcaption{font-size:10px}.about-text{font-size:16px}.contact-list a{gap:15px;font-size:13px}.article-header{padding-top:35px;padding-bottom:25px}.article-header h1{margin:20px 0 15px;font-size:31px;line-height:1.45}.article-meta{gap:12px;margin-top:30px;font-size:12px}.article-deck{font-size:15px}.prose{font-size:16px}.prose h1,.prose h2{font-size:24px}.prose h3{font-size:20px}.prose pre{padding:30px 16px 18px}.article-grid{padding-top:28px}.article-toc nav{column-count:1}.article-toc details{max-height:210px}.article-footer{font-size:12px}.lab-notes{grid-template-columns:1fr;gap:30px}.lab-page .page-heading h1{font-size:35px}.case-meta{gap:13px 20px;font-size:12px}.case-links{gap:20px}.case-next h2{font-size:23px}.search-box{font-size:17px}.not-found{padding:60px 0}}@media (width<=360px){.site-header nav{gap:12px}.site-header{gap:10px}.hero-copy h1{font-size:42px}.taskflow-word{font-size:48px}.project-version{margin-left:10px}.contract-strip{gap:8px}.contract-strip i{width:17px}.work-card{padding:23px}.section-label{align-items:start}.section-label .text-link{padding-top:4px}.writing-selection .section-label{display:block}.writing-selection .section-label>a{margin-top:15px;display:inline-block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.work-card:hover{transform:none}}.article-experiment{max-width:880px;margin:35px auto 5px}body .flow-lab.compact{border-radius:10px;padding:24px}body .flow-lab.compact h2{font-size:26px}body .flow-lab.compact .intro{margin:10px 0 17px;font-size:13px}body .flow-lab.compact .readout{gap:8px 16px;margin-top:18px;padding:12px 0}body .flow-lab.compact .readout-label{display:none}body .flow-lab.compact .controls button{min-height:42px;padding:9px 11px;font-size:13px}body .flow-lab.compact .controls button span{padding-left:6px}body .flow-lab.compact .detail{padding-top:15px}body .flow-lab.compact .scenario-explanation{display:none}body .flow-lab.compact .detail-heading{margin-top:0}body .flow-lab.compact .detail-reason{min-height:2.8em;margin-top:8px;font-size:13px}body .flow-lab.compact .lab-footer{margin-top:12px;font-size:10px}@container flow-lab (width>=400px) and (width<=760px){body .flow-lab .graph{background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:18px 18px;height:230px;padding:0;display:block}body .flow-lab.compact .graph{height:190px;margin:10px 0}body .flow-lab .edges{display:block}body .flow-lab .node{text-align:center;border-radius:7px;width:18%;min-height:80px;padding:8px 5px;display:block;position:absolute;transform:translate(-50%,-50%)}body .flow-lab .node:after{display:none}body .flow-lab .node-source{top:50%;left:11%}body .flow-lab .node-draft{top:24.2857%;left:37%}body .flow-lab .node-links{top:75.7143%;left:37%}body .flow-lab .node-review{top:24.2857%;left:63%}body .flow-lab .node-report{top:50%;left:89%}body .flow-lab .node-name{margin:5px 0 8px;font-size:13px}body .flow-lab .node-status{justify-content:center;gap:4px;font-size:10px}body .flow-lab .node-number{font-size:10px}body .flow-lab .readout-label{flex-basis:auto}}@media (width<=560px){body .flow-lab.compact{padding:20px 17px}body .flow-lab.compact .lab-footer{font-size:11px}body .flow-lab.compact .graph{gap:8px}body .flow-lab.compact .node{min-height:60px;padding:11px}body .flow-lab.compact .detail-reason{font-size:14px}body .flow-lab.compact .title-note{margin:0 0 0 12px;display:inline-block}body .flow-lab.compact .controls{gap:7px}body .flow-lab.compact .controls button{padding:9px;font-size:12px}body .flow-lab.compact .controls .reset{padding-inline:9px}}@container flow-lab (width>=400px) and (width<=760px){body [data-flow-lab].flow-lab .graph{height:230px;padding:0;display:block}body [data-flow-lab].flow-lab.compact .graph{height:190px;margin:10px 0;padding:0;display:block}}.studio-hero{align-items:start}.hero-copy{padding-top:28px}@media (width<=850px){.hero-copy{padding-top:0}}@container flow-lab (width>=400px) and (width<=760px){body .flow-lab .node-name{font-size:14px}body .flow-lab .node-status{font-size:11px}}@media (width<=560px){body .flow-lab.compact .node{grid-template-columns:22px 1fr auto;gap:6px}body .flow-lab.compact .node-number{grid-area:1/1}body .flow-lab.compact .node-name{grid-area:1/2;font-size:15px}body .flow-lab.compact .node-status{grid-area:1/3;font-size:11px}body .flow-lab.compact .node:after{grid-area:2/2/auto/-1}}.flowgate-card{color:#f0faf6;background:#152c32;border-color:#29464b}.flowgate-card:hover{color:#f0faf6;border-color:#82e4ce}.flowgate-card .card-topline{color:#b2ccc8}.flowgate-card-title{align-items:center;gap:16px;margin:24px 0 13px;display:flex}.flowgate-card-title img{flex-shrink:0}.flowgate-card-title h3{font:500 clamp(36px,3.4vw,51px)/1.15 var(--display);letter-spacing:-2px}.flowgate-card>p{color:#d5e5e1}.flowgate-card-route{color:#82e4ce;align-items:center;gap:14px;margin:22px 0 25px;font:12px ui-monospace,monospace;display:flex}.flowgate-card-route i{color:#7da39f;font-style:normal}.flowgate-card .card-bottom{color:#c5dad4;border-color:#3b585d}.flowgate-card:focus-visible{outline-offset:-6px;outline-color:#82e4ce}.other-project{border-bottom:1px solid var(--line);grid-template-columns:155px 130px 1fr 20px;align-items:center;gap:22px;padding:24px 0;display:grid}.other-project strong{font:500 22px var(--display)}.other-project>span:nth-last-child(2){color:var(--muted);font-size:14px;line-height:1.7}.repo-links{flex-wrap:wrap;gap:0 22px;display:flex}@media (width<=850px){.flowgate-card-title{gap:8px}.flowgate-card-title img{width:clamp(36px,6vw,50px);height:auto}.flowgate-card-title h3{letter-spacing:-1.5px;font-size:clamp(29px,4.2vw,36px)}.other-project{grid-template-columns:140px 1fr 20px;gap:12px}.other-project>span:nth-last-child(2){grid-area:2/2}.other-project>span:last-child{grid-area:1/3}}@media (width<=560px){.flowgate-card-title{gap:12px;margin-top:28px}.flowgate-card-title h3{font-size:40px}.other-project{grid-template-columns:1fr 20px}.other-project .eyebrow{grid-column:1}.other-project strong{grid-area:2/1}.other-project>span:nth-last-child(2){grid-area:3/1}.other-project>span:last-child{grid-area:2/2}}@media (width<=360px){.flowgate-card-title h3{font-size:34px}.flowgate-card-title img{width:44px;height:44px}}