/* ===========================================================================
   PAGE-INTRO — Hinkle Sanctuary variant
   Reuses .hodc-page-intro structural styling (assets/css/patterns/page-intro.css):
     - white bg, padding 80/24, flex-column center, text-align center.
   Deltas Hinkle needs:
     - Chunky sans eyebrow (Mr Eaves Heavy 22 / +7% / UPPER) instead of small serif
     - Centered teal lead paragraph (Mr Eaves Regular 24/36) below the H1
   Selector strategy: chain the base + modifier classes for specificity 030 so
   these rules win regardless of CSS load order (page-intro.css loads after).
   Source: docs/figma/hinkle-house/_slices/03-page-intro-sanctuary.png (1440 × 469)
   =========================================================================== */

/* Eyebrow — Hinkle uses a chunky Mr Eaves Heavy treatment, not the global serif eyebrow.
 * Overrides the inherited theme.json h2 styling on .hodc-page-intro__eyebrow. */
.hodc-page-intro.hodc-page-intro--sanctuary .hodc-page-intro-sanctuary__eyebrow {
	font-family: "mreavesxlmodotheavy", system-ui, sans-serif;
	font-weight: 800;
	font-size: 22px;
	line-height: 1;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
	margin: 0 0 28px;
}

/* H1 → lead gap. Figma frame ends after H1; lead is a sibling positioned
 * at y=441 in source (H1 baseline ≈ y=358 → 83 px gap). */
.hodc-page-intro.hodc-page-intro--sanctuary .hodc-page-intro__title {
	margin: 0 0 56px;                 /* 56 produced the smallest diff (6.92%) across iterations */
}

/* Lead paragraph — Mr Eaves XL Modern Regular 24/36, centered, teal. */
.hodc-page-intro.hodc-page-intro--sanctuary .hodc-page-intro-sanctuary__lead {
	font-family: "mreavesxlmodotheavy", system-ui, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;                 /* 36/24 */
	color: var(--wp--preset--color--primary);
	max-width: 720px;
	margin: 0 auto;
}

/* Mobile — NOT IN FIGMA. Proposed: H1 + lead reduce; padding clamps. */
@media (max-width: 1024px) {
	.hodc-page-intro.hodc-page-intro--sanctuary .hodc-page-intro-sanctuary__eyebrow {
		font-size: 18px;
	}
	.hodc-page-intro.hodc-page-intro--sanctuary .hodc-page-intro-sanctuary__lead {
		font-size: 18px;
		line-height: 28px;
	}
}