.itg .itg-about {

	--itg-a-inset-x: min(19.0625rem, 15.8854166667vw);
	--itg-a-pad-top: min(8.5625rem, 7.1354166667vw);
	--itg-a-col-text: min(25.625rem, 21.3541666667vw);
	--itg-a-col-group: min(27.875rem, 23.2291666667vw);
	--itg-a-col-gallery: min(56rem, 46.6666666667vw);
	--itg-a-col-right: min(25.625rem, 21.3541666667vw);
	--itg-a-row-min: min(41.875rem, 34.8958333333vw);
	--itg-a-gap-grid: min(0.25rem, 0.2083333333vw);
	--itg-a-gap-stack: min(1.25rem, 1.0416666667vw);
	--itg-a-gap-gallery: min(2.5rem, 2.0833333333vw);
	--itg-a-offset-group: min(2.0625rem, 1.71875vw);
	--itg-a-radius-pill: min(6.25rem, 5.2083333333vw);


	--itg-a-fs-h2: min(3.75rem, 3.125vw);
	--itg-a-lh-h2: min(3.75rem, 3.125vw);
	--itg-a-fs-lead: min(1.5rem, 1.25vw);
	--itg-a-lh-lead: min(2rem, 1.6666666667vw);
	--itg-a-fs-body: min(1.125rem, 0.9375vw);
	--itg-a-lh-body: min(1.5rem, 1.25vw);
	--itg-a-fs-button: min(1.25rem, 1.0416666667vw);
	--itg-a-button-h: min(2.6875rem, 2.2395833333vw);
	--itg-a-button-px: min(1.25rem, 1.0416666667vw);
	--itg-a-button-py: min(0.625rem, 0.5208333333vw);
	--itg-a-button-gap: min(0.75rem, 0.625vw);
	--itg-a-button-mt: min(0.5rem, 0.4166666667vw);

	background-color: #fff;
	overflow-x: clip;
}

.itg .itg-about__inner {
	display: grid;
	grid-template-columns: var(--itg-a-col-text) var(--itg-a-col-gallery);
	align-items: start;
	gap: var(--itg-a-gap-grid);
	box-sizing: border-box;
	width: 100%;
	min-height: var(--itg-a-row-min);
	padding-top: var(--itg-a-pad-top);
	padding-bottom: 0;
	padding-inline: var(--itg-a-inset-x);
}

.itg .itg-about__inner--no-gallery {
	grid-template-columns: minmax(0, 1fr);
	max-width: var(--itg-a-col-text);
	margin-inline: auto;
}

.itg .itg-about__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--itg-a-gap-stack);
	min-height: var(--itg-a-row-min);
	width: var(--itg-a-col-text);
	max-width: 100%;
}

.itg .itg-about__title {
	margin: 0;
	font-family: var(--itg-font-heading);
	font-size: var(--itg-a-fs-h2);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-a-lh-h2);
}

.itg .itg-about__lead {
	font-family: var(--itg-font-body);
	font-size: var(--itg-a-fs-lead);
	font-weight: var(--itg-font-weight-medium);
	line-height: var(--itg-a-lh-lead);
}

.itg .itg-about__body {
	font-family: var(--itg-font-body);
	font-size: var(--itg-a-fs-body);
	font-weight: var(--itg-font-weight-regular);
	line-height: var(--itg-a-lh-body);
}

.itg .itg-about__lead p,
.itg .itg-about__body p {
	margin: 0;
	padding: 0;
}

.itg .itg-about__lead p:last-child,
.itg .itg-about__body p:last-child {
	padding-bottom: 0;
}

.itg .itg-about__lead strong,
.itg .itg-about__body strong {
	font-weight: 700;
}

.itg .itg-about__button {
	align-self: flex-start;
	margin-top: var(--itg-a-button-mt);
	min-height: var(--itg-a-button-h);
	padding: var(--itg-a-button-py) var(--itg-a-button-px);
	gap: var(--itg-a-button-gap);
	border-radius: min(1rem, 0.8333333333vw);
	font-size: var(--itg-a-fs-button);
}

.itg .itg-about__button .itg-text-button {
	font-size: var(--itg-a-fs-button);
}

.itg .itg-about__button .itg-button__icon {
	width: min(1.25rem, 1.0416666667vw);
	height: auto;
}

.itg .itg-about__gallery {
	display: grid;
	grid-template-columns: var(--itg-a-col-group) var(--itg-a-col-right);
	gap: var(--itg-a-gap-gallery);
	align-items: start;
	justify-content: end;
	width: var(--itg-a-col-gallery);
	max-width: 100%;
}

.itg .itg-about__gallery-left {
	position: relative;
	overflow: visible;
}

@media (min-width: 768px) {

	.itg .itg-about__gallery-left {
		margin-top: calc(-1 * var(--itg-a-offset-group));
	}
}

.itg .itg-about__figure {
	margin: 0;
}

.itg .itg-about__figure--left {
	width: var(--itg-a-col-group);
	max-width: 100%;
	overflow: visible;
}

.itg .itg-about__figure--right {
	width: var(--itg-a-col-right);
	max-width: 100%;
	overflow: hidden;
	border-radius: var(--itg-a-radius-pill);
}

.itg .itg-about__image--group {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 446 / 703;
	object-fit: contain;
	border-radius: 0;
}

.itg .itg-about__figure--right .itg-about__image {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 410 / 670;
	border-radius: var(--itg-a-radius-pill);
}


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

		--itg-a-inset-x: min(1rem, 3.9800995025vw);
		--itg-a-pad-top: 0;
		--itg-a-pad-bottom: min(5.3525rem, 21.2935323383vw);
		--itg-a-content-pad-top: min(4.8125rem, 19.1293532338vw);
		--itg-a-content-pad-bottom: min(4.8125rem, 19.1293532338vw);
		--itg-a-col-text: 100%;
		--itg-a-col-group: 100%;
		--itg-a-col-gallery: 100%;
		--itg-a-col-right: 100%;
		--itg-a-row-min: auto;
		--itg-a-gap-grid: max(-0.4375rem, -1.7412935323vw);
		--itg-a-gap-stack: min(1.25rem, 4.9751243781vw);
		--itg-a-gap-gallery: min(1.076875rem, 4.2855721393vw);
		--itg-a-offset-group: 0;
		--itg-a-pop-out: min(0.875rem, 3.4825870647vw);
		--itg-a-pill-w: calc((100vw - (2 * var(--itg-a-inset-x)) - var(--itg-a-gap-gallery)) / 2);
		--itg-a-pill-h: calc(var(--itg-a-pill-w) * 288.638 / 176.629);
		--itg-a-pill-radius: min(5.514375rem, 21.8656716418vw);
		--itg-a-group-scale: 1.08784;
		--itg-a-group-h-scale: 1.04938;


		--itg-a-fs-h2: min(3.125rem, 12.4378109453vw);
		--itg-a-lh-h2: min(3.125rem, 12.4378109453vw);
		--itg-a-fs-lead: min(1.25rem, 4.9751243781vw);
		--itg-a-lh-lead: min(1.75rem, 6.9651741294vw);
		--itg-a-fs-body: min(1.125rem, 4.4776119403vw);
		--itg-a-lh-body: min(1.5rem, 5.9701492537vw);


		--itg-a-fs-button: min(1.25rem, 4.9751243781vw);
		--itg-a-button-h: min(2.6875rem, 10.671641791vw);
		--itg-a-button-px: min(1.25rem, 4.9751243781vw);
		--itg-a-button-py: min(0.625rem, 2.4875621891vw);
		--itg-a-button-gap: min(0.75rem, 2.9850746269vw);
		--itg-a-button-border: min(0.125rem, 0.4975124378vw);
		--itg-a-button-radius: min(1rem, 3.9800995025vw);
		--itg-a-button-mt: 0;
		--itg-a-button-icon-w: min(1.25rem, 4.9751243781vw);
		--itg-a-button-icon-h: min(0.6875rem, 2.7363184079vw);

		overflow: visible;
	}

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

	.itg .itg-about__inner--no-gallery {
		max-width: none;
		margin-inline: 0;
	}

	.itg .itg-about__content {
		justify-content: flex-start;
		box-sizing: border-box;
		min-height: 0;
		width: 100%;
		padding-top: var(--itg-a-content-pad-top);
		padding-bottom: var(--itg-a-content-pad-bottom);
	}

	.itg .itg-about__gallery {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		justify-content: stretch;
		gap: var(--itg-a-gap-gallery);
		width: 100%;
		max-width: none;
		min-width: 0;
		padding-top: 0;
		overflow: visible;
	}

	.itg .itg-about__gallery-left {
		margin-top: 0;
		margin-left: calc(-1 * var(--itg-a-inset-x));
		width: calc(100% + var(--itg-a-inset-x));
	}

	.itg .itg-about__figure--left {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: calc(100% * var(--itg-a-group-scale));
		height: calc(var(--itg-a-pill-h) + var(--itg-a-pop-out));
		min-width: 0;
		max-width: none;
		margin: 0;
		padding: 0;
		overflow: visible;
		border-radius: 0;
		line-height: 0;
	}

	.itg .itg-about__figure--right {
		display: block;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: var(--itg-a-pill-h);
		min-width: 0;
		max-width: none;
		margin: var(--itg-a-pop-out) 0 0;
		padding: 0;
		overflow: hidden;
		border-radius: var(--itg-a-pill-radius);
		line-height: 0;
	}

	.itg .itg-about__figure--left .itg-about__image--group {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: calc(var(--itg-a-pill-h) * var(--itg-a-group-h-scale));
		max-width: none;
		max-height: none;
		margin: 0;
		padding: 0;
		aspect-ratio: unset;
		object-fit: contain;
		object-position: left bottom;
		border-radius: 0;
	}

	.itg .itg-about__figure--right .itg-about__image {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		max-width: none;
		max-height: none;
		margin: 0;
		padding: 0;
		aspect-ratio: unset;
		object-fit: cover;
		object-position: center center;
		border-radius: 0;
	}

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

	.itg .itg-about__button .itg-text-button {
		font-size: var(--itg-a-fs-button);
	}

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