/* =========================================================
   IOD PARC — shared scroll FX
   Smooth (inertia) scrolling + reveal-on-view.
   Behaviour lives in scroll-fx.js; this file is the styling
   contract it relies on. Safe to include on any page.
   ========================================================= */

/* The JS wraps the page's non-fixed content in #scroll-content
   and (when motion is allowed) drives it with a transform. */
#scroll-content { position: relative; z-index: 1; }
body.smooth #scroll-content {
  position: fixed;
  top: 0; left: 0; right: 0;
  will-change: transform;
}

/* Reveal-on-view: items start hidden, ease up into place. */
.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .85s cubic-bezier(0.16, 1, 0.3, 1),
              transform .85s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  body.smooth #scroll-content { position: relative !important; transform: none !important; }
}