/* V154 — align About hero copy with header and give heading more room. */
@media (min-width: 901px) {
  body main .on[data-p="about"] > section.about-hero > .w.about-hero-shell {
    grid-template-columns:minmax(0,59%) minmax(0,41%)!important;
  }
  body main .on[data-p="about"] .about-hero-copy {
    padding-left:max(28px,calc((100vw - min(100vw,var(--helprite-content-width,1600px)))/2 + 76px))!important;
    padding-right:clamp(30px,3.1vw,60px)!important;
  }
  body main .on[data-p="about"] .about-hero h1 {
    max-width:18ch!important;
    font-size:clamp(3rem,4.1vw,4.75rem)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  body main .on[data-p="about"] .about-hero-copy p:not(.lab) {
    max-width:61ch!important;
  }
}
@media (min-width:901px) and (max-width:1180px) {
  body main .on[data-p="about"] > section.about-hero > .w.about-hero-shell {
    grid-template-columns:minmax(0,61%) minmax(0,39%)!important;
  }
  body main .on[data-p="about"] .about-hero-copy {padding-left:clamp(35px,6vw,75px)!important;}
  body main .on[data-p="about"] .about-hero h1 {font-size:clamp(2.9rem,4.5vw,3.8rem)!important;}
}