:root{color-scheme:light;--paper:#f5f4ef;--ink:#202923;--muted:#60685f;--accent:#3e6046;--line:#d8dbd1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1152px;margin-inline:auto;padding-inline:40px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:120px}.brand{font-size:36px;font-weight:800;letter-spacing:-3px;text-decoration:none}.brand span,h1 span,h2 span{color:var(--accent)}nav{display:flex;gap:32px}nav a{font-size:14px;text-decoration:none}.intro{padding-top:64px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 20px}h1{font-size:clamp(40px,6.4vw,76px);line-height:1.09;letter-spacing:-3px;margin:0 0 30px;font-weight:600}p{margin:0 0 16px}.intro-copy{max-width:640px;font-size:18px}.muted{color:var(--muted)}.button{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:#fff;padding:13px 22px;border-radius:4px;text-decoration:none;font-size:14px;margin-top:14px}.button:hover{background:var(--accent);color:white}.portrait{margin:52px 0 0}.portrait img{display:block;width:100%;height:auto;border-radius:6px}.portrait figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding-top:12px;letter-spacing:.4px}.section{padding-block:80px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.section-heading .eyebrow,.connect .eyebrow{margin-bottom:12px}h2{font-size:clamp(29px,3.5vw,40px);line-height:1.2;font-weight:500;letter-spacing:-1.2px;margin:0}.text-link{font-size:13px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{display:flex;flex-direction:column;padding:25px;background:#eeeee7;border:1px solid var(--line);border-radius:6px;text-decoration:none;transition:border-color .15s,background .15s}.project:hover{border-color:var(--accent);background:#e7ebdf}.project-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.tag{font-size:9px;font-weight:700;letter-spacing:1.1px;color:var(--accent)}h3{font-size:24px;letter-spacing:-.6px;font-weight:500;margin:35px 0 10px}.project p{font-size:14px;color:var(--muted);margin-bottom:32px}.project-bottom{margin-top:auto;font-size:12px;display:flex;justify-content:space-between}.connect{display:grid;grid-template-columns:1fr 1fr;gap:70px}.connect h2{max-width:350px;margin-bottom:22px}.connect .muted{max-width:300px;font-size:15px}.social-links{list-style:none;padding:0;margin:0}.social-links li{border-bottom:1px solid var(--line)}.social-links li:first-child{border-top:1px solid var(--line)}.social-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;text-decoration:none;font-size:15px}.social-links small{display:block;color:var(--muted);font-size:11px}.site-note{padding-block:70px;text-align:center}.site-note p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,3vw,31px);line-height:1.45;margin:0}footer{display:flex;gap:24px;align-items:center;font-size:12px;color:var(--muted);padding-block:24px}footer p{margin:0 auto 0 0}footer a{text-decoration:none}.privacy{padding-bottom:28px;font-size:12px;color:var(--muted)}.privacy details{border-top:1px solid var(--line);padding-top:16px}.privacy summary{cursor:pointer}.privacy p{max-width:720px;margin:12px 0 0}.skip-link{position:absolute;top:-80px;left:20px;background:var(--ink);color:white;padding:10px 20px;z-index:10}.skip-link:focus{top:10px}
@media(max-width:700px){.wrap{padding-inline:24px}.site-header{min-height:92px}nav{gap:18px}nav a{font-size:12px}.intro{padding-top:35px}h1{letter-spacing:-1.8px}.intro-copy{font-size:16px}.portrait{margin-top:36px}.portrait img{min-height:190px;object-fit:cover}.portrait figcaption{font-size:9px}.section{padding-block:52px}.section-heading{align-items:start;flex-direction:column}.project-grid{grid-template-columns:1fr}.project{padding:24px}h3{margin-top:22px}.project p{margin-bottom:22px}.connect{grid-template-columns:1fr;gap:24px}.connect h2,.connect .muted{max-width:none}.site-note{padding-block:50px}footer{gap:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}