@keyframes dm-rise {
  from {
    opacity: 0;
    translate: 0 18px;
  }
}

@keyframes dm-lift {
  from {
    opacity: .01;
    translate: 0 16px;
  }
}

@keyframes dm-fade {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .dm-ready .d2v6-glow {
    animation: dm-fade 1.2s cubic-bezier(.22, .61, .36, 1) backwards;
  }

  .dm-ready .d2v6-title,
  .dm-ready .d2v6-lead,
  .dm-ready .d2v6-side--left,
  .dm-ready .d2v6-deck,
  .dm-ready .d2v6-side--right {
    animation: dm-lift .9s cubic-bezier(.16, 1, .3, 1) backwards;
  }

  .dm-ready .d2v6-lead {
    animation-delay: .12s;
  }

  .dm-ready .d2v6-deck {
    animation-delay: .2s;
  }

  .dm-ready .d2v6-side--left {
    animation-delay: .3s;
  }

  .dm-ready .d2v6-side--right {
    animation-delay: .38s;
  }

  .dm-ready .d3v5-card,
  .dm-ready .d6v10-step,
  .dm-ready .d6v10 .section__title,
  .dm-ready .dm-rise {
    visibility: hidden;
  }

  .dm-ready .d6v10 .section__title.dm-split {
    visibility: visible;
  }

  .dm-ready .dm-rise {
    animation-name: dm-rise;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    animation-fill-mode: backwards;
  }

  .dm-ready [data-stagger] > .dm-split {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .dm-ready .dm-word {
    display: inline-block;
    animation-duration: .7s;
  }
}