/* ============================================================
   06 · COMPONENTS · Reveal
   Scroll-triggered reveal: low-opacity + translate until in-view.
   Progressive enhancement — only hides once JS is ready, so the
   Bricks builder (where the IntersectionObserver doesn't fire
   inside the editor canvas) still shows everything.
   ============================================================ */

body.bricks-is-frontend .c-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

body.bricks-is-frontend .c-reveal.is-in {
  opacity: 1;
  transform: none;
}