.c-envision-image { position: relative; height: 100vh; /* десктоп */ width: 100%; } .envision-img-wrapper { position: sticky; top: 0; height: 100vh; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .env-img { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity 500ms ease; will-change: opacity; } .env-img.is-active { opacity: 1; pointer-events: auto; } .env-text-wrap, .env-small-text-wrap, .envt-img { will-change: transform, opacity; } .env-text-wrap { position: absolute; white-space: nowrap; opacity: 1; } .env-small-text-wrap { position: absolute; transform: translateX(0); } .envt-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } /* --- MOBILE 1000vh --- */ @media (max-width: 991px) { .c-envision-image { height: 100vh; } } /* --- 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); } /*--- .txt-inner .txt-inner { display: inline-block; white-space: pre-wrap; /* запазва редовете font-variant-ligatures: none; /* букви да не се свързват } .txt-inner span { display: inline-block; opacity: 0.3; transition: opacity 0.12s linear; } /*--- HERO ANIMATION ---*/ /* MEMBERSHIP – скрит по default за да няма flicker */ .membership-wrap { opacity: 0; } /*--- HERO ANIMATION ---*/ @media (min-width: 992px) { /* HERO текст – скрит по default */ .txt-hero { opacity: 0; } /* всяка дума */ .txt-hero span { display: block; overflow: hidden; line-height: 1; } .txt-hero .word-inner { display: block; transform: translateY(100%); opacity: 0; filter: blur(4px); will-change: transform, opacity, filter; } /* FEED HERO */ .c-feed-hero { opacity: 0; transform: translateY(24px); will-change: transform, opacity; } /* MEMBERSHIP SLIDE (отляво → надясно) */ .membership-wrap { opacity: 0; transform: translateX(-40px); will-change: transform, opacity; } } /* tablet/mobile (> стилове няма, всичко идва от Webflow) */ /*--- IMAGE SEQUENCE ---*/ .members-map-items-wrap { transform: translateX(-60px); opacity: 0; transition: transform .6s ease, opacity .6s ease; } .pins-wrap { opacity: 0; transition: opacity .6s ease; } .pin { transition: opacity .3s ease; } .txt-pin { opacity: 0; transition: opacity .3s ease; }