.video-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.index-video-poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.index-video-poster.is-behind {
	opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
	.index-video-poster {
		transition: opacity 400ms cubic-bezier(0.22, 1, 0.36, 1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.index-video-poster {
		transition: none;
		opacity: 1;
	}
	.index-video-poster.is-behind {
		opacity: 1;
	}
}

._pattern-overlay { 
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.2;
	bottom: 0;
	background-image: url(https://cdnjs.cloudflare.com/ajax/libs/vegas/2.3.1/overlays/03.png);
	z-index: 2;
}

#_buffering-background {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
    display: none;
}

#_youtube-iframe-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: absolute;
	height: 100%;
}

#_youtube-iframe {
	position: absolute;
	pointer-events: none;
	margin: 0 auto;
	height: 300vh; 
	width: 120vw;
}

/* Mobile/Tablet: Full height video cover */
@media screen and (max-width:991px) {
	#_youtube-iframe {
		width: 400vw;
		height: 300vh;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	#_youtube-iframe-wrapper {
		overflow: hidden;
	}
	
	#_buffering-background {
		background: transparent;
	}
}