.wg-how-it-works{--wg-how-it-works-copy-opacity: .85;--wg-how-it-works-ratio: 4 / 3}.wg-how-it-works--ratio-square{--wg-how-it-works-ratio: 1 / 1}.wg-how-it-works--ratio-portrait{--wg-how-it-works-ratio: 4 / 5}.wg-how-it-works__header{text-align:center;max-width:760px;margin:0 auto 36px}.wg-how-it-works__eyebrow{opacity:.7}.wg-how-it-works__heading{font-size:clamp(34px,5.4vw,54px)}.wg-how-it-works__steps{display:grid;gap:var(--wg-space-4);list-style:none;margin:0;padding:0}.wg-how-it-works__card{display:flex;flex-direction:column;overflow:hidden;background:var(--wg-how-it-works-card-bg);color:var(--wg-how-it-works-card-ink);border:1px solid var(--wg-how-it-works-card-border);border-radius:var(--wg-radius-card)}.wg-how-it-works__media{aspect-ratio:var(--wg-how-it-works-ratio);background:var(--wg-how-it-works-media-bg)}.wg-how-it-works__img{display:block;width:100%;height:100%;object-fit:cover}.wg-how-it-works__img--placeholder{fill:currentColor;opacity:.22}.wg-how-it-works__body{padding:22px 22px 24px}.wg-how-it-works__title{margin:0 0 8px;font-family:var(--wg-font-sans);font-weight:900;font-size:20px;line-height:1.15;letter-spacing:-.01em;text-transform:uppercase;color:inherit}.wg-how-it-works__text{margin:0;font-size:14px;line-height:1.7;opacity:var(--wg-how-it-works-copy-opacity)}.wg-how-it-works__text p{margin:0 0 .7em}.wg-how-it-works__text p:last-child{margin-bottom:0}.wg-how-it-works__text a{color:inherit;text-underline-offset:3px}@media screen and (max-width:749px){.wg-how-it-works--mobile-carousel .wg-how-it-works__steps{display:flex;gap:14px;margin:0 calc(-1 * var(--wg-space-5));padding:0 var(--wg-space-5) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--wg-space-5);-webkit-overflow-scrolling:touch;scrollbar-width:none}.wg-how-it-works--mobile-carousel .wg-how-it-works__steps::-webkit-scrollbar{display:none}.wg-how-it-works--mobile-carousel .wg-how-it-works__card{flex:0 0 min(78vw,340px);scroll-snap-align:start}.wg-how-it-works--mobile-carousel .wg-how-it-works__card:only-child{flex-basis:100%}}@media screen and (min-width:750px){.wg-how-it-works__header{margin-bottom:52px}.wg-how-it-works__steps{grid-template-columns:repeat(var(--wg-how-it-works-columns),minmax(0,1fr));gap:var(--wg-space-5)}}@media screen and (min-width:990px){.wg-how-it-works__body{padding:26px 28px}.wg-how-it-works__title{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-how-it-works.css.map */