.steps__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,5rem);margin-block-end:clamp(2.5rem,6vw,4rem)}.steps__sticky{position:sticky;top:calc(var(--header-h) + 12vh);align-self:start;height:fit-content}.steps__index{display:flex;align-items:baseline;gap:.6rem;font-family:var(--font-display);font-size:clamp(4rem,10vw,8rem);line-height:.9;font-variation-settings:"opsz" 144,"SOFT" 40;color:var(--rose-deep);font-variant-numeric:tabular-nums}.steps__index>[data-steps-number]{display:inline-block;animation:ad-breathe 4.2s var(--ease-inout) infinite;transform-origin:left center}.steps__total{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.12em;color:var(--ink-muted)}.steps__current{font-family:var(--font-display);font-size:var(--t-h3);line-height:1.15;margin-block-start:1rem;max-width:18ch;min-height:2.4em}.steps__rail{position:relative;height:3px;width:min(14rem,100%);margin-block-start:1.75rem;background:var(--hairline);border-radius:999px;overflow:hidden}.steps__rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--rose-light),var(--rose-deep));transform:scaleX(0);transform-origin:left center}html.motion-off .steps__rail-fill{transform:scaleX(1)}.steps__list{display:grid;gap:clamp(2.5rem,8vh,5rem)}.steps__step{padding-block-end:clamp(2rem,5vh,3rem);border-block-end:1px solid var(--hairline);transition:opacity .32s var(--ease-out)}.steps__step:last-child{border-block-end:0}html:not(.motion-off) .steps__step{opacity:.42}html:not(.motion-off) .steps__step.is-active{opacity:1}.steps__step-num{color:var(--rose-deep);margin-block-end:.75rem}.steps__step-title{font-size:var(--t-h3);margin-block-end:.75rem}.steps__step-body{color:var(--ink-muted)}@media(max-width:900px){.steps__layout{grid-template-columns:1fr}.steps__sticky{position:static}.steps__current,.steps__index{display:none}.steps__rail{width:100%;margin-block-end:2.5rem}html:not(.motion-off) .steps__step{opacity:1}}@media(prefers-reduced-motion:reduce){.steps__index>[data-steps-number]{animation:none}.steps__rail-fill{transform:scaleX(1)}}.steps__dots{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.6rem}.steps__dot{position:relative;display:flex;align-items:center;gap:.9rem;padding-inline-start:.15rem}.steps__dot:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;width:1px;height:calc(100% + 1.6rem - 14px);background:var(--hairline)}.steps__dot-mark{position:relative;flex:none;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--rose);background:var(--surface);transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.steps__dot-label{font-size:var(--t-label);letter-spacing:.06em;color:var(--ink-muted);opacity:.55;transition:opacity var(--dur-micro) var(--ease-out)}.steps__dot.is-done .steps__dot-mark{background:var(--rose);border-color:var(--rose)}.steps__dot.is-done .steps__dot-label{opacity:.8}.steps__dot.is-active .steps__dot-mark{background:var(--rose-deep);border-color:var(--rose-deep)}.steps__dot.is-active .steps__dot-label{opacity:1;color:var(--ink)}.steps__dot.is-active .steps__dot-mark:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--rose-deep);animation:steps-ping 2.4s var(--ease-out) infinite}@keyframes steps-ping{0%{transform:scale(.7);opacity:.9}70%,to{transform:scale(2.1);opacity:0}}@media(max-width:900px){.steps__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-process-steps.css.map */