@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@700;800&display=swap');
:root{--bg:#fff;--ink:#152319;--muted:#5e6c62;--line:#dce5dd;--neon:#b9ff42;--deep:#233827;--green:#094a2c}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans',Arial,sans-serif}
a{color:inherit}
.site-shell{width:min(100%,1600px);margin:0 auto}
.nav{height:78px;padding:0 clamp(26px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.mark{font:800 25px/1 Manrope,Arial,sans-serif;letter-spacing:-.09em;text-decoration:none}
.accent-dot{color:#89cb11}
.nav-pill{border:1px solid #cad9c8;border-radius:100px;padding:9px 13px;font-size:12px;font-weight:600;color:#344c3a}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(18px,4vw,65px);padding:clamp(45px,7vw,110px) clamp(26px,5vw,80px) 82px;align-items:center}
.hero-copy{max-width:750px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em;font:700 11px/1.3 Manrope,sans-serif;color:#5f735d}
.eyebrow .line{width:34px;height:2px;background:#89cb11;display:inline-block}
.hero h1{font:800 clamp(50px,6.2vw,98px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.085em;margin:22px 0 26px;color:#092a20}
.lead{font-size:clamp(17px,1.8vw,22px);line-height:1.5;color:#425448;max-width:560px;margin:0 0 30px;font-weight:500}
.note p{font-size:16px;line-height:1.75;color:#526458;margin:0 0 18px;max-width:620px}
.hero-art{border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden;background:#fff;height:min(520px,50vw);min-height:380px;padding:28px}
.hero-art-label{font:700 11px Manrope,sans-serif;letter-spacing:.17em;color:#5f735d}
.hero-art svg.house{position:absolute;inset:0;width:100%;height:100%}
.hero-art small{position:absolute;bottom:24px;left:28px;font:700 10px Manrope,sans-serif;letter-spacing:.13em;color:#7c8a7e}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px clamp(26px,5vw,80px);font-size:13px;color:#5d705f}
@media(max-width:700px){
.nav{height:64px;padding:0 4vw}
.mark{font-size:22px}
.nav-pill{font-size:11px;padding:8px 10px}
.hero{display:block;padding:42px 4vw 46px}
.hero h1{font-size:clamp(45px,12vw,64px);line-height:1.03;margin:16px 0 15px;letter-spacing:-.075em}
.lead{font-size:17px;max-width:32ch;margin-bottom:24px}
.hero-art{height:300px;min-height:300px;border-radius:13px;margin-top:34px}
footer{padding:20px 4vw;gap:12px}
}