/* A passing studio reflection, clipped to each photograph rather than its card. */
.media-light-containing-block { position: relative; }
.media-light-surface {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  visibility: hidden;
  contain: paint;
  --media-light-strength: .42;
}
.media-light-surface::before,
.media-light-surface::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
}
.media-light-surface::before {
  top: -55%;
  left: -48%;
  width: 42%;
  height: 210%;
  background: linear-gradient(90deg, transparent 4%, #a3dcff08 27%, #e8f6ff20 41%, #ffffff80 49%, #e5dcff28 54%, #b9c8ff0a 69%, transparent 90%);
  transform: translate3d(-100%, 0, 0) rotate(-22deg);
  opacity: 0;
  animation: media-light-pass var(--media-light-cycle, 10.8s) var(--media-light-delay, 1.3s) linear infinite;
  animation-play-state: paused;
}
.media-light-surface::after {
  inset: 0;
  background: linear-gradient(135deg, #deecff12, transparent 29%, #ffffff26 45%, #c4dfff14 49%, transparent 62%);
  opacity: 0;
  transition: opacity .65s ease;
}
.media-light-surface.is-media-active { visibility: visible; }
.media-light-surface.is-media-active::before { animation-play-state: running; }
.media-light-surface.is-media-active.is-media-hovered::after { opacity: .56; }
.mission-poster > .media-light-surface { --media-light-strength: .2; }
@keyframes media-light-pass {
  0%, 3% { transform: translate3d(-100%, 0, 0) rotate(-22deg); opacity: 0; }
  5% { opacity: var(--media-light-strength); }
  13% { opacity: var(--media-light-strength); }
  16%, 100% { transform: translate3d(490%, 0, 0) rotate(-22deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .media-light-surface { display: none; }
  .media-light-surface::before,
  .media-light-surface::after { animation: none; transition: none; }
}