/* THE EAGLE — cinematic four-photo 2K Home carousel and Location dark-theme repair. */
/* Loaded after all legacy page styles to avoid modifying booking or global components. */
.page-view[data-page="home"] section.hero {
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  min-height:650px !important;
  max-height:900px !important;
  overflow:hidden !important;
  isolation:isolate;
}
.page-view[data-page="home"] .hero-split {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  overflow:hidden !important;
  z-index:0 !important;
  background:#1a2725;
}
.page-view[data-page="home"] .hero-split .hero-image {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  min-width:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:0 !important;
  transform:scale(1.11) !important;
  animation:none !important;
  transition:opacity 1.25s ease-in-out !important;
  pointer-events:none;
  backface-visibility:hidden;
  will-change:opacity,transform;
}
.page-view[data-page="home"] .hero-split .hero-image.is-active {
  opacity:1 !important;
  animation:eagle-hero-zoom-out 10s ease-out both !important;
}
@keyframes eagle-hero-zoom-out {
  from {transform:scale(1.12);}
  to {transform:scale(1);}
}
/* Keep the subject visible under the fixed text block without stretching images. */
.page-view[data-page="home"] .hero-split .hero-building-side {object-position:center 36% !important;}
.page-view[data-page="home"] .hero-split .hero-building-front {object-position:center 34% !important;}
.page-view[data-page="home"] .hero-split .hero-beach {object-position:center 48% !important;}
.page-view[data-page="home"] .hero-split .hero-balcony {object-position:center 57% !important;}
.page-view[data-page="home"] .hero .hero-shade {
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(13,22,20,.76) 0%,rgba(13,22,20,.52) 43%,rgba(13,22,20,.18) 100%) !important;
}
.page-view[data-page="home"] .hero .hero-content {z-index:2 !important;position:relative !important;}
@media(max-width:700px) {
 .page-view[data-page="home"] section.hero {
   aspect-ratio:4 / 5 !important;
   min-height:700px !important;
   max-height:none !important;
 }
 .page-view[data-page="home"] .hero-split .hero-image {object-position:center center !important;}
 .page-view[data-page="home"] .hero .hero-shade {
   background:linear-gradient(90deg,rgba(12,19,19,.74),rgba(12,19,19,.32)),linear-gradient(0deg,rgba(12,19,19,.45),transparent 80%) !important;
 }
}
@media (prefers-reduced-motion:reduce) {
 .page-view[data-page="home"] .hero-split .hero-image,
 .page-view[data-page="home"] .hero-split .hero-image.is-active {
  transition:none !important;
  animation:none !important;
  transform:scale(1) !important;
 }
}
/* Location: prior stylesheet forced light paper and even forced the header light. */
:root[data-theme="dark"] .page-view[data-page="location"] {
 --loc-paper:#232b27 !important;
 --loc-ink:#f3f0e7 !important;
 --loc-muted:#c9c9c2 !important;
 --loc-gold:#e1c266 !important;
 --loc-line:#59645a !important;
 background:#232b27 !important;
 color:#f3f0e7 !important;
 color-scheme:dark;
}
:root[data-theme="dark"] .page-view[data-page="location"] > .page-heading,
:root[data-theme="dark"] .page-view[data-page="location"] .location-reference-faq {
 background:#232b27 !important;
 color:#f3f0e7 !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] > .page-heading h1,
:root[data-theme="dark"] .page-view[data-page="location"] .location-reference-intro h2,
:root[data-theme="dark"] .page-view[data-page="location"] .location-reference-faq h2,
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-copy {
 color:#f3f0e7 !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] .location-page-subtitle,
:root[data-theme="dark"] .page-view[data-page="location"] > .page-heading .location-page-subtitle,
:root[data-theme="dark"] .page-view[data-page="location"] .location-reference-intro p,
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-reference-intro p {
 color:#d0d0c7 !important;
 opacity:1 !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] .location-reference-intro h2 em,
:root[data-theme="dark"] .page-view[data-page="location"] .location-reference-faq h2 em {
 color:#e1c266 !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-list,
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-list span,
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-list b,
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-list strong {
 color:#e5e3da !important;
 border-color:#59645a !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] #location .nearby-estimates {
 background:#303833 !important;
 border-color:#59645a !important;
 color:#e5e3da !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] .location-faq-list details {
 background:#303833 !important;
 border-color:#59645a !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] .location-faq-list summary {
 color:#f3f0e7 !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] .location-faq-list details > p {
 color:#d0d0c7 !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-map {
 border-color:#59645a !important;
 background:#27302b !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-map iframe {
 filter:brightness(.78) saturate(.86);
}
:root[data-theme="dark"] .page-view[data-page="location"] #location .map-open {
 background:#303833 !important;
 color:#f2d17c !important;
 border-color:#d4b45b !important;
}
:root[data-theme="dark"] .page-view[data-page="location"] #location .location-copy > .button.outline {
 background:#303833 !important;
 color:#f2d17c !important;
}
:root[data-theme="dark"] body:has(.page-view[data-page="location"]:not([hidden])) > header,
:root[data-theme="dark"] body:has(.page-view[data-page="location"]:not([hidden])) header {
 background:#353923 !important;
 color:#f5f2ea !important;
 border-bottom-color:#695b32 !important;
}
:root[data-theme="light"] .page-view[data-page="location"] {
 color-scheme:light;
}