/* Logo grid — awards and partner marks. Measured: 60px→90px logo size,
   auto-fit grid with 25px→gutter gaps, centered on mobile / left ≥768 with
   a centered override. */

.logo-grid { --logo-size: 60px; }
@media screen and (min-width: 768px) {
	.logo-grid { --logo-size: 90px; }
}

.logo-grid__title { text-align: center; }
@media screen and (min-width: 768px) {
	.logo-grid__title { text-align: left; }
	.logo-grid__title--center { text-align: center; }
}

.logo-grid__items {
	display: grid;
	gap: 25px;
	grid-template-columns: repeat(auto-fit, minmax(var(--logo-size), max-content));
	justify-content: center;
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	.logo-grid__items { gap: var(--grid-col-gutter); justify-content: left; }
	.logo-grid__items--center { justify-content: center; }
	.logo-grid__items--right { justify-content: flex-end; }
}

.logo-grid--large .logo-grid__items { --logo-size: 120px; gap: 40px; }
@media screen and (min-width: 768px) {
	.logo-grid--large .logo-grid__items { --logo-size: 200px; gap: 70px; }
}

.logo-grid__logo {
	align-items: center;
	display: inline-grid;
	margin: 0;
	max-width: var(--logo-size);
}

.logo-grid__img { max-height: var(--logo-size); max-width: 100%; width: auto; }

/* Text wordmarks in place of press/award logos. */
.logo-grid__logo--text { max-width: none; }

.logo-grid__name {
	font-family: var(--heading-font-family);
	font-size: 17px;
	letter-spacing: 0.04em;
	opacity: 0.85;
	white-space: nowrap;
}
@media screen and (min-width: 768px) {
	.logo-grid__name { font-size: 21px; }
}