/* ==========================================================================
   Animations
   ========================================================================== */

/* Hero name: letters blur in one by one ---------------------------------- */
.hero__title .ch {
  display: inline-block;
  opacity: 0;
  filter: blur(14px);
  transform: translateY(.3em) rotate(6deg);
  animation: chIn 1.2s var(--ease) forwards;
  animation-delay: calc(.2s + var(--i) * 60ms);
}
@keyframes chIn { to { opacity: 1; filter: blur(0); transform: none; } }

/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
  .hero__title .ch { animation: none; opacity: 1; filter: none; transform: none; }
}