:root {
            --brand-navy: #0F172A;
            --brand-blue: #0052CC;
            --brand-gold: #D97706;
        }
        body {
            font-family: 'Manrope', sans-serif;
        }
        .serif {
            font-family: 'Playfair Display', serif;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        /* Reveal Card Animation */
        .hover-reveal-card .content-slide {
            transform: translateY(60%);
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .hover-reveal-card:hover .content-slide {
            transform: translateY(0);
        }
        .hover-reveal-card .bg-image-scale {
            transition: transform 0.7s ease-in-out;
        }
        .hover-reveal-card:hover .bg-image-scale {
            transform: scale(1.1);
        }

        /* Infinite Scroll Animation */
        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .animate-scroll {
            animation: scroll 40s linear infinite;
            width: max-content;
        }
        .animate-scroll:hover {
            animation-play-state: paused;
        }
        .ticker-mask {
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        }

          /* Card Hover Effects */
        .impact-card:hover {
            transform: translateY(-8px);
        }
        /* Counter Animation (Simple implementation) */
        @property --num {
            syntax: "<integer>";
            initial-value: 0;
            inherits: false;
        }