.mi-assembly-story{--mi-assembly-navy: #081b47;position:relative;overflow:clip;padding-bottom:var(--mi-assembly-space-bottom, 64px)}.mi-assembly-story:before{position:absolute;top:10%;left:50%;width:min(80rem,110vw);height:min(80rem,110vw);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mi-assembly-accent) 13%,transparent),transparent 68%);content:"";pointer-events:none;transform:translate(-50%)}.mi-assembly-story__heading{position:relative;z-index:2;padding-top:var(--mi-assembly-space-top, 64px);padding-bottom:clamp(2.8rem,6vw,6.4rem);text-align:center}.mi-assembly-story__eyebrow{display:block;margin-bottom:1.4rem;color:var(--mi-assembly-accent);font-size:1.15rem;font-weight:800;letter-spacing:.22em;line-height:1.3}.mi-assembly-story__heading h2{max-width:82rem;margin:0 auto;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(3.6rem,6vw,7.2rem);font-weight:var(--font-heading-weight);letter-spacing:-.04em;line-height:.98;text-wrap:balance}.mi-assembly-story__intro{max-width:67rem;margin:2.2rem auto 0;color:rgba(var(--color-foreground),.72);font-size:clamp(1.6rem,2vw,2rem);line-height:1.65;text-wrap:pretty}.mi-assembly-story__intro>*:first-child{margin-top:0}.mi-assembly-story__intro>*:last-child{margin-bottom:0}.mi-assembly-story__scroller{position:relative}.mi-assembly-story.is-enhanced .mi-assembly-story__scroller{height:var(--mi-assembly-scroll-height, 340svh)}.mi-assembly-story__sticky{position:relative;z-index:2;display:flex;width:100%;min-height:min(88rem,90svh);align-items:center;justify-content:center;padding:2rem}.mi-assembly-story.is-enhanced .mi-assembly-story__sticky{position:sticky;top:0;height:100svh;min-height:58rem}.mi-assembly-story__stage{position:relative;display:grid;width:min(112rem,100%);grid-template-columns:minmax(0,1.15fr) minmax(30rem,.75fr);gap:clamp(2.8rem,5vw,7rem);align-items:center}.mi-assembly-story__visual{position:relative;width:min(64rem,61svh,58vw);aspect-ratio:1;overflow:hidden;border:.1rem solid rgba(8,27,71,.08);border-radius:clamp(2rem,4vw,3.6rem);background:#f7f3ed;box-shadow:0 3rem 8rem #081b4726,0 .3rem 1rem #081b470f;isolation:isolate}.mi-assembly-story__visual:after{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;border:.1rem solid rgba(255,255,255,.7);border-radius:inherit;box-shadow:inset 0 0 4rem #ffffff3d;content:"";pointer-events:none}.mi-assembly-story__frame{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;opacity:0;transform:translate3d(0,-3.2rem,0) scale(.985);transition:opacity .44s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1)}.mi-assembly-story__frame[data-mi-assembly-frame="2"]{background-position:100% 0}.mi-assembly-story__frame[data-mi-assembly-frame="3"]{background-position:0 100%}.mi-assembly-story__frame[data-mi-assembly-frame="4"]{background-position:100% 100%}.mi-assembly-story__frame.is-before{opacity:0;transform:translate3d(0,3.2rem,0) scale(1.015)}.mi-assembly-story__frame.is-active{z-index:2;opacity:1;transform:translateZ(0) scale(1)}.mi-assembly-story__frame-number{position:absolute;z-index:8;top:1.6rem;left:1.6rem;display:inline-flex;min-height:3.8rem;align-items:center;gap:.8rem;padding:.7rem 1.1rem;border:.1rem solid rgba(8,27,71,.1);border-radius:999px;color:var(--mi-assembly-navy);background:#ffffffe6;box-shadow:0 .8rem 2.4rem #081b471a;font-size:1.1rem;font-weight:800;letter-spacing:.08em;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.mi-assembly-story__frame-number i{display:block;width:2rem;height:.1rem;background:var(--mi-assembly-accent)}.mi-assembly-story__complete{position:absolute;z-index:8;top:1.6rem;right:1.6rem;display:grid;width:4.2rem;height:4.2rem;border-radius:50%;color:#fff;background:#168c7e;box-shadow:0 1rem 2.8rem #168c7e47;opacity:0;place-items:center;transform:scale(.55) rotate(-12deg);transition:opacity .26s ease,transform .56s cubic-bezier(.22,1.45,.36,1)}.mi-assembly-story__complete svg{width:1.8rem;height:1.8rem}.mi-assembly-story[data-current-frame="4"] .mi-assembly-story__complete{opacity:1;transform:scale(1) rotate(0)}.mi-assembly-story__copy{position:relative;z-index:10;min-height:22rem;padding:clamp(2.4rem,4vw,4rem);border:.1rem solid rgba(8,27,71,.09);border-radius:clamp(2rem,3vw,3rem);background:rgba(var(--color-background),.96);box-shadow:0 2.4rem 6rem #081b4721}.mi-assembly-story__copy.is-changing>*{animation:mi-assembly-copy-in .48s cubic-bezier(.22,1,.36,1) both}.mi-assembly-story__copy.is-changing>*:nth-child(2){animation-delay:45ms}.mi-assembly-story__copy.is-changing>*:nth-child(3){animation-delay:85ms}@keyframes mi-assembly-copy-in{0%{opacity:0;transform:translate3d(0,1.2rem,0)}to{opacity:1;transform:translateZ(0)}}.mi-assembly-story__step-label{display:block;margin-bottom:1.1rem;color:var(--mi-assembly-accent);font-size:1.1rem;font-weight:850;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}.mi-assembly-story__copy h3{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(2.6rem,3vw,4.2rem);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:1.04;text-wrap:balance}.mi-assembly-story__step-text{margin-top:1.4rem;color:rgba(var(--color-foreground),.72);font-size:1.6rem;line-height:1.55;text-wrap:pretty}.mi-assembly-story__step-text>*:first-child{margin-top:0}.mi-assembly-story__step-text>*:last-child{margin-bottom:0}.mi-assembly-story__button{display:inline-flex;overflow:hidden;max-height:0;align-items:center;justify-content:center;gap:.8rem;margin-top:0;padding:0 2rem;border-radius:var(--buttons-radius);color:var(--mi-assembly-navy);background:var(--mi-assembly-accent);font-size:1.35rem;font-weight:800;letter-spacing:.03em;line-height:1.2;opacity:0;text-decoration:none;transform:translateY(1rem);transition:max-height .36s ease,margin .36s ease,padding .36s ease,opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1);visibility:hidden}.mi-assembly-story[data-current-frame="4"] .mi-assembly-story__button{max-height:5.2rem;margin-top:1.8rem;padding-top:1.4rem;padding-bottom:1.4rem;opacity:1;transform:translateY(0);visibility:visible}.mi-assembly-story__progress{display:grid;grid-column:2;grid-template-columns:repeat(4,1fr);gap:.7rem;align-items:center}.mi-assembly-story__progress span{display:block;height:.35rem;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.13)}.mi-assembly-story__progress span:after{display:block;width:100%;height:100%;border-radius:inherit;background:var(--mi-assembly-accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.22,1,.36,1)}.mi-assembly-story__progress span.is-active:after,.mi-assembly-story__progress span.is-complete:after{transform:scaleX(1)}.mi-assembly-story__hint{display:inline-flex;grid-column:2;align-items:center;gap:.9rem;color:rgba(var(--color-foreground),.58);font-size:1.2rem;font-weight:700;letter-spacing:.05em;transition:opacity .26s ease,transform .26s ease}.mi-assembly-story__hint i{position:relative;display:block;width:2.3rem;height:3.5rem;border:.15rem solid currentColor;border-radius:999px}.mi-assembly-story__hint i:after{position:absolute;top:.7rem;left:50%;width:.35rem;height:.65rem;border-radius:999px;background:var(--mi-assembly-accent);content:"";transform:translate(-50%);animation:mi-assembly-scroll-cue 1.8s ease-in-out infinite}@keyframes mi-assembly-scroll-cue{0%,to{opacity:.45;transform:translate3d(-50%,0,0)}50%{opacity:1;transform:translate3d(-50%,.9rem,0)}}.mi-assembly-story[data-current-frame="4"] .mi-assembly-story__hint{opacity:0;transform:translateY(.8rem)}.mi-assembly-story__sources{position:absolute;overflow:hidden;width:.1rem;height:.1rem;margin:-.1rem;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (max-width:749px){.mi-assembly-story{padding-bottom:max(2.4rem,calc(var(--mi-assembly-space-bottom, 64px) * .68))}.mi-assembly-story__heading{padding:max(4rem,calc(var(--mi-assembly-space-top, 64px) * .72)) 1.8rem 2.8rem}.mi-assembly-story__heading h2{font-size:clamp(3.4rem,10.4vw,5.2rem);line-height:.99}.mi-assembly-story__intro{margin-top:1.7rem;font-size:1.6rem;line-height:1.55}.mi-assembly-story.is-enhanced .mi-assembly-story__scroller{height:max(300svh,var(--mi-assembly-scroll-height, 340svh))}.mi-assembly-story__sticky{min-height:auto;padding:1.2rem}.mi-assembly-story.is-enhanced .mi-assembly-story__sticky{height:100svh;min-height:54rem;align-items:center;padding-top:max(7.6rem,env(safe-area-inset-top));padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}.mi-assembly-story__stage{display:flex;width:100%;max-width:50rem;flex-direction:column;gap:0}.mi-assembly-story__visual{width:min(calc(100vw - 2.4rem),48svh,48rem);border-radius:2.4rem;box-shadow:0 2rem 5rem #081b4724}.mi-assembly-story__frame{transform:translate3d(0,-2rem,0) scale(.99);transition:opacity .33s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.mi-assembly-story__frame.is-before{transform:translate3d(0,2rem,0) scale(1.01)}.mi-assembly-story__frame.is-active{transform:translateZ(0) scale(1)}.mi-assembly-story__frame-number{top:1.1rem;left:1.1rem;min-height:3.2rem;padding:.55rem .9rem;font-size:1rem}.mi-assembly-story__complete{top:1.1rem;right:1.1rem;width:3.6rem;height:3.6rem}.mi-assembly-story__copy{width:calc(100% - 2rem);min-height:15.6rem;margin-top:-2.2rem;padding:2.2rem 2rem 2rem;border-radius:2rem}.mi-assembly-story__step-label{margin-bottom:.7rem;font-size:.95rem}.mi-assembly-story__copy h3{font-size:clamp(2.35rem,7vw,3.2rem)}.mi-assembly-story__step-text{margin-top:.9rem;font-size:1.42rem;line-height:1.45}.mi-assembly-story__button{width:100%;font-size:1.25rem}.mi-assembly-story[data-current-frame="4"] .mi-assembly-story__button{min-height:4.8rem;margin-top:1.2rem}.mi-assembly-story__progress{width:calc(100% - 4rem);margin-top:1.2rem}.mi-assembly-story__progress span{height:.3rem}.mi-assembly-story__hint{margin-top:1rem;font-size:1.05rem}.mi-assembly-story__hint i{width:1.9rem;height:3rem}}@media screen and (max-height:700px)and (max-width:749px){.mi-assembly-story.is-enhanced .mi-assembly-story__sticky{padding-top:6.4rem}.mi-assembly-story__visual{width:min(calc(100vw - 3.2rem),41svh)}.mi-assembly-story__copy{min-height:13.2rem;padding:1.8rem}.mi-assembly-story__step-text{font-size:1.32rem}.mi-assembly-story__hint{display:none}}@media(prefers-reduced-motion:reduce){.mi-assembly-story.is-enhanced .mi-assembly-story__scroller{height:auto}.mi-assembly-story.is-enhanced .mi-assembly-story__sticky{position:relative;height:auto;min-height:auto}.mi-assembly-story__frame,.mi-assembly-story__complete,.mi-assembly-story__button,.mi-assembly-story__progress span:after{transition:none!important}.mi-assembly-story__hint i:after,.mi-assembly-story__copy.is-changing>*{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mi-home-assembly-scroll.css.map */