.section__loader,.hero .section__bg,.hero .bg__shape{background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;width:100%}.hero .scene,.hero .bg__shape,.hero .bg__shape img,.hero .shapes__container,.hero .prism:before{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.hero.hero--fullwidth-img .hero__inner,.hero.hero--fullwidth-video .hero__inner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.hero.hero--fullwidth-img .section__bg img,.hero.hero--fullwidth-video .section__bg video{width:100%;height:auto;object-fit:cover;object-position:center}.hero.hero--fullwidth-img .section__bg img{display:block}.placeholder-background .placeholder-svg{width:100%;height:100%;fill:rgb(var(--color-foreground))}.hero{display:table;width:100%;position:relative;text-align:center;color:rgb(var(--color-base-text));transform-style:preserve-3d}.hero .section-title{margin:0 auto;position:relative;display:inline-block}.hero .button--hero{display:block;margin:25px auto 0;padding:15px;max-width:190px;display:flex;flex-direction:column;justify-content:center}.button--hero-light{background:none;color:rgb(var(--color-base-text-2));border-color:rgb(var(--color-base-text-2))}.button--hero-light:hover{background:rgb(var(--color-base-text-2));color:rgb(var(--color-base-text))}.hero--dark{background:rgb(var(--color-base-text))}.hero--dark,.hero--dark p,.hero--dark .section-title{color:rgb(var(--color-base-text-2))}.hero--dark .placeholder-background .placeholder-svg{fill:var(--color-heading-text)}.hero .text--outline{color:rgb(var(--color-base-text));-webkit-text-fill-color:rgb(var(--color-base-text-2));-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgb(var(--color-base-text))}.hero .heading__primary--x-large .text--outline{-webkit-text-stroke-width:2.5px}.hero--dark .text--outline{color:rgb(var(--color-base-text-2));-webkit-text-fill-color:rgb(var(--color-base-text));-webkit-text-stroke-color:rgb(var(--color-base-text-2))}.hero--small{padding-top:60px;padding-bottom:60px}.hero--medium{height:600px}.hero--small{height:425px}.hero--x-large{height:calc(100vh - 215px)}.hero .mouse__scroll{position:absolute;bottom:35px;left:0;right:0;height:65px;padding-top:35px}.hero .mouse__scroll .mouse{background:transparent linear-gradient(transparent 0%,transparent 50%,#535353 50%,#535353 100%);position:absolute;top:0;left:0;right:0;margin:auto;display:inline-block;width:21px;height:35px;border-radius:100px;background-size:100% 200%;z-index:1;animation:colorSlide 5s linear infinite}.hero .mouse__scroll .mouse:before,.hero .mouse__scroll .mouse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.hero .mouse__scroll .mouse:before{width:17px;height:31px;background-color:rgb(var(--color-base-text));border-radius:100px}.hero .mouse__scroll .mouse:after{background:#535353;width:4px;height:4px;border-radius:100%;animation:trackBallSlide 5s linear infinite}.hero .mouse__scroll .mouse__bg{background:linear-gradient(0deg,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b);z-index:0}@keyframes colorSlide{0%{background-position:0% 100%}20%{background-position:0% 0%}21%{background-color:transparent}29.99%{background-color:#535353;background-position:0% 0%}30%{background-color:transparent;background-position:0% 100%}50%{background-position:0% 0%}51%{background-color:transparent}59%{background-color:#535353;background-position:0% 0%}60%{background-color:transparent;background-position:0% 100%}80%{background-position:0% 0%}81%{background-color:transparent}90%,to{background-color:#535353}}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-8px)}6%{opacity:1;transform:scale(.9) translateY(2px)}14%{opacity:0;transform:scale(.4) translateY(16px)}15%,19%{opacity:0;transform:scale(.4) translateY(-8px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-8px)}30%{opacity:1;transform:scale(1) translateY(-8px)}36%{opacity:1;transform:scale(.9) translateY(2px)}44%{opacity:0;transform:scale(.4) translateY(16px)}45%,49%{opacity:0;transform:scale(.4) translateY(-8px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-8px)}60%{opacity:1;transform:scale(1) translateY(-8px)}66%{opacity:1;transform:scale(.9) translateY(2px)}74%{opacity:0;transform:scale(.4) translateY(16px)}75%,79%{opacity:0;transform:scale(.4) translateY(-8px)}88%,to{opacity:1;transform:scale(1) translateY(-8px)}}.hero .mouse__scroll p{font-size:1.4rem;letter-spacing:.2em;font-weight:300;color:inherit;opacity:.52}.hero .hero__inner{display:table-cell;vertical-align:middle;position:relative;z-index:3;transform-style:preserve-3d}.hero .scene{z-index:2;overflow:hidden}.hero .bg__shape{-webkit-clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%);clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%);height:68vh;width:68vh;max-height:100%}.hero .bg__shape img{width:auto;left:auto;max-width:100%}.hero .shapes__container{height:100%;width:100%;transform-style:preserve-3d;z-index:1}.hero .shapes{position:absolute;display:inline-block}.hero .shapes--foreground{width:1687px;left:87px;bottom:75px;max-width:calc(100% - 80px)}.hero .shapes--foreground.mobile{display:none}.hero .shapes--background{width:1621px;right:60px;bottom:55px;max-width:calc(100% - 60px)}.hero .prism__container{position:absolute;height:100%;width:100%}.hero .prism{display:inline-block;height:6px;width:130px;position:absolute;left:250px;bottom:430px;overflow:hidden;transform-style:preserve-3d;animation:box-animation 5s ease infinite alternate}.hero .prism:before{content:"";display:inline-block;width:200%;left:0;right:auto;background:linear-gradient(90deg,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b);background-size:100% 100%;animation:reflection-animation 5s ease infinite alternate}.hero .prism__02{width:43px;bottom:auto;top:0;left:110px}.hero .prism__02:before{background:linear-gradient(270deg,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b)}.hero .prism__03{width:6px;height:45px;bottom:145px;left:365px;animation:box-x-animation 5s ease infinite alternate}.hero .prism__03:before{width:100%;height:200%;top:0;bottom:auto;background:linear-gradient(180deg,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b);animation:reflection-Y-animation 5s ease infinite alternate}.hero .prism__04{width:43px;bottom:auto;top:290px;left:auto;right:270px}.hero .prism__04:before{background:linear-gradient(270deg,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b)}.hero .prism__05{width:6px;height:130px;bottom:140px;left:auto;right:115px;animation:box-x-animation 5s ease infinite alternate}.hero .prism__05:before{width:100%;height:200%;top:0;bottom:auto;background:linear-gradient(180deg,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b,#a900cd,#0115d8,#03ddff,#1efc06,#f6f40b,#f98526,#fb0d1b);animation:reflection-Y-animation 5s ease infinite alternate}.hero .section-title{font-family:Bebas Neue,sans-serif;letter-spacing:.1em;text-transform:uppercase}.hero .section-subtitle p{font-size:2.4rem}@media screen and (min-width: 1440px){.hero .button--hero{font-size:2.2rem}}@media (max-width: 1440px){.hero .bg__shape{height:550px;width:550px}.hero.hero--small .bg__shape{max-height:400px;max-width:400px}.hero .shapes--foreground{width:1150px;left:50px;max-width:calc(100% - 50px)}.hero .shapes--background{width:1170px}.hero .prism__01{left:90px}.hero .prism__02{left:50px}.hero .button--hero{font-size:2.2rem}}@media screen and (max-width: 1200px){.hero--x-large{height:calc(100vh - 192px)}.hero .heading__primary--x-large .text--outline{-webkit-text-stroke-width:2px}.hero .button--hero{margin-top:20px;max-width:165px}.hero .bg__shape{height:475px;width:475px}.hero .shapes--foreground{width:995px;left:30px;bottom:105px;max-width:calc(100% - 30px)}.hero .shapes--background{right:25px;bottom:95px;max-width:calc(100% - 25px)}.hero .prism__01{left:60px;bottom:350px}.hero .prism__02{left:50px}.hero .prism__03{left:250px;bottom:60px}.hero .prism__04{top:195px;right:185px}.hero .prism__05{right:90px}}@media (max-width: 992px){.hero .button--hero{font-size:1.6rem}}@media screen and (max-width: 750px){.hero--x-large{height:calc((var(--vh, 1vh) * 100) - 73px);min-height:425px}.hero .bg__shape{height:405px;width:405px}.hero .button--hero{margin-top:5px;max-width:135px;font-size:1.7rem;padding:12px 5px 9px}.hero .scene{z-index:1}.hero .shapes--foreground,.hero .shapes--background{display:none}.hero .shapes--foreground.mobile{display:block;left:0;right:0;top:0;bottom:0;margin:auto;max-height:100%;height:auto;max-width:100%;width:auto;z-index:1}.hero .prism{height:4px}.hero .prism__01{display:none}.hero .prism__02{width:71px;top:15px;left:35px}.hero .prism__03{height:30px;width:4px;bottom:auto;top:35px;right:35px;left:auto}.hero .prism__04{width:25px;top:auto;right:auto;bottom:100px;left:80px}.hero .prism__05{height:62px;width:4px;bottom:38px;right:65px}.hero .section-subtitle p{font-size:1.5rem}}@media screen and (max-width: 480px){.hero--x-large{height:calc((var(--vh, 1vh) * 100) - 130px);min-height:375px}.hero .heading__primary--x-large .text--outline{-webkit-text-stroke-width:1px}.hero .bg__shape{height:90vw;width:90vw}}@keyframes box-animation{0%{transform:rotateY(0)}80%{transform:rotateY(0)}to{transform:rotateY(30deg)}}@keyframes box-x-animation{0%{transform:rotateX(0)}80%{transform:rotateX(0)}to{transform:rotateX(30deg)}}@keyframes reflection-animation{0%{transform:translate(0)}80%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes reflection-Y-animation{0%{transform:translateY(0)}80%{transform:translateY(0)}to{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/section-hero.css.map */