:root { --ink:#17332d; --cream:#f4f0e6; --sage:#9eae96; --rust:#bd6648; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; }
.hero { min-height:82vh; color:var(--white); background:linear-gradient(90deg,rgba(10,35,29,.86),rgba(10,35,29,.26)),url('https://images.unsplash.com/photo-1473448912268-2022ce9509d8?auto=format&fit=crop&w=1800&q=80') center/cover; }
.nav { max-width:1180px; margin:auto; padding:24px 5%; display:flex; justify-content:space-between; align-items:center; }
.brand { font:700 1.35rem Georgia,serif; text-decoration:none; letter-spacing:.04em; }
.links { display:flex; gap:28px; }
.links a { text-decoration:none; font-size:.93rem; }
.hero-content { max-width:1180px; margin:auto; padding:13vh 5% 10vh; }
.eyebrow { text-transform:uppercase; letter-spacing:.18em; font-size:.76rem; font-weight:700; }
h1,h2,h3 { font-family:Georgia,serif; line-height:1.12; }
h1 { max-width:760px; margin:.2em 0; font-size:clamp(3rem,8vw,6.7rem); font-weight:500; }
h2 { margin:.2em 0 .5em; font-size:clamp(2rem,5vw,4rem); font-weight:500; }
.lead { max-width:600px; font-size:1.15rem; }
.button { display:inline-block; margin-top:20px; padding:13px 22px; background:var(--rust); color:white; text-decoration:none; border-radius:3px; font-weight:700; }
.intro,.tips { max-width:900px; margin:auto; padding:100px 5%; text-align:center; }
.intro>p:last-child { max-width:700px; margin:20px auto 0; }
.cards { max-width:1180px; margin:0 auto 110px; padding:0 5%; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cards article { min-height:260px; padding:34px; color:white; background:var(--ink); border-radius:4px; }
.cards article:nth-child(2) { background:#526b5d; }
.cards article:nth-child(3) { background:var(--rust); }
.cards span { opacity:.65; }
.cards h3 { margin:50px 0 12px; font-size:1.7rem; }
.split { display:grid; grid-template-columns:1.1fr .9fr; min-height:560px; background:#dce3d7; }
.photo { min-height:420px; background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80') center/cover; }
.copy { padding:10%; align-self:center; }
.tip-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:45px; text-align:left; }
footer { padding:34px 5%; display:flex; justify-content:space-between; background:var(--ink); color:white; }
@media (max-width:720px) { .links { gap:13px; font-size:.8rem; } .cards,.tip-grid,.split { grid-template-columns:1fr; } .cards { margin-bottom:70px; } .hero { min-height:75vh; } footer { gap:12px; flex-direction:column; } }