.animated-title>span{display:inline-block;overflow:hidden}.animated-title>span>span{display:inline-block;transform:translate(2rem,220%) rotate(20deg);transition:transform 1s ease-in-out}.animated-title svg{height:3.5rem;margin-right:.8rem;transform:translateY(.4rem);width:3.5rem}@media only screen and (min-width:961px){.animated-title svg{height:4.5rem;margin-right:1.2rem;width:4.5rem}}@media only screen and (min-width:1280px){.animated-title svg{height:5.3rem;width:5.3rem}}@media only screen and (min-width:1537px){.animated-title svg{height:6rem;margin-right:1.6rem;width:6rem}}.hero-animated{background-color:#0d0d0d;color:#fff}.hero-animated__content{padding:11rem 0 2.4rem}@media only screen and (min-width:961px){.hero-animated__content{padding-top:12rem}}@media only screen and (min-width:1141px){.hero-animated__content{padding-top:13rem}}@media only screen and (min-width:1440px){.hero-animated__content{padding-top:14rem}}@media only screen and (min-width:1537px){.hero-animated__content{padding-top:16.5rem}}.hero-animated__content .ratings-block{flex-shrink:0;margin-bottom:3.3rem;position:relative;z-index:2}@media only screen and (min-width:961px){.hero-animated__content .ratings-block{margin-bottom:1.3rem}}@media only screen and (min-width:1537px){.hero-animated__content .ratings-block{margin-bottom:1.6rem}}.hero-animated__content .ratings-block__item{background:transparent}.hero-animated__header{margin-bottom:2.2rem;position:relative;z-index:2}@media only screen and (min-width:641px){.hero-animated__header{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:4rem}}.hero-animated__title{font-size:4rem;line-height:.95;margin-bottom:2rem}@media only screen and (min-width:641px){.hero-animated__title{font-size:4.2rem;line-height:1.045;margin-bottom:0;max-width:88rem;width:64%}}@media only screen and (min-width:961px){.hero-animated__title{font-size:5.6rem;width:70%}}@media only screen and (min-width:1141px){.hero-animated__title{font-size:6.4rem;line-height:1.07;width:77%}}@media only screen and (min-width:1537px){.hero-animated__title{font-size:7.4rem;line-height:1.05;width:87%}}.hero-animated__desc{color:#8e8e8e;font-size:1.8rem;letter-spacing:.2px;line-height:2.5rem}@media only screen and (min-width:641px){.hero-animated__desc{max-width:20.5rem;padding-bottom:.5rem;width:50%}}@media only screen and (min-width:1280px){.hero-animated__desc{font-size:1.6rem;line-height:2.2rem}}@media only screen and (min-width:1537px){.hero-animated__desc{font-size:1.8rem;line-height:2.5rem;max-width:23rem;padding-bottom:.7rem}}.hero-animated__video{position:relative;z-index:1}.hero-animated__video:before{background:linear-gradient(0deg,#050505,#0d0d0d);height:20vh;height:20dvh;top:calc(-20vh + 1rem);top:calc(-20dvh + 1rem)}.hero-animated__video:after,.hero-animated__video:before{content:"";left:50%;position:absolute;transform:translate(-50%);width:100vw;z-index:-1}.hero-animated__video:after{background-color:#050505;bottom:-9rem;top:1rem}.hero-animated__video-inner{height:21.7rem;overflow:hidden;position:relative;z-index:1}@media only screen and (min-width:641px){.hero-animated__video-inner{height:35rem}}@media only screen and (min-width:961px){.hero-animated__video-inner{height:45rem}}@media only screen and (min-width:1141px){.hero-animated__video-inner{height:50.2rem}}@media only screen and (min-width:1537px){.hero-animated__video-inner{height:55.8rem}}.hero-animated__video-inner .hero-animated__poster{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:0}.hero-animated__video video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;position:relative;transform:scale(1.1);transition:opacity .3s ease-in-out;width:100%;z-index:1}.hero-animated__video video.loaded{opacity:1}@media only screen and (min-width:1141px){.hero-animated__video video{transform:scale(1.2)}}@media only screen and (min-width:1280px){.hero-animated__video video{transform:scale(1.3)}}@media only screen and (min-width:1440px){.hero-animated__video video{transform:scale(1.5)}}@media only screen and (min-width:1537px){.hero-animated__video video{transform:scale(1.7)}}.hero-animated__video-btn{align-items:center;background-color:#fff;border:none;border-radius:50%;display:flex;height:5rem;justify-content:center;left:50%;outline:0;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:5rem;z-index:2}@media only screen and (min-width:641px){.hero-animated__video-btn{display:none}}.hero-animated__video-btn svg{height:3rem;width:3rem}
