:root{--ink:#203e34;--paper:#f7f5ef;--line:#cfcec2;--muted:#51605a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #b78635;outline-offset:4px}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 6%;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font:600 40px/1 Arial;letter-spacing:-3px}.logo span{border-left:1px solid #a7ada3;padding-left:15px;text-transform:uppercase;letter-spacing:1.8px;font:10px/1.5 Arial}nav{display:flex;gap:28px}nav a,.phone{font-size:14px;text-underline-offset:5px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:46% 54%;background:var(--ink);color:#faf7ed}.hero-copy{align-self:center;padding:clamp(44px,6vw,100px) 12%}.kicker,small{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:1.8px}.kicker{margin:0 0 22px}h1,h2,h3,dt,.lead{font-family:Georgia,serif;font-weight:400}h1,h2,h3{line-height:1.08;margin:0;letter-spacing:-.035em}h1{font-size:clamp(52px,5.8vw,92px)}h1 em{color:#d2d9c5}h2{font-size:clamp(37px,4.4vw,66px)}h3{font-size:clamp(30px,3.3vw,48px)}.hero-copy>p:not(.kicker){max-width:480px;margin:26px 0;color:#e0e7dd}.button{display:inline-block;padding:14px 20px;background:#e9ecdf;color:var(--ink);text-decoration:none;font-size:14px}.button span{margin-left:12px}.hero figure{position:relative;margin:0;min-height:470px}.hero img{position:absolute;width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;bottom:16px;right:16px;background:#172c24de;color:white;padding:5px 10px;font-size:11px}
.portfolio,.about,.purpose,.values,.contact{padding:clamp(55px,6vw,100px) 7%}.cards,.about,.purpose,.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}.cards{margin-top:38px;gap:30px}.project-link{display:block;text-decoration:none;height:100%;background:#eeede5}.project-link div{padding:25px clamp(18px,2.2vw,38px) 33px}.project-link img{width:100%;height:clamp(240px,30vw,450px);display:block;object-fit:cover}.project-link small{display:block;margin-bottom:9px}.project-link p{color:var(--muted)}.project-link strong{font-size:14px;text-decoration:underline;text-underline-offset:5px}.project-link:hover strong{color:#527355}
.about{background:#e6e8df}.about p{margin-top:0}.lead{font-size:clamp(23px,2.2vw,33px);line-height:1.4}.purpose{background:#e6e8df;padding-top:0}.purpose article{border-top:1px solid #abb6a8;padding-top:22px}.purpose h2{font-size:34px}.values dl{margin:32px 0 0}.values dl div{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:1fr 2fr;gap:25px}.values dt{font-size:25px}.values dd{margin:0;max-width:700px}.contact{background:var(--ink);color:var(--paper);align-items:center}.phone{display:block;margin-top:17px}footer{font-size:13px}
@media(max-width:760px){header,footer{padding:16px 6%}.logo{font-size:32px;gap:8px}.logo span{font-size:8px;padding-left:8px}nav{gap:12px}nav a{font-size:12px}.hero,.cards,.about,.purpose,.contact{grid-template-columns:1fr}.hero-copy{padding:48px 7%}.hero figure{min-height:270px}.cards{gap:25px}.project-link img{height:310px}.values dl div{grid-template-columns:1fr;gap:3px}.portfolio .kicker{margin-bottom:12px}}@media(max-width:380px){header{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}