@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@300;400;600&display=swap');
:root{
  --sage:#7a9e7e;
  --sage-dark:#5a7a5e;
  --blush:#f3d1bf;
  --cream:#fdf8f3;
  --dark:#2d2d2a;
  --white:#ffffff;
  --radius:24px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--dark);line-height:1.7}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:700}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:600;transition:.3s}
.btn-primary{background:var(--sage);color:#fff}
.btn-primary:hover{background:var(--sage-dark);transform:translateY(-2px)}
.btn-outline{border:1.5px solid var(--sage);color:var(--sage)}
.btn-outline:hover{background:var(--sage);color:#fff}
nav{position:sticky;top:0;z-index:99;background:rgba(253,248,243,.9);backdrop-filter:blur(16px);border-bottom:1px solid #ece6e0}
.nav-inner{height:80px;display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700}
.logo img{height:42px}
.menu{display:flex;gap:26px;list-style:none;font-size:14px;letter-spacing:.6px;text-transform:uppercase;font-weight:600}
.menu a{opacity:.7} .menu a:hover,.menu a.active{opacity:1;color:var(--sage-dark);border-bottom:2px solid var(--sage)}
.burger{display:none;font-size:26px;cursor:pointer}
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;border-radius:0 0 40px 40px}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75)}
.hero-content{position:relative;z-index:2;color:#fff;max-width:620px}
.hero h1{font-size:64px;line-height:1;letter-spacing:-1px}
.hero h1 span{color:var(--blush);font-style:italic}
.hero p{margin:18px 0 26px;font-size:18px;opacity:.92;font-weight:300}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(45,45,42,.06);transition:.35s}
.card:hover{transform:translateY(-6px)}
.card img{width:100%;height:260px;object-fit:cover}
.card-body{padding:20px}
.section{padding:90px 0}
.section-title{text-align:center;margin-bottom:56px}
.section-title h2{font-size:48px;line-height:1}
.section-title p{max-width:600px;margin:12px auto 0;color:#8a857e}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.price{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--sage-dark);font-weight:700}
footer{background:#2d2d2a;color:#d8d3ce;padding:70px 0 30px;border-radius:50px 50px 0 0;margin-top:60px}
footer a{color:#b8b3ad} footer a:hover{color:#fff}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:32px}
.copy{border-top:1px solid #3d3d39;margin-top:40px;padding-top:18px;text-align:center;font-size:12px;opacity:.6}
input,textarea,select{width:100%;padding:14px 18px;border-radius:14px;border:1px solid #ece6e0;background:#fff;font-family:inherit}
label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;display:block}
@media(max-width:900px){.grid-3,.grid-2,.foot-grid{grid-template-columns:1fr} .hero h1{font-size:40px} .menu{display:none;position:absolute;top:80px;left:0;right:0;background:#fffdf8;flex-direction:column;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.08)} .menu.open{display:flex} .burger{display:block}}