/**
 * Generic centered "eyebrow + heading (+ description)" intro block — used
 * twice on the About page (Story intro, Team/Company blurb) and reusable
 * elsewhere. Fixed internal spacing (not a Customizer setting) — this is a
 * small reusable sub-component, not a page-level section wrapper. Values
 * confirmed directly from Design Refrance's `.sec-intro` in TSI About.html.
 */

.sec-intro {
	text-align: center;
	max-width: 720px;
	margin: 0 auto;
	padding: 72px 24px 8px;
}

.sec-intro--no-top {
	padding-top: 0;
}

.sec-intro .eb {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: var(--color-primary);
	margin-bottom: 16px;
}

.sec-intro h2 {
	font-family: var(--font-secondary);
	font-weight: 900;
	font-size: 40px;
	letter-spacing: -1px;
	color: var(--color-ink);
	line-height: 1.08;
}

.sec-intro p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--color-ink-mid);
	margin-top: 16px;
}

@media (max-width: 768px) {
	.sec-intro {
		padding: 48px 16px 4px;
	}

	.sec-intro--no-top {
		padding-top: 0;
	}

	.sec-intro h2 {
		font-size: 30px;
	}
}