how-it-works-slider.how-it-works,.how-it-works{display:block;padding-inline:var(--content-padding-inline)}.how-it-works__header{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.4rem,1.1rem + .5vw,1.8rem);margin-bottom:clamp(2.4rem,1.6rem + 1.6vw,4rem);max-width:66rem}.how-it-works__heading{margin:0;color:var(--how-it-works-heading, #14100D)}.how-it-works__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem;background-color:var(--how-it-works-border, #D9CFBF);border:.1rem solid var(--how-it-works-border, #D9CFBF);border-radius:1rem;overflow:hidden}.how-it-works__step{display:flex;flex-direction:column;min-width:0;background-color:var(--how-it-works-caption-background, #F2EBDF)}.how-it-works__media,.how-it-works__media.media{position:relative;aspect-ratio:15 / 16;width:100%;padding-bottom:0;overflow:hidden;background-color:#14100d}.how-it-works__media video,.how-it-works__media .image-fit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.how-it-works__media video{opacity:0;transition:opacity var(--duration-long, .5s) ease}.how-it-works__media video.is-ready{opacity:1}.how-it-works__media.media--placeholder{background-color:rgba(var(--color-heading),.06)}.how-it-works__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:currentColor}.how-it-works__caption{flex:1;display:flex;flex-direction:column;gap:.8rem;padding:clamp(2rem,1.8rem + .35vw,2.2rem) clamp(2.2rem,2rem + .4vw,2.6rem) clamp(2.2rem,2rem + .5vw,2.6rem);background-color:var(--how-it-works-caption-background, #F2EBDF)}.how-it-works__step-label{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.14em;line-height:1;text-transform:uppercase;color:var(--how-it-works-step-label, #B85C2E)}.how-it-works__step-heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight-bold, 700);font-size:clamp(1.8rem,1.6rem + .35vw,2rem);line-height:1.18;letter-spacing:-.01em;color:var(--how-it-works-heading, #14100D)}.how-it-works__step-text{font-size:clamp(1.4rem,1.3rem + .2vw,1.5rem);font-weight:400;line-height:1.55;color:var(--how-it-works-text, #8C7B6A)}.how-it-works__step-text p{margin:0}.how-it-works__step-text p+p{margin-top:.8rem}@media screen and (max-width:991px){.how-it-works__grid{display:block;background-color:transparent;border:0;border-radius:0;overflow:visible}.how-it-works__grid.flickity-enabled{margin-inline:calc(var(--content-padding-inline) * -1)}.how-it-works__step{width:100%;border:.1rem solid var(--how-it-works-border, #D9CFBF);border-radius:1rem;overflow:hidden}.how-it-works__grid.flickity-enabled .how-it-works__step{width:calc(100% - (var(--content-padding-inline) * 2));height:var(--how-it-works-slide-height, auto);margin-inline-end:var(--content-padding-inline)}.how-it-works__grid.flickity-enabled .how-it-works__caption{flex:1 1 auto;min-height:0}.how-it-works__grid.is-equalizing .how-it-works__caption [data-animate]{opacity:1!important;transform:none!important;transition:none!important}.how-it-works .flickity-viewport{overflow:hidden}.how-it-works .flickity-enabled:focus,.how-it-works .flickity-enabled:focus-visible,.how-it-works .flickity-viewport:focus,.how-it-works .flickity-viewport:focus-visible,.how-it-works .flickity-page-dot:focus,.how-it-works .flickity-page-dot:focus-visible{outline:0;box-shadow:none}.how-it-works .flickity-page-dots{position:static;display:flex;align-items:flex-end;justify-content:center;column-gap:1rem;width:100%;padding:0;padding-inline:var(--content-padding-inline);background-color:transparent;transform:none}.how-it-works .flickity-page-dot{display:flex;align-items:flex-end;width:5rem;height:2.5rem;padding:0;margin:0;opacity:1;background:transparent;border:0;border-radius:0;cursor:pointer}.how-it-works .flickity-page-dot:after{content:"";display:block;width:100%;height:.2rem;border-radius:0;background-color:var(--how-it-works-step-label, #B85C2E);opacity:.35;transform:scale(1);transition:height var(--duration-default, .25s) ease,opacity var(--duration-default, .25s) ease}.how-it-works .flickity-page-dot.is-selected:after{height:.5rem;opacity:1}.js .how-it-works__grid.flickity-enabled .how-it-works__step:not(.is-selected) .how-it-works__caption [data-animate]{opacity:0;transform:translateY(1.2rem);transition-property:transform,opacity;transition-timing-function:ease;transition-duration:calc(var(--duration-long, .5s) * 2)}.js .how-it-works__grid.flickity-enabled .how-it-works__step:not(.is-selected) .how-it-works__caption [data-animate-delay-1]{transition-delay:0s}.js .how-it-works__grid.flickity-enabled .how-it-works__step:not(.is-selected) .how-it-works__caption [data-animate-delay-2]{transition-delay:0s}.js .how-it-works__grid.flickity-enabled .how-it-works__step:not(.is-selected) .how-it-works__caption [data-animate-delay-3]{transition-delay:0s}.js .how-it-works__grid.flickity-enabled .how-it-works__step.is-selected .how-it-works__caption [data-animate]{opacity:1;transform:translateY(0);transition-property:transform,opacity;transition-timing-function:ease;transition-duration:calc(var(--duration-long, .5s) * 2)}.js .how-it-works__grid.flickity-enabled .how-it-works__step.is-selected .how-it-works__caption [data-animate-delay-1]{transition-delay:var(--duration-default, .25s)}.js .how-it-works__grid.flickity-enabled .how-it-works__step.is-selected .how-it-works__caption [data-animate-delay-2]{transition-delay:calc(var(--duration-default, .25s) + .1s)}.js .how-it-works__grid.flickity-enabled .how-it-works__step.is-selected .how-it-works__caption [data-animate-delay-3]{transition-delay:calc(var(--duration-default, .25s) + .2s)}}@media screen and (min-width:992px){.how-it-works__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.how-it-works__step{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-how-it-works.css.map */