.simple-page-header {
	position: relative;
	overflow: hidden;
}

.simple-page-header__media {
	position: relative;
	aspect-ratio: 21 / 6;
	min-height: 320px;
}

.simple-page-header__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.simple-page-header__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.2);
}

.simple-page-header__content {
	position: absolute;
	inset: 0;

	display: flex;
	align-items: flex-end;

	padding-block: var(--space-xl);
}

.simple-page-header__inner {
	max-width: 720px;
	color: #fff;
}

.simple-page-header__title {
	margin: 0;
}

.simple-page-header__subtitle {
	margin-top: 1rem;
}

@media (max-width: 767px) {

	.simple-page-header__media {
		aspect-ratio: 4 / 2;
		min-height: 240px;
	}

}