.about-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:260px var(--gutters);text-align:center}@media all and (max-width: 1000px){.about-intro{padding:150px var(--gutters)}}@media all and (max-width: 500px){.about-intro{padding:120px var(--gutters)}}.about-intro__title{margin-bottom:25px;font-size:16px;font-family:var(--font-labels);letter-spacing:.105em;text-transform:uppercase;text-align:center;opacity:0;transform:translateY(20px);transition:all .6s var(--ease)}.about-intro__title.is-visible{opacity:1;transform:none}.about-intro__text{--delay: .3s;position:relative;max-width:1080px;font-size:var(--size-h2);opacity:0;transform:translateY(20px);transition:all .6s var(--ease)}@media all and (max-width: 500px){.about-intro__text{font-size:20px}}.about-intro__text.is-visible{opacity:1;transform:none}.about-intro__text strong{position:relative;display:inline-flex;padding:0 20px;color:var(--color-text);font-weight:400;border-radius:.7em}.about-intro__text strong:nth-child(3n+1){background-color:var(--color-teal)}.about-intro__text strong:nth-child(3n+2){background-color:var(--color-yellow)}.about-intro__text strong:nth-child(3n+3){background-color:var(--color-lime)}.about-intro__text svg{position:absolute;transform:scale(0);transition:all .6s var(--ease-out-back);opacity:0}.about-intro__text.is-visible svg{transform:none;opacity:1}.about-intro .about-intro__text svg path{fill:var(--color-teal)}.about-intro__text svg:nth-of-type(1){height:53px;width:48px;left:20%;bottom:calc(100% + 56px);transition-delay:calc(var(--delay) + .3s)}.about-intro__text svg:nth-of-type(2){height:26px;width:23px;bottom:calc(100% + 56px);right:25%;transition-delay:calc(var(--delay) + .1s)}.about-intro__text svg:nth-of-type(3){height:41px;width:37px;bottom:calc(100% + 66px);right:15%;transition-delay:calc(var(--delay) + .2s)}.about-intro__text svg:nth-of-type(4){height:41px;width:37px;top:calc(100% + 55px);left:35%;transition-delay:calc(var(--delay))}@media all and (max-width: 500px){.about-intro__text svg:nth-of-type(1){left:40px;bottom:calc(100% + 76px)}.about-intro__text svg:nth-of-type(2){bottom:calc(100% + 56px);right:15%}.about-intro__text svg:nth-of-type(3){bottom:-70px}.about-intro__text svg:nth-of-type(4){top:calc(100% + 55px);left:35%}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-about-intro.css.map */