.top-fv{position:relative;width:100%;min-height:100vh}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpHalf{0%{opacity:0;transform:translateY(20px)}to{opacity:.5;transform:translateY(0)}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.top-fv__main-image-1,.top-fv__barcode,.top-fv__text,.top-fv__catchcopy,.top-fv__logo,.top-fv__main-image-2,.top-fv__main-image-3,.top-fv__scroll,.top-fv__mobile-cta,.top-fv__bottom-image{opacity:0}.top-fv.is-animated .top-fv__main-image-1{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.top-fv.is-animated .top-fv__barcode{animation:fadeInUp .4s ease-out forwards}.top-fv.is-animated .top-fv__text{animation:fadeInUpHalf .4s ease-out forwards}.top-fv.is-animated .top-fv__catchcopy{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) .4s forwards}.top-fv.is-animated .top-fv__logo{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) .75s forwards}.top-fv.is-animated .top-fv__main-image-2{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) 1.1s forwards}.top-fv.is-animated .top-fv__main-image-3{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) 1.3s forwards}.top-fv.is-animated .top-fv__scroll{animation:fadeInUp .4s ease-out 1.5s forwards,scrollBounce 1.8s ease-in-out 2.2s infinite}.top-fv.is-animated .top-fv__bottom-image{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) 1.5s forwards}.top-fv__mobile-cta{display:none}@media screen and (max-width:768px){@keyframes popInCentered{0%{opacity:0;transform:translate(-50%) scale(.5)}70%{transform:translate(-50%) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes fadeInUpCentered{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.top-fv.is-animated .top-fv__main-image-1{animation:popInCentered .5s cubic-bezier(.34,1.56,.64,1) forwards}.top-fv.is-animated .top-fv__catchcopy{animation:popInCentered .5s cubic-bezier(.34,1.56,.64,1) .4s forwards}.top-fv.is-animated .top-fv__logo{animation:popInCentered .5s cubic-bezier(.34,1.56,.64,1) .75s forwards}}.top-fv__barcode{position:absolute;top:0;left:clamp(9.375rem,-8.628rem + 73.86vw,80rem)}.top-fv__barcode-img{display:block;width:clamp(10rem,8.279rem + 7.06vw,16.75rem);height:clamp(2.5rem,2.118rem + 1.57vw,4rem);object-fit:contain}.top-fv__main-image-1{position:absolute;top:50px;left:clamp(2rem,-4.64rem + 13.815vw,11.938rem);z-index:1}.top-fv__main-image-1-img{display:block;width:clamp(24.072rem,7.989rem + 33.462vw,48.144rem);height:clamp(30rem,9.957rem + 41.703vw,60rem)}@media screen and (max-width:768px){.top-fv__main-image-1{top:3.25rem;left:50%;transform:translate(-50%)}.top-fv__main-image-1-img{width:clamp(21rem,8.619rem + 50.8vw,33rem);height:clamp(28.5rem,11.987rem + 67.75vw,44.5rem)}}.top-fv__main-image-2{position:absolute;top:clamp(6.2rem,4.997rem + 2.502vw,8rem);left:clamp(2.5rem,-3.221rem + 11.903vw,11.063rem);z-index:2}.top-fv__main-image-2-img{display:block;width:clamp(11.907rem,3.952rem + 16.55vw,23.813rem);height:clamp(9.188rem,3.05rem + 12.771vw,18.375rem);object-fit:contain}@media screen and (max-width:768px){.top-fv__main-image-2{top:6.5rem;left:6px;transform:none}.top-fv__main-image-2-img{width:clamp(12rem,4.262rem + 31.75vw,19.5rem);height:clamp(9.6rem,3.512rem + 24.98vw,15.5rem)}}.top-fv__main-image-2-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;transform:translate(-6.6%,-12.4%) rotate(-8deg);font-family:DotGothic16,sans-serif;font-weight:400;line-height:1.2;color:#00a3f0;text-align:center;pointer-events:none}.top-fv__main-image-2-text-line1{display:block;font-size:clamp(.935rem,.31rem + 1.299vw,1.869rem);transform:translate(.65em)}.top-fv__main-image-2-text-line2{display:block;font-size:clamp(1.139rem,.378rem + 1.584vw,2.279rem);margin-top:.15em}@media screen and (max-width:768px){.top-fv__main-image-2-text-line1{font-size:clamp(.942rem,.335rem + 2.492vw,1.531rem)}.top-fv__main-image-2-text-line2{font-size:clamp(1.148rem,.408rem + 3.038vw,1.866rem)}}.top-fv__main-image-3{position:absolute;top:clamp(14.2rem,12.997rem + 2.502vw,16rem);left:clamp(20.5rem,14.779rem + 11.903vw,29.063rem);z-index:1}.top-fv__main-image-3-img{display:block;width:clamp(11.907rem,3.952rem + 16.55vw,23.813rem);height:clamp(9.188rem,3.05rem + 12.771vw,18.375rem);object-fit:contain}@media screen and (max-width:768px){.top-fv__main-image-3{top:clamp(18rem,6.909rem + 45.5vw,28.75rem);right:6px;left:auto;z-index:2}.top-fv__main-image-3-img{width:clamp(12rem,4.262rem + 31.75vw,19.5rem);height:clamp(9.6rem,3.512rem + 24.98vw,15.5rem)}}.top-fv__right-content{position:absolute;left:clamp(24rem,.616rem + 48.653vw,59rem);top:clamp(5.813rem,1.939rem + 8.07vw,11.625rem);z-index:3}.top-fv__text{color:#000;font-family:DotGothic16,sans-serif;font-size:clamp(.506rem,.169rem + .7vw,1.013rem);font-style:normal;font-weight:400;line-height:clamp(.9rem,.3rem + 1.25vw,1.8rem);letter-spacing:clamp(.051rem,.017rem + .07vw,.101rem);margin:0;opacity:.5}.top-fv__catchcopy{margin-top:clamp(1.906rem,.634rem + 2.65vw,3.813rem)}.top-fv__catchcopy-img{display:block;width:clamp(21.596rem,7.201rem + 30vw,43.192rem);height:clamp(7.282rem,2.43rem + 10.11vw,14.565rem);object-fit:contain}.top-fv__logo{margin-top:-18px}.top-fv__logo-img{display:block;width:clamp(21.038rem,7.012rem + 29.22vw,42.075rem);height:clamp(6.608rem,2.202rem + 9.18vw,13.217rem);object-fit:contain}.top-fv__scroll{position:absolute;top:clamp(26.25rem,8.712rem + 36.49vw,52.5rem);left:clamp(28.125rem,-2.003rem + 62.685vw,73.219rem);color:#000;-webkit-text-stroke-width:.32px;-webkit-text-stroke-color:#000;font-family:DotGothic16,sans-serif;font-size:clamp(1rem,.851rem + .61vw,1.584rem);font-style:normal;font-weight:400;line-height:clamp(.594rem,.367rem + .93vw,1.485rem);letter-spacing:clamp(.1rem,.085rem + .06vw,.158rem);margin:0;z-index:3}.top-fv__bottom-image{position:absolute;top:clamp(18.75rem,4.97rem + 28.671vw,39.375rem);right:clamp(0rem,-3.132rem + 6.517vw,4.688rem);z-index:3;text-decoration:none;display:block}.top-fv.is-animated .top-fv__bottom-image.is-fixed{position:fixed;top:auto;bottom:1rem;right:1rem;z-index:50;animation:fixedBounceIn .6s cubic-bezier(.34,1.56,.64,1) forwards;cursor:pointer}.top-fv.is-animated .top-fv__bottom-image.is-fixed .top-fv__bottom-image-img{animation:subtlePulse 3s ease-in-out .6s infinite}.top-fv.is-animated .top-fv__bottom-image.is-fixed:hover .top-fv__bottom-image-img,.top-fv.is-animated .top-fv__bottom-image.is-fixed:active .top-fv__bottom-image-img{animation:none;transform:scale(.95);transition:transform .15s ease}@keyframes fixedBounceIn{0%{opacity:0;transform:translateY(2rem) scale(.8)}60%{opacity:1;transform:translateY(-.3rem) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.top-fv__bottom-image-img{display:block;width:clamp(12.056rem,9.728rem + 9.55vw,21.191rem);height:clamp(11.018rem,9.006rem + 8.25vw,18.91rem);object-fit:contain}.top-fv.is-animated .top-fv__bottom-image.is-fixed .top-fv__bottom-image-img{width:16rem;height:auto}@media screen and (max-width:768px){.top-fv{--top-fv-mobile-logo-top: clamp(32.15rem, 12.418rem + 80.96vw, 51.25rem);--top-fv-mobile-logo-height: clamp(5.3rem, 1.891rem + 13.99vw, 8.6rem);--top-fv-mobile-cta-top: calc(var(--top-fv-mobile-logo-top) + var(--top-fv-mobile-logo-height) + 1.2rem);min-height:calc(var(--top-fv-mobile-cta-top) + 8rem)}.top-fv__right-content{position:static;display:flex;flex-direction:column;align-items:center;width:100%;padding:0}.top-fv__text{position:absolute;top:52px;left:1px;color:#000;font-family:DotGothic16,sans-serif;font-size:clamp(.5rem,.242rem + 1.058vw,.75rem);font-style:normal;font-weight:400;line-height:16px;letter-spacing:.8px;margin:0;text-align:left}.top-fv__catchcopy{position:absolute;top:clamp(27.25rem,10.995rem + 66.69vw,43rem);left:50%;transform:translate(-50%);margin-top:0}.top-fv__catchcopy-img{width:clamp(18rem,6.644rem + 46.59vw,29rem);height:clamp(5.75rem,2.137rem + 14.82vw,9.25rem)}.top-fv__logo{position:absolute;top:var(--top-fv-mobile-logo-top);left:50%;transform:translate(-50%);margin-top:0}.top-fv__logo-img{width:clamp(18rem,6.644rem + 46.59vw,29rem);height:var(--top-fv-mobile-logo-height)}.top-fv__mobile-cta{position:absolute;top:var(--top-fv-mobile-cta-top);left:50%;display:flex;justify-content:center;width:100%;transform:translate(-50%);z-index:4}.top-fv.is-animated .top-fv__mobile-cta{animation:fadeInUpCentered .4s ease-out 1s forwards}.top-fv__mobile-cta .premium-button{width:min(19.375rem,calc(100vw - 2.5rem));height:3.875rem;background:#5a5856;border:1px solid rgba(0,0,0,.18);box-shadow:0 .625rem 1.5rem #30213829}.top-fv__mobile-cta .premium-button:hover{box-shadow:0 .75rem 1.75rem #30213833;transform:translateY(-2px)}.top-fv__mobile-cta .premium-button__inner{padding:0 .55rem}.top-fv__mobile-cta .premium-button__ring,.top-fv__mobile-cta .premium-button__icon{width:2.875rem;height:2.875rem}.top-fv__mobile-cta .premium-button__ring{padding:2px;box-shadow:none}.top-fv__mobile-cta .premium-button__ring-inner{background:#5a5856}.top-fv__mobile-cta .premium-button__icon svg{width:1.45rem;height:1.45rem;stroke-width:3.2}.top-fv__mobile-cta .premium-button__text{padding:0 .3rem}.top-fv__mobile-cta .premium-button__text-main{font-size:.98rem;font-weight:800;letter-spacing:.02em;line-height:1.1;white-space:nowrap}.top-fv__mobile-cta .premium-button__text-sub{color:#ffffff94;font-size:.56rem;letter-spacing:.18em;margin-top:.125rem}.top-fv__scroll{top:calc(var(--top-fv-mobile-cta-top) + 5.5rem);left:clamp(3.813rem,-4.506rem + 34.127vw,11.875rem);-webkit-text-stroke-width:.13px;font-size:clamp(1rem,.484rem + 2.116vw,1.5rem);line-height:9.504px;letter-spacing:1.6px;text-align:center}.top-fv__bottom-image{display:none}.top-fv__bottom-image.is-fixed{display:block}.top-fv.is-animated .top-fv__bottom-image.is-fixed .top-fv__bottom-image-img{width:10rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-top-fv.css.map?mo_v=20260607-cloud-text */