.mf-story{display:block;height:420vh;background:#1d2124}@media(min-width:1024px){.mf-story{height:520vh}}.mf-story__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.mf-story__film{position:absolute;top:0;right:0;bottom:0;left:0}.mf-story__canvas,.mf-story__still{display:block;width:100%;height:100%;object-fit:cover}.mf-story__still{display:none}.mf-story__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 160px),linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.35) 50%,transparent)}@media(min-width:1024px){.mf-story__shade{background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 160px),linear-gradient(to left,rgba(0,0,0,.45),transparent 28%),linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.25) 50%,transparent)}}.mf-story__mobile-steps{position:absolute;left:20px;right:20px;top:76px;z-index:10}@media(min-width:1024px){.mf-story__mobile-steps{display:none}}.mf-story__segments{display:flex;gap:4px}.mf-story__segment{flex:1;height:3px;border-radius:3px;background:#ffffff26;overflow:hidden}.mf-story__segment span{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--mf-ease-out)}.mf-story__segment.is-done span{transform:none}.mf-story__mobile-label{margin-top:8px!important;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffb3;font-variant-numeric:tabular-nums}.mf-story__grid{position:relative;height:100%;max-width:1400px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:640px){.mf-story__grid{padding-left:40px;padding-right:40px}}@media(min-width:1024px){.mf-story__grid{padding-left:56px;padding-right:56px;display:grid;grid-template-columns:minmax(0,560px) 1fr auto;align-items:center;gap:40px}}.mf-story__chapters{position:relative;display:grid;margin-bottom:96px;text-shadow:0 1px 18px rgba(0,0,0,.35)}@media(min-width:768px){.mf-story__chapters{margin-bottom:32px}}@media(min-width:1024px){.mf-story__chapters{margin-bottom:0;min-height:320px;align-items:center}}.mf-story__chapter{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(18px);filter:blur(5px);pointer-events:none;transition:opacity .2s var(--mf-ease-out),transform .2s var(--mf-ease-out),filter .2s var(--mf-ease-out)}.mf-story__chapter.is-past{transform:translateY(-12px)}.mf-story__chapter.is-active{opacity:1;transform:none;filter:blur(0);pointer-events:auto;transition-duration:.45s}.mf-story__kicker{margin-bottom:12px!important;font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#b5d88a}@media(min-width:1024px){.mf-story__kicker{margin-bottom:16px!important}}.mf-section .mf-story__title{color:#fff;font-size:30px;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}@media(min-width:640px){.mf-section .mf-story__title{font-size:48px}}@media(min-width:1024px){.mf-section .mf-story__title{font-size:60px}}.mf-story__text{margin-top:12px!important;max-width:44ch;font-size:14px;line-height:1.65;color:#fffc}@media(min-width:640px){.mf-story__text{font-size:16px}}@media(min-width:1024px){.mf-story__text{margin-top:16px!important;font-size:17px}}.mf-story__link{align-self:flex-start;margin-top:16px;color:#fff;border-color:#ffffff59}@media(min-width:1024px){.mf-story__link{margin-top:24px}}.mf-story__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.mf-story__text-btn{color:#fff;display:inline-flex;align-items:center;gap:6px;padding:12px 8px;font-size:14px;font-weight:500}.mf-story__steps{display:none!important;grid-column:3;position:relative;justify-self:end;flex-direction:column;gap:4px;padding-left:24px!important}@media(min-width:1024px){.mf-story__steps{display:flex!important}}.mf-story__steps ol{display:flex;flex-direction:column;gap:4px}.mf-story__steps-line{position:absolute;left:0;top:8px;bottom:8px;width:1px;background:#ffffff26}.mf-story__steps-line span{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleY(var(--progress, 0));transform-origin:top}.mf-story__step{display:flex;align-items:baseline;gap:12px;padding:6px 0;color:#ffffff59;transition:color .3s ease}.mf-story__step.is-active{color:#fff}.mf-story__step-num{font-size:11px;letter-spacing:.15em;font-variant-numeric:tabular-nums}.mf-story__step-name{font-family:var(--font-heading-family);font-size:16px;transition:font-size .3s ease}.mf-story__step.is-active .mf-story__step-name{font-size:20px}.mf-story__cue{display:none;position:absolute;left:50%;bottom:32px;transform:translate(-50%);flex-direction:column;align-items:center;gap:4px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ffffffb3;pointer-events:none;transition:opacity .3s ease}@media(min-width:1024px){.mf-story__cue{display:flex}}.mf-story__cue .mf-icon{animation:mf-cue 1.4s ease-in-out 3}.mf-story.is-started .mf-story__cue{opacity:0}@keyframes mf-cue{0%,to{transform:none}50%{transform:translateY(5px)}}.mf-story.is-static{height:auto;padding:80px 0;background:#474d52}.mf-story.is-static .mf-story__sticky{position:static;height:auto;overflow:visible}.mf-story.is-static .mf-story__mobile-steps,.mf-story.is-static .mf-story__steps,.mf-story.is-static .mf-story__cue,.mf-story.is-static .mf-story__shade,.mf-story.is-static .mf-story__canvas{display:none!important}.mf-story.is-static .mf-story__film{position:static;max-width:1100px;margin:0 auto 40px;padding:0 20px}.mf-story.is-static .mf-story__still{display:block;height:auto;border-radius:24px}.mf-story.is-static .mf-story__grid{display:block;height:auto;max-width:1100px}.mf-story.is-static .mf-story__chapters{gap:32px;margin:0;display:flex;flex-direction:column}.mf-story.is-static .mf-story__chapter{opacity:1;transform:none;filter:none;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mf-story.css.map */