/* Shared PODAM reveal language: quiet, repeatable and layout-safe. */
.podam-motion-ready .podam-reveal {
  --podam-reveal-x: 0px;
  --podam-reveal-y: 24px;
  --podam-reveal-scale: 1;
  opacity: 0;
  filter: blur(5px);
  transform: translate3d(var(--podam-reveal-x), var(--podam-reveal-y), 0) scale(var(--podam-reveal-scale));
  transition:
    opacity .72s cubic-bezier(.22, 1, .36, 1),
    filter .72s cubic-bezier(.22, 1, .36, 1),
    transform .78s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--podam-reveal-delay, 0ms);
  will-change: opacity, filter, transform;
}

.podam-motion-ready .podam-reveal--headline {
  --podam-reveal-y: 36px;
  transition:
    opacity .7s cubic-bezier(.22, 1, .36, 1),
    filter .7s cubic-bezier(.22, 1, .36, 1),
    transform .82s cubic-bezier(.16, 1, .3, 1);
  transition-delay: var(--podam-reveal-delay, 0ms);
}

.podam-motion-ready .podam-reveal--card {
  --podam-reveal-y: 30px;
  --podam-reveal-scale: .982;
  filter: none;
}

.podam-motion-ready .podam-reveal--from-left {
  --podam-reveal-x: -38px;
  --podam-reveal-y: 0px;
}

.podam-motion-ready .podam-reveal--from-right {
  --podam-reveal-x: 38px;
  --podam-reveal-y: 0px;
}

.podam-motion-ready .podam-reveal--zoom {
  --podam-reveal-y: 12px;
  --podam-reveal-scale: .955;
}

.podam-motion-ready .podam-reveal--fade {
  --podam-reveal-y: 0px;
  filter: blur(7px);
}

.podam-motion-ready .podam-reveal.is-podam-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.podam-motion-ready .podam-reveal--card.is-podam-visible {
  filter: none;
}

.podam-motion-ready .podam-reveal.is-podam-settled {
  will-change: auto;
}

@media (max-width: 700px) {
  .podam-motion-ready .podam-reveal {
    --podam-reveal-y: 18px;
    filter: none;
    transition-duration: .62s;
    will-change: opacity, transform;
  }

  .podam-motion-ready .podam-reveal--headline {
    --podam-reveal-y: 26px;
  }

  .podam-motion-ready .podam-reveal--from-left {
    --podam-reveal-x: -23px;
    --podam-reveal-y: 0px;
  }

  .podam-motion-ready .podam-reveal--from-right {
    --podam-reveal-x: 23px;
    --podam-reveal-y: 0px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .podam-motion-ready .podam-reveal,
  .podam-motion-ready .podam-reveal--headline,
  .podam-motion-ready .podam-reveal--card {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}

/* Cards can contain badges and labels positioned outside their border box.
   Never establish a filter clipping context on those elements. */
.podam-motion-ready .podam-reveal--card,
.podam-motion-ready .podam-reveal--card.is-podam-visible {
  filter: none;
}

/* The night caption is intrinsically centered with translateX(-50%). Keep
   that centering transform while the shared reveal adds vertical motion. */
.podam-motion-ready .function-chapter--mute .chapter-overlay-copy.podam-reveal {
  transform: translate3d(-50%, var(--podam-reveal-y), 0) scale(var(--podam-reveal-scale));
}

.podam-motion-ready .function-chapter--mute .chapter-overlay-copy.podam-reveal.is-podam-visible {
  transform: translate3d(-50%, 0, 0) scale(1);
}
