/* Original supplied JPG, unchanged. Only its empty white margins are outside the logo frame. */
.brand {
  --logo-width: 282px;
  position: relative;
  display: block;
  flex: 0 0 var(--logo-width);
  width: var(--logo-width);
  height: 48px;
  overflow: hidden;
}
.brand .brand-logo {
  position: absolute;
  width: calc(var(--logo-width) * 595 / 485);
  max-width: none;
  height: auto;
  left: calc(var(--logo-width) * -60 / 485);
  top: calc(24px - var(--logo-width) * 115 / 485);
}
@media (max-width: 1150px) {
  .brand { --logo-width: 240px; }
}
@media (max-width: 640px) {
  .brand { --logo-width: min(208px, calc(100vw - 150px)); }
}