.brand-icon{display:grid;place-items:center;width:72px;height:72px;flex:0 0 auto;border:1px solid #e5e7f4;border-radius:16px;background:#f6f5fc;overflow:hidden}
.brand-icon img{display:block;width:56px;height:56px;object-fit:contain;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(190deg);transition:filter .25s ease,transform .25s ease}
.brand-card h3,.satellite>span:last-child{color:var(--brand)}
.brand-card:hover .brand-icon img,.brand-card:focus-within .brand-icon img,.satellite:hover .brand-icon img,.satellite:focus-visible .brand-icon img{filter:none;transform:scale(1.06)}
.satellite .brand-icon{width:36px;height:36px;border-radius:9px}
.satellite .brand-icon img{width:28px;height:28px}
@media(hover:none){.brand-icon img{filter:none}}
@media(prefers-reduced-motion:reduce){.brand-icon img{transition:none}}