/* Animated title system */
.title-motion {
  opacity: 0;
  transform: translateY(24px) skewY(2deg);
  transform-origin: left bottom;
  transition: opacity .65s ease, transform .8s cubic-bezier(.16,1,.3,1), color .3s ease;
}

.title-motion.title-visible {
  opacity: 1;
  transform: translateY(0) skewY(0);
}

.title-motion:hover { color: var(--aqua); }

.split .word-inner {
  transition: transform .38s cubic-bezier(.2,.8,.2,1), color .3s ease, text-shadow .3s ease;
}

.split:hover .word-inner {
  transform: translateY(-.06em);
  text-shadow: 0 .12em .5em rgba(21,199,188,.12);
}

.split:hover .word:nth-child(even) .word-inner { transform: translateY(.035em); }

.quote-side h1.title-motion:hover,
.quote-main h2.title-motion:hover { color: var(--aqua); }

@media (prefers-reduced-motion: reduce) {
  .title-motion { opacity: 1; transform: none; transition: none; }
  .split .word-inner { transition: none; }
}