.hero--section {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	position: relative;
	padding-top: var(--theme-menu-height);
	min-height: 400px;
	overflow: hidden;
}

.tall-hero-mod.hero--section {
	min-height: 100dvh;
}

@media (min-width: 1200px) {
	.tall-hero-mod.hero--section {
		min-height: calc(100dvh - var(--theme-menu-height));
	}
}

.hero--video,
.hero--image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.hero--overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
			linear-gradient(180deg, rgba(0, 0, 0, 0) 16.44%, rgba(28, 70, 103, 0.78) 95.59%);
	mix-blend-mode: multiply;
}

.hero--container {
	padding-top: 60px;
	padding-bottom: 30px;
	width: 100%;
	position: relative;
}

.hero--title {
	line-height: 1.33;
}

.hero--title,
.hero--copy {
	max-width: 550px;
}