.gb-multimedia-grid {
	overflow: hidden;
	background: var(--color-pistachio);
	color: var(--pk-text-color);
	padding-block: max(var(--section-spacing-xl), calc(9.25 * var(--su)));
	padding-inline: var(--pk-site-gutter);
}

.gb-multimedia-grid__inner {
	width: min(100%, calc(86.5 * var(--su)));
	margin-inline: auto;
}

.gb-multimedia-grid .gb-multimedia-grid__heading {
	margin: 0 0 max(3rem, calc(3 * var(--su)));
	color: var(--pk-heading-color);
	font-size: var(--scaling-h2);
}

.gb-multimedia-grid__tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: calc(22.6875 * var(--su));
	gap: var(--pk-column-gap);
}

.gb-multimedia-grid__tile {
	position: relative;
	min-width: 0;
	overflow: hidden;
	margin: 0;
	border-radius: 0 var(--radius-xl) 0 var(--radius-xl);
}

.gb-multimedia-grid__tile--featured {
	grid-row: span 2;
	display: flex;
	align-items: flex-end;
	padding: max(2rem, calc(2 * var(--su)));
	color: var(--color-white);
}

.gb-multimedia-grid__tile--featured::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(228deg, rgba(1, 38, 30, 0) 38%, rgba(1, 38, 30, 0.25) 100%);
	pointer-events: none;
}

.gb-multimedia-grid .gb-multimedia-grid__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.gb-multimedia-grid__featured-copy {
	position: relative;
	z-index: 1;
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: max(0.5rem, calc(0.5 * var(--su)));
}

.gb-multimedia-grid .gb-multimedia-grid__featured-label,
.gb-multimedia-grid .gb-multimedia-grid__featured-heading,
.gb-multimedia-grid .gb-multimedia-grid__stat-value,
.gb-multimedia-grid .gb-multimedia-grid__stat-text {
	margin: 0;
}

.gb-multimedia-grid__featured-label,
.gb-multimedia-grid__stat-text {
	font-size: var(--desktop-body-lg);
}

.gb-multimedia-grid__featured-heading,
.gb-multimedia-grid__stat-value {
	color: inherit;
	font-size: var(--scaling-h1);
}

.gb-multimedia-grid__tile--stat {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: max(2rem, calc(2 * var(--su)));
	color: var(--color-white);
}

.gb-multimedia-grid__tile--cypress {
	background: var(--color-cypress);
}

.gb-multimedia-grid__tile--basil {
	background: var(--color-basil);
}

.gb-multimedia-grid__icon {
	display: block;
	width: max(3rem, calc(3 * var(--su)));
	height: max(3rem, calc(3 * var(--su)));
}

.gb-multimedia-grid__stat-copy {
	display: flex;
	flex-direction: column;
	gap: max(0.5rem, calc(0.5 * var(--su)));
}

@media only screen and (max-width: 992px) {
	.gb-multimedia-grid {
		padding-block: max(var(--section-spacing-sm), calc(4 * var(--su)));
	}

	.gb-multimedia-grid__inner {
		width: 100%;
	}

	.gb-multimedia-grid .gb-multimedia-grid__heading {
		margin-bottom: max(2rem, calc(2 * var(--su)));
		font-size: var(--scaling-h3);
	}

	.gb-multimedia-grid__tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: minmax(max(18rem, calc(18 * var(--su))), auto);
	}

	.gb-multimedia-grid__tile--featured {
		grid-row: span 2;
		min-height: max(37.5rem, calc(37.5 * var(--su)));
	}
}

@media only screen and (max-width: 767px) {
	.gb-multimedia-grid__tiles {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

	.gb-multimedia-grid__tile {
		min-height: max(18rem, calc(18 * var(--su)));
		border-radius: 0 var(--radius-lg) 0 var(--radius-lg);
	}

	.gb-multimedia-grid__tile--featured {
		grid-row: auto;
		min-height: max(28rem, calc(28 * var(--su)));
		padding: max(1.5rem, calc(1.5 * var(--su)));
	}

	.gb-multimedia-grid__tile--stat {
		min-height: max(17rem, calc(17 * var(--su)));
		padding: max(1.5rem, calc(1.5 * var(--su)));
	}

	.gb-multimedia-grid__featured-label,
	.gb-multimedia-grid__stat-text {
		font-size: var(--desktop-body-md);
	}

	.gb-multimedia-grid__featured-heading,
	.gb-multimedia-grid__stat-value {
		font-size: var(--scaling-h2);
	}
}