.site-header {
  height: 108px;
}

.brand-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 0;
}

.brand-logo img {
  display: block;
  width: clamp(260px, 21vw, 330px);
  height: auto;
}

.hero {
  min-height: calc(100vh - 108px);
}

@media (max-width: 850px) {
  .site-header {
    height: 88px;
  }

  .brand-logo img {
    width: 235px;
  }

  .hero {
    min-height: 780px;
  }
}

@media (max-width: 480px) {
  .site-header {
    height: 84px;
    padding: 0 1.35rem;
  }

  .brand-logo img {
    width: 225px;
  }
}