.mstep{--line: var(--masson-line);padding:var(--masson-section-space) 0;background:var(--mstep-bg, #fff)}.mstep__stage{position:relative;margin:0 var(--masson-side);height:clamp(460px,80vh,760px);overflow:hidden;background:#121110;border-radius:4px;touch-action:pan-y}.mstep__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity 1s cubic-bezier(.22,.61,.36,1)}.mstep__slide.is-active{opacity:1}.mstep__slide picture{display:block;width:100%;height:100%}.mstep__slide img{width:100%;height:100%;object-fit:cover;opacity:.74;transform:scale(1.06);transition:transform 7s ease-out}.mstep__slide.is-active img{transform:scale(1)}.mstep__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#121110b8,#12111047 45%,#1211100d)}.mstep__over{position:absolute;z-index:1;left:clamp(22px,3.4vw,60px);right:clamp(22px,3.4vw,60px);bottom:clamp(34px,4.5vw,60px);display:flex;align-items:flex-end;gap:clamp(22px,3.6vw,56px);color:#fff}.mstep__num{flex:none;font-size:clamp(76px,13vw,190px);font-weight:200;line-height:.78;letter-spacing:-.04em;opacity:.96}.mstep__cap{max-width:52ch;padding-bottom:6px}.mstep__name{margin:0;font-size:clamp(24px,2.8vw,42px);font-weight:300;letter-spacing:-.01em;color:#fff}.mstep__desc{margin:12px 0 0;font-size:clamp(14px,1.15vw,17px);font-weight:300;line-height:1.6;color:#ffffffd1;max-width:46ch}.mstep__slide .mstep__over{opacity:0;transform:translateY(14px);transition:opacity .7s ease .15s,transform .7s cubic-bezier(.22,.61,.36,1) .15s}.mstep__slide.is-active .mstep__over{opacity:1;transform:none}.mstep__tabs{display:flex;margin:0 var(--masson-side) clamp(16px,2vw,28px);border:1px solid #16150F;background:#fff}.mstep__tab{position:relative;flex:1;display:flex;align-items:baseline;gap:12px;padding:24px clamp(18px,2vw,32px);border:0;border-right:1px solid #16150F;background:#fff;font-family:inherit;font-size:clamp(15px,1.2vw,18px);font-weight:300;text-align:left;color:var(--masson-muted);cursor:pointer;transition:color .3s,background .3s}.mstep__tab:last-child{border-right:0}.mstep__tab b{font-weight:500;font-size:13px;letter-spacing:.04em;color:var(--masson-muted);transition:color .3s}.mstep__tab.is-active{color:var(--masson-ink);background:#ededed}.mstep__tab.is-active b{color:var(--masson-ink)}.mstep__tab:hover{color:var(--masson-ink);background:#f3f3f3}.mstep__tab.is-active:hover{background:#ededed}.mstep__bar{position:absolute;left:0;right:0;bottom:0;top:auto;height:2px;overflow:hidden}.mstep__bar i{display:block;width:100%;height:100%;background:var(--masson-ink);transform:scaleX(0);transform-origin:left}.mstep__tab.is-active .mstep__bar i{animation:mstep-fill var(--mstep-time, 6s) linear forwards}.mstep.is-paused .mstep__tab.is-active .mstep__bar i{animation:none;transform:scaleX(1)}@keyframes mstep-fill{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.mstep__slide img,.mstep__slide.is-active img{transform:none;transition:none}.mstep__slide .mstep__over{transition:opacity .3s ease;transform:none}.mstep__tab.is-active .mstep__bar i{animation:none;transform:scaleX(1)}}@media(max-width:899px){.mstep{padding:var(--masson-section-space-mobile) 0}.mstep__stage{height:clamp(440px,72vh,620px)}.mstep__slide:after{background:linear-gradient(180deg,#12111026,#12111033 40%,#121110d1)}.mstep__over{flex-direction:column;align-items:flex-start;gap:6px;bottom:26px}.mstep__num{font-size:clamp(60px,22vw,96px);line-height:.8}.mstep__cap{padding-bottom:0}.mstep__name{font-size:26px}.mstep__desc{margin-top:8px;font-size:14px}.mstep__tabs{flex-direction:column;margin:0 var(--masson-side) clamp(14px,3vw,22px)}.mstep__tab{border-right:0;border-bottom:1px solid #16150F;padding:16px 18px}.mstep__tab:last-child{border-bottom:0}.mstep__bar{top:auto;bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/masson-steps.css.map */