/* Page CTA background image effects */
.met-cta-bg {
  overflow: hidden;
}
.met-cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
.met-cta-bg--ken-burns img {
  animation: met-cta-ken-burns 18s ease-out infinite alternate;
}
.met-cta-bg--zoom-in img {
  animation: met-cta-zoom-in 16s ease-out infinite alternate;
}
.met-cta-bg--zoom-out img {
  animation: met-cta-zoom-out 16s ease-out infinite alternate;
}
.met-cta-bg--pan-left img {
  animation: met-cta-pan-left 14s ease-in-out infinite alternate;
}
.met-cta-bg--pan-right img {
  animation: met-cta-pan-right 14s ease-in-out infinite alternate;
}
.met-cta-bg--blur-in img {
  animation: met-cta-blur-in 1.6s ease-out forwards;
}
@keyframes met-cta-ken-burns {
  from { transform: scale(1.05) translate(0, 0); }
  to   { transform: scale(1.14) translate(-1.5%, -1%); }
}
@keyframes met-cta-zoom-in {
  from { transform: scale(1.02); }
  to   { transform: scale(1.12); }
}
@keyframes met-cta-zoom-out {
  from { transform: scale(1.14); }
  to   { transform: scale(1.04); }
}
@keyframes met-cta-pan-left {
  from { transform: scale(1.1) translateX(2%); }
  to   { transform: scale(1.1) translateX(-2%); }
}
@keyframes met-cta-pan-right {
  from { transform: scale(1.1) translateX(-2%); }
  to   { transform: scale(1.1) translateX(2%); }
}
@keyframes met-cta-blur-in {
  from { filter: blur(8px); transform: scale(1.06); }
  to   { filter: blur(0); transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .met-cta-bg--ken-burns img,
  .met-cta-bg--zoom-in img,
  .met-cta-bg--zoom-out img,
  .met-cta-bg--pan-left img,
  .met-cta-bg--pan-right img,
  .met-cta-bg--blur-in img {
    animation: none !important;
  }
}