/*
 * Section head shared by the home sections: eyebrow plus a two-part heading.
 * Measures from SectionHead.astro of the Design Kit.
 */

.fi-section-head {
	margin-bottom: var(--wp--preset--spacing--60);
}

.fi-section-head__eyebrow {
	margin: 0 0 var(--wp--preset--spacing--30);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--wp--preset--color--blue);
}

.fi-section-head__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--h-2);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--navy);
}

/* Italic like the Design Kit, where the accent is the only italic on the page. */
.fi-section-head__accent {
	color: var(--wp--preset--color--orange);
	font-style: italic;
}

.fi-section-head--dark .fi-section-head__eyebrow {
	color: var(--wp--preset--color--orange);
}

.fi-section-head--dark .fi-section-head__title {
	color: var(--wp--preset--color--white);
}