/* Scroll Animations - Initial States */
/* 애니메이션 대상 요소들의 초기 상태 설정 */

/* Reduced Motion 지원 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* 애니메이션 대상 요소 초기 상태 */
.scroll-animate {
    opacity: 0;
    transform: translateY(30px);
    will-change: opacity, transform;
}

/* 모바일에서는 애니메이션 강도 감소 */
@media screen and (max-width: 768px) {
    .scroll-animate {
        transform: translateY(20px);
    }
}

/* Reduced Motion일 때는 즉시 표시 */
@media (prefers-reduced-motion: reduce) {
    .scroll-animate {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Section1 Hero 특별 처리 - JavaScript에서 제어하므로 CSS 초기 상태 제거 */
/* .section1 .section1-content,
.section1 .section1-info {
    opacity: 0;
    transform: translateY(40px);
} */

@media (prefers-reduced-motion: reduce) {
    .section1 .section1-content,
    .section1 .section1-info {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 이미지 초기 상태 */
.scroll-animate-image {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
    .scroll-animate-image {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* 버튼 초기 상태 */
.scroll-animate-button {
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
    .scroll-animate-button {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 리스트 아이템 초기 상태 */
.scroll-animate-list-item {
    opacity: 0;
    transform: translateX(-20px);
    will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
    .scroll-animate-list-item {
        opacity: 1;
        transform: translateX(0);
    }
}