.wst{--wst-bg: var(--w-paper);--wst-dot: 8px;--wst-no: 3.2rem;background-color:var(--wst-bg);color:var(--w-ink)}.wst--white{--wst-bg: var(--w-white)}.wst__head{display:grid;gap:var(--w-sp-7)}.wst__intro .wst__eyebrow{margin:0 0 var(--w-sp-3)}.wst__title{margin:0;text-wrap:balance}.wst__lead{max-width:48ch;margin:var(--w-sp-5) 0 0;text-wrap:balance}.wst__actions{display:flex;flex-direction:column;gap:var(--w-sp-3)}.wst__btn{width:100%}.wst__track{display:grid;margin:var(--w-stack) 0 0;padding:0;list-style:none}.wst-step{position:relative;margin:0;padding:0 0 var(--w-sp-7) var(--w-sp-6)}.wst-step:last-child{padding-bottom:0}.wst-step__no{display:block;font-family:var(--w-ff-serif);font-size:var(--wst-no);font-style:italic;font-weight:400;line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--w-ink)}.wst-step__rail{position:absolute;top:0;bottom:0;left:0;width:var(--wst-dot)}.wst-step__rail:before{content:"";position:absolute;top:calc(var(--wst-no) / 2);bottom:calc(var(--wst-no) / -2);left:calc(50% - .5px);width:1px;background-color:var(--w-line);transform-origin:top}.wst-step:last-child .wst-step__rail:before{content:none}.wst-step__dot{position:absolute;top:calc(var(--wst-no) / 2 - var(--wst-dot) / 2);left:0;z-index:1;width:var(--wst-dot);height:var(--wst-dot);border-radius:50%;background-color:var(--w-accent);transition:transform var(--w-dur-fast) var(--w-ease)}.wst-step:hover .wst-step__dot,.wst-step:focus-within .wst-step__dot{transform:scale(1.5)}.wst-step__title{margin:var(--w-sp-3) 0 0;font-family:var(--w-ff-serif);font-size:clamp(2rem,1.6rem + .4vw,2.2rem);font-style:normal;font-weight:400;line-height:1.2;letter-spacing:-.005em;color:var(--w-ink);text-wrap:balance}.wst-step__link{position:relative;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color var(--w-dur-fast) var(--w-ease)}.wst-step__link:after{content:"";position:absolute;inset:calc(var(--w-sp-3) * -1) calc(var(--w-sp-2) * -1)}.wst-step__link:hover{text-decoration-color:currentColor}.wst-step__tail{white-space:nowrap}.wst-step__arrow{width:.8em;height:.8em;margin-left:var(--w-sp-1);vertical-align:-.05em;transition:transform var(--w-dur-fast) var(--w-ease)}.wst-step__link:hover .wst-step__arrow{transform:translate(calc(var(--w-sp-1) / 2),calc(var(--w-sp-1) / -2))}.wst-step__text{max-width:40ch;margin:var(--w-sp-2) 0 0;font-family:var(--w-ff-sans);font-size:1.5rem;line-height:var(--w-lh);color:var(--w-muted);text-wrap:pretty}@media screen and (min-width:768px){.wst{--wst-no: var(--w-fs-4)}.wst__actions{flex-direction:row;flex-wrap:wrap}.wst__btn{width:auto}.wst__track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--w-sp-9)}.wst-step,.wst-step:last-child{padding:0 var(--w-sp-6) 0 0}.wst-step__rail{position:relative;display:block;width:auto;height:var(--wst-dot);margin-top:var(--w-sp-4)}.wst-step__rail:before,.wst-step:last-child .wst-step__rail:before{content:"";top:calc(50% - .5px);bottom:auto;left:0;right:calc(var(--w-sp-6) * -1);width:auto;height:1px;transform-origin:left}.wst-step__dot{top:0}.wst-step__title{margin-top:var(--w-sp-6)}.wst-step__text{max-width:28ch}}@media screen and (min-width:1024px){.wst__head{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:var(--w-sp-10)}.wst__actions{flex-wrap:nowrap;justify-content:flex-end}.wst__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}@media screen and (prefers-reduced-motion:no-preference){.wst-step.is-armed:not(.is-revealed) .wst-step__dot{transform:scale(0)}.wst-step.is-armed:not(.is-revealed) .wst-step__rail:before{transform:scaleY(0)}.wst-step.is-revealed .wst-step__dot{animation:wst-pop .6s var(--w-ease) calc(var(--w-reveal-delay, 0ms) + .12s) backwards}.wst-step.is-revealed .wst-step__rail:before{animation:wst-draw-y 1s var(--w-ease) calc(var(--w-reveal-delay, 0ms) + .2s) backwards}}@media screen and (min-width:768px)and (prefers-reduced-motion:no-preference){.wst-step.is-armed:not(.is-revealed) .wst-step__rail:before{transform:scaleX(0)}.wst-step.is-revealed .wst-step__rail:before{animation-name:wst-draw-x}}@keyframes wst-pop{0%{transform:scale(0)}}@keyframes wst-draw-x{0%{transform:scaleX(0)}}@keyframes wst-draw-y{0%{transform:scaleY(0)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/wintage-steps.css.map */