
:root{
  --ink:#17322f; --muted:#667774; --cream:#f7f3ea; --sand:#e9dfce;
  --accent:#d9784b; --white:#fffdf8; --line:#ddd6c9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;background:rgba(247,243,234,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-.5px}
.logo span{color:var(--accent)}
.links{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}
.links a{padding:7px 0;border-bottom:2px solid transparent}
.links a:hover,.links .active{border-color:var(--accent)}
.hero{min-height:72vh;display:grid;place-items:center;position:relative;overflow:hidden;background:
 radial-gradient(circle at 75% 25%,rgba(217,120,75,.42),transparent 28%),
 linear-gradient(135deg,#244c46 0%,#17322f 48%,#8d5c45 100%);color:white}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.15),rgba(0,0,0,.4))}
.hero-inner{position:relative;max-width:1180px;width:100%;padding:90px 24px}
.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;opacity:.8}
h1,h2,h3{font-family:Georgia,serif;line-height:1.08;margin:0 0 18px;letter-spacing:-1px}
h1{font-size:clamp(52px,8vw,104px);max-width:850px}
h2{font-size:clamp(36px,5vw,58px)}
h3{font-size:26px}
.lead{font-size:20px;max-width:680px;opacity:.9}
.btn{display:inline-block;margin-top:24px;padding:13px 20px;border-radius:999px;background:var(--accent);color:white;font-weight:700}
.btn.alt{background:white;color:var(--ink);margin-left:10px}
.section{max-width:1180px;margin:auto;padding:88px 24px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 30px rgba(23,50,47,.06)}
.visual{height:250px;display:flex;align-items:end;padding:20px;color:white;background-size:cover;background-position:center}
.v1{background:linear-gradient(145deg,#5f927d,#d9a06e)}
.v2{background:linear-gradient(145deg,#183d59,#d98c5d)}
.v3{background:linear-gradient(145deg,#8c5c48,#ead7ad)}
.v4{background:linear-gradient(145deg,#405d4e,#a7c1b3)}
.card-body{padding:24px}
.card-body p{color:var(--muted);margin:0 0 15px}
.meta{font-size:13px;color:var(--muted)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.quote{background:var(--ink);color:white;border-radius:28px;padding:48px}
.quote p{font:28px/1.35 Georgia,serif}
.list{display:grid;gap:14px}
.list div{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
footer{background:var(--ink);color:#dce6e2;padding:45px 24px}
.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px}
.page-hero{padding:100px 24px 75px;background:var(--sand)}
.page-hero-inner{max-width:1180px;margin:auto}
.form{display:grid;gap:14px;max-width:650px}
input,textarea,select{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:white;font:inherit}
textarea{min-height:160px}
@media(max-width:800px){.grid,.split{grid-template-columns:1fr}.links{gap:10px}.nav-inner{align-items:flex-start;flex-direction:column}.hero{min-height:68vh}.footer-inner{flex-direction:column}}
