/**
 * Pretty Patty-inspired text-motion experiment.
 * Strictly scoped to the duplicated Coffee test page.
 */

body[data-text-animation="pretty-patty"] [data-animation="text-reveal"],
body[data-text-animation="pretty-patty"] .coffee-song__title,
body[data-text-animation="pretty-patty"] .coffee-follow__title,
body[data-text-animation="pretty-patty"] .site-footer__heading,
body[data-text-animation="pretty-patty"] .site-footer__copyright {
  opacity: 0;
  visibility: hidden;
}

body[data-text-animation="pretty-patty"] [data-pretty-patty-text="true"] {
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

body[data-text-animation="pretty-patty"] [data-pretty-patty-text="true"][data-pretty-patty-ready="true"] {
  visibility: visible;
}

body[data-text-animation="pretty-patty"] [data-pretty-patty-text="true"][data-pretty-patty-state="revealed"] {
  transform: none;
  opacity: 1;
  visibility: visible;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  body[data-text-animation="pretty-patty"] [data-animation="text-reveal"],
  body[data-text-animation="pretty-patty"] .coffee-song__title,
  body[data-text-animation="pretty-patty"] .coffee-follow__title,
  body[data-text-animation="pretty-patty"] .site-footer__heading,
  body[data-text-animation="pretty-patty"] .site-footer__copyright,
  body[data-text-animation="pretty-patty"] [data-pretty-patty-text="true"] {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    will-change: auto;
  }
}