/**
 * Homepage hero background video. The e-flexbox hero container (.e-c2f7b5e)
 * can't take a video via Elementor's atomic background schema (color/image/
 * gradient overlays only, no video type), so the video is embedded as an
 * HTML widget (data-id="hero-bg-video") and absolutely positioned to fill
 * the hero behind the existing heading/paragraph/button/image content.
 */

.e-c2f7b5e {
	position: relative;
	overflow: hidden;
}

.e-c2f7b5e > .elementor-element:not([data-id="hero-bg-video"]) {
	position: relative;
	z-index: 1;
}

[data-id="hero-bg-video"] {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

[data-id="hero-bg-video"] .elementor-widget-container {
	position: absolute;
	inset: 0;
}

.hero-video-wrap {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.hero-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-video-tint {
	position: absolute;
	inset: 0;
	background: rgba(8, 28, 43, 0.35);
}

@media (max-width: 639px) {
	.e-c2f7b5e { height: auto !important; min-height: 600px; }
}