/* --- CV Texts --- */ /* --- Голям текст --- */ .cv-wrap { position: relative; height: 6em; /* фиксирана височина за текста, не се мърда нищо */ } /* Голям текст */ .txt-cv-large { opacity: 0.3; transition: opacity 0.4s ease; } .cv-wrap.is-active .txt-cv-large { opacity: 1; } /* Малък текст – fade only */ .txt-cv-small { opacity: 0; transform: translateY(-0.5em); transition: opacity 0.6s ease, transform 0.6s ease; } .cv-wrap.is-active .txt-cv-small { opacity: 1; transform: translateY(0); } /* --- APPEAR-ANIMATION --- */ /* desktop – стартово състояние */ .appear-anim { opacity: 0; transform: translateY(3em); transition: opacity 0.6s ease-out, transform 0.6s ease-out; will-change: opacity, transform; } /* когато е във viewport */ .appear-anim.is-visible { opacity: 1; transform: translateY(0); } /* mobile – без анимация */ @media (max-width: 767px) { .appear-anim { opacity: 1 !important; transform: none !important; transition: none !important; } }