/*
 * PHONYX HOME HERO AUTO FIT v1.0.2
 * DESKTOP ONLY.
 *
 * The hero keeps the NATURAL aspect ratio of its artwork.
 * Therefore a wider monitor also gets a proportionally taller hero,
 * instead of keeping the same short height and cropping the top/bottom.
 * Mobile is untouched.
 */
@media (min-width:768px){
  .phx-hhaf-hero{
    position:relative!important;
    overflow:hidden!important;
    background-image:none!important;
    min-height:0!important;
    max-height:none!important;
  }

  .phx-hhaf-hero::before,
  .phx-hhaf-hero::after,
  .phx-hhaf-source,
  .phx-hhaf-source::before,
  .phx-hhaf-source::after{
    background-image:none!important;
  }

  .phx-hhaf-art{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
  }

  /* Existing page content must remain above the artwork layer. */
  .phx-hhaf-hero > *:not(.phx-hhaf-art){
    position:relative;
    z-index:1;
  }
}