.how-it-works{--hiw-px: clamp(.68px, 100vw / 1440, 1.7778px);--hiw-text-px: clamp(.9px, 100vw / 1440, 1.7778px);display:flex;flex-direction:column;gap:calc(var(--hiw-gap, 60) * var(--hiw-px));box-sizing:border-box;padding:calc(var(--hiw-padding-top, 80) * var(--hiw-px)) calc(var(--hiw-padding-horizontal, 40) * var(--hiw-px)) calc(var(--hiw-padding-bottom, 80) * var(--hiw-px));color:var(--hiw-text, #fff);background-color:var(--hiw-background, #000);font-family:Barlow Condensed,sans-serif}.how-it-works__header{display:flex;flex-direction:column;gap:calc(20 * var(--hiw-px));max-width:calc(var(--hiw-header-width, 670) * var(--hiw-px))}.how-it-works__heading{--hiw-lh: .94;line-height:var(--hiw-lh);margin:calc((1.2 - var(--hiw-lh)) / 2 * 1em - .2625em) 0 calc((1.2 - var(--hiw-lh)) / 2 * 1em - .244em);font-size:calc(var(--hiw-heading-size, 68) * var(--hiw-px));font-weight:800;font-style:italic;letter-spacing:0;text-transform:uppercase;color:var(--hiw-text, #fff)}.how-it-works__subheading{margin:0;max-width:calc(var(--hiw-text-width, 670) * var(--hiw-px));font-size:calc(var(--hiw-body-size, 16) * var(--hiw-text-px));font-weight:400;line-height:1.4;letter-spacing:.01em;color:var(--hiw-muted, #a6a6a6)}.how-it-works__steps{display:flex;gap:calc(var(--hiw-card-gap, 12) * var(--hiw-px))}.how-it-works__card{position:relative;display:flex;flex:1 1 0;min-width:0;flex-direction:column;box-sizing:border-box;border:1px solid var(--hiw-border, #292929);border-radius:calc(12 * var(--hiw-px));background-color:var(--hiw-card, #141414);color:inherit;text-decoration:none}.how-it-works__arrow{flex:none;display:flex;align-items:center;justify-content:center;width:calc(var(--hiw-arrow-box, 36) * var(--hiw-px));color:var(--hiw-accent, #f26722)}.how-it-works__arrow svg{display:block;width:calc(var(--hiw-arrow-size, 24) * var(--hiw-px));height:calc(var(--hiw-arrow-size, 24) * var(--hiw-px))}.how-it-works__media{flex:none;box-sizing:border-box;height:calc(var(--hiw-media-height, 280) * var(--hiw-px));padding:calc(12 * var(--hiw-px));border-bottom:1px solid var(--hiw-border, #292929)}.how-it-works__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(4 * var(--hiw-px))}.how-it-works__image--placeholder{background-color:var(--hiw-border, #292929)}.how-it-works__body{padding:calc(20 * var(--hiw-px))}.how-it-works__title{margin:0;line-height:1.2;font-size:calc(var(--hiw-title-size, 22) * var(--hiw-text-px));font-weight:800;font-style:italic;letter-spacing:.01em;color:var(--hiw-text, #fff)}.how-it-works__badge{position:absolute;top:calc(2 * var(--hiw-px));left:calc(2 * var(--hiw-px));display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(var(--hiw-badge-size, 60) * var(--hiw-px));height:calc(var(--hiw-badge-size, 60) * var(--hiw-px));border-radius:calc(10 * var(--hiw-px)) 0 calc(10 * var(--hiw-px)) 0;background-color:var(--hiw-accent, #f26722);font-size:calc(var(--hiw-number-size, 24) * var(--hiw-text-px));font-weight:700;line-height:1.4;letter-spacing:.01em;color:var(--hiw-badge-text, #fff)}@media screen and (max-width:989px){.how-it-works{--hiw-px: clamp(.9px, 100vw / 390, 1.26px);gap:calc(var(--hiw-mobile-gap, 32) * var(--hiw-px));padding:calc(var(--hiw-mobile-padding-top, 60) * var(--hiw-px)) calc(var(--hiw-mobile-padding-horizontal, 16) * var(--hiw-px)) calc(var(--hiw-mobile-padding-bottom, 60) * var(--hiw-px))}.how-it-works__header{gap:calc(16 * var(--hiw-px));max-width:none}.how-it-works__heading{margin-top:0;margin-bottom:0;--hiw-lh: .95;font-size:calc(var(--hiw-mobile-heading-size, 38) * var(--hiw-px))}.how-it-works__subheading{max-width:none;font-size:calc(var(--hiw-mobile-body-size, 15) * var(--hiw-px))}.how-it-works__steps{flex-direction:column;gap:calc(var(--hiw-mobile-card-gap, 16) * var(--hiw-px))}.how-it-works__arrow{width:auto}.how-it-works__media{min-height:calc(var(--hiw-mobile-media-height, 160) * var(--hiw-px));height:auto;aspect-ratio:3 / 2;padding:calc(10 * var(--hiw-px));border-bottom:0}.how-it-works__body{padding:calc(16 * var(--hiw-px))}.how-it-works__title{line-height:1.114;font-size:calc(var(--hiw-mobile-title-size, 22) * var(--hiw-px));letter-spacing:0}.how-it-works__badge{width:calc(var(--hiw-mobile-badge-size, 40) * var(--hiw-px));height:calc(var(--hiw-mobile-badge-size, 40) * var(--hiw-px));font-size:calc(var(--hiw-mobile-number-size, 18) * var(--hiw-px));line-height:1.2;letter-spacing:0}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/how-it-works.css.map */