.hiw{background:var(--hiw-bg, #faf3e6)}.hiw__container{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}.hiw__head{text-align:center;max-width:640px;margin:0 auto 46px}.hiw__eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hiw-num-end, #a8541f);font-weight:700;margin-bottom:10px}.hiw__heading{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:32px;line-height:1.15;letter-spacing:-.01em;color:var(--hiw-ink, #221c14);margin:0 0 14px;text-wrap:balance}.hiw__subtext{color:var(--hiw-ink-soft, #5f5546);font-size:16px;line-height:1.6;margin:0}.hiw__grid{display:grid;grid-template-columns:repeat(var(--hiw-cols, 3),1fr);gap:26px;perspective:1400px}.hiw__step{position:relative;transform-style:preserve-3d;opacity:0;transform:translateY(30px) rotateX(-30deg);transform-origin:bottom center;transition:opacity .6s ease var(--hiw-delay, 0ms),transform .7s cubic-bezier(.22,1,.36,1) var(--hiw-delay, 0ms)}.hiw__step.is-visible{opacity:1;transform:translateY(0) rotateX(0)}.hiw__step.no-anim{opacity:1;transform:none;transition:none}.hiw__connector{position:absolute;top:22px;left:calc(100% + 4px);width:20px;height:2px;background:linear-gradient(90deg,var(--hiw-num-start, #d97b3f),transparent);opacity:.55;z-index:0}.hiw__badge{width:44px;height:44px;margin-bottom:18px;perspective:600px;position:relative;z-index:1}.hiw__badge-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1)}.hiw__step:hover .hiw__badge-inner{transform:rotateY(180deg)}.hiw__badge-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700;color:#fff;backface-visibility:hidden;background:linear-gradient(160deg,var(--hiw-num-start, #d97b3f),var(--hiw-num-end, #a8541f));box-shadow:0 12px 22px -10px #18100680}.hiw__badge-face--back{transform:rotateY(180deg)}.hiw__card{position:relative;background:var(--hiw-card-bg, #ffffff);border:1px solid var(--hiw-card-border, rgba(34, 28, 20, .12));border-radius:18px;padding:32px 26px;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.hiw__step:hover .hiw__card{transform:translateY(-6px) rotateX(5deg) rotateY(-2deg);box-shadow:0 26px 40px -22px #18100659;border-color:transparent}.hiw__card-title{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600;color:var(--hiw-ink, #221c14);margin:0 0 10px}.hiw__card-text{font-size:14.5px;color:var(--hiw-ink-soft, #5f5546);line-height:1.6;margin:0}@media screen and (max-width:989px)and (min-width:750px){.hiw__grid{grid-template-columns:repeat(2,1fr)}.hiw__connector{display:none}}@media screen and (max-width:749px){.hiw__container{padding-left:16px;padding-right:16px}.hiw__heading{font-size:26px}.hiw__subtext{font-size:15px}.hiw__grid{grid-template-columns:1fr;gap:18px}.hiw__connector{display:none}.hiw__step{transform:translateY(20px) rotateX(-16deg)}.hiw__card{padding:24px 20px}.hiw__step:active .hiw__card{transform:translateY(-3px);box-shadow:0 16px 26px -18px #1810064d}.hiw__step:active .hiw__badge-inner{transform:rotateY(180deg)}}@media(prefers-reduced-motion:reduce){.hiw__step{opacity:1;transform:none;transition:none}.hiw__badge-inner,.hiw__card{transition:none}.hiw__step:hover .hiw__badge-inner,.hiw__step:hover .hiw__card{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-it-works.css.map */