/* ===== Scroll Reveal ===== */
.lc-reveal{
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  /* blur nặng -> giảm để mượt hơn (hoặc bỏ hẳn) */
  filter: blur(3px);

  transition:
    opacity .55s cubic-bezier(.2,.8,.2,1),
    transform .65s cubic-bezier(.2,.8,.2,1),
    filter .65s cubic-bezier(.2,.8,.2,1);

  transition-delay: 0ms; /* quan trọng: không delay khi hide */
  will-change: opacity, transform;
}

/* Khi vào viewport */
.lc-reveal.is-inview{
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);

  /* ✅ delay chỉ áp dụng lúc show */
  transition-delay: calc(var(--d, 0) * 1ms);
}

/* Nếu bạn muốn không blur cho mượt tuyệt đối: bật dòng dưới và xoá filter ở trên */
/* .lc-reveal{ filter:none; } .lc-reveal.is-inview{ filter:none; } */

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