/* Five treatments of the hero standfirst. Scoped by a body class, sharing the
   brand tokens: Fraunces display, Hanken body, JetBrains mono, paper ground,
   Klein Volt accent. Every one holds two lines and keeps "forever" italic. */

/* ================================================================
   1 — THE LEAD
   Bigger, set in ink rather than grey, on a tight measure so it forms a
   solid confident block under the headline. Least decoration.
   ================================================================ */
body.s-1 .standfirst {
  font-size: 1.42rem; line-height: 1.5; max-width: 58ch;
  color: color-mix(in srgb, var(--ink) 88%, var(--paper));
}
body.s-1 .standfirst em { color: var(--ink); }

/* ================================================================
   2 — THE RULE
   A Klein Volt hairline down the left edge, text indented off it.
   Reads as a considered pull-quote rather than body copy.
   ================================================================ */
body.s-2 .standfirst {
  font-size: 1.28rem; line-height: 1.6; max-width: 66ch;
  padding-left: 28px; border-left: 2px solid var(--accent);
  color: color-mix(in srgb, var(--ink) 76%, var(--paper));
}
body.s-2 .standfirst em { color: var(--accent-text); }

/* ================================================================
   4 — TWO TONE
   The promise in ink, the ownership line dropped to its own line in a
   quieter grey. Clear hierarchy inside the paragraph.
   ================================================================ */
body.s-4 .standfirst { max-width: 62ch; font-size: 1.3rem; line-height: 1.5; }
body.s-4 .sf-a {
  display: block; color: var(--ink); font-weight: 500;
}
body.s-4 .sf-b {
  display: block; margin-top: 10px; color: var(--muted); font-size: 1.12rem;
}
body.s-4 .standfirst em { color: var(--ink); }

/* ================================================================
   5 — THE ACCENT PAYOFF
   Wide, airy and quiet, with "forever" carrying Klein Volt so the last
   word is the one that lands. Calmest of the five.
   ================================================================ */
body.s-5 .standfirst {
  font-size: 1.34rem; line-height: 1.65; max-width: 72ch;
  color: var(--muted); font-weight: 400;
}
body.s-5 .standfirst em {
  color: var(--accent); font-size: 1.1em;
}