.brand{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;width:max-content;max-width:180px;line-height:1}
.brand__mark{display:grid;place-items:center;width:57px;height:45px;border-radius:4px;background:#111;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:40px;font-weight:600;letter-spacing:-1.6px;padding-bottom:5px}
.brand__payoff{font-size:10px;line-height:10px;font-weight:300;max-width:90px}
.brand__image{max-width:160px;max-height:45px;width:auto;height:auto;object-fit:contain}
.brand--inverse{color:#fff}
.brand--inverse .brand__mark{color:#1a1a1a;background:#fff}

.brand__mark,.brand__image{transition:scale .5s cubic-bezier(.16,1,.3,1)}.brand:hover .brand__mark,.brand:hover .brand__image,.brand:focus-visible .brand__mark,.brand:focus-visible .brand__image{scale:.95}.brand:active .brand__mark,.brand:active .brand__image{scale:.92}@media(prefers-reduced-motion:reduce){.brand__mark,.brand__image{transition:none}.brand:hover .brand__mark,.brand:hover .brand__image{scale:1}}