.why-fit{color:rgba(var(--color-background));font-size:min(5.5vh,5.5vh);font-family:One Night Sans Extended;overflow-x:hidden;overflow:hidden}.why-fit h1{color:rgba(var(--color-background))}.why-fit.animations-off *{animation:none!important}.why-fit section+section{margin-block:20vh;margin-block:20svh}.why-fit .scene{min-height:60vh;min-height:60svh;display:grid;place-content:center;place-items:center;text-align:center}.why-fit .scene .btn{margin-top:7em}.why-fit p{margin:0;line-height:1.2}.fit-name[data-fit=close],.fit-name[data-fit=regular],.fit-name[data-fit=wide]{text-transform:uppercase}.fit-name[data-fit=close]{font-family:var(--font-heading-family-thin);font-weight:bolder;font-size:5rem}.why-fit__products__fit-name .fit-name[data-fit=regular]{font-family:var(--font-body-family);font-size:6rem;line-height:1}.fit-name[data-fit=wide],.fit-name[data-fit=extra-wide],.fit-name[data-fit=ultra-wide]{font-family:var(--font-heading-family-black);font-size:5.3rem}@media (max-width: 580px){.why-fit{font-size:min(4.5vh,4.5vh)}.why-fit .scene .btn{margin-top:3em}}.why-fit__background{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1}.why-fit__background img{width:100%;max-width:100%;height:100%;object-fit:cover}@media screen and (max-width: 580px){.why-fit__background img{object-position:10% 50%}}#toggle-animations{position:absolute;bottom:64px;left:0;cursor:pointer;transition:opacity .15s ease-out}#toggle-animations.hide{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}#toggle-animations:before{content:attr(data-off)}.animations-off #toggle-animations:before{content:attr(data-on)}@media (max-width: 768px){#toggle-animations{padding:0 12px;line-height:2.8;font-size:1rem;opacity:.8}#toggle-animations:hover{background-color:initial;color:rgba(var(--color-background))}}.why-fit__intro__grid{position:relative}.why-fit__intro .scene{height:100vh;height:100lvh;position:relative}.why-fit__intro .scene--1{height:100vh;height:100svh}.why-fit__intro p.large,.why-fit__intro h1.large{font-size:min(11vh,11vh);line-height:1.3}.why-fit__intro p.medium,.why-fit__intro p,.why-fit__intro h1,.why-fit__intro h1.medium{text-transform:uppercase;display:flex;flex-direction:column;gap:26rem;font-size:min(9vh,9vh);width:100%}.why-fit__intro p.small,.why-fit__intro h1.small{font-size:min(4vh,4vh)}.why-fit__intro p span,.why-fit__intro h1 span{display:block}.why-fit__intro__packshot{--packshot-size: 32rem;width:var(--packshot-size);height:var(--packshot-size);overflow:hidden;position:fixed;bottom:50%;left:50%;translate:-50% 50%;z-index:-1}.why-fit__intro__packshot--static{position:absolute;bottom:50vh}.why-fit__intro__packshot.single-packshot{position:absolute;bottom:50%}.why-fit__intro__packshot img{--spritesheet-columns: 10;--spritesheet-rows: 9;width:calc(100% * var(--spritesheet-columns));height:calc(100% * var(--spritesheet-rows))}@media screen and (max-width: 1300px){.why-fit section+section{margin-block:35vh;margin-block:35svh}.why-fit__intro p,.why-fit__intro h1{gap:22rem}.why-fit__intro__packshot{--packshot-size: 26rem}}@media screen and (max-width: 990px){.why-fit__intro p.small,.why-fit__intro h1.small{font-size:min(2.8vh,2.8vh);line-height:1.2}.why-fit__intro p.medium,.why-fit__intro h1.medium{font-size:min(7vh,7vh);line-height:3.3;gap:10rem}}@media screen and (max-width: 580px){.why-fit__intro__packshot{--packshot-size: 28rem}.why-fit__intro p.medium,.why-fit__intro h1.medium{gap:9rem}.why-fit__intro p.small,.why-fit__intro h1.small{font-size:min(2.5vh,2.5vh);line-height:1.2;gap:25rem}}@media screen and (max-width: 420px){.why-fit__intro p,.why-fit__intro h1{gap:20rem}.why-fit__intro__packshot{--packshot-size: 26rem}}.text-section p:first-of-type{margin-bottom:1em}.why-fit__fit-equals-girth{text-transform:uppercase;font-weight:700}.why-fit__fit-equals-girth .large span:nth-child(1){font-size:13rem}.why-fit__fit-equals-girth .large span:nth-child(2){font-size:21rem;margin-bottom:2rem}.why-fit__fit-equals-girth .large span:nth-child(3){font-size:9rem}.why-fit__fit-equals-girth .large span:nth-child(4){font-size:4rem;margin-top:1rem}.why-fit__fit-equals-girth span{display:block;line-height:1.2}.why-fit__fit-equals-girth .medium span:nth-child(1){font-size:12rem}.why-fit__fit-equals-girth .medium span:nth-child(2){font-size:20rem;margin-bottom:2rem}.why-fit__fit-equals-girth .medium span:nth-child(3){font-size:8rem}.why-fit__fit-equals-girth .medium span:nth-child(4){font-size:3rem;margin-top:1rem}.why-fit__fit-equals-girth .small span:nth-child(1){font-size:10rem}.why-fit__fit-equals-girth .small span:nth-child(2){font-size:8rem;margin-bottom:2rem}.why-fit__fit-equals-girth .small span:nth-child(3){font-size:6rem}.why-fit__fit-equals-girth .small span:nth-child(4){font-size:2rem;margin-top:1rem}.why-fit__fit-equals-girth span.aos-animate:nth-child(4){animation:letter-spacing forwards;animation-duration:.4s;animation-delay:.6s}@keyframes letter-spacing{0%{letter-spacing:0;translate:0}to{letter-spacing:.75rem;translate:.75rem}}@media screen and (max-width: 990px){.why-fit__fit-equals-girth .small span:nth-child(1){font-size:6.5rem}.why-fit__fit-equals-girth .small span:nth-child(2){font-size:7rem;margin-bottom:2rem}.why-fit__fit-equals-girth .small span:nth-child(3){font-size:5rem}.why-fit__fit-equals-girth .small span:nth-child(4){font-size:2.5rem;margin-top:1rem}}@media (max-width: 580px){.why-fit__fit-equals-girth .medium span:nth-child(1){font-size:5rem}.why-fit__fit-equals-girth .medium span:nth-child(2){font-size:15rem;margin-bottom:3rem}.why-fit__fit-equals-girth .medium span:nth-child(3){font-size:6rem}.why-fit__fit-equals-girth .medium span:nth-child(4){font-size:2rem;margin-top:.67rem}.why-fit__fit-equals-girth .small span:nth-child(1){font-size:3.8rem}.why-fit__fit-equals-girth .small span:nth-child(3){font-size:2.8rem}.why-fit__fit-equals-girth .small span:nth-child(4){font-size:1.8rem;margin-top:1rem}}.text-section p:last-child{margin-top:1em}.animated_text_with_icon div{margin-top:100px}.animated_text_with_icon{position:relative;text-transform:uppercase}.animated_text_with_icon span{display:block}.animated_text_with_icon svg{bottom:0;width:6rem;animation:.3s infinite alternate float;translate:0 -100%}.why-fit__fit-rings .scene{max-width:100vw;display:flex}.why-fit__fit-rings .scene>*{position:absolute}.why-fit__fit-rings--ring{max-width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center}@media (max-width: 540px){.why-fit__fit-rings--ring img{width:480px;height:auto}}.why-fit__fit-rings--text-morph{--frame-count: 99;--image-height: 5rem;aspect-ratio:7.0963;position:absolute;height:var(--image-height);overflow:hidden;max-width:100vw}.why-fit__fit-rings--text-morph img{width:100%;height:auto}.why-fit__fit-rings--text-morph.aos-animate img{animation:text-morph 2.4s steps(var(--frame-count)) forwards}.why-fit.animations-off .why-fit__fit-rings--text-morph img{display:none}@keyframes text-morph{0%{translate:0 calc(var(--image-height) * 0 * -1)}to{translate:0 calc(var(--image-height) * var(--frame-count) * -1)}}@media (max-width: 540px){.why-fit__fit-rings--text-morph{position:relative;--image-height: calc(5rem * 2 / 3)}.why-fit__fit-rings--text-morph img{position:absolute;left:50%;width:236.54px}@keyframes text-morph{0%{translate:-50% calc(var(--image-height) * 0 * -1)}to{translate:-50% calc(var(--image-height) * var(--frame-count) * -1)}}}@media (max-width: 360px){.why-fit__fit-rings--text-morph{--image-height: 3.946rem}.why-fit__fit-rings--text-morph.aos-animate img{position:absolute;left:50%;width:280px}@keyframes text-morph{0%{translate:-50% calc(var(--image-height) * 0 * -1)}to{translate:-50% calc(var(--image-height) * var(--frame-count) * -1)}}}.why-fit__fit-rings--fybf-morph{--frame-count: 41;--image-height: 31.375rem;position:absolute;aspect-ratio:1.6693227092;height:var(--image-height);overflow:hidden;max-width:100%}.why-fit__fit-rings--fybf-morph img{width:100%;height:auto}.why-fit__fit-rings--fybf-morph.aos-animate img{animation:fybf-morph 1s steps(var(--frame-count)) forwards;animation-delay:2.4s}.why-fit.animations-off .why-fit__fit-rings--fybf-morph img{width:100%;height:auto;translate:0 calc(var(--image-height) * var(--frame-count) * -1)}@keyframes fybf-morph{0%{translate:0 calc(var(--image-height) * 0 * -1)}to{translate:0 calc(var(--image-height) * var(--frame-count) * -1)}}@media (max-width: 540px){.why-fit__fit-rings--fybf-morph{position:relative;--image-height: calc(31.375rem * 2 / 3)}.why-fit__fit-rings--fybf-morph img{position:absolute;left:50%;width:calc(523.75px * 2 / 3)}.why-fit.animations-off .why-fit__fit-rings--fybf-morph img{width:375.75px;height:auto;translate:-50% -97.5609756098%}@keyframes fybf-morph{0%{translate:-50% calc(var(--image-height) * 0 * -1)}to{translate:-50% calc(var(--image-height) * var(--frame-count) * -1)}}}.animated_single_text-icon p{margin-bottom:4em}.animated_single_text-icon svg{width:12rem;animation:1s infinite alternate float;translate:0 50%}@keyframes float{to{translate:0 0}}@media (max-width: 580px){#text-section--4 svg{width:8rem}}.side-animation_packshot{height:100vh;height:100lvh}.side-animation_packshot a{margin:0 auto}.get-hands-on span{display:block;text-transform:uppercase;line-height:.8}.get-hands-on span:nth-child(1){font-size:12rem}.get-hands-on span:nth-child(2){margin-top:.2em;font-size:7rem}.get-hands-on span:nth-child(3){font-size:17rem}.side-animation_packshot img{margin:6rem 0;max-width:90vw;height:auto}@media (max-width: 580px){.get-hands-on span:nth-child(1){font-size:8.4rem}.get-hands-on span:nth-child(2){margin-top:.2em;font-size:4.66667rem}.get-hands-on span:nth-child(3){font-size:11.3333rem}}.aubergine-animation{--frame-count: 3;--image-width: 36rem;aspect-ratio:1;width:var(--image-width);overflow:hidden;margin:1.5em 0}.aubergine-animation img{width:100%;height:auto;animation:aubergine 1.5s steps(var(--frame-count)) infinite}@keyframes aubergine{0%{translate:0 calc(var(--image-width) * 0 * -1)}to{translate:0 calc(var(--image-width) * var(--frame-count) * -1)}}@media (max-width: 580px){.aubergine-animation{--image-width: 24rem}}.why-fit__products{height:100vh;height:100svh}section+section.why-fit__products{margin-bottom:10vh}.why-fit__products .scene{height:100vh;height:100svh;width:100%}.why-fit__products__main-carousel{position:relative;height:60vh;height:60svh}.why-fit__products__rings{position:absolute;height:100%;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.why-fit__products__rings img{position:absolute;height:100%;width:auto;left:50%;top:50%;translate:-50% -50%;transition:opacity .2s ease-in-out}.animated_rings_slider .why-fit__products__fit-name{min-height:150px}.why-fit__products__rings img.ring-inactive{opacity:0}.why-fit__products__main-carousel .swiper-container{height:100%;overflow:visible}.why-fit__products__main-carousel .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.3}.why-fit__products__main-carousel .swiper-slide.swiper-slide-active{opacity:1}.why-fit__products__main-carousel .swiper-slide img{transition:scale .2s ease-out;scale:.8;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:48vh;max-width:48svh;height:auto}.why-fit__products__main-carousel .swiper-slide.swiper-slide-active img{scale:1}.why-fit__products__fit-icon{display:flex;margin:2rem 0 0;gap:9.6rem;align-items:center}.why-fit__products__fit-icon .why-fit__products__navigation svg{height:3.6rem;cursor:pointer;transition:.1s ease-in-out;transition-property:scale,opacity;-webkit-user-select:none;user-select:none}.why-fit__products__fit-icon .why-fit__products__navigation svg:active{scale:1.2}.why-fit__products__fit-icon .why-fit__products__navigation.swiper-button-disabled{opacity:.3}.why-fit__products__fit-icon .fit-icon{width:9rem;height:auto}.why-fit__products__fit-name svg{display:flex;justify-content:center;width:100%;height:5rem;margin:3rem 0}.why-fit__products__fit-name .fit-name{height:5rem;width:auto;transition:.2s ease-out;transition-property:opacity,translate}.why-fit__products__fit-name .fit-name{position:absolute;left:50%;transform:translate(-50%);line-height:1.1}.why-fit__products__fit-name .fit-name.fitname-inactive{opacity:0;translate:0 1rem;transition:none}.why-fit__products .why-fit__products__button.btn{margin-top:1.8rem}@media (max-width: 768px){.why-fit__products__main-carousel .swiper-slide.swiper-slide-active img{scale:1}.why-fit__products__fit-icon{gap:6.4rem}.why-fit__products__fit-name svg{max-width:100%}.why-fit__products__fit-name .fit-name svg{max-width:80vw}}@media (max-width: 420px){.why-fit__products__fit-name{height:3.5rem}.why-fit__products__fit-name .fit-name svg{height:3.5rem}}.emoji-container{display:flex}.emoji{--image-height: 32rem;width:var(--image-height);aspect-ratio:1;height:auto;overflow:hidden}.emoji img{width:100%;height:auto}.emoji--okay img{animation:emoji-okay 1.5s steps(64) infinite}@keyframes emoji-okay{0%{translate:0 0}to{translate:0 calc(var(--image-height) * 64 * -1)}}.emoji--clap img{animation:emoji-clap 2.1s steps(67) infinite}@keyframes emoji-clap{0%{translate:0 0}to{translate:0 calc(var(--image-height) * 67 * -1)}}.emoji--thumbup img{animation:emoji-thumbup 1.75s steps(54) infinite}@keyframes emoji-thumbup{0%{translate:0 0}to{translate:0 calc(var(--image-height) * 54 * -1)}}@media (max-width: 1024px){.emoji-container{flex-direction:column}.emoji{--image-height: 24rem}}@media (max-width: 580px){.emoji{--image-height: 16rem}.animated_rings_slider .why-fit__products__fit-name{min-height:110px}}.why-fit .scene .btn.why-fit__text-section__link{margin-top:2em}
/*# sourceMappingURL=/cdn/shop/t/263/assets/animated-landing-why-fit.css.map */