/* Match the home navigation height and align the directory intro with Escaparate. */
body:has(> main > [data-home-design='soulem-v3']) > header.header {
  padding-block: 23px;
}
body:has(> main.heart-directory) {
  &
    main.heart-directory
    > .heart-band:first-child:has(> .heart-inner > .heart-kicker) {
    padding-top: clamp(64px, 8vw, 105px);
    & > .heart-inner > .heart-kicker {
      margin: 0 0 25px;
      font-size: 12px;
      line-height: 1.75;
    }
    & .heart-hero-grid {
      align-items: start;
    }
    & h1 {
      margin: 0 0 28px;
      font-size: clamp(56px, 7.5vw, 96px);
      line-height: 1.06;
      letter-spacing: -0.045em;
    }
    @media (max-width: 900px) {
      & h1 {
        font-size: clamp(48px, 10vw, 78px);
      }
    }
    @media (max-width: 700px) {
      padding-top: 34px;
    }
  }
}