/* DDJ scroll reveal — 控えめなフェード。JSなしでは何もしない */

.ddj-js .ddj-reveal {
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
  transition-delay: var(--ddj-delay, 0ms);
}

.ddj-js .ddj-reveal:not(.ddj-in) {
  opacity: 0 !important;
  transform: translateY(16px) !important;
}

.ddj-js .ddj-reveal.ddj-in {
  opacity: 1 !important;
  transform: none !important;
}

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