.features-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100vh;max-height:1080px;width:100%}.features-hero:before{content:"";height:787px;width:100%;position:absolute;z-index:1;bottom:0;left:0;background:linear-gradient(0deg,#000000a6,#0000)}@media all and (max-width: 750px){.features-hero{height:auto}.features-hero:before{display:none}}.features-hero__text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:calc(1090px + var(--gutters) * 2);padding:0 var(--gutters);margin:0 0 50px;text-align:center;opacity:calc(1.5 - var(--lax))}@media all and (max-width: 750px){.features-hero__text{margin:0}}.features-hero__title{position:relative;margin:0;max-width:900px;font-size:var(--size-h2);color:var(--color-off-white);overflow:0;opacity:0;transform:translateY(20px)}@media all and (max-width: 1000px) and (min-width: 426px){.features-hero__title br{display:none}}@media all and (max-width: 750px){.features-hero__title{color:var(--color-text)}.features-hero__text{margin:0 0 3x0px}}@media all and (max-width: 425px){.features-hero__title{font-size:26px}}@media all and (max-width: 380px){.features-hero__title{font-size:24px}}.features-hero.is-visible .features-hero__title{opacity:1;transform:none;transition:all .6s .1s var(--ease)}.features-hero__title p{margin:0}.features-hero__title strong{position:relative;display:inline-flex;padding:0 20px;color:var(--color-text);font-weight:400;border-radius:.7em;background-color:var(--color-teal)}@media all and (max-width: 1000px){.features-hero__title strong{line-height:1.3em}}@media all and (max-width: 450px){.features-hero__title strong{padding:0 10px}}.features-hero__title strong:nth-of-type(odd){background-color:var(--color-yellow)}.features-hero__title svg{--dur: .4s;position:absolute;height:auto;transform:scale(0);opacity:0;transition:all .6s var(--ease-out-back)}.features-hero.is-visible svg{opacity:1;transform:none}.features-hero__title svg path{fill:var(--color-teal)}.features-hero__title svg:nth-of-type(1){top:-50px;left:-50px;width:48px;transition-delay:calc(var(--dur) + .3s)}.features-hero__title svg:nth-of-type(2){top:calc(100% + 40px);left:20%;width:37px;transition-delay:calc(var(--dur) + .1s)}.features-hero__title svg:nth-of-type(3){top:-50px;right:5%;width:23px;transition-delay:var(--dur)}.features-hero__title svg:nth-of-type(4){top:-15px;right:-3%;width:37px;transition-delay:calc(var(--dur) + .2s)}@media all and (max-width: 1080px){.features-hero__title svg:nth-of-type(3){top:-110px;right:5%}.features-hero__title svg:nth-of-type(4){top:-75px;right:-3%}}@media all and (max-width: 750px){.features-hero__title svg{display:none}}.features-hero__cta{display:flex;align-items:center;padding:20px;margin-top:40px;font-size:var(--size-xlarge);text-align:center;color:var(--color-off-white);text-decoration:none;line-height:1;overflow:0;opacity:0;transform:translateY(20px)}.features-hero.is-visible .features-hero__cta{opacity:1;transform:none;transition:all .6s .2s var(--ease)}.features-hero__cta svg{margin-left:10px;transition:transform .3s var(--ease)}.features-hero__cta:hover svg{transform:translate(3px)}.features-hero__cta svg path{fill:var(--color-off-white)}@media all and (max-width: 750px){.features-hero__cta{color:var(--color-text)}.features-hero__cta svg path{fill:var(--color-text)}}.features-hero__background{display:flex;position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-text)}.features-hero__background img{height:100%;width:100%;object-fit:cover}@media all and (max-width: 750px){.features-hero__background{position:relative;height:auto;width:100%;margin-bottom:30px}.features-hero__background img{height:auto;width:100%}}.features-hero__down{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:60px;text-align:center;font-size:var(--size-large);color:var(--color-off-white);opacity:0;transform:translateY(20px)}@media all and (max-width: 900px){.features-hero__down{display:none}}.features-hero.is-visible .features-hero__down{opacity:1;transform:none;transition:all .6s .3s var(--ease)}.features-hero__down svg{height:8px;width:auto;margin-top:15px;animation:bounce 1.5s linear infinite}.features-hero__down svg path{stroke:var(--color-off-white)}@keyframes bounce{0%{transform:translateY(0);opacity:0}50%{transform:translateY(5px);opacity:1}to{transform:translateY(10px);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-features-hero.css.map */