.hiw{background:var(--hiw-bg, #fff);padding:clamp(48px,6vw,80px) 0;font-family:Inter,sans-serif}.hiw__header{margin:0 0 clamp(32px,4vw,52px);max-width:720px}.hiw__heading{font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.05;color:var(--hiw-heading-color, #171717);margin:0 0 14px;letter-spacing:-.03em}.hiw__subheading{font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:var(--hiw-text-color, #5c5c5c);margin:0}.hiw__row{display:grid;grid-template-columns:repeat(var(--hiw-count, 3),1fr);gap:clamp(16px,1.8vw,24px)}.hiw__step{opacity:0;transform:translateY(20px);transition:opacity .55s ease calc(var(--i) * .11s),transform .55s ease calc(var(--i) * .11s)}.hiw__step.is-in{opacity:1;transform:none}.hiw__card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3 / 4;background:color-mix(in srgb,var(--hiw-accent) 6%,#fff);box-shadow:0 20px 44px -32px #00000059;transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease}.hiw__step:hover .hiw__card{transform:translateY(-6px);box-shadow:0 34px 60px -34px color-mix(in srgb,var(--hiw-accent) 55%,rgba(0,0,0,.4))}.hiw__media{position:absolute;top:0;right:0;bottom:0;left:0}.hiw__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.hiw__step:hover .hiw__img{transform:scale(1.05)}.hiw__img--empty{display:grid;place-items:center;background:color-mix(in srgb,var(--hiw-accent) 8%,#fff)}.hiw__ghost{font-size:clamp(70px,9vw,120px);font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--hiw-accent) 24%,transparent);letter-spacing:-.04em}.hiw__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0c14db,#0a0c1485 32%,#0a0c1414 60%,#0a0c1400 78%),linear-gradient(to bottom,#0a0c148c,#0a0c1400 22%)}.hiw__step-num{position:absolute;top:16px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:6px 12px 6px 10px;border-radius:999px;background:#0a0c1461;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hiw__step-num:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--hiw-accent, #001CD4);box-shadow:0 0 0 2px #ffffff80}.hiw__copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 22px 24px;color:#fff}.hiw__kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:var(--hiw-accent, #001CD4);display:inline-block}.hiw__title{font-size:clamp(18px,1.9vw,21px);font-weight:700;line-height:1.22;margin:0 0 8px;letter-spacing:-.015em;color:#fff}.hiw__desc{font-size:13.5px;line-height:1.55;margin:0;color:#ffffffd1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.hiw__cta-wrap{text-align:center;margin-top:clamp(32px,4vw,48px)}.hiw__button{display:inline-flex;align-items:center;gap:9px;background:var(--hiw-heading-color, #171717);color:#fff;font-size:15px;font-weight:600;padding:15px 30px;border-radius:999px;text-decoration:none;transition:background-color .25s ease,transform .25s ease}.hiw__button svg{width:16px;height:16px;transition:transform .25s ease}.hiw__button:hover{background:var(--hiw-accent, #001CD4);transform:translateY(-2px)}.hiw__button:hover svg{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.hiw__step{opacity:1;transform:none;transition:none}.hiw__card,.hiw__img{transition:none}}@media screen and (max-width:749px){.hiw__row{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:8px}.hiw__row::-webkit-scrollbar{display:none}.hiw__step{flex:0 0 78%;max-width:320px;scroll-snap-align:start}.hiw__card{aspect-ratio:3 / 4.6}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-how-it-works-elegant.css.map */