.itg .itg-our-pacts-hero {
	--itg-op-pacts-h-height: min(32.5rem, 27.0833333333vw);
	--itg-op-pacts-h-radius: min(3.125rem, 2.6041666667vw);
	--itg-op-pacts-h-pb: min(5rem, 4.1666666667vw);
	--itg-op-pacts-h-content-w: min(35rem, 29.1666666667vw);
	--itg-op-pacts-h-gap: min(1.25rem, 1.0416666667vw);
	--itg-op-pacts-h-fs-title: min(6.25rem, 5.2083333333vw);
	--itg-op-pacts-h-lh-title: min(5.625rem, 4.6875vw);
	--itg-op-pacts-h-fs-subtitle: min(1.5rem, 1.25vw);
	--itg-op-pacts-h-lh-subtitle: min(2rem, 1.6666666667vw);
	--itg-op-pacts-h-image-position: 50% 40%;

	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	height: var(--itg-op-pacts-h-height);
	overflow: hidden;
	color: var(--itg-color-text-on-dark);
	background-color: var(--itg-color-mahogany);
	border-radius: 0 0 var(--itg-op-pacts-h-radius) var(--itg-op-pacts-h-radius);
}

.itg .itg-our-pacts-hero__media {
	position: absolute;
	inset: 0;
}

.itg .itg-our-pacts-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: var(--itg-op-pacts-h-image-position, 50% 40%);
}

.itg .itg-our-pacts-hero__image--mobile {
	display: none;
}

.itg .itg-our-pacts-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.3);
}

.itg .itg-our-pacts-hero__content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	box-sizing: border-box;
	padding-bottom: var(--itg-op-pacts-h-pb);
}

.itg .itg-our-pacts-hero__inner {
	display: flex;
	flex-direction: column;
	gap: var(--itg-op-pacts-h-gap);
	align-items: center;
	box-sizing: border-box;
	width: var(--itg-op-pacts-h-content-w);
	max-width: calc(100% - (2 * min(5rem, 4.1666666667vw)));
	text-align: center;
}

.itg .itg-our-pacts-hero__title {
	margin: 0;
	width: 100%;
	font-size: var(--itg-op-pacts-h-fs-title);
	line-height: var(--itg-op-pacts-h-lh-title);
}

.itg .itg-our-pacts-hero__title.itg-heading-1 {
	font-size: var(--itg-op-pacts-h-fs-title);
	line-height: var(--itg-op-pacts-h-lh-title);
}

.itg .itg-our-pacts-hero__subtitle {
	margin: 0;
	width: 100%;
	font-size: var(--itg-op-pacts-h-fs-subtitle);
	line-height: var(--itg-op-pacts-h-lh-subtitle);
}

.itg .itg-our-pacts-hero__subtitle.itg-text-statement {
	font-size: var(--itg-op-pacts-h-fs-subtitle);
	line-height: var(--itg-op-pacts-h-lh-subtitle);
}

@media (max-width: 767px) {
	.itg .itg-our-pacts-hero {
		--itg-op-pacts-h-height: min(36.625rem, 145.7711442786vw);
		--itg-op-pacts-h-radius: min(1.5625rem, 6.2189054726vw);
		--itg-op-pacts-h-pb: min(2.5rem, 9.9502487562vw);
		--itg-op-pacts-h-inset-x: min(1rem, 3.9800995025vw);
		--itg-op-pacts-h-content-w: min(23.125rem, 92.039800995vw);
		--itg-op-pacts-h-subtitle-max-w: min(20.625rem, 82.0895522388vw);
		--itg-op-pacts-h-gap: min(1.25rem, 4.9751243781vw);
		--itg-op-pacts-h-fs-title: min(3.125rem, 12.4378109453vw);
		--itg-op-pacts-h-lh-title: min(3.125rem, 12.4378109453vw);
		--itg-op-pacts-h-fs-subtitle: min(1.25rem, 4.9751243781vw);
		--itg-op-pacts-h-lh-subtitle: min(1.75rem, 6.9651741294vw);
		--itg-op-pacts-h-image-position: 50% 50%;
	}

	.itg .itg-our-pacts-hero__media--has-mobile-image .itg-our-pacts-hero__image--desktop {
		display: none;
	}

	.itg .itg-our-pacts-hero__media--has-mobile-image .itg-our-pacts-hero__image--mobile {
		display: block;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.itg .itg-our-pacts-hero__image--desktop {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: var(--itg-op-pacts-h-image-position, 50% 50%);
	}

	.itg .itg-our-pacts-hero__content {
		align-items: flex-end;
		justify-content: flex-start;
		padding-inline: var(--itg-op-pacts-h-inset-x);
		padding-bottom: var(--itg-op-pacts-h-pb);
	}

	.itg .itg-our-pacts-hero__inner {
		align-items: flex-start;
		width: var(--itg-op-pacts-h-content-w);
		max-width: 100%;
		text-align: left;
	}

	.itg .itg-our-pacts-hero__subtitle {
		max-width: var(--itg-op-pacts-h-subtitle-max-w);
	}
}
