/* Heaven & Earth Trails: motion only.
   Colours, fonts, spacing, backgrounds, cards and buttons are all set in Kadence:
   Appearance > Customize (global palette, typography, buttons) and each block's own settings.
   This file only adds movement Kadence has no setting for. */

/* Scrolling text strip: add the class "het-motion-marquee" to a Row Layout (Advanced > Additional CSS class). */
.het-motion-marquee { overflow: hidden; }
.het-motion-marquee .wp-block-kadence-advancedheading {
  display: inline-block; white-space: nowrap; padding-left: 2rem;
  animation: het-marquee 40s linear infinite;
}
.het-motion-marquee:hover .wp-block-kadence-advancedheading { animation-play-state: paused; }
@keyframes het-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Fade-up on scroll (classes added by het-motion.js). */
.het-js .het-reveal { opacity: 0; transform: translate3d(0, 30px, 0); transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform 1s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--het-delay, 0s); }
.het-js .het-reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .het-motion-marquee .wp-block-kadence-advancedheading { animation: none; }
  .het-js .het-reveal { opacity: 1; transform: none; transition: none; }
}