body {
            background-color: #0a0a0a;
            color: #f4f4f5;
            overflow-x: hidden;
        }

        /* Scroll Reveal Utility Classes */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }

        .text-gradient {
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-image: linear-gradient(to right, #ffffff, #71717a);
        }

        /* Work Card Hover Logic */
        .work-card img {
            transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
        }
        .work-card:hover img {
            transform: scale(1.08);
        }
        .work-card .overlay {
            background: linear-gradient(to top, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.4) 50%, transparent 100%);
            transition: opacity 0.5s ease;
        }

        /* Filter Active State */
        .filter-btn.active {
            background-color: #dc2626;
            color: white;
            border-color: #dc2626;
        }