/* Information sections use useful navigation instead of a repeated service illustration. */
.page_hero.page_hero--directory {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
  padding-block: clamp(32px, 4vw, 56px);
}
.page_hero--directory h1 { max-width: 22ch; text-wrap: balance; }
.page_hero--directory .page_hero_lead { max-width: 58ch; }
.page_hero_directory { min-width: 0; padding: 26px 28px; border-radius: var(--radius-lg); background: var(--primary-soft); }
.page_hero_directory_label { margin: 0 0 8px; color: var(--secondary); font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .09em; text-transform: uppercase; }
.page_hero_directory a { display: grid; grid-template-columns: 24px minmax(0, 1fr) 20px; align-items: center; gap: 12px; min-height: 74px; padding-block: 18px; color: var(--black); text-decoration: none; }
.page_hero_directory a + a { border-top: 1px solid var(--border-strong); }
.page_hero_directory a > small { align-self: start; padding-top: 3px; color: var(--primary-dark); font-size: 11px; font-weight: 600; }
.page_hero_directory a > span { display: grid; gap: 7px; }
.page_hero_directory strong { font-size: 18px; font-weight: 600; line-height: 1.3; }
.page_hero_directory em { color: var(--secondary); font-size: 12px; line-height: 1.55; font-style: normal; }
.page_hero_directory b { color: var(--primary-dark); font-size: 22px; font-weight: 400; }
.page_hero_directory a:hover strong { color: var(--primary-dark); text-decoration: underline; text-underline-offset: 4px; }
.page_hero_directory a:focus-visible { outline: 3px solid var(--primary-dark); outline-offset: 5px; border-radius: var(--radius-focus); }
@media (max-width: 900px) {
  .page_hero.page_hero--directory { grid-template-columns: 1fr; gap: 26px; }
  .page_hero--directory h1 { max-width: 28ch; }
  .page_hero_directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; padding: 20px 24px; }
  .page_hero_directory_label { grid-column: 1 / -1; }
  .page_hero_directory a + a { border-top: 0; }
}
@media (max-width: 540px) {
  .page_hero.page_hero--directory { padding-block: 24px 30px; gap: 22px; }
  .page_hero_directory { display: block; padding: 18px 20px; border-radius: var(--radius-panel-sm); }
  .page_hero_directory a + a { border-top: 1px solid var(--border-strong); }
  .page_hero_directory a { padding-block: 16px; min-height: 68px; }
  .page_hero_directory strong { font-size: 16px; }
}