.Home__Banner--content--video {
	position: relative;
	overflow: hidden;
}

.Home__Banner--content--video .Home__Banner--video {
	position: absolute;
	z-index: 1;
	inset: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

.Home__Banner--content--video .Home__Banner--video-media {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.Home__Banner--content--video.is-in-view .Home__Banner--video-media {
	opacity: 1;
	transform: scale(1);
}

.Home__Banner--content--video .scatto-home-film__content {
	top: auto;
	bottom: clamp(72px, 10vh, 112px);
	bottom: clamp(72px, 10svh, 112px);
	z-index: 5;
	transform: none;
}

.Home__Banner--content--video .Home__Banner--eyebrow {
	margin: 0 0 10px;
	color: #fff;
	font-family: Barlow, sans-serif;
	font-size: clamp(12px, 1.3vw, 20px);
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-transform: uppercase;
}

.Home__Banner--content--video .Home__Banner--effect {
	z-index: 3;
	background:
		linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.58) 0%,
			rgba(0, 0, 0, 0.16) 34%,
			transparent 58%
		),
		linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.88) 0%,
			rgba(0, 0, 0, 0.18) 40%,
			transparent 62%
		),
		linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.42) 0%,
			rgba(0, 0, 0, 0.18) 42%,
			rgba(0, 0, 0, 0.04) 72%,
			rgba(0, 0, 0, 0.08) 100%
		);
	opacity: 1;
	pointer-events: none;
}

.Home__Banner--content--video .scatto-home-film__control {
	z-index: 5;
}

.Home__Banner--content--video.is-playing .scatto-home-film__play {
	width: 8px;
	height: 10px;
	border: 0;
	border-right: 3px solid currentColor;
	border-left: 3px solid currentColor;
}

@media (max-width: 767px) {
	.Home__Banner--content--video .scatto-home-film__content {
		top: auto;
		right: 20px;
		bottom: clamp(68px, 9vh, 88px);
		bottom: calc(
			clamp(68px, 9vh, 88px) + env(safe-area-inset-bottom, 0px)
		);
		bottom: calc(
			clamp(68px, 9svh, 88px) + env(safe-area-inset-bottom, 0px)
		);
		left: 20px;
		width: auto;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.Home__Banner--content--video .Home__Banner--video-media {
		animation: none;
		transition: none;
	}
}