/* Keep the supplied artwork intact while displaying every client mark in black. */
#brands > .brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  min-width: 0;
}
#brands img {
  width: auto;
  height: auto;
  filter: brightness(0);
  opacity: 1;
}
@media (max-width: 650px) {
  #brands > .brand-item { height: 48px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #brands > .brand-item:hover img { transform: scale(1.07); }
}