/* ============================================================
   Singdia — Scroll-reveal (home page only)
   Blocks fade + slide up as they enter the viewport. The .reveal class is added
   by the reveal hook in site.jsx; .reveal-in is added when the block intersects.
   No-JS / crawlers never get .reveal, so they see all content immediately.
   ============================================================ */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.reveal-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}