/* RBR P1-L10C | homepage fallbacks only | 2026-10-31
   Authoritative CMS backgroundImage set on the element stays in control.
   No layout, crop, overlay, or CMS draft/publish behavior is changed. */
body.home-premium .hero.hero-home[data-cms-bg] {
  --hero-image: url('/assets/uploads/hero.rbrl8_dbc49afe59ee_1600.webp') !important;
  --hero-image-mobile: url('/assets/uploads/hero.rbrl8_dbc49afe59ee_960.webp') !important;
}
/* On very wide monitors retain the original high-resolution fallback. */
@media (min-width: 2100px) {
  body.home-premium .hero.hero-home[data-cms-bg] {
    --hero-image: url('/assets/uploads/hero.jpg') !important;
  }
}
/* Only baseline fallbacks come from these vars. CMS inline background-image
   overrides these rules after the published image arrives. */
body.home-premium .panorama .panorama-photo[data-cms-image],
body.home-premium .sea-panel .sea-image[data-cms-image] {
  background-image: var(--rbr-l10-desktop-bg);
}
@media (max-width: 800px) {
  body.home-premium .panorama .panorama-photo[data-cms-image],
  body.home-premium .sea-panel .sea-image[data-cms-image] {
    background-image: var(--rbr-l10-mobile-bg, var(--rbr-l10-desktop-bg));
  }
}