.brand {
  gap: 10px;
}

.brand-logos {
  display: grid;
  width: 160px;
  height: 67px;
  place-items: center;
}

.brand-logo {
  grid-area: 1 / 1;
  display: block;
  width: 160px;
  height: auto;
}

.brand-logo-dark {
  display: none;
}

.brand > small {
  max-width: 96px;
  color: var(--muted, #56637a);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

@media (prefers-color-scheme: dark) {
  .brand-logo-light { display: none; }
  .brand-logo-dark { display: block; }
}

@media (max-width: 700px) {
  .brand-logos {
    width: 128px;
    height: 54px;
  }

  .brand-logo {
    width: 128px;
  }

  .brand > small {
    display: none;
  }
}