/* Don2 photo rolling: right-to-left slide transition. */
.hero-media,
.hero-photo-frame { overflow: hidden; }
.hero-roll-layer {
  position: absolute;
  z-index: 3;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: inherit;
  transform: translateX(100%);
  will-change: transform;
}
.hero-roll-layer.is-sliding {
  transform: translateX(0);
  transition: transform 320ms cubic-bezier(.22, .61, .36, 1);
}
@media (max-width: 680px) {
  .hero-photo-frame .hero-roll-layer { background-position: inherit; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-roll-layer { transition: none !important; }
}