/* Only JavaScript-observed content fades; layout and native scrolling stay intact. */
@media (prefers-reduced-motion: no-preference) {
  .scroll-fade {
    opacity: 0;
    transition: opacity 800ms cubic-bezier(0.22, 0.61, 0.36, 1) 200ms;
  }
  .scroll-fade.is-in-view,
  .scroll-fade:focus-within {
    opacity: 1;
  }
  .scroll-fade:focus-within {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce), print {
  .scroll-fade {
    opacity: 1 !important;
    transition: none !important;
  }
}