@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--green:#607866;--dark:#26382e;--cream:#f8f3e9;--gold:#d5a451;--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
.nav{position:sticky;top:0;z-index:10;background:rgba(248,243,233,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:12px 6%;border-bottom:1px solid #ddd6c8}
.brand img{width:74px;height:74px;object-fit:cover;border-radius:50%}.nav nav{display:flex;align-items:center;gap:28px}.nav a{color:var(--dark);text-decoration:none;font-weight:600}.nav-btn{background:var(--green)!important;color:white!important;padding:10px 18px;border-radius:999px}
.hero{position:relative;min-height:78vh;display:grid;place-items:center;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,243,233,.2),rgba(248,243,233,.7) 48%,rgba(248,243,233,.92))}
.hero-copy{position:relative;z-index:1;max-width:650px;margin-left:42%;padding:80px 6% 90px 0}.eyebrow{letter-spacing:.22em;font-size:.78rem;font-weight:700;color:var(--green)}h1,h2,h3{margin:0 0 18px}h1,h2{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.02}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.1}p{font-size:1.08rem}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;gap:12px;align-items:center;background:var(--green);color:#fff;text-decoration:none;padding:14px 24px;border-radius:999px;font-weight:700}.btn.secondary{background:transparent;color:var(--green);border:1px solid var(--green)}
.intro,.contact{padding:100px 9%;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro{background:var(--white)}.intro h2{max-width:600px}.intro p{max-width:620px}
.week{text-align:center;padding:70px 6% 80px}.pill{display:inline-block;background:var(--green);color:white;padding:6px 25px;border-radius:999px;font-weight:700;letter-spacing:.12em}.week h2{margin-top:18px}.days{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.days span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#dfe4d8;color:var(--green);font-weight:800}
.services{padding:100px 8%;background:#edf0e7}.section-heading{text-align:center;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:1050px;margin:auto}.card{background:var(--white);border:1px solid #ddd8cb;border-radius:30px;padding:38px;box-shadow:0 12px 30px rgba(50,60,50,.06)}.icon{width:52px;height:52px;border-radius:50%;background:#e8c06c;display:grid;place-items:center;color:white;font-size:1.4rem;margin-bottom:18px}.icon.leaf{background:#aab7a4}.card h3{font-family:'Playfair Display',Georgia,serif;font-size:2rem}.card ul{list-style:none;padding:0;margin:24px 0 0;display:flex;gap:10px;flex-wrap:wrap}.card li{background:#edf0e7;border-radius:999px;padding:7px 12px;color:var(--green);font-weight:600}
.feature{padding:100px 8%;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.feature img{width:100%;border-radius:30px;display:block}.feature p{max-width:500px}
.contact{background:var(--green);color:white}.contact .eyebrow{color:#e6c77e}.contact-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:28px}.contact-box p{margin:8px 0}.contact .btn{background:white;color:var(--green)}
footer{padding:35px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#25362d;color:white}footer img{width:58px;height:58px;object-fit:cover;border-radius:50%}footer p{font-size:.9rem}
@media(max-width:800px){.nav{padding:10px 5%}.nav nav a:not(.nav-btn){display:none}.brand img{width:58px;height:58px}.hero{min-height:720px}.hero>img{object-position:58% center}.hero:after{background:linear-gradient(180deg,rgba(248,243,233,.15),rgba(248,243,233,.9) 62%)}.hero-copy{margin:0;padding:300px 7% 55px;max-width:700px}.intro,.contact,.feature{grid-template-columns:1fr;padding:70px 7%;gap:30px}.cards{grid-template-columns:1fr}.services{padding:70px 6%}.week{padding:60px 5%}footer{flex-direction:column;text-align:center}}