.how-it-works{padding:64px 0;background-color:var(--hiw-bg, #F5F0E6)}.how-it-works__inner{max-width:1200px;margin:0 auto;padding:0 24px}.how-it-works__heading{font-family:Fraunces,serif;font-size:clamp(28px,4vw,40px);font-weight:500;color:var(--hiw-heading-color, #1F2A3D);text-align:center;margin:0 0 12px}.how-it-works__subheading{font-family:Public Sans,sans-serif;font-size:16px;color:var(--hiw-text-color, #1F2A3D);opacity:.75;text-align:center;max-width:560px;margin:0 auto 40px}.how-it-works__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.how-it-works__card{display:flex;flex-direction:column;align-items:center;text-align:center}.how-it-works__image-wrap{width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;margin-bottom:20px;background-color:var(--hiw-image-bg, #D9C9AE)}.how-it-works__image{width:100%;height:100%;object-fit:cover;display:block}.how-it-works__image--placeholder{display:flex;align-items:center;justify-content:center}.how-it-works__image--placeholder svg{width:60%;height:60%;opacity:.4}.how-it-works__card-title{font-family:Fraunces,serif;font-size:20.5px;font-weight:500;color:var(--hiw-card-title-color, #1F2A3D);margin:0 0 8px}.how-it-works__card-text{font-family:Public Sans,sans-serif;font-size:15.5px;line-height:1.5;color:var(--hiw-card-text-color, #1F2A3D);opacity:.8;margin:0}.how-it-works__dots{display:none;justify-content:center;gap:8px;margin-top:24px}.how-it-works__dot{width:6px;height:6px;border-radius:50%;background-color:var(--hiw-card-title-color, #1F2A3D);opacity:.25}@media screen and (max-width:989px)and (min-width:600px){.how-it-works__grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media screen and (max-width:599px){.how-it-works{padding:48px 0}.how-it-works__inner{padding:0}.how-it-works__heading,.how-it-works__subheading{padding:0 24px}.how-it-works__grid{display:flex;gap:16px;margin-top:32px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 24px;scrollbar-width:none;-ms-overflow-style:none}.how-it-works__grid::-webkit-scrollbar{display:none}.how-it-works__card{flex:0 0 auto;width:82%;scroll-snap-align:center}.how-it-works__dots{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works.css.map */