/* --- 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; } } /* --- TICKERS --- */ .txt-ticker-wrapper { position: relative; width: 100%; overflow: hidden; } .txt-ticker-track-dark, .txt-ticker-track-light { display: flex; white-space: nowrap; } .txt-ticker-dark, .txt-ticker-light { margin-right: 0.5em; white-space: nowrap; } /*--- IMAGE SEQUENCE ---*/ .c-scroll-video-yacht { height: 450em; } /* Mobile */ @media (max-width: 767px) { .c-scroll-video-yacht { height: 190em; } }