/* Bellora Page Header */

.bellora-page-header {
	padding-block: clamp(4.5rem, 12vh, 8rem) clamp(3rem, 8vh, 5.5rem);
	background: var(--bellora-color-surface-cream);
	color: var(--bellora-color-text);
}

.bellora-page-header--light {
	background: var(--bellora-color-surface);
}

.bellora-page-header--dark {
	background: var(--bellora-color-surface-invert);
	color: var(--bellora-color-on-invert);
}

.bellora-page-header--center {
	text-align: center;
}

.bellora-page-header__inner {
	max-width: var(--bellora-layout-container);
	margin-inline: auto;
	padding-inline: var(--bellora-layout-container-pad);
}

.bellora-page-header__label {
	margin: 0 0 clamp(1rem, 2.4vw, 1.75rem);
	font-family: var(--bellora-font-ui);
	font-size: var(--bellora-size-xs);
	font-weight: var(--bellora-weight-medium);
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--bellora-color-heading-soft);
}

.bellora-page-header--dark .bellora-page-header__label {
	color: color-mix(in srgb, var(--bellora-color-on-invert) 65%, transparent);
}

.bellora-page-header__title {
	margin: 0;
	font-family: var(--bellora-font-display);
	font-size: clamp(2.75rem, 6.4vw, 5.75rem);
	font-weight: 300;
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: var(--bellora-color-heading);
}

.bellora-page-header--dark .bellora-page-header__title {
	color: var(--bellora-color-on-invert);
}

.bellora-page-header__title em {
	font-style: italic;
}

.bellora-page-header__text {
	max-width: 38em;
	margin-top: clamp(1.25rem, 2.6vw, 2rem);
	font-size: var(--bellora-size-lg);
	line-height: var(--bellora-leading-relaxed);
}

.bellora-page-header--center .bellora-page-header__text {
	margin-inline: auto;
}

.bellora-page-header__text p {
	margin: 0;
}