/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  A child theme of Hello Elementor
 Author:       엠엘
 Author URI:   https://example.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* 커스텀 CSS는 여기 아래부터 작성하세요 */

/* ===== Slides 제목: 글자 하나씩 애니메이션 ===== */
.kk-text-animated {
  display: inline-block;
  white-space: pre-wrap;
  overflow: hidden;
}

/* 제목의 개별 글자(span) */
.kk-char {
  opacity: 0;
  display: inline-block;
  transform: translateY(24px);
  filter: blur(4px);
  animation: kkTitleChars 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  will-change: transform, opacity, filter;
}

/* 제목 애니메이션 키프레임 (chars) */
@keyframes kkTitleChars {
  0% {
    opacity: 0;
    transform: translateY(24px);
    filter: blur(4px);
  }
  60% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* ===== Slides 설명: 블록 전체가 아래→위로 올라오는 효과 ===== */
.kk-desc-animated {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(4px);
  animation: kkDescUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  will-change: transform, opacity, filter;
}

/* 설명 애니메이션 키프레임 (block) */
@keyframes kkDescUp {
  0% {
    opacity: 0;
    transform: translateY(24px);
    filter: blur(4px);
  }
  60% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}