* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    scroll-behavior: smooth;
}

.elice-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5%;
}

@media (max-width: 768px) {
    .elice-container {
        padding: 0 20px;
    }

    /* 모바일 히어로 스크롤 속도 3배 감속 강제 적용 */
    #hero-scroll-wrapper {
        height: 800vh !important;
    }

    #hero-sticky {
        height: auto !important;
        min-height: 100dvh;
    }
}

/* 마키(Marquee) 애니메이션 */
.marquee-container {
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.marquee-content {
    animation: marquee 30s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* 텍스트 그라데이션 */
.text-gradient {
    background: linear-gradient(to right, #60A5FA, #3B82F6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


@keyframes scroll-dot {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

.animate-scroll-dot {
    animation: scroll-dot 2s infinite;
}

/* 히어로 섹션 비디오 모바일 기본 컨트롤 숨기기 */
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-play-button {
    display: none !important;
    -webkit-appearance: none;
}

video::-webkit-media-controls {
    display: none !important;
}