.mf-hero{--mx: 0;--my: 0;--sp: 0;display:block;background:#fff;overflow:hidden}.mf-hero__stage{position:relative;height:640px}@media(min-width:640px){.mf-hero__stage{height:720px}}@media(min-width:1024px){.mf-hero__stage{height:calc(100vh - 116px);min-height:680px;max-height:1000px}}.mf-hero__word-wrap{position:absolute;left:0;right:0;top:30%;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translateY(calc(var(--sp) * -140px)) scale(calc(1 + var(--sp) * .12));opacity:calc(1 - (min(var(--sp) / .8,1)*.85))}@media(min-width:640px){.mf-hero__word-wrap{top:34%}}@media(min-width:1024px){.mf-hero__word-wrap{top:26%}}.mf-hero__word-inner{position:relative;color:var(--mf-ink);transform:translate(calc(var(--mx) * -24px))}.mf-hero__kicker{position:absolute;top:-.9em;left:.06em;font-family:var(--font-heading-family);font-weight:300;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--mf-muted)}@media(min-width:640px){.mf-hero__kicker{font-size:20px}}@media(min-width:1024px){.mf-hero__kicker{font-size:24px}}.mf-hero__word{font-family:var(--font-heading-family);font-weight:400;line-height:.8;letter-spacing:-.055em;font-size:25vw}@media(min-width:1024px){.mf-hero__word{font-size:24vw}}@media(min-width:1280px){.mf-hero__word{font-size:22vw}}@media(min-width:1536px){.mf-hero__word{font-size:360px}}.mf-hero__letters{display:inline-flex;overflow:hidden;padding-bottom:.06em}.mf-hero__letter{display:inline-block;animation:mf-hero-letter 1.3s var(--mf-ease) calc(.15s + var(--i) * 60ms) both}@keyframes mf-hero-letter{0%{transform:translateY(100%)}to{transform:none}}.mf-hero__by{position:absolute;right:.04em;bottom:-1.5em;display:none;align-items:center;gap:12px;font-family:var(--font-heading-family);font-size:20px;font-weight:300;color:var(--mf-muted)}.mf-hero__by img{height:44px;width:auto}@media(min-width:640px){.mf-hero__by{display:flex}}@media(min-width:1024px){.mf-hero__by img{height:56px}}@media(min-width:640px)and (max-width:1023px){.mf-hero__kicker{font-size:16px;letter-spacing:.22em}.mf-hero__by{font-size:16px;gap:8px}.mf-hero__by img{height:36px}}.mf-hero__people{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translateY(calc(var(--sp) * 60px))}.mf-hero__people-inner{position:absolute;bottom:0;left:50%;height:78%;width:70%;transform:translate(-50%) translate(calc(var(--mx) * 18px),calc(var(--my) * 10px))}@media(min-width:640px){.mf-hero__people-inner{height:86%;width:52%}}@media(min-width:1024px){.mf-hero__people-inner{left:56%;height:94%;width:34%}}.mf-hero__person{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;padding-bottom:2%;opacity:0;transform:translate(40px);filter:blur(12px)}.mf-hero__person.is-active{opacity:1;transform:none;filter:blur(0);transition:opacity 1.1s var(--mf-ease),transform 1.1s var(--mf-ease),filter 1.1s var(--mf-ease)}.mf-hero__person.is-leaving{opacity:0;transform:translate(-30px);filter:blur(10px);transition:opacity .5s var(--mf-ease),transform .5s var(--mf-ease),filter .5s var(--mf-ease)}.mf-hero__person-img{height:var(--person-h, 100%);width:auto;max-width:none!important;object-fit:contain;object-position:bottom}.mf-hero__shoes{position:absolute;left:2%;bottom:7%;width:52%;max-width:520px;z-index:10;transform:translateY(calc(var(--sp) * -220px))}@media(min-width:640px){.mf-hero__shoes{left:4%;width:40%}}@media(min-width:1024px){.mf-hero__shoes{left:7%;bottom:9%;width:30%}}.mf-hero__shoes-inner{display:grid;transform:translate(calc(var(--mx) * 46px),calc(var(--my) * 30px))}.mf-hero__shoe{grid-area:1 / 1;display:block;opacity:0;transform:translate(120px) rotate(10deg);filter:blur(6px);pointer-events:none}.mf-hero__shoe.is-active{opacity:1;transform:none;filter:blur(0);pointer-events:auto;transition:opacity .6s var(--mf-ease-out) .35s,transform .9s var(--mf-ease-out) .35s,filter .6s var(--mf-ease-out) .35s}.mf-hero__shoe.is-leaving{opacity:0;transform:translate(-120px) rotate(-10deg);filter:blur(6px);transition:opacity .45s var(--mf-ease),transform .45s var(--mf-ease),filter .45s var(--mf-ease)}.mf-hero__shoe-stage{position:relative;display:block;padding-bottom:9%}.mf-hero__shoe-shadow{position:absolute;left:12%;right:10%;bottom:0;height:13%;border-radius:50%;background:radial-gradient(closest-side,rgba(26,26,23,.34),rgba(26,26,23,.12) 60%,transparent);filter:blur(5px);transition:transform .3s var(--mf-ease-out),opacity .3s var(--mf-ease-out)}.mf-hero__shoe:hover .mf-hero__shoe-shadow{transform:scaleX(.88);opacity:.7}.mf-hero__shoe-tilt{position:relative;display:block;transform:rotate(calc(var(--mx) * 6deg + var(--sp) * -14deg))}.mf-hero__shoe-img{display:block;width:100%;height:auto;transform:rotate(-7deg);transform-origin:60% 80%;transition:transform .3s var(--mf-ease-out)}.mf-hero__shoe:hover .mf-hero__shoe-img{transform:rotate(-7deg) translateY(-8px)}.mf-hero__person--bottom .mf-hero__person-img{-webkit-mask-image:linear-gradient(to top,transparent,#000 18%);mask-image:linear-gradient(to top,transparent,#000 18%)}.mf-hero__person--bottom-left .mf-hero__person-img{-webkit-mask-image:linear-gradient(to top,transparent,#000 18%),linear-gradient(to right,transparent,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,transparent,#000 18%),linear-gradient(to right,transparent,#000 14%);mask-composite:intersect}.mf-hero__person--bottom-right .mf-hero__person-img{-webkit-mask-image:linear-gradient(to top,transparent,#000 18%),linear-gradient(to left,transparent,#000 16%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,transparent,#000 18%),linear-gradient(to left,transparent,#000 16%);mask-composite:intersect}.mf-hero__person--bottom,.mf-hero__person--bottom-left,.mf-hero__person--bottom-right{padding-bottom:0}.mf-hero__person-img--shadow{filter:drop-shadow(0 18px 30px rgba(30,45,30,.16))}.mf-hero__shoe-card{display:block;width:78%;margin:0 0 8px 6%;overflow:hidden;border-radius:22px;box-shadow:0 0 0 4px #fff,0 24px 50px #1e2d1e38;transform:rotate(-3deg);transition:transform .5s var(--mf-ease-out)}.mf-hero__shoe:hover .mf-hero__shoe-card{transform:none}.mf-hero__shoe-card-img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.mf-hero__chip{display:inline-flex;align-items:center;gap:8px;margin:4px 0 0 8%;padding:8px 16px;border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000000f;white-space:nowrap;font-size:12px;color:var(--mf-ink)}@media(min-width:640px){.mf-hero__chip{font-size:14px}}.mf-hero__chip-label{font-weight:500}.mf-hero__chip-price{color:var(--mf-muted)}.mf-hero__chip .mf-icon{transition:transform .2s var(--mf-ease-out)}.mf-hero__shoe:hover .mf-hero__chip .mf-icon{transform:translate(2px,-2px)}.mf-hero__stack{display:grid}.mf-hero__stack>*{grid-area:1 / 1;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.mf-hero__stack>.is-active{opacity:1;transform:none;pointer-events:auto;transition:opacity .6s var(--mf-ease) .25s,transform .6s var(--mf-ease) .25s}.mf-hero__story{display:none;position:absolute;right:5%;bottom:4%;width:300px;z-index:10}@media(min-width:1024px){.mf-hero__story{display:block}}.mf-hero__name{font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--mf-muted)}.mf-hero__tagline{margin-top:8px!important;font-size:15px;line-height:1.6;color:var(--mf-ink)}.mf-hero__story-btn{margin-top:24px}.mf-hero__mobile-story{padding:32px 20px 0;text-align:center}@media(min-width:1024px){.mf-hero__mobile-story{display:none}}.mf-hero__mobile-tagline{max-width:34ch;margin:0 auto!important;font-size:15px;line-height:1.6}.mf-hero__band{display:grid;gap:24px;align-items:end;margin-top:40px;padding-top:32px;border-top:1px solid rgba(30,63,32,.1)}@media(min-width:1024px){.mf-hero__band{grid-template-columns:1.5fr 1fr;gap:64px;margin-top:48px;padding-top:40px}}.mf-section .mf-hero__h1{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:30px;line-height:1.05;letter-spacing:-.03em;color:var(--mf-ink);text-wrap:balance}@media(min-width:640px){.mf-section .mf-hero__h1{font-size:40px}}@media(min-width:1024px){.mf-section .mf-hero__h1{font-size:48px}}.mf-hero__text{margin-top:16px}.mf-hero__text p{margin:0}.mf-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}@media(min-width:1024px){.mf-hero__ctas{justify-content:flex-end}}.mf-hero__bars{display:grid;grid-template-columns:repeat(var(--bars, 3),1fr);gap:16px;max-width:460px;margin:32px auto 0}@media(min-width:1024px){.mf-hero__bars{margin:16px 0 0}}.mf-hero__bar{text-align:left}.mf-hero__bar-track{display:block;height:1px;background:#1e3f2026;overflow:hidden}.mf-hero__bar-fill{display:block;height:100%;background:var(--mf-ink);transform:scaleX(0);transform-origin:left}.mf-hero__bar.is-done .mf-hero__bar-fill{transform:scaleX(1)}.mf-hero__bar.is-current .mf-hero__bar-fill{animation:mf-bar-fill var(--slide-ms) linear forwards}.mf-hero.is-paused .mf-hero__bar-fill{animation-play-state:paused}.mf-hero.is-still .mf-hero__bar.is-current .mf-hero__bar-fill{animation:none;transform:scaleX(1)}@keyframes mf-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mf-hero__bar-name{display:block;margin-top:10px;font-size:12px;color:var(--mf-muted);transition:color .15s ease}.mf-hero__bar.is-current .mf-hero__bar-name,.mf-hero__bar:hover .mf-hero__bar-name{color:var(--mf-ink)}.mf-hero__cats{padding:56px 0 48px}.mf-hero__cats-rule{display:flex;align-items:center;gap:24px}.mf-hero__cats-rule span{flex:1;height:1px;background:#1e3f201f}.mf-hero__cats-rule p{font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.mf-hero__cats ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:24px!important}.mf-hero__cats a{font-size:14px;color:var(--mf-muted);border-bottom:1px solid transparent;padding-bottom:2px;transition:color .15s ease,border-color .15s ease}.mf-hero__cats a:hover{color:var(--mf-ink);border-color:var(--mf-ink)}.mf-hero__spacer{height:48px}.mf-decor{position:absolute;left:0;right:0;top:0;height:170px;z-index:5;pointer-events:none;overflow:hidden}.mf-decor__toran{position:absolute;left:0;top:0;width:100%;height:54px}.mf-decor__lights{position:absolute;left:0;top:44px;width:100%;height:110px}@media(min-width:640px){.mf-decor__toran{height:64px}.mf-decor__lights{top:52px}}.mf-decor__sparkle{position:absolute;animation:mf-float 4.5s ease-in-out infinite}.mf-decor__sparkle--1{left:8%;top:150px;opacity:.7}.mf-decor__sparkle--2{right:10%;top:130px;opacity:.8;animation-delay:-1.5s}.mf-decor__sparkle--3{left:46%;top:140px;opacity:.5;display:none;animation-delay:-3s}@media(min-width:640px){.mf-decor__sparkle--3{display:block}}.mf-twinkle{animation:mf-twinkle 2.4s ease-in-out infinite}@keyframes mf-twinkle{0%,to{opacity:1}50%{opacity:.45}}@keyframes mf-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.mf-hero__letter,.mf-twinkle,.mf-decor__sparkle{animation:none}.mf-hero__person,.mf-hero__shoe,.mf-hero__person.is-active,.mf-hero__shoe.is-active,.mf-hero__person.is-leaving,.mf-hero__shoe.is-leaving{transform:none;filter:none}}.mf-chero .mf-hero__word-wrap{top:24%}@media(min-width:640px){.mf-chero .mf-hero__word-wrap{top:26%}}@media(min-width:1024px){.mf-chero .mf-hero__word-wrap{top:20%}}.mf-section.mf-chero .mf-hero__word{margin:0;color:var(--mf-ink);font-size:26vw}@media(min-width:1024px){.mf-section.mf-chero .mf-hero__word{font-size:25vw}}@media(min-width:1536px){.mf-section.mf-chero .mf-hero__word{font-size:380px}}.mf-section.mf-chero .mf-chero__word--short{font-size:40vw}@media(min-width:1024px){.mf-section.mf-chero .mf-chero__word--short{font-size:34vw}}@media(min-width:1536px){.mf-section.mf-chero .mf-chero__word--short{font-size:480px}}.mf-chero__stats{position:absolute;top:-.9em;right:.06em;display:none;font-family:var(--font-heading-family);font-weight:300;font-size:20px;color:var(--mf-muted);white-space:nowrap}@media(min-width:640px){.mf-chero__stats{display:block}}@media(min-width:1024px){.mf-chero__stats{font-size:24px}}.mf-chero .mf-hero__people-inner{left:58%;height:84%}@media(min-width:1024px){.mf-chero .mf-hero__people-inner{left:56%;height:94%}}.mf-chero--waist .mf-hero__people-inner{left:60%;height:74%}@media(min-width:1024px){.mf-chero--waist .mf-hero__people-inner{left:54%;height:76%}}.mf-chero--waist .mf-hero__person{padding-bottom:0}.mf-chero--waist .mf-hero__person-img{-webkit-mask-image:linear-gradient(to top,transparent,#000 18%);mask-image:linear-gradient(to top,transparent,#000 18%)}.mf-chero .mf-hero__shoes{left:2%;bottom:8%;width:50%;max-width:480px}@media(min-width:640px){.mf-chero .mf-hero__shoes{left:4%;width:40%}}@media(min-width:1024px){.mf-chero .mf-hero__shoes{left:8%;width:28%}}.mf-chero__title{font-family:var(--font-heading-family);font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--mf-ink)}.mf-chero__text{margin-top:8px!important;font-size:15px;line-height:1.65;color:var(--mf-muted)}.mf-chero__link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding-bottom:2px;border-bottom:1px solid rgba(30,63,32,.3);font-size:14px;font-weight:500;color:var(--mf-ink);transition:border-color .15s ease}.mf-chero__link:hover{border-color:var(--mf-ink)}.mf-chero__link .mf-icon{transition:transform .2s var(--mf-ease-out)}.mf-chero__link:hover .mf-icon{transform:translate(3px)}.mf-chero__mobile{padding:32px 20px 16px;text-align:center}.mf-chero__mobile .mf-chero__text{max-width:34ch;margin-left:auto!important;margin-right:auto!important}.mf-chero__mobile-stats{margin-top:12px!important;font-size:14px;color:var(--mf-muted)}@media(min-width:1024px){.mf-chero__mobile{display:none}}.mf-chero+* #ProductGridContainer,#ProductGridContainer{scroll-margin-top:140px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mf-hero.css.map */