/* ظهور تدريجي عند التمرير — يُستخدم مع js/lazy-reveal.js */
.lazy-reveal {
  opacity: 0;
  transform: translate3d(0, 1.75rem, 0);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.lazy-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

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