
:root{
  --cream:#f5eadf;
  --yellow:#f4c928;
  --gold:#d7a642;
  --ink:#102417;
  --black:#08110b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif}
img,video{display:block;width:100%}
a{text-decoration:none;color:inherit}
.site-header{position:fixed;inset:0 0 auto 0;height:82px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;z-index:30;background:rgba(245,234,223,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,36,23,.12)}
.brand{font-family:"Cormorant Garamond",serif;font-size:2.7rem;font-weight:700}
.desktop-nav{display:flex;gap:2.2rem}
.desktop-nav a,.shop-link,.lang-switch{font-size:.76rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.header-actions{display:flex;align-items:center;gap:1rem}
.lang-switch{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:.65rem .8rem;cursor:pointer}
.shop-link{background:var(--ink);color:#fff;padding:.8rem 1.1rem;border-radius:999px}
.hero{position:relative;height:100vh;min-height:720px;display:flex;align-items:flex-end;overflow:hidden}
.hero-video{position:absolute;inset:0;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,11,.82),rgba(8,17,11,.34) 48%,rgba(8,17,11,.08))}
.hero-content{position:relative;z-index:2;color:white;width:min(760px,86vw);padding:0 0 8vh 6vw}
.eyebrow{font-size:.72rem;letter-spacing:.22em;font-weight:600;margin:0 0 1rem}
.eyebrow.dark{color:#6f5c3c}
h1,h2{font-family:"Cormorant Garamond",serif}
h1{font-size:clamp(3.4rem,6.1vw,6.7rem);line-height:.96;margin:0 0 1.8rem;font-weight:600;max-width:12ch;letter-spacing:-.02em}
.hero-copy{max-width:640px;line-height:1.7;font-size:1.05rem;color:rgba(255,255,255,.88)}
.hero-cta{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:999px;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.btn-primary{background:var(--yellow);color:var(--ink)}
.btn-ghost{border:1px solid rgba(255,255,255,.65)}
.btn-gold{background:var(--gold);color:var(--black);margin-top:2rem}
.section-pad{padding:9rem 6vw}
.campaign{display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw;align-items:center}
.campaign h2,.intro h2,.product-copy h2,.groves h2,.contact h2{font-size:clamp(3.1rem,5.8vw,6.3rem);line-height:.92;margin:.3rem 0 1.5rem}
.campaign-copy p:last-child,.intro-copy>p:last-child,.product-copy>p,.groves-card>p:last-child,.contact-copy p{line-height:1.8;color:#425147}
.campaign-images img{box-shadow:0 35px 90px rgba(18,25,20,.16)}
.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:7vw}
.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(16,36,23,.18)}
.promise-grid article{background:var(--cream);padding:2.2rem}
.promise-grid span{font-family:"Cormorant Garamond",serif;font-size:2rem;color:var(--gold)}
.promise-grid h3{font-family:"Cormorant Garamond",serif;font-size:1.8rem;margin:.7rem 0}
.promise-grid p{line-height:1.65;color:#526056}
.product-section{background:var(--black);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center}
.product-copy .eyebrow{color:var(--gold)}
.product-copy>p{color:rgba(255,255,255,.74)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);margin-top:2.5rem}
.facts div{padding:1.4rem .7rem}
.facts strong,.facts span{display:block}
.facts span{margin-top:.35rem;font-size:.72rem;color:rgba(255,255,255,.6)}
.groves{position:relative;min-height:780px}
.groves>img{height:780px;object-fit:cover}
.groves-card{position:absolute;left:6vw;bottom:7vw;background:rgba(8,17,11,.91);color:white;padding:3.2rem;width:min(580px,84vw)}
.groves-card>p:last-child{color:rgba(255,255,255,.75)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--yellow)}
.contact-copy{align-self:end}
.contact-copy a{font-size:1.45rem;font-weight:600;border-bottom:1px solid var(--ink);word-break:break-word}
footer{padding:2.5rem 3vw;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;background:#0c1710;color:white}
footer p{font-size:.75rem;letter-spacing:.06em}
@media(max-width:900px){
  .desktop-nav{display:none}
  .site-header{height:70px}
  .brand{font-size:2rem}
  .hero{min-height:680px}
  .campaign,.intro,.product-section,.contact{grid-template-columns:1fr}
  .promise-grid{grid-template-columns:1fr}
  .groves-card{padding:2rem}
  footer{grid-template-columns:1fr;text-align:center}
}

@media(max-width:1200px){
  .hero-content{width:min(690px,84vw)}
  h1{font-size:clamp(3.2rem,5.7vw,5.8rem);line-height:1}
}
@media(max-width:640px){
  .hero-content{width:88vw;padding:0 0 7vh 6vw}
  h1{font-size:clamp(2.8rem,12vw,4.2rem);line-height:1.02;max-width:10.5ch}
  .hero-copy{font-size:.95rem;line-height:1.6}
}
