/* --- 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; } } /* --- POTENTIAL-LINE --- */ .potential-line-wrapper { position: relative; display: flex; justify-content: center; align-items: center; } .line-potential { width: 0.0625em; height: 58em; background: #FCFCFC; /* смени с твоя цвят */ transform: rotateZ(-15deg) scaleY(0); transform-origin: top center; will-change: transform; } /* --- BABIS-ROLE --- */ /* --- Голям текст --- */ .txt-role-large { opacity: 0.5; transition: opacity 0.4s ease; } /* активен елемент */ .role-group.is-active .txt-role-large { opacity: 1; } /* --- Малък текст / видео --- */ .role-video-wrapper>*, .role-txt-wrap>* { opacity: 0; transform: translateY(0.5em); transition: opacity 0.6s ease, transform 0.6s ease; } /* когато се активира */ .role-group.is-active .role-video-wrapper>*, .role-group.is-active .role-txt-wrap>* { opacity: 1; transform: translateY(0); transition-delay: 0.1s; } /* --- 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); }