.kns-scroll-pending {
  opacity: 0;
  translate: var(--kns-reveal-x, 0) var(--kns-reveal-y, 16px);
  filter: none;
}
.kns-scroll-in {
  animation: kns-scroll-enter 450ms cubic-bezier(.22, .65, .3, 1) both;
  animation-delay: var(--kns-reveal-delay, 0ms);
}
.kns-layout-animate.kns-scroll-in {
  animation-duration: 550ms;
}
.banner .banner-inner .banner-left .spin {
  animation-duration: 4000ms;
}
.kns-title-animate {
  position: relative;
  isolation: isolate;
}
.kns-title-animate.kns-scroll-in {
  animation-name: kns-title-enter;
  animation-duration: 650ms;
  animation-timing-function: cubic-bezier(.22, .65, .3, 1);
}
.kns-title-animate span.kns-title-word {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: inherit;
  font: inherit;
  vertical-align: baseline;
}
.kns-title-animate.kns-scroll-in .kns-title-word {
  animation: kns-title-word 400ms cubic-bezier(.22, .65, .3, 1) both;
  animation-delay: calc(var(--kns-reveal-delay, 0ms) + var(--kns-word-delay, 0ms));
}
@keyframes kns-scroll-enter {
  from {
    opacity: 0;
    translate: var(--kns-reveal-x, 0) var(--kns-reveal-y, 16px);
    filter: none;
  }
  to { opacity: 1; translate: none; filter: blur(0); }
}
@keyframes kns-title-enter {
  0% {
    opacity: 0;
    translate: 0 12px;
  }
  75% {
    opacity: 1;
    translate: none;
  }
  100% {
    opacity: 1;
    translate: none;
    filter: blur(0);
  }
}
@keyframes kns-title-word {
  0% { opacity: 0; transform: translateY(.25em); filter: blur(0); }
  65% { opacity: 1; filter: blur(0); }
  100% { opacity: 1; transform: none; filter: blur(0); }
}
@media (max-width: 575px) {
  .kns-scroll-in { animation-duration: 350ms; }
  .kns-layout-animate.kns-scroll-in { animation-duration: 450ms; }
  .kns-title-animate.kns-scroll-in { animation-duration: 650ms; }
}
@media (prefers-reduced-motion: reduce) {
  .banner .banner-inner .banner-left .spin { animation: none; }
  .kns-scroll-pending, .kns-scroll-in { opacity: 1; translate: none; filter: none; animation: none; }
  .kns-title-animate.kns-scroll-in .kns-title-word { animation: none; }
}
@media print {
  .banner .banner-inner .banner-left .spin { animation: none; }
  .kns-scroll-pending, .kns-scroll-in { opacity: 1; translate: none; filter: none; animation: none; }
  .kns-title-animate.kns-scroll-in .kns-title-word { animation: none; }
}
