/* Co-branded header logo, already optimized with a compact white margin. */
.brand-lockup {
  display: block;
  flex: 0 0 auto;
  width: 320px;
  height: 88px;
  max-width: calc(100% - 58px);
  overflow: hidden;
  line-height: 0;
  text-decoration: none;
}
.brand-lockup__image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}
.brand-lockup:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
@media (max-width: 1050px) {
  .brand-lockup { width: 280px; height: 80px; }
}
@media (max-width: 700px) {
  .brand-lockup { width: 254px; height: 70px; }
}
@media (max-width: 360px) {
  .brand-lockup { width: 224px; height: 64px; }
}