/* Redaction (open source, SIL OFL, by Titus Kaphar / Reilly / Collins). Now the "editorial" voice: hero tagline,
   quotes and article sub-headings. Titles moved to DotGothic16 (styles/titles.css, which loads after this file and wins). Geist Pixel stays the UI/system voice.
   Only ONE Redaction level is used: 35 (stair-stepped edges, letters intact). The site has exactly two typefaces:
   Geist Pixel (UI / labels / system voice) and Redaction 35 (display voice), for contrast. knowura.css is untouched; the !important
   below out-ranks its `* { font-family: ... !important }` because a class beats the universal selector. */

@font-face { font-family: 'Redaction 35'; font-style: normal; font-weight: 400; font-display: swap; src: url(../assets/fonts/redaction-35-normal.woff2) format('woff2'); }
@font-face { font-family: 'Redaction 35'; font-style: italic; font-weight: 400; font-display: swap; src: url(../assets/fonts/redaction-35-italic.woff2) format('woff2'); }

/* reusable classes: <h2 class="serif">, <p class="serif serif-italic"> ... */
.serif, .serif * { font-family: 'Redaction 35', Georgia, 'Times New Roman', serif !important; font-weight: 400; }
.serif-italic, .serif-italic * { font-style: italic; }

/* ---- where it is used ---- */

/* hero tagline */
.hero .tagline {
  font-family: 'Redaction 35', Georgia, serif !important;
  font-style: italic;
  font-size: clamp(30px, 4.2vw, 50px);
  line-height: 1.12;
  letter-spacing: -0.005em;
  color: var(--text);
}

/* section titles (the "// 01" label above stays pixel) */
.section-title .st-text {
  font-family: 'Redaction 35', Georgia, serif !important;
  font-size: clamp(46px, 7.4vw, 88px);
  line-height: 0.98;
  letter-spacing: -0.012em;
}

/* project kickers stay pixel; the card descriptions stay pixel for readability */

/* project titles (KNOWURA, SAMATA, ...) and timeline card titles */
.project h3 {
  font-family: 'Redaction 35', Georgia, serif !important;
  font-size: clamp(40px, 4.6vw, 64px);
  line-height: 0.98;
  letter-spacing: -0.01em;
}
.tl-card h3 {
  font-family: 'Redaction 35', Georgia, serif !important;
  font-size: clamp(26px, 2.6vw, 32px);
  line-height: 1.1;
}

/* quotes: Redaction italic, the words still light up on scroll */
.quote p, .quote p .w {
  font-family: 'Redaction 35', Georgia, serif !important;
  font-style: italic;
}
.quote p { font-size: clamp(24px, 2.4vw, 30px); line-height: 1.3; }

/* Everything else (body text, labels, buttons, nav, terminal) stays Geist Pixel. */

/* blog: post card titles, article title and sub-headings are headings, so they use Redaction 35 */
.post h3, .reader h2, .prose h3 {
  font-family: 'Redaction 35', Georgia, serif !important;
}
.post h3 { font-size: clamp(30px, 3vw, 38px); line-height: 1.02; }
.reader h2 { font-size: clamp(42px, 6.5vw, 66px); line-height: 0.98; letter-spacing: -0.01em; }
.prose h3 { font-size: clamp(30px, 4vw, 38px); }