/* Scroll-triggered fade / blur / lift (Linear-style), driven by .pw-reveal--visible */

.pw-reveal {
  opacity: 0;
  filter: blur(6px);
  transform: translate3d(0, 16px, 0) scale(0.97);
  transition:
    opacity 800ms var(--ease-hover, cubic-bezier(0.16, 1, 0.3, 1)),
    filter 800ms var(--ease-hover, cubic-bezier(0.16, 1, 0.3, 1)),
    transform 800ms var(--ease-hover, cubic-bezier(0.16, 1, 0.3, 1));
  will-change: opacity, filter, transform;
}

.pw-reveal--visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.pw-reveal[data-reveal-delay="60"] {
  transition-delay: 60ms;
}

.pw-reveal[data-reveal-delay="120"] {
  transition-delay: 120ms;
}

.pw-reveal[data-reveal-delay="180"] {
  transition-delay: 180ms;
}

.pw-reveal[data-reveal-delay="200"] {
  transition-delay: 200ms;
}

.pw-reveal[data-reveal-delay="240"] {
  transition-delay: 240ms;
}

.pw-reveal[data-reveal-delay="260"] {
  transition-delay: 260ms;
}

.pw-reveal[data-reveal-delay="320"] {
  transition-delay: 320ms;
}

.pw-reveal[data-reveal-delay="400"] {
  transition-delay: 400ms;
}

.pw-reveal[data-reveal-delay="420"] {
  transition-delay: 420ms;
}

.pw-reveal[data-reveal-delay="480"] {
  transition-delay: 480ms;
}

.pw-reveal[data-reveal-delay="580"] {
  transition-delay: 580ms;
}

.pw-reveal[data-reveal-delay="600"] {
  transition-delay: 600ms;
}

@media (prefers-reduced-motion: reduce) {
  .pw-reveal {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
    will-change: auto;
  }
}