/* Kadal Fresh design system. Tokens first, components after. */
@font-face{font-family:"Outfit";src:url("../fonts/outfit.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --fresh:#1F8A4C;
  /* colour */
  --deep:#12372A;--deep-2:#0C2A20;--leaf:#2E9E5B;--green-text:#17703D;--chilli:#C62F25;--chilli-dark:#A9261D;--chilli-bright:#D9382E;
  --avocado:#C5E05A;--mist:#F4F8F2;--sage:#E6EFE4;--ink:#16241D;--muted:#4D5F55;--line:#D5E1D7;--white:#fff;
  --on-dark:#E3EDE5;--on-dark-muted:#CFE0D4;
  --cream:#FAF6EE;--cream-2:#F3EDE0;--seed:#8A5A2B;--skin:#1F7A3A;--lime-soft:#EEF5D2;--leaf-soft:#E2F2E8;--chilli-soft:#FBE8E5;--leaf-bright:#6FD39A;--chilli-glow:#F07468;
  /* type */
  --font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-head:"Outfit","Segoe UI",system-ui,-apple-system,sans-serif;
  --fs-body:1.0625rem;--fs-small:.94rem;--fs-label:.8rem;--fs-lead:1.2rem;
  --fs-h1:clamp(2.2rem,5.4vw,4.1rem);--fs-h1-page:clamp(2rem,4.4vw,3.3rem);--fs-h2:clamp(1.65rem,3.2vw,2.5rem);--fs-h3:1.25rem;
  --lh-body:1.65;--lh-head:1.1;--measure:66ch;
  /* space */
  --s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--section:clamp(3.5rem,8vw,6.5rem);
  --wrap:1180px;--gutter:20px;
  /* shape */
  --r-sm:12px;--r-md:18px;--r-lg:24px;--r-pill:999px;
  --shadow:0 16px 36px -24px rgba(18,55,42,.4);
  --focus:3px solid #0B63CE;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);background:var(--white);font-weight:400}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:var(--green-text);text-underline-offset:3px}
a:hover{color:var(--deep)}
:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-weight:700;line-height:var(--lh-head);letter-spacing:-.02em;color:var(--deep);margin:0;text-wrap:balance}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);letter-spacing:-.01em;line-height:1.25}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0}
.wrap{width:min(var(--wrap),100% - 2*var(--gutter));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--deep);color:#fff;padding:12px 18px;z-index:100;border-radius:0 0 var(--r-sm) 0}
.skip:focus{left:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-label);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green-text)}
.eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--chilli-bright)}
.lead{font-size:var(--fs-lead);color:var(--muted);max-width:var(--measure);line-height:1.55}
.prose{display:flex;flex-direction:column;gap:var(--s3);max-width:var(--measure)}
.prose p{color:var(--ink)}
.small{font-size:var(--fs-small);color:var(--muted)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px;position:relative}
.brand{display:inline-flex;align-items:center}
.brand img{height:64px;width:auto}
.nav{display:flex;align-items:center;gap:2px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:var(--r-pill);color:var(--deep);text-decoration:none;font-weight:500;font-size:1rem}
.nav a:hover{background:var(--mist)}
.nav a[aria-current="page"]{background:var(--sage);font-weight:600}
.nav a.btn{color:#fff;margin-left:8px;padding:0 20px;min-height:46px}
.nav a.btn:hover{background:var(--chilli-dark)}
.nav-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;align-items:center;justify-content:center;cursor:pointer;color:var(--deep)}
.nav-toggle svg{width:24px;height:24px;stroke:currentColor}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r-pill);background:var(--chilli);color:#fff;font-weight:600;font-size:1.02rem;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;line-height:1.2;text-align:center;transition:background .15s ease,transform .15s ease}
.btn:hover{background:var(--chilli-dark);color:#fff}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
.btn.ghost:hover{background:#fff;color:var(--deep)}
.btn.green{background:var(--deep)}
.btn.green:hover{background:var(--deep-2)}
.btn.outline{background:transparent;border-color:var(--deep);color:var(--deep)}
.btn.outline:hover{background:var(--deep);color:#fff}
.btn[disabled]{opacity:.6;cursor:progress}
.btn-row{display:flex;flex-wrap:wrap;gap:14px}

/* hero */
.hero{position:relative;color:#fff;background:var(--deep);overflow:hidden;isolation:isolate}
.hero picture,.hero .hero-img{position:absolute;inset:0;width:100%;height:100%}
.hero .hero-img{object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(12,42,32,.95) 0%,rgba(12,42,32,.82) 45%,rgba(12,42,32,.38) 100%)}
.hero .wrap{position:relative;z-index:2;padding:clamp(4rem,10vw,8.5rem) 0 clamp(5rem,11vw,9rem);display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.hero h1{color:#fff;max-width:17ch}
.hero .eyebrow{color:var(--avocado)}
.hero .lead{color:var(--on-dark);max-width:54ch}
.hero .curve{position:absolute;left:0;right:0;bottom:-1px;z-index:2;width:100%;height:clamp(28px,5vw,64px);display:block}
.page-hero .wrap{padding:clamp(3rem,7vw,5.5rem) 0 clamp(4rem,8vw,6.5rem)}
.page-hero h1{font-size:var(--fs-h1-page);max-width:20ch}
.crumbs{font-size:var(--fs-small);color:var(--on-dark-muted)}
.crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.7}
.crumbs a{color:#fff;display:inline-block;padding:6px 0}

/* stats */
.stats{background:var(--deep-2);color:#fff}
.stats .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.stat{padding:30px 24px;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:6px}
.stat:first-child{border-left:0;padding-left:0}
.stat b{font-size:clamp(2rem,3.6vw,2.8rem);font-weight:700;line-height:1;color:var(--avocado);letter-spacing:-.02em}
.stat span{color:var(--on-dark-muted);font-size:var(--fs-small);line-height:1.45}

/* sections */
section{padding:var(--section) 0}
.tint{background:var(--mist)}
.dark{background:var(--deep);color:var(--on-dark)}
.dark h2,.dark h3{color:#fff}
.dark .eyebrow{color:var(--avocado)}
.dark .lead,.dark .small{color:var(--on-dark-muted)}
.dark a{color:var(--avocado)}
.head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(2rem,4.5vw,3.25rem);max-width:800px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));gap:clamp(2rem,5.5vw,5rem);align-items:center}
.split.top{align-items:start}
.copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.stack{display:flex;flex-direction:column;gap:clamp(2.25rem,5vw,3.75rem)}

/* photos */
figure{margin:0}
.photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--sage)}
.photo.leaf{border-radius:110px var(--r-lg) var(--r-lg) var(--r-lg)}
.photo img{width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
.photo.tall img{aspect-ratio:4/5}
.photo.wide img{aspect-ratio:16/9}
figcaption{font-size:var(--fs-small);color:var(--muted);padding:10px 4px 0;line-height:1.45}
.duo{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:end}
.duo figure:last-child{transform:translateY(30px)}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s ease,border-color .2s ease}
.card:hover{box-shadow:var(--shadow);border-color:#B9CDBD}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.card .body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.card p{color:var(--muted);font-size:1rem}
.card h3 a{color:var(--deep);text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0}
.card .more{margin-top:auto;padding-top:8px;font-weight:600;color:var(--chilli-dark);display:inline-flex;align-items:center;gap:8px;min-height:32px}
.cards.compact{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px}
.cards.compact .body{padding:20px}
.tag{align-self:flex-start;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--green-text);background:var(--sage);padding:6px 12px;border-radius:var(--r-pill)}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px;display:flex;flex-direction:column;gap:10px}
.tile p,.tile li{color:var(--muted);font-size:1rem}
.tile .num{font-weight:700;color:var(--chilli-dark);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase}
.dark .tile{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.dark .tile p,.dark .tile li{color:var(--on-dark-muted)}
.dark .tile .num{color:var(--avocado)}
.tile ul{padding-left:1.1rem;display:flex;flex-direction:column;gap:6px}

.checks{list-style:none;padding:0;display:flex;flex-direction:column;gap:13px;max-width:var(--measure)}
.checks li{position:relative;padding-left:36px}
.checks li::before{content:"";position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.chips li{padding:8px 16px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);font-weight:500;color:var(--deep);font-size:1rem}
.chips a{color:var(--deep);text-decoration:none;display:inline-block}
.chips li.link{padding:0}
.chips li.link a{padding:8px 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--r-pill)}
.chips li.link a:hover{background:var(--sage)}

.note{border:1px solid #B9CDBD;background:#fff;border-radius:var(--r-sm);padding:18px 20px;max-width:var(--measure);color:var(--ink);font-size:1rem}
.note strong{color:var(--deep)}

/* spec table */
.table-box{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--line);background:#fff}
.spec{width:100%;border-collapse:collapse;font-size:1rem;min-width:300px}
.spec caption{text-align:left;font-weight:700;color:var(--deep);padding:16px 20px;border-bottom:1px solid var(--line);font-size:1.05rem}
.spec th,.spec td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.spec th{width:32%;color:var(--deep);font-weight:600;background:var(--mist)}
.spec td{color:var(--muted)}

/* faq */
.faq{display:flex;flex-direction:column;gap:12px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font-weight:600;color:var(--deep);position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--green-text);line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 20px 20px;color:var(--muted)}

.subnav{background:#fff;border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}
.subnav a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:var(--r-pill);text-decoration:none;color:var(--deep);font-weight:500;background:var(--mist)}
.subnav a:hover{background:var(--sage)}
.anchor{scroll-margin-top:96px}

/* markets */
.market h3{margin-bottom:12px}
.market ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.market li{padding-left:18px;position:relative}
.market li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--leaf)}
.dark .market li::before{background:var(--avocado)}

/* cta */
.cta{background:var(--chilli);color:#fff;padding:clamp(3rem,6.5vw,5rem) 0}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px}
.cta h2{color:#fff;max-width:22ch}
.cta p{color:#fff;margin-top:10px;max-width:52ch}
.cta .btn{background:#fff;color:var(--chilli-dark)}
.cta .btn:hover{background:var(--deep);color:#fff}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:clamp(2rem,5vw,4rem);align-items:start}
.info{display:flex;flex-direction:column;gap:20px}
.info-item{display:flex;gap:16px;align-items:flex-start}
.info-item .ico{flex:0 0 48px;height:48px;border-radius:14px;background:var(--sage);display:flex;align-items:center;justify-content:center}
.info-item .ico svg{width:22px;height:22px;stroke:var(--deep);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.info-item b{display:block;color:var(--deep);font-weight:600}
.info-item span{color:var(--muted)}
.info-item a{display:inline-block;padding:4px 0;font-weight:500}
.email-big{font-size:1.25rem;font-weight:600;word-break:break-word}
.copy-btn{font:inherit;font-size:var(--fs-small);font-weight:600;border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:var(--r-pill);padding:0 14px;min-height:36px;cursor:pointer;margin-left:6px}
.copy-btn:hover{background:var(--sage)}
form.enquiry{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.25rem,3.5vw,2.25rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;box-shadow:var(--shadow)}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full,form.enquiry fieldset,form.enquiry .full{grid-column:1/-1}
.field label,legend{font-weight:600;color:var(--deep);font-size:.98rem}
.req{color:var(--chilli-dark)}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;padding:13px 15px;border-radius:var(--r-sm);border:1.5px solid #B9CDBD;background:#fff;color:var(--ink);min-height:50px;width:100%}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:var(--focus);outline-offset:1px}
.field .hint{font-size:.88rem;color:var(--muted)}
.field .err{font-size:.9rem;color:var(--chilli-dark);font-weight:600}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--chilli)}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{padding:0;margin-bottom:8px}
.options{display:flex;flex-wrap:wrap;gap:8px}
.options label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #B9CDBD;border-radius:var(--r-pill);padding:0 14px;min-height:44px;font-weight:500;color:var(--deep);cursor:pointer;font-size:.98rem;background:#fff}
.options input{width:18px;height:18px;accent-color:var(--green-text);margin:0}
.options label:has(input:checked){background:var(--sage);border-color:var(--green-text)}
.qty{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{font-size:.92rem;color:var(--muted)}
.form-status{padding:14px 18px;border-radius:var(--r-sm);font-weight:500}
.form-status:empty{display:none}
.form-status.ok{background:#E3F4E8;color:#14532D;border:1px solid #9BD3AC}
.form-status.err{background:#FDE7E4;color:#7F1D15;border:1px solid #F0A8A0}

/* footer */
.site-footer{background:var(--deep-2);color:var(--on-dark-muted);padding:64px 0 28px;font-size:1rem}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:36px}
.site-footer img{height:92px;width:auto;margin:0 0 12px -10px}
.site-footer h2{color:#fff;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.site-footer ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px}
.site-footer a{color:var(--on-dark-muted);text-decoration:none;display:inline-block;padding:7px 0}
.site-footer a:hover{color:var(--avocado);text-decoration:underline}
.foot-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:22px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;color:#A9BDAF;font-size:.9rem}

/* motion: content is visible by default; animation only when JS has confirmed support */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .btn,.card{transition:none}
}

@media (max-width:1020px){
  .nav-toggle{display:inline-flex}
  .nav{display:none;position:absolute;left:calc(-1*var(--gutter));right:calc(-1*var(--gutter));top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px var(--gutter) 20px;gap:4px;box-shadow:0 22px 30px -22px rgba(0,0,0,.3);max-height:calc(100vh - 80px);overflow-y:auto}
  .nav.open{display:flex}
  .no-js .nav{display:flex;position:static;box-shadow:none;border:0;padding:0 0 12px;flex-direction:row;flex-wrap:wrap}
  .no-js .site-header .wrap{flex-wrap:wrap}
  .no-js .nav-toggle{display:none}
  .nav a{min-height:50px;padding:0 16px}
  .nav a.btn{margin:8px 0 0;justify-content:center}
}
@media (max-width:760px){
  :root{--fs-body:1.03rem;--fs-lead:1.12rem}
  .brand img{height:54px}
  .site-header .wrap{min-height:70px}
  .stat{border-left:0;padding:20px 0;border-top:1px solid rgba(255,255,255,.14)}
  .stat:first-child{border-top:0}
  .duo figure:last-child{transform:none}
  .photo.leaf{border-radius:70px var(--r-lg) var(--r-lg) var(--r-lg)}
  form.enquiry{grid-template-columns:1fr}
  .spec th{width:38%}
  .spec th,.spec td{padding:12px 14px}
  .anchor{scroll-margin-top:84px}
}
@media (max-width:480px){
  .duo{grid-template-columns:1fr}
  .btn-row .btn,.cta .btn{width:100%}
  .qty{grid-template-columns:1fr}
  .spec th,.spec td{display:block;width:100%}
  .spec th{border-bottom:0;padding-bottom:4px}
  .spec td{padding-top:4px}
}
@media print{.site-header,.cta,.site-footer,.subnav{display:none}}

/* ---------- supply calendar */
.cal-box{position:relative;max-width:100%;min-width:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(16px,3vw,28px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;overflow-x:auto}
.cal{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:4px;min-width:520px;font-size:.95rem}
.cal th{font-weight:600;color:var(--muted);font-size:.8rem;text-align:center;padding:2px 0}
.cal th abbr{text-decoration:none}
.cal tbody th{text-align:left;font-size:.98rem;color:var(--deep);padding-right:12px;line-height:1.3}
.cal thead th:first-child{width:34%}
.cal tbody th a{color:var(--deep);text-decoration:none;font-weight:600}
.cal tbody th a:hover{color:var(--green-text);text-decoration:underline}
.cal td{height:34px;border-radius:8px;background:var(--mist)}
.cal td.on.own{background:linear-gradient(135deg,var(--leaf),#3CB26C)}
.cal td.on.partner{background:repeating-linear-gradient(135deg,#F2C14E 0 6px,#E9B23A 6px 12px)}
.cal tbody tr:nth-child(4) td.on.own{background:linear-gradient(135deg,#6F8F2A,#9BBF3B)}
.cal tbody tr:nth-child(3) td.on.own{background:linear-gradient(135deg,var(--chilli),var(--chilli-bright))}
.cal-key{display:flex;flex-wrap:wrap;gap:18px;font-size:var(--fs-small);color:var(--muted)}
.cal-key span{display:inline-flex;align-items:center;gap:8px}
.k{display:inline-block;width:22px;height:12px;border-radius:4px}
.k.own{background:var(--leaf)}.k.partner{background:repeating-linear-gradient(135deg,#F2C14E 0 4px,#E9B23A 4px 8px)}

/* ---------- field to flight */
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:16px;counter-reset:f}
.flow-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:24px 20px 22px;display:flex;flex-direction:column;gap:10px}
.tint .flow-step{box-shadow:var(--shadow)}
.flow-step h3{font-size:1.08rem}
.flow-step p{color:var(--muted);font-size:.97rem}
.flow-n{position:absolute;top:16px;right:18px;font-weight:700;font-size:.8rem;letter-spacing:.12em;color:var(--chilli-dark)}
.flow-ico{width:46px;height:46px;padding:10px;border-radius:14px;background:var(--sage);color:var(--green-text)}
.flow-step:nth-child(4) .flow-ico{background:#E3F0FA;color:#1D5E8C}
.flow-step:nth-child(6) .flow-ico{background:#FBE5E3;color:var(--chilli-dark)}

/* ---------- route diagram */
.routes{margin:0 0 clamp(1.5rem,4vw,2.5rem);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:clamp(10px,2.4vw,22px)}
.routes svg{width:100%;height:auto;display:block}
.routes-key{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:var(--fs-small);color:var(--on-dark-muted);padding:10px 6px 2px}
.routes-key span{display:inline-flex;align-items:center;gap:8px}
.k.air{height:0;border-top:3px dotted #C5E05A;border-radius:0}
.k.sea{height:3px;background:#E46A5F}

/* ---------- order steps */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px;counter-reset:st}
.steps li{counter-increment:st;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:26px 24px;display:flex;flex-direction:column;gap:10px;position:relative}
.steps li::before{content:counter(st);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--chilli);color:#fff;font-weight:700;font-size:1.05rem}
.steps p{color:var(--muted);font-size:1rem}
.stat a{color:var(--avocado)}
.cal tbody th,.cal thead th:first-child{position:sticky;left:0;background:#fff;z-index:1}
.cal-hint{display:none}
@media (max-width:600px){.cal{min-width:480px;border-spacing:3px}.cal thead th:first-child{width:118px}.cal tbody th{font-size:.88rem}.cal-hint{display:inline}}
@media (max-width:600px){.routes text{font-size:30px}.routes text.sub{display:none}}

/* ---------- language bar */
.langbar{background:var(--deep-2);font-size:.86rem}
.langbar .wrap{display:flex;justify-content:flex-end}
.langs{display:flex;flex-wrap:wrap;gap:2px}
.langs a{color:var(--on-dark-muted);text-decoration:none;padding:7px 10px;min-height:34px;display:inline-flex;align-items:center;border-radius:6px}
.langs a:hover{color:#fff;background:rgba(255,255,255,.08)}
.langs a[aria-current="true"]{color:#fff;font-weight:600;box-shadow:inset 0 -2px 0 var(--avocado);border-radius:0}


/* ================= brand finish: logo colours, type pairing, studio photography ================= */
h1,h2,h3,.eyebrow,.btn,.nav a,.stat b,.tag,.tile .num,.flow-n,.steps li::before,.site-footer h2,.spec caption,.faq summary,.subnav a,.chips li,legend,.field label{font-family:var(--font-head)}
h1,h2{font-weight:700;letter-spacing:-.025em}
.lead{color:#46584D}
/* eyebrow echoes the three product icons in the logo: avocado, herb, chilli */
.eyebrow{color:var(--fresh,#1F8A4C);letter-spacing:.2em}
.eyebrow::before{width:38px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--avocado) 0 33%,var(--leaf) 33% 66%,var(--chilli-bright) 66% 100%)}
.dark .eyebrow,.hero:not(.hero-studio) .eyebrow{color:var(--avocado)}
.head h2,.copy h2{position:relative}
/* sections */
.tint{background:var(--cream)}
.dark{background:radial-gradient(1200px 400px at 85% -10%,rgba(46,158,91,.25),transparent 60%),var(--deep)}
/* home hero: studio photograph of the three product lines */
.hero-studio{background:radial-gradient(700px 420px at 82% 40%,rgba(197,224,90,.28),transparent 65%),radial-gradient(520px 320px at 8% 100%,rgba(217,56,46,.07),transparent 70%),linear-gradient(180deg,#FCFAF5,var(--cream));color:var(--ink)}
.hero-studio::after{display:none}
.hero-studio .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(2.5rem,6vw,5rem) 0 clamp(4.5rem,8vw,6.5rem)}
.hero-copy{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.hero-studio h1{color:var(--deep);max-width:18ch;font-size:clamp(2.2rem,4.3vw,3.6rem)}
.hero-studio .lead{color:#3F5247;max-width:52ch}
.hero-studio .eyebrow{color:var(--fresh,#1F8A4C)}
.hero-art{position:relative}
.hero-art::before{content:"";position:absolute;inset:6% -4% -5% 8%;border-radius:48% 52% 46% 54%/55% 45% 55% 45%;background:linear-gradient(135deg,rgba(197,224,90,.55),rgba(46,158,91,.28));z-index:0;filter:blur(2px)}
.hero-art picture{position:relative;z-index:1;border-radius:32px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(18,55,42,.45),0 0 0 8px rgba(255,255,255,.85)}
.hero-art img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.hero-studio .btn.outline{border-color:var(--deep);color:var(--deep);background:rgba(255,255,255,.6)}
.hero-studio .btn.outline:hover{background:var(--deep);color:#fff}
@media (max-width:900px){.hero-studio .hero-grid{grid-template-columns:1fr}.hero-art{max-width:560px;width:100%;margin-inline:auto}}
/* header logo: complete mark with the product icons */
.brand img{height:70px}
@media (max-width:760px){.brand img{height:56px}}
/* stats in the logo colours */
.stats{background:linear-gradient(90deg,var(--deep-2),#0F3326)}
.stat:nth-child(1) b{color:var(--avocado)}
.stat:nth-child(2) b{color:var(--leaf-bright)}
.stat:nth-child(3) b{color:var(--chilli-glow)}
.stat:nth-child(4) b{color:#fff}
/* studio photographs */
.photo.studio{background:var(--cream);box-shadow:0 22px 44px -30px rgba(18,55,42,.45);border:1px solid #EDE5D3}
.photo.studio img{aspect-ratio:4/3;object-fit:contain}
.tint .photo.studio{background:#fff;border-color:#E9E1CD}
.studio-card img{background:var(--cream)}
/* product cards carry the colour of their product */
.card{border-top:4px solid var(--leaf)}
.card:hover{transform:translateY(-3px);box-shadow:0 26px 46px -28px rgba(18,55,42,.45)}
.card{transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.cards>.card:nth-child(3n+2){border-top-color:var(--chilli-bright)}
.cards>.card:nth-child(3n){border-top-color:var(--skin)}
.cards>.card:nth-child(3n+1) .tag{color:var(--green-text);background:var(--leaf-soft)}
.cards>.card:nth-child(3n+2) .tag{color:var(--chilli-dark);background:var(--chilli-soft)}
.cards>.card:nth-child(3n) .tag{color:#4E6B12;background:var(--lime-soft)}
.card h3 a{color:var(--deep)}
.card:hover h3 a{color:var(--green-text)}
/* chips cycle through the logo colours */
.chips li{border-width:1.5px}
.chips li:nth-child(3n+1){border-color:#BFE3CC;background:var(--leaf-soft)}
.chips li:nth-child(3n+2){border-color:#D9E9A3;background:var(--lime-soft)}
.chips li:nth-child(3n){border-color:#F3C3BD;background:var(--chilli-soft)}
.chips li.link a:hover{background:rgba(255,255,255,.7)}
/* lists */
.checks li::before{box-shadow:0 0 0 4px var(--leaf-soft)}
.checks li:nth-child(3n+2)::before{background-color:var(--skin)}
.checks li:nth-child(3n)::before{background-color:var(--chilli)}
.market li::before{width:8px;height:8px}
.cards .market:nth-child(2) li::before,.tiles .market:nth-child(2) li::before{background:var(--chilli-glow)}
.tiles>.tile:nth-child(3n+1){border-top:4px solid var(--avocado)}
.tiles>.tile:nth-child(3n+2){border-top:4px solid var(--leaf)}
.tiles>.tile:nth-child(3n){border-top:4px solid var(--chilli-bright)}
.tile .num{color:var(--chilli)}
.spec caption{color:var(--deep);background:linear-gradient(90deg,var(--leaf-soft),#fff)}
.spec th{border-left:4px solid var(--leaf);background:#F6FAF4}
.faq details[open]{border-color:#BFE3CC;box-shadow:0 14px 30px -24px rgba(18,55,42,.4)}
.faq summary::after{color:var(--chilli)}
.note{border-left:5px solid var(--avocado)}
.steps li::before{background:linear-gradient(135deg,var(--chilli),var(--chilli-bright))}
.flow-ico{background:var(--leaf-soft)}
.cta{background:radial-gradient(800px 300px at 90% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(120deg,var(--chilli-dark),var(--chilli-bright))}
.site-footer a:hover{color:var(--avocado)}
.nav a[aria-current="page"]{background:var(--leaf-soft);color:var(--deep);box-shadow:inset 0 -3px 0 var(--leaf)}

/* ================= centred brand header with product menu ================= */
.has-sub{position:relative;display:flex;align-items:center}
.has-sub>a::after{content:"";width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.7}
.sub{display:flex;flex-direction:column}
.sub a{white-space:nowrap}
@media (min-width:1021px){
  .site-header{position:relative;background:linear-gradient(180deg,#fff 0%,#fff 62%,var(--cream) 100%);border-bottom:0}
  .site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--avocado) 0 33.3%,var(--leaf) 33.3% 66.6%,var(--chilli-bright) 66.6% 100%)}
  .site-header .wrap{flex-direction:column;justify-content:center;gap:10px;padding:18px 0 16px;min-height:0}
  .brand img{height:96px}
  .nav{justify-content:center;flex-wrap:wrap;gap:6px}
  .nav a{font-size:1.04rem;padding:0 16px}
  .sub{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:220px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--leaf);border-radius:14px;box-shadow:0 24px 40px -24px rgba(18,55,42,.45);padding:8px;z-index:60;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease}
  .has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .sub a{border-radius:10px;min-height:44px}
  .sub a:nth-child(1):hover{background:var(--leaf-soft)}
  .sub a:nth-child(2):hover{background:var(--chilli-soft)}
  .sub a:nth-child(3):hover{background:var(--lime-soft)}
  .anchor{scroll-margin-top:24px}
}
@media (max-width:1020px){
  .has-sub{flex-direction:column;align-items:stretch}
  .sub{padding-left:16px;border-left:3px solid var(--leaf-soft);margin:2px 0 4px 16px}
  .sub a{min-height:46px;font-size:.98rem}
  .has-sub>a::after{display:none}
}
@media (max-width:1020px){
  .site-header .wrap{justify-content:center}
  .nav-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}
}

/* ================= centred layout for every section ================= */
.head{margin-inline:auto;text-align:center;align-items:center}
.head .lead,.head p{margin-inline:auto}
.copy{align-items:center;text-align:center}
.copy .lead{margin-inline:auto}
.copy .prose{text-align:left;margin-inline:auto}
.copy .checks{text-align:left;margin-inline:auto}
.chips,.btn-row{justify-content:center}
.split{text-align:center}
.split .copy,.split figure{margin-inline:auto}
.page-hero .wrap{align-items:center;text-align:center}
.page-hero h1,.page-hero .lead{margin-inline:auto}
.page-hero .crumbs ol{justify-content:center}
.hero.page-hero::after{background:linear-gradient(180deg,rgba(12,42,32,.86) 0%,rgba(12,42,32,.74) 100%)}
.stat{align-items:center;text-align:center}
.stat:first-child{padding-left:24px}
.cta .wrap{flex-direction:column;justify-content:center;text-align:center}
.cta h2,.cta p{margin-inline:auto}
.faq,.note,.prose{margin-inline:auto}
.stack>.note{align-self:center}
.cal-key,.routes-key{justify-content:center}
.market h3{text-align:center}
.info{align-items:center;text-align:center}
.info-item{flex-direction:column;align-items:center;text-align:center;gap:10px}

/* ================= herb showcase ================= */
.herb-showcase{background:radial-gradient(700px 300px at 50% 0%,rgba(197,224,90,.18),transparent 70%),#fff}
.herb-showcase .head{margin-bottom:0;gap:18px}
.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.htile{position:relative;margin:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 40px -26px rgba(18,55,42,.55);background:var(--sage)}
.htile img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .5s ease}
.htile:hover img{transform:scale(1.05)}
.htile::after{content:"";position:absolute;inset:55% 0 0 0;background:linear-gradient(180deg,transparent,rgba(12,42,32,.78))}
.htile figcaption{position:absolute;left:0;right:0;bottom:16px;z-index:1;padding:0 12px;color:#fff;font-family:var(--font-head);font-weight:600;font-size:1.08rem;text-align:center}
.htile:nth-child(1){border-bottom:5px solid var(--leaf)}
.htile:nth-child(2){border-bottom:5px solid var(--avocado)}
.htile:nth-child(3){border-bottom:5px solid var(--chilli-bright)}
.htile:nth-child(4){border-bottom:5px solid var(--skin)}
@media (max-width:760px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.htile figcaption{font-size:.95rem}}

/* ================= why buyers ================= */
.why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.why-photos{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.why-photos figure{margin:0;border-radius:20px;overflow:hidden;background:var(--cream);box-shadow:0 20px 40px -28px rgba(18,55,42,.55);border:1px solid #EDE5D3}
.why-photos .wp-tall{grid-row:1/3}
.why-photos img{width:100%;height:100%;object-fit:cover}
.why-photos figure:not(.wp-tall) img{object-fit:contain;aspect-ratio:4/3}
.why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:w;text-align:left}
.why-list li{counter-increment:w;display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 12px 26px -24px rgba(18,55,42,.5)}
.why-list li::before{content:counter(w);flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;color:#fff;background:var(--leaf)}
.why-list li:nth-child(2)::before{background:var(--skin)}
.why-list li:nth-child(3)::before{background:var(--chilli-bright)}
.why-list li:nth-child(4)::before{background:#8BAA2B}
.why-list li:nth-child(5)::before{background:var(--seed)}
.why-list p{color:var(--ink);font-size:1.02rem;align-self:center}
@media (max-width:900px){.why-grid{grid-template-columns:1fr}.why-photos{max-width:560px;margin-inline:auto;width:100%}}

/* ================= field to flight timeline ================= */
.flow2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px;position:relative}
.step2{position:relative;background:#fff;border-radius:22px;padding:46px 24px 26px;text-align:center;border:1px solid var(--line);box-shadow:0 24px 44px -32px rgba(18,55,42,.5);display:flex;flex-direction:column;gap:10px;--c:var(--leaf);background-image:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,#fff),#fff 55%)}
.step2::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:22px 22px 0 0;background:var(--c)}
.step2-n{position:absolute;top:-26px;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:1.15rem;color:#fff;background:var(--c);box-shadow:0 0 0 6px #fff,0 10px 20px -8px rgba(18,55,42,.5)}
.step2 h3{font-size:1.18rem;color:var(--deep)}
.step2 p{color:var(--muted);font-size:1rem}
.step2:nth-child(1){--c:#2E9E5B}
.step2:nth-child(2){--c:#8BAA2B}
.step2:nth-child(3){--c:#1F7A3A}
.step2:nth-child(4){--c:#2C7DA0}
.step2:nth-child(5){--c:#8A5A2B}
.step2:nth-child(6){--c:#D9382E}
.step2:not(:nth-child(3n))::after{content:"";position:absolute;top:50%;right:-19px;width:14px;height:14px;border-top:3px solid var(--line);border-right:3px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.tint .step2{border-color:#E9E1CD}
@media (max-width:900px){.flow2{grid-template-columns:repeat(2,minmax(0,1fr))}.step2::after{display:none}}
@media (max-width:560px){.flow2{grid-template-columns:1fr;gap:48px}}

/* ================= world map ================= */
.routes{background:none;border:0;padding:0}
.routes svg{border-radius:22px;box-shadow:0 30px 60px -36px rgba(0,0,0,.7)}
.routes-key{justify-content:center;gap:12px 26px;padding-top:16px;font-size:.95rem;color:#E3EDE5}
.k.mkt{height:12px;background:linear-gradient(90deg,#2E9E5B 50%,#B7CF4A 50%)}
.k.ke{height:12px;background:#D9382E}
.k.air{border-top-color:#E8F59A}.k.sea{background:#FF7A6E}
@media (max-width:600px){.routes text{font-size:34px}.routes text.sub{display:none}}

/* ================= footer ================= */
.site-footer{position:relative;background:radial-gradient(900px 300px at 15% 0%,rgba(46,158,91,.22),transparent 60%),radial-gradient(700px 260px at 95% 100%,rgba(217,56,46,.16),transparent 60%),#0C2A20;color:#E6F0E9;padding-top:72px}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--avocado) 0 33.3%,var(--leaf) 33.3% 66.6%,var(--chilli-bright) 66.6% 100%)}
.foot-grid{grid-template-columns:1.25fr 1fr 1fr 1.3fr;gap:40px}
.fbrand p{color:#F4EFE2;font-size:1.04rem;line-height:1.6;max-width:30ch}
.site-footer h2{font-size:.95rem;letter-spacing:.16em;margin-bottom:16px;padding-bottom:10px;position:relative}
.site-footer h2::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:2px;background:currentColor}
.fc1 h2{color:#7FE0A6}.fc2 h2{color:#D4EA6A}.fc3 h2{color:#FF9A90}
.site-footer a{color:#FFFFFF;font-weight:500}
.fc1 a:hover{color:#7FE0A6}.fc2 a:hover{color:#D4EA6A}.fc3 a:hover{color:#FF9A90}
.site-footer li{color:#DCE8E0;line-height:1.55}
.fcontact{gap:8px}
.fcontact li:nth-child(1) a{font-size:1.08rem;color:#D4EA6A}
.fcontact li:nth-child(2) a{font-size:1.08rem;color:#FFFFFF}
.foot-bottom{border-top:1px solid rgba(255,255,255,.18);color:#C9D9CF}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr;text-align:center}.site-footer h2::after{left:50%;transform:translateX(-50%)}.fbrand p{margin-inline:auto}.site-footer img{margin-inline:auto}.foot-bottom{justify-content:center;text-align:center}}
/* why photos fill */
.why-photos .wp-tall picture{height:100%}
.why-photos .wp-tall img{height:100%;aspect-ratio:auto}

/* ================= botanical system and motion ================= */
:root{--ease:cubic-bezier(.2,.7,.2,1);--t-fast:.18s;--t-med:.35s;--cta-bg:linear-gradient(160deg,#E6F2E1 0%,#F1F5E0 55%,#FAF6EE 100%);
--sprig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 200' fill='none' stroke='%231F7A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 196C57 150 63 100 60 12'/%3E%3Cpath d='M59 152C39 142 22 122 18 98c22 4 38 22 41 54z'/%3E%3Cpath d='M61 122c20-10 37-30 41-54-22 4-38 22-41 54z'/%3E%3Cpath d='M60 92C42 82 28 64 26 42c20 6 32 24 34 50z'/%3E%3Cpath d='M60 64c16-8 28-24 30-42-18 6-28 22-30 42z'/%3E%3Cpath d='M30 104l29 44M98 72L62 118M30 48l29 40M88 26L61 60'/%3E%3C/svg%3E")}
/* enquiry band: calm light green, botanical sprigs, chilli button as the single accent */
.cta{background:var(--cta-bg);color:var(--ink);position:relative;overflow:hidden;isolation:isolate;border-top:1px solid #D8E6D3}
.cta::before,.cta::after{content:"";position:absolute;width:170px;height:280px;background:var(--sprig) no-repeat center/contain;opacity:.32;z-index:-1;pointer-events:none}
.cta::before{left:2%;bottom:-70px;transform:rotate(-22deg)}
.cta::after{right:2%;top:-70px;transform:rotate(158deg)}
.cta h2{color:var(--deep)}
.cta p{color:var(--muted)}
.cta .btn{background:var(--chilli);color:#fff;box-shadow:0 14px 30px -18px rgba(169,38,29,.7)}
.cta .btn:hover{background:var(--deep);color:#fff}
@media (max-width:700px){.cta::before,.cta::after{width:96px;height:160px;opacity:.2}.cta::before{bottom:-50px}.cta::after{top:-50px}}
/* faint sprig watermark in warm sections, kept clear of text on small screens */
.tint{position:relative;isolation:isolate}
.tint::after{content:"";position:absolute;top:28px;right:28px;width:92px;height:150px;background:var(--sprig) no-repeat center/contain;opacity:.13;z-index:-1;pointer-events:none;transform:rotate(14deg)}
@media (max-width:1100px){.tint::after{display:none}}
/* buttons */
.btn{transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease,transform var(--t-fast) var(--ease),box-shadow var(--t-fast) ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:3px solid #0B63CE;outline-offset:3px}
/* product cards: gentle photo zoom with a keyboard equivalent */
.card picture,.card>img{overflow:hidden}
.card picture{display:block}
.card img{transition:transform .6s var(--ease)}
.card:hover img,.card:focus-within img{transform:scale(1.045)}
.card:focus-within{box-shadow:0 26px 46px -28px rgba(18,55,42,.45);border-color:#9FC2A8}
.card:has(a:focus-visible){outline:3px solid #0B63CE;outline-offset:3px}
.card h3 a:focus-visible{outline:none}
.htile img{transition:transform .6s var(--ease)}
.htile:hover img{transform:scale(1.04)}
/* reveals: short and subtle */
.js .reveal{transform:translateY(12px);transition:opacity .45s ease,transform .45s var(--ease)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.card,.card img,.htile img{transition:none}
  .btn:hover,.btn:active,.card:hover{transform:none}
  .card:hover img,.card:focus-within img,.htile:hover img{transform:none}
}
/* ================= map size, region links, whatsapp ================= */
.routes{max-width:860px;margin-inline:auto}
@media (max-width:600px){.routes text{font-size:26px}}
.region-links{margin-top:clamp(1.6rem,4vw,2.4rem);text-align:center}
.region-title{font-family:var(--font-head);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.85rem;color:#D4EA6A;margin:0 0 14px}
.region-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.dark a.region,a.region{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r-pill);border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06);color:#fff;font-family:var(--font-head);font-weight:600;text-decoration:none;transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease}
a.region::after{content:"\2192";transition:transform var(--t-fast) var(--ease)}
.dark a.region:hover,a.region:hover{background:#D4EA6A;border-color:#D4EA6A;color:var(--deep)}
a.region:hover::after{transform:translateX(3px)}
a.wa{display:inline-flex;align-items:center;gap:8px}
a.wa::before{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--wa-icon) no-repeat center/contain;mask:var(--wa-icon) no-repeat center/contain}
:root{--wa-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E")}
.site-footer a.wa{color:#7FE0A6}
.wa-btn{margin-top:10px;min-height:44px;padding:0 18px;border-radius:var(--r-pill);background:#1F8A4C;color:#fff!important;font-weight:600;text-decoration:none;width:max-content}
.wa-btn:hover{background:var(--deep)}
.info-item>div>a{display:block}
.info-item>div>a.wa-btn{display:inline-flex}

/* ================= header graphics and shaped navigation ================= */
:root{--sprig-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 200' fill='none' stroke='%231F7A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='matrix(-1 0 0 1 120 0)'%3E%3Cpath d='M60 196C57 150 63 100 60 12'/%3E%3Cpath d='M59 152C39 142 22 122 18 98c22 4 38 22 41 54z'/%3E%3Cpath d='M61 122c20-10 37-30 41-54-22 4-38 22-41 54z'/%3E%3Cpath d='M60 92C42 82 28 64 26 42c20 6 32 24 34 50z'/%3E%3Cpath d='M60 64c16-8 28-24 30-42-18 6-28 22-30 42z'/%3E%3Cpath d='M30 104l29 44M98 72L62 118M30 48l29 40M88 26L61 60'/%3E%3C/g%3E%3C/svg%3E")}
.nav a{border-radius:20px 6px 20px 6px}
@media (min-width:1021px){
  .site-header{background:radial-gradient(420px 150px at 50% 28%,rgba(197,224,90,.22),transparent 70%),radial-gradient(600px 220px at 0% 100%,rgba(46,158,91,.10),transparent 70%),radial-gradient(600px 220px at 100% 100%,rgba(217,56,46,.08),transparent 70%),linear-gradient(180deg,#fff 0%,#FBF8F1 100%);isolation:isolate}
  .site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--sprig) no-repeat 3% 70%/88px 146px,var(--sprig-r) no-repeat 97% 70%/88px 146px;opacity:.28}
  .site-header .wrap{gap:14px}
  .nav{gap:6px;padding:7px;background:rgba(255,255,255,.85);border:1px solid #E3EADF;border-radius:30px 10px 30px 10px;box-shadow:0 16px 34px -24px rgba(18,55,42,.45),inset 0 1px 0 #fff}
  .nav>a:not(.btn),.has-sub>a{position:relative;gap:9px;min-height:46px;padding:0 18px;font-weight:600;color:var(--deep)}
  .nav>a:not(.btn)::before,.has-sub>a::before{content:"";width:9px;height:9px;border-radius:9px 2px 9px 2px;background:var(--dot,var(--leaf));transform:rotate(-12deg);transition:transform var(--t-fast) var(--ease)}
  .nav>a:nth-child(1){--dot:#2E9E5B;--hov:#E2F2E8}
  .has-sub>a{--dot:#9DBB2E;--hov:#EEF5D2}
  .nav>a:nth-child(3){--dot:#D9382E;--hov:#FBE8E5}
  .nav>a:nth-child(4){--dot:#2C7DA0;--hov:#E3F0F5}
  .nav>a:not(.btn):hover,.has-sub>a:hover,.has-sub:focus-within>a{background:var(--hov);color:var(--deep)}
  .nav>a:not(.btn):hover::before,.has-sub>a:hover::before{transform:rotate(-12deg) scale(1.35)}
  .nav a[aria-current="page"]{background:var(--deep)!important;color:#fff!important;box-shadow:none}
  .nav a[aria-current="page"]::before{background:#C5E05A}
  .nav a.btn{border-radius:22px 6px 22px 6px;margin-left:6px;min-height:46px;padding:0 24px;box-shadow:0 12px 24px -14px rgba(169,38,29,.8)}
  .sub{border-radius:20px 6px 20px 6px}
  .sub a{border-radius:14px 4px 14px 4px}
}
@media (max-width:1020px){
  .nav a{border-radius:18px 6px 18px 6px}
  .nav a.btn{border-radius:22px 6px 22px 6px}
}
@media (prefers-reduced-motion:reduce){.nav a::before{transition:none}}
.info-item a.wa-btn{padding:0 20px 0 16px;gap:8px;text-decoration:none;margin-inline:auto}
.port-box{max-width:860px;margin:18px auto 0;text-align:center}
.port-title{font-family:var(--font-head);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:#FF9A90;margin:0 0 12px}
.port-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.port-list li{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:16px 5px 16px 5px;background:rgba(255,122,110,.12);border:1px solid rgba(255,122,110,.4);color:#FFE3E0;font-size:.92rem}
.port-list li::before{content:"";width:14px;height:10px;background:#FF9A90;-webkit-mask:var(--ship-icon) no-repeat center/contain;mask:var(--ship-icon) no-repeat center/contain}
:root{--ship-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-9 -6 18 11'%3E%3Cpath d='M-9 -1h18l-3.5 5.5h-11z M-5 -1v-4.5h7l2.5 4.5z'/%3E%3C/svg%3E")}
@media (max-width:600px){.routes text{font-size:32px}.routes text.port{display:none}}
/* ================= why buyers: slideshow and redesigned list ================= */
.why{overflow:hidden}
.why-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center}
.why-media{position:relative;max-width:540px;width:100%;margin-inline:auto}
.why-media::before{content:"";position:absolute;inset:-26px -22px 30px 26px;border-radius:60px 16px 60px 16px;background:linear-gradient(150deg,#E2F2E8 0%,#EEF5D2 55%,#FBE8E5 100%);z-index:0}
.why-media::after{content:"";position:absolute;left:-46px;bottom:-10px;width:96px;height:160px;background:var(--sprig) no-repeat center/contain;opacity:.35;transform:rotate(-18deg);z-index:0;pointer-events:none}
.slides{position:relative;z-index:1;border-radius:44px 12px 44px 12px;overflow:hidden;background:#0E2D22;box-shadow:0 34px 60px -34px rgba(18,55,42,.65)}
.slide-track{position:relative;aspect-ratio:4/5}
.slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.slide picture,.slide img{width:100%;height:100%}
.slide img{object-fit:cover;transform:scale(1.04);transition:transform 6s ease}
.slide.is-active img{transform:scale(1)}
.slide figcaption{position:absolute;left:18px;right:18px;bottom:76px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}
.slide figcaption b{font-family:var(--font-head);font-size:clamp(1.3rem,2.4vw,1.7rem);color:#fff;line-height:1.1;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.s-cat{font-family:var(--font-head);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:12px 4px 12px 4px;background:#C5E05A;color:#12372A}
.s-birdseye .s-cat,.s-habanero .s-cat,.s-serenade .s-cat{background:#FF9A90;color:#5A1410}
.s-hass .s-cat{background:#7FE0A6}
.slide::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(8,30,22,.82));pointer-events:none}
.slide figcaption{z-index:2}
.slide-ui{display:none;position:absolute;left:12px;right:12px;bottom:12px;z-index:3;align-items:center;gap:8px;padding:8px;border-radius:22px 8px 22px 8px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25)}
.js .slide-ui{display:flex}
.s-btn{flex:none;width:44px;height:44px;border-radius:14px 4px 14px 4px;border:0;background:#fff;color:var(--deep);display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast) ease,transform var(--t-fast) var(--ease)}
.s-btn:hover{background:#C5E05A}
.s-btn:active{transform:scale(.95)}
.s-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.s-play .i-play{display:none;fill:currentColor;stroke:none}
.s-play.is-paused .i-play{display:block}.s-play.is-paused .i-pause{display:none}
.s-dots{flex:1;display:flex;justify-content:center;flex-wrap:wrap;gap:2px}
.s-dot{width:24px;height:44px;border:0;background:none;cursor:pointer;display:grid;place-items:center;padding:0}
.s-dot::before{content:"";width:9px;height:9px;border-radius:9px 2px 9px 2px;background:rgba(255,255,255,.55);transition:width .3s ease,background .3s ease}
.s-dot[aria-current="true"]::before{width:20px;background:#C5E05A}
.s-btn:focus-visible,.s-dot:focus-visible{outline:3px solid #fff;outline-offset:2px}
.slide-note{position:relative;z-index:1;margin:12px 0 0;font-size:.85rem;color:var(--muted);text-align:center}
/* list */
.why-list{gap:14px}
.why-list li{position:relative;background:#fff;border:1px solid #E7E0CF;border-radius:22px 8px 22px 8px;padding:18px 20px 18px 18px;box-shadow:0 18px 30px -26px rgba(18,55,42,.55);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) ease}
.why-list li:hover{transform:translateX(4px);box-shadow:0 22px 36px -24px rgba(18,55,42,.5)}
.why-list li::before{flex:0 0 44px;height:44px;border-radius:16px 4px 16px 4px;font-size:1.05rem;box-shadow:0 8px 16px -8px rgba(18,55,42,.6)}
.why-list li::after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:var(--leaf)}
.why-list li:nth-child(2)::after{background:var(--skin)}.why-list li:nth-child(3)::after{background:var(--chilli-bright)}.why-list li:nth-child(4)::after{background:#8BAA2B}.why-list li:nth-child(5)::after{background:var(--seed)}
@media (max-width:900px){.why-media{max-width:460px}.why-media::before{inset:-16px -10px 24px 14px}.why-media::after{display:none}}
@media (prefers-reduced-motion:reduce){.slide,.slide.is-active,.slide img{transition:none}.slide img{transform:none}.why-list li{transition:none}.why-list li:hover{transform:none}}

/* ================= hero botanical graphics and lead highlights ================= */
:root{--ico-avo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' fill='none' stroke='%232E7D4F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 6c-13 0-21 13-23 29-2 12-14 22-16 44-2 26 17 44 39 44s41-18 39-44c-2-22-14-32-16-44C71 19 63 6 50 6z'/%3E%3Ccircle cx='50' cy='82' r='15'/%3E%3Cpath d='M50 6c3-4 8-5 12-3'/%3E%3C/svg%3E");--ico-chilli:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 80' fill='none' stroke='%23D9382E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M112 22c-8-6-20-4-26 4-14 18-40 30-74 34 30 10 64 4 86-12 12-9 18-18 14-26z'/%3E%3Cpath d='M112 22c3-8 10-12 18-11'/%3E%3Cpath d='M100 22c4-4 10-4 14 0'/%3E%3C/svg%3E");--ico-leaf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 200' fill='none' stroke='%232E9E5B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 196C57 150 63 100 60 12'/%3E%3Cpath d='M59 152C39 142 22 122 18 98c22 4 38 22 41 54z'/%3E%3Cpath d='M61 122c20-10 37-30 41-54-22 4-38 22-41 54z'/%3E%3Cpath d='M60 92C42 82 28 64 26 42c20 6 32 24 34 50z'/%3E%3Cpath d='M60 64c16-8 28-24 30-42-18 6-28 22-30 42z'/%3E%3C/svg%3E")}
.hero-studio{position:relative;overflow:hidden;isolation:isolate}
.hero-studio .hero-grid{position:relative;z-index:1}
.hero-deco{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-deco i{position:absolute;display:block;background:no-repeat center/contain;opacity:.22}
.hero-deco .d1{left:1.5%;top:8%;width:64px;height:106px;background-image:var(--ico-leaf);transform:rotate(-16deg)}
.hero-deco .d2{left:30%;top:4%;width:76px;height:44px;background-image:var(--ico-chilli);transform:rotate(-12deg);opacity:.2}
.hero-deco .d3{left:44%;bottom:12%;width:56px;height:74px;background-image:var(--ico-avo);transform:rotate(14deg)}
.hero-deco .d4{right:2%;top:5%;width:58px;height:96px;background-image:var(--ico-leaf);transform:scaleX(-1) rotate(-12deg)}
.hero-deco .d5{left:3%;bottom:14%;width:84px;height:48px;background-image:var(--ico-chilli);transform:rotate(18deg);opacity:.18}
.hero-deco .d6{right:44%;top:36%;width:40px;height:52px;background-image:var(--ico-avo);transform:rotate(-20deg);opacity:.14}
@media (max-width:900px){.hero-deco .d3,.hero-deco .d6{display:none}.hero-deco .d2{left:auto;right:6%;top:2%}.hero-deco .d5{bottom:auto;top:46%;left:auto;right:3%}}
.hero-studio .lead .hl{font-weight:600;color:var(--deep);background-repeat:no-repeat;background-size:100% .42em;background-position:0 88%;padding:0 .08em}
.hl-herb{background-image:linear-gradient(rgba(46,158,91,.28),rgba(46,158,91,.28))}
.hl-chilli{background-image:linear-gradient(rgba(217,56,46,.24),rgba(217,56,46,.24))}
.hl-avo{background-image:linear-gradient(rgba(197,224,90,.55),rgba(197,224,90,.55))}
.hero-studio .lead .hl-cert{display:inline-block;margin-top:2px;padding:1px 12px;border-radius:14px 4px 14px 4px;background:#12372A;color:#fff;font-weight:600;font-size:.92em;white-space:nowrap}
/* ================= herb range: moving gallery of all twelve herbs ================= */
.herb-marquee{position:relative;overflow:hidden;margin-inline:calc(-1 * var(--gutter));padding:8px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.hm-rail{display:flex;width:max-content;animation:hm-move 70s linear infinite}
.hm-set{display:flex;gap:20px;padding:0 10px;margin:0;list-style:none}
.herb-marquee:hover .hm-rail,.herb-marquee:focus-within .hm-rail,.herb-marquee.is-paused .hm-rail{animation-play-state:paused}
@keyframes hm-move{to{transform:translateX(-50%)}}
.hcard{position:relative;flex:none;width:clamp(200px,21vw,260px);text-align:left}
.hcard figure{margin:0;border-radius:30px 8px 30px 8px;overflow:hidden;aspect-ratio:4/5;background:#E2F2E8;box-shadow:0 24px 40px -28px rgba(18,55,42,.6)}
.hcard figure picture,.hcard figure img{width:100%;height:100%}
.hcard figure img{object-fit:cover;transition:transform .7s var(--ease)}
.hcard:hover figure img,.hcard:focus-within figure img{transform:scale(1.06)}
.hcard figure::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;border-radius:0 0 30px 8px;background:linear-gradient(180deg,transparent,rgba(8,30,22,.85));pointer-events:none}
.hc-group{position:absolute;top:12px;left:12px;font-family:var(--font-head);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:12px 4px 12px 4px;color:#12372A}
.g-soft{background:#C5E05A}.g-woody{background:#E9D9B4}.g-stalk{background:#7FE0A6}
.hc-body{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;z-index:1}
.hc-body b{font-family:var(--font-head);font-size:1.3rem;color:#fff;line-height:1.15}
.hc-body b a{color:#fff;text-decoration:none}
.hc-body b a::after{content:"";position:absolute;inset:0;border-radius:30px 8px 30px 8px}
.hc-body b a:focus-visible{outline:none}
.hcard.has-link:has(a:focus-visible) figure{outline:3px solid #0B63CE;outline-offset:3px}
.hcard.has-link .hc-body b::after{content:" \2192";font-size:.9em;opacity:.8}
.hc-body small{color:#E3EDE5;font-size:.88rem}
.hm-foot{display:flex;flex-direction:column;align-items:center;gap:6px}
.hm-toggle{display:none;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:18px 6px 18px 6px;border:1.5px solid var(--line);background:#fff;color:var(--deep);font-family:var(--font-head);font-weight:600;cursor:pointer}
.js .hm-toggle{display:inline-flex}
.hm-toggle:hover{background:var(--leaf-soft)}
.hm-toggle::before{content:"";width:12px;height:12px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}
.hm-toggle[aria-pressed="true"]::before{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
@media (prefers-reduced-motion:reduce){
  .hm-rail{animation:none}
  .herb-marquee{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}
  .hm-set[aria-hidden="true"]{display:none}
  .hcard{scroll-snap-align:start}
  .js .hm-toggle{display:none}
  .hcard figure img{transition:none}
}
.herb-showcase{overflow:hidden}.herb-marquee{width:100vw;margin-left:calc(50% - 50vw);margin-right:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}