/* First hero video background. All rules are intentionally scoped to the hero. */
.hero {
	overflow: hidden;
}

.hero-video {
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
}

.hero::before {
	z-index: 1;
}

.hero .container {
	position: relative;
	z-index: 2;
}