/* Progressive scroll reveals for public marketing content.
   Content stays visible without JavaScript and when reduced motion is enabled. */

html.reveal-ready [data-reveal],
html.reveal-ready [data-reveal-group] > [data-reveal-item] {
  --reveal-x: 0px;
  --reveal-y: 30px;
  --reveal-scale: 1;
  opacity: 0;
  transform: translate3d(var(--reveal-x), var(--reveal-y), 0) scale(var(--reveal-scale));
  transition:
    opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 680ms cubic-bezier(0.22, 1, 0.36, 1);
}

html.reveal-ready [data-reveal="left"] {
  --reveal-x: -42px;
  --reveal-y: 0px;
}

html.reveal-ready [data-reveal="right"] {
  --reveal-x: 42px;
  --reveal-y: 0px;
}

html.reveal-ready [data-reveal="scale"] {
  --reveal-y: 18px;
  --reveal-scale: 0.965;
}

html.reveal-ready [data-reveal].is-revealed,
html.reveal-ready [data-reveal-group].is-revealed > [data-reveal-item] {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

html.reveal-ready [data-reveal-group].is-revealed > [data-reveal-item]:nth-child(2) {
  transition-delay: 70ms;
}

html.reveal-ready [data-reveal-group].is-revealed > [data-reveal-item]:nth-child(3) {
  transition-delay: 140ms;
}

html.reveal-ready [data-reveal-group].is-revealed > [data-reveal-item]:nth-child(4) {
  transition-delay: 210ms;
}

html.reveal-ready [data-reveal-group].is-revealed > [data-reveal-item]:nth-child(5) {
  transition-delay: 280ms;
}

html.reveal-ready [data-reveal-group].is-revealed > [data-reveal-item]:nth-child(n + 6) {
  transition-delay: 350ms;
}

html.reveal-ready [data-reveal-group="alternating"] > [data-reveal-item] {
  --reveal-x: -34px;
  --reveal-y: 0px;
}

html.reveal-ready [data-reveal-group="alternating"] > [data-reveal-item]:nth-child(even) {
  --reveal-x: 34px;
}

@media (max-width: 768px) {
  html.reveal-ready [data-reveal="left"],
  html.reveal-ready [data-reveal="right"],
  html.reveal-ready [data-reveal-group="alternating"] > [data-reveal-item],
  html.reveal-ready [data-reveal-group="alternating"] > [data-reveal-item]:nth-child(even) {
    --reveal-x: 0px;
    --reveal-y: 24px;
  }

  html.reveal-ready [data-reveal],
  html.reveal-ready [data-reveal-group] > [data-reveal-item] {
    transition-duration: 520ms, 580ms;
  }
}

@media (max-width: 680px) {
  .commercial-flow__arrow {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.reveal-ready [data-reveal],
  html.reveal-ready [data-reveal-group] > [data-reveal-item] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}