.brand-logo {
  display: block;
}

.brand-logo img {
  display: block;
  height: 44px;
  width: auto;
}

.client-logo {
  height: 34px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.55;
  transition: filter 0.2s ease, opacity 0.2s ease;
}

.client-logo:hover {
  filter: none;
  opacity: 1;
}

@media (max-width: 640px) {
  .client-logo {
    height: 26px;
    max-width: 140px;
  }
}

html {
  scroll-behavior: smooth;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #22c55e;
  outline-offset: 3px;
}

@media (max-width: 640px) {
  .brand-logo img {
    height: 36px;
  }
}