/* About-page image treatment and the shared headline/subheadline/body hierarchy. */
.about-hero-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.about-hero-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-hero-copy .display-title {
  max-width: 960px;
  margin: 0;
  font-size: var(--type-headline);
  line-height: .96;
}

.about-subtitle {
  max-width: 900px;
  margin: 18px 0 22px;
  font-family: var(--display);
  font-size: var(--type-subheadline);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.05;
}

.about-subtitle em {
  color: var(--gold-light);
  font-style: normal;
}

@media (max-width: 700px) {
  .about-hero-copy {
    padding-block: 82px 50px;
  }

  .about-subtitle {
    margin-block: 15px 18px;
  }
}