/* Company heroes retain the established navy, type and grid system. */
.company-about-hero .ph-bg img{object-position:64% center}
.company-quality-hero .ph-bg img{object-position:center}
@media (min-width:1024px){
  .company-about-hero .ph-bg,.company-quality-hero .ph-bg{width:46%}
  .company-about-hero .ph-copy,.company-quality-hero .ph-copy{max-width:58%}
  .company-about-hero .ph-bg::after,.company-quality-hero .ph-bg::after{background:linear-gradient(to right,var(--ink-900) 0%,rgb(10 37 64/.5) 22%,rgb(10 37 64/.08) 65%)}
}
@media (max-width:1023px){
  .company-about-hero,.company-quality-hero{display:flex;flex-direction:column;padding-bottom:32px}
  .company-about-hero .wrap,.company-quality-hero .wrap{order:0}
  .company-about-hero .ph-bg,.company-quality-hero .ph-bg{order:1;position:relative;inset:auto;width:calc(100% - 2.5rem);height:clamp(220px,54vw,380px);margin:32px auto 0;border-radius:10px;overflow:hidden}
  .company-about-hero .ph-bg::after,.company-quality-hero .ph-bg::after{background:linear-gradient(to bottom,rgb(10 37 64/.04),rgb(10 37 64/.12))}
  .company-about-hero .ph-bg img,.company-quality-hero .ph-bg img{object-position:center}
}
@media (min-width:768px) and (max-width:1023px){
  .company-about-hero .ph-bg,.company-quality-hero .ph-bg{width:calc(100% - 5rem)}
}