.reveal-item {
  opacity: 1;
  transition:
    opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 820ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 760ms ease;
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

.reveal-item:not(.is-revealed) {
  opacity: 0;
  transform: translate3d(0, var(--reveal-distance, 54px), 0) scale(var(--reveal-scale, 1));
  filter: blur(var(--reveal-blur, 9px));
  pointer-events: none;
}

.reveal-item.is-reveal-preparing {
  transition: none;
}

.reveal-title {
  --reveal-distance: 34px;
  --reveal-blur: 6px;
}

.reveal-media {
  --reveal-distance: 48px;
  --reveal-scale: 0.965;
  --reveal-blur: 8px;
}

.reveal-card {
  --reveal-distance: 60px;
  --reveal-scale: 0.975;
}

.reveal-row:not(.is-revealed) {
  transform: none;
  filter: none;
}

.reveal-item.is-revealed {
  opacity: 1;
  filter: blur(0);
  pointer-events: auto;
}

@media (max-width: 760px) {
  .reveal-item:not(.is-revealed) {
    --reveal-distance: 36px;
    --reveal-blur: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-item,
  .reveal-item:not(.is-revealed),
  .reveal-item.is-revealed {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    pointer-events: auto !important;
  }
}