.brand-logo {
  display: block;
  width: clamp(190px, 17vw, 270px);
  line-height: 0;
}

.brand-logo img,
.footer-logo {
  width: 100%;
  height: auto;
}

.hero-logo {
  position: absolute;
  right: clamp(24px, 7vw, 120px);
  top: clamp(45px, 8vh, 100px);
  width: clamp(250px, 22vw, 390px);
  height: auto;
  opacity: .92;
}

.footer-logo {
  max-width: 250px;
  opacity: .9;
}

.inline-link {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  margin-top: 1rem;
  color: var(--gold);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.inline-link:hover { color: var(--ink); }

@media (max-width: 1050px) {
  .hero-logo {
    width: 250px;
    opacity: .18;
    top: 70px;
  }
}

@media (max-width: 850px) {
  .brand-logo { width: 185px; }
  .hero-logo { width: 155px; right: 18px; top: 34px; }
  .footer-logo { max-width: 210px; }
}