*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--sage:#3d5a4c;--gold:#c4a77d;--cream:#f7f4ef;--ink:#1c2820;--font:'Cormorant',Georgia,serif;--sans:'Jost',sans-serif}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.7}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
header{padding:24px 0;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:var(--font);font-size:1.8rem;font-weight:500}
nav a{margin-left:24px;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.hero{min-height:70vh;display:flex;align-items:center;background:linear-gradient(rgba(28,40,32,.5),rgba(28,40,32,.5)),linear-gradient(135deg,#5a7a6a,#3d5a4c);color:#fff;text-align:center}
.hero h1{font-family:var(--font);font-size:3.5rem;font-weight:400}
section{padding:80px 0}
.btn{display:inline-block;padding:14px 32px;border:1px solid var(--gold);color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;margin-top:24px}
.page{padding:80px 0 60px;background:var(--sage);color:#fff;text-align:center}
.page h1{font-family:var(--font);font-size:2.8rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid div{background:#fff;padding:40px 24px;text-align:center;border:1px solid rgba(0,0,0,.06)}
footer{padding:48px;text-align:center;background:var(--ink);color:rgba(255,255,255,.6);font-size:.85rem}
a{color:inherit;text-decoration:none}