@media (min-width: 1200px) {

  .js-anim [data-animation] {
    opacity: 0;
    transition:
      opacity   var(--anim-duration, .9s) var(--anim-ease, cubic-bezier(.22,.61,.36,1)),
      transform var(--anim-duration, .9s) var(--anim-ease, cubic-bezier(.22,.61,.36,1)),
      filter    var(--anim-duration, .9s) var(--anim-ease, cubic-bezier(.22,.61,.36,1));
    will-change: opacity, transform;
  }

  .js-anim [data-animation="fade"]             { }
  .js-anim [data-animation="fade-up"]          { transform: translateY(24px); }
  .js-anim [data-animation="fade-down"]        { transform: translateY(-24px); }
  .js-anim [data-animation="fade-right"]       { transform: translateX(-24px); }
  .js-anim [data-animation="fade-left"]        { transform: translateX(24px); }
  .js-anim [data-animation="zoom-in"]          { transform: scale(.85); }
  .js-anim [data-animation="blur-fade"]        { filter: blur(12px); }
  .js-anim [data-animation="blur-fade-bottom"] { transform: translateY(24px); filter: blur(12px); }
  .js-anim [data-animation="pop"]              { transform: scale(.5); --anim-ease: cubic-bezier(.34,1.56,.64,1); }

  .js-anim [data-animation="zoom-out"] {
    transform: scale(1.12);
    filter: blur(6px);
  }

  .js-anim [data-animation="clip-right"],
  .js-anim [data-animation="clip-left"] {
    opacity: 1;
    transition: clip-path var(--anim-duration, .85s) var(--anim-ease, cubic-bezier(.65,0,.35,1));
    will-change: clip-path;
  }
  .js-anim [data-animation="clip-right"] { clip-path: inset(0 100% 0 0); }
  .js-anim [data-animation="clip-left"]  { clip-path: inset(0 0 0 100%); }

  .js-anim [data-animation="clip-right"].is-in,
  .js-anim [data-animation="clip-left"].is-in { clip-path: inset(0 0 0 0); }

  .js-anim [data-animation].is-in {
    opacity: 1;
    transform: none;
    filter: none;
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .js-anim [data-animation] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}