:root{
--cream:#F8F4EE;
--sand:#E7DDD0;
--terra:#C77D63;
--brown:#4A3B34;
}
body{margin:0;font-family:Montserrat,sans-serif;background:var(--cream);color:var(--brown);line-height:1.6}
.hero{min-height:100vh;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),#d9c6b7;color:white;padding:30px}
nav{display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Playfair Display',serif;font-size:2rem}
.hero-content{max-width:700px;margin:15vh auto;text-align:center}
h1,h2{font-family:'Playfair Display',serif}
h1{font-size:3.5rem}
section{padding:80px 10%;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:white;padding:30px;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.btn{background:var(--terra);color:white;text-decoration:none;padding:14px 24px;border-radius:50px;display:inline-block}
footer{text-align:center;padding:30px}
@media(max-width:768px){h1{font-size:2.3rem}}