/* Scroll-reveal: subtle fade + rise. Safe default = visible (no JS). */
[data-reveal] { opacity: 1; transform: none; }
html:not(.no-js) [data-reveal] { opacity: 0; transform: translateY(18px);
  transition: opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform; }
html:not(.no-js) [data-reveal].is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html:not(.no-js) [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
}