:root{
  --forest:#032d22;
  --forest-2:#06382a;
  --forest-3:#0a4735;
  --cream:#f4f0e5;
  --gold:#d8b94f;
  --muted:#aeb9b2;
  --line:rgba(244,240,229,.16);
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Manrope", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--forest);font-family:var(--sans);font-weight:400}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent);transition:.3s}
.site-header.scrolled{background:rgba(3,45,34,.95);backdrop-filter:blur(14px)}
.brand,.footer-brand{font-family:var(--serif);font-size:31px;letter-spacing:.16em}
.nav{display:flex;gap:32px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.nav a{opacity:.85;transition:.2s}.nav a:hover{opacity:1;color:var(--gold)}
.header-cta{border:1px solid rgba(255,255,255,.55);padding:11px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:100svh;background:url("assets/page-1.jpg") center/cover;position:relative;color:#fff;display:flex;align-items:center;padding:130px 8vw 70px}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,26,19,.86),rgba(1,26,19,.2) 70%),linear-gradient(0deg,rgba(1,20,14,.55),transparent 50%)}
.hero-content{position:relative;max-width:760px}

.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 20px;font-weight:600}
.gold{color:var(--gold)}
.hero h1{font:500 clamp(64px,9vw,132px)/.78 var(--serif);letter-spacing:-.035em;margin:0 0 35px}
.hero h1 em,h2 em{font-weight:400}
.hero-copy{max-width:580px;font-size:16px;line-height:1.8;color:#e1e8e4}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}
.btn{display:inline-block;border:0;padding:16px 23px;font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.16em;cursor:pointer}
.btn-gold{background:var(--gold);color:#152a21}
.text-link{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.text-link span{margin-left:8px;font-size:16px}
.scroll-note{position:absolute;bottom:30px;right:7vw;font-size:9px;letter-spacing:.18em;opacity:.7}
.scroll-note span{margin-left:8px}
.container{width:min(1180px,88vw);margin:auto}
.intro{padding:130px 0;background:var(--cream)}
.intro-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:7vw}
.section-label{font-size:10px;letter-spacing:.18em;opacity:.55}
h2{font:500 clamp(50px,6vw,88px)/.88 var(--serif);letter-spacing:-.03em;margin:0 0 32px}
.lead{font-size:18px;line-height:1.8;max-width:760px;color:#496157}
.text-link.dark{display:inline-block;margin-top:12px}
.section-dark{background:var(--forest);color:var(--cream);padding:125px 0}
.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:end;margin-bottom:70px}
.section-intro{font-size:15px;line-height:1.8;color:var(--muted);max-width:440px}
.product-card{display:grid;grid-template-columns:1fr 1fr;background:#0a3a2c;margin-bottom:42px;min-height:620px}
.product-card.reverse{grid-template-columns:1fr 1fr}.product-card.reverse .product-image{order:2}.product-card.reverse .product-info{order:1}
.product-image{background-position:center;background-size:cover;min-height:520px}
.cardamom-image{background-image:url("assets/cardamom.jpg")}
.pepper-image{background-image:url("assets/pepper.jpg")}
.product-info{padding:60px 6vw;display:flex;flex-direction:column;justify-content:center}
.product-number{color:var(--gold);font-size:10px;letter-spacing:.18em}
.product-info h3{font:500 clamp(45px,5vw,70px)/.9 var(--serif);margin:12px 0 8px}
.product-kicker{color:var(--gold);font-size:10px;letter-spacing:.2em}
.product-info p{color:#c4d0ca;line-height:1.75;font-size:14px}
.product-info ul{padding:0;list-style:none;border-top:1px solid var(--line);margin:15px 0 25px}
.product-info li{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;color:#dbe3de}
.product-info li::before{content:"—";color:var(--gold);margin-right:10px}
.outline-btn{align-self:flex-start;border:1px solid rgba(244,240,229,.45);padding:13px 17px;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.why{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.why-image{min-height:760px;background:url("assets/page-4.jpg") center/cover}
.why-panel{padding:120px 8vw}
.benefits{margin-top:50px}
.benefits div{display:grid;grid-template-columns:35px 1fr;gap:15px;border-top:1px solid rgba(3,45,34,.16);padding:14px 0}
.benefits span{font-size:9px;color:#8b8f6e;letter-spacing:.12em}.benefits p{margin:0;font-size:13px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--forest);color:var(--cream)}
.about-photo{min-height:720px;background:url("assets/western-ghats.jpg") center/cover}
.about-content{padding:110px 8vw;display:flex;flex-direction:column;justify-content:center}
.about-content h2{max-width:700px}.about-content>p:not(.eyebrow){color:#bdcbc4;line-height:1.9;max-width:690px;font-size:15px}
.signature-line{display:flex;justify-content:space-between;max-width:620px;border-top:1px solid var(--line);margin-top:45px;padding-top:18px;color:var(--gold);font:500 17px var(--serif);font-style:italic}
.promise{position:relative;min-height:720px;background:var(--forest);color:var(--cream);overflow:hidden;display:flex;align-items:center}
.promise-bg{position:absolute;inset:0;background:url("assets/foliage-pattern.jpg") center/cover;opacity:.22}
.promise-content{position:relative;width:min(820px,80vw);margin:auto;text-align:center}
.promise-content h2{font-size:clamp(55px,7vw,100px)}
.promise-content>p:not(.eyebrow){color:#c6d1cc;line-height:1.85;font-size:15px;max-width:720px;margin:15px auto}
.promise-points{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:40px}
.promise-points span{border:1px solid var(--line);padding:11px 15px;font-size:9px;letter-spacing:.14em}
.founder{padding:125px 0;background:var(--cream)}
.founder-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10vw}
.founder-copy{border-left:1px solid rgba(3,45,34,.18);padding-left:45px;max-width:650px}
.founder-copy h3{font:500 54px var(--serif);margin:0}.founder-copy>p:first-of-type{color:#9c8b43;text-transform:uppercase;font-size:10px;letter-spacing:.18em}
.founder-copy p{line-height:1.9;color:#53675e;font-size:15px}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--forest);color:var(--cream)}
.contact-art{background:url("assets/foliage-rain.jpg") center/cover;min-height:780px}
.contact-content{padding:100px 8vw}
.contact-content>p:not(.eyebrow){color:#b8c6bf;line-height:1.7;max-width:540px}
.contact-form{margin-top:35px;max-width:700px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#aebdb6;margin-bottom:17px}
input,select,textarea{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:13px 0;color:#fff;font:14px var(--sans);outline:0}
select option{color:#000}textarea{resize:vertical}.contact-form .btn{margin-top:8px}
.contact-details{display:flex;flex-wrap:wrap;gap:25px;margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:#c9d4cf}
footer{background:#021f18;color:#aebbb5;padding:35px 6vw;display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
footer p{opacity:.7}.footer-right{margin-left:auto}.footer-right a:hover{color:var(--gold)}
.reveal{animation:rise 1s .1s both}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:800px){
  .nav,.header-cta{display:none}.menu-toggle{display:block}
  .site-header.menu-open{background:rgba(3,45,34,.98);backdrop-filter:blur(14px)}
  .site-header.menu-open .nav{display:flex;position:absolute;top:78px;left:0;right:0;background:rgba(3,45,34,.98);padding:25px 7vw;flex-direction:column;gap:18px;z-index:1001}
  .site-header.menu-open .nav a{display:block;padding:10px 0;color:#fff}
  .site-header.menu-open .header-cta{display:block;position:absolute;top:255px;left:7vw}
  .hero{padding:125px 7vw 80px;min-height:92svh}.hero h1{font-size:70px}.hero-copy{font-size:14px}
  .intro,.section-dark,.why-panel,.about-content,.contact-content,.founder{padding-top:85px;padding-bottom:85px}
  .intro-grid,.section-heading,.founder-grid{grid-template-columns:1fr;gap:30px}
  .product-card,.product-card.reverse{grid-template-columns:1fr}.product-card.reverse .product-image,.product-card.reverse .product-info{order:initial}
  .product-image{min-height:390px}.product-info{padding:45px 8vw}
  .why,.about,.contact{grid-template-columns:1fr}.why-image{min-height:400px}.about-photo,.contact-art{min-height:430px}
  .signature-line{gap:20px}.form-row{grid-template-columns:1fr;gap:0}
  footer{flex-wrap:wrap}.footer-right{margin-left:0;width:100%}
  .image-marquee { padding: 20px 0; }
  .marquee-track { animation-duration: 30s !important; }
  .marquee-track figure { flex-basis: 74vw; width: 74vw; height: 210px; }
}


/* CARDORA gallery: robust seamless automatic scrolling */
html, body { max-width: 100%; overflow-x: hidden; }
.image-marquee {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden !important;
  position: relative;
  isolation: isolate;
  padding: 34px 0;
  background: var(--forest, #032d22);
  border-top: 1px solid rgba(216,185,79,.25);
  border-bottom: 1px solid rgba(216,185,79,.25);
}
.marquee-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  width: max-content !important;
  max-width: none !important;
  gap: 0 !important;
  animation: cardora-gallery-loop 36s linear infinite !important;
  will-change: transform;
  transform: translate3d(0,0,0);
}
.marquee-group {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 22px;
  padding-right: 22px;
}
.marquee-group figure {
  display: block;
  position: relative;
  flex: 0 0 clamp(220px, 29vw, 390px);
  width: clamp(220px, 29vw, 390px);
  height: clamp(180px, 22vw, 280px);
  margin: 0;
  overflow: hidden;
  background: #06382a;
}
.marquee-group img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.marquee-group figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 30px 18px 16px;
  color: #fff;
  font: 600 10px var(--sans, Arial, sans-serif);
  letter-spacing: .16em;
  text-transform: uppercase;
  background: linear-gradient(transparent, rgba(1,20,14,.8));
}
@keyframes cardora-gallery-loop {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}
@media (max-width: 800px) {
  .image-marquee { padding: 20px 0; }
  .marquee-track { animation-duration: 30s !important; }
  .marquee-group { gap: 14px; padding-right: 14px; }
  .marquee-group figure { flex-basis: 74vw; width: 74vw; height: 210px; }
}
@media (hover: hover) and (pointer: fine) {
  .image-marquee:hover .marquee-track { animation-play-state: paused !important; }
}
/* Intentionally keep the animation enabled even if the device requests reduced motion. */


/* CARDORA mobile hero fix: resize the hero image independently of the desktop layout */
@media (max-width: 800px) {
  .hero {
    width: 100%;
    height: 78svh;
    min-height: 520px;
    max-height: 820px;
    padding: 105px 6vw 48px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .hero {
    height: 74svh;
    min-height: 480px;
    max-height: 700px;
    padding: 100px 5vw 40px;
  }
}