/* ===========================================================================
   PAGE-INTRO — centered eyebrow + H1, white bg, used on every sub-page
   Typography inherits from theme.json elements.h1 + is-style-eyebrow global.
   Only padding + section-level color overrides live here.
   Source: docs/figma/our-services/_slices/04-page-intro.png (1440 × 260)
   =========================================================================== */

.wp-block-group.hodc-page-intro {
	background: var(--wp--preset--color--white);
	padding: 80px 24px;
	text-align: center;
	min-height: 260px;               /* Figma slice 04 height */
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Tight per-pattern color override; size/weight/family inherit from theme.json h1.
 * max-width keeps long page titles (e.g. Hospice's "With you for life, and every
 * step of the way") on a balanced 2-line wrap rather than a single-line stretch;
 * short titles fit naturally well inside the limit and still render on one line. */
.hodc-page-intro__title {
	color: var(--wp--preset--color--primary);
	margin: 0 auto;
	max-width: 760px;
	text-wrap: balance;
}

/* Eyebrow→title gap (eyebrow itself styled by is-style-eyebrow globally) */
.hodc-page-intro__eyebrow {
	margin: 0 0 16px;
}

/* Mobile — NOT IN FIGMA. Proposed: clamp padding. */
@media (max-width: 1024px) {
	.wp-block-group.hodc-page-intro { padding: clamp(56px, 7vw, 80px) 24px; }
}