.itg-container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--itg-layout-max);
	margin-inline: auto;
	padding-inline: var(--itg-layout-gutter);
}

.itg-container--content {
	max-width: var(--itg-layout-content);
}

.itg-main {
	display: block;
	min-height: 50vh;
}

.itg-stack {
	display: flex;
	flex-direction: column;
	gap: var(--itg-space-lg);
}

.itg-stack--sm {
	gap: var(--itg-space-md);
}

.itg-stack--lg {
	gap: var(--itg-space-2xl);
}

.itg-stack--xl {
	gap: var(--itg-space-3xl);
}

.itg-cluster {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--itg-space-md);
}

.itg-cluster--lg {
	gap: var(--itg-space-2xl);
}

.itg-grid {
	display: grid;
	gap: var(--itg-space-2xl);
}

.itg-grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.itg-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.itg-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.itg-grid--5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 767px) {
	.itg-grid--3,
	.itg-grid--4,
	.itg-grid--5 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.itg-grid--2,
	.itg-grid--3,
	.itg-grid--4,
	.itg-grid--5 {
		grid-template-columns: minmax(0, 1fr);
	}
}


.itg-heading-1 {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-h1);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-h1);
	letter-spacing: var(--itg-letter-spacing-h1);
}

.itg-heading-2 {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-h2);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-h2);
	letter-spacing: var(--itg-letter-spacing-h2);
}

.itg-heading-3 {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-h3);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-h3);
	letter-spacing: var(--itg-letter-spacing-h3);
}

.itg-heading-4 {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-h4);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-h4);
	letter-spacing: var(--itg-letter-spacing-h4);
}

.itg-text-statement {
	font-family: var(--itg-font-body);
	font-size: var(--itg-font-size-statement);
	font-weight: var(--itg-font-weight-medium);
	line-height: var(--itg-line-height-statement);
	letter-spacing: var(--itg-letter-spacing-statement);
}

.itg-text-body-lg {
	font-family: var(--itg-font-body);
	font-size: var(--itg-font-size-body-lg);
	font-weight: var(--itg-font-weight-regular);
	line-height: var(--itg-line-height-body-lg);
	letter-spacing: var(--itg-letter-spacing-body-lg);
}

.itg-text-body {
	font-family: var(--itg-font-body);
	font-size: var(--itg-font-size-body);
	font-weight: var(--itg-font-weight-regular);
	line-height: var(--itg-line-height-body);
	letter-spacing: var(--itg-letter-spacing-body);
}

.itg-text-menu {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-menu);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-menu);
	letter-spacing: var(--itg-letter-spacing-menu);
	text-transform: uppercase;
}

.itg-text-display {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-display);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-display);
	text-transform: uppercase;
}

.itg-text-stat {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-stat);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-stat);
}

.itg-text-tag {
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-tag);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-tag);
}

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

.itg-text-uppercase {
	text-transform: uppercase;
}

.itg-text-center {
	text-align: center;
}


.itg-color-sand {
	color: var(--itg-color-sand);
}

.itg-color-mahogany {
	color: var(--itg-color-mahogany);
}

.itg-color-clay {
	color: var(--itg-color-clay);
}

.itg-color-lime {
	color: var(--itg-color-lime);
}

.itg-bg-sand {
	background-color: var(--itg-color-sand);
}

.itg-bg-mahogany {
	background-color: var(--itg-color-mahogany);
}


.itg-button {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--itg-button-gap);
	min-height: var(--itg-button-height);
	padding: var(--itg-button-padding-y) var(--itg-button-padding-x);
	border: var(--itg-button-border-width) solid transparent;
	border-radius: var(--itg-button-radius);
	font-family: var(--itg-font-heading);
	font-size: var(--itg-font-size-button);
	font-weight: var(--itg-font-weight-light);
	line-height: var(--itg-line-height-button);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.itg-button__icon {
	flex-shrink: 0;
	display: block;
	width: 1.25rem;
	height: 0.6875rem;
	overflow: visible;
}

.itg-button--dark {
	border-color: var(--itg-color-clay);
	color: var(--itg-color-sand);
	background-color: transparent;
}

.itg-button--dark:hover,
.itg-button--dark:focus-visible {
	background-color: var(--itg-color-clay);
	color: var(--itg-color-mahogany);
}

.itg-button--light {
	border-color: var(--itg-color-clay);
	color: var(--itg-color-mahogany);
	background-color: transparent;
}

.itg-button--light:hover,
.itg-button--light:focus-visible {
	background-color: var(--itg-color-clay);
	color: var(--itg-color-sand);
}

.itg-button--sand {
	border-color: var(--itg-color-sand);
	color: var(--itg-color-sand);
	background-color: transparent;
}

.itg-button--sand:hover,
.itg-button--sand:focus-visible {
	background-color: var(--itg-color-sand);
	color: var(--itg-color-mahogany);
}


.itg-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.itg-skip-link {
	position: absolute;
	top: -100%;
	left: var(--itg-layout-gutter);
	z-index: 10000;
	padding: var(--itg-space-md) var(--itg-space-lg);
	background-color: var(--itg-color-mahogany);
	color: var(--itg-color-sand);
	text-decoration: none;
	border-radius: var(--itg-radius-sm);
}

.itg-skip-link:focus {
	top: var(--itg-space-lg);
}