.mh-progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:60;pointer-events:none;background:transparent}.mh-progress i{display:block;height:100%;width:100%;background:#c8001c;transform-origin:right center;transform:scaleX(var(--mh-p,0))}.mh .mh-how{position:relative;background:#fff}.mh .mh-how__sticky{padding-block:64px}.mh .mh-how__grid{display:grid;gap:28px;align-items:center}.mh .mh-how__copy .mh-lead{max-width:520px}.mh .mh-how__steps{list-style:none;padding:0;margin-block-start:28px;display:grid;gap:12px}.mh .mh-how__step{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:var(--mh-r);border:1px solid var(--mh-border);background:#fff;transition:border-color var(--mh-med) var(--mh-ease),box-shadow var(--mh-med) var(--mh-ease),opacity var(--mh-med) var(--mh-ease),transform var(--mh-med) var(--mh-ease)}.mh .mh-how__step h3{font-size:20px;line-height:1.25;letter-spacing:-.01em}.mh .mh-how__step p{color:var(--mh-muted);margin-block-start:4px;font-size:16px}.mh .mh-how__n{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;background:var(--mh-surface);color:var(--mh-ink);border:1px solid var(--mh-border);transition:background-color var(--mh-med),color var(--mh-med),border-color var(--mh-med)}.mh .mh-how__link{display:inline-flex;align-items:center;gap:6px;margin-block-start:22px;font-weight:700;color:var(--mh-primary);min-height:44px}.mh .mh-how__link .mi{font-size:20px;transition:transform var(--mh-med) var(--mh-ease)}.mh .mh-how__link:hover .mi{transform:translate(-4px)}.mh .mh-how__stage{position:relative;background:var(--mh-surface);border-radius:var(--mh-r-lg);padding:12px 8px 34px;overflow:hidden}.mh .mh-how__stage:before{content:"";position:absolute;inset:auto -20% -60% -20%;height:90%;background:radial-gradient(closest-side,rgba(200,0,28,.1),transparent);pointer-events:none}.mh .mh-how__svg{position:relative;display:block;width:100%;height:auto;overflow:visible}.mh .mh-how__ground{stroke:#16130f;stroke-width:2;stroke-linecap:round}.mh .mh-how__ticks line{stroke:#cfc6b8;stroke-width:2;stroke-linecap:round}.mh .mh-how__shadow{fill:#16130f1a}.mh .mh-how__upper{fill:#16130f}.mh .mh-how__stripe,.mh .mh-how__lining{fill:#c8001c}.mh .mh-how__panel{fill:#2e2924}.mh .mh-how__groove{fill:none;stroke:#e4ddd2;stroke-width:3;stroke-linecap:round}.mh .mh-how__laces{stroke:#faf7f2;stroke-width:5;stroke-linecap:round;fill:none;opacity:.85}.mh .mh-how__sole{fill:#fff;stroke:#16130f;stroke-width:3;stroke-linejoin:round}.mh .mh-how__out{fill:none;stroke:#16130f;stroke-width:9;stroke-linecap:round}.mh .mh-how__z{transition:opacity .36s var(--mh-ease),fill .36s var(--mh-ease),stroke .36s var(--mh-ease)}.mh .mh-how__z--heel{fill:#c8001c;opacity:.9}.mh .mh-how__z--rock{fill:none;stroke:#c8001c;stroke-width:11;stroke-linecap:round;opacity:.95}.mh .mh-how__z--pivot line{stroke:#c8001c;stroke-width:3;stroke-dasharray:5 6;stroke-linecap:round}.mh .mh-how__z--pivot circle{fill:#fff;stroke:#c8001c;stroke-width:4}.mh .mh-how__z--pivot circle.in{fill:#c8001c;stroke:none}.mh .mh-how__arrow path{fill:none;stroke:#8a8278;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mh .mh-how__dots{position:absolute;inset-block-end:14px;inset-inline:0;display:none;justify-content:center;gap:8px}.mh .mh-how__dots span{width:8px;height:8px;border-radius:50%;background:#d8cfc2;transition:background-color var(--mh-med),transform var(--mh-med) var(--mh-ease)}.mh .mh-how__dots span.is-on{background:var(--mh-primary);transform:scale(1.35)}.mh .mh-how.is-live{height:280vh}.mh .mh-how.is-live .mh-how__sticky{position:relative;width:100%;box-sizing:border-box;background:#fff;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-block:var(--mh-how-pad,24px) 24px}.mh .mh-how.is-live.is-pin .mh-how__sticky{position:fixed;top:0;left:0;right:0;z-index:2}.mh .mh-how.is-live.is-end .mh-how__sticky{position:absolute;bottom:0;left:0;right:0}.mh .mh-how.is-live .mh-how__grid{width:100%}.mh .mh-how.is-live .mh-how__dots{display:flex}.mh .mh-how.is-live .mh-how__z{opacity:.12}.mh .mh-how.is-live .mh-how__svg[data-step="0"] .mh-how__z--heel,.mh .mh-how.is-live .mh-how__svg[data-step="1"] .mh-how__z--pivot,.mh .mh-how.is-live .mh-how__svg[data-step="2"] .mh-how__z--rock{opacity:1}.mh .mh-how.is-live .mh-how__step{opacity:.5}.mh .mh-how.is-live .mh-how__step.is-on{opacity:1;border-color:var(--mh-primary);box-shadow:var(--mh-shadow-2)}.mh .mh-how.is-live .mh-how__step.is-on .mh-how__n{background:var(--mh-primary);color:#fff;border-color:var(--mh-primary)}@media(max-width:1023px){.mh .mh-how__copy{text-align:center}.mh .mh-how__copy .mh-lead{margin-inline:auto}.mh .mh-how__step{text-align:start}.mh .mh-how.is-live .mh-how__grid{display:flex;flex-direction:column;gap:16px;max-width:560px}.mh .mh-how.is-live .mh-how__copy{display:contents}.mh .mh-how.is-live .mh-h2{order:1;font-size:clamp(24px,6.6vw,34px);margin:0;text-align:center;text-wrap:balance}.mh .mh-how.is-live .mh-how__stage{order:2;padding-block:8px 32px}.mh .mh-how.is-live .mh-how__steps{order:3}.mh .mh-how.is-live .mh-how__svg{max-height:38vh;max-height:38svh;margin-inline:auto}.mh .mh-how.is-live .mh-lead,.mh .mh-how.is-live .mh-how__link,.mh .mh-how.is-live .mh-eyebrow{display:none}.mh .mh-how.is-live .mh-how__steps{margin-block-start:0;grid-template-areas:"s"}.mh .mh-how.is-live .mh-how__step{grid-area:s;opacity:0;transform:translateY(10px);pointer-events:none}.mh .mh-how.is-live .mh-how__step.is-on{opacity:1;transform:none;pointer-events:auto}}@media(min-width:1024px){.mh .mh-how__sticky{padding-block:96px}.mh .mh-how__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}.mh .mh-how__stage{padding:28px 20px 44px}}.mh .mh-who{display:grid;gap:16px}@media(min-width:900px){.mh .mh-who{grid-template-columns:repeat(3,1fr);gap:20px}}.mh .mh-who__card{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--mh-border);border-radius:var(--mh-r-lg);padding:28px 24px 24px;overflow:hidden;transition:transform var(--mh-med) var(--mh-ease),box-shadow var(--mh-med) var(--mh-ease),border-color var(--mh-med)}.mh .mh-who__card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:var(--mh-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--mh-slow) var(--mh-ease)}.mh .mh-who__card:hover,.mh .mh-who__card:focus-visible{transform:translateY(-6px);box-shadow:var(--mh-shadow-2);border-color:transparent}.mh .mh-who__card:hover:before,.mh .mh-who__card:focus-visible:before{transform:scaleX(1)}.mh .mh-who__ico{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#c8001c14;color:var(--mh-primary);transition:transform var(--mh-med) var(--mh-ease),background-color var(--mh-med),color var(--mh-med)}.mh .mh-who__ico .mi{font-size:32px}.mh .mh-who__card:hover .mh-who__ico{background:var(--mh-primary);color:#fff;transform:rotate(-6deg) scale(1.05)}.mh .mh-who__card h3{font-size:24px;margin-block-start:6px}.mh .mh-who__card p{color:var(--mh-muted)}.mh .mh-who__chips{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:4px}.mh .mh-who__chips span{font-size:14px;font-weight:600;padding:4px 12px;border-radius:var(--mh-r-pill);background:var(--mh-surface);border:1px solid var(--mh-border);color:var(--mh-ink-2)}.mh .mh-who__go{margin-block-start:auto;padding-block-start:14px;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--mh-primary)}.mh .mh-who__go .mi{font-size:20px;transition:transform var(--mh-med) var(--mh-ease)}.mh .mh-who__card:hover .mh-who__go .mi{transform:translate(-5px)}.mh .mh-about{position:relative;overflow:hidden}.mh .mh-about:before{content:"";position:absolute;inset-block-start:-40%;inset-inline-start:-15%;width:70vw;height:70vw;max-width:820px;max-height:820px;border-radius:50%;background:radial-gradient(closest-side,rgba(200,0,28,.38),transparent);pointer-events:none}.mh .mh-about__grid{position:relative;display:grid;gap:36px;align-items:center}@media(min-width:1024px){.mh .mh-about__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px}}.mh .mh-about__accent{color:#ff8e9b}.mh .mh-about__list{list-style:none;padding:0;margin-block-start:26px;display:grid;gap:14px}.mh .mh-about__list li{display:flex;gap:14px;align-items:flex-start}.mh .mh-about__list .mi{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffff1a;color:#ffb3bd;font-size:22px}.mh .mh-about__list strong{display:block;font-size:18px}.mh .mh-about__list li>span:last-child{color:#cfc8bf}.mh .mh-about__list strong{color:#fff}.mh .mh-about__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:30px}.mh .mh-about__stats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mh .mh-about__stats li{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:var(--mh-r);padding:26px 18px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mh .mh-about__v{display:block;font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1;color:#fff;letter-spacing:-.03em}.mh .mh-about__l{display:block;margin-block-start:8px;color:#cfc8bf;font-size:16px}@media(max-width:1023px){.mh .mh-about__copy{text-align:center}.mh .mh-about__list{text-align:start}.mh .mh-about__ctas{justify-content:center}}@media(prefers-reduced-motion:no-preference){.mh .mh-w{display:inline-block;opacity:0;transform:translateY(.5em) rotate(2deg);transition:opacity .6s var(--mh-ease),transform .7s var(--mh-ease);transition-delay:calc(var(--i,0) * 70ms)}.mh .is-in .mh-w,.mh .mh-how.is-seen .mh-w{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mh-progress{display:none}}.mh{overflow-x:clip;max-width:100%}.mh .mh-hero__copy,.mh .mh-hero__media,.mh .mh-how__copy,.mh .mh-how__stage,.mh .mh-about__copy{min-width:0}.mh .mh-hero h1{font-size:clamp(32px,9.2vw,46px);line-height:1.06;text-wrap:balance;overflow-wrap:break-word}.mh .mh-hero h1 .mh-accent{white-space:normal;background:linear-gradient(#c8001c33,#c8001c33) no-repeat 0 96%/100% .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.mh .mh-hero h1 .mh-accent svg{display:none}.mh .mh-hero__sub{max-width:38ch}@media(min-width:640px){.mh .mh-hero h1{font-size:clamp(46px,6.2vw,60px)}}@media(min-width:1024px){.mh .mh-hero h1{font-size:clamp(46px,4.5vw,66px)}}@media(max-width:1023px){.mh .mh-hero__copy{text-align:center}.mh .mh-hero__sub{margin-inline:auto}.mh .mh-hero__ctas,.mh .mh-hero__proof{justify-content:center}.mh .mh-float--b{inset-inline-end:8px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/mbt-home-v2.css.map */