.section-hero {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: clamp(420px, 72svh, 820px);
	overflow: hidden;
	position: relative;
}

.section-hero.home {
	height: clamp(560px, 100svh, 1100px);
	min-height: clamp(560px, 100svh, 1100px);
}

.section-hero.elementor-widget-image,
.section-hero.elementor-widget-image .elementor-widget-container,
.section-hero .elementor-widget-image,
.section-hero .elementor-widget-image .elementor-widget-container,
.section-hero figure,
.section-hero picture {
	height: 100%;
}

.section-hero img,
.section-hero picture img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.section-hero .elementor-background-slideshow,
.section-hero .elementor-background-video-container {
	inset: 0;
}

.section-hero .faua-hero-scroll-zoom-target {
	backface-visibility: hidden;
	transform-origin: 50% 50%;
	will-change: transform;
}

.section-hero.home,
.section-hero.home img,
.section-hero.home picture img,
.section-hero.home .elementor-background-slideshow,
.section-hero.home .elementor-background-video-container {
	animation: faua-hero-home-load-fade 720ms ease-out 80ms both;
	will-change: opacity, transform;
}

@keyframes faua-hero-home-load-fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.section-hero.home,
	.section-hero.home img,
	.section-hero.home picture img,
	.section-hero.home .elementor-background-slideshow,
	.section-hero.home .elementor-background-video-container {
		animation: none;
		will-change: auto;
	}
}

@media (max-width: 1024px) {
	.section-hero {
		min-height: clamp(360px, 62svh, 720px);
	}

	.section-hero.home {
		height: clamp(480px, 82svh, 900px);
		min-height: clamp(480px, 82svh, 900px);
	}
}

@media (max-width: 767px) {
	.section-hero {
		min-height: clamp(320px, 56svh, 620px);
	}

	.section-hero.home {
		height: clamp(420px, 74svh, 760px);
		min-height: clamp(420px, 74svh, 760px);
	}
}