.brand-logo {
  display: grid;
  grid-template-columns: minmax(0, 430fr) minmax(0, 140fr);
  align-items: center;
  width: clamp(10.5rem, 52vw, 15rem);
  max-width: 100%;
}

/* Show the wordmark and globe from the same artwork on a common centre line. */
.brand-logo::before,
.brand-logo::after {
  content: '';
  background-image: url('landtrans-logo.png');
  background-repeat: no-repeat;
}

.brand-logo::before {
  aspect-ratio: 430 / 38;
  background-position: left top;
  background-size: calc(100% * 570 / 430) auto;
}

.brand-logo::after {
  aspect-ratio: 140 / 87;
  background-position: right top;
  background-size: calc(100% * 570 / 140) auto;
}

.footer-logo {
  width: 15rem;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border-radius: 0.5rem;
}