.brand-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.brand-card {
	padding: 22px;
	background: var(--triumph-surface);
	text-align: center;
}

.brand-card img {
	width: 100%;
	aspect-ratio: 4 / 2;
	object-fit: contain;
	background: var(--triumph-white);
	transition: transform 220ms ease;
}

.brand-card a:hover img,
.brand-card a:focus img {
	transform: scale(1.04);
}