/* About Page Intro Overlay - Fixed */
#intro-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* Use the same gradient as .cinematic-backdrop */
    background: radial-gradient(circle at 20% 20%, rgba(229, 9, 20, 0.4), transparent 45%),
        radial-gradient(circle at 80% 0%, rgba(0, 212, 255, 0.35), transparent 40%),
        radial-gradient(circle at 50% 80%, rgba(255, 71, 102, 0.45), transparent 35%),
        #020202;
    /* Match text style of .gate-kicker */
    color: rgba(255, 255, 255, 0.65);
    /* var(--color-muted) */
    z-index: 9999;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: clamp(3rem, 8vw, 6rem);
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity 1.6s ease-out;
    pointer-events: auto;
}

#intro-overlay.fade-out {
    opacity: 0;
    pointer-events: none;
}