/* Only reviewed, newly renewed image modules receive these native classes.
   Existing desktop/mobile display rules and protected photographs stay intact. */
body.pei-native #main-content .et_pb_column.pei-hero-media-renewed {
  min-height:0!important;
  height:auto!important;
  aspect-ratio:4/3;
  align-self:center;
  padding:0!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat;
}

/* Renewed media keeps its native image in flow at every breakpoint. */
body.pei-native #main-content .et_pb_image.pei-media-renewed .et_pb_image_wrap {
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
}

@media(min-width:1280px) {
  body.pei-native #main-content .et_pb_column:has(> .et_pb_image.pei-media-renewed:only-child) {
    align-self:center!important;
  }
  body.pei-native #main-content .et_pb_image.pei-media-renewed {
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
  }
  body.pei-native #main-content .et_pb_image.pei-media-renewed > a,
  body.pei-native #main-content .et_pb_image.pei-media-renewed .et_pb_image_wrap {
    height:auto!important;
  }
  body.pei-native #main-content .et_pb_image.pei-media-renewed img {
    width:100%;
    height:auto!important;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }
}

/* Native heroes hide their media through 980px; let their copy use the row. */
@media(max-width:980px) {
  body.pei-native #main-content .et_pb_row:has(> .et_pb_column.pei-hero-media-renewed) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.pei-native #main-content .et_pb_row:has(> .et_pb_column.pei-hero-media-renewed) > .et_pb_column {
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
  }
}