/* ---------- Patina — Bronze foundry & editions 132 (store) ----------
   THE STRUCTURAL MOVE: deferral, then one gapless wall. Under a full-viewport
   three-slide stage the page collapses to a 600px column and stays there for
   three text-only steps and a quote block, and the only thing that interrupts
   them before the catalogue is the strip — pushed out to 100vw with `gap: 0`
   and its labels lifted out of the flow onto the photographs, so the two meet
   in the middle with no gutter between them and none at the page margins.
   Nothing else on the page bleeds. Verdigris is spent only on hairlines and the
   category caps, bronze carries every control and every price, and the type
   stays near-black: the photography holds all the heat, the page stays cold. */
body.t-patina {
  background: #f1eee7;
  color: #1c1a17;
  --pt-verd: #6c8a76;
  --pt-bronze: #8a6a3f;
  --bg-flat: #f1eee7;
  --surface: #f8f6f1;
  --surface-2: #e8e4da;
  --line: #ded9cf;
  --line-strong: #c7c0b2;
  --heading: #141210;
  --text: #1c1a17;
  --muted: #6f6a61;
  --header-bg: #111111;
  --radius: 0;
  --shadow: none;
}

/* the bar is furnace black over the whole light scroll and never changes state
   — flat, no blur, nothing glassy */
body.t-patina .sf-header, body.t-patina .sf-head {
  background: #111111; border-color: #111111;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.t-patina .sf-header .sf-name, body.t-patina .sf-header .sf-cart,
body.t-patina .sf-header .sf-searchbtn { color: #efeade; }
body.t-patina .sf-name { font-family: var(--sf-serif); font-weight: 400; font-size: 22px; letter-spacing: 0.01em; }

/* VERDIGRIS — hairlines only. It never fills anything and never touches copy. */
body.t-patina .sf-footer, body.t-patina .sf-foot, body.t-patina .sf-cats { border-color: var(--pt-verd); }

/* BRONZE — every control on the page, flat slab, no visible edge */
body.t-patina .btn.brand { background: var(--pt-bronze); border-color: var(--pt-bronze); color: #fdf9f0; box-shadow: none; font-weight: 600; letter-spacing: 0.04em; padding: 14px 30px; }
body.t-patina .btn.brand:hover { background: #6f5432; border-color: #6f5432; }

/* the stage: three slides cross-fading full-bleed with the name very large and
   dead centre — the only edge-to-edge photography until well past halfway */
body.t-patina .sc-hero { min-height: 100vh; padding: 20px; }
body.t-patina .sc-hero h1 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(40px, 8vw, 96px); line-height: 1.02; letter-spacing: -0.015em; margin-bottom: 20px; }
body.t-patina .sc-h2 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(21px, 2.8vw, 31px); letter-spacing: -0.01em; color: var(--heading); margin-bottom: 22px; }

/* THE NARROW COLUMN — four of the eight blocks live in it, imageless, with more
   air above and below than anything else on the page gets. `pre-line` is what
   breaks the quote block onto its own lines; the three prose steps carry no
   newlines, so they are unaffected. */
body.t-patina .sc-richtext { max-width: 600px; padding: 118px 20px 122px; }
body.t-patina .sc-richtext p { font-size: 17px; line-height: 2.05; color: var(--text); }

/* THE GAPLESS TWO-UP WALL — full width, no gutter, labels set over the image so
   nothing in the flow can push the pair apart */
body.t-patina .sc-strip { max-width: 100vw; width: 100vw; margin: 0 calc(50% - 50vw); padding: 0; }
body.t-patina .sc-strip-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
body.t-patina .sc-strip-img { aspect-ratio: 16 / 11; border: 0; border-radius: 0; background: #111111; }
body.t-patina .sc-strip-card { position: relative; }
body.t-patina .sc-strip-label { position: absolute; left: 24px; bottom: 20px; margin: 0; color: #f0ebe0; font-size: 11px; font-weight: 500; letter-spacing: 0.26em; text-transform: uppercase; text-shadow: 0 1px 12px rgba(0, 0, 0, 0.55); }

/* the only conventionally gridded block on the page, and it arrives seventh */
body.t-patina .sc-mas-cat { color: var(--pt-verd); letter-spacing: 0.22em; font-size: 10.5px; font-weight: 600; }
body.t-patina .sc-mas-t { font-family: var(--sf-serif); font-weight: 400; font-size: 19px; margin-top: 7px; }
body.t-patina .sc-mas-p { color: var(--pt-bronze); font-weight: 600; }

/* it ends contained, on a hairline and then air — no painted band anywhere */
body.t-patina .sc-contact { max-width: 560px; padding: 104px 20px 136px; border-top: 1px solid var(--pt-verd); margin-top: 88px; }

/* NIGHT — the plaster goes to a warm near-black and the bar drops a shade below
   it so the fixed rail still separates from the body; bronze and verdigris both
   lift, because between them they carry every control and every rule. */
html[data-theme="dark"] body.t-patina {
  background: #171512;
  color: #cbc5b8;
  --pt-verd: #86a892;
  --pt-bronze: #c69456;
  --bg-flat: #171512;
  --surface: #201d19;
  --surface-2: #272320;
  --line: #322d27;
  --line-strong: #46403a;
  --heading: #f3eee3;
  --text: #cbc5b8;
  --muted: #8b8478;
  --header-bg: #0d0c0b;
}
html[data-theme="dark"] body.t-patina .sf-header, html[data-theme="dark"] body.t-patina .sf-head { background: #0d0c0b; border-color: #0d0c0b; }
html[data-theme="dark"] body.t-patina .btn.brand { color: #1a1409; }