.itg .itg-video {
	--itg-v-h: min(62.5rem, 52.0833333333vw);
	--itg-v-impact-w: min(11.875rem, 9.8958333333vw);
	--itg-v-overlay-w: min(30.625rem, 25.5208333333vw);
	--itg-v-overlay-pad: min(5rem, 4.1666666667vw);
	--itg-v-overlay-radius: min(1.5625rem, 1.3020833333vw);
	--itg-v-overlay-gap: min(1.25rem, 1.0416666667vw);
	--itg-v-overlay-block-gap: min(2.5rem, 2.0833333333vw);
	--itg-v-overlay-fs-title: min(2.5rem, 2.0833333333vw);
	--itg-v-overlay-lh-title: min(2.5rem, 2.0833333333vw);
	--itg-v-overlay-fs-body: min(1.125rem, 0.9375vw);
	--itg-v-overlay-lh-body: min(1.5rem, 1.25vw);

	position: relative;
	width: 100%;
	height: var(--itg-v-h);
	overflow: hidden;
	background-color: var(--itg-color-mahogany, #502030);
}

.itg .itg-video__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.itg .itg-video__player {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.itg .itg-video__overlay {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 3;
	width: var(--itg-v-overlay-w);
	padding: var(--itg-v-overlay-pad);
	background-color: var(--itg-color-rainforest, #38724c);
	border-radius: 0 var(--itg-v-overlay-radius) var(--itg-v-overlay-radius) 0;
	color: var(--itg-color-sand, #fffdd2);
	transform: translateY(-50%);
}

.itg .itg-video__overlay-inner {
	display: flex;
	flex-direction: column;
	gap: var(--itg-v-overlay-block-gap);
}

.itg .itg-video__overlay-block {
	display: flex;
	flex-direction: column;
	gap: var(--itg-v-overlay-gap);
}

.itg .itg-video__overlay-title {
	margin: 0;
	font-family: var(--itg-font-heading);
	font-size: var(--itg-v-overlay-fs-title);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-v-overlay-lh-title);
}

.itg .itg-video__overlay-body {
	margin: 0;
	padding: 0;
	font-family: var(--itg-font-body);
	font-size: var(--itg-v-overlay-fs-body);
	font-weight: var(--itg-font-weight-regular);
	line-height: var(--itg-v-overlay-lh-body);
}

.itg .itg-video__impact {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: var(--itg-v-impact-w);
	height: 100%;
	mix-blend-mode: soft-light;
	pointer-events: none;
	container-type: size;
}

.itg .itg-video__impact-rotate {
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--itg-v-h);
	height: var(--itg-v-impact-w);
	transform: translate(-50%, -50%) rotate(-90deg);
}

@supports (width: 100cqh) {
	.itg .itg-video__impact-rotate {
		width: 100cqh;
		height: 100cqw;
	}
}

.itg .itg-video__impact-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}


@media (max-width: 767px) {
	.itg .itg-video {
		--itg-v-h: min(46.625rem, 185.5721393035vw);
		--itg-v-inset-x: min(2.625rem, 10.447761194vw);
		--itg-v-overlay-inset-bottom: min(1.375rem, 5.4726368159vw);
		--itg-v-overlay-pad: min(2.5rem, 9.9502487562vw);
		--itg-v-overlay-radius: min(1.5625rem, 6.2189054726vw);
		--itg-v-overlay-gap: min(1.25rem, 4.9751243781vw);
		--itg-v-overlay-block-gap: min(2.5rem, 9.9502487562vw);
		--itg-v-overlay-fs-title: min(1.875rem, 7.4626865672vw);
		--itg-v-overlay-lh-title: min(1.875rem, 7.4626865672vw);
		--itg-v-overlay-fs-body: min(1.25rem, 4.9751243781vw);
		--itg-v-overlay-lh-body: min(1.75rem, 6.9651741294vw);
	}

	.itg .itg-video__overlay {
		top: auto;
		right: auto;
		bottom: var(--itg-v-overlay-inset-bottom);
		left: var(--itg-v-inset-x);
		width: min(19.875rem, calc(100% - (2 * var(--itg-v-inset-x))));
		border-radius: var(--itg-v-overlay-radius);
		transform: none;
	}

	.itg .itg-video__overlay-body {
		font-weight: var(--itg-font-weight-medium);
	}

	.itg .itg-video__impact {
		display: none;
	}
}