/* Optional layer: the stable stylesheet is unchanged. */
html.scroll-effects-active .chapter-title,
html.scroll-effects-active .chapter-photo {
  animation: none;
}

html.scroll-effects-active .scroll-reveal {
  opacity: 0;
  translate: 0 var(--reveal-shift, 14px);
  transition: none;
}

html.scroll-effects-active .chapter-photo.scroll-reveal {
  --reveal-delay: 75ms;
}

html.scroll-effects-active blockquote.scroll-reveal,
html.scroll-effects-active .closing-quote.scroll-reveal {
  --reveal-shift: 9px;
  --reveal-duration: 700ms;
}

html.scroll-effects-active .scroll-reveal.is-revealed {
  opacity: 1;
  translate: 0 0;
  transition: opacity var(--reveal-duration, 650ms) ease-out var(--reveal-delay, 0ms),
              translate var(--reveal-duration, 650ms) cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0ms);
}

html.scroll-effects-active .scroll-reveal:focus-within {
  opacity: 1;
  translate: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  html.scroll-effects-active .scroll-reveal {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
}

@media print {
  html.scroll-effects-active .scroll-reveal {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
}