/*
 * Display heading stack from legacy styles.css (Directors Gothic Bold + brand red).
 *
 * Re-enqueued after app.css so Tailwind/base rules do not leave headings on Barlow.
 * Registered @font-face name is "Directors Gothic Bold" (see webfonts/directors-gothic.css)
 * with font-weight: bold — elements must use 700/bold or the face will not match and
 * the browser falls back to a generic sans (looks like a different family).
 *
 * Do not set font-weight: normal here: styles.css later sets h1–h3 to 700 + uppercase;
 * resetting to normal after that file undoes the @font-face match.
 */

h1,
.h1,
h2,
.h2,
.page__introduction-line,
h3,
.h3,
h4,
.h4,
h6,
.h6 {
	font-family: "Directors Gothic Bold", sans-serif;
	font-style: normal;
	color: #d22630;
	text-rendering: optimizeLegibility;
}

h1,
.h1,
h2,
.h2,
.page__introduction-line,
h3,
.h3 {
	font-weight: 700;
	text-transform: uppercase;
}

/*
 * h5/.h5 use Barlow Semi Condensed on live (later styles.css rule). Kept out of
 * the Directors Gothic stack above so FAQ questions (h3.h5) match live.
 */
h5,
.h5 {
	font-family: "Barlow Semi Condensed", sans-serif;
}