/* 헤더 투명 스타일 */
header {
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: all 0.3s ease !important;
}

header.scrolled {
    background-color: rgba(10, 10, 42, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* 로고 이미지 스타일 */
header .logo img {
    max-height: 55px;
    transition: all 0.3s ease;
}

header.scrolled .logo img {
    max-height: 45px;
}

/* 히어로 비디오 전체 화면 스타일 */
.hero {
    height: 100vh !important;
    overflow: hidden !important;
}

.hero-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: -1 !important;
}

/* 모바일 스타일 */
@media (max-width: 768px) {
    .hero-video {
        width: 100vw !important;
        height: 100vh !important;
    }
}

/* 작은 모바일 스크린 스타일 */
@media (max-width: 480px) {
    .hero-video {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: -1 !important;
    }
}