/* 1. 커튼 스타일 (초기 상태: 불투명도 1.0 = 완전 진한 색) */
        #intro-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #0f172a; /* 원하시는 배경색 */
            z-index: 9999;
            
            /* 핵심: 투명도(opacity)가 변할 때 0.5초 동안 부드럽게 변해라 */
            /* ease-out: 끝날 때쯤 천천히 변해서 더 고급스러움 */
            transition: opacity 1.0s ease-out, visibility 1.0s;
            
            opacity: 1; /* 처음엔 꽉 찬 색 */
            visibility: visible;
        }

        /* 2. 사라질 때 적용할 상태 (불투명도 0.0 = 완전 투명) */
        #intro-overlay.fade-out {
            opacity: 0;  /* 1 -> 0.3 -> 0 으로 0.5초간 서서히 변함 */
            visibility: hidden; /* 다 변하면 화면에서 치우기 */
            pointer-events: none; /* 클릭 통과시키기 */
        }