.overlay-content {
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}

.overlay-content__container {
	position: relative;
	z-index: 2;
}

.overlay-content__bottom-accent {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	color: var(--color-westar);
}
:is(.bg-white, .bg-westar) .overlay-content__bottom-accent {
	color: var(--color-granite);
	opacity: 0.2;
}

.overlay-content__logos {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	/*
	https://codepen.io/rpg2019/pen/OJQqOwe
	min-width: 992px
	max-width: 1440px
	min-fs: 30px (1.66rem)
	max-fs: 50px (2.77rem)
	base: 18
	*/
	gap: clamp(1.66rem, -0.798rem + 4.460vw, 2.77rem);
	margin-top: 60px;
}
.overlay-content__logo {
	background-color: white;
	border-radius: 25px;
	text-align: center;
	padding: 20px;
	position: relative;
}
.overlay-content__logo img {
	aspect-ratio: 2.3;
	object-fit: contain;
	margin-bottom: 15px;
}
.overlay-content__logo .btn::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay-content__logo .btn:is(:hover, :focus) {
	color: var(--color-christine) !important;
	border-color: var(--color-christine) !important;
}

.overlay-content__bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
}
.overlay-content__bg img {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.overlay-content__bg::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.overlay-content__logos {
		grid-template-columns: repeat(3,1fr);
	}
}
@media (min-width: 992px) {
	.overlay-content {
		padding: 80px 0;
	}
	.overlay-content__bottom-accent {
		display: block;
	}
	.overlay-content__container {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: clamp(120px,12vw,160px);
		gap: 12%;
	}
	.overlay-content__inner {
		grid-column: 2;
	}
	.overlay-content__logos {
		grid-template-columns: repeat(2,1fr);
		/*
		https://codepen.io/rpg2019/pen/OJQqOwe
		min-width: 992px
		max-width: 1440px
		min-fs: 0px (0rem)
		max-fs: 80px (4.44rem)
		base: 18
		*/
		padding-right: clamp(0rem, -9.831rem + 17.839vw, 4.44rem);
	}
	.overlay-content__bg {
		opacity: 1;
	}
	.bg-white .overlay-content__bg::after {
		background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 25%, rgba(255,255,255,0.9) 50%);
	}
	.bg-westar .overlay-content__bg::after {
		background: linear-gradient(115deg, rgba(var(--color-westar-rgb),0) 0%, rgba(var(--color-westar-rgb),0.7) 25%, rgba(var(--color-westar-rgb),0.9) 50%);
	}
	.bg-gravel .overlay-content__bg::after {
		background: linear-gradient(115deg, rgba(var(--color-gravel-rgb),0) 0%, rgba(var(--color-gravel-rgb),0.7) 25%, rgba(var(--color-gravel-rgb),0.9) 50%);
	}
	.bg-black .overlay-content__bg::after {
		background: linear-gradient(115deg, rgba(var(--color-black-rgb),0) 0%, rgba(var(--color-black-rgb),0.7) 25%, rgba(var(--color-black-rgb),0.8) 50%);
	}
}