:root{--paper:#f4f1ea;--ink:#161616;--muted:#68645d;--line:#cbc6bb;--blue:#2754e6;--coral:#ff5c45;--white:#fffdf8;--shell:min(1180px, calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}img{display:block;max-width:100%;height:auto}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:8px 12px;background:var(--ink);color:var(--white);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:32px}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:.9rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.wordmark span:first-child{display:grid;width:34px;height:34px;place-items:center;background:var(--blue);color:#fff;font-size:.7rem;letter-spacing:-.04em}.nav-list{display:flex;gap:clamp(18px,3vw,38px);margin:0;padding:0;list-style:none}.nav-list a{color:var(--muted);font-size:.82rem;font-weight:650;letter-spacing:.04em;text-decoration:none}.nav-list a:hover{color:var(--blue)}.hero{min-height:auto;padding-block:clamp(72px,9vw,120px)}.eyebrow,.project-label,.post-date{margin:0;color:var(--muted);font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.page-header h1,.not-found h1{max-width:1040px;margin:34px 0 72px;font-size:clamp(3.8rem,9.7vw,8.5rem);font-weight:650;letter-spacing:-.075em;line-height:.88}.hero-bottom{display:grid;grid-template-columns:minmax(180px,240px)minmax(0,580px);align-items:start;justify-content:space-between;gap:40px;margin-top:clamp(48px,8vw,88px)}.hero-copy,.hero-profile{display:flex;flex-direction:column;align-items:flex-start}.hero-copy{gap:34px}.hero-profile{gap:20px}.lede,.page-intro,.article-deck{margin:0;color:#34322e;font-size:clamp(1.14rem,2vw,1.45rem);line-height:1.5}.lede a{color:var(--blue)}.lede h1,.lede p{display:inline;margin:0;font:inherit}.text-link{display:inline-flex;align-items:center;gap:14px;width:fit-content;color:var(--ink);font-size:.78rem;font-weight:750;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.text-link span,.project-arrow,.post-arrow{color:var(--blue);font-size:1.35rem;transition:transform 160ms ease}.text-link:hover span,.project:hover .project-arrow,.post-row:hover .post-arrow,.archive-row:hover .post-arrow{transform:translateX(4px)}.section{padding-block:clamp(88px,11vw,144px);border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:80px 1fr;align-items:baseline;margin-bottom:56px}.section-number{margin:0;color:var(--blue);font-size:.74rem;font-weight:750}.section h2{margin:0;font-size:clamp(2.1rem,4.5vw,4.2rem);font-weight:600;letter-spacing:-.055em;line-height:1}.project-list{display:grid;grid-template-columns:1fr;border:1px solid var(--line)}.project{position:relative;display:flex;min-height:390px;flex-direction:column;justify-content:space-between;padding:clamp(26px,3vw,42px);overflow:hidden;border-right:1px solid var(--line);text-decoration:none}.project:last-child{border-right:0}.project-featured{background:var(--blue);color:#fff}.project-featured .project-label,.project-featured .project-arrow{color:#dfe6ff}.project h3{margin:90px 0 14px;font-size:clamp(2rem,3.5vw,3.45rem);font-weight:600;letter-spacing:-.06em;line-height:1}.project p:not(.project-label,.project-index){max-width:33ch;margin:0;color:currentColor;font-size:.95rem}.project-arrow{position:absolute;top:30px;right:30px}.project-index{position:absolute;right:8px;bottom:-53px;margin:0;color:rgba(22,22,22,5%);font-size:10rem;font-weight:800;letter-spacing:-.1em;line-height:1}.project-featured .project-index{color:rgba(255,255,255,9%)}.post-list,.archive{border-top:1px solid var(--line)}.post-row,.archive-row{display:grid;grid-template-columns:150px 1fr 44px;gap:30px;align-items:start;padding-block:34px;border-bottom:1px solid var(--line)}.post-row h3,.archive-row h2{margin:0 0 8px;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600;letter-spacing:-.035em;line-height:1.2}.post-row h3 a,.archive-row h2 a{text-decoration:none}.post-row p:not(.post-date),.archive-row p:not(.post-date){max-width:62ch;margin:0;color:var(--muted)}.post-arrow{align-self:center;text-decoration:none}.all-writing{margin-top:40px}.profile-image{width:min(240px,72vw);aspect-ratio:1;object-fit:cover;object-position:center 30%;border:1px solid var(--line)}.page-header{padding-block:clamp(80px,12vw,150px)72px}.page-header h1{margin-block:28px}.page-intro{max-width:650px}.archive{margin-bottom:clamp(100px,12vw,160px)}.pagination{display:flex;gap:8px;margin:46px 0 0;padding:0;list-style:none}.page-link{display:grid;min-width:40px;min-height:40px;place-items:center;border:1px solid var(--line);text-decoration:none}.active .page-link{border-color:var(--blue);background:var(--blue);color:#fff}.article{padding-block:clamp(70px,10vw,130px)}.article-header{max-width:900px;margin:0 auto clamp(64px,9vw,110px)}.back-link{display:inline-flex;gap:10px;margin-bottom:80px;color:var(--muted);font-size:.82rem;text-decoration:none}.article-header h1{margin:30px 0 34px;font-size:clamp(3rem,7vw,6.8rem);font-weight:650;letter-spacing:-.065em;line-height:.98}.article-deck{max-width:720px}.prose{max-width:760px;margin-inline:auto;font-family:Georgia,times new roman,serif;font-size:clamp(1.08rem,1.6vw,1.22rem);line-height:1.75}.prose>*:first-child{margin-top:0}.prose h2,.prose h3{margin:2.4em 0 .7em;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-weight:650;letter-spacing:-.035em;line-height:1.2}.prose h2{font-size:1.9em}.prose h3{font-size:1.35em}.prose a{color:var(--blue)}.prose img{width:min(100vw - 48px,1040px);max-width:none;margin:3em 50%;transform:translateX(-50%);border:1px solid var(--line)}.prose pre{margin:2em 0;padding:24px;overflow-x:auto;border-left:4px solid var(--blue);background:#e9e6df;font-size:.84em;line-height:1.55}.prose code{font-family:sfmono-regular,Consolas,liberation mono,monospace;font-size:.88em}.prose :not(pre)>code{padding:.15em .35em;background:#e6e2da}.prose blockquote{margin:2.2em 0;padding-left:1.5em;border-left:3px solid var(--coral);color:#48453f;font-style:italic}.article-footer{display:flex;align-items:center;justify-content:space-between;max-width:760px;margin:100px auto 0;padding-top:32px;border-top:1px solid var(--line)}.article-footer p{margin:0;font-family:Georgia,times new roman,serif;font-style:italic}.not-found{min-height:70vh;padding-block:clamp(100px,15vw,180px)}.not-found h1{max-width:850px;margin-bottom:40px}.not-found>p:not(.eyebrow){color:var(--muted);font-size:1.15rem}.site-footer{background:var(--ink);color:var(--white)}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding-block:72px 42px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 34px}.footer-links a{color:#cbc8c1;font-size:.83rem;text-decoration:none}.footer-links a:hover{color:#fff}.copyright{grid-column:1/-1;margin:42px 0 0;padding-top:26px;border-top:1px solid #343434;color:#898680;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:820px){:root{--shell:min(100% - 32px, 680px)}.header-inner{min-height:72px}.wordmark span:last-child,.nav-list li:first-child,.nav-list li:last-child{display:none}.hero{min-height:auto}.hero-bottom{grid-template-columns:1fr}.project-list{grid-template-columns:1fr}.project{min-height:310px;border-right:0;border-bottom:1px solid var(--line)}.project:last-child{border-bottom:0}.post-row,.archive-row{grid-template-columns:1fr 32px;gap:12px}.post-date{grid-column:1/-1}.section-heading{grid-template-columns:44px 1fr}.back-link{margin-bottom:52px}.footer-inner{grid-template-columns:1fr}}@media(max-width:480px){.nav-list{gap:18px}.page-header h1,.not-found h1{font-size:clamp(3.2rem,17vw,5.2rem)}.section{padding-block:78px}.project{min-height:280px}.article-footer{align-items:flex-start;flex-direction:column;gap:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}