@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,500;1,600&display=swap");

/* Major-heading system inspired by The Widening Lens. */
.section-head::before,
.explore-head::before,
.oi-hero::before {
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(
    90deg,
    #ef6e6e 0 16.66%,
    #e89a3b 16.66% 33.32%,
    #7e3f8f 33.32% 49.98%,
    #179b8f 49.98% 66.64%,
    #643274 66.64% 83.3%,
    #c7237e 83.3% 100%
  );
}
.section-head::before {
  grid-column: 1 / -1;
  width: 112px;
  margin-bottom: 16px;
  border-radius: 999px;
}
main .hero h1,
main h1,
main h2,
main .hero-lens-section h2,
main .section-head h2,
main .experience-intro h2,
main .proof > h2,
main .about h2,
main .contact h2,
.oi-hero h1,
.story h2,
.section-intro h2,
.bridge h2,
.handbook h2,
.closing h2,
.explore-head h1 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  text-wrap: balance;
}
main .hero h1 em,
main .hero-lens-section h2 em,
main .section-head h2 em,
main .experience-intro h2 em,
.oi-hero h1 em,
.explore-head h1 em {
  font-style: italic;
  font-weight: 500;
}
.explore-head,
.oi-hero {
  position: relative;
}
.explore-head::before,
.oi-hero::before {
  position: absolute;
  inset: 0 0 auto;
}
@media (max-width: 560px) {
  .section-head::before {
    width: 84px;
  }
}