/* ROY DIAMOND - Luxe motion v1.1
   Motion-only add-on. Layout, colours, fonts and content are not changed.
   Keeps only a softer hero settle and soft page-to-page fade.
   The former top scroll-progress line and extra button glint were removed
   to avoid visual overlap with the site's existing button shine effects.
   Reduced-motion users get no new motion. */

:root {
  --rd-luxe-ease: cubic-bezier(.22, .61, .36, 1);
}

/* Softer hero settle: subtle movement only, once on page load. */
@keyframes rd-luxe-hero-settle {
  from { scale: 1.025; }
  to   { scale: 1; }
}

.hero-video-wrap .hero-video {
  animation: rd-luxe-hero-settle 2200ms var(--rd-luxe-ease) both;
}

/* Extra-soft settle on phones / small screens. */
@media (max-width: 768px) {
  @keyframes rd-luxe-hero-settle-mobile {
    from { scale: 1.015; }
    to   { scale: 1; }
  }

  .hero-video-wrap .hero-video {
    animation-name: rd-luxe-hero-settle-mobile;
    animation-duration: 2000ms;
  }
}

/* Soft fade between pages (supported browsers only; others ignore it). */
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 320ms;
    animation-timing-function: ease-in-out;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-video-wrap .hero-video {
    animation: none !important;
  }
}