.how-it-works,.how-it-works__inner{width:100%}.how-it-works__header{margin:0 auto 3rem;max-width:var(--hiw-header-width, 64rem)}.how-it-works__header--left{margin-left:0;margin-right:auto;text-align:left}.how-it-works__header--center{text-align:center}.how-it-works__header--right{margin-left:auto;margin-right:0;text-align:right}.how-it-works__eyebrow{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--hiw-eyebrow-size, 1.4rem);font-weight:400;line-height:2.4rem;letter-spacing:0;text-transform:uppercase;color:var(--hiw-eyebrow-color, #6e8e78)}.how-it-works__heading{margin:0;font-family:Fraunces,var(--font-heading-family),serif;font-style:var(--font-heading-style);font-weight:var(--hiw-heading-weight, 400);font-size:var(--hiw-heading-size, 3.6rem);line-height:1.2917;letter-spacing:0;color:var(--hiw-heading-color, #43423d)}.how-it-works__heading.h0,.how-it-works__heading.h1,.how-it-works__heading.h2{font-size:var(--hiw-heading-size, 3.6rem)}.how-it-works__heading p{margin:0}.how-it-works__layout{display:grid;grid-template-columns:1fr;gap:var(--hiw-gap, 2.4rem);align-items:center}.how-it-works__media-col,.how-it-works__steps-col{min-width:0}.how-it-works__media{position:relative;width:100%;overflow:hidden;border-radius:var(--hiw-media-radius, 2rem);background:rgba(var(--color-foreground),.04);box-shadow:var(--hiw-media-shadow, none);aspect-ratio:var(--hiw-media-ratio, 630 / 431)}.how-it-works__media--adapt{aspect-ratio:auto}.how-it-works__media img,.how-it-works__media video,.how-it-works__media iframe,.how-it-works__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.how-it-works__media--adapt img,.how-it-works__media--adapt .placeholder-svg{height:auto}.how-it-works__media deferred-media,.how-it-works__media how-it-works-video{display:block;width:100%;height:100%;position:relative}.how-it-works__media .deferred-media__poster,.how-it-works__video-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:transparent}.how-it-works__media .deferred-media__poster img,.how-it-works__video-poster img{width:100%;height:100%;object-fit:cover}.how-it-works__control{position:absolute;left:50%;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--hiw-control-size, 6.4rem);height:var(--hiw-control-size, 6.4rem);padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);background:var(--hiw-control-bg, #ffffffe8);color:var(--hiw-control-color, #2f4a3c);box-shadow:0 8px 24px #0000001f;cursor:pointer;opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.how-it-works__control:hover{transform:translate(-50%,-50%) scale(1.06)}.how-it-works__control .icon{width:2.4rem;height:2.4rem;display:block}.how-it-works__control .icon-play{transform:translate(.2rem)}@media screen and (min-width:769px){.how-it-works__control .icon{width:2.8rem;height:2.8rem}}.how-it-works__control-pause,.how-it-works__media[data-playing=true] .how-it-works__control-play{display:none}.how-it-works__media[data-playing=true] .how-it-works__control-pause{display:block}.how-it-works__media deferred-media[loaded] .how-it-works__control,.how-it-works__media how-it-works-video[data-loaded=true] .how-it-works__video-poster{opacity:0;pointer-events:none}@media screen and (min-width:769px){.how-it-works__media:hover .how-it-works__control,.how-it-works__media:focus-within .how-it-works__control,.how-it-works__media:hover how-it-works-video[data-loaded=true] .how-it-works__control,.how-it-works__media:focus-within how-it-works-video[data-loaded=true] .how-it-works__control{opacity:1;pointer-events:auto}}@media screen and (max-width:768px){.how-it-works__media[data-controls-visible=true] .how-it-works__control,.how-it-works__media[data-controls-visible=true] how-it-works-video[data-loaded=true] .how-it-works__control{opacity:1;pointer-events:auto}.how-it-works__media deferred-media[loaded] .how-it-works__control{opacity:0;pointer-events:none}.how-it-works__heading,.how-it-works__heading.h0,.how-it-works__heading.h1,.how-it-works__heading.h2{font-size:3.6rem;line-height:1.2}.how-it-works__steps{gap:1.2rem}.how-it-works__step{gap:1.2rem;padding:2rem}}.how-it-works__media how-it-works-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.how-it-works__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--hiw-step-gap, 2rem);width:100%}.how-it-works__step{display:flex;align-items:center;gap:2rem;padding:var(--hiw-step-padding, 2rem);border-radius:var(--hiw-step-radius, 2rem);background:var(--hiw-step-bg, #ffffff);border:var(--hiw-step-border-width, 0) solid var(--hiw-step-border-color, transparent);box-shadow:var(--hiw-step-shadow, 1px 1px 1px rgba(0, 0, 0, .1))}.how-it-works__number{flex-shrink:0;width:var(--hiw-number-size, 4rem);height:var(--hiw-number-size, 4rem);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--hiw-number-bg, #6e8e78);color:var(--hiw-number-color, #ffffff);font-size:var(--hiw-number-font-size, 1.8rem);font-weight:400;line-height:2rem;font-family:Fraunces,var(--font-heading-family),serif;text-align:center}.how-it-works__step-content{min-width:0;display:flex;flex-direction:column;gap:1rem;padding-top:0}.how-it-works__step-title{margin:0;font-family:Fraunces,var(--font-heading-family),serif;font-style:var(--font-heading-style);font-weight:var(--hiw-step-title-weight, 400);font-size:var(--hiw-step-title-size, 2rem);line-height:2rem;letter-spacing:0;color:var(--hiw-step-title-color, #43423d)}.how-it-works__step-title p{margin:0}.how-it-works__step-text{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--hiw-step-text-size, 1.6rem);font-weight:400;line-height:2.4rem;color:var(--hiw-step-text-color, #43423d)}.how-it-works__step-text p{margin:0}.how-it-works__layout--mobile-content_first .how-it-works__media-col{order:2}.how-it-works__layout--mobile-content_first .how-it-works__steps-col{order:1}@media screen and (min-width:992px){.how-it-works__header{margin-bottom:3rem}.how-it-works__heading,.how-it-works__heading.h0,.how-it-works__heading.h1,.how-it-works__heading.h2{font-size:var(--hiw-heading-size-desktop, 4.8rem);line-height:6.2rem}.how-it-works__layout{grid-template-columns:minmax(0,562fr) minmax(0,534fr);gap:var(--hiw-gap-desktop, 7rem);align-items:center}.how-it-works__media-col{display:flex;flex-direction:column}.how-it-works__media{height:auto;min-height:0;flex:0 0 auto}.how-it-works__steps-col{display:flex;align-items:center}.how-it-works__layout--media_right{grid-template-columns:minmax(0,534fr) minmax(0,630fr)}.how-it-works__layout--media_right .how-it-works__media-col{order:2}.how-it-works__layout--media_right .how-it-works__steps-col{order:1}.how-it-works__layout--mobile-content_first .how-it-works__media-col,.how-it-works__layout--mobile-content_first .how-it-works__steps-col{order:initial}.how-it-works__layout--media_right.how-it-works__layout--mobile-content_first .how-it-works__media-col{order:2}.how-it-works__layout--media_right.how-it-works__layout--mobile-content_first .how-it-works__steps-col{order:1}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-how-it-works.css.map */