*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#03130d;--green2:#071e15;--gold:#d7a83f;--gold2:#f0cf7a;--cream:#f3ead6;--muted:#cfc9bc}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--green);color:#f7f1e5;line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:105px;display:flex;align-items:center;padding:20px 4%;gap:35px;transition:height .55s cubic-bezier(.16,1,.3,1),background .55s ease,box-shadow .55s ease,border-color .55s ease;border-bottom:1px solid transparent}
.site-header.scrolled{height:76px;background:rgba(3,19,13,.72);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border-color:rgba(240,207,122,.16);box-shadow:0 12px 38px rgba(0,0,0,.22)}
.brand{width:72px;color:var(--gold);display:flex;align-items:center;line-height:1}
.brand-logo{display:block;width:58px;height:58px;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22));transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease}.brand:hover .brand-logo{transform:scale(1.09) rotate(4deg);filter:drop-shadow(0 6px 10px rgba(215,168,63,.22)) brightness(1.13)}
.brand-mark{font-size:48px;font-family:serif;margin-bottom:4px}
.brand-name{font:600 29px "Cormorant Garamond",serif;letter-spacing:1.5px}
.brand-sub{font-size:12px;letter-spacing:5px;margin-top:5px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:43px;flex:1}
.desktop-nav a{font-size:12px;letter-spacing:.8px;position:relative;padding:12px 0;color:#eee;transition:color .3s ease,transform .3s ease}
.desktop-nav a:after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:1px;background:var(--gold);transition:width .36s cubic-bezier(.16,1,.3,1),left .36s cubic-bezier(.16,1,.3,1)}
.desktop-nav a:hover{color:var(--gold2);transform:translateY(-2px)}
.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%;left:0}
.header-actions{display:flex;align-items:center;gap:13px}
.icon-btn,.menu-btn{border:0;background:none;color:var(--gold2);cursor:pointer}
.icon-btn{font-size:25px;position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:background .3s ease,transform .35s cubic-bezier(.16,1,.3,1),color .3s ease}.icon-btn:hover{background:rgba(240,207,122,.12);transform:translateY(-3px) scale(1.06);color:#fff}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cart-btn span{position:absolute;right:-2px;top:-3px;background:var(--gold2);color:#111;border-radius:50%;font:700 9px Inter;padding:3px 5px}
.menu-btn{display:none;width:38px;height:38px;border-radius:50%;transition:background .3s}.menu-btn:hover{background:rgba(240,207,122,.12)}.menu-btn span{display:block;width:22px;height:1.5px;background:var(--gold2);margin:5px auto;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s,width .3s}.menu-btn.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0;width:0}.menu-btn.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{display:none}

.hero{min-height:790px;position:relative;overflow:hidden;background:#020b07}
.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,9,6,.44) 0%,rgba(1,9,6,.20) 42%,rgba(1,9,6,.04) 70%),url("assets/zenvora-hero-final.png");background-size:cover;background-position:center}
.hero-copy{position:relative;z-index:2;width:50%;padding:240px 0 60px 5.2%}
.eyebrow,.section-kicker{font:500 14px "Cormorant Garamond",serif;letter-spacing:2px;color:var(--gold2)}
.gold-line{display:block;width:86px;height:1px;background:var(--gold);margin:15px 0 18px}
.hero h1{font:600 clamp(54px,5vw,79px)/.95 "Cormorant Garamond",serif;color:#f4ddb1;letter-spacing:-1px}
.hero h1 em,.section-heading em,.quality-section em,.contact em{font-style:normal}
.hero-text{margin:25px 0 20px;max-width:460px;color:#e7e2d9;font-size:15px}
.gold-btn{border:1px solid var(--gold);background:transparent;color:var(--gold2);padding:14px 29px;border-radius:30px;letter-spacing:1.4px;font:500 13px "Cormorant Garamond",serif;cursor:pointer;display:inline-flex;align-items:center;gap:28px;transition:background .35s ease,color .35s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.gold-btn:hover{background:var(--gold);color:#111;transform:translateY(-3px);box-shadow:0 12px 24px rgba(215,168,63,.22)}
.trust-row{display:flex;gap:35px;margin-top:27px}.trust-row div{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:70px;color:var(--gold2)}
.trust-row span{font-size:26px;height:33px}.trust-row strong,.trust-row small{font:500 12px "Cormorant Garamond",serif;letter-spacing:1px}.trust-row small{font-size:11px}

.promise{position:relative;z-index:3;margin:-26px auto 0;width:89%;border:1px solid #927331;border-radius:14px 14px 0 0;background:linear-gradient(120deg,#031b12,#062217);padding:24px 25px;display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:28px}
.promise-intro{padding:10px 8px}.promise-intro>p:not(.section-kicker){font-size:13px;color:#e0ddd4;margin-top:10px}.signature{font:32px Parisienne,cursive;color:var(--gold2);margin-top:10px}
.promise-card{position:relative;border:1px solid rgba(204,166,74,.35);border-radius:7px;overflow:hidden;text-align:center;background:rgba(0,0,0,.12);padding-bottom:14px}
.card-img{height:125px;background-size:cover;background-position:center}.farm{background-image:url("assets/sourced-globally.png");background-position:center 58%}.selection{background-image:url("assets/expertly-selected.jpg");background-position:center bottom}.packed{background-image:url("assets/hygienically-packed.png");background-position:center}.delivery{background-image:url("assets/delivered-fresh.png");background-position:center 58%}
.round-icon{width:50px;height:50px;margin:-25px auto 4px;border:1px solid var(--gold);background:#082218;border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:22px;position:relative}
.promise-card h3{font:500 15px "Cormorant Garamond",serif;letter-spacing:1px;color:var(--gold2)}.promise-card p{font-size:11px;color:#ddd;padding:4px 13px}

.section{padding:105px 6%;background:#041810}.section-heading{text-align:center;max-width:700px;margin:0 auto 50px}.section-heading h2,.quality-section h2,.contact h2{font:600 clamp(40px,5vw,65px)/1 "Cormorant Garamond",serif;color:#f0dbad;margin:12px 0}.section-heading>p:last-child{color:#c9c8c0}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1250px;margin:auto}
.product-card{border:1px solid rgba(213,168,63,.28);background:#071f16;border-radius:10px;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .5s ease}.product-card:hover{transform:translateY(-9px);border-color:var(--gold);box-shadow:0 22px 48px rgba(0,0,0,.3)}
.product-visual{height:285px;background:radial-gradient(circle at 50% 35%,#7c552a,#24150b 42%,#080d0a 80%);position:relative;display:grid;place-items:center}.product-visual:before{content:"";width:135px;height:180px;border-radius:12px 12px 20px 20px;background:linear-gradient(90deg,#171c16,#4a3820,#171d17);box-shadow:0 20px 35px #000;display:block}.product-visual:after{content:"ZENVORA\A SPICES";white-space:pre;text-align:center;position:absolute;color:var(--gold2);font:600 18px "Cormorant Garamond",serif;line-height:1.2}.product-visual span{position:absolute;z-index:1;top:15px;right:15px;color:var(--gold2);font-size:9px;letter-spacing:1px;border:1px solid var(--gold);padding:5px;border-radius:10px}.cardamom{background:url("assets/cardamom-product.png") center/cover no-repeat}.cardamom:before,.cardamom:after{display:none}.cinnamon{background:url("assets/cinnamon-product.png") center/cover no-repeat}.cinnamon:before,.cinnamon:after{display:none}.pepper{background:url("assets/pepper-product.png") center/cover no-repeat}.pepper:before,.pepper:after{display:none}.cloves{background:url("assets/cloves-product.png") center/cover no-repeat}.cloves:before,.cloves:after{display:none}
.product-info{padding:18px}.product-info h3{font:600 27px "Cormorant Garamond",serif;color:#edd4a1}.product-info p{color:#bbb9b0;font-size:13px;min-height:44px}.product-info>div{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:var(--gold2);font-size:13px}.add-cart{background:none;border:1px solid var(--gold);color:var(--gold2);border-radius:18px;padding:7px 10px;font-size:10px;letter-spacing:.5px;cursor:pointer}

.quality-section{padding:100px 7%;display:grid;grid-template-columns:1fr 1.4fr;gap:90px;background:linear-gradient(120deg,#071f15,#020d09)}.quality-points{display:grid;gap:25px}.quality-points>div{display:grid;grid-template-columns:60px 1fr;column-gap:15px;border-bottom:1px solid #345143;padding-bottom:20px}.quality-points span{grid-row:span 2;color:var(--gold);font:22px "Cormorant Garamond",serif}.quality-points h3{font:26px "Cormorant Garamond",serif;color:#edd4a1}.quality-points p{font-size:13px;color:#bbb}

.recipes{background:#061b12}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:auto}.recipe-grid article{border:1px solid rgba(213,168,63,.25);padding-bottom:18px}.recipe-img{height:240px;background-size:cover;background-position:center}.curry{background-image:url("assets/recipe-curry.png");background-position:center 58%}.chai{background-image:url("assets/recipe-cardamom-chai.png");background-position:center 55%}.rice{background-image:url("assets/recipe-jeera-rice.png");background-position:center 55%}.recipe-grid h3{font:27px "Cormorant Garamond",serif;color:var(--gold2);padding:15px 18px 3px}.recipe-grid p{padding:0 18px;color:#bbb;font-size:13px}

.contact{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#020c08}.contact>div>p:last-child{color:#bbb;max-width:500px}.contact form{display:grid;gap:15px}.contact input,.contact textarea,.modal input{width:100%;border:1px solid #465b4d;background:#071b13;color:white;padding:14px 16px;border-radius:5px;outline:none}.contact input:focus,.contact textarea:focus,.modal input:focus{border-color:var(--gold)}

footer{text-align:center;padding:55px 20px;background:#010805;border-top:1px solid #1d3a2d}.footer-brand{font:600 32px "Cormorant Garamond",serif;color:var(--gold2);letter-spacing:2px}.footer-brand span{font-size:12px;letter-spacing:4px}.footer-links{display:flex;justify-content:center;gap:25px;margin:22px 0;color:#bbb;font-size:12px}.footer-links a:hover{color:var(--gold2)}footer p,footer small{color:#777;font-size:12px}

.modal{position:fixed;inset:0;background:#000b;z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{position:relative;width:min(500px,100%);background:#061a12;border:1px solid var(--gold);padding:40px;border-radius:10px}.modal-box h2{font:45px "Cormorant Garamond",serif;color:#efd6a4;margin:12px 0 25px}.modal-box input{margin-bottom:15px}.close-modal{background:none;border:0;color:var(--gold2);font-size:30px;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1)}.close-modal:hover{transform:rotate(90deg)}.search-result{padding:14px 0;border-bottom:1px solid rgba(240,207,122,.15);color:#ddd;animation:reveal .4s both}.search-overlay{background:rgba(2,12,8,.92);backdrop-filter:blur(20px);padding:0;align-items:start}.search-shell{width:min(860px,100%);margin:12vh auto 0;opacity:0;transform:translateY(-22px);transition:.5s cubic-bezier(.16,1,.3,1)}.search-overlay.open .search-shell{opacity:1;transform:none}.search-topline{display:flex;justify-content:space-between;align-items:center;color:var(--gold2);font-size:11px;letter-spacing:2px;padding-bottom:23px;border-bottom:1px solid rgba(240,207,122,.25)}.search-field{display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(240,207,122,.45);padding:28px 4px 18px}.search-field svg{width:27px;height:27px;fill:none;stroke:var(--gold2);stroke-width:1.3;stroke-linecap:round}.search-field input{border:0;background:transparent;color:#fff;font:500 clamp(26px,4vw,48px) "Cormorant Garamond",serif;outline:0;width:100%;padding:0}.search-field input::placeholder{color:#a7a198}.search-hint{font-size:12px;color:#9e9d94;margin:15px 0}

.cart-drawer{position:fixed;z-index:101;right:0;top:0;height:100vh;width:min(430px,100%);background:#061a12;border-left:1px solid var(--gold);padding:25px;transform:translateX(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 60px #0006}.cart-drawer.open{transform:none}.drawer-backdrop{position:fixed;inset:0;background:#0008;z-index:100;display:block;opacity:0;pointer-events:none;transition:opacity .4s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #284436;padding-bottom:15px}.drawer-head h2{font:34px "Cormorant Garamond",serif;color:var(--gold2)}.drawer-head button{background:none;border:0;color:white;font-size:30px;cursor:pointer}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #203c30}.cart-item small{color:#aaa}.remove-item{border:0;background:none;color:#d77;cursor:pointer}.cart-total{display:flex;justify-content:space-between;margin:25px 0;font-size:18px;color:var(--gold2)}.checkout{width:100%;justify-content:center}.empty-cart{color:#888;padding:30px 0}
.grain{position:fixed;inset:0;z-index:90;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:91;width:260px;height:260px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(215,168,63,.1),transparent 65%);transform:translate(-50%,-50%);transition:opacity .25s ease;mix-blend-mode:screen}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (hover:hover){body:has(a:hover,button:hover) .cursor-glow{opacity:1}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.toast{position:fixed;z-index:200;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:#e7c267;color:#111;padding:11px 18px;border-radius:22px;font-size:12px;transition:.3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){.desktop-nav{gap:20px}.site-header{padding-left:3%;padding-right:3%}.promise{grid-template-columns:1fr 1fr 1fr}.promise-intro{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  body{font-size:15px}.site-header{height:74px;padding:10px 16px;gap:8px;background:rgba(3,19,13,.46);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header.scrolled{height:68px}.brand{width:54px}.brand-logo{width:46px;height:46px}.desktop-nav{display:none}.header-actions{margin-left:auto;gap:2px}.icon-btn,.menu-btn{width:44px;height:44px}.icon-btn{font-size:21px}.menu-btn{display:block}
  .mobile-menu{position:fixed;z-index:19;top:0;right:-100%;display:flex;flex-direction:column;width:min(84vw,370px);height:100dvh;overflow-y:auto;padding:104px 28px calc(36px + env(safe-area-inset-bottom));background:linear-gradient(155deg,#06261a,#020c08);border-left:1px solid rgba(240,207,122,.5);gap:8px;box-shadow:-20px 0 55px rgba(0,0,0,.48);transition:right .55s cubic-bezier(.16,1,.3,1)}.mobile-menu.open{right:0}.mobile-menu a{font:600 24px "Cormorant Garamond",serif;letter-spacing:.5px;color:#e9d09d;border-bottom:1px solid rgba(240,207,122,.16);padding:15px 4px}.mobile-menu a:active{color:#fff;background:rgba(240,207,122,.08)}
  .hero{min-height:max(720px,100svh)}.hero-art{background-size:cover;background-position:66% center;opacity:1}.hero-copy{width:100%;min-height:max(720px,100svh);display:flex;flex-direction:column;justify-content:center;padding:115px 24px 52px;background:linear-gradient(90deg,rgba(2,12,8,.86) 0%,rgba(2,12,8,.58) 48%,rgba(2,12,8,.06) 100%)}.hero h1{font-size:clamp(44px,12vw,58px);max-width:390px}.hero-text{font-size:14px;max-width:335px}.gold-btn{min-height:46px;padding:12px 22px}.trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:25px;max-width:340px}.trust-row div{min-width:0;align-items:flex-start;text-align:left;display:grid;grid-template-columns:31px 1fr;column-gap:7px}.trust-row span{grid-row:span 2;font-size:22px;height:auto}.trust-row strong,.trust-row small{font-size:11px}.trust-row small{font-size:9px}
  .promise{width:calc(100% - 24px);margin:-18px auto 0;grid-template-columns:1fr 1fr;padding:16px 10px;gap:10px;border-radius:12px 12px 0 0}.promise-intro{grid-column:1/-1}.promise-intro>p:not(.section-kicker){font-size:12px}.promise-card .card-img{height:100px}.promise-card h3{font-size:13px}.promise-card p{font-size:10px;padding-inline:8px}.round-icon{width:42px;height:42px;font-size:18px;margin-top:-21px}
  .section{padding:70px 20px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(38px,11vw,52px)}.product-grid,.recipe-grid{grid-template-columns:1fr;gap:16px}.product-visual{height:min(82vw,350px)}.product-info{padding:18px}.product-info h3{font-size:28px}.product-info>div{gap:10px}.add-cart{min-height:36px;padding:8px 12px}.quality-section,.contact{grid-template-columns:1fr;gap:38px;padding:70px 24px}.quality-section h2,.contact h2{font-size:clamp(42px,12vw,54px)}.recipe-img{height:min(61vw,260px)}
  .contact input,.contact textarea{font-size:16px}.footer-links{flex-wrap:wrap;gap:12px 20px}.modal-box{padding:32px 22px}.search-shell{width:calc(100% - 40px);margin:11vh auto 0}.search-field{gap:12px;padding-top:22px}.search-field input{font-size:32px}.search-hint{font-size:11px}.cart-drawer{width:100%;padding:20px;overflow-y:auto}.cart-item{gap:14px}.toast{width:max-content;max-width:calc(100% - 32px);text-align:center}
}
@media(max-width:430px){.header-actions .icon-btn:nth-child(2){display:none}.hero-copy{padding-left:20px;padding-right:20px}.eyebrow{font-size:11px;letter-spacing:1.5px}.gold-btn{padding:12px 18px;gap:18px}.promise{grid-template-columns:1fr}.promise-intro{grid-column:auto}.promise-card .card-img{height:130px}.product-info>div{align-items:flex-start;flex-direction:column}.add-cart{width:100%;justify-content:center}.quality-points>div{grid-template-columns:42px 1fr}.quality-points h3{font-size:23px}}

/* Copy-first mobile hero: keep text away from the product labels in the artwork. */
@media(max-width:760px){
  .hero{min-height:880px;background:#020c08}
  .hero-art{background-size:cover,auto 52%;background-position:center,72% bottom;background-repeat:no-repeat;opacity:1}
  .hero-copy{min-height:880px;justify-content:flex-start;padding:142px 24px 30px;background:linear-gradient(180deg,rgba(2,12,8,.98) 0%,rgba(2,12,8,.96) 43%,rgba(2,12,8,.76) 59%,rgba(2,12,8,.18) 100%)}
  .hero h1{max-width:360px;font-size:clamp(42px,11.5vw,54px);line-height:.98;margin-top:4px}
  .hero-text{max-width:330px;line-height:1.55;margin:18px 0}
  .hero-copy .gold-btn{align-self:flex-start;margin-top:2px;background:rgba(2,12,8,.38)}
  .trust-row{margin-top:31px;padding:14px 12px;max-width:370px;border:1px solid rgba(240,207,122,.22);border-radius:12px;background:rgba(2,12,8,.55);backdrop-filter:blur(7px)}
  .trust-row div{grid-template-columns:27px 1fr}.trust-row span{font-size:20px}.trust-row strong{font-size:10px}.trust-row small{font-size:8px;letter-spacing:.8px}
}
@media(max-width:430px){
  .hero{min-height:850px}.hero-copy{min-height:850px;padding:128px 20px 24px}.hero-art{background-size:cover,auto 48%;background-position:center,72% bottom}.hero h1{font-size:44px}.hero-text{font-size:13px;max-width:300px}.trust-row{margin-top:25px;padding:12px 10px;gap:11px 6px}
}

/* Full-bleed mobile composition: the product artwork remains present, with a copy-safe left vignette. */
@media(max-width:760px){
  .hero{min-height:max(760px,100svh)}
  .hero-art{background-image:linear-gradient(90deg,rgba(2,12,8,.90) 0%,rgba(2,12,8,.72) 42%,rgba(2,12,8,.17) 100%),linear-gradient(0deg,rgba(2,12,8,.55) 0%,transparent 43%),url("assets/zenvora-hero-final.png");background-size:cover,cover,cover;background-position:center,center,28% center;background-repeat:no-repeat}
  .hero-copy{min-height:max(760px,100svh);justify-content:center;padding:106px 24px 30px;background:transparent}
  .hero h1{max-width:340px;margin-top:0}.hero-text{max-width:315px;margin:18px 0}.hero-copy .gold-btn{background:rgba(2,12,8,.22)}
  .trust-row{margin-top:28px;background:rgba(2,12,8,.38);border-color:rgba(240,207,122,.18)}
}
@media(max-width:430px){
  .hero{min-height:780px}.hero-copy{min-height:780px;padding:95px 20px 24px}.hero-art{background-position:center,center,28% center}.hero h1{font-size:43px}.trust-row{margin-top:22px}
}

/* Phone layout: copy and product photography are separate, intentionally sized panels. */
@media(max-width:760px){
  .hero{display:flex;flex-direction:column;min-height:0;background:#03130d;overflow:visible}
  .hero-copy{position:relative;order:1;width:100%;min-height:0;padding:116px 24px 32px;background:radial-gradient(circle at 88% 8%,rgba(48,78,47,.35),transparent 37%),#03130d}
  .hero-art{position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:3/2;background-image:url("assets/zenvora-hero-final.png");background-size:cover;background-position:center;opacity:1}
  .hero h1{max-width:380px;font-size:clamp(42px,11vw,54px);line-height:.98}.hero-text{max-width:365px;margin:17px 0}.hero-copy .gold-btn{background:transparent}
  .trust-row{max-width:none;margin-top:25px;padding:13px 12px;background:rgba(6,31,21,.7);border-color:rgba(240,207,122,.23)}
  .promise{margin-top:0;border-radius:0 0 12px 12px}
}
@media(max-width:430px){
  .hero-copy{min-height:0;padding:104px 20px 25px}.hero h1{font-size:43px}.hero-text{max-width:320px}.trust-row{margin-top:21px}.hero-art{aspect-ratio:3/2}
}

/* Scale the mobile artwork around the spice packs instead of showing the entire desktop scene as a thumbnail. */
@media(max-width:760px){
  .hero-art{height:350px;aspect-ratio:auto;background-size:auto 138%;background-position:84% 55%;border-top:1px solid rgba(240,207,122,.22);box-shadow:inset 0 22px 35px rgba(3,19,13,.5)}
}
@media(max-width:430px){
  .hero-art{height:320px;background-size:auto 136%;background-position:84% 55%}
}

/* Reference-matched mobile hero: one immersive scene with minimal layered copy. */
@media(max-width:760px){
  .site-header{background:linear-gradient(180deg,rgba(2,8,6,.86),rgba(2,8,6,.2));backdrop-filter:none;-webkit-backdrop-filter:none;border:0}
  .site-header.scrolled{background:rgba(3,19,13,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .hero{display:block;position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#020b07}
  .hero-art{position:absolute;inset:0;display:block;width:auto;height:auto;aspect-ratio:auto;order:initial;border:0;box-shadow:none;opacity:1;background-image:linear-gradient(90deg,rgba(2,10,7,.90) 0%,rgba(2,10,7,.71) 42%,rgba(2,10,7,.18) 100%),linear-gradient(0deg,rgba(2,10,7,.82) 0%,rgba(2,10,7,.05) 48%,rgba(2,10,7,.48) 100%),url("assets/zenvora-hero-final.png");background-size:cover,cover,cover;background-position:center,center,66% center;background-repeat:no-repeat}
  .hero-copy{position:relative;z-index:2;width:100%;min-height:100svh;padding:118px 36px 54px;display:flex;flex-direction:column;justify-content:center;background:transparent}
  .eyebrow{font-size:12px;letter-spacing:3.1px}.gold-line{width:38px;margin:15px 0 22px}.hero h1{font-size:clamp(48px,12.4vw,62px);line-height:.94;max-width:350px;letter-spacing:-.5px}.hero-text{max-width:365px;margin:23px 0 30px;color:rgba(243,234,214,.78);font-size:16px;line-height:1.7}.hero-copy .gold-btn{align-self:flex-start;min-height:58px;padding:16px 30px;background:linear-gradient(135deg,#f0cf7a,#c9942e);border-color:#f0cf7a;border-radius:34px;color:#14100a;font:600 15px Inter,Arial,sans-serif;letter-spacing:.5px;box-shadow:0 10px 30px rgba(215,168,63,.22)}
  .hero-copy .gold-btn span{font-size:18px}.trust-row{display:none}.promise{margin-top:0;border-radius:0}
}
@media(max-width:430px){
  .hero{min-height:100svh;height:100svh}.hero-art{background-position:center,center,66% center}.hero-copy{min-height:100svh;padding:102px 28px 42px}.eyebrow{font-size:11px;letter-spacing:2.6px}.hero h1{font-size:49px}.hero-text{font-size:15px;line-height:1.62;margin:20px 0 26px}.hero-copy .gold-btn{min-height:54px;padding:14px 25px;font-size:14px}
}

/* Scroll-driven depth: enabled only after the interaction script has loaded. */
main{perspective:1200px;perspective-origin:50% 40%}
.motion-ready .scroll-3d{opacity:var(--scroll-opacity,0);transform:translate3d(0,var(--scroll-y,42px),var(--scroll-z,-35px)) rotateX(var(--scroll-x,7deg)) rotateY(var(--scroll-yaw,0deg));transform-origin:center center;transform-style:preserve-3d;will-change:transform,opacity;transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .66s cubic-bezier(.16,1,.3,1)}
.motion-ready .product-card.scroll-3d:hover{transform:translate3d(0,calc(var(--scroll-y,0px) - 8px),var(--scroll-z,0px)) rotateX(var(--scroll-x,0deg)) rotateY(var(--scroll-yaw,0deg));box-shadow:0 24px 52px rgba(0,0,0,.34)}
.motion-ready .promise-card.scroll-3d:hover{transform:translate3d(0,calc(var(--scroll-y,0px) - 5px),var(--scroll-z,0px)) rotateX(var(--scroll-x,0deg)) rotateY(var(--scroll-yaw,0deg))}
@media(max-width:760px){.motion-ready .scroll-3d{transform:translate3d(0,var(--scroll-y,22px),0) rotateX(var(--scroll-x,4deg)) rotateY(var(--scroll-yaw,0deg))}}