/* Section 195 OFFLINE desktop-only composition. Mobile rules and rotation controller unchanged. */
@media (min-width:621px) {
  .mobile-hero-scenes {
    height:min(var(--desktop-photo-height,100%),max(100%,115vw));
    -webkit-mask-image:linear-gradient(#000 calc(100% - 64px),transparent);
    mask-image:linear-gradient(#000 calc(100% - 64px),transparent);
  }
  .mobile-hero-scenes::after {
    background:linear-gradient(90deg,rgba(3,29,36,.53),rgba(3,29,36,.32) 38%,rgba(3,29,36,.08) 70%,transparent);
  }
  .mobile-hero-slide img {filter:none;}
  .mobile-hero-slide[data-photo="setting-sun"] img {object-position:50% 50%;}
  .mobile-hero-slide[data-photo="sailboat"] img {object-position:54% 50%;}
  .mobile-hero-slide[data-photo="purple-marina"] img {object-position:50% 50%;filter:none;}
  .mobile-hero-slide[data-photo="daytime-pool"] img {object-position:44% 50%;}
  .site-header {
    position:absolute;
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    text-shadow:0 1px 5px rgba(3,29,36,.45);
  }
  .hero .hero-copy {text-shadow:0 1px 4px rgba(3,29,36,.35);}
  .hero .hero-facts :is(.fact-button,.fact-static) {
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  @media (max-width:1100px) {
    /* Keep the setting sun to the right of the existing facts on narrower desktops. */
    .mobile-hero-slide[data-photo="setting-sun"] img {object-position:0% 50%;}
  }
}