/* Konza Tropicals theme 2026.10 — brand palette from the logo, image-led layout */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-condensed-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/barlow-condensed-700.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/barlow-condensed-800.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700.woff2) format("woff2")}
@font-face{font-family:"Caveat";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/caveat-600.woff2) format("woff2")}

:root{
  --orange:#E85020; --orange-deep:#C43E12; --avocado:#90C838; --avocado-deep:#6FA523; --leaf:#5E8F1E; --forest:#2F5A14; --forest-deep:#1F3F0C; --seed:#884028;
  --bg:#FFFDFA; --bg-alt:#F6F2EA; --surface:#FFFFFF; --ink:#1E1711; --ink-2:#5F5046; --line:#E9DFD2;
  --accent:var(--orange); --accent-ink:#fff; --hero-a:#1F3F0C; --hero-b:#2F5A14;
  --shadow:0 16px 40px rgba(43,29,20,.10); --shadow-sm:0 4px 14px rgba(43,29,20,.08);
  --ff-display:"Barlow Condensed","Arial Narrow","Segoe UI",system-ui,sans-serif;
  --ff-body:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --ff-hand:"Caveat","Segoe Print","Bradley Hand",cursive;
  --radius:20px; --radius-sm:12px; --gutter:clamp(16px,4vw,48px); --max:1240px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ color-scheme:dark;
  --bg:#15120F; --bg-alt:#1E1915; --surface:#241E19; --ink:#F4EEE6; --ink-2:#C2B4A6; --line:#3A302A; --hero-a:#142A08; --hero-b:#1F3F0C; --shadow:0 16px 40px rgba(0,0,0,.4); --shadow-sm:0 4px 14px rgba(0,0,0,.3)} }
:root[data-theme="dark"]{ color-scheme:dark;
  --bg:#15120F; --bg-alt:#1E1915; --surface:#241E19; --ink:#F4EEE6; --ink-2:#C2B4A6; --line:#3A302A; --hero-a:#142A08; --hero-b:#1F3F0C; --shadow:0 16px 40px rgba(0,0,0,.4); --shadow-sm:0 4px 14px rgba(0,0,0,.3)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ff-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--leaf)}
h1,h2,h3,h4{font-family:var(--ff-display);line-height:1.02;margin:0;text-wrap:balance;letter-spacing:.005em;color:var(--forest)}
h1{font-size:clamp(2.6rem,6vw,4.9rem);font-weight:800;text-transform:uppercase}
h2{font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800;text-transform:uppercase}
h3{font-size:1.45rem;font-weight:700;line-height:1.1}
h4{font-size:1.1rem;font-weight:700}
p{margin:0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--ff-display);font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:700;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:4px;border-radius:2px;background:var(--avocado)}
.hand{font-family:var(--ff-hand);font-weight:600;font-size:clamp(1.5rem,3vw,2.3rem);color:var(--avocado);line-height:1.1;text-transform:none;letter-spacing:0}
.lead{font-size:1.15rem;color:var(--ink-2);max-width:64ch}
section{padding-block:clamp(56px,8vw,104px)}
section.alt{background:var(--bg-alt)}
.sec-head{display:grid;gap:14px;max-width:820px;margin-bottom:clamp(28px,4vw,48px)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-family:var(--ff-display);font-weight:700;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;line-height:1.1}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}
.btn-primary:hover{background:var(--orange-deep);border-color:var(--orange-deep)}
.btn-ghost{background:transparent;color:var(--forest);border-color:var(--forest)}
.btn-ghost:hover{background:var(--forest);color:#fff}
.btn-light{background:#fff;color:var(--forest);border-color:#fff}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.btn-outline-light:hover{background:#fff;color:var(--forest)}
.btn-green{background:var(--avocado);color:var(--forest-deep);border-color:var(--avocado)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--avocado);outline-offset:2px}

/* utility bar + header */
.util{background:var(--forest-deep);color:#E7F0D9;font-size:.84rem}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;flex-wrap:wrap}
.util a{color:#E7F0D9;text-decoration:none}
.util a:hover{color:var(--avocado)}
.util .ul{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.util .lang{display:flex;gap:4px;align-items:center}
.util .lang a{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-family:var(--ff-display);letter-spacing:.06em;font-size:.82rem;text-transform:uppercase}
.util .lang a[aria-current="true"]{background:var(--avocado);color:var(--forest-deep);border-color:var(--avocado)}
@media (max-width:640px){.util .ul .hide-s{display:none}}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;padding-block:10px 6px;position:relative}
.brand img{height:66px;width:auto}
.nav{display:flex;gap:2px;align-items:center;flex-wrap:wrap;justify-content:center}
.nav a{font-family:var(--ff-display);font-weight:700;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:8px 11px;border-radius:999px;white-space:nowrap}
.nav a:hover{background:var(--bg-alt);color:var(--forest)}
.nav a[aria-current="page"]{color:var(--orange)}
.nav .cta{background:var(--orange);color:#fff;margin-left:6px}
.nav .cta:hover{background:var(--orange-deep);color:#fff}
.nav .dd{position:relative}
.nav .dd>a::after{content:" ▾";font-size:.75em}
.nav .menu{display:none;position:absolute;left:0;top:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;min-width:280px;box-shadow:var(--shadow);z-index:60;grid-template-columns:1fr;gap:2px}
.nav .dd:hover .menu,.nav .dd:focus-within .menu{display:grid}
.nav .menu a{display:block;padding:9px 12px;border-radius:8px;white-space:normal;text-transform:none;letter-spacing:0;font-family:var(--ff-body);font-weight:600;font-size:.93rem}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:700 .95rem var(--ff-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);position:absolute;right:var(--gutter);top:22px}
@media (max-width:1000px){
  .nav .menu{position:static;display:grid;box-shadow:none;border:0;padding:0 0 0 14px;background:transparent}.nav .dd>a::after{content:""}
}
@media (max-width:860px){
  .menu-btn{display:inline-block}
  .brand img{height:52px}
  .top .wrap{align-items:flex-start}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:12px var(--gutter) 18px;flex-direction:column;align-items:stretch;max-height:80vh;overflow:auto}
  .nav.open{display:flex}
  .nav a{padding:12px 14px;font-size:1.05rem}
  .nav .cta{margin-left:0}
}
@media (min-width:861px){.top{box-shadow:0 2px 12px rgba(43,29,20,.06)}}

/* hero */
.hero{background:linear-gradient(100deg,rgba(20,42,8,.90) 0%,rgba(31,63,12,.70) 45%,rgba(31,63,12,.25) 100%),url(/images/cold-store.jpg) center/cover no-repeat;color:#fff;position:relative;overflow:hidden;padding-block:clamp(56px,9vw,120px)}
.hero .wrap{position:relative;display:grid;gap:40px;grid-template-columns:1.15fr .85fr;align-items:center}
.hero .eyebrow{color:var(--avocado)}
.hero .eyebrow::before{background:var(--orange)}
.hero h1,.hero h2{color:#fff;margin-top:14px}
.hero .lead{color:rgba(255,255,255,.88);margin-top:18px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px}
.hero-facts b{display:block;font:800 2.1rem var(--ff-display);color:var(--avocado);font-variant-numeric:tabular-nums;line-height:1}
.hero-facts span{font-size:.9rem;color:rgba(255,255,255,.82)}
.hero.short{padding-block:clamp(48px,7vw,88px)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.audience{display:grid;gap:14px}
.aud{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:22px;color:#fff;text-decoration:none;display:grid;gap:8px;transition:background .15s}
.aud:hover{background:rgba(255,255,255,.14)}
.aud .tag{font:700 .8rem var(--ff-display);letter-spacing:.12em;text-transform:uppercase;color:var(--avocado)}
.aud h3{color:#fff}.aud p{color:rgba(255,255,255,.8);font-size:.98rem}.aud .go{color:#fff;font-family:var(--ff-display);font-weight:700}
.crumb{font:700 .85rem var(--ff-display);letter-spacing:.1em;text-transform:uppercase;color:var(--avocado);margin-bottom:10px}
.crumb a{color:inherit;text-decoration:none}
.crumbs{font-size:.88rem;color:var(--ink-2);margin-bottom:10px}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs span{color:var(--ink)}

/* slider */
.slider{position:relative;min-height:clamp(560px,78vh,820px);color:#fff;overflow:hidden;display:grid;align-items:center;background:var(--hero-a)}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;background-position:center;background-size:cover}
.slider .slide::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,42,8,.88) 0%,rgba(31,63,12,.62) 45%,rgba(31,63,12,.18) 100%)}
.slider .slide.on{opacity:1}
.slider .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slider .wrap{position:relative;z-index:2;padding-block:clamp(56px,9vw,120px) clamp(120px,15vw,200px)}
.slider .cap{position:absolute;right:var(--gutter);bottom:96px;z-index:2;font:700 .8rem var(--ff-display);letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.35);padding:8px 12px;border-radius:8px;backdrop-filter:blur(4px)}
.slider .dots{position:absolute;left:50%;transform:translateX(-50%);bottom:84px;z-index:3;display:flex;gap:8px}
.slider .dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.slider .dots button[aria-current="true"]{background:var(--avocado);border-color:var(--avocado)}
.slider .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);color:#fff;font-size:1.4rem;cursor:pointer;display:grid;place-items:center}
.slider .arrow.prev{left:12px}.slider .arrow.next{right:12px}
@media (max-width:860px){.slider .cap{display:none}.slider .arrow{display:none}.slider .dots{bottom:44px}.slider .wrap{padding-bottom:90px}}
@media (prefers-reduced-motion:reduce){.slider .slide{transition:none}}

/* photos */
.ph{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:0}
.ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.strip .ph img{aspect-ratio:1/1}
@media (max-width:700px){.strip{grid-template-columns:repeat(2,1fr)}}
.photo{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(160deg,#9BD24E,#2E6B2F 60%,#1E4B26);position:relative;overflow:hidden;color:#fff}
.photo figcaption{position:absolute;left:14px;bottom:12px;font:700 .8rem var(--ff-display);letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.35);padding:6px 10px;border-radius:8px}
.photo.orange{background:linear-gradient(160deg,#F5A15C,#E8562A 55%,#8B2D12)}
.photo.seed{background:linear-gradient(160deg,#A0664F,#6B3A2A 60%,#3E1F14)}

/* cards and grids */
.chains{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.chains-8 .chain p{color:var(--ink-2);font-size:.95rem}
.chain{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:12px;align-content:start;transition:transform .15s,box-shadow .15s}
.chain:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.chain .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--avocado) 28%,var(--surface))}
.chain .ico svg{width:24px;height:24px}
.chain.img{padding:0;overflow:hidden}
.chain.img .chead{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(160deg,#9BD24E,#2E6B2F);display:grid;place-items:center}
.chain.img .chead img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.chain.img:hover .chead img{transform:scale(1.04)}
.chain.img .chead .ico{width:64px;height:64px;background:rgba(255,255,255,.88)}
.chain.img .chead .ico svg{width:34px;height:34px}
.chain.img .cbody{padding:18px 20px 22px;display:grid;gap:8px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:.85rem;padding:4px 10px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--line);color:var(--ink)}
@media (max-width:1000px){.chains{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.chains{grid-template-columns:1fr}}
.vprods{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:1000px){.vprods{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.vprods{grid-template-columns:1fr}}

/* calendar */
.cal-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
table.cal{border-collapse:collapse;width:100%;min-width:760px;font-size:.9rem}
.cal th,.cal td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:center}
.cal th{font:700 .8rem var(--ff-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.cal td:first-child,.cal th:first-child{text-align:left;padding-left:16px;font-weight:600;white-space:nowrap}
.cal .on{background:color-mix(in srgb,var(--avocado) 55%,var(--surface))}
.cal .pk{background:var(--leaf);color:#fff}
.cal-key{display:flex;gap:18px;font-size:.85rem;color:var(--ink-2);padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap}
.cal-key i{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:6px}

/* specs, forms */
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.specs{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.spec{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:.98rem}
.spec:last-child{border-bottom:0}
.spec b{font-family:var(--ff-display);font-weight:700;color:var(--ink-2);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
@media (max-width:540px){.spec{grid-template-columns:1fr;gap:4px}}
.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:grid;gap:14px;box-shadow:var(--shadow)}
.form label{display:grid;gap:6px;font:600 .85rem var(--ff-body);color:var(--ink-2)}
.form input,.form select,.form textarea{font:400 1rem var(--ff-body);padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:100%}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:540px){.form .row{grid-template-columns:1fr}}
.form .check{display:flex;flex-wrap:wrap;gap:8px}
.form .check label{flex-direction:row;align-items:center;gap:6px;font-weight:400;font-size:.95rem;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 12px;display:inline-flex;cursor:pointer}
.form .check input{width:auto}
.note{font-size:.88rem;color:var(--ink-2)}
.copybox[hidden]{display:none}.copybox{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.copybox code{background:var(--bg-alt);border:1px solid var(--line);padding:6px 10px;border-radius:8px;font-size:.95rem;user-select:all}
.copybox button{font:700 .85rem var(--ff-display);letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}

/* services */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:grid;gap:14px;align-content:start;border-top:6px solid var(--orange)}
.pillar:nth-child(2){border-top-color:var(--avocado)}
.pillar:nth-child(3){border-top-color:var(--seed)}
.pillar ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--ink-2);font-size:.98rem}
@media (max-width:900px){.pillars{grid-template-columns:1fr}}
.clients{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.client{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:4px}
.client b{font-family:var(--ff-display);font-weight:700;font-size:1.1rem}
.client span{font-size:.92rem;color:var(--ink-2)}
@media (max-width:900px){.clients{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.clients{grid-template-columns:1fr}}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 18px}
.stat b{display:block;font:800 2.6rem var(--ff-display);color:var(--orange);font-variant-numeric:tabular-nums;line-height:1}
.stat span{display:block;margin-top:8px;font-size:.92rem;color:var(--ink-2)}
@media (max-width:1000px){.stats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.stats{grid-template-columns:repeat(2,1fr)}}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.case{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:10px;align-content:start}
.case .tag{font:700 .78rem var(--ff-display);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.case p{color:var(--ink-2);font-size:.98rem}
@media (max-width:900px){.cases{grid-template-columns:1fr}}

/* brand bands */
.valueadd{background:linear-gradient(135deg,var(--seed),#3E1F14);color:#fff}
.valueadd .eyebrow{color:var(--avocado)}
.valueadd h2,.valueadd h3{color:#fff}
.valueadd .lead{color:rgba(255,255,255,.85)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.tl{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:18px;display:grid;gap:6px}
.tl b{font:700 1.1rem var(--ff-display);color:var(--avocado)}
.tl span{font-size:.95rem;color:rgba(255,255,255,.85)}
@media (max-width:900px){.timeline{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.timeline{grid-template-columns:1fr}}
.agro{background:linear-gradient(135deg,var(--forest),var(--hero-a));color:#fff}
.agro .eyebrow{color:var(--avocado)}.agro h2,.agro h3{color:#fff}.agro p{color:rgba(255,255,255,.88)}
.agro .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.agro ul{margin:14px 0 0;padding-left:18px;color:rgba(255,255,255,.88);display:grid;gap:6px}
@media (max-width:900px){.agro .grid{grid-template-columns:1fr}}
.band{background:var(--forest);color:#fff}
.band .eyebrow{color:var(--avocado)}.band h2,.band h3{color:#fff}.band p,.band li{color:rgba(255,255,255,.9)}
.band .lead{color:rgba(255,255,255,.88)}
.band-orange{background:var(--orange);color:#fff}
.band-orange .eyebrow{color:#fff}.band-orange .eyebrow::before{background:#fff}.band-orange h2,.band-orange h3{color:#fff}.band-orange p{color:rgba(255,255,255,.92)}
.band-avocado{background:var(--avocado);color:var(--forest-deep)}
.band-avocado .eyebrow{color:var(--forest-deep)}.band-avocado .eyebrow::before{background:var(--forest-deep)}.band-avocado h2,.band-avocado h3{color:var(--forest-deep)}.band-avocado p{color:var(--forest-deep)}

/* about, grown */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
@media (max-width:900px){.about{grid-template-columns:1fr}}
.about ul{margin:14px 0 0;padding-left:18px;color:var(--ink-2);display:grid;gap:6px}
.grown{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
@media (max-width:900px){.grown{grid-template-columns:1fr}}
.grown ul{margin:14px 0 0;padding-left:18px;color:var(--ink-2);display:grid;gap:6px}

/* newsletter, contact */
.news{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.news form{display:flex;gap:10px;flex-wrap:wrap}
.news input{flex:1 1 220px;font:400 1rem var(--ff-body);padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
@media (max-width:800px){.news{grid-template-columns:1fr}}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:6px}
.card b{font-family:var(--ff-display);font-weight:700;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.card a{color:var(--ink);text-decoration:none;font-weight:600}
@media (max-width:900px){.contact{grid-template-columns:1fr}}

/* footer */
footer{background:var(--forest-deep);color:#D7E4C5;padding-block:0 28px;font-size:.92rem;margin-top:0}
footer a{color:#D7E4C5}
footer a:hover{color:var(--avocado)}
.sitemap{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-block:44px 32px;border-bottom:1px solid rgba(255,255,255,.14)}
.sitemap h4{font:700 1rem var(--ff-display);letter-spacing:.12em;text-transform:uppercase;color:var(--avocado);margin:0 0 10px}
.sitemap a{display:block;color:#D7E4C5;text-decoration:none;padding:3px 0;font-size:.93rem}
.sitemap a:hover{color:#fff}
@media (max-width:1000px){.sitemap{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.sitemap{grid-template-columns:repeat(2,1fr)}}
.fbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding-top:18px;font-size:.86rem;color:#B9CBA3}
.fbar .langs a{margin-right:10px;font-family:var(--ff-display);letter-spacing:.06em;text-transform:uppercase}
.wa-card{display:inline-flex;align-items:center;gap:8px;color:var(--avocado);font-weight:600;text-decoration:none}

/* whatsapp + toast */
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;text-decoration:none;font:700 1rem var(--ff-display);letter-spacing:.04em;padding:12px 16px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.wa svg{width:22px;height:22px}
@media (max-width:540px){.wa span{display:none}.wa{padding:14px}}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font:700 .9rem var(--ff-display);opacity:0;pointer-events:none;transition:opacity .2s;z-index:70}
.toast.show{opacity:1}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}

/* doors, divisions, pillars */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:-56px;position:relative;z-index:2}
.door{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s}
.door:hover{transform:translateY(-3px)}
.door img{width:100%;aspect-ratio:16/9;object-fit:cover}
.door .body{padding:24px;display:grid;gap:10px;align-content:start}
.door .tag{font:700 .78rem var(--ff-display);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.door h2{font-size:1.7rem}
.door p{color:var(--ink-2)}
.door .go{font-family:var(--ff-display);font-weight:700;color:var(--leaf)}
.door ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:.95rem;display:grid;gap:4px}
@media (max-width:800px){.doors{grid-template-columns:1fr;margin-top:-30px}}
.divs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-64px;position:relative;z-index:2}
.div{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s;border-top:0}
.div:hover{transform:translateY(-4px)}
.div img{width:100%;aspect-ratio:16/10;object-fit:cover}
.div .body{padding:22px;display:grid;gap:10px;align-content:start}
.div .num{font:700 .8rem var(--ff-display);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.div:nth-child(2) .num{color:var(--leaf)}.div:nth-child(3) .num{color:var(--seed)}
.div h2{font-size:1.7rem;color:var(--forest)}
.div p{color:var(--ink-2);font-size:.97rem}
.div ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:.93rem;display:grid;gap:3px}
.div .go{font-family:var(--ff-display);font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:1000px){.divs{grid-template-columns:1fr;margin-top:-30px}}
.divhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.divhead .pillno{font:700 .8rem var(--ff-display);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--line);color:var(--ink-2)}
.pillars3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pil{position:relative;border-radius:var(--radius);overflow:hidden;min-height:360px;display:grid;align-items:end;color:#fff;text-decoration:none;box-shadow:var(--shadow)}
.pil img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pil:hover img{transform:scale(1.05)}
.pil .txt{position:relative;padding:22px;background:linear-gradient(to top,rgba(15,42,22,.92),rgba(15,42,22,.2) 70%,transparent);display:grid;gap:6px}
.pil .txt h3{color:#fff;font-size:1.6rem;text-transform:uppercase}
.pil .txt p{color:rgba(255,255,255,.88);font-size:.98rem}
.pil .txt span{font-family:var(--ff-display);font-weight:700;color:var(--avocado);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:900px){.pillars3{grid-template-columns:1fr}.pil{min-height:260px}}

/* badges, way, certs, facts, timeline, partners */
.badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:700 .95rem var(--ff-display);letter-spacing:.03em;color:var(--ink)}
.badge i{width:10px;height:10px;border-radius:50%;background:var(--avocado);display:inline-block}
.way{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.way div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:6px;border-top:5px solid var(--avocado)}
.way div:nth-child(even){border-top-color:var(--orange)}
.way b{font-family:var(--ff-display);font-weight:700;font-size:1.25rem;color:var(--forest)}
.way span{font-size:.93rem;color:var(--ink-2)}
@media (max-width:1000px){.way{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.way{grid-template-columns:1fr}}
.certs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}
.cert{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;place-items:center;min-height:104px;text-align:center}
.cert img{max-height:64px;width:auto;object-fit:contain}
.cert .mark{display:grid;gap:2px;place-items:center}
.cert .mark b{font:800 1.15rem var(--ff-display);letter-spacing:.01em;color:#1F1B17;line-height:1.1}
.cert .mark span{font:600 .68rem var(--ff-body);letter-spacing:.12em;text-transform:uppercase;color:#5A524A}
.cert .mark i{width:34px;height:4px;border-radius:2px;background:var(--avocado);display:block;margin-bottom:6px}
@media (max-width:1000px){.certs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.certs{grid-template-columns:repeat(2,1fr)}}
.facts{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 16px}
.fact b{display:block;font:800 2.4rem var(--ff-display);color:var(--orange);font-variant-numeric:tabular-nums;line-height:1}
.fact span{display:block;margin-top:8px;font-size:.9rem;color:var(--ink-2)}
@media (max-width:1000px){.facts{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.facts{grid-template-columns:repeat(2,1fr)}}
.tline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:30px;position:relative}
.tline::before{content:"";position:absolute;left:0;right:0;top:11px;height:3px;background:var(--line)}
.tl2{position:relative;padding:34px 14px 0 0;display:grid;gap:6px}
.tl2::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--orange);border:4px solid var(--bg);box-shadow:0 0 0 2px var(--line)}
.tl2 b{font:700 1.3rem var(--ff-display);color:var(--forest)}
.tl2 span{font-size:.93rem;color:var(--ink-2)}
@media (max-width:900px){.tline{grid-template-columns:1fr;gap:10px}.tline::before{left:11px;top:0;bottom:0;width:3px;height:auto}.tl2{padding:0 0 14px 40px}}
.partners{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.partner{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.partner .plogo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;place-items:center;aspect-ratio:3/2}
.partner .plogo img{max-height:90px;width:auto;object-fit:contain}
.partner h3{font-size:1.3rem}
.partner p{color:var(--ink-2);font-size:.96rem;margin-top:6px}
.partner a.more{font-family:var(--ff-display);font-weight:700;color:var(--orange);text-decoration:none;display:inline-block;margin-top:8px;text-transform:uppercase;letter-spacing:.04em}
@media (max-width:1000px){.partners{grid-template-columns:1fr}}
@media (max-width:560px){.partner{grid-template-columns:1fr}}

/* markets, regions, map */
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.mk-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:8px;align-content:start;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;border-left:6px solid var(--avocado)}
.mk-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.mk-card b{font:700 1.35rem var(--ff-display);color:var(--forest)}
.mk-card span{color:var(--ink-2);font-size:.95rem}
.mk-card .more{color:var(--orange);font-weight:700;font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:900px){.mk-grid{grid-template-columns:1fr}}
.mapwrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;overflow:hidden}
.wmap{width:100%;height:auto;display:block}
.wmap .land circle{fill:color-mix(in srgb,var(--avocado) 55%,var(--line))}
.wmap .routes path{fill:none;stroke:var(--orange);stroke-width:3;stroke-dasharray:8 8;opacity:.85}
.wmap .pins circle{fill:var(--orange);stroke:var(--surface);stroke-width:4}
.wmap .pins text{font:700 26px var(--ff-display);fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:8px;stroke-linejoin:round}
.regions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.region{background:var(--bg-alt);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:4px}
.region b{font-family:var(--ff-display);font-weight:700;font-size:1.15rem;color:var(--forest)}
.region span{font-size:.92rem;color:var(--ink-2)}
@media (max-width:900px){.regions{grid-template-columns:repeat(2,1fr)}.wmap .pins text{font-size:34px}}
.phero{padding-block:clamp(40px,6vw,72px)}
.phero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
@media (max-width:900px){.phero .wrap{grid-template-columns:1fr}}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.kv div{background:var(--bg-alt);border:1px solid var(--line);border-radius:12px;padding:14px}
.kv b{display:block;font:800 1.6rem var(--ff-display);color:var(--orange)}
.kv span{font-size:.9rem;color:var(--ink-2)}
@media (max-width:540px){.kv{grid-template-columns:1fr}}
.related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.related a{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;text-decoration:none;color:var(--ink);font:700 1.1rem var(--ff-display)}
.related a:hover{border-color:var(--orange);color:var(--orange)}
@media (max-width:900px){.related{grid-template-columns:repeat(2,1fr)}}
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.faq summary{font:700 1.15rem var(--ff-display);cursor:pointer;color:var(--forest)}
.faq p{margin-top:8px;color:var(--ink-2)}
.fairs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}

/* insights / articles */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .15s}
.post:hover{transform:translateY(-3px)}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post .body{padding:20px;display:grid;gap:8px;align-content:start}
.post .tag{font:700 .76rem var(--ff-display);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.post h3{font-size:1.4rem;color:var(--forest)}
.post p{color:var(--ink-2);font-size:.95rem}
.post time{font-size:.82rem;color:var(--ink-2)}
@media (max-width:900px){.posts{grid-template-columns:1fr}}
.article{max-width:800px;margin-inline:auto}
.article h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-top:40px;margin-bottom:12px}
.article h3{margin-top:26px;margin-bottom:8px}
.article p{margin-bottom:16px;color:var(--ink)}
.article ul,.article ol{margin:0 0 16px;padding-left:22px;display:grid;gap:6px}
.article .meta{font-size:.9rem;color:var(--ink-2);margin-bottom:28px;display:flex;gap:12px;flex-wrap:wrap}
.article figure{margin:28px 0}
.article figcaption{font-size:.86rem;color:var(--ink-2);margin-top:8px}
.article table{width:100%;border-collapse:collapse;font-size:.95rem;margin-bottom:16px}
.article th,.article td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.article th{font-family:var(--ff-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;color:var(--ink-2)}
.callout{background:var(--bg-alt);border-left:6px solid var(--avocado);border-radius:12px;padding:18px 22px;margin:24px 0}
.callout b{font-family:var(--ff-display);font-size:1.2rem;color:var(--forest)}

/* invest */
.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.inv{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:10px;align-content:start;border-top:6px solid var(--avocado)}
.inv:nth-child(2){border-top-color:var(--orange)}.inv:nth-child(3){border-top-color:var(--seed)}
.inv h3{font-size:1.5rem}
.inv ul{margin:0;padding-left:18px;color:var(--ink-2);display:grid;gap:6px;font-size:.96rem}
@media (max-width:900px){.inv-grid{grid-template-columns:1fr}}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.step{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:6px;position:relative}
.step::before{counter-increment:s;content:"0" counter(s);font:800 2rem var(--ff-display);color:var(--avocado);line-height:1}
.step b{font-family:var(--ff-display);font-size:1.2rem;color:var(--forest)}
.step span{font-size:.93rem;color:var(--ink-2)}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.steps{grid-template-columns:1fr}}
.cta-band{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
@media (max-width:800px){.cta-band{grid-template-columns:1fr}}
.ctas{display:flex;gap:12px;flex-wrap:wrap}

/* RTL */
[dir="rtl"] .eyebrow::before{order:2}
[dir="rtl"] .nav .menu{left:auto;right:0}
[dir="rtl"] .pillar ul,[dir="rtl"] .article ul,[dir="rtl"] .article ol,[dir="rtl"] .inv ul,[dir="rtl"] .door ul{padding-left:0;padding-right:22px}
[dir="rtl"] .spec b{text-align:right}
[dir="rtl"] .menu-btn{right:auto;left:var(--gutter)}
[lang="ar"] body,[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3,[lang="ar"] .btn,[lang="ar"] .nav a,[lang="ar"] .eyebrow{font-family:"Segoe UI","Noto Sans Arabic","Tahoma",system-ui,sans-serif;text-transform:none;letter-spacing:0}
[lang="zh"] body,[lang="zh"] h1,[lang="zh"] h2,[lang="zh"] h3,[lang="zh"] .btn,[lang="zh"] .nav a,[lang="zh"] .eyebrow{font-family:"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;letter-spacing:0}
[lang="zh"] h1,[lang="zh"] h2{text-transform:none}
.skip{position:absolute;top:10px;inset-inline-start:10px;background:var(--orange);color:#fff;padding:10px 14px;z-index:100;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.skip:focus{clip:auto;clip-path:none;width:auto;height:auto}

[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3{line-height:1.3}
[dir="rtl"] .wa{right:auto;left:18px}
[dir="rtl"] .toast{left:50%}
.way.cols4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.way.cols4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.way.cols4{grid-template-columns:1fr}}
.sitemap.cols4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.sitemap.cols4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.sitemap.cols4{grid-template-columns:1fr}}
.chips{max-width:100%}
.cta-band h2{margin-bottom:14px}
.sec-head h2{margin-bottom:4px}