/* ---- rime (Rime — Fishmonger & ice house 124) ------------------------------
   THE STRUCTURAL MOVE: the fold is ONE object. The full-viewport still with the
   copy held hard left is not allowed to end — the four-tile counter row is
   pulled flush against its floor with no gap band and no gutter between tiles,
   each tile capped by a solid freezer-navy label bar, so hero and strip read as
   a single welded slab before the page breathes for the first time. Below it
   the catalogue drops to a tight four-column masonry so the tiles come out
   uneven, like fish laid on a wet counter rather than cards in a grid.
   Ground is frost white, ink is freezer navy, and the ONE warm mark on the
   whole page is the amber — spent on the rand figures and the buy slab and
   nowhere else. Category labels stay grey on purpose so the price is the only
   coloured thing in a tile. The second strip is targeted through
   `.sc-about-split + .sc-strip`, since the split richtext ahead of it renders
   as .sc-about-split and never as .sc-strip's own element type. */
body.t-rime {
  background: #f4f7f9;
  color: #16202b;
  --am: #c4830e;
  --radius: 0;
  --shadow: none;
  --header-bg: #f4f7f9;
  --surface: #ffffff;
  --surface-2: #e7eef3;
  --line: #d3dee6;
  --line-strong: #b6c6d2;
  --heading: #0e1720;
  --text: #16202b;
  --muted: #64768a;
}
body.t-rime .sf-head, body.t-rime .sf-header,
body.t-rime .sf-foot, body.t-rime .sf-footer {
  background: #f4f7f9; border-color: #d3dee6;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.t-rime .btn.brand { background: var(--am); border: 0; color: #16202b; box-shadow: none; text-transform: uppercase; letter-spacing: 0.18em; font-weight: 700; font-size: 11.5px; padding: 16px 32px; }

/* the whole first screen, one still, copy held hard left on the container edge */
body.t-rime .sc-hero { min-height: 100vh; padding: 96px max(24px, calc(50vw - 540px)); }
body.t-rime .sc-hero h1 { font-weight: 700; font-size: clamp(32px, 5.4vw, 62px); line-height: 1.04; letter-spacing: -0.025em; }

/* THE WELD — the counter row fused to the floor of the hero: no gap band above
   it, no gutter between tiles, and a navy label bar butted under each photo */
body.t-rime .sc-hero + .sc-strip { max-width: none; width: 100%; margin: 0; padding: 0; }
body.t-rime .sc-hero + .sc-strip .sc-strip-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
body.t-rime .sc-hero + .sc-strip .sc-strip-img { aspect-ratio: 5 / 4; border: 0; }
body.t-rime .sc-hero + .sc-strip .sc-strip-label { margin: 0; padding: 15px 18px; background: #16202b; color: #eef4f8; text-transform: uppercase; letter-spacing: 0.2em; font-size: 11px; font-weight: 700; }

/* THE WET COUNTER — four tight columns, uneven crops, amber on the figure only */
body.t-rime .sc-masonry { padding: 78px 0 34px; }
body.t-rime .sc-mas-grid { column-count: 4; column-gap: 8px; }
body.t-rime .sc-mas-item { margin: 0 0 8px; background: var(--surface); padding-bottom: 16px; }
body.t-rime .sc-mas-item:nth-child(3n + 2) .sc-mas-media img { aspect-ratio: 4 / 3; }
body.t-rime .sc-mas-cat, body.t-rime .sc-mas-t, body.t-rime .sc-mas-p { padding: 0 14px; }
body.t-rime .sc-mas-cat { color: var(--muted); letter-spacing: 0.24em; font-size: 10.5px; margin-top: 13px; }
body.t-rime .sc-mas-p { color: var(--am); font-weight: 700; font-size: 15px; font-variant-numeric: tabular-nums; }

body.t-rime .sc-banner { min-height: 46vh; display: flex; align-items: center; margin-top: 52px; margin-bottom: 0; }

/* the ice house: photograph one side, four short sentences the other */
body.t-rime .sc-about-split { padding: 88px 20px 78px; gap: 58px; }
body.t-rime .sc-about-copy p { color: var(--text); line-height: 1.95; }

/* the second strip carries the padding the about would otherwise have kept */
body.t-rime .sc-about-split + .sc-strip .sc-strip-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.t-rime .sc-about-split + .sc-strip .sc-strip-label { margin-top: 12px; text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; color: var(--heading); }

/* one narrow contained block at the foot — no split, no map, no columns */
body.t-rime .sc-contact { max-width: 560px; padding: 84px 20px 96px; border-top: 1px solid var(--line); margin-top: 56px; }

@media (max-width: 1024px) { body.t-rime .sc-mas-grid { column-count: 3; } }
@media (max-width: 760px) {
  body.t-rime .sc-mas-grid { column-count: 2; }
  body.t-rime .sc-hero + .sc-strip .sc-strip-row,
  body.t-rime .sc-about-split + .sc-strip .sc-strip-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.t-rime .sc-hero { min-height: 86vh; }
}
@media (max-width: 520px) { body.t-rime .sc-mas-grid { column-count: 1; } }

/* NIGHT — the lights off in the cold room. Frost ground goes to freezer dark,
   navy ink flips up to become the paper, and the amber lifts two steps: #c4830e
   was picked to hold on frost white and goes muddy on a near-black ground, so
   at night it brightens and the buy slab takes dark type instead of navy. The
   welded label bar has to lift too, or it disappears into the ground it sits on. */
html[data-theme="dark"] body.t-rime {
  background: #0d1620;
  color: #b9c8d4;
  --am: #f0a92c;
  --header-bg: #0d1620;
  --surface: #121e29;
  --surface-2: #17242f;
  --line: #223441;
  --line-strong: #32485a;
  --heading: #eef4f8;
  --text: #b9c8d4;
  --muted: #7d92a3;
}
html[data-theme="dark"] body.t-rime .sf-head, html[data-theme="dark"] body.t-rime .sf-header,
html[data-theme="dark"] body.t-rime .sf-foot, html[data-theme="dark"] body.t-rime .sf-footer { background: #0d1620; border-color: #223441; }
html[data-theme="dark"] body.t-rime .btn.brand { color: #0d1620; }
html[data-theme="dark"] body.t-rime .sc-hero + .sc-strip .sc-strip-label { background: #1d2c3a; color: #eef4f8; }
html[data-theme="dark"] body.t-rime .sc-contact { border-top-color: #223441; }