/* Extracted from modifications/video_list.php for CSP compliance. */
@keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .animate-on-load {
            opacity: 0;
            animation: fadeInUp 0.6s ease-out forwards;
            will-change: opacity, transform;
        }

        .animate-on-load.delay-0 { animation-delay: 0ms; }
        .animate-on-load.delay-1 { animation-delay: 50ms; }
        .animate-on-load.delay-2 { animation-delay: 100ms; }
        .animate-on-load.delay-3 { animation-delay: 150ms; }
        .animate-on-load.delay-4 { animation-delay: 200ms; }
        .animate-on-load.delay-5 { animation-delay: 250ms; }

        .hero-mask {
            mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);
        }

        .hero-overlay-deep {
            background:
                radial-gradient(ellipse at 20% 50%, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 40%, transparent 70%),
                linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.2) 60%, transparent 90%);
        }