:root{--green:#294b37;--gold:#c9a14d;--cream:#f8f5ef}
body{margin:0;font-family:Montserrat,sans-serif;background:var(--cream);color:#2c2c2c}
header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:25px 50px}
nav a{margin-left:20px;color:var(--green);text-decoration:none;font-weight:600}
.hero{min-height:100vh;display:flex;align-items:center;padding:80px;background:
linear-gradient(90deg,rgba(248,245,239,.96) 0%,rgba(248,245,239,.90) 35%,rgba(248,245,239,.55) 58%,rgba(248,245,239,.05) 80%),
url('images/mumlava.jpg');background-size:cover;background-position:center}
.hero-content{max-width:700px}
h1{font-family:'Cormorant Garamond',serif;font-size:4rem;color:var(--green)}
h2{color:var(--gold)}
.badge{display:inline-block;border:1px solid var(--gold);padding:10px 18px;border-radius:20px;background:white}
.btn{text-decoration:none;display:inline-block;margin:10px 10px 0 0;padding:12px 18px;border-radius:12px;border:1px solid var(--green);color:#000}
.primary{background:var(--green);color:white}
section{padding:70px 10%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:white;padding:20px;border-radius:16px}
footer{text-align:center;padding:30px;background:#eef0ea}