.pattern-hero-home-wide-video-new .hero-content {
	position: relative;
	z-index: 2;
}

.pattern-hero-home-wide-video-new .hero-video {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	aspect-ratio: 3 / 1;
	min-height: 0;
	overflow: hidden;

	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.pattern-hero-home-wide-video-new .wp-block-cover__video-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pattern-hero-home-wide-video-new .hero-video--wide,
.pattern-hero-home-wide-video-new .hero-video--laptop,
.pattern-hero-home-wide-video-new .hero-video--mobile {
	display: none;
}

@media (max-width: 640px) {

	.pattern-hero-home-wide-video-new .hero-video--mobile {
		display: block;
	}

	.pattern-hero-home-wide-video-new .hero-video {
		aspect-ratio: auto;
		height: auto;
		min-height: 0 !important;
		overflow: visible;
		margin-top: -4% !important;
		margin-bottom: 50px !important;
	}

	.pattern-hero-home-wide-video-new
	.hero-video--mobile
	.wp-block-cover__video-background {
		position: static !important;
		display: block;
		width: 100%;
		height: auto !important;
		object-fit: contain;
	}

	.pattern-hero-home-wide-video-new h1.has-xxxx-large-big-font-size {
		font-size: 24px;
	}
}

@media (min-width: 641px) and (max-width: 1799px) {

	/* Only show laptop crop */
	.pattern-hero-home-wide-video-new .hero-video--laptop {
		display: block;
	}

	.pattern-hero-home-wide-video-new .hero-video {
		aspect-ratio: 3 / 1;
		margin-top: -4% !important;

		-webkit-mask-image: linear-gradient(to top, transparent 0%, #000 10%, #000 90%, transparent 100%);
		mask-image: linear-gradient(to top, transparent 0%, #000 10%, #000 90%, transparent 100%);
	}

	/* Use absolute, cover-fit video for this range */
	.pattern-hero-home-wide-video-new .wp-block-cover__video-background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

@media (min-width: 1800px) {

	/* Only show wide video */
	.pattern-hero-home-wide-video-new .hero-video--wide {
		display: block;
		max-width: 1800px;
	}

	.pattern-hero-home-wide-video-new .hero-video {
		margin-top: -4% !important;

		-webkit-mask-image:
			linear-gradient(to top, transparent 0%, #000 10%, #000 90%, transparent 100%),
			linear-gradient(to left, transparent 0%, #000 5%, #000 95%, transparent 100%);
		-webkit-mask-composite: destination-in;
		mask-image:
			linear-gradient(to top, transparent 0%, #000 10%, #000 90%, transparent 100%),
			linear-gradient(to left, transparent 0%, #000 5%, #000 95%, transparent 100%);
	}

	.pattern-hero-home-wide-video-new .wp-block-cover__video-background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}