/* Typography system. EB Garamond = display AND prose. DM Mono = labels only.
   Garamond is variable on wght (400..800); it has no optical-size axis, so no
   font-variation-settings anywhere.

   Prose deliberately does NOT use the mono stack. It did until 2026-08-04, and
   monospaced body copy is what made the site hard to read at length. Mono now
   survives only where its tabular figures and even color earn it: overlines,
   datestamps, spec tables, credit values. */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Mono label system — the only uppercase on the page.
   Uses --copper-ink, not --copper: at this size the lighter copper fails AA on paper. */
.overline{font-family:var(--font-mono);font-weight:500;font-size:var(--text-label);
  text-transform:uppercase;letter-spacing:.18em;color:var(--copper-ink);margin:0 0 var(--sp-md)}

/* Section headings — mid softness, warmer than the monolithic hero. */
h2{font-size:var(--text-section);font-weight:500;letter-spacing:-.018em}

/* Block titles */
h3{font-size:var(--text-display);font-weight:500;font-style:italic;letter-spacing:-.012em}

/* Running technical prose. Monospace, tight measure — read in 15–20s, not skimmed. */
p{max-width:60ch}

/* Technical spec tag — a measurement notation, not a sentence. */
.eng__spec{font-family:var(--font-mono);font-weight:500;font-size:var(--text-label);
  text-transform:uppercase;letter-spacing:.1em;color:var(--copper-ink);
  margin-top:var(--sp-md);max-width:none}

/* Numerals and units set tabular so specs align on scan. */
.eng__spec,.credits__val,.plate__idx{font-variant-numeric:tabular-nums}

/* Prose links. Bold AND underlined, never colour alone — the reader this was
   built for should never have to hover to find out something is clickable. */
.inline-link {
  font-weight: 600;
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--copper-ink);
  text-underline-offset: .18em;
  text-decoration-thickness: .06em;
}
.inline-link:hover,
.inline-link:focus-visible { color: var(--copper-ink) }