.hero-perspective-plane { position:absolute; inset:0; transform-origin:center; }
.hero-photo .hero-extension { display:none; }
.hero-photo .hero-original { width:100%; height:100%; object-fit:cover; object-position:center 52%; }
.hero-photo.hero-parallax-ready { overflow:visible; }
.hero-parallax-ready .hero-perspective-plane { will-change:transform; }
.hero-parallax-ready .hero-original,.hero-parallax-ready .hero-extension { position:absolute; max-width:none; display:block; }
.hero-parallax-ready .hero-original { z-index:1; }
.hero-parallax-ready .hero-extension { z-index:0; }
.hero-photo:not(.hero-parallax-ready) .hero-original { width:100%!important; height:100%!important; left:0!important; top:0!important; }
.hero-stage { overflow:hidden; }
.hero-parallax-ready .hero-original {
 -webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent),linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent);
 mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent),linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent);
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
}