/* Version 6 — Meadow: soft editorial. Sage and cream, a light serif display face with italic
   accents, centred hero over a three-photo collage, alternating commodity rows, light globe. */
:root[data-variant="meadow"] {
  --chaff-50: #fdfcf8;
  --chaff-100: #f4f3ec;
  --chaff-200: #e9eadf;
  --chaff-300: #d7dacb;
  --chaff-400: #b9bfa9;
  --loam-950: #141a16;
  --loam-900: #1f2a22;
  --loam-800: #26302a;
  --loam-700: #36423a;
  --loam-600: #535e56;
  --loam-500: #69736a;
  --barley-200: #e1e8d6;
  --barley-300: #b9cfa3;
  --barley-400: #56744b;
  --barley-500: #4a6641;
  --barley-700: #46623d;
  --accent-ink: #fdfcf8;
  --accent-hover: #4a6641;
  --line: rgb(38 48 42 / 0.12);
  --line-strong: rgb(38 48 42 / 0.3);

  --font-display: "Instrument Serif", ui-serif, Georgia, serif;
  --font-text: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --fs-base: 1.0625rem;
  --fs-2xl: clamp(2.5rem, 1.6rem + 3.6vw, 4.75rem);
  --r-sm: 8px;
  --r-md: 6px;
  --r-lg: 10px;
  --shadow-ring: 0 0 0 1px rgb(38 48 42 / 0.08);
  --shadow-lift: 0 0 0 1px rgb(38 48 42 / 0.06), 0 30px 60px -30px rgb(38 48 42 / 0.35);

  --globe-dark: 0;
  --globe-diffuse: 1.4;
  --globe-map-brightness: 7.5;
  --globe-map-base: 0;
  --globe-base: 0.98 0.98 0.95;
  --globe-marker: 0.34 0.46 0.29;
  --globe-glow: 0.9 0.92 0.86;
}

:root[data-variant="meadow"] h1,
:root[data-variant="meadow"] h2,
:root[data-variant="meadow"] h3 { font-weight: 400; letter-spacing: -0.015em; line-height: 1; font-synthesis: none; }
:root[data-variant="meadow"] .h3 { font-size: clamp(1.625rem, 1.3rem + 1vw, 2.125rem); }
:root[data-variant="meadow"] .eyebrow,
:root[data-variant="meadow"] .mono,
:root[data-variant="meadow"] .fact dt,
:root[data-variant="meadow"] .step-num { font-weight: 500; letter-spacing: 0.12em; }
:root[data-variant="meadow"] .eyebrow::before { display: none; }
:root[data-variant="meadow"] .eyebrow { color: var(--barley-700); }
:root[data-variant="meadow"] .on-dark .eyebrow { color: var(--barley-300); }
:root[data-variant="meadow"] .btn { font-weight: 500; }
:root[data-variant="meadow"] .btn-dark { --btn-bg: var(--loam-800); }

:root[data-variant="meadow"] .site-header .brand-mark rect { fill: var(--barley-400); }
:root[data-variant="meadow"] .site-header .brand-mark path:first-of-type { stroke: var(--barley-200); }

/* Hero: centred copy over a collage */
:root[data-variant="meadow"] .hero { min-height: 0; display: block; }
:root[data-variant="meadow"] .hero-media { display: none; }
:root[data-variant="meadow"] .hero-main { display: block; text-align: center; padding-top: calc(var(--header-h) + clamp(2rem, 1rem + 4vw, 5rem)); }
:root[data-variant="meadow"] .hero-copy { max-width: 60rem; margin-inline: auto; padding: 0; }
:root[data-variant="meadow"] .hero .eyebrow { justify-content: center; }
:root[data-variant="meadow"] .hero-title {
  font-size: clamp(3.25rem, 1.4rem + 6.6vw, 8rem);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.025em;
  margin-inline: auto;
}
:root[data-variant="meadow"] .hero-title em { font-style: italic; color: var(--barley-400); }
:root[data-variant="meadow"] .hero-lede { margin-inline: auto; color: var(--loam-600); }
:root[data-variant="meadow"] .hero-actions { justify-content: center; }
:root[data-variant="meadow"] .hero-actions .btn:not(.btn-primary) { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
:root[data-variant="meadow"] .hero-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr) minmax(0, 1fr);
  gap: clamp(0.75rem, 0.4rem + 1.2vw, 1.5rem);
  align-items: end;
  margin-top: clamp(2.5rem, 1.5rem + 4vw, 5rem);
}
:root[data-variant="meadow"] .hg-rice-panicles,
:root[data-variant="meadow"] .hg-green-field,
:root[data-variant="meadow"] .hg-sunflower { display: block; width: 100%; object-fit: cover; border-radius: var(--r-md); }
:root[data-variant="meadow"] .hg-rice-panicles { order: 1; aspect-ratio: 4 / 5; align-self: start; margin-top: 3rem; }
:root[data-variant="meadow"] .hg-green-field { order: 2; aspect-ratio: 4 / 3; }
:root[data-variant="meadow"] .hg-sunflower { order: 3; aspect-ratio: 4 / 5; object-position: 50% 25%; margin-bottom: 2.5rem; }
:root[data-variant="meadow"] .hero-index { padding-top: var(--sp-7); padding-bottom: 0; }
:root[data-variant="meadow"] .index-panel { background: none; box-shadow: none; padding: 0; -webkit-backdrop-filter: none; backdrop-filter: none; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); border-radius: 0; }
:root[data-variant="meadow"] .index-link { border-radius: 0; }
:root[data-variant="meadow"] .index-icon { background: var(--barley-200); color: var(--barley-700); }
:root[data-variant="meadow"] .index-name { font-family: var(--font-display); font-size: 1.375rem; font-weight: 400; }
@media (max-width: 52rem) {
  :root[data-variant="meadow"] .hero-gallery { grid-template-columns: 1fr 1fr; }
  :root[data-variant="meadow"] .hg-green-field { order: 0; grid-column: 1 / -1; }
  :root[data-variant="meadow"] .hg-rice-panicles,
  :root[data-variant="meadow"] .hg-sunflower { margin: 0; }
}

/* Company */
:root[data-variant="meadow"] .intro-statement .h2 { max-width: 12ch; }
:root[data-variant="meadow"] .intro-statement .h2,
:root[data-variant="meadow"] .section-head .h2 { font-size: var(--fs-2xl); }
:root[data-variant="meadow"] .facts { border-top: 1px solid var(--line-strong); }
:root[data-variant="meadow"] .fact dd { font-family: var(--font-display); font-size: 1.5rem; font-weight: 400; line-height: 1.15; }

/* Commodities: alternating image / text rows */
:root[data-variant="meadow"] .commodities { background: var(--chaff-50); }
:root[data-variant="meadow"] .crop-grid { row-gap: clamp(3rem, 2rem + 4vw, 6rem); }
:root[data-variant="meadow"] .crop:nth-child(n) {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  grid-template-rows: none;
  align-items: center;
  gap: clamp(1.5rem, 1rem + 4vw, 5rem);
  background: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
:root[data-variant="meadow"] .crop:nth-child(even) .crop-media { order: 2; }
:root[data-variant="meadow"] .crop-media { height: auto; aspect-ratio: 5 / 4; border-radius: var(--r-md); }
:root[data-variant="meadow"] .crop-tag { background: var(--chaff-50); color: var(--barley-700); }
:root[data-variant="meadow"] .crop-body { padding: 0; gap: var(--sp-5); max-width: 32rem; }
:root[data-variant="meadow"] .crop-body h3 { font-size: clamp(2.25rem, 1.6rem + 2vw, 3.5rem); }
:root[data-variant="meadow"] .crop-body p { font-size: 1.125rem; }
:root[data-variant="meadow"] .chip { background: transparent; }
:root[data-variant="meadow"] .crop-foot { border-top: 1px solid var(--line-strong); }
@media (hover: hover) and (pointer: fine) {
  :root[data-variant="meadow"] .crop:hover { box-shadow: none; }
  :root[data-variant="meadow"] .crop:hover .crop-media img { scale: 1.03; }
}
@media (max-width: 52rem) {
  :root[data-variant="meadow"] .crop:nth-child(n) { grid-template-columns: 1fr; }
  :root[data-variant="meadow"] .crop:nth-child(even) .crop-media { order: 0; }
  :root[data-variant="meadow"] .crop-body { max-width: none; }
}

/* Panorama: centred serif quote */
:root[data-variant="meadow"] .panorama { align-items: center; }
:root[data-variant="meadow"] .panorama-media::after { background: rgb(31 42 34 / 0.42); }
:root[data-variant="meadow"] .panorama-copy { flex-direction: column; align-items: center; text-align: center; padding-bottom: 0; }
:root[data-variant="meadow"] .panorama-copy blockquote { max-width: 18ch; font-size: clamp(2.25rem, 1.2rem + 4vw, 4.75rem); font-weight: 400; font-style: italic; line-height: 1; }

/* Markets: light sage, light globe */
:root[data-variant="meadow"] .markets {
  --bg: var(--chaff-200);
  --surface: var(--chaff-50);
  --text: var(--loam-800);
  --text-muted: var(--loam-600);
  --text-subtle: var(--loam-500);
  --line: rgb(38 48 42 / 0.12);
  --line-strong: rgb(38 48 42 / 0.3);
  --accent-text: var(--barley-700);
  --focus: var(--loam-800);
}
:root[data-variant="meadow"] .markets .eyebrow { color: var(--barley-700); }
:root[data-variant="meadow"] .markets::before { display: none; }
:root[data-variant="meadow"] .markets .btn:hover { --btn-ring: var(--text); }
:root[data-variant="meadow"] .region-list { gap: 0 var(--sp-5); }
:root[data-variant="meadow"] .region-btn { background: none; box-shadow: none; border-bottom: 1px solid var(--line-strong); border-radius: 0; color: var(--text-muted); padding-inline: 0; font-family: var(--font-display); font-size: 1.375rem; min-height: 3.25rem; }
:root[data-variant="meadow"] .region-btn .region-meta { font-family: var(--font-text); }
:root[data-variant="meadow"] .region-btn[aria-pressed="true"] { background: none; box-shadow: none; color: var(--text); border-bottom-color: var(--barley-400); border-bottom-width: 2px; font-style: italic; }
:root[data-variant="meadow"] .region-btn[aria-pressed="true"] .region-dot { background: var(--barley-400); box-shadow: inset 0 0 0 1.5px var(--barley-400), 0 0 0 4px rgb(86 116 75 / 0.18); }
@media (hover: hover) and (pointer: fine) {
  :root[data-variant="meadow"] .region-btn:hover { color: var(--text); box-shadow: none; }
  :root[data-variant="meadow"] .region-btn[aria-pressed="true"]:hover { box-shadow: none; }
}
:root[data-variant="meadow"] .region-detail { background: var(--chaff-50); box-shadow: none; }
:root[data-variant="meadow"] .region-detail h3 { font-size: 2rem; }
:root[data-variant="meadow"] .region-dest .icon { color: var(--barley-400); }
:root[data-variant="meadow"] .globe-stage::before { background: radial-gradient(circle at 38% 34%, #ffffff 0%, #eef0e6 72%); box-shadow: 0 30px 60px -30px rgb(38 48 42 / 0.3); }
:root[data-variant="meadow"] .globe-label { background: var(--chaff-50); color: var(--loam-800); box-shadow: 0 0 0 1px rgb(86 116 75 / 0.4); font-family: var(--font-text); font-weight: 500; }

/* Process: outlined markers, serif titles */
:root[data-variant="meadow"] .step-marker { background: var(--chaff-100); color: var(--barley-700); box-shadow: inset 0 0 0 1px var(--barley-400); }
:root[data-variant="meadow"] .step h3 { font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem); }

/* Contact */
:root[data-variant="meadow"] .contact { background: var(--chaff-200); }
:root[data-variant="meadow"] .contact .h2 { font-style: italic; }
:root[data-variant="meadow"] .notice { background: var(--barley-200); }
:root[data-variant="meadow"] .notice strong { font-family: var(--font-text); font-weight: 600; }
:root[data-variant="meadow"] .notice .icon { color: var(--barley-700); }
:root[data-variant="meadow"] .badge { background: var(--barley-200); color: var(--barley-700); }
:root[data-variant="meadow"] .form-card .h3 { font-size: 2rem; }
:root[data-variant="meadow"] .input { background: var(--chaff-50); }

/* Footer */
:root[data-variant="meadow"] .site-footer { background: var(--loam-900); }
:root[data-variant="meadow"] .site-footer .brand-mark rect { fill: var(--barley-300); }
:root[data-variant="meadow"] .site-footer .brand-mark path { stroke: var(--loam-900); }

/* Interface text stays in the sans; the serif is for headlines and region names */
:root[data-variant="meadow"] .btn,
:root[data-variant="meadow"] .nav-link,
:root[data-variant="meadow"] .brand-name,
:root[data-variant="meadow"] .chip,
:root[data-variant="meadow"] .text-link,
:root[data-variant="meadow"] .field label,
:root[data-variant="meadow"] .field-error,
:root[data-variant="meadow"] .input,
:root[data-variant="meadow"] .footer-nav a,
:root[data-variant="meadow"] .skip-link { font-family: var(--font-text); }
:root[data-variant="meadow"] .brand-name { font-weight: 600; }