/**
 * Homepage review carousel polish.
 * Keeps every excerpt readable while alternating California and Alabama.
 */

body.home .ethos-home-reviews__top {
  align-items: center;
  justify-content: center;
}

body.home .ethos-home-reviews__top h2 {
  margin-inline: auto;
  text-align: center;
}

body.home .ethos-home-review {
  transform: translate3d(48px, 0, 0);
  transition:
    opacity 420ms ease,
    transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.home [data-home-reviews][data-home-review-direction="forward"] .ethos-home-review {
  transform: translate3d(48px, 0, 0);
}

body.home [data-home-reviews][data-home-review-direction="forward"] .ethos-home-review.is-active {
  animation: ethos-home-review-enter-forward 620ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  transform: translate3d(0, 0, 0);
}

body.home [data-home-reviews][data-home-review-direction="backward"] .ethos-home-review {
  transform: translate3d(-48px, 0, 0);
}

body.home [data-home-reviews][data-home-review-direction="backward"] .ethos-home-review.is-active {
  animation: ethos-home-review-enter-backward 620ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  transform: translate3d(0, 0, 0);
}

body.home .ethos-home-reviews__controls {
  grid-template-columns: 44px minmax(120px, 1fr) 44px;
  max-width: 720px;
}

@keyframes ethos-home-review-enter-forward {
  from {
    opacity: 0;
    transform: translate3d(-48px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ethos-home-review-enter-backward {
  from {
    opacity: 0;
    transform: translate3d(48px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 820px) {
  body.home .ethos-home-reviews__controls {
    grid-template-columns: 42px minmax(72px, 1fr) 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home .ethos-home-review,
  body.home [data-home-reviews] .ethos-home-review.is-active {
    animation: none;
    transform: none;
    transition: opacity 160ms ease;
  }
}