:root{
  --black:#11100e;
  --black-2:#1b1916;
  --cream:#f5f0e7;
  --white:#fff;
  --gold:#ee9b16;
  --gold-2:#f7b843;
  --muted:#706b63;
  --border:rgba(17,16,14,.12);
  --shadow:0 20px 55px rgba(22,17,10,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat",sans-serif;color:var(--black);background:#fff;line-height:1.65}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.site-header{height:82px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(17,16,14,.96);color:#fff;position:sticky;top:0;z-index:100;backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.14em}
.brand img{width:54px;height:54px;object-fit:cover;border-radius:50%}
.nav{display:flex;align-items:center;gap:30px;font-size:.88rem;font-weight:600}
.nav a:not(.nav-cta){color:#dedbd4;transition:.2s}
.nav a:not(.nav-cta):hover{color:var(--gold)}
.nav-cta{background:var(--gold);color:#111;padding:12px 18px;border-radius:4px;font-weight:800}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;background:url("assets/hero.webp") center/cover no-repeat;transform:scale(1.03)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,10,.94) 0%,rgba(13,12,10,.75) 47%,rgba(13,12,10,.25) 100%),linear-gradient(0deg,rgba(13,12,10,.65),transparent 60%)}
.hero-content{position:relative;z-index:2;max-width:760px;margin-left:clamp(24px,8vw,130px);padding:90px 0}
.eyebrow{display:block;color:var(--gold-2);font-size:.76rem;font-weight:800;letter-spacing:.19em;margin-bottom:15px}
.eyebrow.dark{color:#b66b00}
h1,h2,h3{margin:0;line-height:1.08}
h1,h2{font-family:"Bebas Neue",sans-serif;font-weight:400;letter-spacing:.015em}
h1{font-size:clamp(4rem,8vw,7.4rem);max-width:900px}
h1 em{font-style:normal;color:var(--gold-2)}
.hero-content>p{max-width:680px;font-size:1.12rem;color:#e4e0d7;margin:24px 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:4px;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.08em;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--gold);color:#111;box-shadow:0 10px 30px rgba(238,155,22,.22)}
.btn-primary:hover{background:var(--gold-2)}
.btn-outline{border:1px solid rgba(255,255,255,.7);color:#fff}
.btn-outline:hover{background:#fff;color:#111}
.hero-badges{display:flex;gap:18px;flex-wrap:wrap;margin-top:46px;color:#d8d3ca;font-size:.78rem;font-weight:600}
.hero-badges span:before{content:"•";color:var(--gold);margin-right:8px}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:28px clamp(20px,7vw,110px);background:var(--gold);gap:30px}
.trust-strip div{display:flex;flex-direction:column;border-right:1px solid rgba(17,16,14,.25)}
.trust-strip div:last-child{border:0}
.trust-strip strong{text-transform:uppercase;font-size:.84rem;letter-spacing:.07em}
.trust-strip span{font-size:.82rem}
.section{padding:110px clamp(20px,7vw,110px)}
.section-heading{text-align:center;max-width:750px;margin:0 auto 55px}
.section-heading h2,.story h2,.delivery h2,.cta h2{font-size:clamp(3.3rem,6vw,5.7rem)}
.section-heading p{color:var(--muted);margin-top:17px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product-card{background:#fff;border:1px solid var(--border);box-shadow:0 12px 34px rgba(26,20,12,.06);overflow:hidden;transition:.28s}
.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.product-image{height:255px;background:var(--cream);overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover;transition:.45s}
.product-card:hover img{transform:scale(1.04)}
.product-body{padding:25px}
.tag{display:inline-block;background:#f8ead0;color:#915800;padding:5px 9px;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.product-body h3{font-size:1.28rem}
.product-body p{font-size:.9rem;color:var(--muted);min-height:72px}
.product-body a{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:17px;margin-top:17px;font-size:.78rem;text-transform:uppercase;font-weight:800;color:#a65f00}
.story{display:grid;grid-template-columns:1.05fr .95fr;background:var(--black);color:#fff;min-height:650px}
.story-image{min-height:600px}
.story-image img{width:100%;height:100%;object-fit:cover}
.story-content{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(32px,7vw,110px)}
.story-content p{color:#c9c4bb;max-width:650px}
.text-link{color:var(--gold-2);font-weight:800;margin-top:18px}
.delivery{background:var(--cream)}
.delivery-card{background:var(--black-2);color:#fff;padding:clamp(35px,6vw,75px);display:flex;align-items:center;justify-content:space-between;gap:50px;box-shadow:var(--shadow)}
.delivery-card p{color:#cac5bb;max-width:720px}
.delivery-points{display:flex;gap:20px;flex-wrap:wrap;color:#f4c273;font-size:.84rem;font-weight:700}
.btn.large{min-width:290px}
.cta{padding:65px clamp(20px,7vw,110px);display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:34px;background:var(--gold)}
.cta img{width:100px;height:100px;border-radius:50%;object-fit:cover}
.cta .eyebrow{color:#5a3600;margin:0}
.cta h2{font-size:clamp(2.8rem,5vw,4.8rem)}
.cta .btn{background:#111;color:#fff}
footer{background:#0c0b0a;color:#bbb5aa;padding:65px clamp(20px,7vw,110px) 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}
footer strong{color:#fff;display:block;margin-bottom:12px}
footer a,footer span{display:block;font-size:.86rem;margin:5px 0}
.footer-brand img{width:82px;height:82px;border-radius:50%;object-fit:cover;margin-bottom:14px}
.footer-brand p{max-width:350px}
.copyright{grid-column:1/-1;border-top:1px solid #282521;padding-top:24px;margin-top:15px;font-size:.75rem}
.whatsapp-float{position:fixed;right:23px;bottom:23px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.24);z-index:90;transition:.2s}
.whatsapp-float:hover{transform:scale(1.06)}
.whatsapp-float svg{width:35px;height:35px}
@media(max-width:1050px){
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .delivery-card{align-items:flex-start;flex-direction:column}
  .cta{grid-template-columns:90px 1fr}.cta>a{grid-column:2}
}
@media(max-width:800px){
  .site-header{height:72px}
  .brand img{width:45px;height:45px}
  .menu-toggle{display:block}
  .nav{position:absolute;left:0;right:0;top:72px;background:#111;display:none;flex-direction:column;align-items:stretch;padding:22px;text-align:center;border-top:1px solid #292620}
  .nav.open{display:flex}
  .hero{min-height:700px}
  .hero-overlay{background:linear-gradient(90deg,rgba(13,12,10,.93),rgba(13,12,10,.52)),linear-gradient(0deg,rgba(13,12,10,.75),transparent)}
  .hero-content{margin:0;padding:80px 24px 50px}
  .hero-content>p{font-size:1rem}
  .trust-strip{grid-template-columns:1fr}
  .trust-strip div{border-right:0;border-bottom:1px solid rgba(17,16,14,.22);padding-bottom:16px}
  .story{grid-template-columns:1fr}
  .story-image{min-height:420px}
  .cta{grid-template-columns:1fr;text-align:center}
  .cta img{margin:auto}
  .cta>a{grid-column:auto}
  footer{grid-template-columns:1fr}
}
@media(max-width:560px){
  h1{font-size:3.65rem}
  .section{padding:80px 20px}
  .product-grid{grid-template-columns:1fr}
  .product-image{height:270px}
  .hero-badges{gap:8px;flex-direction:column}
  .story-content{padding:65px 24px}
  .delivery-card{padding:32px 23px}
  .btn.large{min-width:0;width:100%;font-size:.7rem}
  .cta{padding:55px 20px}
}