/* scroll-reveal.css
   A calm, sentence-paced "arrival" for content as a reader scrolls to it —
   the same quiet reveal language used across ChaplainUSA's design
   reference pages. Elements marked [data-reveal] start very slightly
   lowered and transparent; scroll-reveal.js adds the .in class once, the
   first time each one reaches the reading area, and never again. Nothing
   here ever hides content permanently — see the script's own safety net. */

[data-reveal]{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .35s cubic-bezier(.22,.61,.36,1),
             transform .35s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}
[data-reveal].in{
  opacity:1;
  transform:none;
}

@media(prefers-reduced-motion:reduce){
  [data-reveal]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}