/* V15 type parity uses the live homepage as the reference. Keep its layout,
   navigation, imagery and colors untouched; only adjust interior outliers. */
@media (min-width: 981px) {
  /* About / How We Work otherwise render at 31.36px beside 32px homepage titles. */
  body.la4-site.la38-interior #main .la45-editorial h2 {
    font-family: var(--la-brand-font) !important;
    font-size: var(--la-page-heading) !important;
    font-weight: 500 !important;
    line-height: var(--la-page-heading-line) !important;
    letter-spacing: -.035em !important;
  }
}

@media (max-width: 980px) {
  /* The shared service template had mixed 22px and 26px section headings.
     The visible mobile homepage uses 22px / 1.35 for this role. */
  body.la4-site.la38-interior #main .la44-detail h2 {
    font-family: var(--la-brand-font) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: -.025em !important;
  }

  /* Service directory hero was 30px; other interior and homepage heroes are 29px. */
  body.la4-site.la38-interior #la37-main .la65-directory-hero h1 {
    font-family: var(--la-brand-font) !important;
    font-size: 29px !important;
    font-weight: 500 !important;
    line-height: 1.23 !important;
    letter-spacing: -.035em !important;
  }
}

@media (min-width: 600px) and (max-width: 980px) {
  /* The homepage hero rises to 37px at tablet width. */
  body.la4-site.la38-interior #la37-main .la65-directory-hero h1 {
    font-size: 37px !important;
  }
}

@media (max-width: 350px) {
  /* Match the homepage's compact hero breakpoint. */
  body.la4-site.la38-interior #la37-main .la65-directory-hero h1 {
    font-size: 25px !important;
  }
}