/* Quiet section reveals; content stays readable for reduced-motion users and without JS. */
@media (prefers-reduced-motion: no-preference) {
  html.motion-ready main > section[data-motion-reveal="pending"] {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 460ms cubic-bezier(.2, .7, .2, 1), transform 460ms cubic-bezier(.2, .7, .2, 1);
  }

  html.motion-ready main > section[data-motion-reveal="visible"] {
    opacity: 1;
    transform: translateY(0);
  }
}