/* Section/item bump: fade + rise as elements enter viewport */
@media (prefers-reduced-motion: no-preference) {
  html.js-reveal .reveal-on-scroll {
    opacity: 0;
    transform: translateY(24px);
    transition:
      opacity 700ms cubic-bezier(0.23, 1, 0.32, 1),
      transform 700ms cubic-bezier(0.23, 1, 0.32, 1);
    will-change: opacity, transform;
  }
  html.js-reveal .reveal-on-scroll.is-visible {
    opacity: 1;
    transform: none;
  }
}