/* careers.html banner measures 377px @1440 and 349px @390; this floors the
   sustainability banner to the same proportion so the two headers read alike */
body[data-page="sustainability"] .vpg-hero{min-height:clamp(300px,22vw,380px)}
/* hold the lede to a single-to-double line so the banner can never balloon */
body[data-page="sustainability"] .vpg-hero>.wrap>p{max-width:58ch}
/* keep the photo filling the frame at every aspect ratio */
body[data-page="sustainability"] .vpg-hero .vpg-bg{background-size:cover;background-position:center center;background-repeat:no-repeat}
@media(max-width:560px){
  body[data-page="sustainability"] .vpg-hero{min-height:clamp(300px,78vw,352px)}
}