.hero{background:#1d1e23;width:100%;position:relative}.hero .hero-view{width:100%;height:100svh;min-height:480px;position:relative;overflow:hidden}@supports (height:100dvh){.hero .hero-view{height:100svh}}.hero .hero-mobile{display:none}.hero .stage{width:1200px;height:660px;transform:translate(-50%,var(--ty,0px)) scale(var(--s,1));transform-origin:top;background:radial-gradient(1000px 700px at 4% -6%,#ffffff21,#0000 62%),radial-gradient(760px 520px at 104% 108%,#0009,#0000 70%),linear-gradient(128deg,#3f4046 0%,#303138 30%,#25262c 52%,#1b1c23 72%,#0f0f18 100%);position:absolute;top:0;left:50%;overflow:hidden}.hero .bg-word{pointer-events:none;width:1200px;height:660px;position:absolute;top:0;left:0;overflow:hidden}.hero .bg-word span{font-family:var(--font-anton),Impact,"Arial Narrow",sans-serif;letter-spacing:2px;color:#2a2b31;transform-origin:0 0;opacity:0;font-size:343px;line-height:1;position:absolute;top:124px;left:359px;transform:skew(-10deg)scaleX(.9345)}.hero .ready .bg-word span{animation:1.15s cubic-bezier(.19,.78,.24,1) .5s forwards wordIn}@keyframes wordIn{0%{opacity:0;transform:skew(-10deg)scaleX(.9345)translate(30px,24px)}to{opacity:1;transform:skew(-10deg)scaleX(.9345)translate(0)}}.hero .swoosh{pointer-events:none;opacity:0;transform-origin:6% 94%;filter:drop-shadow(0 26px 44px #d624964d);width:1200px;height:660px;position:absolute;top:0;left:0;transform:translate(-30%,30%)scale(.58)rotate(-7deg)}.hero .ready .swoosh{animation:1.2s cubic-bezier(.16,.86,.28,1) 40ms forwards swooshIn}@keyframes swooshIn{0%{opacity:0;transform:translate(-30%,30%)scale(.58)rotate(-7deg)}22%{opacity:1}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.hero .nav{opacity:0;width:1200px;height:100px;position:absolute;top:0;left:0}.hero .ready .nav{animation:.75s cubic-bezier(.2,.8,.2,1) 1.15s forwards navIn}@keyframes navIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.hero .navbar{left:calc(22px + var(--cx,0px));right:calc(22px + var(--cx,0px));align-items:center;gap:16px;height:72px;padding:0 2px 0 8px;display:flex;position:absolute;top:24px}.hero .logo{filter:drop-shadow(0 4px 14px #00000073);flex:none;align-items:center;display:flex}.hero .logo img{width:auto;height:62px}.hero .links{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.hero .links a{letter-spacing:1.2px;text-transform:uppercase;color:#c5c5cd;white-space:nowrap;padding:7px 8px;font-size:10.6px;font-weight:600;transition:color .25s;position:relative}.hero .links a:hover,.hero .links a.is-on{color:#fff}.hero .links a.is-on:after{content:"";background:#ff2d78;border-radius:1px;height:1.6px;position:absolute;bottom:0;left:0;right:0}.hero .nav-actions{flex:none;align-items:center;gap:8px;display:flex}.hero .nav-btn{color:#c5c5cd;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:color .25s,background .25s;display:flex;position:relative}.hero .nav-btn:hover{color:#fff;background:#ffffff1a}.hero .nav-count{color:#fff;text-align:center;background:#ff2d78;border-radius:7px;min-width:13px;height:13px;padding:0 3px;font-size:8px;font-weight:700;line-height:13px;position:absolute;top:2px;right:1px}.hero .search{border-radius:17px;align-items:center;height:34px;transition:background .3s,padding .3s;display:flex}.hero .search input{opacity:0;color:#fff;width:0;min-width:0;font:inherit;letter-spacing:.1px;background:0 0;border:0;outline:0;padding:0;font-size:10.5px;transition:width .3s cubic-bezier(.2,.8,.2,1),opacity .25s,margin .3s}.hero .search input::placeholder{color:#8f9098}.hero .search:focus-within{background:#ffffff1a;padding-right:14px}.hero .search:focus-within input{opacity:1;width:126px;margin-left:4px}.hero .panel{pointer-events:none;width:1200px;height:660px;position:absolute;top:0;left:0}.hero .panel>*{left:calc(83px + var(--cx,0px));opacity:0;pointer-events:auto;position:absolute;transform:translateY(18px)}.hero .ready .panel>*{animation:.75s cubic-bezier(.18,.82,.22,1) forwards rise}.hero .ready .title{animation-delay:1.02s}.hero .ready .subtitle{animation-delay:1.1s}.hero .ready .price{animation-delay:1.18s}.hero .ready .lbl-color{animation-delay:1.26s}.hero .ready .colors{animation-delay:1.32s}.hero .ready .lbl-size{animation-delay:1.38s}.hero .ready .sizes{animation-delay:1.44s}.hero .ready .buy{animation-delay:1.54s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.hero .title{font-family:var(--font-oswald),sans-serif;letter-spacing:-.2px;white-space:nowrap;color:#fbfbfd;text-shadow:0 2px 14px #00000080;font-size:33px;font-weight:500;line-height:1;top:210px}.hero .title .t2{color:#ff4d8d;font-weight:400}.hero .subtitle{letter-spacing:2.7px;color:#b9b9c2;font-size:13px;font-weight:300;line-height:1;top:246px}.hero .price{font-family:var(--font-oswald),sans-serif;letter-spacing:.2px;color:#fbfbfd;font-size:20px;font-weight:500;line-height:1;top:279px}.hero .label{letter-spacing:.35px;color:#e8e8ee;font-size:8.2px;font-weight:600;line-height:1}.hero .lbl-color{top:320px}.hero .lbl-size{top:366px}.hero .label .units{color:#6a6b74;margin-left:11px;font-weight:400}.hero .label .units b{cursor:pointer;margin-right:7px;font-weight:400}.hero .label .units b.on{color:#ff4d8d}.hero .colors{align-items:center;gap:5px;display:flex;top:336px}.hero .dot{background:var(--c);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:transform .25s;box-shadow:0 0 0 1px #ffffff47}.hero .dot:hover{transform:scale(1.3)}.hero .dot.ring{background:var(--c);width:11px;height:11px;box-shadow:0 0 0 1.5px #fff3}.hero .sizes{color:#76777f;align-items:center;font-size:7.5px;font-weight:500;line-height:1;display:flex;top:384px}.hero .sizes li{text-align:center;cursor:pointer;min-width:16px;margin-right:13px;transition:color .25s}.hero .sizes li.sold,.hero .sizes li.more{cursor:default;color:#5f606a}.hero .sizes li.sold{letter-spacing:.6px;min-width:0}.hero .sizes li:hover{color:#fff}.hero .sizes li.is-on{color:#17171c;background:#fff;border-radius:9px;min-width:18px;height:18px;margin-right:13px;padding:0 5px;font-size:8px;font-weight:600;line-height:18px}.hero .buy{left:calc(82px + var(--cx,0px));color:#fff;letter-spacing:1.4px;background:#e5153f;border-radius:2px;width:109px;height:23px;font-size:8px;font-weight:600;transition:transform .25s,box-shadow .25s;top:416px;box-shadow:0 9px 20px #e5153f5c}.hero .buy:hover{transform:translateY(-2px);box-shadow:0 13px 26px #e5153f80}.hero .cards{pointer-events:none;width:1200px;height:660px;position:absolute;top:0;left:0}.hero .card{opacity:0;filter:drop-shadow(-10px 14px 14px #00000080);position:absolute}.hero .card-bg{background:linear-gradient(115deg,var(--c1,#b37bff),var(--c2,#6d5dfc));border-radius:3px;position:absolute;inset:18% 4% 8% 16%;transform:skew(-42deg);box-shadow:inset 0 1px #ffffff59}.hero .card img{filter:drop-shadow(-4px 7px 5px #00000059);width:48%;height:auto;position:absolute;top:-26%;left:30%;transform:rotate(52deg)}.hero .card-1 img{left:26%;transform:rotate(52deg)scaleX(-1)}.hero .card-2 img{top:-36%;transform:rotate(38deg)}.hero .ready .card{animation:.85s cubic-bezier(.2,.88,.3,1.12) forwards cardIn}.hero .ready .card:first-child{animation-delay:1.5s}.hero .ready .card:nth-child(2){animation-delay:1.62s}.hero .ready .card:nth-child(3){animation-delay:1.74s}@keyframes cardIn{0%{opacity:0;transform:translate(86px,66px)scale(.72)}to{opacity:1;transform:none}}.hero .cards.swap .card{animation:1.05s cubic-bezier(.2,.88,.3,1.12) forwards cardSwap}.hero .cards.swap .card:first-child{animation-delay:.3s}.hero .cards.swap .card:nth-child(2){animation-delay:.4s}.hero .cards.swap .card:nth-child(3){animation-delay:.5s}@keyframes cardSwap{0%{opacity:1;transform:none}26%{opacity:0;transform:translate(-44px,32px)scale(.82)}27%{opacity:0;transform:translate(86px,66px)scale(.72)}to{opacity:1;transform:none}}.hero .shoes{pointer-events:none;perspective:1100px;width:1200px;height:660px;position:absolute;top:0;left:0}.hero .shoe{opacity:0;transform-origin:50%;filter:drop-shadow(-34px 54px 40px #0000008c);will-change:transform,opacity;width:392px;height:auto;position:absolute;top:70px;left:404px}.hero .shoe.is-active{opacity:1}.hero .ready .shoe.intro{animation:1.25s cubic-bezier(.17,.86,.22,1) .42s forwards shoeIntro}@keyframes shoeIntro{0%{opacity:0;transform:translate(500px,-470px)rotate(17deg)scale(.74)}32%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.hero .shoe.leave{animation:.72s cubic-bezier(.55,.02,.86,.4) forwards shoeOut}@keyframes shoeOut{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}40%{opacity:1;transform:translate(-118px,72px)rotate(-42deg)scale(.6)rotateX(28deg)}to{opacity:0;transform:translate(-352px,236px)rotate(-124deg)scale(.1)rotateX(52deg)}}.hero .shoe.enter{animation:.82s cubic-bezier(.16,.84,.24,1.02) .48s forwards shoeIn}@keyframes shoeIn{0%{opacity:0;transform:translate(-352px,236px)rotate(-118deg)scale(.1)rotateX(52deg)}22%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.hero .streaks{pointer-events:none;width:1200px;height:660px;position:absolute;top:0;left:0}.hero .streak{transform-origin:0;opacity:0;transform:rotate(var(--a)) scaleX(1);border-radius:4px;position:absolute}.hero .streak:after{content:"";background:inherit;filter:blur(6px);opacity:.38;border-radius:8px;position:absolute;inset:-3px -6px}.hero .s1{--a:-45deg;background:linear-gradient(90deg,#ff2d7800 0%,#ff2d7873 14%,#ff2d78 34%,#ffe4ef 56%,#ff4f9d 72%,#ff9a4d 90%,#ff9a4d00 100%);width:686px;height:2.8px;top:585px;left:470px}.hero .s2{--a:-45deg;background:linear-gradient(90deg,#d6206e00 0%,#d6206e80 16%,#ff6a4a 46%,#ffc79a 64%,#ff5f8f 84%,#ff5f8f00 100%);width:346px;height:2.4px;top:354px;left:600px}.hero .s3{--a:-45deg;background:linear-gradient(90deg,#2b6bff00 0%,#2b6bff 12%,#4a46ff 46%,#7a2dd6 72%,#7a2dd600 100%);width:245px;height:2.6px;top:390px;left:707px}.hero .s4{--a:-45deg;opacity:0;background:linear-gradient(90deg,#be1a6000,#be1a60d9 38%,#ff5f9e 74%,#ff5f9e00);width:640px;height:1.5px;top:583px;left:480px}.hero .s4:after{opacity:.3}.hero .ready .streak{animation:1.05s cubic-bezier(.2,.9,.3,1) forwards streakIn}.hero .ready .s1{animation-delay:1s}.hero .ready .s2{animation-delay:1.12s}.hero .ready .s3{animation-delay:1.26s}.hero .ready .s4{animation-delay:1.18s}@keyframes streakIn{0%{opacity:0;transform:rotate(var(--a)) scaleX(0)}26%{opacity:1}to{opacity:1;transform:rotate(var(--a)) scaleX(1)}}.hero .streaks.flash .streak{animation:1.15s cubic-bezier(.2,.9,.3,1) forwards streakIn}.hero .streaks.flash .s1{animation-delay:.34s}.hero .streaks.flash .s2{animation-delay:.44s}.hero .streaks.flash .s3{animation-delay:.56s}.hero .streaks.flash .s4{animation-delay:.5s}.hero .arrows{transform-origin:0 0;opacity:0;width:83px;height:22px;display:flex;position:absolute;top:321px;left:661px;transform:skew(-31deg);box-shadow:0 10px 22px #00000073}.hero .ready .arrows{animation:.6s cubic-bezier(.2,.9,.3,1.5) 1.62s forwards arrowsIn}@keyframes arrowsIn{0%{opacity:0;transform:skew(-31deg)scale(.55)}to{opacity:1;transform:skew(-31deg)scale(1)}}.hero .arrow{justify-content:center;align-items:center;height:22px;transition:filter .2s;display:flex}.hero .arrow span{font-size:11px;font-weight:700;line-height:1;display:block;transform:skew(31deg)}.hero .arrow.prev{color:#fff;background:#0f0f14;width:31px;padding-right:3px}.hero .arrow.next{color:#0f0f14;background:#fff;width:52px}.hero .arrow:hover{filter:brightness(1.25)}.hero .tiny-ring{opacity:0;border:1.4px solid #85868f;border-radius:50%;width:9px;height:9px;position:absolute;top:533px;left:576px}.hero .ready .tiny-ring{animation:.6s 1.92s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.hero .thumbs{left:calc(0px - var(--cx,0px));pointer-events:none;width:1200px;height:660px;position:absolute;top:0}.hero .thumb{pointer-events:auto;opacity:0;position:absolute;transform:translate(52px)}.hero .thumb button{width:100%;height:100%;display:block;position:relative}.hero .thumb img{opacity:.62;filter:drop-shadow(0 8px 10px #00000080);width:52%;height:auto;transition:transform .35s cubic-bezier(.2,.9,.3,1.35),opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(50deg)}.hero .thumb:hover img{opacity:1;transform:translate(-50%,-50%)rotate(50deg)scale(1.14)}.hero .thumb.is-on img{opacity:1}.hero .ready .thumb{animation:.85s cubic-bezier(.2,.9,.3,1.1) forwards thumbIn}.hero .ready .thumb:first-child{animation-delay:1.46s}.hero .ready .thumb:nth-child(2){animation-delay:1.58s}.hero .ready .thumb:nth-child(3){animation-delay:1.7s}@keyframes thumbIn{to{opacity:1;transform:translate(0)}}.hero .thumbs .marker{opacity:0;width:9px;height:9px;transform:translateY(var(--my,393px));border:1.4px solid #c9c9d2;border-radius:50%;transition:transform .55s cubic-bezier(.2,.9,.3,1.2);position:absolute;top:0;left:1108px}.hero .ready .thumbs .marker{animation:.5s 2s forwards fadeIn}.hero .big-ring{left:calc(1122px - var(--cx,0px));opacity:0;position:absolute;top:225px;transform:rotate(-26deg)}.hero .ready .big-ring{animation:1.3s cubic-bezier(.2,.9,.3,1) 1.36s forwards ringIn}@keyframes ringIn{0%{opacity:0;transform:rotate(-140deg)scale(.72)}to{opacity:1;transform:rotate(-26deg)scale(1)}}.hero .swap-out{animation:.34s ease-in forwards textOut!important}.hero .swap-in{animation:.55s cubic-bezier(.2,.9,.3,1) .28s forwards textIn!important}@keyframes textOut{to{opacity:0;transform:translateY(-14px)}}@keyframes textIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero .scroll-cue{left:calc(83px + var(--cx,0px));opacity:0;border:1.4px solid #6a6b74;border-radius:8px;width:15px;height:24px;position:absolute;top:606px}.hero .scroll-cue span{background:#ff4d8d;border-radius:1px;width:2px;height:5px;margin-left:-1px;animation:1.6s infinite cue;position:absolute;top:5px;left:50%}.hero .ready .scroll-cue{animation:.6s 2.1s forwards fadeIn}@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.hero .ready *,.hero .ready :after{animation-duration:1ms!important;animation-delay:0s!important}}@media (max-width:700px) and (orientation:portrait),(max-height:560px) and (orientation:landscape){.hero .hero-view{height:min(58svh,125vw);min-height:360px}.hero .nav,.hero .panel,.hero .thumbs,.hero .big-ring,.hero .scroll-cue,.hero .tiny-ring{display:none}.hero .hero-mobile{background:linear-gradient(#1b1c22,#16171c);padding:4px 20px 34px;display:block;position:relative}.hero .m-title{font-family:var(--font-oswald),sans-serif;color:#fbfbfd;font-size:38px;font-weight:500;line-height:1.05}.hero .m-title .t2{color:#ff4d8d;font-weight:400}.hero .m-sub{letter-spacing:3px;color:#b9b9c2;margin-top:4px;font-size:14px;font-weight:300}.hero .m-price{font-family:var(--font-oswald),sans-serif;color:#fbfbfd;margin-top:12px;font-size:22px;font-weight:500}.hero .m-row{align-items:center;gap:12px;margin-top:18px;display:flex}.hero .m-buy{color:#fff;letter-spacing:1.4px;background:#e5153f;border-radius:10px;flex:1;height:48px;font-weight:600;box-shadow:0 10px 22px #e5153f59}.hero .m-arrow{color:#e9e9ef;border:1px solid #ffffff29;border-radius:10px;width:48px;height:48px;font-size:16px}.hero .m-dots{gap:8px;margin-top:16px;display:flex}.hero .m-dots i{background:#ffffff2e;border-radius:2px;width:22px;height:4px;transition:background .3s}.hero .m-dots i.on{background:#ff4d8d}.hero .m-title,.hero .m-sub,.hero .m-price{opacity:1}}@media (max-height:560px) and (orientation:landscape){.hero .hero-view{height:min(72svh,300px);min-height:0}.hero .hero-mobile{padding:4px 20px 26px}.hero .m-title{font-size:30px}}