/*
Theme Name: Adoris Group
Theme URI: https://www.adoris.co.ke
Author: Adoris (K) Limited
Author URI: https://www.adoris.co.ke
Description: Integrated agribusiness theme for Adoris (K) Ltd. and Adoris Foundation — homepage, What We Trade catalogue, and Foundation deep-dive with brand-colour palette sampled from the Adoris Group Profile.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adoris-group
Tags: agribusiness, brochure, kenya, foundation, africa, full-width-template, custom-colors
*/

/* SHARED */
/* === SHARED ADORIS GROUP STYLES === */
:root{
  /* Brand colors — sampled from Group Profile PDF */
  --adoris-green:#08723b;        /* primary brand green */
  --adoris-green-deep:#054d28;
  --adoris-green-mid:#368c5f;
  --adoris-green-soft:#deebdd;
  --adoris-cyan:#38b6ff;         /* bright "ADORIS GROUP" cyan */
  --adoris-blue:#2386c2;         /* section title blue */
  --adoris-blue-deep:#1a6a9e;
  --adoris-blue-pill:#bae0f1;
  --adoris-blue-pale:#e6f1f8;
  --adoris-orange:#a86d12;       /* numbered marker color */
  --paper:#f2f2e8;               /* cream content bg */
  --paper-warm:#fdf9f1;
  --ink:#1a2a1f;
  --honey:#e7a635;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter', sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--adoris-green);color:#fff}
.display{font-family:'Fraunces', serif;font-weight:400;line-height:1;letter-spacing:-0.02em;font-variation-settings:"opsz" 144}
.italic{font-style:italic}
img{display:block;max-width:100%;height:auto}
a{color:inherit}

/* TOP BAR */
.topbar{
  background:var(--adoris-green-deep);color:#fff;font-size:0.78rem;
  letter-spacing:0.08em;text-transform:uppercase;padding:0.7rem 0;
}
.topbar-inner{
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;
}
.topbar a{color:inherit;text-decoration:none;opacity:0.85;transition:opacity 0.2s}
.topbar a:hover{opacity:1;color:var(--honey)}
.topbar-left{display:flex;gap:1.5rem;flex-wrap:wrap}

/* NAV */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(242, 242, 232, 0.95);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(8, 114, 59, 0.12);
}
.nav-inner{
  max-width:1280px;margin:0 auto;padding:1rem 2rem;
  display:flex;justify-content:space-between;align-items:center;gap:2rem;
}
.logo{text-decoration:none;display:flex;align-items:center;gap:0.7rem}
.logo img{height:48px;width:auto}
.logo-text{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:600;color:var(--adoris-blue);line-height:1}
.logo-text small{display:block;font-family:'Inter',sans-serif;font-size:0.62rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--adoris-green);margin-top:0.15rem}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}
.nav-links a{
  color:var(--adoris-green-deep);text-decoration:none;
  font-size:0.92rem;font-weight:500;position:relative;padding:0.3rem 0;transition:color 0.2s;
}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:-2px;
  width:0;height:1.5px;background:var(--adoris-green);transition:width 0.3s ease;
}
.nav-links a:hover{color:var(--adoris-green)}
.nav-links a:hover::after, .nav-links a.active::after{width:100%}
.nav-links a.active{color:var(--adoris-green)}
.nav-links a.nav-cta{
  background:var(--adoris-green);color:#fff;
  padding:0.7rem 1.4rem;border-radius:100px;
  font-size:0.85rem;font-weight:600;text-decoration:none;
  transition:all 0.3s;display:inline-flex;align-items:center;gap:0.4rem;
}
.nav-links a.nav-cta:hover{background:var(--adoris-green-deep);color:#fff;transform:translateY(-1px);box-shadow:0 10px 25px rgba(8,114,59,0.3)}
.nav-links a.nav-cta::after{display:none !important}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--adoris-green-deep);padding:0.4rem;line-height:0;border-radius:8px}
.nav-toggle:hover{background:rgba(8,114,59,0.06)}
.nav-toggle .ico-close{display:none}
.nav-toggle.is-open .ico-open{display:none}
.nav-toggle.is-open .ico-close{display:inline-block}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;gap:0.6rem;
  padding:1rem 1.8rem;border-radius:100px;
  font-size:0.95rem;font-weight:500;text-decoration:none;
  transition:all 0.3s ease;cursor:pointer;border:none;
}
.btn-primary{background:var(--honey);color:var(--adoris-green-deep)}
.btn-primary:hover{background:#fff;color:var(--adoris-green-deep);transform:translateY(-2px);box-shadow:0 12px 30px rgba(231, 166, 53, 0.3)}
.btn-green{background:var(--adoris-green);color:#fff}
.btn-green:hover{background:var(--adoris-green-deep);color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(8,114,59,0.3)}
.btn-ghost{
  background:transparent;color:#fff;
  border:1.5px solid rgba(255, 255, 255, 0.3);
}
.btn-ghost:hover{background:#fff;color:var(--adoris-green-deep);border-color:#fff}
.btn-ghost-green{
  background:transparent;color:var(--adoris-green-deep);
  border:1.5px solid rgba(8,114,59,0.3);
}
.btn-ghost-green:hover{background:var(--adoris-green-deep);color:#fff;border-color:var(--adoris-green-deep)}
.btn-arrow{transition:transform 0.3s}
.btn:hover .btn-arrow{transform:translateX(4px)}

/* SECTIONS */
.section{padding:4rem 0;position:relative}
.section-light{background:var(--paper)}
.section-paper{background:var(--paper-warm)}
.section-cream{background:linear-gradient(180deg, var(--paper) 0%, var(--adoris-green-soft) 100%)}
.section-green{background:var(--adoris-green);color:#fff}
.section-green-deep{background:var(--adoris-green-deep);color:#fff}
.container{max-width:1280px;margin:0 auto;padding:0 2rem}
.container-narrow{max-width:980px;margin:0 auto;padding:0 2rem}

.section-head{margin-bottom:3.5rem}
.section-head.centered{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.section-eyebrow{
  font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;
  font-weight:700;margin-bottom:1rem;
  display:inline-flex;align-items:center;gap:0.8rem;
}
.section-eyebrow .num{color:var(--adoris-orange)}
.section-eyebrow .label{color:var(--adoris-blue)}
.section-eyebrow.honey .label{color:var(--honey)}
.section-eyebrow.green .label{color:var(--adoris-green)}
.section-green .section-eyebrow .num{color:var(--honey)}
.section-green .section-eyebrow .label{color:#fff}
.section-title{
  font-size:clamp(2.2rem, 4.5vw, 3.6rem);
  color:var(--adoris-blue);
  margin-bottom:1rem;
}
.section-green .section-title, .section-green-deep .section-title{color:#fff}
.section-title em{color:var(--adoris-green);font-style:italic}
.section-green .section-title em, .section-green-deep .section-title em{color:var(--honey)}
.section-intro{
  color:#3a5566;font-size:1.1rem;line-height:1.7;max-width:48rem;
}
.section-green .section-intro, .section-green-deep .section-intro{color:rgba(255,255,255,0.78)}

/* FOOTER */
footer{background:var(--adoris-green-deep);color:#fff;padding:5rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}
.footer-brand .logo{
  display:inline-flex;
  background:var(--paper);
  padding:0.65rem 1rem;
  border-radius:12px;
  margin-bottom:1.5rem;
}
.footer-brand .logo img{opacity:1;margin-bottom:0;height:44px}
.footer-brand .logo-text{color:#fff}
.footer-brand .logo-text small{color:var(--honey)}
.footer-brand p{color:rgba(255,255,255,0.6);font-size:0.92rem;line-height:1.7;margin-top:1rem}
.footer-col h4{
  font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;
  font-weight:700;color:var(--honey);margin-bottom:1.4rem;
}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:0.7rem}
.footer-col a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.92rem;transition:color 0.2s}
.footer-col a:hover{color:var(--honey)}
.footer-bottom{
  padding-top:2rem;border-top:1px solid rgba(255,255,255,0.12);
  display:flex;justify-content:space-between;align-items:center;
  color:rgba(255,255,255,0.5);font-size:0.85rem;flex-wrap:wrap;gap:1rem;
}
.socials{display:flex;gap:0.8rem}
.socials a{
  width:2.2rem;height:2.2rem;border-radius:50%;
  background:rgba(255,255,255,0.1);
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;transition:all 0.3s;font-size:0.85rem;
}
.socials a:hover{background:var(--honey);color:var(--adoris-green-deep)}

.wa-float{
  position:fixed;bottom:1.8rem;right:1.8rem;z-index:50;
  width:3.5rem;height:3.5rem;border-radius:50%;
  background:#25d366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(37, 211, 102, 0.45);transition:transform 0.3s, box-shadow 0.3s;
}
.wa-float svg{width:1.7rem;height:1.7rem;display:block}
.wa-float:hover{transform:scale(1.1);box-shadow:0 14px 36px rgba(37, 211, 102, 0.55)}

@media (max-width: 900px){
  .nav-inner{position:relative}
  .nav-links{display:none}
  .nav-links.open{
    display:flex;flex-direction:column;align-items:stretch;
    position:absolute;top:100%;left:0;right:0;
    background:var(--paper);
    padding:1rem 1.5rem;gap:0;
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
    border-top:1px solid rgba(8,114,59,0.1);
  }
  .nav-links.open li{width:100%;list-style:none}
  .nav-links.open a{
    display:block;padding:0.9rem 0;
    border-bottom:1px solid rgba(8,114,59,0.08);
    font-size:1rem;
  }
  .nav-links.open li:last-child a{border-bottom:none}
  .nav-links a::after{display:none}
  .nav-links.open a.nav-cta{
    margin-top:0.6rem;text-align:center;
    background:var(--adoris-green);color:#fff;
    border-radius:100px;padding:0.9rem 1.4rem;
    border-bottom:none;
  }
  .nav-toggle{display:block}
  .section{padding:3rem 0}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
}
@media (max-width: 500px){
  .topbar-inner{justify-content:center;text-align:center}
  .logo img{height:38px}
  .logo-text{font-size:1.1rem}
}

/* WordPress defensive: ensure intro paragraphs stay centered.
   Some WP block-library / global-styles default rules can override
   margin:auto on <p> elements via theme.json. !important locks ours in. */
p.section-intro,
.trade-hero p.intro,
.found-hero p.intro,
.section-head p.section-intro {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}


/* HOMEPAGE */

/* HOME HERO with full-bleed farm image + tagline overlay */
.home-hero{
  position:relative;
  min-height:90vh;
  display:flex;align-items:center;
  overflow:hidden;
}
.home-hero-bg{
  position:absolute;inset:0;
  background-image:url("assets/img/hero-farm.webp");
  background-size:cover;background-position:center;
  z-index:0;
}
.home-hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(8,77,40,0.7) 0%, rgba(8,114,59,0.5) 40%, rgba(8,114,59,0.85) 100%);
}

/* Top banner: FARM · PROCESS · PACK · EXPORT */
.hero-top-banner{
  position:absolute;top:0;left:0;right:0;
  background:rgba(8,77,40,0.85);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(231,166,53,0.3);
  padding:1.5rem 0;z-index:3;
  color:#fff;
}
.hero-top-banner-inner{
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;
}
.hero-top-banner .chain-labels{
  display:flex;gap:1.5rem;align-items:center;
  font-family:'Fraunces',serif;font-size:1.1rem;font-weight:500;letter-spacing:0.04em;
  color:var(--honey);
}
.hero-top-banner .chain-labels .sep{color:rgba(255,255,255,0.4);font-weight:300}
.hero-top-banner .tagline{
  font-family:'Fraunces',serif;font-style:italic;font-size:1.15rem;color:#fff;
}
.hero-top-banner .tagline em{color:var(--honey);font-style:italic}

.home-hero-inner{
  position:relative;z-index:2;
  max-width:1280px;margin:0 auto;padding:7rem 2rem 5rem;
  color:#fff;
  width:100%;
}
.home-hero h1{
  font-size:clamp(2.8rem, 5.5vw, 5rem);
  color:#fff;margin-bottom:1.5rem;
  max-width:14ch;
}
.home-hero h1 em{color:var(--honey);font-style:italic}
.home-hero p.lede{
  font-size:1.15rem;color:rgba(255,255,255,0.92);
  max-width:30rem;margin-bottom:2.5rem;line-height:1.6;
}
.home-hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}

/* Layered product stack — bottom-right of hero, overlapping with rotations */
.hero-products{
  position:absolute;
  bottom:0; right:0;
  width:62%; height:88%;
  z-index:2;
  pointer-events:none;
}
.hero-products img{
  position:absolute;
  width:auto;
  height:auto;
  max-height:340px;
  max-width:25%;
  filter:drop-shadow(0 22px 38px rgba(0,0,0,0.55));
  transition:transform 0.5s ease;
  bottom:0;
}
/* Back row — smaller, more rotated, anchors higher */
.hero-products img:nth-child(1){ /* Sugar — back-left */
  right:46%; bottom:18%; transform:rotate(-16deg); z-index:1; max-height:280px;
}
.hero-products img:nth-child(2){ /* Yellow Beans — back-center */
  right:26%; bottom:22%; transform:rotate(-4deg); z-index:2; max-height:280px;
}
.hero-products img:nth-child(3){ /* Green Grams — back-right */
  right:4%; bottom:18%; transform:rotate(12deg); z-index:1; max-height:280px;
}
/* Front row — larger, more prominent, anchors lower */
.hero-products img:nth-child(4){ /* Green Lentils — front-left */
  right:38%; bottom:-2%; transform:rotate(-9deg); z-index:5; max-height:340px;
}
.hero-products img:nth-child(5){ /* Biryani Rice — front-center, hero piece */
  right:18%; bottom:-4%; transform:rotate(2deg); z-index:7; max-height:360px;
}
.hero-products img:nth-child(6){ /* Pishori — front-right */
  right:-2%; bottom:0%; transform:rotate(15deg); z-index:6; max-height:320px;
}

/* Stats bar — directly under hero, deep green */
.stats-bar{
  background:var(--adoris-green-deep);color:#fff;padding:2rem 0;
}
.stats-bar-inner{
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;
}
.stat{text-align:center;padding:0 0.5rem;border-right:1px solid rgba(255,255,255,0.15)}
.stat:last-child{border-right:none}
.stat-num{
  font-family:'Fraunces',serif;font-size:1.9rem;font-weight:500;
  color:var(--honey);line-height:1;letter-spacing:-0.02em;
}
.stat-lbl{
  font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;
  color:rgba(255,255,255,0.7);margin-top:0.4rem;font-weight:500;
}

/* WHO WE ARE — minimal 2-column */
.intro{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:stretch}
.intro-image{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 30px 60px -20px rgba(8,114,59,0.4)}
.intro-image{
  background:linear-gradient(135deg, var(--adoris-green) 0%, var(--adoris-green-deep) 100%);
}
.intro-image::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 30%, rgba(231,166,53,0.25) 0%, transparent 60%);
}
.intro-image-content{
  position:absolute;inset:1.75rem;
  display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;
  color:#fff;z-index:2;
}
.intro-image .yr{
  font-family:'Fraunces',serif;font-size:4rem;font-weight:500;line-height:1;letter-spacing:-0.04em;color:var(--honey);
}
.intro-image .yr-lbl{
  font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;color:#fff;opacity:0.9;margin-top:0.4rem;
}
.intro-image .quote{
  font-family:'Fraunces',serif;font-style:italic;font-size:1.15rem;line-height:1.4;
  border-left:3px solid var(--honey);padding-left:1.2rem;
}
.intro-content p{font-size:1.05rem;color:#3a5566;margin-bottom:1.2rem;line-height:1.7}
.intro-content p strong{color:var(--adoris-green-deep);font-weight:600}
.intro-content .arms{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;
}
.arm-pill{
  padding:1rem 1.2rem;border-radius:12px;
  border:1px solid rgba(8,114,59,0.15);background:#fff;
}
.arm-pill .nm{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:600;color:var(--adoris-green);letter-spacing:-0.01em}
.arm-pill .ds{font-size:0.78rem;color:#5c7384;margin-top:0.2rem}

/* TRADE — three commodity categories — minimal */
.trade-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.trade-cat{
  background:#fff;border-radius:18px;overflow:hidden;
  border:1px solid rgba(8,114,59,0.08);transition:all 0.3s;
}
.trade-cat:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(8,114,59,0.15)}
.trade-cat-head{
  padding:1.6rem 1.6rem 1.2rem;color:#fff;
}
.trade-cat-a .trade-cat-head{background:linear-gradient(135deg, #5a3018, var(--adoris-orange))}
.trade-cat-b .trade-cat-head{background:linear-gradient(135deg, var(--adoris-green-deep), var(--adoris-green))}
.trade-cat-c .trade-cat-head{background:linear-gradient(135deg, var(--adoris-blue-deep), var(--adoris-blue))}
.trade-cat-head .icon{font-size:1.6rem;line-height:1;opacity:0.7}
.trade-cat-head h3{font-family:'Fraunces',serif;font-size:1.3rem;font-weight:600;margin-top:0.4rem;letter-spacing:-0.01em}
.trade-cat .body{padding:1.2rem 1.6rem 1.6rem;font-size:0.9rem;color:#3a5566;line-height:1.6}

/* PRODUCTS — bag photos */
.products{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.product{
  background:#fff;border-radius:18px;padding:1.2rem 1rem;
  border:1px solid rgba(8,114,59,0.08);transition:all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  display:flex;flex-direction:column;text-align:center;
}
.product:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px rgba(8,114,59,0.2);border-color:var(--adoris-green)}
.product-visual{
  aspect-ratio:3/4;border-radius:12px;margin-bottom:1rem;
  padding:0.8rem;background:radial-gradient(circle at 50% 50%, #ffffff 0%, var(--adoris-blue-pale) 100%);
  display:flex;align-items:flex-end;justify-content:center;
  transition:transform 0.4s;
}
.product:hover .product-visual{transform:scale(1.02)}
.product-visual img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(8,114,59,0.2));transition:transform 0.4s}
.product:hover .product-visual img{transform:translateY(-4px)}
.product h3{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:500;color:var(--adoris-green-deep);margin-bottom:0.3rem;letter-spacing:-0.01em;line-height:1.2}
.product .sz{font-size:0.75rem;color:#5c7384}

/* CHAIN — value chain teaser */
.chain{display:grid;grid-template-columns:repeat(6,1fr);gap:0.8rem;position:relative}
.chain-step{
  text-align:center;padding:1.2rem 0.8rem;border-radius:12px;
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
  transition:all 0.3s;
}
.chain-step:hover{background:rgba(231,166,53,0.08);border-color:rgba(231,166,53,0.4);transform:translateY(-3px)}
.chain-num{
  width:2.4rem;height:2.4rem;border-radius:50%;
  background:var(--honey);color:var(--adoris-green-deep);
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:600;font-size:0.95rem;
  margin:0 auto 0.6rem;
}
.chain-step h4{font-family:'Fraunces',serif;font-size:1rem;color:#fff;font-weight:500;letter-spacing:-0.01em}

/* FOUNDATION TEASER — big invite */
.found-teaser{
  background:linear-gradient(135deg, var(--adoris-green) 0%, var(--adoris-green-deep) 100%);
  color:#fff;padding:5rem 0;position:relative;overflow:hidden;
}
.found-teaser::before{
  content:"";position:absolute;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle, var(--honey) 0%, transparent 60%);opacity:0.15;
  top:-150px;right:-150px;
}
.found-teaser-inner{
  position:relative;z-index:2;
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:center;
}
.found-teaser h2{font-family:'Fraunces',serif;font-size:clamp(2rem, 4vw, 3.4rem);color:#fff;margin-bottom:1.2rem;line-height:1}
.found-teaser h2 em{color:var(--honey);font-style:italic}
.found-teaser p{font-size:1.1rem;color:rgba(255,255,255,0.85);margin-bottom:2rem;line-height:1.7}
.found-teaser-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;
}
.f-stat{
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:14px;padding:1.5rem;
}
.f-stat .num{font-family:'Fraunces',serif;font-size:2rem;color:var(--honey);line-height:1;letter-spacing:-0.02em;font-weight:500}
.f-stat .lbl{font-size:0.8rem;color:rgba(255,255,255,0.75);margin-top:0.4rem;line-height:1.3}

/* PARTNER WITH US */
.partner-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.track{
  padding:1.8rem;border-radius:18px;transition:all 0.3s;
  border:1px solid rgba(8,114,59,0.1);background:#fff;
}
.track:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(8,114,59,0.15)}
.track .ic{
  width:2.6rem;height:2.6rem;border-radius:50%;
  background:var(--adoris-green-soft);color:var(--adoris-green-deep);
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:600;font-size:0.9rem;
  margin-bottom:1rem;
}
.track h3{
  font-family:'Inter',sans-serif;font-size:0.85rem;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--adoris-green);font-weight:700;margin-bottom:0.8rem;
}
.track p{font-size:0.92rem;color:#3a5566;line-height:1.6}

/* CONTACT */
.contact-section{
  background:linear-gradient(135deg, var(--adoris-green-deep) 0%, var(--adoris-green) 100%);
  color:#fff;padding:5rem 0;
}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.contact-section h2{font-family:'Fraunces',serif;font-size:clamp(2.2rem, 4.5vw, 3.6rem);color:#fff;margin-bottom:1.2rem;line-height:1}
.contact-section h2 em{color:var(--honey);font-style:italic}
.contact-section p.lead{font-size:1.15rem;color:rgba(255,255,255,0.85);margin-bottom:2rem;max-width:30rem;line-height:1.6}
.contact-info{
  background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);
  padding:2rem;border-radius:18px;
  border:1px solid rgba(255,255,255,0.15);
}
.cib{margin-bottom:1.5rem}
.cib:last-child{margin-bottom:0}
.cib .lbl{font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--honey);font-weight:700;margin-bottom:0.4rem}
.cib .val{font-family:'Fraunces',serif;font-size:1.1rem;color:#fff;font-weight:500;line-height:1.4}
.cib .sub{font-size:0.9rem;color:rgba(255,255,255,0.75);margin-top:0.2rem;line-height:1.5}
.cib a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.3);transition:border-color 0.2s}
.cib a:hover{border-color:var(--honey)}

@media (max-width:1100px){
  .products{grid-template-columns:repeat(3,1fr)}
  .chain{grid-template-columns:repeat(3,1fr)}
  .partner-tracks{grid-template-columns:repeat(2,1fr)}
  .stats-bar-inner{grid-template-columns:repeat(3,1fr);gap:1.5rem 1rem}
}
@media (max-width:900px){
  .hero-top-banner .chain-labels{font-size:0.85rem;gap:0.6rem}
  .hero-top-banner .tagline{font-size:0.95rem}
  .hero-top-banner-inner{gap:1rem}
  .home-hero-inner{padding:8rem 2rem 16rem}
  .home-hero h1{max-width:none}
  .home-hero p.lede{max-width:none}
  .hero-products{width:100%; height:200px}
  .hero-products img{max-height:170px !important; max-width:24%}
  .hero-products img:nth-child(1){right:75%; bottom:10%}
  .hero-products img:nth-child(2){right:50%; bottom:14%}
  .hero-products img:nth-child(3){right:25%; bottom:10%}
  .hero-products img:nth-child(4){right:62%; bottom:-2%}
  .hero-products img:nth-child(5){right:36%; bottom:-4%}
  .hero-products img:nth-child(6){right:10%; bottom:0%}
  .intro{grid-template-columns:1fr;gap:3rem}
  .intro-image{max-width:480px;margin:0 auto}
  .trade-cats{grid-template-columns:1fr;gap:1rem}
  .products{grid-template-columns:repeat(2,1fr)}
  .found-teaser-inner, .contact-grid{grid-template-columns:1fr;gap:3rem}
  .partner-tracks{grid-template-columns:1fr 1fr}
  .intro-content .arms{grid-template-columns:1fr}
}
@media (max-width:600px){
  .home-hero-inner{padding-bottom:11rem}
  .hero-products img{max-height:120px !important}
}
@media (max-width:500px){
  .stats-bar-inner{grid-template-columns:1fr 1fr}
  .products{grid-template-columns:1fr}
  .partner-tracks{grid-template-columns:1fr}
  .found-teaser-stats{grid-template-columns:1fr}
  .hero-top-banner .chain-labels{font-size:0.75rem}
}


/* FOUNDATION */

.found-hero{
  background:linear-gradient(135deg, var(--adoris-green-deep) 0%, var(--adoris-green) 50%, var(--adoris-green-mid) 100%);
  color:#fff;padding:7rem 0 6rem;position:relative;overflow:hidden;
}
.found-hero::before{
  content:"";position:absolute;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle, var(--honey) 0%, transparent 60%);
  opacity:0.18;top:-200px;right:-200px;
}
.found-hero::after{
  content:"";position:absolute;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle, var(--adoris-cyan) 0%, transparent 70%);
  opacity:0.2;bottom:-150px;left:-150px;
}
.found-hero-inner{
  position:relative;z-index:2;
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.found-hero .label{
  display:inline-block;background:rgba(231,166,53,0.18);color:var(--honey);
  padding:0.5rem 1.2rem;border-radius:100px;
  font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;
  margin-bottom:1.5rem;
}
.found-hero h1{
  font-family:'Fraunces',serif;font-size:clamp(2.6rem, 6vw, 5rem);
  color:#fff;margin:0 0 1.2rem;line-height:1;letter-spacing:-0.02em;
}
.found-hero h1 em{color:var(--honey);font-style:italic}
.found-hero p.intro{
  font-size:1.2rem;color:rgba(255,255,255,0.88);
  max-width:48rem;width:100%;
  margin:0 0 2rem !important;
  line-height:1.7;text-align:center;
}

/* PILLARS - 4 columns */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.pillar{
  background:#fff;border-radius:18px;padding:2rem 1.5rem;
  border:1px solid rgba(8,114,59,0.1);transition:all 0.3s;
  text-align:left;
}
.pillar:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(8,114,59,0.15);border-color:var(--adoris-green)}
.pillar-num{
  width:2.4rem;height:2.4rem;border-radius:50%;
  background:var(--adoris-green);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:600;font-size:1rem;
  margin-bottom:1.2rem;
}
.pillar h3{
  font-family:'Fraunces',serif;font-size:1.3rem;font-weight:500;
  color:var(--adoris-green-deep);margin-bottom:0.6rem;letter-spacing:-0.01em;
}
.pillar p{font-size:0.92rem;color:#3a5566;line-height:1.6}

/* CIRCULAR */
.circular-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.circular-diagram{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center}
.circular-diagram svg{width:100%;height:100%;max-width:480px}
.circular-steps{counter-reset:step}
.circular-step{
  display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:flex-start;
  padding:1.1rem 0;border-bottom:1px solid rgba(8,114,59,0.1);
}
.circular-step:last-child{border-bottom:none}
.circular-step-num{
  width:2.6rem;height:2.6rem;border-radius:50%;
  background:var(--adoris-green);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:600;font-size:1rem;
  flex-shrink:0;
}
.circular-step .ttl{color:var(--adoris-green-deep);font-weight:600;font-family:'Fraunces',serif;font-size:1.1rem;margin-bottom:0.2rem}
.circular-step p{color:#3a5566;font-size:0.95rem;line-height:1.6;padding-top:0.3rem}

/* SDG GRID */
.sdg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.sdg-card{
  background:#fff;border-radius:14px;padding:1.5rem 1rem;text-align:center;
  border:1px solid rgba(8,114,59,0.1);transition:all 0.3s;
}
.sdg-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px -8px rgba(8,114,59,0.15)}
.sdg-card .n{
  font-family:'Fraunces',serif;font-weight:600;font-size:1.8rem;
  color:var(--adoris-cyan);line-height:1;margin-bottom:0.4rem;
}
.sdg-card .t{font-size:0.78rem;color:var(--adoris-green-deep);font-weight:600;line-height:1.3}

/* FUNDING PARTNERS list */
.funders{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.funder{
  background:rgba(255,255,255,0.06);padding:1.5rem;border-radius:14px;
  border:1px solid rgba(255,255,255,0.12);transition:all 0.3s;
}
.funder:hover{background:rgba(231,166,53,0.08);border-color:rgba(231,166,53,0.4)}
.funder .ic{
  width:2.4rem;height:2.4rem;border-radius:8px;
  background:var(--honey);color:var(--adoris-green-deep);
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:600;font-size:0.9rem;
  margin-bottom:0.8rem;
}
.funder h4{font-family:'Fraunces',serif;font-size:1.15rem;color:#fff;font-weight:500;margin-bottom:0.4rem;letter-spacing:-0.01em}
.funder p{font-size:0.88rem;color:rgba(255,255,255,0.7);line-height:1.5}

/* CTA fund */
.fund-cta{
  background:linear-gradient(135deg, var(--honey) 0%, #c8861a 100%);
  color:var(--adoris-green-deep);padding:5rem 0;text-align:center;
}
.fund-cta h2{font-family:'Fraunces',serif;font-size:clamp(2.2rem,5vw,3.6rem);color:var(--adoris-green-deep);margin-bottom:1rem;line-height:1}
.fund-cta h2 em{font-style:italic}
.fund-cta p{font-size:1.15rem;color:var(--adoris-green-deep);opacity:0.85;max-width:36rem;margin:0 auto 2rem;line-height:1.6}
.fund-cta .btn-green{background:var(--adoris-green-deep);color:#fff}
.fund-cta .btn-green:hover{background:var(--adoris-green);color:#fff}

@media (max-width:1100px){
  .pillars{grid-template-columns:1fr 1fr}
  .sdg-grid{grid-template-columns:repeat(3,1fr)}
  .funders{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .circular-grid{grid-template-columns:1fr;gap:3rem}
  .pillars{grid-template-columns:1fr}
  .sdg-grid{grid-template-columns:1fr 1fr}
  .funders{grid-template-columns:1fr}
}


/* TRADE */

.trade-hero{
  background:linear-gradient(135deg, var(--adoris-green-deep) 0%, var(--adoris-green) 100%);
  color:#fff;padding:7rem 0 5rem;position:relative;overflow:hidden;
}
.trade-hero::before{
  content:"";position:absolute;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle, var(--honey) 0%, transparent 60%);
  opacity:0.15;top:-200px;right:-200px;
}
.trade-hero-inner{
  position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.trade-hero .label{
  display:inline-block;background:rgba(231,166,53,0.18);color:var(--honey);
  padding:0.5rem 1.2rem;border-radius:100px;
  font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;
  margin-bottom:1.5rem;
}
.trade-hero h1{
  font-family:'Fraunces',serif;font-size:clamp(2.6rem, 6vw, 5rem);
  color:#fff;margin:0 0 1.2rem;line-height:1;letter-spacing:-0.02em;
}
.trade-hero h1 em{color:var(--honey);font-style:italic}
.trade-hero p.intro{
  font-size:1.15rem;color:rgba(255,255,255,0.88);
  max-width:46rem;width:100%;
  margin:0 0 2.5rem !important;
  line-height:1.7;text-align:center;
}
.trade-hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;
  max-width:760px;margin:0 auto;
}
.th-stat{
  background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.15);
  padding:1.25rem 0.5rem;border-radius:12px;text-align:center;
}
.th-stat .n{font-family:'Fraunces',serif;font-size:1.8rem;font-weight:500;color:var(--honey);line-height:1;letter-spacing:-0.02em}
.th-stat .l{font-size:0.72rem;color:rgba(255,255,255,0.75);margin-top:0.5rem;letter-spacing:0.05em;text-transform:uppercase;font-weight:500}

/* Category banner — repeated as section header per category */
.cat-banner{
  border-radius:18px;padding:2rem 2.5rem;color:#fff;
  margin-bottom:2rem;
  display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;
}
.cat-banner.beverage{background:linear-gradient(135deg, #5a3018 0%, var(--adoris-orange) 100%)}
.cat-banner.grains{background:linear-gradient(135deg, var(--adoris-green-deep) 0%, var(--adoris-green-mid) 100%)}
.cat-banner.industrial{background:linear-gradient(135deg, var(--adoris-blue-deep) 0%, var(--adoris-blue) 100%)}
.cat-banner h2{
  font-family:'Fraunces',serif;font-size:clamp(1.8rem, 3.5vw, 2.4rem);
  font-weight:600;letter-spacing:-0.02em;line-height:1;color:#fff;
}
.cat-banner .num{
  font-family:'Fraunces',serif;font-size:0.95rem;
  opacity:0.7;font-weight:600;letter-spacing:0.05em;margin-bottom:0.4rem;
  display:block;
}
.cat-banner p{
  margin:0;opacity:0.9;font-size:0.95rem;line-height:1.6;
  max-width:32rem;flex-shrink:0;
}

/* Sub-category divider for the big legumes/cereals split */
.subcat-label{
  font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;
  font-weight:700;color:var(--adoris-orange);
  margin:2rem 0 1rem;
  display:flex;align-items:center;gap:0.8rem;
}
.subcat-label::after{
  content:"";flex:1;height:1px;background:rgba(168,109,18,0.2);
}

/* Commodity cards grid */
.commodity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.commodity{
  background:#fff;border-radius:14px;padding:1.4rem;
  border:1px solid rgba(8,114,59,0.1);transition:all 0.3s;
  display:flex;flex-direction:column;
}
.commodity:hover{transform:translateY(-3px);box-shadow:0 15px 30px -8px rgba(8,114,59,0.15);border-color:var(--adoris-green)}
.commodity h4{
  font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;
  color:var(--adoris-green-deep);margin-bottom:0.5rem;letter-spacing:-0.01em;line-height:1.2;
}
.commodity p{font-size:0.88rem;color:#3a5566;line-height:1.55;margin-bottom:0.8rem;flex-grow:1}
.commodity .tag{
  display:inline-block;font-size:0.66rem;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--adoris-orange);font-weight:700;padding-top:0.7rem;
  border-top:1px solid rgba(8,114,59,0.08);align-self:flex-start;
}

/* Formats — bulk + retail */
.formats-section{
  display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:start;
}
.formats-bulk{
  background:#fff;border-radius:18px;padding:2.5rem;
  border:1px solid rgba(8,114,59,0.1);
}
.formats-bulk h3{
  font-family:'Fraunces',serif;font-size:1.5rem;color:var(--adoris-green-deep);
  margin-bottom:0.4rem;letter-spacing:-0.02em;font-weight:600;
}
.formats-bulk .sub{font-size:0.95rem;color:#5c7384;margin-bottom:1.8rem}
.format-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem}
.format-tile{
  text-align:center;padding:1.3rem 0.5rem;
  background:var(--paper);border-radius:12px;
  border:1px solid rgba(8,114,59,0.08);
}
.format-tile .sz{
  font-family:'Fraunces',serif;font-size:1.7rem;font-weight:600;
  color:var(--adoris-green);letter-spacing:-0.02em;line-height:1;
}
.format-tile .lbl{font-size:0.72rem;color:#5c7384;margin-top:0.4rem;letter-spacing:0.05em}

.formats-retail{
  background:linear-gradient(135deg, var(--adoris-green-soft) 0%, #fff 100%);
  border-radius:18px;padding:2.5rem;
  border:1px solid rgba(8,114,59,0.1);
}
.formats-retail h3{
  font-family:'Fraunces',serif;font-size:1.5rem;color:var(--adoris-green-deep);
  margin-bottom:0.4rem;letter-spacing:-0.02em;font-weight:600;
}
.formats-retail .sub{font-size:0.95rem;color:#5c7384;margin-bottom:1.5rem}
.retail-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.5rem;align-items:flex-end}
.retail-bag{min-width:0;display:flex;flex-direction:column;align-items:center}
.retail-bag img{width:100%;height:230px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 14px rgba(8,114,59,0.18))}
.retail-bag .nm{font-size:0.7rem;color:var(--adoris-green-deep);text-align:center;margin-top:0.5rem;font-weight:600}

/* Compliance */
.compliance{background:var(--adoris-green-deep);color:#fff;padding:4rem 0}
.compliance-inner{max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:center}
.compliance h3{
  font-family:'Fraunces',serif;font-size:clamp(1.8rem,3.5vw,2.4rem);
  color:#fff;line-height:1.1;letter-spacing:-0.02em;font-weight:500;
}
.compliance h3 em{color:var(--honey);font-style:italic}
.compliance .lede{font-size:1rem;color:rgba(255,255,255,0.8);margin-top:1rem;line-height:1.6}
.compliance-chips{display:flex;flex-wrap:wrap;gap:0.7rem}
.chip{
  background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.2);
  padding:0.7rem 1.2rem;border-radius:100px;
  font-size:0.88rem;color:#fff;font-weight:500;
}
.chip strong{color:var(--honey);margin-right:0.4rem;font-weight:700}

/* CTA at bottom */
.trade-cta{
  background:linear-gradient(135deg, var(--honey) 0%, #c8861a 100%);
  color:var(--adoris-green-deep);padding:5rem 0;text-align:center;
}
.trade-cta h2{font-family:'Fraunces',serif;font-size:clamp(2.2rem,5vw,3.4rem);color:var(--adoris-green-deep);margin-bottom:1rem;line-height:1}
.trade-cta h2 em{font-style:italic}
.trade-cta p{font-size:1.1rem;color:var(--adoris-green-deep);opacity:0.85;max-width:36rem;margin:0 auto 2rem;line-height:1.6}
.trade-cta .btn-green{background:var(--adoris-green-deep);color:#fff}
.trade-cta .btn-green:hover{background:var(--adoris-green);color:#fff}

@media (max-width:1100px){
  .commodity-grid{grid-template-columns:1fr 1fr}
  .formats-section{grid-template-columns:1fr;gap:2rem}
  .trade-hero-stats{grid-template-columns:1fr 1fr;gap:0.8rem}
}
@media (max-width:700px){
  .commodity-grid{grid-template-columns:1fr}
  .format-tiles{grid-template-columns:1fr 1fr 1fr}
  .compliance-inner{grid-template-columns:1fr;gap:2rem}
  .retail-strip{grid-template-columns:repeat(3,1fr);gap:0.8rem}
  .cat-banner{flex-direction:column;align-items:flex-start;padding:1.5rem 1.8rem}
}


/* PARTNER */

.partner-hero{
  background:linear-gradient(135deg, var(--adoris-green-deep) 0%, var(--adoris-blue-deep) 100%);
  color:#fff;padding:7rem 0 5rem;position:relative;overflow:hidden;
}
.partner-hero::before{
  content:"";position:absolute;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle, var(--honey) 0%, transparent 60%);
  opacity:0.15;top:-200px;right:-200px;
}
.partner-hero::after{
  content:"";position:absolute;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle, var(--adoris-cyan) 0%, transparent 70%);
  opacity:0.18;bottom:-150px;left:-150px;
}
.partner-hero-inner{
  position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.partner-hero .label{
  display:inline-block;background:rgba(231,166,53,0.18);color:var(--honey);
  padding:0.5rem 1.2rem;border-radius:100px;
  font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;
  margin-bottom:1.5rem;
}
.partner-hero h1{
  font-family:'Fraunces',serif;font-size:clamp(2.6rem, 6vw, 5rem);
  color:#fff;margin:0 0 1.2rem;line-height:1;letter-spacing:-0.02em;
}
.partner-hero h1 em{color:var(--honey);font-style:italic}
.partner-hero p.intro{
  font-size:1.2rem;color:rgba(255,255,255,0.88);
  max-width:48rem;width:100%;
  margin:0 !important;
  line-height:1.7;text-align:center;
}

/* Why partner — 5 reasons */
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.why{
  background:#fff;border-radius:14px;padding:1.5rem 1.2rem;
  border:1px solid rgba(8,114,59,0.1);transition:all 0.3s;text-align:center;
}
.why:hover{transform:translateY(-3px);box-shadow:0 15px 30px -8px rgba(8,114,59,0.15);border-color:var(--adoris-green)}
.why .ic{
  width:3rem;height:3rem;border-radius:50%;
  background:var(--adoris-green-soft);color:var(--adoris-green-deep);
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:600;font-size:1.1rem;
  margin:0 auto 1rem;
}
.why h4{
  font-family:'Fraunces',serif;font-size:1.05rem;font-weight:600;
  color:var(--adoris-green-deep);margin-bottom:0.5rem;letter-spacing:-0.01em;line-height:1.2;
}
.why p{font-size:0.82rem;color:#3a5566;line-height:1.5}

/* Four big partnership tracks */
.tracks-detailed{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.track-detail{
  border-radius:20px;overflow:hidden;
  border:1px solid rgba(8,114,59,0.1);transition:all 0.3s;
  display:flex;flex-direction:column;
}
.track-detail:hover{transform:translateY(-4px);box-shadow:0 25px 50px -15px rgba(8,114,59,0.18)}
.track-detail-head{
  padding:2rem 2rem 1.5rem;color:#fff;
}
.track-detail-1 .track-detail-head{background:linear-gradient(135deg, var(--adoris-green-deep), var(--adoris-green))}
.track-detail-2 .track-detail-head{background:linear-gradient(135deg, var(--adoris-blue-deep), var(--adoris-blue))}
.track-detail-3 .track-detail-head{background:linear-gradient(135deg, #5a3018, var(--adoris-orange))}
.track-detail-4 .track-detail-head{background:linear-gradient(135deg, #054d28, #2e8a4d)}
.track-detail-head .eyebrow{
  font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;
  font-weight:700;color:var(--honey);margin-bottom:0.6rem;
}
.track-detail-head h3{
  font-family:'Fraunces',serif;font-size:1.6rem;font-weight:600;
  margin-bottom:0.6rem;letter-spacing:-0.02em;line-height:1.1;
}
.track-detail-head p{font-size:0.95rem;color:rgba(255,255,255,0.88);line-height:1.6}
.track-detail-body{
  background:#fff;padding:1.8rem 2rem 2rem;flex-grow:1;
  display:flex;flex-direction:column;
}
.track-detail-body h4{
  font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;
  font-weight:700;color:var(--adoris-orange);margin-bottom:1rem;
}
.track-detail-body ul{list-style:none;margin-bottom:1.5rem;flex-grow:1}
.track-detail-body li{
  padding:0.55rem 0 0.55rem 1.5rem;position:relative;
  font-size:0.92rem;color:#3a5566;line-height:1.5;
  border-bottom:1px dashed rgba(8,114,59,0.08);
}
.track-detail-body li:last-child{border-bottom:none}
.track-detail-body li::before{
  content:"→";position:absolute;left:0;top:0.55rem;color:var(--adoris-green);font-weight:700;
}
.track-detail-body .cta{
  display:inline-flex;align-items:center;gap:0.5rem;
  color:var(--adoris-green-deep);font-weight:600;text-decoration:none;
  font-size:0.95rem;padding-top:1rem;border-top:1px solid rgba(8,114,59,0.1);
  align-self:flex-start;
}
.track-detail-body .cta:hover{color:var(--adoris-green)}
.track-detail-body .cta .arr{transition:transform 0.3s}
.track-detail-body .cta:hover .arr{transform:translateX(4px)}

/* Process — how to engage */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:proc-step}
.process-step{
  background:rgba(255,255,255,0.06);padding:1.8rem 1.4rem;border-radius:16px;
  border:1px solid rgba(255,255,255,0.12);
}
.process-step .n{
  font-family:'Fraunces',serif;font-size:2.2rem;color:var(--honey);
  font-weight:500;line-height:1;letter-spacing:-0.02em;margin-bottom:0.8rem;
}
.process-step h4{
  font-family:'Fraunces',serif;font-size:1.1rem;color:#fff;font-weight:500;
  margin-bottom:0.5rem;letter-spacing:-0.01em;
}
.process-step p{color:rgba(255,255,255,0.7);font-size:0.85rem;line-height:1.5}

/* Big CTA */
.partner-cta{
  background:linear-gradient(135deg, var(--honey) 0%, #c8861a 100%);
  color:var(--adoris-green-deep);padding:5rem 0;text-align:center;
}
.partner-cta h2{font-family:'Fraunces',serif;font-size:clamp(2.2rem,5vw,3.6rem);color:var(--adoris-green-deep);margin-bottom:1rem;line-height:1}
.partner-cta h2 em{font-style:italic}
.partner-cta p{font-size:1.15rem;color:var(--adoris-green-deep);opacity:0.85;max-width:36rem;margin:0 auto 2rem;line-height:1.6}
.partner-cta .btn-green{background:var(--adoris-green-deep);color:#fff}
.partner-cta .btn-green:hover{background:var(--adoris-green);color:#fff}
.partner-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

@media (max-width:1100px){
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .tracks-detailed{grid-template-columns:1fr;gap:1.5rem}
  .process{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .why-grid{grid-template-columns:1fr 1fr}
  .process{grid-template-columns:1fr}
}