.intro-media-preheadline-headline-subline::before {
	content: "";
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	grid-area: 1/1/1/span 14;
	z-index: 2;
	mask: url("../../img/mask-intro.svg") no-repeat center/100% 100%;
	-webkit-mask: url("../../img/mask-intro.svg") no-repeat center/100% 100%;
	aspect-ratio: 2560/60;
	justify-self: center;
	background: var(--white);
}

.intro-media-preheadline-headline-subline .media-container {
	grid-area: 1/1/span 1/span 9;
	height: calc(100vh - var(--header-height) - var(--m-sm));
	min-height: fit-content;
	margin-left: var(--m-sm);
	width: calc(100% - var(--m-sm));
}

.intro-media-preheadline-headline-subline .content-container {
	grid-area: 1/10/span 1/span 5;
	margin-left: calc(var(--grid-gap) * -1);
	margin-right: var(--m-sm);
}

.intro-media-preheadline-headline-subline .content-container .pre-headline,
.intro-media-preheadline-headline-subline .content-container .subline {
	letter-spacing: .2em;
}

.intro-media-preheadline-headline-subline .content-container .headline {
	max-width: 24ch;
}

@media (max-width:991.98px) {
	.intro-media-preheadline-headline-subline .media-container {
		grid-area: 1/1/1/span 14;
		margin: 0 var(--grid-gap);
		width: calc(100% - (var(--grid-gap) * 2));
		height: auto;
		aspect-ratio: 2/1;
	}

	.intro-media-preheadline-headline-subline .content-container {
		grid-area: 2/1/2/span 14;
		margin: 0 var(--grid-gap);
		width: calc(100% - (var(--grid-gap) * 2));
		padding: var(--m-md) var(--grid-gap);
	}

	.intro-media-preheadline-headline-subline .content-container .headline,
	.intro-media-preheadline-headline-subline .content-container .subline {
		margin-top: var(--m-sm);
	}
}

@media (max-width:767.98px) {
	.intro-media-preheadline-headline-subline .media-container {
		aspect-ratio: 3/2;
	}
}

@media (max-width:575.98px) {
	.intro-media-preheadline-headline-subline .media-container {
		aspect-ratio: 1/1;
	}
}