.how{position:relative;padding-block:var(--section-y);background:var(--bg);transition:background-color var(--theme-fade) var(--ease-in-out)}.how__head{display:grid;gap:1.25rem;max-inline-size:46rem;margin-block-end:clamp(2.5rem,6vw,4rem)}.how__heading{margin-inline-start:-.03em}.how__steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(3rem,7vw,5.5rem);counter-reset:step}.how__step{display:grid;grid-template-columns:4.5rem minmax(0,1fr) minmax(0,.8fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.how__step:nth-child(2n){grid-template-columns:4.5rem minmax(0,.8fr) minmax(0,1fr)}.how__step:nth-child(2n) .how__body{order:3}.how__step:nth-child(2n) .how__figure{order:2}.how__marker{display:grid;justify-items:center;align-content:start;gap:.75rem;align-self:stretch}.how__num{display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:50%;border:1px solid var(--rule);font-size:var(--step-micro);letter-spacing:.1em;color:var(--ink-muted);background:var(--bg);transition:border-color var(--dur-mid) var(--ease-out),color var(--dur-mid) var(--ease-out),background-color var(--dur-mid) var(--ease-out)}.how__step[data-active] .how__num{border-color:transparent;background-image:var(--gradient-brand);color:var(--ink-on-accent)}.how__line{inline-size:1px;block-size:100%;min-block-size:3rem;background:linear-gradient(var(--rule),transparent)}.how__step:last-child .how__line{display:none}.how__body{display:grid;gap:.85rem;align-content:start;padding-block-start:.4rem}.how__title{margin:0}.how__text{margin:0;max-inline-size:38ch}.how__figure{display:flex;justify-content:center}.how__art{position:relative;inline-size:100%;max-inline-size:13.5rem;display:grid;place-items:center;isolation:isolate}.how__blob{position:absolute;inset-block-start:-11%;inset-inline-start:-70%;inline-size:240%;block-size:122%;max-inline-size:none;z-index:-1;overflow:visible;animation:blob-drift 13s var(--ease-in-out) infinite;will-change:transform}.how__step:nth-child(2) .how__blob{animation-delay:-4.4s}.how__step:nth-child(3) .how__blob{animation-delay:-8.8s}@keyframes blob-drift{0%,to{transform:translateZ(0) rotate(0) scale(1)}33%{transform:translate3d(2%,-2.5%,0) rotate(6deg) scale(1.05)}66%{transform:translate3d(-2%,2%,0) rotate(-5deg) scale(.96)}}.how__img{position:relative;z-index:1;inline-size:100%;block-size:auto;filter:drop-shadow(0 18px 26px rgba(39,39,42,.12));transition:transform var(--dur-slow) var(--ease-out)}.how__step:hover .how__img{transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.how__blob{animation:none}.how__img,.how__step:hover .how__img{transform:none;transition:none}}.how__foot{margin-block-start:clamp(3rem,7vw,5rem);padding-inline-start:calc(4.5rem + clamp(1.5rem,4vw,3.5rem))}@media(max-width:900px){.how__step,.how__step:nth-child(2n){grid-template-columns:3rem minmax(0,1fr)}.how__figure,.how__step:nth-child(2n) .how__figure{order:3;grid-column:2;justify-content:flex-start}.how__step:nth-child(2n) .how__body{order:2}.how__num{inline-size:2.5rem;block-size:2.5rem}.how__art{max-inline-size:13rem}.how__foot{padding-inline-start:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-how.css.map */