.header .brand {
  display: none;
}

.hero {
  overflow: hidden;
  background-image:
    linear-gradient(90deg, #0d0b09e6 0%, #17120ed1 30%, #2119114d 48%, #21191105 65%),
    linear-gradient(#9d754b0d, #9d754b0d),
    url('./hero-original-v2.webp');
  background-position: center;
}

.hero-copy {
  width: min(730px, 48vw);
  max-width: none;
  padding-top: 52px;
}

.hero-lockup {
  display: block;
  width: clamp(270px, 24vw, 420px);
  max-width: 100%;
  height: auto;
  margin: 0 0 clamp(45px, 7vh, 76px) -18px;
  object-fit: contain;
}

.hero h1.long-headline {
  margin: 0;
  font-size: clamp(42px, 3.55vw, 66px);
  line-height: 1.17;
  letter-spacing: -.025em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero span.hero-kicker {
  display: block;
  margin-top: clamp(34px, 5vh, 54px);
  color: #d9b889;
  font-size: clamp(10px, .9vw, 15px);
  letter-spacing: .42em;
}

.hero-kicker i {
  padding: 0 .25em;
  font-style: normal;
}

@media (max-width: 850px) {
  .hero {
    min-height: 760px;
    align-items: flex-end;
    padding-bottom: 92px;
    background-image:
      linear-gradient(180deg, #17120e38 0%, #17120e5c 42%, #0c0a08e8 100%),
      url('./hero-original-v2.webp');
    background-position: 68% center;
  }

  .hero-copy {
    width: 100%;
    min-width: 0;
    padding-top: 0;
  }

  .hero-lockup {
    width: min(260px, 68vw);
    margin: 0 0 38px -10px;
  }

  .hero h1.long-headline {
    max-width: 100%;
    font-size: clamp(35px, 9.6vw, 54px);
    line-height: 1.13;
    white-space: normal;
    overflow-wrap: normal;
  }

  .hero span.hero-kicker {
    margin-top: 30px;
    font-size: 10px;
    letter-spacing: .3em;
    white-space: normal;
  }
}