/* Iconic archival hero. The supplied portrait is displayed without image filters or retouching. */
.hero-legacy > img {
  object-position: 43% 39%;
  filter: none;
}
.hero-legacy .hero-shade {
  background:
    linear-gradient(
      90deg,
      #0415260d 0%,
      #04152620 38%,
      #041526c7 62%,
      #041526f4 100%
    ),
    linear-gradient(0deg, #041526b8 0%, transparent 44%),
    linear-gradient(180deg, #04152680 0%, transparent 28%);
}
.hero-legacy .hero-copy {
  width: min(680px, 48%);
  margin-left: auto;
  margin-right: clamp(1.25rem, 7vw, 7rem);
  padding-top: 4rem;
}
.hero-legacy .hero-copy > p:not(.eyebrow):not(.portrait-kicker) {
  max-width: 610px;
}
.portrait-kicker {
  display: inline-flex !important;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 1.1rem !important;
  color: #fff !important;
  font-family: "Playfair Display", serif;
  font-size: 1rem !important;
  font-style: italic;
  letter-spacing: 0.04em;
}
.portrait-kicker:before {
  content: "";
  width: 42px;
  height: 1px;
  background: var(--gold);
}
.hero-legacy h1 {
  font-size: clamp(3.2rem, 5.7vw, 6.2rem);
}
.portrait-caption {
  position: absolute;
  z-index: 2;
  left: clamp(1.25rem, 4vw, 4rem);
  bottom: 2.5rem;
  padding-left: 1rem;
  border-left: 2px solid var(--gold);
  text-shadow: 0 2px 18px #000;
}
.portrait-caption span,
.portrait-caption strong {
  display: block;
}
.portrait-caption span {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.62rem;
  color: #edc778;
}
.portrait-caption strong {
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
}
@media (max-width: 900px) {
  .hero-legacy {
    min-height: 760px;
  }
  .hero-legacy > img {
    object-position: 38% center;
  }
  .hero-legacy .hero-shade {
    background:
      linear-gradient(0deg, #041526f7 0%, #041526d1 45%, #04152626 78%),
      linear-gradient(180deg, #04152682 0%, transparent 32%);
  }
  .hero-legacy .hero-copy {
    width: auto;
    margin: 0 1.25rem;
    align-self: flex-end;
    padding: 0 0 6.5rem;
  }
  .hero-legacy h1 {
    font-size: clamp(3.1rem, 10vw, 5rem);
  }
  .portrait-kicker {
    display: none !important;
  }
  .portrait-caption {
    top: 6.2rem;
    bottom: auto;
    left: 1.25rem;
  }
}
@media (max-width: 560px) {
  .hero-legacy h1 {
    font-size: 3.15rem;
  }
  .hero-legacy .hero-copy > p:not(.eyebrow):not(.portrait-kicker) {
    font-size: 1rem;
  }
  .portrait-caption strong {
    font-size: 1rem;
  }
}