/*
  Hiệu ứng hiện dần khi cuộn. Trạng thái ẩn CHỈ được gắn bằng JavaScript
  (class .reveal-init), nên tắt JS thì nội dung vẫn hiện đầy đủ.
*/
.reveal-init {
    opacity: 0;
    transform: translateY(18px);
    will-change: opacity, transform;
}

.reveal-init.is-revealed {
    opacity: 1;
    transform: none;
    transition: opacity .55s ease-out, transform .55s ease-out;
}

/* Các mục trong cùng một lưới hiện lệch nhau một nhịp cho đỡ khô. */
.reveal-init.is-revealed[data-reveal-delay="1"] { transition-delay: .08s; }
.reveal-init.is-revealed[data-reveal-delay="2"] { transition-delay: .16s; }
.reveal-init.is-revealed[data-reveal-delay="3"] { transition-delay: .24s; }

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