/* ---- orchard (Packhouse — Citrus boxes & dried fruit 94) -------------------
   THE STRUCTURAL MOVE: the showcase stops being a grid. .sc-show-grid drops to
   ONE column, so the catalogue reads down a single vertical axis — one crate to
   a row, photograph left, cultivar and weight and rand price right — like a line
   on a packing list rather than a wall of tiles. The checkerboard is switched
   off with it: every panel keeps the same bone ground and is separated by a
   hairline, because the whole page is meant to be one cold, even sheet that
   figures move across. `.sc-richtext` is safe to style on its own here — the
   second about block is a split, so it renders as .sc-about-split and the plain
   class reaches only the photograph-free column of numbers near the top.
   Ground is cold-store bone the whole way down, ink is deep pine, and the navel
   orange is rationed to the figure heading, the prices and the button so the
   fruit in the photographs stays the only warm thing on the page. */
body.t-orchard {
  background: #f6f4ec;
  color: #17332b;
  --pk-orange: #b04e0b;
  --radius: 0;
  --shadow: none;
  --header-bg: #f6f4ec;
  --surface: #fbfaf5;
  --surface-2: #eceade;
  --line: #ddd9c9;
  --line-strong: #c6c2ae;
  --heading: #10261f;
  --text: #17332b;
  --muted: #5b6f66;
}
body.t-orchard .sf-head, body.t-orchard .sf-header,
body.t-orchard .sf-foot, body.t-orchard .sf-footer {
  background: #f6f4ec; border-color: #ddd9c9;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.t-orchard .btn.brand { background: var(--pk-orange); border-color: var(--pk-orange); color: #fdfbf4; box-shadow: none; text-transform: uppercase; letter-spacing: 0.16em; font-weight: 700; font-size: 11.5px; padding: 15px 30px; }

/* full window, three cross-fading slides, copy dead centre */
body.t-orchard .sc-hero { min-height: 100vh; }
body.t-orchard .sc-hero h1 { font-weight: 600; font-size: clamp(31px, 5.2vw, 60px); line-height: 1.06; letter-spacing: -0.02em; }

/* THE FIGURE COLUMN — no photograph, no tiles, just a narrow centred stack of
   plain sentences with numbers in them. Orange rests here for the first time. */
body.t-orchard .sc-richtext { max-width: 660px; padding: 96px 20px 82px; }
body.t-orchard .sc-richtext .sc-h2 { text-transform: uppercase; letter-spacing: 0.24em; font-size: clamp(11px, 1.4vw, 13px); color: var(--pk-orange); margin-bottom: 30px; }
body.t-orchard .sc-richtext p { color: var(--heading); font-size: clamp(16px, 2vw, 19px); line-height: 2.05; font-variant-numeric: tabular-nums; }

/* --- THE LADDER: one crate to a row, all the way down --- */
body.t-orchard .sc-show-grid { grid-template-columns: minmax(0, 1fr); }
body.t-orchard .sc-show-item,
body.t-orchard .sc-show-item:nth-child(4n + 2),
body.t-orchard .sc-show-item:nth-child(4n + 3) { background: transparent; border-top: 1px solid var(--line); }
body.t-orchard .sc-show-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); column-gap: clamp(28px, 5vw, 72px); align-items: center; text-align: left; min-height: 0; max-width: 1060px; width: 100%; margin: 0 auto; padding: 44px 20px 50px; }
body.t-orchard .sc-show-inner > *:not(.sc-show-media) { grid-column: 2; justify-self: start; }
body.t-orchard .sc-show-media { grid-column: 1; grid-row: 1 / span 5; padding: 0; }
body.t-orchard .sc-show-media img { width: 100%; max-width: 100%; max-height: none; aspect-ratio: 4 / 3; object-fit: cover; }
body.t-orchard .sc-show-cat { color: var(--muted); letter-spacing: 0.22em; }
body.t-orchard .sc-show-rule { width: 44px; margin: 18px 0 10px; opacity: 0.45; }
body.t-orchard .sc-show-price { color: var(--pk-orange); font-weight: 700; font-variant-numeric: tabular-nums; margin: 10px 0 22px; }

/* four growing regions, tall and even */
body.t-orchard .sc-strip { padding: 82px 20px 12px; }
body.t-orchard .sc-strip-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
body.t-orchard .sc-strip-img { aspect-ratio: 3 / 4; border-color: var(--line); }
body.t-orchard .sc-strip-label { margin-top: 13px; text-transform: uppercase; letter-spacing: 0.18em; font-size: 11.5px; color: var(--heading); }

/* the one wide photograph on the page, and it sits RIGHT of the type */
body.t-orchard .sc-about-split { padding: 90px 20px 94px; gap: 60px; }
body.t-orchard .sc-about-media { grid-column: 2; grid-row: 1; }
body.t-orchard .sc-about-copy p { color: var(--text); line-height: 1.95; font-variant-numeric: tabular-nums; }

body.t-orchard .sc-banner { min-height: 50vh; display: flex; align-items: center; margin: 0; }
body.t-orchard .sc-contact-band { background: var(--surface-2); border-top: 1px solid var(--line); padding: 90px 0 98px; }

@media (max-width: 760px) {
  body.t-orchard .sc-show-inner { grid-template-columns: 1fr; }
  body.t-orchard .sc-show-media { grid-column: 1; grid-row: auto; }
  body.t-orchard .sc-show-inner > *:not(.sc-show-media) { grid-column: 1; }
  body.t-orchard .sc-strip-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.t-orchard .sc-hero { min-height: 86vh; }
}

/* NIGHT — the cold store with the lights off. The bone ground goes to the dark
   green of the chill room, the pine ink flips to become the paper, and the
   navel orange lifts two steps: #b04e0b was chosen to survive on bone and goes
   muddy on a near-black ground, so at night it becomes the brighter fruit
   colour and the button takes dark type instead of light. */
html[data-theme="dark"] body.t-orchard {
  background: #0d1714;
  color: #bfcdc6;
  --pk-orange: #f08a2e;
  --header-bg: #0d1714;
  --surface: #111e1a;
  --surface-2: #16261f;
  --line: #23342d;
  --line-strong: #35473e;
  --heading: #eef4f0;
  --text: #bfcdc6;
  --muted: #7e9187;
}
html[data-theme="dark"] body.t-orchard .sf-head, html[data-theme="dark"] body.t-orchard .sf-header,
html[data-theme="dark"] body.t-orchard .sf-foot, html[data-theme="dark"] body.t-orchard .sf-footer { background: #0d1714; border-color: #23342d; }
html[data-theme="dark"] body.t-orchard .btn.brand { color: #0d1714; }
html[data-theme="dark"] body.t-orchard .sc-contact-band { background: #16261f; border-top-color: #23342d; }