/* Scoped first-house treatment. All OTHER slides inherit their unchanged,
   pre-crop settings from hero-viewport-stable.css:
   full viewport / object-fit:fill / centered zoom 1.24x to 1x / 10 seconds. */
.page-view[data-page="home"] .hero-split .eagle-slide-frame picture.eagle-first-picture {
 display:contents;
}
/* First photo only: keep real proportions and make the complete roof/facade visible. */
.page-view[data-page="home"] .hero-split .eagle-slide-frame .hero-building-side {
 object-fit:cover !important;
 object-position:50% 35% !important;
 transform-origin:center center !important;
}
.page-view[data-page="home"] .hero-split .eagle-slide-frame.is-active .hero-building-side {
 animation:eagle-first-house-center-zoom 10s linear both !important;
}
@keyframes eagle-first-house-center-zoom {
 from {scale:1.24;}
 to {scale:1;}
}
@media(max-width:700px) {
 .page-view[data-page="home"] .hero-split .eagle-slide-frame .hero-building-side {
  object-position:50% 31% !important;
  transform-origin:center center !important;
 }
 .page-view[data-page="home"] .hero-split .eagle-slide-frame.is-active .hero-building-side {
  animation:eagle-first-house-mobile-center-zoom 10s linear both !important;
 }
 @keyframes eagle-first-house-mobile-center-zoom {
  from {scale:1.24;}
  to {scale:1;}
 }
}
@media(prefers-reduced-motion:reduce) {
 .page-view[data-page="home"] .hero-split .eagle-slide-frame.is-active .hero-building-side {
  animation:none !important;
  scale:1 !important;
 }
}