/* --- 3D Tilt Reveal Keyframes --- */
        @keyframes tilt-sweep {
            /* Start off-screen, rotated, and skewed */
            0% { 
                transform: translateX(-105%) rotateY(-90deg) skewX(20deg); 
                opacity: 0.5;
            }
            /* Middle: Block covers the text, fully visible, flat */
            50% { 
                transform: translateX(0) rotateY(0deg) skewX(0deg); 
                opacity: 1;
            }
            /* End: Block moves off-screen to the right, rotating again, and disappears */
            100% { 
                transform: translateX(105%) rotateY(90deg) skewX(20deg); 
                opacity: 0;
            }
        }

        /* Wrapper for the 3D sweeping effect */
        .sweep-effect {
            position: relative;
            display: block; 
            overflow: hidden;
            /* Enable 3D transformations for children */
            transform-style: preserve-3d;
            perspective: 1000px;
            width: fit-content;
        }

        /* Primary Sweep Block (Covers the text initially) */
        .sweep-effect::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            background-color: #f8cd02; /* Bright Yellow */
            transform-origin: left center;
            /* Initial 3D tilt animation */
            animation: tilt-sweep 1.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; 
        }

        /* Style for the text itself (The revealed content) */
        .swept-text {
            /* Text appearance */
            color: #f8cd02; /* Solid bright yellow color */
            font-family: 'Inter', sans-serif;
            font-weight: 800;
            text-align: left; 
            
            /* Text Sizing (Responsive) */
            font-size: 10vw; 
            line-height: 0.9;
            letter-spacing: -0.05em;
            display: block;
            margin: 0;
            padding: 0;

            /* The static glow (text-shadow) was removed here. */
        }

        /* Media queries for larger tablets and desktops */
        @media (min-width: 768px) {
            .swept-text {
                font-size: 8rem;
            }
        }
        @media (min-width: 1024px) {
            .swept-text {
                font-size: 12rem; /* Even bigger on desktop */
            }
        }