.site-header .brand img {
  width: 185px;
  height: 86px;
}

.hero.hero-logo-page {
  min-height: calc(100vh - 126px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: #fff;
  border-bottom: 1px solid rgba(212, 175, 87, .38);
}

.hero.hero-logo-page::before {
  display: none;
}

.hero-full-logo {
  position: static;
  width: min(92vw, 1180px);
  height: min(72vh, 760px);
  object-fit: contain;
  filter: drop-shadow(0 22px 35px rgba(0, 0, 0, .32));
}

.hero-scroll {
  color: #5b21a8;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .7rem;
  font-weight: 800;
  margin-top: .5rem;
}

.hero-scroll span {
  display: block;
  text-align: center;
  font-size: 1.25rem;
}

.site-header {
  height: 98px;
  justify-content: flex-end;
}

@media (max-width: 850px) {
  .site-header .brand img {
    width: 150px;
    height: 76px;
  }

  .site-header {
    height: 86px;
  }

  .site-header nav {
    top: 86px;
  }

  .hero.hero-logo-page {
    min-height: calc(100vh - 114px);
    padding: 1rem;
  }

  .hero-full-logo {
    width: 96vw;
    height: 68vh;
  }
}