:root {
  --red: #1147f5;
  --amber: #2e68ff;
}

.site-header .brand img {
  display: block;
  width: clamp(220px, 20vw, 310px);
  height: 68px;
  object-fit: contain;
  object-position: left center;
}

footer .brand img {
  display: block;
  width: min(300px, 72vw);
  height: auto;
}

@media (max-width: 900px) {
  .site-header .brand img {
    width: 205px;
    height: 58px;
  }
}

@media (max-width: 580px) {
  .site-header .brand img {
    width: 175px;
  }
}