[data-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity var(--dur-slow) var(--ease-out),
    transform var(--dur-slow) var(--ease-out);
  will-change: opacity, transform;
}

[data-reveal][data-revealed='true'] {
  opacity: 1;
  transform: none;
  will-change: auto;
}

[data-reveal-group] > * { transition-delay: calc(var(--i, 0) * 60ms); }

.reveal-line {
  display: block;
  overflow: hidden;
}
.reveal-line > span {
  display: block;
  transform: translateY(100%);
  transition: transform var(--dur-slow) var(--ease-out);
}
[data-revealed='true'] .reveal-line > span { transform: none; }

.cmp__pane { transition: opacity var(--dur) var(--ease); }
.cmp__layer--after { transition: clip-path var(--dur-fast) linear; }
.cmp[data-dragging='true'] .cmp__layer--after { transition: none; }

.chapter__title { transition: color var(--dur) var(--ease); }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }

  [data-reveal],
  [data-reveal][data-revealed='true'] {
    opacity: 1 !important;
    transform: none !important;
  }

  .reveal-line > span { transform: none !important; }

  
  .cmp__slider { position: relative; }
}