/* V152: About hero matches the left-copy/right-photo geometry of the Careers feature */
body main .on[data-p="about"] > section.about-hero,
body main .on[data-p="about"] > section.about-hero > .w.about-hero-shell {
  margin:0!important;padding:0!important;max-width:none!important;width:100%!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;
}
body main .on[data-p="about"] > section.about-hero > .w.about-hero-shell {
  display:grid!important;grid-template-columns:46% minmax(0,54%)!important;
  min-height:clamp(500px,32vw,625px)!important;
  align-items:stretch!important;
}
body main .on[data-p="about"] .about-hero-copy {
  min-width:0!important;max-width:none!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  padding:clamp(34px,4.1vw,78px) clamp(28px,3.6vw,74px)!important;
  background:#fff!important;
}
body main .on[data-p="about"] .about-hero-copy h1 {
  max-width:15ch!important;
  margin:0 0 clamp(20px,2.2vw,36px)!important;
  color:#102b57!important;
  font-family:var(--helprite-font-heading,inherit)!important;
  font-size:clamp(30px,3vw,57px)!important;
  font-weight:700!important;line-height:1.14!important;letter-spacing:-.025em!important;
}
body main .on[data-p="about"] .about-hero-copy p:not(.lab) {
  max-width:68ch!important;
  font-family:var(--helprite-font-body,inherit)!important;
  color:#142b53!important;font-size:clamp(17px,1.28vw,21px)!important;
  line-height:1.55!important;margin:0 0 18px!important;
}
body main .on[data-p="about"] .about-hero-copy p:last-child {margin-bottom:0!important}
body main .on[data-p="about"] .about-hero-media {
  position:relative!important;overflow:hidden!important;min-width:0!important;min-height:100%!important;
  background:#d7e0e8!important;border:0!important;border-radius:0!important;
}
body main .on[data-p="about"] .about-hero-media::before,
body main .on[data-p="about"] .about-hero-media::after {content:none!important;display:none!important}
body main .on[data-p="about"] .about-hero-image {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  background-image:url('../img/about-hero-interior.jpg')!important;
  background-position:center center!important;background-size:cover!important;
  background-repeat:no-repeat!important;border-radius:0!important;
}
@media(max-width:840px){
 body main .on[data-p="about"] > section.about-hero > .w.about-hero-shell {grid-template-columns:1fr!important;min-height:0!important}
 body main .on[data-p="about"] .about-hero-copy {padding:44px 6vw 40px!important}
 body main .on[data-p="about"] .about-hero-media {min-height:clamp(250px,58vw,410px)!important}
}