.brand .brand-logo {
  display: block;
  width: min(233px, 40vw);
  height: auto;
  object-fit: contain;
}

.brand.light .brand-logo {
  width: 222px;
  max-width: 100%;
}

.header-actions a { min-height: 44px; }
.header-actions a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }

@media (max-width: 680px) {
  .brand .brand-logo {
    width: 158px;
  }
}