/* Approved independent hero layers: landscape moves; foreground objects stay fixed. */
.hero__art--layered{position:absolute!important;inset:0!important;display:block!important;overflow:hidden!important;background:none!important}
.hero__art--layered>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.hero__art--layered .hero__landscape{z-index:1;object-position:50% 35%!important}
.hero__art--layered .hero__foreground{
  z-index:2;
  object-position:50% 60%!important;
  -webkit-mask-image:
    linear-gradient(to top,#000 0 19%,transparent 20%),
    radial-gradient(ellipse 7.4% 40% at 25.5% 62%,#000 0 95%,transparent 100%),
    radial-gradient(ellipse 7% 40% at 74.5% 62%,#000 0 95%,transparent 100%),
    linear-gradient(to left,#000 0 10%,transparent 11%),
    linear-gradient(to right,#000 0 10%,transparent 11%);
  mask-image:
    linear-gradient(to top,#000 0 19%,transparent 20%),
    radial-gradient(ellipse 7.4% 40% at 25.5% 62%,#000 0 95%,transparent 100%),
    radial-gradient(ellipse 7% 40% at 74.5% 62%,#000 0 95%,transparent 100%),
    linear-gradient(to left,#000 0 10%,transparent 11%),
    linear-gradient(to right,#000 0 10%,transparent 11%);
}
@media(max-width:620px){
  .hero__art--layered .hero__landscape{object-position:50% 44%!important}
  .hero__art--layered .hero__foreground{object-position:50% 60%!important}
}