.intro-title {
        font-family: 'Poppins', sans-serif;
        font-size: 4rem;
        font-weight: bold;
        text-align: center;
        margin: 0;
        color: #000; /* Начальный цвет — чёрный */
        opacity: 0;
        animation: fadeInUp 2s ease 0.3s forwards;

        /* Плавный переход цвета и эффектов */
        transition: color 0.8s ease, text-shadow 0.8s ease, -webkit-text-stroke 0.8s ease;
    }

    /* Когда активируется move-up — текст становится белым с эффектами */
    .intro-container.move-up .intro-title {
        color: #fff;
        text-shadow: 
            0 0 3px rgba(0, 0, 0, 0.7),
            0 0 6px rgba(0, 0, 0, 0.5);
        -webkit-text-stroke: 0.5px rgba(0, 0, 0, 0.3);
    }



    .intro-subtitle1,
    .intro-subtitle2 {
        font-family: 'Montserrat Alternates', sans-serif;
        /*font-family: 'Poppins', sans-serif;*/
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        color: #2f2f2f;
        margin: 0;
        opacity: 0;
        animation: fadeInUp 2s ease 0.3s forwards;

        /* Плавный переход цвета и эффектов */
        transition: color 0.8s ease, text-shadow 0.8s ease, -webkit-text-stroke 0.8s ease;
    }

    .intro-container.move-up .intro-subtitle1,
    .intro-container.move-up .intro-subtitle2 {
        color: #f2f2f2;
        text-shadow: 
            0 0 3px rgba(0, 0, 0, 0.9),
            0 0 6px rgba(0, 0, 0, 0.75);
        /*-webkit-text-stroke: 1px rgba(0, 0, 0, 0.75);*/
    }

    .intro-subtitle1 {
        animation: fadeInUp 3s ease 1.5s forwards;
    }

    .intro-subtitle2 {
        animation: fadeInUp 5s ease 2.5s forwards;
    }