:root { --ink:#285756; --deep:#285756; --accent:#ed8b60; --cream:#fff8f0; --line:#e7e4dd; --text:#334947; }
.brand-mark { border-radius:50%; }
.header-cta,.button { border-radius:100px; }
.hero { background:#fff8f0; }
.hero:before { content:'HOME'; color:#f5e8d8; font-size:clamp(170px,28vw,360px); }
.hero-visual { background-position:center 44%; }
.hero-visual:after { background:linear-gradient(0deg,rgba(17,50,49,.48),transparent 43%); }
.intro-strip { background:#4b9288; }
.intro-number { color:#d9f0e8; }
.intro-inner>a { color:#fff5dc; }
.fields { background:#fef3e9; }
.field-card { border-radius:12px; }
.field-card:hover { border-bottom-color:#ed8b60; }
.faq { background:#f7faf7; }
.closing { background:#347c76; }
.closing:after { color:#4a8f88; }
@media (max-width:720px) { .hero:before { font-size:180px; bottom:220px; } }