/* The editorial theme (owner, 30 Sep 2026): the Reignite pages' look over
   the marketing pages as ONE overlay; switch it off on /admin/sync and the
   site is exactly as built. It restyles the existing markup (no structure,
   content or URLs change), so search engines see the same pages. Fonts are
   linked from the page head (partials/site-theme.html), never @imported.
   Palette and type: docs/design/page-craft.md. */
:root {
  --ed-ink: #191613;
  --ed-ink2: #5d564d;
  --ed-paper: #faf9f6;
  --ed-line: #e5e0d6;
  --ed-red: #9d2c17;
}
body {
  font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif !important;
  background-color: var(--ed-paper);
  color: var(--ed-ink);
}
/* The serif carries display only: h1 and h2 at size. Card titles (h3) stay
   in the sans, where a thin serif would read weak at small sizes. */
h1, h2 {
  font-family: "Instrument Serif", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
  line-height: 1.08;
}
/* The serif is condensed and light, so on phones the headline steps up a
   size to hold its place over the photograph. */
@media (max-width: 640px) {
  h1 { font-size: 2.6rem !important; line-height: 1.02; }
  h2 { font-size: 2rem !important; }
}
/* Light headlines over photographs keep their contrast. */
h1.text-white, h2.text-white, .text-white h1, .text-white h2 { text-shadow: 0 1px 14px rgba(0, 0, 0, .35); }
/* The brand's ambers become the one deep red; near-blacks warm up. */
.bg-amber-600, .bg-amber-500, .hover\:bg-amber-600:hover, .hover\:bg-amber-500:hover, .hover\:bg-amber-700:hover { background-color: var(--ed-red) !important; }
.text-amber-600, .text-amber-500, .text-amber-700, .hover\:text-amber-700:hover, .hover\:text-amber-800:hover { color: var(--ed-red) !important; }
.border-amber-600, .border-amber-500 { border-color: var(--ed-red) !important; }
.bg-amber-100, .bg-amber-50 { background-color: #f3e7e1 !important; }
.bg-zinc-900, .bg-zinc-800, .bg-black { background-color: var(--ed-ink) !important; }
.text-zinc-900 { color: var(--ed-ink) !important; }
.text-zinc-600, .text-zinc-500 { color: var(--ed-ink2) !important; }
.bg-zinc-50, .bg-zinc-100, .bg-stone-50 { background-color: var(--ed-paper) !important; }
.border-zinc-200, .border-zinc-100, .border-stone-200 { border-color: var(--ed-line) !important; }
/* Square the pills and cards; no drop shadows. */
.rounded-full, .rounded-3xl, .rounded-2xl, .rounded-xl, .rounded-lg, .rounded-md { border-radius: 3px !important; }
.shadow, .shadow-sm, .shadow-md, .shadow-lg, .shadow-xl, .hover\:shadow-lg:hover { box-shadow: none !important; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--ed-red); outline-offset: 3px; }

/* The studio's photographs (partials/theme-photos.html): every photo at its
   own shape. Two stacked 3:2 landscapes meet one 2:3 portrait's height when
   the columns are about 1.1 : 1, so the band balances without a crop. */
.ed-photos { max-width: 1120px; margin: 56px auto 0; padding: 0 20px 8px; }
.ed-pgrid { display: grid; gap: 12px; grid-template-columns: 1.1fr 1fr; align-items: start; }
.ed-pgrid figure { margin: 0; }
.ed-pgrid img { display: block; width: 100%; height: auto; border-radius: 3px; background: #ece5d8; }
.ed-pgrid .ed-tall { grid-column: 2; grid-row: 1 / span 2; }