/* ============================================================
   SCROLL REVEAL — subtle fade-in for text, images and CTAs
   Applies only within <main>; section backgrounds are never faded,
   only their content (headings, paragraphs, images, buttons).

   TO REMOVE THIS FEATURE ENTIRELY:
   1. Delete this file and assets/js/reveal.js
   2. In index.html and case-study.html, delete the <link> to this
      file and the <script> tag for reveal.js (both are commented
      "Scroll reveal" so they're easy to find).
   Nothing else references this, and the hidden state only exists
   once JS adds html.reveal-on — so with JS off, everything just
   stays visible by default. No <noscript> fallback needed.
   ============================================================ */

html.reveal-on main h1,
html.reveal-on main h2,
html.reveal-on main h3,
html.reveal-on main h4,
html.reveal-on main p,
html.reveal-on main img,
html.reveal-on main .btn,
html.reveal-on main .strip__link{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .4s ease-out,transform .4s ease-out;
}
html.reveal-on main .is-in{
  opacity:1;
  transform:none;
}

@media (prefers-reduced-motion:reduce){
  html.reveal-on main h1,
  html.reveal-on main h2,
  html.reveal-on main h3,
  html.reveal-on main h4,
  html.reveal-on main p,
  html.reveal-on main img,
  html.reveal-on main .btn,
  html.reveal-on main .strip__link{
    opacity:1;transform:none;transition:none;
  }
}