/* Homepage Kinetic motion, selected from the local preview. */
html.kinetic-ready .reveal-item,
html.kinetic-ready .reveal-item.from-left,
html.kinetic-ready .reveal-item.from-right {
  opacity: 1;
  transform: none;
  transition: none;
}

html.kinetic-ready .kinetic-heading,
html.kinetic-ready .kinetic-card,
html.kinetic-ready .kinetic-media {
  will-change: transform, opacity;
}

html.kinetic-ready .kinetic-heading {
  opacity: 0;
  transform: translate3d(-92px, 12px, 0) skewX(-7deg);
  transition: opacity .7s ease, transform 1.05s cubic-bezier(.16,1,.3,1);
}
html.kinetic-ready .kinetic-heading.kinetic-heading-even {
  transform: translate3d(92px, 12px, 0) skewX(7deg);
}
html.kinetic-ready .kinetic-heading.kinetic-visible {
  opacity: 1;
  transform: translate3d(var(--kinetic-drift, 0px), 0, 0) skewX(0);
}
html.kinetic-ready .kinetic-heading.kinetic-settled {
  transition: transform .22s ease-out;
}

html.kinetic-ready .kinetic-card,
html.kinetic-ready .kinetic-media {
  opacity: 0;
  transform: translateY(50px) scale(.92);
  transition: opacity .72s ease, transform .95s cubic-bezier(.16,1,.3,1);
  transition-delay: var(--kinetic-delay, 0ms);
}
html.kinetic-ready .kinetic-card.kinetic-visible,
html.kinetic-ready .kinetic-media.kinetic-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html.kinetic-ready .kinetic-heading,
  html.kinetic-ready .kinetic-card,
  html.kinetic-ready .kinetic-media {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
