.fadein-scroll-hero-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.fadein-scroll-hero-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.fadein-scroll-hero-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: center;
	filter: brightness(0.95) contrast(1.1) saturate(1.2);
	opacity: 0;
}

.fadein-scroll-hero-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

.fadein-scroll-hero-wrapper.is-visible .fadein-scroll-hero-image {
	opacity: 1;
}