/* 헤더 스크롤 효과 */
.site-header {
    transition: all 0.3s ease;
    background: transparent;
}

.site-header.scrolled {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 채널 아이템 스크롤 효과 */
.chnl-items {
    transition: transform 0.3s ease-out;
    will-change: transform;
}

/* 피처드 비디오 페이드 효과 */
.video-row.featured-video {
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 0;
    transform: translateY(20px);
}

.video-row.featured-video.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 스크롤 애니메이션 공통 스타일 */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 스크롤 시 요소 등장 효과 */
.scroll-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 스크롤 시 요소 회전 효과 */
.rotate-reveal {
    opacity: 0;
    transform: rotate(-10deg) scale(0.9);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.rotate-reveal.visible {
    opacity: 1;
    transform: rotate(0) scale(1);
}