@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap";:root{--paper:#f4f1ea;--ink:#18221f;--muted:#68706b;--line:#cbc8bd;--acid:#cbef59;--brick:#be563b;--mono:"DM Mono",monospace;--serif:"Newsreader",Georgia,serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{font-family:var(--mono);margin:0;font-size:13px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:4px;text-decoration:underline}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:.7rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header,.site-footer{justify-content:space-between;align-items:center;padding:21px clamp(20px,4vw,64px);display:flex}.site-header{border-bottom:1px solid var(--line)}.wordmark{letter-spacing:-.1em;font-size:18px;font-weight:500}.wordmark span{color:var(--brick)}nav{gap:24px;display:flex}.contact-link span,.text-link span,.section-heading span,.contact-band span{color:var(--brick)}.page-grid{grid-template-columns:minmax(70px,1fr) 8fr 3fr;gap:clamp(18px,3vw,54px);padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px);display:grid}.hero{min-height:calc(100vh - 65px);padding-top:clamp(58px,10vw,150px);padding-bottom:72px}.hero-index,.section-label,.eyebrow,.project-number,time{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.hero-copy h1,.contact-band h2{font-family:var(--serif);letter-spacing:-.065em;max-width:860px;margin:18px 0 30px;font-size:clamp(58px,8.1vw,132px);font-weight:400;line-height:.86}.hero-copy h1 em,.contact-band em{color:var(--brick);font-weight:400}.lede{max-width:440px;margin:0 0 32px;font-size:16px;line-height:1.5}.text-link,.section-heading a{text-underline-offset:5px;font-size:12px;text-decoration:underline}.signal-block{border-left:1px solid var(--line);flex-direction:column;align-self:end;gap:75px;padding:0 0 8px 22px;display:flex}.signal-block span{color:var(--muted);font-size:11px}.signal-block strong{font-size:15px;font-weight:400;line-height:1.35}.ruled-section{border-top:1px solid var(--line)}.statement{padding-top:22px;padding-bottom:100px}.statement-copy{font-family:var(--serif);letter-spacing:-.045em;max-width:1000px;margin:0;font-size:clamp(32px,4.3vw,63px);line-height:.96}.service-list{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:55px;padding-top:13px;font-size:11px;display:grid}.service-list span:before{color:var(--brick);content:"×";margin-right:8px}.work-section,.writing-section{padding:26px clamp(20px,4vw,64px) 90px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.project-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.project-card{border:1px solid var(--line);min-height:460px;padding:18px;display:grid;position:relative}.project-card:hover{text-decoration:none}.project-card--0{color:#f4f1ea;background:#213d39}.project-card--1{background:var(--acid)}.project-mark{grid-template-columns:repeat(2,1fr);justify-self:center;align-items:center;gap:7px;width:min(42%,205px);margin:auto;display:grid;transform:rotate(-8deg)}.project-mark i{aspect-ratio:1;background:currentColor;border-radius:50%;display:block}.project-card--0 .project-mark i:nth-child(2),.project-card--0 .project-mark i:nth-child(3){background:var(--acid)}.project-card--1 .project-mark i{border-radius:0}.project-card--1 .project-mark i:nth-child(odd){background:var(--brick)}.project-meta{align-self:end}.project-meta p{max-width:330px;margin:0;font-size:11px}.project-meta h2{font-family:var(--serif);letter-spacing:-.045em;margin:7px 0 11px;font-size:38px;font-weight:500;line-height:1}.writing-section{padding-bottom:0}.article-list{border-top:1px solid var(--line)}.article-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr 20px;align-items:baseline;gap:20px;padding:18px 0;display:grid}.article-row h2{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:28px;font-weight:400}.article-arrow{color:var(--brick);text-align:right;font-size:18px}.contact-band{background:var(--ink);color:var(--paper);margin-top:100px;padding:75px clamp(20px,14vw,220px) 95px}.contact-band h2{margin:18px 0 42px;font-size:clamp(54px,7vw,105px)}.contact-band a{border-bottom:1px solid #60706a;padding-bottom:12px;font-size:16px}.site-footer{color:var(--muted);padding-top:19px;padding-bottom:19px;font-size:11px}.site-footer p{margin:0}.page-intro{padding:90px clamp(20px,18vw,280px) 75px}.page-intro h1{font-family:var(--serif);letter-spacing:-.06em;margin:16px 0;font-size:clamp(55px,8vw,110px);font-weight:400;line-height:.9}.page-intro p{max-width:520px;font-size:16px}.content-list{margin:0 clamp(20px,8vw,128px) 100px}.content-list-item{border-top:1px solid var(--line);grid-template-columns:110px 1fr auto;gap:20px;padding:20px 0;display:grid}.content-list-item h2{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:38px;font-weight:400}.content-list-item p{color:var(--muted);grid-column:2;max-width:620px;margin:0}.tag{color:var(--brick);font-size:11px}.prose{font-family:var(--serif);max-width:700px;margin:0 auto 100px;padding:0 20px;font-size:21px;line-height:1.48}.prose h2{letter-spacing:-.03em;margin-top:2em;font-size:34px}.prose code{font-family:var(--mono);font-size:.7em}.article-head{max-width:850px;margin:80px auto 58px;padding:0 20px}.article-head h1{font-family:var(--serif);letter-spacing:-.06em;margin:16px 0;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:.92}.article-head p{max-width:600px;font-size:16px}@media (width<=700px){.contact-link{display:none}.site-header{padding:18px 20px}.page-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-index{display:none}.hero-copy h1{font-size:clamp(55px,15vw,80px)}.signal-block{border-left:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;padding:18px 0 0}.statement{display:block}.statement .section-label{margin-bottom:42px}.project-grid{grid-template-columns:1fr}.project-card{min-height:370px}.service-list{grid-template-columns:1fr}.article-row,.content-list-item{grid-template-columns:82px 1fr 18px}.article-row h2,.content-list-item h2{font-size:25px}.content-list-item p{grid-column:2}.page-intro{padding:70px 20px 50px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}}
