.site-logos {
	padding: clamp(var(--space-9), 6vw, var(--space-11)) var(--gutter);
}

.site-logos__inner {
	max-width: var(--container-max);
	margin: 0 auto;
}

.site-logos__grid {
	display: grid;
	grid-template-columns: repeat(min(2, var(--site-logos-cells, 2)), 1fr);
	gap: var(--space-5);
}

.site-logos__cell {
	position: relative;
	aspect-ratio: 2 / 1;
	background: var(--color-white);
}

.site-logos__img {
	position: absolute;
	inset: 0;
	margin: auto;
	max-width: 60%;
	max-height: 44%;
	object-fit: contain;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.5s var(--ease, ease), transform 0.5s var(--ease, ease);
}

.site-logos__img.is-active {
	opacity: 1;
	transform: translateY(0);
}

@media (min-width: 700px) {
	.site-logos__grid {
		grid-template-columns: repeat(min(3, var(--site-logos-cells, 3)), 1fr);
	}
}

@media (min-width: 1024px) {
	.site-logos__grid {
		grid-template-columns: repeat(min(6, var(--site-logos-cells, 6)), 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-logos__img {
		transition-duration: 0.01ms;
	}
}