.cv-steps{--steps-line: rgba(var(--color-foreground), .12);--steps-line-strong: rgba(var(--color-foreground), .24);--steps-muted: rgba(var(--color-foreground), .66);--steps-ink: rgb(var(--cv-accent-ink, var(--color-foreground)));--steps-node: 1.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.cv-steps__inner{display:flex;flex-direction:column;gap:clamp(4rem,3rem + 2.4vw,6.4rem)}.cv-steps__head{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;align-items:end}.cv-steps__titles{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.cv-steps__title{margin:calc((.95em - var(--cv-lead-122)) / 2) 0;font-family:var(--cv-font-display);font-weight:800;font-stretch:120%;font-size:clamp(2.8rem,1.6rem + 2.4vw,5.6rem);line-height:var(--cv-lead-122);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;color:rgb(var(--color-foreground))}.cv-steps__aside{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.cv-steps__cta{max-width:100%}.cv-steps__intro{margin:0;max-width:40ch;font-size:1.6rem;line-height:1.55;color:var(--steps-muted)}@media(min-width:990px){.cv-steps__head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem}.cv-steps__aside{justify-self:end}}.cv-steps__rail{position:relative;view-timeline-name:--cv-steps-rail;view-timeline-axis:block}.cv-steps__track{position:absolute;top:calc(var(--steps-node) / 2 - 1px);left:0;right:0;display:block;height:2px;border-radius:2px;background:var(--steps-line);overflow:hidden;pointer-events:none}.cv-steps__fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--steps-ink);transform-origin:left center;transform:scaleX(var(--cv-steps-p, 1));will-change:transform}cv-steps[data-animate] .cv-steps__fill{transform:scaleX(var(--cv-steps-p, 0))}.cv-steps__list{display:grid;grid-template-columns:repeat(var(--cv-steps-count, 3),minmax(0,1fr));gap:3.2rem clamp(2.4rem,3vw,4.8rem);margin:0;padding:0;list-style:none}.cv-steps__step{position:relative;display:flex;flex-direction:column;gap:2rem;min-width:0}.cv-steps__node{position:relative;z-index:1;display:block;flex:none;width:var(--steps-node);height:var(--steps-node);border-radius:50%;background:rgb(var(--color-background));box-shadow:inset 0 0 0 2px var(--steps-line-strong);transition:background-color .5s var(--cv-ease-out),box-shadow .5s var(--cv-ease-out)}.cv-steps__meta{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.cv-steps__index{font-family:var(--cv-font-mono);font-stretch:100%;font-weight:300;font-size:clamp(3.6rem,2.2rem + 2.6vw,7.2rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:rgba(var(--color-foreground),.22);transition:color .6s var(--cv-ease-out)}.cv-steps__label{flex:none;max-width:60%;padding:.5rem .9rem .4rem;border:1px solid var(--steps-line);border-radius:10rem;font-family:var(--cv-font-mono);font-stretch:100%;font-size:1.05rem;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--steps-muted);transition:color .5s,border-color .5s}.cv-steps__media{position:relative;display:block;aspect-ratio:4 / 3;border-radius:var(--cv-radius-m);background:rgb(var(--color-secondary-background));overflow:hidden}.cv-steps__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--cv-ease-out)}@media(hover:hover)and (pointer:fine){.cv-steps__step:hover .cv-steps__media img{transform:scale(1.03)}}.cv-steps__body{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.cv-steps__icon{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin-bottom:.6rem;border:1px solid var(--steps-line);border-radius:var(--cv-radius-s);background:rgba(var(--color-foreground),.03);color:rgb(var(--color-foreground));transition:border-color .5s,background-color .5s,color .5s}.cv-steps svg *{vector-effect:none}.cv-steps__icon svg{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cv-steps__step-title{margin:calc((1em - var(--cv-lead-118)) / 2) 0;font-family:var(--cv-font-display);font-weight:800;font-stretch:118%;font-size:clamp(2rem,1.5rem + .8vw,2.6rem);line-height:var(--cv-lead-118);letter-spacing:-.005em;text-transform:uppercase;color:rgb(var(--color-foreground))}.cv-steps__text{margin:0;max-width:34ch;font-size:1.5rem;line-height:1.55;color:var(--steps-muted)}cv-steps:not([data-animate]) .cv-steps__node,.cv-steps__step.is-active .cv-steps__node{background:rgb(var(--color-primary));box-shadow:inset 0 0 0 2px var(--steps-ink),0 0 0 .5rem rgba(var(--color-primary),.18)}cv-steps:not([data-animate]) .cv-steps__index,.cv-steps__step.is-active .cv-steps__index{color:rgb(var(--color-foreground))}cv-steps:not([data-animate]) .cv-steps__label,.cv-steps__step.is-active .cv-steps__label{color:rgb(var(--color-foreground));border-color:var(--steps-line-strong)}.cv-steps__step.is-active .cv-steps__icon{border-color:var(--steps-line-strong);background:rgba(var(--color-foreground),.05)}.cv-steps__box{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding:2.4rem;border-radius:var(--cv-radius-l);background:rgb(var(--color-secondary-background))}.cv-steps__box-head{display:flex;align-items:center;gap:1.4rem}.cv-steps__box-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:var(--cv-radius-s);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.cv-steps__box-icon svg{width:2.4rem;height:2.4rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cv-steps__box-title{margin:0;font-family:var(--cv-font-display);font-weight:700;font-stretch:112%;font-size:1.7rem;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:rgb(var(--color-foreground))}.cv-steps__box-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.2rem 2.4rem;margin:0;padding:0;list-style:none}.cv-steps__box-item{display:flex;align-items:center;gap:1.2rem;min-width:0;font-size:1.5rem;font-weight:500;line-height:1.35}.cv-steps__check{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:rgb(var(--color-primary));color:var(--cv-ink, #0a0a0b)}.cv-steps__check svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(min-width:990px){.cv-steps__box{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:4rem;padding:2.8rem 3.2rem}}@media(max-width:767.98px){.cv-steps__list{grid-template-columns:minmax(0,1fr);gap:3.6rem}.cv-steps__step{gap:1.4rem;padding-inline-start:4rem}.cv-steps__node{position:absolute;top:1.1rem;left:0}.cv-steps__track{top:1.8rem;bottom:0;left:calc(var(--steps-node) / 2 - 1px);right:auto;width:2px;height:auto;-webkit-mask:linear-gradient(to bottom,#000 80%,transparent);mask:linear-gradient(to bottom,#000 80%,transparent)}.cv-steps__fill{transform-origin:center top;transform:scaleY(var(--cv-steps-p, 1))}cv-steps[data-animate] .cv-steps__fill{transform:scaleY(var(--cv-steps-p, 0))}.cv-steps__index{font-size:3.6rem}.cv-steps__box{padding:2rem}.cv-steps__aside{align-items:stretch}.cv-steps .cv-steps__cta{width:100%;height:auto;min-height:var(--buttons-height, 4.8rem);padding:1.1rem 1.2rem;line-height:1.3;--buttons-letter-spacing: .02em;text-align:center;white-space:normal}.cv-steps__label{max-width:calc(100% - 6rem)}}@supports (animation-timeline: view()){cv-steps[data-animate][data-scroll-timeline] .cv-steps__fill{animation:cv-steps-fill-x linear both;animation-timeline:--cv-steps-rail;animation-range:entry-crossing 20vh entry-crossing 65vh}@media(max-width:767.98px){cv-steps[data-animate][data-scroll-timeline] .cv-steps__fill{animation-name:cv-steps-fill-y;animation-range:entry-crossing 30vh entry-crossing calc(100% + 30vh)}}}@keyframes cv-steps-fill-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cv-steps-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.cv-steps__fill{animation:none!important;transform:none!important}.cv-steps__node,.cv-steps__index,.cv-steps__label,.cv-steps__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/cv-steps.css.map */