/* motion.css: Animations and scroll reveals */

/* ==== Entrance motion (respects reduced motion; content visible without JavaScript) ==== */
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: none;
  }

}

.hero__copy>* {
  animation: rise .8s ease both;
}

.hero__copy>*:nth-child(2) {
  animation-delay: .08s;
}

.hero__copy>*:nth-child(3) {
  animation-delay: .16s;
}

.hero__copy>*:nth-child(4) {
  animation-delay: .24s;
}

.js [data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease,transform .7s ease;
}

.js [data-reveal].is-visible {
  opacity: 1;
  transform: none;
}