.bdh-section-header {
	display: flex;
	flex-direction: column;
}

.bdh-section-header:where([class*="bdh-section-header--preset-"]) {
	max-width: var(--bdh-preset-header-width);
	gap: var(--bdh-preset-header-gap);
	padding: var(--bdh-preset-header-padding);
	background-color: var(--bdh-preset-header-surface);
}

.bdh-section-header:where([class*="bdh-section-header--preset-"]) .bdh-section-header__title {
	font-family: var(--bdh-global-font-heading);
}

.bdh-section-header:where([class*="bdh-section-header--preset-"]) .bdh-section-header__description {
	font-family: var(--bdh-global-font-body);
}

.bdh-section-header--preset-centered_intro {
	align-items: center;
	margin-inline: auto;
	text-align: center;
}

.bdh-section-header--preset-split_heading {
	display: grid;
	grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
	align-items: start;
}

.bdh-section-header--centered {
	align-items: center;
	text-align: center;
}

.bdh-section-header--compact {
	gap: 0;
}

.bdh-section-header--split {
	display: grid;
	grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
	align-items: start;
}

.bdh-section-header__eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
}

.bdh-section-header--divider-after .bdh-section-header__eyebrow-line {
	order: 2;
}

.bdh-section-header--divider-above .bdh-section-header__eyebrow {
	flex-direction: column;
	align-items: flex-start;
}

.bdh-section-header--centered.bdh-section-header--divider-above .bdh-section-header__eyebrow {
	align-items: center;
}

.bdh-section-header__eyebrow-line {
	flex: 0 0 auto;
	height: 1px;
	width: 24px;
}

.bdh-section-header__title {
	margin: 0;
}

.bdh-section-header__description {
	margin: 0;
}

.bdh-section-header__content {
	display: flex;
	flex-direction: column;
}

.bdh-section-header__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.bdh-section-header__link:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

@media (max-width: 767px) {
	.bdh-section-header--split {
		display: flex;
	}
}
