/* ==========================================================================
   AURA BY SARA — Motion
   Content is never hidden from users without JavaScript or with reduced motion.
   ========================================================================== */
.js [data-reveal]:not([data-reveal='mask']) { opacity: 0; transform: translateY(26px); transition: opacity 1.1s var(--ease), transform 1.2s var(--ease); transition-delay: calc(var(--i, 0) * 90ms); }
.js [data-reveal].is-in { opacity: 1; transform: none; }
.js [data-reveal='mask'] { clip-path: inset(10% 0 10% 0); transition: clip-path 1.5s var(--ease); }
.js [data-reveal='mask'] > img, .js [data-reveal='mask'] > video { transform: scale(1.15); transition: transform 1.9s var(--ease); }
.js [data-reveal='mask'].is-in { clip-path: inset(0); }
.js [data-reveal='mask'].is-in > img, .js [data-reveal='mask'].is-in > video { transform: none; }
.cursor { display: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .js [data-reveal], .js [data-reveal='mask'] { opacity: 1 !important; transform: none !important; clip-path: none !important; }
  .js [data-reveal='mask'] > img, .js [data-reveal='mask'] > video { transform: none !important; }
}