.hero-float{--hf-ease: cubic-bezier(.16, 1, .3, 1);position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;display:grid;place-items:center;height:min(880px,calc(100svh - 110px));min-height:580px;background:var(--hf-bg);color:var(--hf-ink)}.hero-float__word{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;pointer-events:none;transform:translateY(-6%)}.hero-float__txt{display:flex;overflow:hidden;padding:0 .02em;font-family:var(--ff-d);font-weight:700;line-height:.82;letter-spacing:-.005em;font-size:clamp(96px,22.5cqw,430px);color:var(--hf-ink)}.hero-float__txt span{display:inline-block;transform:translateY(105%);animation:hfLetter .9s var(--hf-ease) forwards;animation-delay:calc(.15s + var(--i) * .05s)}.hero-float--outline .hero-float__txt{color:transparent;-webkit-text-stroke:2px var(--hf-ink)}.hero-float__logo{display:block;width:min(86cqw,1300px);height:auto;opacity:0;animation:hfFade 1s var(--hf-ease) .2s forwards}.hero-float__logo.is-inv{filter:invert(1)}.hero-float__shoe{position:relative;z-index:3;width:clamp(300px,46cqw,760px);margin-top:6%;opacity:0;transform:translateY(75vh) rotate(-30deg) scale(.82);animation:hfRise 1.5s var(--hf-ease) .55s forwards}.hero-float__bob{transform:rotate(-8deg);animation:hfBob 5.2s ease-in-out 2.05s infinite both}.hero-float__img{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 30px rgba(28,28,28,.16));-webkit-user-select:none;user-select:none}.hero-float__shadow{position:absolute;left:16%;right:16%;bottom:-16%;height:14%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#00000038,#0000);animation:hfShadow 5.2s ease-in-out 2.05s infinite}.hero-float__pill{position:absolute;z-index:4;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 22px;border:1px solid var(--hf-ink);border-radius:999px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 34px #1c1c1c1a;color:var(--hf-ink);text-decoration:none;opacity:0;transition:background .25s,color .25s}.hero-float__pill-t{display:flex;flex-direction:column;line-height:1.05}.hero-float__pill-t strong{font-family:var(--ff-d);font-weight:700;font-size:clamp(17px,1.5cqw,22px);letter-spacing:.02em;text-transform:uppercase}.hero-float__pill-t small{margin-top:4px;font-size:12px;opacity:.7}.hero-float__arr{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--hf-ink);color:#fff;transition:transform .25s var(--hf-ease),background .25s,color .25s}.hero-float__pill:hover{background:var(--hf-ink);color:#fff}.hero-float__pill:hover .hero-float__arr{background:#fff;color:var(--hf-ink);transform:rotate(-45deg)}.hero-float__pill--left{left:clamp(16px,9cqw,170px);top:30%;animation:hfInLeft .9s var(--hf-ease) 1.75s forwards,hfDrift 6.4s ease-in-out 2.65s infinite}.hero-float__pill--right{right:clamp(16px,9cqw,170px);top:58%;animation:hfInRight .9s var(--hf-ease) 1.9s forwards,hfDrift 7.2s ease-in-out 2.8s infinite reverse}.hero-float__bottom{position:absolute;z-index:4;left:50%;bottom:clamp(28px,5.5cqw,64px);display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);opacity:0;transform:translate(-50%,20px);animation:hfUp .8s var(--hf-ease) 2.1s forwards}.hero-float__trust{margin:0;font-size:12px;letter-spacing:.02em;text-align:center;opacity:.65}@keyframes hfLetter{to{transform:translateY(0)}}@keyframes hfFade{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes hfRise{to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes hfBob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-22px) rotate(-5deg)}}@keyframes hfShadow{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.8);opacity:.6}}@keyframes hfInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes hfInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes hfDrift{0%,to{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}@keyframes hfUp{to{opacity:1;transform:translate(-50%)}}@container (max-width: 767px){.hero-float{height:min(760px,calc(100svh - 100px));min-height:600px}.hero-float__word{transform:translateY(-19%)}.hero-float--logo .hero-float__word{transform:translateY(-12%)}.hero-float__txt{font-size:24cqw}.hero-float__logo{width:92cqw}.hero-float__shoe{width:88cqw;margin-top:26%}.hero-float--logo .hero-float__shoe{margin-top:16%}.hero-float__pill{gap:10px;padding:9px 9px 9px 16px}.hero-float__pill-t strong{font-size:16px}.hero-float__pill-t small{font-size:11px}.hero-float__arr{width:30px;height:30px}.hero-float__pill--left{left:16px;top:7%}.hero-float__pill--right{right:16px;top:auto;bottom:29%}.hero-float__bottom{width:calc(100% - 32px)}.hero-float__cta{width:100%;text-align:center}}.hero-float--static *,.hero-float--static *:before{animation:none!important}.hero-float--static .hero-float__txt span,.hero-float--static .hero-float__logo,.hero-float--static .hero-float__shoe,.hero-float--static .hero-float__pill{opacity:1;transform:none}.hero-float--static .hero-float__bob{transform:rotate(-8deg)}.hero-float--static .hero-float__bottom{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.hero-float *{animation:none!important}.hero-float__txt span,.hero-float__logo,.hero-float__shoe,.hero-float__pill{opacity:1;transform:none}.hero-float__bob{transform:rotate(-8deg)}.hero-float__bottom{opacity:1;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/29/compiled_assets/styles.css.map */