.hero-banner{background-color:#212121;color:#fff;position:relative}.hero-banner:before{background:linear-gradient(180deg,rgba(0,0,0,.7) -10.22%,transparent);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-banner-img,.hero-banner-video{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.hero-banner-img img,.hero-banner-video video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hero-banner-content{display:flex;flex-flow:column wrap;justify-content:center;min-height:100vh;overflow:hidden;padding-block:200px;position:relative;width:100%;z-index:2}.hero-banner-logo{display:block;margin:0 auto 35px}.hero-banner-logo.ready{--logoPosition:0;left:50%;position:absolute;top:0;transform:translate(-50%,var(--logoPosition)) scale(1);transform-origin:center top}.hero-banner-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:72px;letter-spacing:0;line-height:120%;margin:0;text-align:center;width:100%}.hero-banner-title.ready{--titlePosition:0;left:50%;opacity:1;position:absolute;top:var(--titlePosition);transform:translateX(-50%)}.hero-banner-title small{display:block;font-family:Inter,sans-serif;font-size:16px;letter-spacing:.2em;line-height:100%;margin-bottom:25px;text-transform:uppercase}.hero-banner-logo-btm{margin-top:25px;text-align:center}.hero-banner-logo-btm img{display:inline-block;vertical-align:top}.hero-banner-buttons{display:flex;flex-flow:row wrap;justify-content:center;margin-top:29px;width:100%}.hero-banner-buttons .button{margin:20px 10px 0}.hero-banner-animation{align-items:center;bottom:0;color:#fff;display:flex;flex-flow:column nowrap;height:100%;justify-content:center;left:0;padding:61px 40px 40px;position:absolute;right:0;text-align:center;top:0}.hero-banner-animation-contain{overflow:hidden;position:relative}.hero-banner-animation h2{font-size:38px;font-weight:500;letter-spacing:.05em;line-height:150%;margin:0 0 13px;opacity:0;text-transform:uppercase;transform:translateY(100px)}.hero-banner-animation p{font-size:20px;font-weight:300;letter-spacing:.2em;line-height:24px;margin:0 0 20px;opacity:0;transform:translateY(100px)}.hero-banner-animation img{margin:0 auto;max-width:68px;opacity:0;transform:translateY(100px)}.animate_banner .hero-banner-logo.ready{top:34px;transform:translate(-50%) scale(1);transition:transform .6s ease-out,scale .6s ease-out}.animate_banner .hero-banner-title.ready{opacity:0;transform:translate(-50%,-50px);transition:transform .6s ease-out,opacity .6s ease-out}.second_animate_banner .hero-banner-animation h2{opacity:1;transform:translateY(0);transition:transform .6s ease-out}.second_animate_banner .hero-banner-animation img,.second_animate_banner .hero-banner-animation p{opacity:1;transform:translateY(0);transition:transform .8s ease-out}@media (max-width:1024px){.hero-banner-title{font-size:36px}.hero-banner-title small{font-size:16px;font-weight:500;line-height:19px;margin-bottom:25px}.hero-banner-animation h2{font-size:22px;line-height:150%}.hero-banner-animation p{font-size:16px;line-height:20px}.animate_banner .hero-banner-logo.ready{top:29px}}@media (max-width:767px){.animate_banner .hero-banner-logo.ready{top:23px;transform:translate(-50%) scale(.6139)}.hero-banner-title{font-size:56px;line-height:67px;padding-left:14px;padding-right:14px}.hero-banner-title small{margin-left:-14px;margin-right:-14px}.hero-banner-animation{padding:41px 20px 20px}}