/* ============================================================
   REVEAL ANIMATION (injected by JS via .reveal-on-scroll)
   ============================================================ */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Sticky header shadow */
#masthead.is-scrolled {
  box-shadow: 0 4px 30px rgba(0,0,0,0.6);
}