/*
 * Editorial motion is progressively enhanced: nothing is concealed until the
 * initializer has successfully attached an observer. Text and controls remain
 * in the accessibility tree and become visible on reveal, focus, or anchor jump.
 */
.el-page main > section .el-section-label::after {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  margin-top: 13px;
  background: linear-gradient(90deg, #9be8d6, rgba(155, 232, 214, 0));
  transform-origin: left center;
}

.el-page.el-motion-ready [data-el-reveal]:not(.el-motion-shown) {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 620ms cubic-bezier(.2, .65, .25, 1),
    transform 620ms cubic-bezier(.2, .65, .25, 1);
  transition-delay: calc(var(--el-reveal-order, 0) * 64ms);
  will-change: opacity, transform;
}

.el-page.el-motion-ready [data-el-reveal].el-motion-shown {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 620ms cubic-bezier(.2, .65, .25, 1),
    transform 620ms cubic-bezier(.2, .65, .25, 1);
  transition-delay: calc(var(--el-reveal-order, 0) * 64ms);
}

.el-page.el-motion-ready [data-el-reveal]:focus-within {
  opacity: 1;
  transform: none;
  transition: none;
}

.el-reasons,
.el-how,
.el-network {
  overflow: hidden;
  overflow: clip;
}

.el-reasons::before,
.el-how::before,
.el-network::before {
  transform: translate3d(0, var(--el-image-shift, 0px), 0) scale(1.045);
  transform-origin: center;
  will-change: transform;
  transition: transform 180ms ease-out;
}

@media (max-width: 767px) {
  .el-page.el-motion-ready [data-el-reveal]:not(.el-motion-shown) {
    transform: translateY(9px);
    transition-duration: 420ms;
    transition-delay: calc(var(--el-reveal-order, 0) * 28ms);
  }

  .el-page.el-motion-ready [data-el-reveal].el-motion-shown {
    transition-duration: 420ms;
    transition-delay: calc(var(--el-reveal-order, 0) * 28ms);
  }

  .el-reasons::before,
  .el-how::before,
  .el-network::before {
    transform: translate3d(0, var(--el-image-shift, 0px), 0) scale(1.025);
  }
}

@media print, (prefers-reduced-motion: reduce) {
  .el-page main > section .el-section-label::after,
  .el-page.el-motion-ready [data-el-reveal],
  .el-reasons::before,
  .el-how::before,
  .el-network::before {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
    will-change: auto;
  }
}