/* Present the supplied logos intact; frame their existing blank margins in CSS. */
.brand.supplied-brand { display: block; flex: 0 0 auto; letter-spacing: normal; }
.brand.supplied-brand::before { content: none; display: none; }
.logo-frame { display: block; position: relative; width: 252px; height: 74px; overflow: hidden; border-radius: 3px; background: #f7f7f7; }
.brand.supplied-brand .logo-frame img,
.footer-logo .logo-frame img { display: block; position: absolute; width: 100%; max-width: none; height: auto; left: 0; top: 50%; transform: translateY(-50%); object-fit: contain; filter: none; }
.footer-logo-row { margin-bottom: 30px; }
.footer-logo { display: inline-block; }
.logo-frame.logo-dark { width: 280px; height: 94px; background: #363b3d; }
@media (max-width: 1100px) { .brand.supplied-brand .logo-frame { width: 222px; height: 66px; } }
@media (max-width: 640px) {
  .brand.supplied-brand .logo-frame { width: 212px; height: 64px; }
  .logo-frame.logo-dark { width: 260px; height: 88px; }
}