.mf-tech{display:block;padding:96px 0;overflow:hidden;scroll-margin-top:80px}@media(min-width:640px){.mf-tech{padding:128px 0}}.mf-tech__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 30% 55%,rgba(132,189,58,.2),transparent 70%);pointer-events:none}.mf-tech__inner{position:relative}.mf-tech__top{display:flex;flex-direction:column;justify-content:space-between;gap:24px}@media(min-width:1024px){.mf-tech__top{flex-direction:row;align-items:flex-end}}.mf-tech__intro{max-width:38ch;font-size:16px;line-height:1.65;color:#ffffffb3}@media(min-width:640px){.mf-tech__intro{font-size:18px}}.mf-tech__hotspot{position:absolute!important;width:48px;height:48px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:10}.mf-tech__pulse{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:999px;background:#84bd3a80;animation:mf-pulse 2s ease-out infinite;animation-delay:var(--pulse-delay, 0ms)}.mf-tech__hotspot.is-active .mf-tech__pulse{display:none}@keyframes mf-pulse{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.9);opacity:0}}.mf-tech__dot{position:relative;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--mf-lime);color:var(--mf-deep);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:0 6px 18px #00000040;transition:transform .2s var(--mf-ease-out),background-color .2s ease}.mf-tech__hotspot:hover .mf-tech__dot{transform:scale(1.08)}.mf-tech__hotspot:active .mf-tech__dot{transform:scale(.92)}.mf-tech__hotspot.is-active .mf-tech__dot{background:#fff;transform:scale(1.15)}.mf-tech__stage{position:relative;display:none;aspect-ratio:16 / 8.5;margin-top:40px}@media(min-width:1024px){.mf-tech__stage{display:block}}.mf-tech__shoe{position:absolute;left:2%;top:19%;width:58%}.mf-js .mf-tech__shoe.mf-rise:not(.is-in){transform:translate(-40px)}.mf-tech__shoe.is-in{transition:opacity 1s var(--mf-ease),transform 1s var(--mf-ease)}.mf-tech__shoe-shadow{position:absolute;left:8%;right:6%;bottom:-6%;height:16%;border-radius:50%;background:#0006;filter:blur(18px)}.mf-tech__shoe-img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}.mf-tech__shoe--backdrop .mf-tech__shoe-shadow{display:none}.mf-tech__shoe--backdrop .mf-tech__shoe-img{filter:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}.mf-tech__connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.mf-tech__connector path{fill:none;stroke:var(--mf-lime);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.mf-tech__connector.is-drawing path{animation:mf-draw .6s var(--mf-ease-out) both}@keyframes mf-draw{0%{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}.mf-tech__card{position:absolute;left:68%;top:4%;width:30%;aspect-ratio:4 / 5}.mf-tech__card-inner{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#0000004d;box-shadow:0 30px 60px #00000059}.mf-tech__clip{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.05);filter:blur(10px);transition:opacity .3s ease}.mf-tech__clip.is-active{opacity:1;transform:none;filter:blur(0);transition:opacity .7s var(--mf-ease),transform .7s var(--mf-ease),filter .7s var(--mf-ease)}.mf-video{display:block;width:100%;height:100%}.mf-video video,.mf-video img{display:block;width:100%;height:100%;object-fit:cover}.mf-tech__bars{position:absolute;left:20px;right:20px;top:20px;display:flex;gap:6px}.mf-tech__bar{flex:1;height:3px;border-radius:3px;background:#ffffff4d;overflow:hidden}.mf-tech__bar span{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.mf-tech__bar.is-done span,.mf-tech__bar.is-current span{transform:none}.mf-tech.is-auto .mf-tech__bar.is-current span{animation:mf-tech-fill var(--step-ms) linear forwards}.mf-tech.is-paused .mf-tech__bar.is-current span{animation-play-state:paused}@keyframes mf-tech-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mf-tech__caption{position:absolute;left:0;right:0;bottom:0;display:grid;padding:96px 24px 24px;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.35) 55%,transparent)}.mf-tech__caption-item{grid-area:1 / 1;align-self:end;opacity:0;transform:translateY(10px);transition:opacity .15s ease}.mf-tech__caption-item.is-active{opacity:1;transform:none;transition:opacity .45s var(--mf-ease-out) .15s,transform .45s var(--mf-ease-out) .15s}.mf-tech__kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#b9d98a}.mf-section .mf-tech__card-title{margin-top:8px;font-size:26px;font-weight:400;line-height:1.15}.mf-tech__card-text{margin-top:8px!important;font-size:14px;line-height:1.6;color:#fffc}.mf-tech__tabs{display:none;grid-template-columns:repeat(var(--count, 5),1fr);gap:16px;margin-top:8px}@media(min-width:1024px){.mf-tech__tabs{display:grid}}.mf-tech__tab{text-align:left;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.15)!important;color:#ffffff80!important;transition:color .2s ease,border-color .2s ease}.mf-tech__tab:hover{color:#fffc!important}.mf-tech__tab[aria-selected=true]{border-color:var(--mf-lime)!important;color:#fff!important}.mf-tech__tab-num{display:block;font-size:11px;letter-spacing:.2em;font-variant-numeric:tabular-nums}.mf-tech__tab-name{display:block;margin-top:4px;font-family:var(--font-heading-family);font-size:18px}.mf-tech__mobile{margin-top:40px}@media(min-width:1024px){.mf-tech__mobile{display:none}}.mf-tech__mobile-shoe{position:relative;max-width:560px;margin:0 auto;padding:0 8px}.mf-tech__mobile-shoe .mf-tech__shoe-img{filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}.mf-tech__rail{display:flex;gap:16px;margin:48px -20px 0;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}.mf-tech__rail::-webkit-scrollbar{display:none}@media(min-width:640px){.mf-tech__rail{margin:48px -40px 0;padding:0 40px}}.mf-tech__m-card{flex-shrink:0;width:84%;display:flex;border-radius:24px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);scroll-snap-align:start;transition:border-color .2s ease}@media(min-width:640px){.mf-tech__m-card{width:60%}}.mf-tech__m-card.is-active{border-color:#84bd3ab3}.mf-tech__m-media{width:42%;flex-shrink:0;aspect-ratio:4 / 5;background:#0000004d}.mf-tech__m-body{display:flex;flex-direction:column;justify-content:center;padding:16px}@media(min-width:640px){.mf-tech__m-body{padding:24px}}.mf-tech__m-body .mf-tech__kicker{font-size:10px;letter-spacing:.22em}.mf-section .mf-tech__m-title{margin-top:8px;font-size:20px;font-weight:400;line-height:1.15}.mf-tech__m-text{margin-top:8px!important;font-size:13px;line-height:1.6;color:#ffffffbf}.mf-tech__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.mf-tech__pip{width:6px;height:6px;border-radius:999px;background:#ffffff4d;transition:width .3s var(--mf-ease-out),background-color .3s ease}.mf-tech__pip.is-active{width:24px;background:var(--mf-lime)}.mf-tech__features{margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,.1)}@media(min-width:1024px){.mf-tech__features{margin-top:80px}}.mf-tech__feature-grid{display:grid;gap:40px 32px}@media(min-width:640px){.mf-tech__feature-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.mf-tech__feature-grid{grid-template-columns:repeat(4,1fr)}}.mf-tech__feature-num{font-size:11px;letter-spacing:.2em;color:#b9d98a;font-variant-numeric:tabular-nums}.mf-section .mf-tech__feature h3{margin-top:8px;font-size:24px}.mf-tech__feature p{margin-top:8px!important;font-size:15px;line-height:1.65;color:#ffffffbf}.mf-tech__closing{display:flex;flex-direction:column;justify-content:space-between;gap:24px;margin-top:56px}@media(min-width:1024px){.mf-tech__closing{flex-direction:row;align-items:center}}.mf-tech__closing p{max-width:48ch;font-family:var(--font-heading-family);font-size:20px;line-height:1.35;text-wrap:balance}@media(min-width:640px){.mf-tech__closing p{font-size:24px}}.mf-tech__closing .mf-btn{flex-shrink:0;align-self:flex-start}@media(min-width:1024px){.mf-tech__closing .mf-btn{align-self:auto}}@media(prefers-reduced-motion:reduce){.mf-tech__pulse{animation:none}.mf-tech__clip{transform:none;filter:none}}.mf-tech__mobile-shoe.mf-tech__shoe--backdrop .mf-tech__shoe-img{filter:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mf-tech.css.map */