/* === JM 4.2.8 hero photo fills full section height === */

/* Stretch both columns to the taller (copy) side */
body .jm-hero .wp-block-columns.jm-hero__grid.is-layout-flex,
body .jm-hero .wp-block-columns.jm-hero__grid,
.jm-hero .wp-block-columns.jm-hero__grid {
  align-items: stretch !important;
}

/* Photo column grows with the hero — no fixed short height */
.jm-hero .wp-block-column:last-child,
.jm-hero .jm-hero__photo {
  position: relative !important;
  height: auto !important;
  min-height: 100% !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

/* Image paints the full column */
.jm-hero .wp-block-column:last-child .wp-block-image,
.jm-hero .wp-block-column:last-child figure,
.jm-hero .jm-hero__photo .wp-block-image,
.jm-hero .jm-hero__photo figure {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.jm-hero .wp-block-column:last-child img,
.jm-hero .jm-hero__photo img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 18% !important;
}

/* Mobile: keep a solid photo block when stacked */
@media (max-width: 959px) {
  .jm-hero .wp-block-column:last-child,
  .jm-hero .jm-hero__photo {
    min-height: 22rem !important;
    height: 22rem !important;
  }
}