/* ========================================
   MOTION SYSTEM
   Initial States
======================================== */

/* Title */
[data-animate="title"],
.motion-title {
  opacity: 0;
}

/* Text */
[data-animate="text"],
.motion-text {
  opacity: 0;
}

/* Block */
[data-animate="block"],
.motion-block {
  opacity: 0;
}

/* Media */
[data-animate="media"],
.motion-media {
  opacity: 0;
}

/* ========================================
   REDUCED MOTION
======================================== */

@media (prefers-reduced-motion: reduce) {

  [data-animate="title"],
  [data-animate="text"],
  [data-animate="block"],
  [data-animate="media"],
  .motion-title,
  .motion-text,
  .motion-block,
  .motion-media {
    opacity: 1 !important;
    transform: none !important;
  }

}