.hero-image.hero-framing{overflow:hidden;isolation:isolate}
.hero-framing>picture{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.hero-framing>picture>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:54% 49%;transform-origin:54% 52%;animation:lumeraFraming 5.5s cubic-bezier(.18,.65,.3,1) both;will-change:transform}
@keyframes lumeraFraming{
  from{transform:translate3d(-2%,1%,0) scale(1.06)}
  to{transform:translate3d(2%,-1.5%,0) scale(1.24)}
}
@media(max-width:900px) and (orientation:portrait){
  .hero-framing>picture>img{object-position:84% 48%;transform-origin:50% 50%;animation-name:lumeraFramingMobile}
  @keyframes lumeraFramingMobile{
    from{transform:translate3d(0,0,0) scale(1)}
    to{transform:translate3d(-1%,-1%,0) scale(1.14)}
  }
}
@media(prefers-reduced-motion:reduce){.hero-framing>picture>img{animation:none!important;transform:none!important;will-change:auto}}
.reduced-motion .hero-framing>picture>img{animation:none!important;transform:none!important;will-change:auto}
.menu-open .hero-framing>picture>img,.dialog-open .hero-framing>picture>img{animation-play-state:paused}
.apartment-hero{background-size:auto 800px}