/* The still image remains the baseline and the reduced-motion presentation. */
.encounter-art-frame { position: relative; isolation: isolate; }
.encounter-art-frame video[data-talent-film] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}
.encounter-art-frame.is-film-visible video[data-talent-film] { opacity: 1; }

@media (prefers-reduced-motion: no-preference) {
  .encounter-cta { transition: background .2s ease, box-shadow .2s ease; }
  .encounter-cta svg { transition: transform .22s cubic-bezier(.18,.72,.25,1); }
  .encounter-cta:is(:hover, :focus-visible) svg { transform: translateX(4px); }
  .encounter-letter span { transition: transform .22s cubic-bezier(.18,.72,.25,1); }
  .encounter-letter:is(:hover, :focus-visible) span { transform: translateY(3px); }
}
@media (prefers-reduced-motion: reduce) {
  .encounter-art-frame video[data-talent-film],
  .encounter-art-frame.is-film-visible video[data-talent-film] { opacity: 0; transition: none; }
}