/* Option D from the blog (Sara picked it 2026-10-21), applied per section.
   Only sections marked by module.js animate, and only in browsers with
   scroll-driven animations; everyone else sees the page static. */
@keyframes ezRevealUp {
  from { opacity: 0; transform: translateY(60px); }
  to { opacity: 1; transform: none; }
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    html.ez-reveal [data-ez-reveal] {
      animation: ezRevealUp linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 40%;
    }
  }
}