@import "https://fonts.googleapis.com/css2?family=Lexend:wght@300&display=swap";:root{color-scheme:light dark;--paper:#f3efe7;--ink:#292621;--quiet:#80786f;--rules:#29262121;background:var(--paper);color:var(--ink);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lexend,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:300;line-height:1.6}@media (prefers-color-scheme:dark){:root{--paper:#171613;--ink:#eee7da;--quiet:#a69e93;--rules:#eee7da24}}*{box-sizing:border-box}::selection{background:var(--ink);color:var(--paper)}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);letter-spacing:0;margin:0;font-family:Lexend,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:300;line-height:1.6}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:hover{color:var(--quiet)}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}main{width:min(100%,1040px);margin:0 auto;padding:32px 32px 64px}.site-header{border-bottom:1px solid var(--rules);justify-content:space-between;align-items:center;gap:24px;padding:0 0 32px;display:flex}.site-mark{min-height:44px;color:var(--ink);letter-spacing:0;align-items:center;gap:10px;font-size:16px;font-weight:300;display:inline-flex}.site-mark img{border:1px solid var(--rules);width:28px;height:28px}.site-nav{color:var(--quiet);letter-spacing:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;font-size:16px;font-weight:300;display:flex}.site-nav a,.button,.project-card,.post-card,.blog-index-card,.text-link{transition:color .16s,opacity .16s}.hero,.stats-strip,.manifesto-section,.principle-grid,.section-header,.project-grid,.portfolio-panel,.blog-section,.contact-panel,.blog-hero,.blog-index,.article-page{border-bottom:1px solid var(--rules)}.hero{padding:80px 0;display:block}.hero-copy{max-width:760px}.eyebrow,h1,h2,h3,h4,h5,h6,p,span,strong,a,button,li,code,pre{letter-spacing:0;font-family:inherit;font-size:16px;font-weight:300;line-height:1.6}.eyebrow{color:var(--quiet);margin:0 0 24px}.hero h1,.section-header h2,.manifesto-section h2,.portfolio-panel h2,.blog-section h2,.contact-panel h2,.blog-hero h1,.article-header h1,.blog-index-card h2,.project-content h3,.principle-card h3,.post-card h3,.article-body h2{color:var(--ink);letter-spacing:0;margin:0;font-size:16px;font-weight:300;line-height:1.6}.intro,.blog-hero p:not(.eyebrow),.article-header>p,.manifesto-copy p,.principle-card p,.project-content span,.post-card span,.blog-index-card span,.article-body p,.stats-strip span{color:var(--quiet)}.intro{max-width:720px;margin:24px 0 0}.actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.button{min-height:44px;color:var(--ink);justify-content:center;align-items:center;font-size:16px;font-weight:300;display:inline-flex}.button.primary{color:var(--ink)}.button:hover,.text-link:hover,.project-card:hover,.post-card:hover,.blog-index-card:hover{color:var(--quiet)}.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:32px 0;display:grid}.stats-strip div{gap:8px;display:grid}.stats-strip strong{color:var(--ink)}.section-header,.manifesto-section,.portfolio-panel,.blog-section,.contact-panel,.blog-hero{padding:64px 0;scroll-margin-top:32px}.section-header{max-width:760px}.section-header .text-link{margin-top:24px}.manifesto-section{gap:32px;display:grid}.manifesto-lede,.manifesto-copy{max-width:820px}.manifesto-copy,.principle-grid,.post-list,.blog-index,.article-body{gap:24px;display:grid}.principle-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:32px 0 64px}.principle-card,.project-card,.post-card,.blog-index-card{gap:8px;display:grid}.project-grid{gap:0;padding-bottom:64px;display:grid}.project-card,.blog-index-card,.post-card{border-top:1px solid var(--rules);padding:24px 0;position:relative}.project-card:first-child,.blog-index-card:first-child,.post-card:first-child{border-top:0}.project-card:after,.post-card:after,.blog-index-card:after{color:var(--quiet)}.project-content{grid-template-columns:minmax(120px,.3fr) minmax(160px,.35fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.project-content p,.project-content h3,.project-content span{margin:0}.project-title{align-items:center;gap:10px;display:inline-flex}.project-icon{border:1px solid var(--rules);object-fit:contain;flex-shrink:0;width:24px;height:24px}.project-content p,.post-card p,.blog-index-card p,.article-meta,.article-meta span{color:var(--quiet)}.portfolio-panel{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:64px;display:grid}.blog-section{gap:32px;display:grid}.post-list{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{align-content:start}.text-link{width:fit-content;min-height:44px;color:var(--ink);align-items:center;display:inline-flex}.contact-panel{border-bottom:0;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.blog-hero{max-width:760px}.blog-hero p:not(.eyebrow),.article-header>p{margin:24px 0 0}.blog-index{padding-bottom:48px}.blog-index-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px}.blog-index-card span{max-width:680px;margin-top:8px;display:block}.article-page{border-bottom:0;max-width:720px;padding:64px 0}.article-header{border-bottom:1px solid var(--rules);padding:32px 0}.article-meta{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.article-body{padding-top:32px}.article-body h2{margin-top:32px}.article-body h2:first-child{margin-top:0}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre{margin:0}.article-body ul,.article-body ol{padding-left:24px}.article-body code,.article-body pre{color:var(--ink)}@media (width<=760px){main{padding:24px 20px 48px}.site-header{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:24px}.site-nav{justify-content:flex-start;gap:12px 16px}.hero,.section-header,.manifesto-section,.portfolio-panel,.blog-section,.contact-panel,.blog-hero,.article-page{padding:48px 0}.stats-strip,.principle-grid,.post-list,.portfolio-panel,.contact-panel,.blog-index-card,.project-content{grid-template-columns:1fr}.stats-strip,.principle-grid,.project-grid{padding-bottom:48px}.contact-panel{display:grid}}