body.call-us-popup-is-open {
	overflow: hidden;
}

.call-us-popup__panel {
	background: var(--color-grey, #d9d9d9);
	grid-template-columns: minmax(16rem, 42%) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	max-width: 60rem;
	width: min(60rem, 100%);
}

.call-us-popup__media {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	overflow: hidden;
}

.call-us-popup__image {
	aspect-ratio: 1.28 / 1;
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.call-us-popup__content {
	align-self: center;
	background: var(--color-grey, #d9d9d9);
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	padding: clamp(2rem, 4vw, 4rem);
}

.call-us-popup__title {
	color: var(--color-midnight-blue, #0c2840);
}

.call-us-popup__links {
	color: var(--color-midnight-blue, #0c2840);
	font-size: var(--font-size-l, 1.25rem);
	margin-top: var(--space-l, 1.625rem);
}

@media (max-width: 767px) {
	.call-us-popup__panel {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		min-height: 0;
		overflow: hidden;
	}

	.call-us-popup__media {
		display: block;
		grid-column: 1;
		grid-row: 1;
	}

	.call-us-popup__image {
		aspect-ratio: 16 / 9;
		height: auto;
	}

	.call-us-popup__content {
		grid-column: 1;
		grid-row: 2;
		padding: var(--space-l, 1.625rem);
	}

	.call-us-popup__title {
		padding-right: 3.5rem;
	}

	.call-us-popup__links {
		margin-top: var(--space-m, 1.5rem);
	}
}