/*
  Shared scroll-reveal base state for the About / Contact / Footer sections.
  Each section keeps its own `transition` (responses differ) and its own
  `.in-view` rules with stagger delays — only the identical hidden state is
  centralized here.

  Reduced motion needs no override: `--motion-shift` collapses to 0 in
  css/base/motion.css, which turns every reveal into a cross-fade in place.
  The opacity half is deliberately kept — it's a comprehension cue, not
  vestibular motion, and "reduce" asks for a gentler equivalent rather than
  nothing at all.
*/

.about-header,
.about-summary,
.about-facts,
.contact-header,
.contact-form,
.contact-panel,
.footer-top,
.footer-bottom {
  opacity: 0;
  transform: translateY(var(--motion-shift));
}