/* Home: slow dissolve, uninterrupted outgoing zoom and level house framing. */
.page-view[data-page="home"] .hero-split .eagle-slide-frame {
 opacity:0!important;
 z-index:0!important;
 transition:opacity 2.8s cubic-bezier(.45,0,.55,1)!important;
 will-change:opacity;
}
/* Keep an opaque photograph underneath the incoming fade to avoid a dark dip. */
.page-view[data-page="home"] .hero-split .eagle-slide-frame.is-exiting {
 opacity:1!important;
 z-index:1!important;
 transition:none!important;
}
.page-view[data-page="home"] .hero-split .eagle-slide-frame.is-active {
 opacity:1!important;
 z-index:2!important;
}
.page-view[data-page="home"] .hero-split .eagle-slide-frame:is(.is-active,.is-exiting) .hero-image {
 animation:eagle-steady-viewport-zoom 10s linear both!important;
 transform-origin:50% 50%!important;
}
/* A reversible counter-clockwise correction, scoped to the first house image.
   Overscan covers the corners exposed by the rotation, including at zoom end. */
.page-view[data-page="home"] .hero-split .eagle-slide-frame .hero-building-side {
 transform:rotate(-3.5deg) scale(1.13)!important;
}
@media(max-width:700px) {
 .page-view[data-page="home"] .hero-split .eagle-slide-frame .hero-building-side {
  transform:rotate(-3.5deg) scale(1.2)!important;
 }
}
/* Portrait: fill the screen height, cropping lateral surroundings around
   each house. Vertical adaptation is intentional for this owner-selected view. */
@media (orientation:portrait) and (max-width:1100px) {
 .page-view[data-page="home"] #home .hero-split .eagle-slide-frame .hero-building-side,
 .page-view[data-page="home"] #home .hero-split .eagle-slide-frame .hero-building-front {
  object-fit:fill!important;
  object-position:center center!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  height:100%!important;
  max-width:none!important;
  transform-origin:center center!important;
 }
 .page-view[data-page="home"] #home .hero-split .eagle-slide-frame .hero-building-side {
  width:130%!important;
  left:-32%!important;
  top:50%!important;
  height:auto!important;
  aspect-ratio:1672 / 941!important;
  object-fit:contain!important;
  transform:translateY(-50%) rotate(-4.5deg)!important;
 }
 .page-view[data-page="home"] #home .hero-split .eagle-slide-frame .hero-building-front {
  width:225%!important;
  left:-71.5%!important;
  top:4svh!important;
 }
 .page-view[data-page="home"] .hero-split .eagle-slide-frame:is(.is-active,.is-exiting) .hero-building-side,
 .page-view[data-page="home"] .hero-split .eagle-slide-frame:is(.is-active,.is-exiting) .hero-building-front {
  animation:eagle-house-portrait-zoom 10s linear both!important;
 }
}
@keyframes eagle-house-portrait-zoom {
 from {scale:1.24;}
 to {scale:1;}
}
@media (prefers-reduced-motion:reduce) {
 .page-view[data-page="home"] .hero-split .eagle-slide-frame {
  transition:none!important;
  will-change:auto;
 }
 .page-view[data-page="home"] .hero-split .eagle-slide-frame:is(.is-active,.is-exiting) .hero-image {
  animation:none!important;
  scale:1!important;
 }
}