.mark {
  display: inline-flex;
  align-items: baseline;
  gap: .28em;
  white-space: nowrap;
  font-family: Italiana, serif;
  font-size: 1.65rem;
  line-height: 1;
}

.mark span {
  font-family: "La Belle Aurore", cursive;
  font-size: 1.05em;
  color: var(--gold);
}

@media (max-width: 760px) {
  .hero {
    height: 100svh;
    min-height: 720px;
  }

  .hero-photo {
    height: 100%;
    background-position: center calc(31% - 90px);
  }

  .hero::after {
    background: linear-gradient(0deg, rgba(36, 17, 31, .78) 0%, rgba(36, 17, 31, .24) 24%, rgba(20, 7, 17, .06) 56%, transparent 76%);
  }

  .hero-copy {
    left: 3vw;
    right: 4vw;
    top: 5px;
    bottom: auto;
    height: 100%;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    transform: none;
  }

  .hero-copy .lede {
    margin-top: auto;
  }

  .hero-copy > .eyebrow {
    margin-top: 0;
  }
}