/* Home slider: calm, news-style horizontal movement without flash/fade. */
.lion-reference-home .area--slider,
.lion-reference-home .area--sliderr {
  overflow: hidden !important;
  background: #3c2c1d !important;
}

.lion-reference-home .ref-slide {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-color: #3c2c1d !important;
  opacity: 1 !important;
  filter: none !important;
}

.lion-reference-home .ref-slide.slide-enter-right { animation: lionCalmSlideInRight .6s cubic-bezier(.22, .61, .36, 1) both !important; }
.lion-reference-home .ref-slide.slide-enter-left { animation: lionCalmSlideInLeft .6s cubic-bezier(.22, .61, .36, 1) both !important; }
.lion-reference-home .ref-slide.slide-leave-left { animation: lionCalmSlideOutLeft .6s cubic-bezier(.22, .61, .36, 1) both !important; }
.lion-reference-home .ref-slide.slide-leave-right { animation: lionCalmSlideOutRight .6s cubic-bezier(.22, .61, .36, 1) both !important; }

@keyframes lionCalmSlideInRight { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } }
@keyframes lionCalmSlideInLeft { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(0, 0, 0); } }
@keyframes lionCalmSlideOutLeft { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-24%, 0, 0); } }
@keyframes lionCalmSlideOutRight { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(24%, 0, 0); } }

@media (prefers-reduced-motion: reduce) {
  .lion-reference-home .ref-slide.slide-enter-right,
  .lion-reference-home .ref-slide.slide-enter-left,
  .lion-reference-home .ref-slide.slide-leave-left,
  .lion-reference-home .ref-slide.slide-leave-right {
    animation: none !important;
    transform: none !important;
  }
}