.how-hero-cards-work{position:relative;overflow:visible;padding-top:10%!important;padding-bottom:10%!important;margin-top:-10%!important}.how-hero-cards-work__background{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;display:flex!important;flex-direction:column;z-index:1}.how-hero-cards-work__background-top,.how-hero-cards-work__background-bottom{overflow:hidden;width:100%;display:flex!important;justify-content:flex-end;z-index:2;top:0}.how-hero-cards-work__background-middle{width:100%;min-height:300px;background-color:#fffcdf;flex:1;z-index:2;top:0;display:flex!important}.how-hero-cards-work__background-bottom{transform:rotate(180deg)}.how-hero-cards-work__background-top svg,.how-hero-cards-work__background-bottom svg{width:100%}.how-cards__header{position:relative;z-index:10;margin-bottom:60px;max-width:1200px;margin-left:auto}.how-cards__main-heading{margin:0 0 16px;max-width:400px}.how-cards__main-subheading{color:rgba(var(--color-foreground),.75);max-width:400px}.how-cards__sticky-container{position:relative;width:100%}.how-cards__step{position:sticky;top:5rem;width:100%;display:flex;align-items:center;justify-content:center;padding-top:calc(30px * var(--step-index, 1));z-index:calc(var(--step-index, 1));overflow:hidden;max-width:1200px;margin:0 auto}.how-cards__step:not(:last-child){margin-bottom:0}.how-cards__step-inner{width:100%;background-color:var(--bg-color, #f5f5f5);color:var(--text-color, #000000);margin:0 auto;padding:40px;display:flex;align-items:center;opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;border-radius:80px}.how-cards__step:not(.how-cards__step--visible) .how-cards__step-inner{opacity:.7;transform:translateY(20px)}.how-cards__step--visible .how-cards__step-inner{opacity:1;transform:translateY(0)}.how-cards__step-content{width:100%}.how-cards__content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.how-cards__text-side{padding:20px}.how-cards__step-number{font-weight:600;color:currentColor;opacity:.4;margin-bottom:16px;letter-spacing:.1em;text-transform:uppercase}.how-cards__step-heading{margin:0 0 24px;font-weight:700;line-height:1.2}.how-cards__step-inner .how-cards__step-heading{color:currentColor}.how-cards__step-description{color:currentColor;line-height:1.7}.how-cards__step-description p{margin:0 0 16px}.how-cards__step-description p:last-child{margin-bottom:0}.how-cards__image-side{position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.how-cards__image-container{width:100%;max-width:500px;border-radius:40px;overflow:hidden;box-shadow:0 20px 60px #00000026;transform:scale(.95);transition:transform .6s cubic-bezier(.4,0,.2,1) .2s;display:flex;align-items:center;justify-content:center}.how-cards__step--visible .how-cards__image-container{transform:scale(1)}.how-cards__image{width:100%;height:auto;display:block}.how-cards__image-placeholder{width:100%;min-height:400px;aspect-ratio:4 / 3;background:#0000000d;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #0000001a}.how-cards__placeholder-svg{width:80%;height:80%;opacity:.3}.how-cards__closing-text{position:relative;z-index:10;margin-top:80px;padding:0 20px}.how-cards__closing-content{max-width:800px;margin:0 auto;text-align:center;line-height:1.7}.how-cards__closing-content p{margin:0 0 16px}.how-cards__closing-content p:last-child{margin-bottom:0}@media screen and (max-width:989px){.how-cards__header{margin-bottom:2rem}.how-cards__main-heading{margin-top:5rem}.how-cards__step,.how-cards__step--visible{top:0}.how-cards__step{padding-top:0!important}.how-cards__step-description p{color:currentColor}.how-cards__content-wrapper{grid-template-columns:1fr;gap:40px}.how-cards__text-side{padding:20px;order:2}.how-cards__image-side{padding:10px;order:1}.how-cards__step{position:relative;min-height:auto;padding:60px 0}.how-cards__step-inner{padding:30px;margin:0 2rem;max-width:80%;border-radius:40px}.how-cards__content-wrapper{max-width:100%;margin:0 auto}.how-cards__image-container{max-width:90%}.how-cards__image-placeholder{min-height:350px}.how-cards__closing-text{margin-top:0}}@media screen and (max-width:749px){.how-cards__header{margin-bottom:40px}.how-cards__content-wrapper{gap:30px}.how-cards__text-side,.how-cards__image-side{padding:0}.how-cards__step-number{margin-bottom:12px}.how-cards__step-heading{margin-bottom:16px}.how-cards__step-description{line-height:1.6}.how-cards__image-container{max-width:100%;border-radius:16px}.how-cards__image-placeholder{min-height:300px;border-radius:16px}.how-cards__step{padding:50px 0}.how-cards__step-inner{padding:30px;border-radius:40px}.how-cards__closing-text{margin-top:50px}.how-cards__step:last-child{padding-bottom:0!important}}@media screen and (max-width:480px){.how-cards__step-inner{max-width:100%}}@media(prefers-reduced-motion:reduce){.how-cards__step{transition:none}.how-cards__step-inner{opacity:1;transform:none;transition:none}.how-cards__image-container{transform:none;transition:none}}@media(prefers-contrast:high){.how-cards__step{border:2px solid currentColor}.how-cards__step-number{color:currentColor;opacity:.8}.how-cards__step-description{color:currentColor}.how-cards__image-container{border:2px solid currentColor}}@media print{.how-cards__step{position:relative;min-height:auto;page-break-inside:avoid;margin-bottom:40px!important}.how-cards__step-inner{opacity:1;transform:none}.how-cards__image-container{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-hero-cards-work.css.map */