.wave-how-it-works{background:var(--hiw-bg, var(--wave-white));color:var(--wave-ink);letter-spacing:0}.wave-how-it-works__inner{display:flex;flex-direction:column;gap:var(--wave-stack-lg)}.wave-how-it-works__header{display:flex;flex-direction:column;gap:.8rem}.wave-how-it-works__title{line-height:1.05}.wave-how-it-works__subtitle{letter-spacing:0;text-wrap:pretty}.wave-how-it-works__list{--hiw-bubble: 5.8rem;--hiw-bubble-x: -2.3rem;--hiw-bubble-y: -2.4rem;--wave-scroller-col: min(78%, 28rem);--wave-scroller-gap: 3.6rem;margin-block:0;padding-top:2.6rem;padding-left:calc(var(--wave-gutter) + 2.4rem);scroll-padding-inline-start:calc(var(--wave-gutter) + 2.4rem);list-style:none}@media screen and (min-width:600px)and (max-width:749px){.wave-how-it-works__list{--wave-scroller-col: 40%}}.wave-how-it-works__step{position:relative;min-width:0}.wave-how-it-works__card{position:relative;aspect-ratio:272 / 327.24;overflow:hidden;border-radius:1.7rem;background:var(--wave-grey-700);isolation:isolate}.wave-how-it-works__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wave-how-it-works__glass{--wave-glass-h: 40%;background:linear-gradient(180deg,#1a1a1a00,#1a1a1a80 40%,#1a1a1abd)}.wave-how-it-works__caption{position:absolute;inset:auto 4.4% 6.2% 12.1%;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:3.2rem;font-family:var(--font-mono);font-weight:400;font-size:1.5rem;line-height:1.6rem;letter-spacing:0;color:var(--wave-grey-200);text-shadow:0 1px .4rem rgba(0,0,0,.45);text-wrap:balance}.wave-how-it-works__num{position:absolute;top:var(--hiw-bubble-y);left:var(--hiw-bubble-x);z-index:2;display:flex;align-items:center;justify-content:center;width:var(--hiw-bubble);height:var(--hiw-bubble);border:1px solid var(--wave-white);border-radius:50%;background:var(--wave-ink);color:var(--wave-white);font-family:var(--font-mono);font-weight:400;font-size:2.2rem;line-height:2rem;letter-spacing:-.24em}@media screen and (min-width:750px){.wave-how-it-works .wave-how-it-works__list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:6.4rem;margin-inline:0;padding:0;overflow:visible;scroll-snap-type:none}}@media screen and (min-width:990px){.wave-how-it-works .wave-how-it-works__list{grid-template-columns:repeat(4,minmax(0,27.2rem));column-gap:clamp(3.2rem,calc((100% - 108.8rem) / 3),6.4rem)}.wave-how-it-works__caption{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-wave-how-it-works.css.map */
