/* Autumn preview only: leave the summer homepage and its mobile video unchanged. */
/* Preserve photo proportions; crop to the existing promotion frame, never stretch. */
.osen-page .hero-card--gazebos img { object-fit: cover; object-position: center; }
.osen-page .hero {
  background-image: url("../images/osen-autumn-lakeside-cover-hq.webp?v=osen-cover-hq-4") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat;
}
@media (max-width: 700px) {
  .osen-page .hero { background-position: 63% center !important; }
}

/* Tablet: keep the booking badge in its own band above the promotion row. */
@media (min-width: 701px) and (max-width: 1200px) {
  .osen-page .hero-card { left: 32px; bottom: 26px; width: calc(50% - 40px); max-width: 430px; height: 242px; }
  .osen-page .hero-card div { font-size: 18px; }
  .osen-page .hero-sale { right: 32px; bottom: 26px; width: calc(50% - 40px); max-width: 390px; height: 242px; padding: 20px; }
  .osen-page .hero-sale strong { font-size: clamp(22px, 3.125vw, 24px); }
  .osen-page .hero-sale a { left: 20px; bottom: 20px; }
  .osen-page .hero-star { left: 120px; bottom: 302px; width: 160px; height: 147px; font-size: 18px; }
}