/**
 * scroll-rise.css — 뷰포트 진입 시 아래에서 살짝 올라오며 페이드인
 * [data-scroll-rise] + JS(scroll-entrance-reveal.js)
 */

@keyframes scroll-rise-in {
  from {
    opacity: 0;
    transform: translate3d(0, 1.25rem, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

[data-scroll-rise]:not(.is-scroll-rise-revealed) {
  opacity: 0;
  transform: translate3d(0, 1.25rem, 0);
}

[data-scroll-rise].is-scroll-rise-revealed {
  animation: scroll-rise-in 0.55s var(--ease-smooth-in-out, cubic-bezier(0.33, 0.72, 0.29, 1)) both;
  animation-delay: var(--scroll-rise-delay, 0s);
}

@media (prefers-reduced-motion: reduce) {
  [data-scroll-rise] {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}