/* Written by fixers/50_perf.py. Promotes each page's hero CSS background to a
   real <img> so the LCP element can be preloaded and prioritised, without changing
   what the hero looks like. */
.mhw-hero-bg{position:relative;background-image:none!important;}
.mhw-hero-bg>.mhw-hero-pic{position:absolute;top:0;right:0;bottom:0;left:0;display:block;
  z-index:0;pointer-events:none;overflow:hidden;}
.mhw-hero-bg>.mhw-hero-pic>.mhw-hero-img{display:block;width:100%;height:100%;
  object-fit:cover;object-position:center center;}
/* Elementor paints its gradient overlay in ::before; keep it above the image ... */
.mhw-hero-bg::before{z-index:1!important;}
/* ... and every real child above the overlay. */
.mhw-hero-bg>:not(.mhw-hero-pic){position:relative;z-index:2;}
/* <picture> must not introduce a box of its own around content images. */
picture.mhw-pic{display:contents;}