/* Real image elements allow responsive loading and native offscreen deferral. */
.home-page .hero,
.home-page .gather-image,
.home-page .explore-image,
.home-page .booking-section { background-image: none; }
.home-page .gather-image,
.home-page .explore-image { position: relative; isolation: isolate; overflow: hidden; }
.home-hero-photo,
.home-section-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: -2; }
.home-hero-photo { object-position: 50% 52%; }
.home-page .booking-section > .home-section-photo { object-position: 50% 47%; }
.home-page .stay-card::before { background: none; }
.home-page .stay-card > .home-section-photo { transition: transform .7s; }
.home-page .stay-card:hover > .home-section-photo { transform: scale(1.025); }
@media (prefers-reduced-motion: reduce) {
  .home-page .stay-card > .home-section-photo { transition: none; }
}

.home-page .barn-photo-caption { position:absolute; bottom:0; left:0; right:0; padding:48px clamp(20px,3vw,40px) 24px; background:linear-gradient(transparent,rgba(0,0,0,.65)); color:#fff; font-size:clamp(.875rem,1.15vw,1rem); line-height:1.5; letter-spacing:.015em; text-align:left; pointer-events:none; }