/* THE EAGLE — full-frame cinematic slideshow (25 Oct 2026)
 * All four existing 3840px WebP images remain unaltered.
 * Only ONE stretched foreground photo is rendered in each slide; no duplicate background.
 * Slide interval remains 10s including the first image; zoom-out is 10s. */
.page-view[data-page="home"] > section.hero,
.page-view[data-page="home"] section.hero {
  width:100% !important;
  max-width:100% !important;
  height:clamp(740px, calc(96svh - 82px), 950px) !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.page-view[data-page="home"] .hero-split {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#233b42 !important;
}
.page-view[data-page="home"] .hero-split .eagle-slide-frame {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  opacity:0 !important;
  z-index:0 !important;
  transition:opacity 1.35s ease !important;
  isolation:isolate;
  pointer-events:none;
}
.page-view[data-page="home"] .hero-split .eagle-slide-frame.is-active {
  opacity:1 !important;
  z-index:1 !important;
}
/* The second painted copy of the photo is deliberately disabled. */
.page-view[data-page="home"] .hero-split .eagle-slide-frame::before,
.page-view[data-page="home"] .hero-split .eagle-slide-frame::after {
  content:none !important;
  display:none !important;
  background:none !important;
}
.page-view[data-page="home"] .hero-split .eagle-slide-frame .hero-image {
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  max-width:none !important;
  object-fit:fill !important;
  object-position:center center !important;
  opacity:1 !important;
  z-index:2 !important;
  animation:none !important;
  transform:scale(1) !important;
  transform-origin:center center !important;
  transition:none !important;
  filter:none !important;
}
.page-view[data-page="home"] .hero-split .eagle-slide-frame.is-active .hero-image {
  animation:eagle-cinematic-zoom-out 10s cubic-bezier(.22,.61,.36,1) both !important;
}
@keyframes eagle-cinematic-zoom-out {
  0% { scale:1.24; }
  100% { scale:1; }
}
/* Overlay and interface stay above the imagery; image only is reformatted. */
.page-view[data-page="home"] .hero .hero-shade {
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(9,22,23,.77) 0%,rgba(9,22,23,.46) 42%,rgba(9,22,23,.06) 94%) !important;
}
.page-view[data-page="home"] .hero .hero-content {
  position:relative !important;
  z-index:2 !important;
}
@media(max-width:700px) {
  .page-view[data-page="home"] > section.hero,
  .page-view[data-page="home"] section.hero {
    height:clamp(700px, calc(100svh - 76px), 850px) !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }
  .page-view[data-page="home"] .hero-split .eagle-slide-frame .hero-image {
    object-position:50% 50% !important;
  }
  .page-view[data-page="home"] .hero .hero-shade {
    background:linear-gradient(180deg,rgba(9,22,23,.53),rgba(9,22,23,.43) 48%,rgba(9,22,23,.20) 85%) !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .page-view[data-page="home"] .hero-split .eagle-slide-frame,
  .page-view[data-page="home"] .hero-split .eagle-slide-frame .hero-image,
  .page-view[data-page="home"] .hero-split .eagle-slide-frame.is-active .hero-image {
    animation:none !important;
    transform:none !important;
    scale:1 !important;
    transition:none !important;
  }
}