/**
 * ZK Weddings — motion layer styles
 * Only applies while html.zk-motion is present (set by motion.js).
 * Remove motion.js injection to disable; this file alone does nothing harmful.
 */

html.zk-motion.zk-motion-pending .hero-a__content > *,
html.zk-motion.zk-motion-pending .hero-b__copy > *,
html.zk-motion.zk-motion-pending .page-intro > *,
html.zk-motion.zk-motion-pending .story-hero > *,
html.zk-motion.zk-motion-pending .wedding-nav {
  opacity: 0;
}

html.zk-motion .zk-reveal {
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  html.zk-motion.zk-motion-pending .hero-a__content > *,
  html.zk-motion.zk-motion-pending .hero-b__copy > *,
  html.zk-motion.zk-motion-pending .page-intro > *,
  html.zk-motion.zk-motion-pending .story-hero > *,
  html.zk-motion.zk-motion-pending .wedding-nav {
    opacity: 1;
  }
}