@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{color-scheme:light;--paper:#f4f1e9;--ink:#24231f;--muted:#77746c;--line:#d8d4c9;--accent:#8c4f35;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--sans:"DM Sans", "Helvetica Neue", sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.site-header{height:76px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{font-weight:600;letter-spacing:-.035em}.site-header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}
.site-header nav a:hover,.contact-links a:hover,.site-footer a:hover{color:var(--accent)}
main{width:min(100% - 48px,900px);margin:0 auto}
.intro{padding:76px 0 72px;max-width:670px}.eyebrow,.section-heading span,.project-number,.project-kind,.small-note,.site-footer{font-family:var(--mono);font-size:11px;letter-spacing:.015em}
.eyebrow{color:var(--muted);margin:0 0 15px}.intro h1{font-size:clamp(26px,4vw,36px);line-height:1.25;letter-spacing:-.055em;font-weight:500;margin:0 0 13px}.intro-copy{font-size:16px;line-height:1.65;color:#55524b;max-width:530px;margin:0}
.section{padding:31px 0 100px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:25px}.section-heading h2{font-size:15px;font-weight:600;letter-spacing:-.02em;margin:0}.section-heading span{color:var(--muted)}
.project-row{min-height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:54px 1fr 230px 20px;gap:12px;align-items:center;transition:padding .2s,color .2s}.project-row:first-child{border-top:1px solid var(--line)}.project-row:hover{padding-left:8px;color:var(--accent)}.project-number,.project-kind{color:var(--muted)}.project-title{font-size:21px;letter-spacing:-.045em}.project-kind{text-align:left}.project-arrow{text-align:right;font-size:15px}
.about-section{display:grid;grid-template-columns:1fr 1.5fr;gap:34px}.about-section .section-heading{margin:0}.about-copy{max-width:520px}.about-copy p{margin:0 0 18px;color:#55524b}.about-copy .small-note{margin-top:27px;color:var(--muted)}
.contact-section{padding-bottom:82px}.contact-copy{color:#55524b;margin:0 0 22px}.contact-links{display:flex;gap:23px;font-size:13px}.contact-links a{border-bottom:1px solid var(--line);padding-bottom:3px}
.site-footer{min-height:72px;border-top:1px solid var(--line);padding:0 max(6vw,24px);display:flex;align-items:center;gap:30px;color:var(--muted)}.site-footer span:first-child{color:var(--ink)}.site-footer a{margin-left:auto}
.breadcrumb{padding:30px 0 68px;font-family:var(--mono);font-size:11px;color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.project-header{max-width:700px;padding-bottom:61px}.project-header .eyebrow{margin-bottom:16px}.project-header h1{font-size:clamp(42px,8vw,70px);font-weight:500;letter-spacing:-.075em;line-height:1.05;margin:0 0 20px}.project-header .lede{font-size:19px;line-height:1.55;color:#55524b;max-width:620px;margin:0}.detail-grid{border-top:1px solid var(--line);padding:27px 0 55px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.detail-label{font:11px var(--mono);color:var(--muted)}.detail-value{font-size:14px}.detail-copy{max-width:560px}.detail-copy p{margin:0 0 17px;color:#55524b}.detail-copy h2{font-size:14px;margin:28px 0 9px}.back-link{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:4px}.detail-next{border-top:1px solid var(--line);padding:23px 0 80px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.detail-next a{color:var(--ink)}
@media(max-width:640px){.site-header{height:65px}.site-header nav{gap:17px;font-size:12px}main{width:calc(100% - 40px)}.intro{padding:62px 0 58px}.intro-copy{font-size:15px}.section{padding-bottom:75px}.project-row{grid-template-columns:32px 1fr 18px;min-height:72px;gap:9px}.project-kind{grid-column:2;grid-row:2;margin-top:-20px;font-size:9px}.project-arrow{grid-column:3;grid-row:1}.project-title{font-size:19px}.about-section{display:block}.about-section .section-heading{margin-bottom:24px}.site-footer{padding:0 20px;gap:15px;font-size:9px}.breadcrumb{padding:25px 0 53px}.detail-grid{grid-template-columns:1fr;gap:11px;padding:23px 0 42px}.project-header{padding-bottom:43px}.project-header .lede{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
