.itg .itg-hero {

	--itg-h-gutter: min(5rem, 4.1666666667vw);
	--itg-h-pad-top: min(15rem, 12.5vw);
	--itg-h-min-height: min(55.3125rem, 46.09375vw);
	--itg-h-col-text: min(46.875rem, 39.0625vw);
	--itg-h-col-media: min(53.75rem, 44.7916666667vw);
	--itg-h-gap-grid: min(9.375rem, 7.8125vw);
	--itg-h-gap-stack: min(1.25rem, 1.0416666667vw);
	--itg-h-gap-eyebrow: min(1.3125rem, 1.09375vw);
	--itg-h-gap-actions: min(0.75rem, 0.625vw);
	--itg-h-actions-mt: min(0.5rem, 0.4166666667vw);
	--itg-h-radius: min(3.125rem, 2.6041666667vw);
	--itg-h-image-offset: min(5rem, 4.1666666667vw);


	--itg-h-accent-width: min(30.75rem, 25.625vw);
	--itg-h-accent-height: min(0.125rem, 0.1041666667vw);
	--itg-h-accent-dot: min(0.5rem, 0.4166666667vw);


	--itg-h-fs-eyebrow: min(1.5rem, 1.25vw);
	--itg-h-lh-eyebrow: min(2rem, 1.6666666667vw);
	--itg-h-fs-title: min(6.25rem, 5.2083333333vw);
	--itg-h-lh-title: min(5.625rem, 4.6875vw);
	--itg-h-fs-button: min(1.25rem, 1.0416666667vw);
	--itg-h-button-h: min(2.6875rem, 2.2395833333vw);
	--itg-h-button-px: min(1.25rem, 1.0416666667vw);
	--itg-h-button-py: min(0.625rem, 0.5208333333vw);
	--itg-h-button-gap: min(0.75rem, 0.625vw);
	--itg-h-button-radius: min(1rem, 0.8333333333vw);
	--itg-h-button-icon: min(1.25rem, 1.0416666667vw);

	position: relative;
	overflow: hidden;
	color: var(--itg-color-text-on-dark);
	background-color: var(--itg-color-mahogany);
	border-radius: 0 0 var(--itg-h-radius) var(--itg-h-radius);
}

.itg .itg-hero__inner {
	display: grid;
	grid-template-columns: var(--itg-h-col-text) var(--itg-h-col-media);
	align-items: center;
	gap: var(--itg-h-gap-grid);
	box-sizing: border-box;
	width: 100%;
	min-height: var(--itg-h-min-height);
	padding-top: var(--itg-h-pad-top);
	padding-bottom: 0;
	padding-inline: var(--itg-h-gutter);
}

.itg .itg-hero__inner--no-media {
	grid-template-columns: minmax(0, 1fr);
}

.itg .itg-hero__content {
	display: flex;
	flex-direction: column;
	gap: var(--itg-h-gap-stack);
	width: var(--itg-h-col-text);
	max-width: 100%;
}

.itg .itg-hero__eyebrow-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--itg-h-gap-eyebrow);
	width: 100%;
}

.itg .itg-hero__accent-line {
	display: block;
	position: relative;
	flex-shrink: 0;
	margin-left: calc(-1 * var(--itg-h-gutter));
	width: var(--itg-h-accent-width);
	height: var(--itg-h-accent-height);
	background-color: var(--itg-color-clay);
}

.itg .itg-hero__accent-line::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: var(--itg-h-accent-dot);
	height: var(--itg-h-accent-dot);
	border-radius: 50%;
	background-color: var(--itg-color-clay);
	transform: translateY(-50%);
}

.itg .itg-hero__eyebrow {
	margin: 0;
	padding: 0;
	font-family: var(--itg-font-body);
	font-size: var(--itg-h-fs-eyebrow);
	font-weight: var(--itg-font-weight-medium);
	line-height: var(--itg-h-lh-eyebrow);
	color: var(--itg-color-sand);
}

.itg .itg-hero__title {
	margin: 0;
	font-family: var(--itg-font-heading);
	font-size: var(--itg-h-fs-title);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-h-lh-title);
	letter-spacing: 0;
	hyphens: none;
	color: var(--itg-color-sand);
}

.itg .itg-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--itg-h-gap-actions);
	margin-top: var(--itg-h-actions-mt);
}

.itg .itg-hero__actions .itg-button {
	min-height: var(--itg-h-button-h);
	padding: var(--itg-h-button-py) var(--itg-h-button-px);
	gap: var(--itg-h-button-gap);
	border-radius: var(--itg-h-button-radius);
	font-size: var(--itg-h-fs-button);
}

.itg .itg-hero__actions .itg-button span {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-h-fs-button);
	font-weight: var(--itg-font-weight-light);
	line-height: 1;
	text-transform: uppercase;
}

.itg .itg-hero__actions .itg-button__icon {
	width: var(--itg-h-button-icon);
	height: auto;
}

.itg .itg-hero__media {
	position: relative;
	justify-self: end;
	width: var(--itg-h-col-media);
	max-width: 100%;
}

.itg .itg-hero__image {
	position: relative;
	top: calc(-1 * var(--itg-h-image-offset));
	width: 100%;
	height: auto;
	border-radius: var(--itg-h-radius);
	object-fit: cover;
	aspect-ratio: 860 / 733;
}

.itg .itg-hero__image-placeholder {
	width: 100%;
	aspect-ratio: 860 / 733;
	border-radius: var(--itg-h-radius);
	background:
		linear-gradient(145deg, rgba(255, 253, 210, 0.08), rgba(255, 253, 210, 0)),
		linear-gradient(180deg, var(--itg-color-earth) 0%, var(--itg-color-mahogany) 100%);
}


@media (max-width: 767px) {
	.itg .itg-hero {

		--itg-h-gutter: min(1rem, 3.9800995025vw);
		--itg-h-pad-top: min(8rem, 31.8407960199vw);
		--itg-h-pad-bottom: min(5.1875rem, 20.6472636816vw);
		--itg-h-radius: min(2.5rem, 9.9502487562vw);
		--itg-h-min-height: auto;
		--itg-h-image-offset: 0;


		--itg-h-mob-media-h: min(19.643125rem, 78.1810945274vw);


		--itg-h-gap-media-accent: min(2rem, 7.960199005vw);
		--itg-h-gap-accent-eyebrow: min(1.125rem, 4.4776119403vw);
		--itg-h-gap-eyebrow-title: min(0.5rem, 1.9900497512vw);
		--itg-h-gap-title-actions: min(1.25rem, 4.9751243781vw);
		--itg-h-gap-actions: min(0.75rem, 2.9850746269vw);


		--itg-h-accent-width: min(7.875rem, 31.3432835821vw);
		--itg-h-accent-height: min(0.125rem, 0.4975124378vw);
		--itg-h-accent-dot: min(0.5rem, 1.9900497512vw);


		--itg-h-fs-eyebrow: min(1.25rem, 4.9751243781vw);
		--itg-h-lh-eyebrow: min(1.75rem, 6.9651741294vw);
		--itg-h-fs-title: min(3.125rem, 12.4378109453vw);
		--itg-h-lh-title: min(3.125rem, 12.4378109453vw);


		--itg-h-fs-button: min(1.125rem, 4.4776119403vw);
		--itg-h-button-h: min(2.5rem, 9.9502487562vw);
		--itg-h-button-px: min(1.25rem, 4.9751243781vw);
		--itg-h-button-py: min(0.625rem, 2.4875621891vw);
		--itg-h-button-gap: min(0.75rem, 2.9850746269vw);
		--itg-h-button-radius: min(1rem, 3.9800995025vw);
		--itg-h-button-border: min(0.125rem, 0.4975124378vw);
		--itg-h-button-icon: min(1.25rem, 4.9751243781vw);
		--itg-h-button-icon-h: min(0.6875rem, 2.7363184079vw);
		--itg-h-actions-mt: 0;
	}

	.itg .itg-hero__inner {
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: var(--itg-h-gap-media-accent);
		min-height: 0;
		padding-bottom: var(--itg-h-pad-bottom);
	}

	.itg .itg-hero__media {
		order: 1;
		position: relative;
		justify-self: stretch;
		width: 100%;
		height: auto;
		overflow: visible;
		border-radius: 0;
		background-color: transparent;
		line-height: 0;
	}

	.itg .itg-hero__media::before {
		content: none;
		display: none;
	}

	.itg .itg-hero__content {
		order: 2;
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 100%;
	}

	.itg .itg-hero__eyebrow-wrap {
		gap: var(--itg-h-gap-accent-eyebrow);
		margin-bottom: var(--itg-h-gap-eyebrow-title);
	}

	.itg .itg-hero__accent-line {
		margin-left: calc(-1 * var(--itg-h-gutter));
	}

	.itg .itg-hero__eyebrow {
		font-size: var(--itg-h-fs-eyebrow);
		line-height: var(--itg-h-lh-eyebrow);
	}

	.itg .itg-hero__title {
		font-size: var(--itg-h-fs-title);
		line-height: var(--itg-h-lh-title);
	}

	.itg .itg-hero__image {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		max-width: none;
		margin: 0;
		border-radius: 0;
		aspect-ratio: auto;
		object-fit: contain;
		object-position: left top;
	}

	.itg .itg-hero__image-placeholder {
		position: relative;
		width: 100%;
		min-height: var(--itg-h-mob-media-h);
		margin: 0;
		border-radius: var(--itg-h-radius);
		aspect-ratio: auto;
	}

	.itg .itg-hero__actions {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		margin-top: var(--itg-h-gap-title-actions);
		gap: var(--itg-h-gap-actions);
	}

	.itg .itg-hero__actions .itg-button {
		align-self: flex-start;
		box-sizing: border-box;
		width: auto;
		max-width: 100%;
		min-height: var(--itg-h-button-h);
		padding: var(--itg-h-button-py) var(--itg-h-button-px);
		gap: var(--itg-h-button-gap);
		border-width: var(--itg-h-button-border);
		border-radius: var(--itg-h-button-radius);
		font-size: var(--itg-h-fs-button);
	}

	.itg .itg-hero__actions .itg-button span {
		font-size: var(--itg-h-fs-button);
	}

	.itg .itg-hero__actions .itg-button__icon {
		width: var(--itg-h-button-icon);
		height: var(--itg-h-button-icon-h);
	}
}