.itlu-page-header--banner {
	display: grid;
	position: relative;
	min-block-size: 12rem;
	overflow: hidden;
	background: var(--itlu-color-surface-alt);
}

.itlu-page-header--banner .itlu-page-header__media,
.itlu-page-header--banner .itlu-page-header__media img {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

.itlu-page-header--banner .itlu-page-header__media::after {
	position: absolute;
	inset: 0;
	background: var(--itlu-media-overlay-flat);
	content: "";
}

.itlu-page-header--banner .itlu-page-header__content {
	position: relative;
	z-index: 1;
	align-self: end;
	padding: clamp(1.25rem, 4vw, 3rem);
}

.itlu-page-header--banner:has(.itlu-page-header__media) .itlu-page-header__content > :where(h1, p, ul),
.itlu-page-header--banner:has(.itlu-page-header__media) .itlu-breadcrumbs:not(.itlu-breadcrumbs--bar) :where(a, span) {
	color: var(--itlu-color-text-on-media);
}