/* =========================================================
   ★ 움직이는 효과만 모아둔 파일
   효과를 끄고 싶으면 아래 .fade-up 부분을 수정하면 됩니다.
   ========================================================= */

.fade-up {
  opacity: 0;
  transform: translateY(var(--motion-distance));
  transition:
    opacity var(--motion-duration) ease,
    transform var(--motion-duration) ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

.fade-in {
  opacity: 0;
  transition: opacity var(--motion-duration) ease;
}

.fade-in.show {
  opacity: 1;
}

@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
}

.scroll-mark {
  animation: floating 1.8s ease-in-out infinite;
}

/* 애니메이션을 모두 끄려면 아래 주석을 해제하세요.
.fade-up,
.fade-in {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
*/