:root{--paper:#fbf9f5;--green:#1e4634;--brass:#b9975b;--ink:#22271f;--soft:#6b7265;--hair:#e3ddd0;--card:#fff}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid var(--hair);background:var(--paper)}
.logo{font-family:'DM Serif Display',serif;font-size:1.55rem;color:var(--green);line-height:1}
.logo small{display:block;font-family:'DM Sans';font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--brass);margin-top:4px}
nav a{color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-left:24px}
nav a:hover{color:var(--green)}
.hero{padding:54px 5vw 36px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.hero h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:3.6rem;line-height:1.05;color:var(--green)}
.hero h1 em{font-style:normal;color:var(--brass)}
.hero p{color:var(--soft);font-size:1.02rem;max-width:440px}
.hero .cta{display:inline-block;margin-top:22px;background:var(--green);color:#fff;text-decoration:none;padding:14px 30px;border-radius:4px;font-weight:700;font-size:.85rem}
.hero-note{border-left:3px solid var(--brass);padding-left:20px;color:var(--soft);font-size:.95rem}
.hero-note strong{color:var(--ink);display:block;font-size:1.05rem}
.listings{padding:10px 5vw 56px}
.sec{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--green);padding-bottom:10px;margin-bottom:26px}
.sec h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.9rem;color:var(--green)}
.sec span{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:700}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--card);border:1px solid var(--hair);border-radius:8px;overflow:hidden}
.scene{height:170px;position:relative}
.s1{background:linear-gradient(180deg,#bcd3e0 0 58%,#7fa06a 58% 100%)}
.s2{background:linear-gradient(180deg,#e8c9a0 0 58%,#8a9a6b 58% 100%)}
.s3{background:linear-gradient(180deg,#c9c2d8 0 58%,#6f8a5e 58% 100%)}
.scene svg{position:absolute;bottom:28px;left:50%;transform:translateX(-50%)}
.tag{position:absolute;top:12px;left:12px;background:var(--green);color:#fff;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:5px 10px;border-radius:3px}
.tag.sold{background:#6e2b2b}.tag.pending{background:var(--brass)}
.card-body{padding:20px}
.price{font-family:'DM Serif Display',serif;font-size:1.7rem;color:var(--green)}
.card-body h3{font-size:1rem;margin:4px 0 2px}
.addr{color:var(--soft);font-size:.86rem}
.specs{display:flex;gap:16px;border-top:1px solid var(--hair);margin-top:14px;padding-top:12px;font-size:.84rem;font-weight:500}
.stats{background:var(--green);color:#fff;padding:34px 5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats b{font-family:'DM Serif Display',serif;font-weight:400;font-size:2.2rem;display:block}
.stats span{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#c9b98a}
.agents{padding:56px 5vw}
.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.agent{display:flex;gap:20px;background:#fff;border:1px solid var(--hair);border-radius:8px;padding:26px;align-items:center}
.avatar{width:74px;height:74px;border-radius:50%;background:var(--green);color:#fff;font-family:'DM Serif Display',serif;font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex:none}
.agent h3{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.35rem;color:var(--green)}
.agent p{color:var(--soft);font-size:.9rem}
.worth{background:#f0e8d6;padding:48px 5vw;text-align:center}
.worth h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:2.2rem;color:var(--green)}
.worth p{color:var(--soft);max-width:480px;margin:10px auto 0}
.worth a{display:inline-block;margin-top:22px;background:var(--brass);color:#fff;text-decoration:none;padding:14px 32px;border-radius:4px;font-weight:700}
.story{padding:52px 5vw;max-width:760px}
.story h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.9rem;color:var(--green);margin-bottom:12px}
.story p{color:var(--soft)}
.reviews{padding:0 5vw 56px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rev{border-top:3px solid var(--brass);background:#fff;padding:22px;border:1px solid var(--hair);border-top:3px solid var(--brass)}
.stars{color:var(--brass);letter-spacing:.16em}
.rev p{font-size:.95rem;margin:10px 0}
.rev cite{font-style:normal;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.visit{border-top:1px solid var(--hair);padding:48px 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.visit h4{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
footer{background:var(--ink);color:#d8d4c6;padding:24px 5vw;text-align:center;font-size:.8rem}
@media(max-width:820px){.hero,.cards,.agent-grid,.rev-grid,.visit{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:2.5rem}nav{display:none}.agent{flex-direction:column;text-align:center}}