/* Keyframes */
        @keyframes fastFadeInUp {
            0% {
                opacity: 0;
                transform: translateX(1000px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInSlideUp {
            0% {
                opacity: 0;
                transform: translateX(-1000px); /* Slide in from the left */
            }
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeInSlideUpScroll {
            0% {
                opacity: 0;
                transform: translateY(50px); /* Slide up */
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Hero Title */
        #hero-9 h2 {
            font-family: 'Lilita One', cursive;
            font-size: 7.25rem;
            line-height: 1.1;
            letter-spacing: 3px;
            margin-bottom: 30px;
            opacity: 0;
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        }

        /* Animated paragraph */
        p.p-xl.scroll-up {
            font-size: 1.5rem;
            opacity: 0;
            text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
        }

        p.p-xl.scroll-up.scroll-up-2, .btn.btn-lg.btn-meat.tra-white-hover {
            font-size: 1.5rem;
            opacity: 0;
        }

        /* Animation triggers */
        .animate-on-scroll-up {
            opacity: 0;
        }

        .active {
            animation: fastFadeInUp 3s ease-out forwards;
        }

        .active.fadeInSlideUp {
            animation: fadeInSlideUp 2s ease-out forwards;
        }

        .active.fadeInSlideUpScroll {
            animation: fadeInSlideUpScroll 2s ease-out forwards;
        }