.ol-b2c-process{position:relative;width:100%;padding-block:64px 80px;padding-inline:64px;background-color:var(--ol-process-bg, var(--ol-color-warm-white));overflow:hidden}.ol-b2c-process__mountain{position:absolute;bottom:0;left:0;width:100%;z-index:0;opacity:var(--ol-process-mountain-opacity, .3);mix-blend-mode:var(--ol-process-mountain-blend, normal);pointer-events:none}.ol-b2c-process__mountain img{display:block;width:100%;height:auto}.ol-b2c-process__header{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--ol-space-6);max-width:1180px;margin-bottom:52px}.ol-b2c-process__eyebrow{margin:0;font-family:var(--ol-font-family-body);font-size:var(--ol-font-size-body);font-weight:400;line-height:1.2;letter-spacing:var(--ol-letter-spacing-uppercase);text-transform:uppercase;color:var(--ol-process-eyebrow-color, var(--ol-color-green-sage))}.ol-b2c-process__title{margin:0;font-family:var(--ol-font-family-display);font-size:var(--ol-font-size-h2);font-weight:500;font-style:italic;line-height:var(--ol-line-height-display);letter-spacing:var(--ol-letter-spacing-display-tight);color:var(--ol-process-text-color, var(--ol-color-ink-900));white-space:nowrap}@media(max-width:1199px){.ol-b2c-process__title{white-space:normal}}.ol-b2c-process__lead{margin:0;font-family:var(--ol-font-family-body);font-size:var(--ol-font-size-body-lg);font-weight:400;line-height:var(--ol-line-height-normal);letter-spacing:var(--ol-letter-spacing-body-tight);color:var(--ol-process-muted-color, var(--ol-color-text-muted))}.ol-b2c-process__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ol-space-8);width:100%}.ol-b2c-process__step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ol-space-8);padding-top:52px;transition:opacity var(--ol-transition-base)}.ol-b2c-process__step:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--ol-process-line-color, rgba(0, 0, 0, .15));transition:background-color var(--ol-transition-base),height var(--ol-transition-base)}.ol-b2c-process__step-number{margin:0;font-family:var(--ol-font-family-body);font-size:36px;font-weight:400;line-height:var(--ol-line-height-display);letter-spacing:var(--ol-letter-spacing-display-tight);color:var(--ol-process-number-color, var(--ol-color-green-500));opacity:.8;transition:opacity var(--ol-transition-base)}.ol-b2c-process__step-title{margin:0;font-family:var(--ol-font-family-body);font-size:32px;font-weight:400;line-height:var(--ol-line-height-display);letter-spacing:var(--ol-letter-spacing-display-tight);color:var(--ol-process-text-color, var(--ol-color-ink-900))}.ol-b2c-process__step-description{margin:0;font-family:var(--ol-font-family-body);font-size:var(--ol-font-size-body-lg);font-weight:400;line-height:var(--ol-line-height-normal);letter-spacing:var(--ol-letter-spacing-body-tight);color:var(--ol-process-muted-color, var(--ol-color-text-muted))}.ol-b2c-process__step:hover:before{background-color:var(--ol-process-line-hover-color, var(--ol-color-green-500));height:2px}.ol-b2c-process__step:hover .ol-b2c-process__step-number{opacity:1}.ol-b2c-process__steps:hover .ol-b2c-process__step:not(:hover){opacity:.4}.ol-b2c-process__cta{position:relative;z-index:1;margin-top:80px;display:flex;justify-content:flex-start}.ol-b2c-process__cta-button{display:inline-flex;align-items:center;justify-content:center;height:var(--ol-cta-height);padding-inline:var(--ol-cta-padding-inline);background-color:var(--ol-process-cta-bg, var(--ol-color-green-deep));border-radius:var(--ol-radius-sm);font-family:var(--ol-font-family-body);font-size:var(--ol-font-size-body);font-weight:400;line-height:16px;letter-spacing:var(--ol-letter-spacing-uppercase);text-transform:uppercase;text-decoration:none;color:var(--ol-process-cta-color, var(--ol-color-white));transition:background-color var(--ol-transition-base)}.ol-b2c-process__cta-button:hover{background-color:var(--ol-process-cta-hover-bg, var(--ol-color-green-sage))}@media(prefers-reduced-motion:reduce){.ol-b2c-process__step,.ol-b2c-process__step:before,.ol-b2c-process__step-number,.ol-b2c-process__step-title,.ol-b2c-process__step-description{transition:none}.ol-b2c-process__steps:hover .ol-b2c-process__step:not(:hover){opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ol-b2c-process.css.map */