.block-hero{position:relative;isolation:isolate;height:200vh}.block-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:linear-gradient(180deg, rgba(110,110,110,0.38) 0%, rgba(67,67,67,0.38) .01%, rgba(56,56,56,0.38) .02%, rgba(47,47,47,0.38) .03%, rgba(7,7,7,0.38) 20%, rgba(7,8,7,0.38) 40.5%, rgba(5,19,15,0.38) 62.5%, rgba(1,13,10,0.38) 81.5%, rgba(0,21,15,0.38) 99.5%)}.block-hero__opacity{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background-color:#000;opacity:var(--opacity, 0.75);transition:opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}.block-hero__sticky{position:sticky;top:0;left:0;width:100%;height:100vh;z-index:100}.block-hero__titles{position:relative;width:100%}.block-hero__titles-item{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;gap:30px}.block-hero__titles-title{opacity:0;transform:translate(0, 40px);color:#fff;transition:300ms ease-in-out;will-change:transform;transition-property:opacity, transform}.block-hero.animation .hero-title-1{animation:fadeInUp 0.5s ease-in-out both 0.2s}.block-hero.step-1 .pagination-1{border-color:#fff}.block-hero.step-1 .hero-title-1{opacity:1;transform:translate(0, 0);transition-delay:400ms}.block-hero.step-2{--opacity: 0.45;--scale: 1.15}.block-hero.step-2 .pagination-2{border-color:#fff}.block-hero.step-2 .hero-title-1{transform:translate(0, -40px)}.block-hero.step-2 .hero-title-2{opacity:1;transform:translate(0, 0);transition-delay:400ms}.block-hero.step-3{--opacity: 0;--scale: 1}.block-hero.step-3 .pagination-3{border-color:#fff}.block-hero.step-3 .hero-title-1,.block-hero.step-3 .hero-title-2{transform:translate(0, -40px)}.block-hero.step-3 .hero-title-3{opacity:1;transform:translate(0, 0);transition-delay:400ms}.block-hero.step-3 .hero-text,.block-hero.step-3 .hero-buttons{visibility:visible;opacity:1;transform:translate(0, 0);transition-delay:0.45s}.block-hero.step-3 .hero-buttons{transition-delay:0.55s}.block-hero .hero-text,.block-hero .hero-buttons{transform:translate(0, 40px);visibility:hidden;opacity:0;transition:300ms ease-in-out;transition-property:visibility, opacity, transform}.block-hero__inner{position:relative;top:0;height:100%;width:100%;left:0;overflow:hidden}.block-hero__video{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;z-index:-1;transform:scale(var(--scale, 1.3));transition:transform 500ms ease-in-out}.block-hero .corner{position:absolute;width:12px;height:12px;z-index:90}.block-hero .corner.top{border-top:1px solid #918f8f;top:140px}@media (min-width: 1200px){.block-hero .corner.top{top:170px}}.block-hero .corner.bottom{border-bottom:1px solid #918f8f;bottom:54px}@media (min-width: 1200px){.block-hero .corner.bottom{bottom:104px}}.block-hero .corner.left{left:40px;border-left:1px solid #918f8f}@media (min-width: 1200px){.block-hero .corner.left{left:80px}}.block-hero .corner.right{right:40px;border-right:1px solid #918f8f}@media (min-width: 1200px){.block-hero .corner.right{right:80px}}.block-hero__pagination{position:absolute;top:50%;transform:translateY(-50%);left:44px;z-index:90}@media (min-width: 1200px){.block-hero__pagination{left:84px}}.block-hero__pagination-click{pointer-events:none;height:50px;line-height:1;width:10px;font-size:12px;padding-left:6px;align-items:center;border-left:1px solid rgba(255,255,255,0.3);transition:border-color 300ms linear}.block-hero__pagination-click:first-child{align-items:flex-start}.block-hero__pagination-click:last-child{align-items:flex-end}.block-hero__content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:100}.block-hero__container{position:relative;z-index:20}@media (min-width: 768px){.block-hero__container{padding-left:60px;padding-right:60px}}@media (min-width: 1200px){.block-hero__container{padding-left:120px;padding-right:120px}}.block-hero__title{visibility:hidden;opacity:0;position:absolute;max-width:600px}@media (min-width: 992px){.block-hero__title{max-width:1130px}}.block-hero__text{max-width:410px}.block-hero__buttons{gap:14px 30px}.block-hero__button{min-width:152px}.block-hero__icon{position:absolute;z-index:90;width:25px;height:auto;right:32px;bottom:100px}@media (min-width: 992px){.block-hero__icon{width:34px;height:50px;bottom:140px}}@keyframes fadeInUp{0%{opacity:0;visibility:hidden;transform:translateY(40px)}100%{opacity:1;visibility:visible;transform:translateY(0)}}


/*# sourceMappingURL=block-hero.css.map*/