/* Match TypeMotion's heading reveals without moving their layout boxes. */
.cp-word-heading .cp-word{display:inline-block}
.cp-word-heading:not(.cp-word-hero) .cp-word{opacity:0;transform:translateY(.85em)}
.cp-word-heading.cp-word-visible .cp-word{opacity:1;transform:none;
  transition:opacity .5s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);
  transition-delay:calc(var(--word-index) * 55ms)}
.cp-word-hero .cp-word{animation:cp-hero-word .82s cubic-bezier(.2,.7,.3,1) both;
  animation-delay:calc(60ms + var(--word-index) * 75ms)}
.cp-word-hero.cp-word-settled .cp-word{animation:none;opacity:1;transform:none}
@keyframes cp-hero-word{
  from{opacity:0;transform:translateY(.9em) rotate(1.5deg)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .cp-word-heading .cp-word{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}