/* TYPOGRAPHY OVERRIDE — Mencken uses HEIR LOOMS' existing Adobe Fonts kit.
 * Main: Mencken Std Narrow Bold.
 * Secondary: Mencken Std Head Narrow Regular.
 * Brand: Mencken Std Head Compress Regular.
 * Body: ITCFranklinGothic LT Pro CnBk → temporary Roboto Condensed Regular.
 * Minor headings: condensed Franklin bold companion → temporary Roboto Condensed Bold.
 * Franklin files are still pending. Bundled SIL Open Font License fallbacks are
 * not the requested fonts. Adobe fonts remain hosted by the existing kit.
 * Replace the local() sources with url('../assets/fonts/your-licensed-file.woff2')
 * when the exact licensed webfonts have been supplied. Keep layout in reference.css.
 */
@font-face {
  font-family: 'HL Mencken Main';
  src: local('Mencken Std Narrow Bold'), local('MenckenStdNarrow-Bold');
  font-style: normal; font-weight: 700; font-display: swap;
}
@font-face {
  font-family: 'HL Mencken Secondary';
  src: local('Mencken Std Head Narrow'), local('Mencken Std Head Narrow Regular'), local('MenckenStdHeadNarrow-Regular');
  font-style: normal; font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'HL Franklin';
  src: local('ITCFranklinGothic LT Pro CnBk'), local('ITCFranklinGothicLTPro-CnBk');
  font-style: normal; font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'HL Franklin';
  src: local('ITCFranklinGothic LT Pro DmCn'), local('ITCFranklinGothicLTPro-DmCn');
  font-style: normal; font-weight: 700; font-display: swap;
}
:root {
  --font-main: 'Cormorant Garamond', 'HL Mencken Main', 'mencken-std-narrow', Georgia, serif;
  --font-secondary: 'Cormorant Garamond', 'HL Mencken Secondary', 'mencken-std-head-narrow', Georgia, serif;
  --font-brand: 'mencken-std-head-compress', 'Bodoni Moda', Georgia, serif;
  --font-body: 'Raleway', 'HL Franklin', 'Roboto Condensed', Arial, sans-serif;
}
body { font-family: var(--font-body); font-weight: 400; }
/* Primary brand statements and large section titles. */
.hero-name, .footer-wordmark, .sizetool-text h2, .showcase-title, .about-text h2 {
  font-family: var(--font-main); font-weight: 700;
}
/* Secondary editorial titles and collection titles. */
.gallery-heading, .showcase-subtitle, .col-label h3, .trade-card h3, .cta h2 {
  font-family: var(--font-secondary); font-weight: 400;
}
/* Small labels and interface titles use the bold body companion. */
.nav-logo, .field label, .features-label, .fact-label,
.btn, .about-text p strong, .sizetool-result strong {
  font-family: var(--font-body); font-weight: 700;
}
/* Feature statements remain body copy; the active statement uses its bold companion. */
.stmt { font-family: var(--font-body); }
.stmt.on { font-weight: 700; }
.brand, .hero-name, .footer-wordmark { font-family: var(--font-brand); font-weight: 400; }
.collections-heading, #dialog-title { font-family: var(--font-main); font-weight: 700; }
.fact summary, .eyebrow { font-family: var(--font-body); font-weight: 700; }