/* TOUR SCOPE V8.1.8 — Homepage hero final presentation polish only.
   Scope is intentionally narrow: hero image settle motion, overlay balance and
   removal of decorative orbit rings. No CMS, data, SEO, pricing, MySQL,
   Cloudinary, routing, baseline markup or media-activation behavior changes. */

/* Faster, subtler premium settle: the image becomes visually stable quickly
   without the previous 8% / 16s Ken-Burns drift that made the overlay appear
   to change density while the photograph moved beneath it. */
.hero-media {
  animation: tsHeroSettleV818 6.5s cubic-bezier(.16,.72,.18,1) both !important;
  transform-origin: center center;
  will-change: transform;
}

@keyframes tsHeroSettleV818 {
  from { transform: scale(1.024); }
  to   { transform: scale(1); }
}

/* Preserve strong headline readability on the left, while replacing the
   heavy lower band with a smoother and lighter falloff so the approved Red
   Sea water remains visible behind the interface. */
.hero::before {
  background:
    linear-gradient(90deg,
      rgba(3,23,34,.78) 0%,
      rgba(3,23,34,.47) 41%,
      rgba(3,23,34,.12) 77%,
      rgba(3,23,34,.035) 100%),
    linear-gradient(180deg,
      rgba(3,23,34,0) 54%,
      rgba(3,23,34,.07) 70%,
      rgba(3,23,34,.34) 100%) !important;
}

/* The real boat photography now supplies the visual focal point; the orbit
   rings add unnecessary competition over the boat and are removed globally. */
.scope-orbit { display: none !important; }

/* On touch-sized layouts composition stability and rendering efficiency are
   more valuable than background drift. Preserve the already-approved mobile
   contrast recipe and disable image zoom entirely. */
@media (max-width: 720px) {
  .hero-media {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }

  .hero::before {
    background:
      linear-gradient(90deg,#031722c7,#03172229),
      linear-gradient(#0000 42%,#031722cc) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-media {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}
