/**
 * KLCC split-text line reveal (Elementor headings)
 */

.split-text .elementor-heading-title,
.elementor-heading-title.split-text,
.klcc-up__plr-split.split-text {
  --plr-duration: 2000ms;
  --plr-stagger: 300ms;
  --plr-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.split-text .elementor-heading-title .plr-line-mask,
.elementor-heading-title.split-text .plr-line-mask,
.klcc-up__plr-split.split-text .plr-line-mask {
  display: block;
  overflow: hidden;
  line-height: inherit;
}

.split-text .elementor-heading-title .plr-line,
.elementor-heading-title.split-text .plr-line,
.klcc-up__plr-split.split-text .plr-line {
  display: block;
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  filter: blur(14px);
  will-change: clip-path, opacity, filter;
}

.split-text .elementor-heading-title.plr-inview .plr-line,
.elementor-heading-title.split-text.plr-inview .plr-line,
.klcc-up__plr-split.split-text.plr-inview .plr-line {
  animation:
    plrRevealIn var(--plr-duration) var(--plr-ease) forwards,
    plrBlurOut 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay:
    calc(var(--line-index) * var(--plr-stagger)),
    calc(var(--line-index) * var(--plr-stagger));
}

@keyframes plrRevealIn {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes plrBlurOut {
  0% {
    filter: blur(14px);
  }

  100% {
    filter: blur(0);
  }
}

.split-text .elementor-heading-title .plr-line .elementor-icon,
.elementor-heading-title.split-text .plr-line .elementor-icon,
.klcc-up__plr-split.split-text .plr-line .elementor-icon,
.split-text .elementor-heading-title .plr-line i,
.elementor-heading-title.split-text .plr-line i,
.klcc-up__plr-split.split-text .plr-line i,
.split-text .elementor-heading-title .plr-line [class*="fa"],
.elementor-heading-title.split-text .plr-line [class*="fa"],
.klcc-up__plr-split.split-text .plr-line [class*="fa"],
.split-text .elementor-heading-title .plr-line svg,
.elementor-heading-title.split-text .plr-line svg,
.klcc-up__plr-split.split-text .plr-line svg,
.split-text .elementor-heading-title .plr-line svg *,
.elementor-heading-title.split-text .plr-line svg *,
.klcc-up__plr-split.split-text .plr-line svg * {
  color: inherit;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.split-text .elementor-heading-title .plr-line a,
.elementor-heading-title.split-text .plr-line a,
.klcc-up__plr-split.split-text .plr-line a {
  color: inherit;
  text-decoration-color: currentColor;
  pointer-events: auto;
}

.split-text .elementor-heading-title .plr-line a:hover,
.elementor-heading-title.split-text .plr-line a:hover,
.klcc-up__plr-split.split-text .plr-line a:hover {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .split-text .elementor-heading-title .plr-line,
  .elementor-heading-title.split-text .plr-line,
  .klcc-up__plr-split.split-text .plr-line {
    clip-path: inset(0 0 0 0) !important;
    opacity: 1 !important;
    filter: none !important;
    animation: none !important;
  }
}