.hiw{--hiw-max-w: 1280px;--hiw-media-w: 569px;--hiw-copy-w: 529px;--hiw-copy-pad: 87px;--hiw-step-h: 661px;--hiw-accent: #0038c7;--hiw-heading: #1d1d1f;--hiw-ink: #000;--hiw-body: #5e6366;--hiw-dot: #eeeeee;--hiw-ease: cubic-bezier(.215, .61, .355, 1);display:block;background:var(--page-surface, var(--hiw-surface, #f8f8f8))}.hiw__track{position:relative}.hiw__stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(32px,5vh,80px);overflow:hidden;padding-inline:clamp(20px,4.4vw,64px)}.hiw__head{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;flex-shrink:0}.hiw__eyebrow{margin:0;font-family:TT_Hoves_Pro_Medium,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.3;text-transform:uppercase;color:var(--hiw-accent)}.hiw__heading{margin:0;max-width:927px;font-family:TT_Hoves_Pro_Light,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:clamp(32px,4.23vw,64px);line-height:1.1;letter-spacing:-.03em;text-align:center;color:var(--hiw-heading)}.hiw__body{position:relative;display:grid;grid-template-columns:minmax(0,var(--hiw-media-w)) minmax(0,1fr);align-items:center;width:100%;max-width:var(--hiw-max-w);margin-inline:auto;height:min(var(--hiw-step-h),calc(100svh - 260px))}.hiw__media{position:relative;height:100%;min-width:0;border-radius:var(--hiw-media-radius, 24px);overflow:hidden}.hiw__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.02);transition-property:opacity,transform;transition-duration:.52s;transition-timing-function:var(--hiw-ease)}.hiw__media img[data-active=true]{opacity:1;transform:none}.hiw__steps{position:relative;height:100%;padding-left:clamp(24px,6.8vw,var(--hiw-copy-pad));padding-right:40px}.hiw__step{position:absolute;top:50%;left:clamp(24px,6.8vw,var(--hiw-copy-pad));right:40px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:var(--hiw-copy-w);opacity:0;pointer-events:none;transition-property:opacity,transform;transition-duration:.52s;transition-timing-function:var(--hiw-ease)}.hiw__step[data-active=true]{opacity:1;pointer-events:auto}.hiw__step{transform:translateY(calc(-50% + 20px))}.hiw__step[data-active=true]{transform:translateY(-50%)}.hiw__num{margin:0;font-family:TT_Hoves_Pro_Thin,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:clamp(64px,8.47vw,128px);line-height:.9;letter-spacing:-.03em;color:var(--hiw-accent)}.hiw__title{margin:0;font-family:TT_Hoves_Pro_Light,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:clamp(28px,3.17vw,48px);line-height:1.1;letter-spacing:-.03em;color:var(--hiw-ink)}.hiw__copy{margin:0;font-family:TT_Hoves_Pro_Regular,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.3;color:var(--hiw-body)}.hiw__copy p{margin:0 0 1.3em}.hiw__copy p:last-child{margin-bottom:0}.hiw__meta{margin:0;font-family:TT_Hoves_Pro_Regular,ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.3;color:var(--hiw-body)}.hiw__meta strong{font-family:TT_Hoves_Pro_Medium,ui-sans-serif,system-ui,sans-serif;font-weight:500;color:var(--hiw-accent)}.hiw__pagination{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;width:8px}.hiw__dot{display:block;width:8px;height:8px;border-radius:999px;background:var(--hiw-dot);transition-property:height,background-color;transition-duration:.42s;transition-timing-function:var(--hiw-ease)}.hiw__dot[data-active=true]{height:64px;background:var(--hiw-accent)}.hiw__step-media{display:none}@media(max-width:1023px){.hiw__stage{padding-block:96px 8px;gap:20px;justify-content:flex-start}.hiw__heading{font-size:32px}.hiw__body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:auto;flex:1 1 auto;min-height:0;row-gap:8px}.hiw__media{height:min(38vh,360px)}.hiw__step-media{display:none!important}.hiw__steps{padding:0;height:100%;min-height:var(--hiw-steps-h, 220px)}.hiw__step{left:0;right:0;max-width:none;gap:12px}.hiw__num{font-size:56px}.hiw__title{font-size:24px}.hiw__copy{font-size:13px}.hiw__pagination{display:none}}@media(prefers-reduced-motion:reduce){.hiw__stage{position:static;height:auto;display:block;padding-block:64px}.hiw__body{height:auto}.hiw__steps{position:static;height:auto;display:flex;flex-direction:column;gap:64px}.hiw__step{position:static;inset:auto;transform:none;opacity:1;transition:none;pointer-events:auto}.hiw__media img,.hiw__dot{transition:none}}.hiw.is-animated .hiw__head,.hiw.is-animated .hiw__media,.hiw.is-animated .hiw__steps,.hiw.is-animated .hiw__pagination{opacity:0;transform:translateY(28px);transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-delay:var(--hiw-d, 0ms)}.hiw.is-animated.is-in-view .hiw__head,.hiw.is-animated.is-in-view .hiw__media,.hiw.is-animated.is-in-view .hiw__steps,.hiw.is-animated.is-in-view .hiw__pagination{opacity:1;transform:none}.hiw__media{--hiw-d: .1s}.hiw__steps{--hiw-d: .22s}.hiw__pagination{--hiw-d: .3s}@media(prefers-reduced-motion:reduce){.hiw.is-animated .hiw__head,.hiw.is-animated .hiw__media,.hiw.is-animated .hiw__steps,.hiw.is-animated .hiw__pagination{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-how-it-works-scroll.css.map */