/* استایل پایه برای متن اسکرولی */
.sobhan-scroll-text {
    line-height: 1.6;
    transition: all 0.4s ease-out;
}

/* استایل کلمات قبل از فعال شدن */
.sobhan-scroll-text .word {
    display: inline-block;
    opacity: 0.3;
    transition: opacity 0.4s ease, 
                color 0.4s ease,
                text-shadow 0.4s ease;
}

/* استایل کلمات فعال */
.sobhan-scroll-text .word.active {
    opacity: 1;
    position: relative;
}

/* انیمیشن برای انتقال نرم تر */
@media (prefers-reduced-motion: no-preference) {
    .sobhan-scroll-text .word {
        transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                    color 0.8s ease,
                    text-shadow 0.5s ease;
    }
}