/**
 * OSHIDA — section heading.
 *
 * @figma 1601:2100  36px / 900 / -0.02em
 * @figma 1579:1069  32px / 900 / -0.03em
 *
 * NOT in the shared layer — routes add it themselves.
 *
 * Owner: work package B1.
 */

.o-section-heading {
	display: flex;
	flex-direction: column;
	gap: var(--o-space-2xs);
}

.o-section-heading--center {
	align-items: center;
	text-align: center;
}

.o-section-heading__eyebrow {
	margin: 0;
	color: var(--o-gold);
	font-size: var(--o-fs-xs);
	font-weight: var(--o-fw-regular);
	letter-spacing: var(--o-track-nav);
}

.o-section-heading__title {
	margin: 0;
	font-size: var(--o-fs-h1);
	font-weight: var(--o-fw-black);
	line-height: var(--o-lh-heading);
	letter-spacing: var(--o-track-snug);
	text-wrap: balance;
}

.o-section-heading__lede {
	margin: 0;
	max-inline-size: 62ch;
	font-size: var(--o-fs-md);
	font-weight: var(--o-fw-extralight);
	line-height: var(--o-lh-body);
}