.hiw-sp{--sp-bg: #f9f9fc;--sp-text: #171819;--sp-accent: #b557cf;--sp-accent-light: rgba(181, 87, 207, .08);--sp-accent-border: rgba(181, 87, 207, .2);--sp-muted: rgba(23, 24, 25, .55);--sp-card-bg: rgba(0, 0, 0, .02);--sp-border: rgba(0, 0, 0, .08);--sp-ease-out: cubic-bezier(.22, 1, .36, 1);position:relative;background:var(--sp-bg);color:var(--sp-text)}.hiw-sp,.hiw-sp *{box-sizing:border-box}.hiw-sp__header{position:relative;z-index:10;padding:clamp(32px,4vh,56px) 0 clamp(12px,1.5vh,20px)}.hiw-sp__header-inner{width:min(1200px,calc(100% - 48px));margin:0 auto;text-align:center;max-width:48rem}.hiw-sp__eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:24px}.hiw-sp__eyebrow-line{width:36px;height:1px;background:var(--sp-accent);flex-shrink:0}.hiw-sp__eyebrow-text{font-family:"Space Mono","Inter",var(--font-body-family),monospace;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sp-accent);line-height:1}.hiw-sp__heading{margin:0 0 16px;color:var(--sp-text);font-family:var(--font-heading-family),"P22 Mackinac Pro",Georgia,serif;font-style:var(--font-heading-style);font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.05;letter-spacing:-.02em;font-weight:var(--font-heading-weight, 700)}.hiw-sp__subheading{margin:0 auto;color:var(--sp-muted);font-family:"Inter",var(--font-body-family),sans-serif;font-size:clamp(1.15rem,1.3vw,1.5rem);line-height:1.55;font-weight:400;max-width:40ch}.hiw-sp__stack{position:relative}.hiw-sp__dots{display:none}@media screen and (min-width:861px){.hiw-sp__dots{display:flex;flex-direction:column;gap:20px;position:fixed;left:clamp(20px,3vw,48px);top:50%;transform:translateY(-50%);z-index:50;opacity:0;transition:opacity .4s ease;pointer-events:none}.hiw-sp__dots.is-visible{opacity:1;pointer-events:auto}.hiw-sp__dot{display:flex;align-items:center;gap:10px;background:none;border:none;padding:4px;cursor:pointer;color:var(--sp-muted);transition:color .3s ease}.hiw-sp__dot:hover{color:var(--sp-text)}.hiw-sp__dot.is-active{color:var(--sp-accent)}.hiw-sp__dot-pip{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.hiw-sp__dot.is-active .hiw-sp__dot-pip{background:var(--sp-accent);border-color:var(--sp-accent);box-shadow:0 0 10px #b557cf4d}.hiw-sp__dot-label{font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--sp-text);opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease}.hiw-sp__dot:hover .hiw-sp__dot-label,.hiw-sp__dot.is-active .hiw-sp__dot-label{opacity:1;transform:translate(0)}}.hiw-sp__card{position:sticky;top:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center}.hiw-sp__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-bg);z-index:0}.hiw-sp__card{--card-scale: 1;--card-opacity: 1}.hiw-sp__card-inner{position:relative;z-index:1;width:min(1200px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px);align-items:center;transform:scale(var(--card-scale));transform-origin:center center;opacity:var(--card-opacity);will-change:transform,opacity}.hiw-sp__card--reverse .hiw-sp__card-inner{direction:rtl}.hiw-sp__card--reverse .hiw-sp__card-inner>*{direction:ltr}.hiw-sp__card-media{position:relative}.hiw-sp__card-badge{display:none}.hiw-sp__card-img{border-radius:clamp(12px,1.2vw,20px);overflow:hidden;background:var(--sp-card-bg);border:1px solid var(--sp-border);aspect-ratio:4 / 3}.hiw-sp__card-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hiw-sp__card-text{display:flex;flex-direction:column;justify-content:center}.hiw-sp__card-num{display:block;color:var(--sp-accent);font-family:Space Mono,monospace;font-size:clamp(1.1rem,1.2vw,1.4rem);font-weight:700;letter-spacing:.04em;margin-bottom:12px}.hiw-sp__card-title{margin:0 0 18px;color:var(--sp-text);font-family:var(--font-heading-family),"P22 Mackinac Pro",Georgia,serif;font-style:var(--font-heading-style);font-size:clamp(2.4rem,3.2vw,3.8rem);line-height:1.1;letter-spacing:-.02em;font-weight:var(--font-heading-weight, 700)}.hiw-sp__card-desc,.hiw-sp__card-desc p{margin:0;color:var(--sp-muted);font-family:"Inter",var(--font-body-family),sans-serif;font-size:clamp(1.4rem,1.55vw,1.7rem);line-height:1.6;font-weight:400}.hiw-sp__card-desc p+p{margin-top:.75em}.hiw-sp__card-benefits{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px}.hiw-sp__card-benefits li{display:flex;align-items:center;gap:10px;font-family:"Inter",var(--font-body-family),sans-serif;font-size:.95rem;font-weight:500;color:#171819bf}.hiw-sp__card-benefits li svg{width:18px;height:18px;flex-shrink:0;color:var(--sp-accent)}.hiw-sp__card .hiw-sp__card-media,.hiw-sp__card .hiw-sp__card-text{opacity:0;transform:translateY(50px);transition:opacity .7s var(--sp-ease-out),transform .7s var(--sp-ease-out)}.hiw-sp__card .hiw-sp__card-text{transition-delay:.1s}.hiw-sp__card.is-active .hiw-sp__card-media,.hiw-sp__card.is-active .hiw-sp__card-text{opacity:1;transform:translateY(0)}.hiw-sp__card-inner:after{content:"";position:absolute;top:10%;bottom:10%;left:50%;width:1px;background:var(--sp-border);transform:translate(-50%);pointer-events:none}@media screen and (max-width:860px){html:has(.hiw-sp),body:has(.hiw-sp){overflow-x:clip;max-width:100vw}.hiw-sp__header{padding:20px 0 16px}.hiw-sp__header-inner{width:min(100%,calc(100% - 32px));text-align:left}.hiw-sp__subheading{margin-left:0}.hiw-sp__card{position:relative;min-height:0;padding:0;--card-scale: 1 !important;--card-opacity: 1 !important}.hiw-sp__card+.hiw-sp__card{margin-top:24px}.hiw-sp__card-bg{display:none}.hiw-sp__card-inner{width:min(100%,calc(100% - 32px));grid-template-columns:1fr;gap:16px;transform:none;opacity:1}.hiw-sp__card-inner:after{display:none}.hiw-sp__card--reverse .hiw-sp__card-inner{direction:ltr}.hiw-sp__card-img{aspect-ratio:16 / 10}.hiw-sp__card-title{font-size:clamp(2rem,6vw,2.8rem);margin-bottom:12px}.hiw-sp__card .hiw-sp__card-media,.hiw-sp__card .hiw-sp__card-text{opacity:0;transform:translateY(32px);transition:opacity .6s var(--sp-ease-out),transform .6s var(--sp-ease-out)}.hiw-sp__card.is-in-view .hiw-sp__card-media{opacity:1;transform:translateY(0);transition-delay:.05s}.hiw-sp__card.is-in-view .hiw-sp__card-text{opacity:1;transform:translateY(0);transition-delay:.2s}}@media screen and (max-width:749px){body.template-page-how-it-works .image-banner__inner-wrapper--left{align-items:flex-start}body.template-page-how-it-works .image-banner__inner{align-items:flex-start;text-align:left;justify-content:flex-start;padding:3.2rem var(--page-width-padding)}body.template-page-how-it-works .image-banner__inner-heading,body.template-page-how-it-works .image-banner__inner-text{padding:0;text-shadow:0 2px 16px rgba(0,0,0,.35)}body.template-page-how-it-works .image-banner__inner-text{margin-bottom:1.6rem}}@media(prefers-reduced-motion:reduce){.hiw-sp__card .hiw-sp__card-media,.hiw-sp__card .hiw-sp__card-text{opacity:1!important;transform:none!important;transition:none!important}.hiw-sp__card{--card-scale: 1 !important;--card-opacity: 1 !important}.hiw-sp__dot-label{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hiw-sp.css.map */