.logo--image {
  display: block;
  margin-right: auto;
}

.logo--image img {
  display: block;
  height: auto;
  width: min(320px, 100%);
}

.site-header .logo--image img {
  width: clamp(170px, 20vw, 290px);
}

.logo--footer {
  margin-bottom: 16px;
}

.footer .logo--image img {
  width: clamp(210px, 24vw, 360px);
  filter: brightness(1.06) contrast(1.03);
}

@media (max-width: 680px) {
  .site-header .logo--image img {
    width: min(210px, 64vw);
  }

  .footer .logo--image img {
    width: min(260px, 78vw);
  }
}