:root {
  --forest: #0d281f;
  --forest-2: #173b2b;
  --forest-3: #214d37;
  --cream: #f4f0e6;
  --paper: #faf8f2;
  --gold: #d5a642;
  --gold-bright: #f1c45a;
  --orange: #dc6f25;
  --ink: #152019;
  --muted: #657068;
  --line: rgba(21, 32, 25, 0.16);
  --sans: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -4rem;
  z-index: 1000;
  background: var(--gold-bright);
  color: var(--forest);
  padding: .75rem 1rem;
  border-radius: .25rem;
}
.skip-link:focus { top: 1rem; }

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 1.1rem clamp(1.25rem, 4vw, 4.5rem);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.22);
  transition: background .3s ease, padding .3s ease, transform .3s ease;
}
.site-header.sticky {
  position: fixed;
  background: rgba(13,40,31,.96);
  backdrop-filter: blur(16px);
  padding-top: .7rem;
  padding-bottom: .7rem;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
}
.brand { display: inline-flex; align-items: center; justify-self: start; }
.brand img { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; background: var(--cream); }
.nav-title { justify-self: center; font-size: 1rem; font-weight: 700; letter-spacing: .2em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.nav-title-text { display: block; transition: opacity .35s ease, transform .35s ease; }
.nav-title-text.is-fading { opacity: 0; transform: translateY(-4px); }
.desktop-nav { display: flex; align-items: center; gap: 2rem; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.desktop-nav a, .header-cta { position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: -.5rem; width: 0; height: 1px; background: var(--gold-bright); transition: width .25s ease; }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { width: 100%; }
.header-cta { justify-self: end; border: 1px solid rgba(255,255,255,.45); padding: .7rem 1rem; border-radius: 999px; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; transition: background .2s, color .2s; }
.header-cta:hover, .header-cta:focus-visible { background: var(--gold-bright); color: var(--forest); border-color: var(--gold-bright); }
.header-cta img { display: inline-block; width: 18px; height: 18px; margin-left: .35rem; vertical-align: middle; object-fit: contain; }
.menu-button { justify-self: end; display: flex; flex-direction: column; justify-content: center; gap: 6px; width: 44px; height: 44px; padding: 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: transparent; color: #fff; }
.menu-button span { display: block; width: 100%; height: 1px; background: currentColor; transition: transform .2s ease; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-nav { position: absolute; top: 100%; left: 0; width: 100%; display: none; flex-direction: column; padding: .5rem 1.25rem 1.5rem; background: rgba(13,40,31,.98); border-top: 1px solid rgba(255,255,255,.16); }
.mobile-nav.open { display: flex; }
.mobile-nav a { padding: .9rem 0; border-bottom: 1px solid rgba(255,255,255,.14); }

.hero {
  position: relative;
  min-height: 100svh;
  background: var(--forest);
  color: #fff;
  isolation: isolate;
  overflow: hidden;
}
.hero-image { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: center 58%; z-index: -3; }
.hero-overlay { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(6,22,16,.9) 0%, rgba(6,22,16,.56) 50%, rgba(6,22,16,.08) 82%), linear-gradient(0deg, rgba(6,22,16,.62) 0%, transparent 45%); }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .11; background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px); background-size: 10vw 10vw; mask-image: linear-gradient(90deg, black, transparent 75%); }
.hero-content { width: min(1220px, calc(100% - 3rem)); margin: 0 auto; min-height: 100svh; padding: clamp(9rem, 18vh, 13rem) 0 6rem; display: flex; flex-direction: column; justify-content: center; }
.eyebrow { margin: 0 0 1.25rem; color: var(--forest-3); font-size: .76rem; font-weight: 700; letter-spacing: .18em; line-height: 1.2; text-transform: uppercase; }
.eyebrow.light { color: var(--gold-bright); }
.hero h1 { max-width: 990px; margin: 0; font-size: clamp(3.5rem, 8.4vw, 8.5rem); line-height: .91; letter-spacing: -.065em; font-weight: 650; }
.hero h1 span { color: var(--gold-bright); }
.hero-bottom { margin-top: clamp(2rem, 5vh, 4rem); padding-top: 1.6rem; border-top: 1px solid rgba(255,255,255,.34); display: flex; justify-content: space-between; align-items: center; gap: 2rem; max-width: 930px; }
.hero-bottom > p { max-width: 480px; margin: 0; font-size: clamp(1rem, 1.4vw, 1.25rem); color: rgba(255,255,255,.82); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 3.35rem; padding: .85rem 1.35rem; border-radius: 999px; font-weight: 700; letter-spacing: .03em; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button img { width: 22px; height: 22px; object-fit: contain; }
.button-gold { background: var(--gold-bright); color: var(--forest); box-shadow: 0 10px 25px rgba(0,0,0,.18); }
.button-gold:hover, .button-gold:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.25); background: #ffd572; }
.hero-mark { position: absolute; right: 3vw; bottom: -2.5vw; font-weight: 800; font-size: min(25vw, 24rem); line-height: .8; letter-spacing: -.1em; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.22); user-select: none; }
.scroll-cue { position: absolute; right: clamp(1.25rem,4vw,4.5rem); bottom: 2rem; display: flex; align-items: center; gap: .8rem; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.scroll-cue span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; }

.stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--cream); padding: 0 clamp(1.25rem,4vw,4.5rem); border-bottom: 1px solid var(--line); }
.stat-strip > div { padding: clamp(2rem,4vw,4rem) clamp(1rem,3vw,3rem); border-right: 1px solid var(--line); }
.stat-strip > div:first-child { border-left: 1px solid var(--line); }
.stat-strip strong { display: block; font-size: clamp(2.4rem,5vw,5.3rem); line-height: 1; letter-spacing: -.06em; color: var(--forest); }
.stat-strip strong span { color: var(--orange); font-size: .55em; }
.stat-strip p { margin: .7rem 0 0; color: var(--muted); font-size: .84rem; text-transform: uppercase; letter-spacing: .1em; }

.section { padding: clamp(5rem,10vw,10rem) clamp(1.25rem,6vw,7rem); }
.section-heading { max-width: 1080px; margin-bottom: clamp(3rem,6vw,6rem); }
.section-heading h2, .place h2, .innovation h2, .opportunities h2, .kinnow-copy h2 { margin: 0; color: var(--forest); font-size: clamp(2.7rem,6vw,6.5rem); line-height: .94; letter-spacing: -.06em; font-weight: 650; }
.legacy { background: var(--paper); }
.legacy-grid { display: grid; grid-template-columns: 1.1fr .85fr .55fr; align-items: end; gap: clamp(1.25rem,3vw,3rem); }
.legacy-copy { padding-right: 2vw; }
.legacy-copy p { color: #465149; }
.legacy-copy .lead { margin-top: 0; color: var(--ink); font-size: clamp(1.2rem,1.8vw,1.6rem); line-height: 1.45; }
.signature-line { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; }
.signature-line span { width: 54px; height: 1px; background: var(--gold); }
.signature-line p { margin: 0; font-size: .85rem; line-height: 1.45; }
.portrait-card, .archive-card { margin: 0; }
.portrait-card img { height: min(660px, 65vw); object-fit: cover; object-position: center top; }
.portrait-card figcaption { background: var(--forest); color: rgba(255,255,255,.76); padding: .9rem 1rem; font-size: .76rem; letter-spacing: .06em; }
.archive-card { transform: translateY(4rem); }
.archive-card img { aspect-ratio: 1.25; object-fit: cover; filter: saturate(.72) sepia(.18); }
.archive-card figcaption { padding-top: 1rem; }
.archive-card span, .archive-card strong { display: block; }
.archive-card span { color: var(--orange); font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; }
.archive-card strong { margin-top: .3rem; font-size: .95rem; line-height: 1.3; }
.story-summary-grid, .ceo-journey-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(2rem,6vw,6rem); }
.legacy-summary .archive-card { transform: none; max-width: 480px; }
.legacy-summary.section { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.legacy-layout { display: grid; grid-template-columns: minmax(150px,220px) minmax(0,1fr); grid-template-areas: "archive intro" "archive message"; gap: .8rem 1.5rem; align-items: center; max-width: 860px; margin: 0 auto; }
.legacy-layout > .legacy-intro { grid-area: intro; align-self: end; padding: 0; max-width: none; }
.legacy-intro h2.eyebrow { margin: 0 0 .5rem; font-size: .65rem; line-height: 1.4; letter-spacing: .12em; }
.legacy-intro .legacy-story, .legacy-ceo-message .legacy-ceo-quote { color: #465149; font-size: .75rem; line-height: 1.45; }
.legacy-intro .legacy-story { margin: 0; }
.legacy-archive { grid-area: archive; min-width: 0; margin: 0; padding: 0; }
.legacy-archive img { width: 100%; height: auto; display: block; }
.legacy-ceo-message { grid-area: message; align-self: start; display: flex; align-items: center; gap: .5rem; border-top: 1px solid var(--line); padding-top: .45rem; margin: 0; }
.legacy-ceo-avatar { position: relative; display: block; flex: 0 0 36px; width: 36px; height: 36px; overflow: hidden; border-radius: 50%; border: 1px solid var(--gold); }
.legacy-ceo-avatar img { position: absolute; width: 300%; max-width: none; height: 400%; left: -90%; top: -104%; }
.legacy-ceo-message .legacy-ceo-quote { margin: .2rem 0 0; }
.legacy-ceo-message .legacy-ceo-signature { display: flex; flex-wrap: wrap; column-gap: .45rem; margin: 0; font-size: .68rem; line-height: 1.3; }
.legacy-ceo-signature strong { color: var(--forest); }
.legacy-ceo-signature span { display: block; }
@media (max-width: 620px) {
  .legacy-layout { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); grid-template-areas: "archive intro" "message message"; gap: .9rem 1rem; }
  .legacy-layout > .legacy-intro { align-self: center; }
}
.ceo-journey { background: var(--cream); }
.ceo-journey .legacy-copy > p:first-child { margin-top: 0; }
.ceo-journey .portrait-card img { height: auto; max-height: 660px; object-fit: cover; }

.kinnow-feature { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 760px; background: var(--forest); color: white; }
.kinnow-image { position: relative; min-height: 640px; overflow: hidden; }
.kinnow-image .kinnow-main { position: absolute; inset: 0; height: 100%; object-fit: cover; transition: transform .8s ease; }
.kinnow-image:hover .kinnow-main { transform: scale(1.025); }
.image-label { position: absolute; left: 1.25rem; bottom: 1.25rem; padding: .7rem 1rem; background: rgba(13,40,31,.88); backdrop-filter: blur(8px); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.kinnow-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(4rem,8vw,8rem); }
.kinnow-heading-first { display: block; min-height: 0; }
.kinnow-heading-first .kinnow-copy { max-width: 1200px; margin: 0 auto; }
.kinnow-heading-first .kinnow-image { width: 100%; height: clamp(320px, 50vw, 600px); min-height: 0; margin: 2rem 0 1rem; }
.kinnow-copy h2 { color: #fff; }
.kinnow-copy > p:not(.eyebrow) { max-width: 580px; color: rgba(255,255,255,.72); font-size: 1.08rem; }
.kinnow-copy ul { list-style: none; padding: 0; margin: 1.5rem 0 2.2rem; border-top: 1px solid rgba(255,255,255,.18); }
.kinnow-copy li { padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.kinnow-copy li span { margin-right: 1rem; color: var(--gold-bright); font-size: .72rem; }
.kinnow-inline-card { position: relative; margin: .25rem 0 1.6rem; overflow: hidden; background: #081d16; }
.kinnow-inline-card img { width: 100%; aspect-ratio: 2.05; object-fit: cover; }
.kinnow-inline-card figcaption { position: absolute; left: .8rem; bottom: .8rem; padding: .45rem .65rem; background: rgba(8,29,22,.82); color: rgba(255,255,255,.8); backdrop-filter: blur(8px); font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; }
.text-link { align-self: flex-start; padding-bottom: .35rem; border-bottom: 1px solid currentColor; font-weight: 700; }
.text-link span { color: var(--gold-bright); margin-left: .35rem; }
.whatsapp-text-link { display: inline-flex; align-items: center; gap: .55rem; max-width: 100%; }
.whatsapp-text-link > img { width: 24px; height: 24px; flex: 0 0 24px; object-fit: contain; }
.whatsapp-text-link > .direction-arrow { flex: 0 0 auto; margin-left: 0; }

.portfolio { background: var(--cream); }
.section-heading.split { max-width: none; display: grid; grid-template-columns: 1.4fr .6fr; align-items: end; gap: 4rem; }
.section-heading.split > p { margin: 0 0 .35rem; color: var(--muted); max-width: 480px; }
.farm-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.farm-card { position: relative; grid-column: span 4; min-height: 430px; overflow: hidden; background: var(--forest); color: #fff; }
.farm-card.large { grid-column: span 8; }
.farm-card.wide { grid-column: span 8; }
.farm-card img { position: absolute; inset: 0; height: 100%; object-fit: cover; transition: transform .7s ease; }
.farm-card-vegetables img { top: -17.5%; height: 135%; }
.farm-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,27,20,.86), rgba(8,27,20,0) 65%); }
.farm-card:hover img { transform: scale(1.035); }
.farm-card > div { position: absolute; z-index: 2; left: 1.5rem; right: 1.5rem; bottom: 1.4rem; }
.farm-card span { color: var(--gold-bright); font-size: .68rem; text-transform: uppercase; letter-spacing: .14em; }
.farm-card h3 { margin: .15rem 0 0; font-size: clamp(1.7rem,3vw,3rem); line-height: 1.1; letter-spacing: -.04em; }
.farm-card p { margin: .3rem 0 0; color: rgba(255,255,255,.7); font-size: .86rem; }
.portfolio-note { margin: 1.5rem 0 0; color: var(--muted); text-align: right; }

.innovation { background: var(--forest); color: white; }
.innovation-intro { padding-bottom: clamp(3rem,6vw,6rem); }
.innovation-title { display: grid; grid-template-columns: 1.3fr .7fr; align-items: end; gap: 4rem; }
.innovation-title h2 { color: #fff; }
.innovation-title p { margin: 0 0 .5rem; color: rgba(255,255,255,.68); max-width: 520px; }
.innovation-gallery { display: grid; width: 100%; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 270px 270px; gap: 1px; background: rgba(255,255,255,.18); }
.innovation-gallery figure { position: relative; margin: 0; overflow: hidden; background: #122; }
.innovation-gallery .innovation-main { grid-row: 1 / span 2; }
.innovation-gallery .innovation-tech { background: var(--forest-2); }
.innovation-tech figcaption { right: 1.1rem; }
.innovation-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s ease, filter .75s ease; }
.innovation-gallery figure:hover img { transform: scale(1.03); filter: brightness(.85); }
.innovation-gallery figcaption { position: absolute; left: 1.1rem; bottom: 1rem; display: flex; flex-direction: column; padding: .65rem .85rem; background: rgba(13,40,31,.82); backdrop-filter: blur(8px); }
.innovation-gallery strong { font-size: .82rem; }
.innovation-gallery span { color: rgba(255,255,255,.66); font-size: .7rem; }

.team { overflow: hidden; background: var(--paper); }
.team-heading { display: grid; grid-template-columns: 1.25fr .6fr; align-items: end; gap: clamp(3rem,8vw,9rem); margin-bottom: clamp(2.5rem,5vw,4.5rem); }
.team-heading h2 { margin: 0; color: var(--forest); font-size: clamp(2.7rem,6vw,6.5rem); line-height: .94; letter-spacing: -.06em; font-weight: 650; }
.team-heading-side { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.team-heading-side > p { max-width: 470px; margin: 0; color: var(--muted); }
.team-controls { display: flex; gap: .6rem; }
.team-control { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--forest); font: inherit; font-size: 1.25rem; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.team-control:hover, .team-control:focus-visible { border-color: var(--forest); background: var(--forest); color: #fff; }
.team-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 34%); gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: .35rem; }
.team-track::-webkit-scrollbar { display: none; }
.team-card { min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.4rem; padding: clamp(1.75rem,3vw,2.75rem); overflow: hidden; scroll-snap-align: start; background: var(--cream); color: var(--forest); border: 1px solid var(--line); text-align: center; }
.team-card > img { width: clamp(150px,17vw,210px); height: clamp(150px,17vw,210px); flex: 0 0 auto; border-radius: 50%; object-fit: cover; border: 5px solid var(--paper); box-shadow: 0 0 0 1px var(--line), 0 16px 35px rgba(13,40,31,.12); transition: transform .35s ease; }
.team-card:hover > img { transform: translateY(-3px); }
.team-khan { object-position: center 18%; }
.team-muhammad { object-position: center 28%; }
.team-hadi { object-position: center 24%; }
.team-akbar { object-position: center 40%; }
.team-card-copy span { color: #a46d13; font-size: .67rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.team-card-copy h3 { margin: .25rem 0 0; font-size: clamp(1.6rem,2.4vw,2.35rem); line-height: 1.05; letter-spacing: -.04em; }
.team-card-copy p { margin: .5rem 0 0; color: var(--muted); font-size: .9rem; }

.place { display: grid; grid-template-columns: 1.35fr .65fr; align-items: center; gap: clamp(2.5rem,7vw,8rem); background: var(--paper); }
.place-image { position: relative; }
.place-image img { aspect-ratio: 1.25; object-fit: cover; }
.coordinates { position: absolute; right: 0; bottom: 0; background: var(--gold-bright); color: var(--forest); padding: 1rem 1.3rem; font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.place-copy p:last-child { color: var(--muted); font-size: 1.08rem; }

.opportunities { position: relative; padding: clamp(5rem,10vw,10rem) clamp(1.25rem,6vw,7rem); background: var(--forest-2); color: #fff; display: grid; grid-template-columns: 1.2fr .8fr; gap: 4rem; overflow: hidden; }
.opportunities::before { content: ""; position: absolute; width: 620px; height: 620px; right: -240px; top: -280px; border: 1px solid rgba(213,166,66,.35); border-radius: 50%; box-shadow: 0 0 0 80px rgba(213,166,66,.04), 0 0 0 160px rgba(213,166,66,.03); }
.opportunities h2 { color: #fff; }
.opportunity-copy { grid-column: 1 / -1; max-width: 900px; }
.opportunity-copy > p:last-child { max-width: 650px; color: rgba(255,255,255,.68); }
.partnership-equation { position: relative; grid-column: 1 / -1; align-self: center; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.18); }
.partnership-equation article { padding: 1.45rem 1.55rem; background: rgba(11,35,26,.96); }
.partnership-equation span, .partnership-equation strong { display: block; }
.partnership-equation span { color: var(--gold-bright); font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.partnership-equation strong { margin-top: .55rem; color: #fff; font-size: clamp(1rem,1.6vw,1.4rem); line-height: 1.2; letter-spacing: -.025em; white-space: nowrap; }
.equation-mark { position: absolute; z-index: 1; left: 50%; top: 50%; display: grid; place-items: center; width: 38px; height: 38px; transform: translate(-50%,-50%); border-radius: 50%; background: var(--gold-bright); color: var(--forest); font-size: 1.15rem; font-weight: 800; }
.opportunity-button { grid-column: 1 / -1; justify-self: start; margin-top: 1rem; font-size: 1.05rem; padding: 1rem 1.5rem; }

.venture-showcase { position: relative; z-index: 1; grid-column: 1 / -1; min-width: 0; margin-top: clamp(1rem,3vw,3rem); }
.venture-showcase-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.venture-showcase-head h3 { margin: 0; font-size: clamp(2rem,4vw,4.3rem); line-height: .98; letter-spacing: -.05em; }
.venture-showcase-intro { max-width: 720px; margin: 0 0 2rem; color: rgba(255,255,255,.72); font-size: 1rem; }
.venture-showcase-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 1.1rem; }
.venture-showcase-actions > a { color: var(--gold-bright); font-size: .8rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.venture-controls { display: flex; gap: .55rem; }
.venture-control { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(255,255,255,.34); border-radius: 50%; background: transparent; color: #fff; font: inherit; font-size: 1.15rem; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.venture-control:hover, .venture-control:focus-visible { border-color: var(--gold-bright); background: var(--gold-bright); color: var(--forest); }
.venture-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(300px, 46%); gap: 1rem; min-width: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.venture-track::-webkit-scrollbar { display: none; }
.venture-card { position: relative; min-height: 470px; overflow: hidden; scroll-snap-align: start; background: #0a2118; color: #fff; }
.venture-card > img { position: absolute; inset: 0; height: 100%; object-fit: cover; transition: transform .7s ease; }
.venture-card:hover > img { transform: scale(1.035); }
.venture-card-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(6,22,16,.97) 2%, rgba(6,22,16,.38) 64%, rgba(6,22,16,.08)); }
.venture-card-copy { position: absolute; z-index: 1; left: clamp(1.3rem,3vw,2.3rem); right: clamp(1.3rem,3vw,2.3rem); bottom: clamp(1.3rem,3vw,2.3rem); }
.venture-card-copy > span { color: var(--gold-bright); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.venture-card-copy h3 { margin: .45rem 0 .75rem; font-size: clamp(1.85rem,3vw,3.15rem); line-height: 1; letter-spacing: -.045em; }
.venture-card-copy p { max-width: 560px; margin: 0; color: rgba(255,255,255,.72); font-size: .9rem; }
.venture-card-copy strong { display: flex; justify-content: space-between; align-items: center; margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.23); color: #fff; font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; }

.subpage-header { position: fixed; background: rgba(13,40,31,.96); backdrop-filter: blur(16px); }
.venture-library-hero { min-height: 78svh; display: flex; flex-direction: column; justify-content: flex-end; padding: 12rem clamp(1.25rem,6vw,7rem) clamp(5rem,9vw,9rem); background: radial-gradient(circle at 80% 20%, rgba(213,166,66,.22), transparent 32%), var(--forest); color: #fff; }
.venture-library-hero h1 { max-width: 1000px; margin: 0; font-size: clamp(4rem,10vw,10rem); line-height: .82; letter-spacing: -.07em; }
.venture-library-hero > p:last-child { max-width: 720px; margin: 2rem 0 0; color: rgba(255,255,255,.66); font-size: 1.08rem; }
.venture-library { background: var(--paper); }
.library-intro { display: grid; grid-template-columns: .6fr 1.2fr .7fr; align-items: end; gap: 2.5rem; margin-bottom: clamp(3rem,6vw,6rem); }
.library-intro > .eyebrow { align-self: start; }
.library-intro h2 { margin: 0; color: var(--forest); font-size: clamp(2.7rem,5vw,5.8rem); line-height: .94; letter-spacing: -.055em; }
.library-intro > p:last-child { margin: 0; color: var(--muted); }
.venture-library-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.venture-library-grid .venture-card:nth-child(3n) { grid-column: 1 / -1; }
.venture-library-grid .library-card { min-height: 540px; }

.venture-hero { position: relative; min-height: 86svh; display: flex; align-items: flex-end; overflow: hidden; background: var(--forest); color: #fff; }
.venture-hero > img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.venture-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,26,19,.96) 0%, rgba(7,26,19,.75) 45%, rgba(7,26,19,.24)), linear-gradient(0deg, rgba(7,26,19,.85), transparent 55%); }
.venture-hero-copy { position: relative; z-index: 1; width: min(1080px, calc(100% - 2.5rem)); margin: 0 auto; padding: 13rem 0 clamp(4rem,8vw,8rem); }
.back-link { display: inline-block; margin-bottom: clamp(3rem,7vw,6rem); color: rgba(255,255,255,.72); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.venture-hero-copy h1 { max-width: 950px; margin: 0; font-size: clamp(3.5rem,8vw,8.3rem); line-height: .88; letter-spacing: -.065em; }
.venture-hero-copy > p:not(.eyebrow) { max-width: 720px; margin: 1.6rem 0 0; color: rgba(255,255,255,.76); font-size: clamp(1rem,1.5vw,1.2rem); }
.article-meta { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 2rem; color: rgba(255,255,255,.58); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.article-meta span + span::before { content: "·"; margin-right: 1.2rem; }
.venture-scorecard { display: grid; grid-template-columns: repeat(4,1fr); background: var(--cream); padding: 0 clamp(1.25rem,6vw,7rem); border-bottom: 1px solid var(--line); }
.venture-scorecard > div { padding: clamp(1.8rem,3.5vw,3rem) clamp(1rem,2vw,2rem); border-left: 1px solid var(--line); }
.venture-scorecard > div:last-child { border-right: 1px solid var(--line); }
.venture-scorecard span, .venture-scorecard strong { display: block; }
.venture-scorecard span { color: var(--muted); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.venture-scorecard strong { margin-top: .35rem; color: var(--forest); font-size: clamp(1.15rem,2.2vw,1.8rem); line-height: 1.1; }
.venture-report { display: grid; grid-template-columns: 220px minmax(0,850px); justify-content: center; align-items: start; gap: clamp(3rem,8vw,8rem); background: var(--paper); }
.venture-toc { position: sticky; top: 8rem; display: flex; flex-direction: column; gap: .3rem; padding-top: .4rem; }
.venture-toc a { padding: .65rem 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .82rem; font-weight: 700; }
.venture-toc a:hover { color: var(--forest); }
.venture-body > section { scroll-margin-top: 7rem; margin-bottom: clamp(5rem,9vw,9rem); }
.venture-body h2 { max-width: 820px; margin: 0 0 2rem; color: var(--forest); font-size: clamp(2.5rem,5vw,5.2rem); line-height: .96; letter-spacing: -.055em; }
.venture-body > section > p:not(.eyebrow) { color: #465149; font-size: 1.06rem; }
.venture-callout { margin-top: 2.5rem; padding: clamp(1.5rem,3vw,2.5rem); border-left: 4px solid var(--gold); background: var(--cream); }
.venture-callout strong { color: var(--forest); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.venture-callout p { margin: .6rem 0 0; color: #465149; }
.contribution-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.contribution-grid > div { padding: clamp(1.5rem,3vw,2.5rem); background: var(--cream); }
.contribution-grid span { color: #a46d13; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.contribution-grid ul, .check-list { margin: 1.2rem 0 0; padding: 0; list-style: none; }
.contribution-grid li, .check-list li { position: relative; padding: .75rem 0 .75rem 1.25rem; border-top: 1px solid var(--line); color: #465149; }
.contribution-grid li::before, .check-list li::before { content: ""; position: absolute; left: 0; top: 1.35rem; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }
.venture-phases { border-top: 1px solid var(--line); }
.venture-phase { display: grid; grid-template-columns: 70px 1fr; gap: 1.5rem; padding: 1.6rem 0; border-bottom: 1px solid var(--line); }
.venture-phase > span { color: var(--gold); font-size: 1.5rem; font-weight: 700; }
.venture-phase h3 { margin: 0; color: var(--forest); font-size: 1.35rem; }
.venture-phase p { margin: .4rem 0 0; color: var(--muted); }
.risk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.risk-item { padding: clamp(1.5rem,3vw,2.5rem); background: #fff; }
.risk-item h3 { margin: 0; color: var(--forest); font-size: 1.2rem; }
.risk-item p { margin: .6rem 0 0; color: var(--muted); }
.venture-disclaimer { padding: clamp(1.5rem,3vw,2.5rem); background: #efe4c7; color: var(--forest); }
.venture-disclaimer strong { font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.venture-disclaimer p { margin: .5rem 0 0; }
.source-list { padding-left: 1.2rem; }
.source-list li { margin: .8rem 0; }
.source-list a { color: var(--forest-3); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: .2em; }
.venture-cta { padding: clamp(2rem,5vw,4rem); background: var(--forest); color: #fff; }
.venture-cta h2 { color: #fff; font-size: clamp(2.5rem,4.5vw,4.5rem); }
.venture-cta > p:not(.eyebrow) { color: rgba(255,255,255,.68); }
.venture-cta .button { margin-top: 1.3rem; }

.contact-stage { position: relative; overflow: hidden; background: #091f17; color: #fff; }
.contact-stage::before { content: "BF"; position: absolute; right: -2rem; top: -1rem; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.07); font-size: min(28vw, 24rem); font-weight: 800; line-height: .8; letter-spacing: -.1em; pointer-events: none; }
.contact-stage-intro { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .55fr; align-items: end; gap: clamp(3rem,8vw,9rem); margin-bottom: clamp(3rem,6vw,6rem); }
.contact-stage-intro h2 { margin: 0; color: #fff; font-size: clamp(3rem,6.2vw,6.7rem); line-height: .92; letter-spacing: -.065em; font-weight: 650; }
.contact-stage-intro > p { max-width: 480px; margin: 0 0 .5rem; color: rgba(255,255,255,.64); font-size: 1.05rem; }
.contact-board { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: auto auto; gap: 1px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.16); }
.call-card, .map-card { min-height: 340px; padding: clamp(1.5rem,3.2vw,2.75rem); display: flex; flex-direction: column; transition: filter .25s ease, transform .25s ease; }
.call-card:hover, .call-card:focus-visible, .map-card:hover, .map-card:focus-visible { filter: brightness(1.05); }
.call-card { background: var(--gold-bright); color: var(--forest); }
.map-card { background: var(--cream); color: var(--forest); }
.card-kicker { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; opacity: .68; }
.call-kicker { margin-bottom: auto; }
.call-card-name { margin-top: 2.5rem; font-size: clamp(1rem,1.5vw,1.35rem); font-weight: 700; }
.call-card > strong { margin-top: .25rem; font-size: clamp(2rem,4.4vw,4.4rem); line-height: .95; letter-spacing: -.05em; white-space: nowrap; }
.map-card > img { width: 48px; height: 62px; object-fit: contain; margin-bottom: 1.5rem; mix-blend-mode: multiply; }
.map-card > strong { margin-top: 2rem; font-size: clamp(2rem,3.5vw,3.7rem); line-height: .98; letter-spacing: -.045em; }
.card-action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 2rem; border-top: 1px solid rgba(13,40,31,.22); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.direction-arrow { display: inline-block; padding-right: .25rem; font-size: 1.7rem; line-height: 1; letter-spacing: -.28em; font-weight: 500; }
.contact-socials { grid-column: 1 / -1; display: grid; grid-template-columns: 1.25fr repeat(3, .75fr); background: #12382a; }
.contact-socials > p { margin: 0; padding: 1.35rem 1.5rem; display: flex; flex-direction: column; justify-content: center; }
.contact-socials > p span { color: var(--gold-bright); font-size: .67rem; letter-spacing: .14em; text-transform: uppercase; }
.contact-socials > p strong { margin-top: .15rem; font-size: 1rem; }
.contact-socials > a { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: .65rem; padding: 1.2rem 1rem; border-left: 1px solid rgba(255,255,255,.16); transition: background .2s ease; font-size: .78rem; font-weight: 700; }
.contact-socials > a:hover, .contact-socials > a:focus-visible { background: rgba(255,255,255,.08); }
.contact-socials img { width: 30px; height: 30px; object-fit: cover; }
.facebook-icon-shell, .linkedin-icon-shell, .instagram-icon-shell { display: block; width: 30px; height: 30px; overflow: hidden; flex: 0 0 auto; }
.facebook-icon-shell, .linkedin-icon-shell { border-radius: 50%; }
.instagram-icon-shell { border-radius: 24%; }
.contact-socials .facebook-icon-shell img { width: 67px; height: 33.5px; max-width: none; transform: translate(-17px,-2px); }
.contact-socials .linkedin-icon-shell img { width: 34px; height: 34px; max-width: none; transform: translate(-2px,-2px); border-radius: 50%; }
.contact-socials .instagram-icon-shell img { width: 36px; height: 36px; max-width: none; transform: translate(-3px,-3px); border-radius: 24%; }
.contact-socials .direction-arrow { color: var(--gold-bright); font-size: 1.35rem; }

footer { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 3rem; padding: 2rem clamp(1.25rem,4vw,4.5rem); background: #081d16; color: rgba(255,255,255,.63); font-size: .8rem; }
.footer-brand { display: flex; align-items: center; gap: .8rem; }
.footer-brand img { width: 54px; height: 54px; border-radius: 50%; }
.footer-brand strong, .footer-brand span { display: block; }
.footer-brand strong { color: #fff; text-transform: uppercase; letter-spacing: .09em; }
.footer-brand span { font-size: .68rem; letter-spacing: .08em; }
.copyright { text-align: right; }
.floating-whatsapp { position: fixed; z-index: 45; right: 1.25rem; bottom: 1.25rem; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: transparent; filter: drop-shadow(0 9px 14px rgba(0,0,0,.25)); transition: transform .2s ease; }
.floating-whatsapp:hover, .floating-whatsapp:focus-visible { transform: translateY(-3px) scale(1.03); }
.floating-whatsapp img { width: 46px; height: 46px; object-fit: contain; }

.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s ease; }
.js .reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
  .site-header { grid-template-columns: auto 1fr auto; }
  .desktop-nav, .header-cta { display: none; }
  .hero-content { justify-content: flex-end; padding-bottom: 7rem; }
  .hero-bottom { align-items: flex-start; flex-direction: column; }
  .scroll-cue { display: none; }
  .stat-strip { grid-template-columns: 1fr 1fr; }
  .stat-strip > div:nth-child(3) { border-left: 1px solid var(--line); }
  .stat-strip > div { border-bottom: 1px solid var(--line); }
  .legacy-grid { grid-template-columns: 1fr 1fr; }
  .story-summary-grid, .ceo-journey-grid { grid-template-columns: 1fr; }
  .legacy-copy { grid-column: 1 / -1; }
  .archive-card { transform: none; align-self: start; }
  .kinnow-feature { grid-template-columns: 1fr; }
  .kinnow-image { min-height: 70vw; }
  .section-heading.split, .innovation-title, .team-heading, .place, .opportunities, .contact-stage-intro, .library-intro { grid-template-columns: 1fr; gap: 2rem; }
  .venture-report { grid-template-columns: 1fr; }
  .venture-toc { position: static; display: none; }
  .team-track { grid-auto-columns: minmax(260px, 48%); }
  .farm-card, .farm-card.large, .farm-card.wide { grid-column: span 6; }
  .farm-card.wide { grid-column: 1 / -1; }
  .innovation-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 420px 260px 260px; }
  .innovation-gallery .innovation-main { grid-column: 1 / -1; grid-row: auto; }
  footer { grid-template-columns: 1fr auto; }
  footer > p:nth-child(2) { display: none; }
}

@media (max-width: 620px) {
  .brand img { width: 48px; height: 48px; }
  .nav-title { font-size: .82rem; letter-spacing: .14em; }
  .hero-content { width: calc(100% - 2.5rem); }
  .hero h1 { font-size: clamp(3.2rem, 16vw, 5rem); }
  .hero-bottom .button { width: 100%; }
  .stat-strip { padding: 0 1.25rem; }
  .stat-strip > div { padding: 1.8rem .8rem; }
  .stat-strip strong { font-size: 2.8rem; }
  .stat-strip p { font-size: .68rem; }
  .legacy-grid { grid-template-columns: 1fr; }
  .portrait-card img { height: 120vw; max-height: 660px; }
  .archive-card { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: center; }
  .archive-card figcaption { padding: 0; }
  .kinnow-image { min-height: 90vw; }
  .kinnow-inline-card img { aspect-ratio: 1.72; }
  .kinnow-copy { padding: 4rem 1.25rem; }
  .farm-card, .farm-card.large, .farm-card.wide { grid-column: 1 / -1; min-height: 370px; }
  .portfolio-note { text-align: left; }
  .innovation-gallery { grid-template-columns: 1fr; grid-template-rows: 430px repeat(4, 280px); }
  .innovation-gallery .innovation-main, .innovation-gallery figure:last-child { grid-column: auto; }
  .team-track { grid-auto-columns: 82%; }
  .team-card { min-height: 350px; }
  .team-card > img { width: 160px; height: 160px; }
  .venture-showcase-head { align-items: flex-start; flex-direction: column; }
  .venture-showcase-actions { align-items: flex-start; }
  .venture-track { grid-auto-columns: 88%; }
  .venture-card { min-height: 430px; }
  .venture-library-grid { grid-template-columns: 1fr; }
  .venture-library-grid .venture-card:nth-child(3n) { grid-column: auto; }
  .venture-library-grid .library-card { min-height: 470px; }
  .venture-scorecard { grid-template-columns: 1fr 1fr; }
  .venture-scorecard > div:nth-child(even) { border-right: 1px solid var(--line); }
  .contribution-grid, .risk-grid { grid-template-columns: 1fr; }
  .partnership-equation { grid-template-columns: 1fr; }
  .partnership-equation article { padding: 1.3rem 1.25rem; }
  .contact-board { grid-template-columns: 1fr; grid-template-rows: auto; }
  .call-card, .map-card { min-height: 300px; }
  .contact-socials { grid-column: auto; grid-template-columns: 1fr; }
  .contact-socials > a { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); }
  footer { grid-template-columns: 1fr; gap: 1rem; }
  .copyright { text-align: left; margin: 0; }
  .floating-whatsapp { width: 52px; height: 52px; }
  .floating-whatsapp img { width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}