:root {
  --gold: #d49a2f;
  --gold-light: #f0cf86;
}

.header {
  height: 104px;
}

.brand-logo-image {
  width: 196px;
  max-height: 99px;
  object-fit: contain;
}

.footer-logo .brand-logo-image {
  width: 300px;
  max-height: none;
}

.hero > img {
  object-position: center center;
}

@media (width <= 1180px) and (width >= 761px) {
  .brand-logo-image {
    width: 176px;
    max-height: 92px;
  }
}

@media (width <= 760px) {
  .header {
    height: 84px;
  }

  .brand-logo-image {
    width: 154px;
    max-height: 78px;
  }

  .footer-logo .brand-logo-image {
    width: 260px;
    max-height: none;
  }

  .site-nav {
    top: 84px;
    height: calc(100dvh - 84px);
  }

  .hero {
    min-height: calc(100svh - 84px);
  }

  .hero > img,
  .final-cta > img,
  .seo-final-cta > picture img {
    object-position: 60% center;
  }
}