.how-it-works{padding-block:var(--section-padding-y-mobile);background-color:var(--hiw-bg, var(--color-light-gray));position:relative;overflow:hidden}@media(min-width:768px){.how-it-works{padding-block:var(--section-padding-y-desktop)}}.how-it-works__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.how-it-works__bg-img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:var(--hiw-bg-opacity, .12)}.how-it-works__inner{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin);position:relative;z-index:1}.how-it-works__header{text-align:center;margin-block-end:var(--space-16)}.how-it-works__eyebrow{display:inline-block;margin-block-end:var(--space-3)}.how-it-works__heading{margin-block-end:var(--space-4)}.how-it-works__subtext{font-size:var(--font-size-lg);color:var(--color-dark-gray);max-width:54ch;margin-inline:auto}.how-it-works__steps{display:grid;grid-template-columns:repeat(var(--hiw-columns, 4),1fr);gap:var(--space-8);position:relative}.how-it-works__steps:before{content:"";position:absolute;top:calc(var(--hiw-icon-size, 64px) / 2);left:calc(100% / (var(--hiw-columns, 4) * 2));right:calc(100% / (var(--hiw-columns, 4) * 2));height:1px;background:linear-gradient(to right,transparent,var(--hiw-line-color, var(--color-mid-gray)) 10%,var(--hiw-line-color, var(--color-mid-gray)) 90%,transparent);z-index:0;pointer-events:none}.hiw-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);position:relative;z-index:1}.how-it-works--left-align .hiw-step{align-items:flex-start;text-align:left}.hiw-step__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:var(--hiw-icon-size, 64px);height:var(--hiw-icon-size, 64px);border-radius:var(--radius-full);background-color:var(--hiw-icon-bg, var(--color-white));border:1.5px solid rgba(155,112,32,.25);flex-shrink:0;transition:background-color var(--transition-base),border-color var(--transition-base);box-shadow:var(--shadow-md),0 0 0 4px #9b70200f}.hiw-step:hover .hiw-step__icon-wrap{background-color:var(--hiw-accent, var(--color-cta));border-color:var(--hiw-accent, var(--color-cta));color:var(--color-white)}.hiw-step__number{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--gradient-gold);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1;letter-spacing:0;box-shadow:0 0 0 2px var(--hiw-bg, var(--color-off-white)),0 2px 6px #9b702059}.hiw-step__icon-img{width:calc(var(--hiw-icon-size, 64px) * .5);height:calc(var(--hiw-icon-size, 64px) * .5);object-fit:contain;transition:filter var(--transition-base)}.hiw-step:hover .hiw-step__icon-img{filter:brightness(0) invert(1)}.hiw-step__icon-svg{width:28px;height:28px;flex-shrink:0;transition:color var(--transition-base)}.hiw-step__large-number{font-size:clamp(3rem,6vw,5rem);font-weight:var(--font-weight-bold);line-height:1;letter-spacing:-.04em;color:var(--hiw-accent, var(--color-cta));opacity:.12;margin-block-end:calc(var(--space-3) * -1);-webkit-user-select:none;user-select:none;aria-hidden:true}.hiw-step__content{display:flex;flex-direction:column;gap:var(--space-2)}.hiw-step__heading{font-family:var(--font-primary--family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--hiw-heading-color, var(--color-foreground));line-height:var(--line-height-snug);letter-spacing:-.01em}.hiw-step__description{font-size:var(--font-size-sm);color:var(--hiw-text-color, var(--color-dark-gray));line-height:var(--line-height-relaxed)}.hiw-step__description a{color:var(--hiw-accent, var(--color-cta));text-decoration:underline;text-underline-offset:2px}.how-it-works__footer{display:flex;justify-content:center;margin-block-start:var(--space-16)}@media(max-width:1023px){.how-it-works__steps{grid-template-columns:repeat(min(var(--hiw-columns, 4),2),1fr)}.how-it-works__steps:before{display:none}}@media(max-width:767px){.how-it-works__inner{padding-inline:var(--space-3)}.how-it-works__steps{grid-template-columns:1fr;gap:var(--space-8)}.hiw-step{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-4)}.how-it-works--left-align .hiw-step{align-items:flex-start}.hiw-step__icon-wrap{flex-shrink:0;width:52px;height:52px}.hiw-step__icon-svg{width:22px;height:22px}.hiw-step__content{flex:1;min-width:0}.hiw-step__large-number{display:none}.how-it-works__steps:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-how-it-works.css.map */