.hiw-section{background:#fff;padding-block:var(--section-space-lg)}.hiw-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:flex-start;align-items:center}.hiw-image.hiw-video{object-fit:contain}.hiw-image-wrap{border-radius:12px;overflow:hidden;height:80vh;display:flex;align-items:center;justify-content:center;aspect-ratio:9 / 16;background:transparent}.hiw-image{width:100%;height:100%;display:block}.hiw-image:not(.hiw-video){object-fit:cover}.hiw-video{object-fit:contain;width:100%;height:auto;max-height:100%}.hiw-intro{font-size:16px;line-height:1.5;margin-bottom:60px;max-width:500px}.hiw-timeline{position:relative;margin-top:60px}.hiw-step{display:grid;grid-template-columns:50px 1fr;gap:30px;position:relative;padding-bottom:90px}.hiw-step:last-child{padding-bottom:0}.hiw-step{opacity:.4;transition:opacity .4s ease}.hiw-step.is-active,.hiw-step.is-completed{opacity:1}.hiw-step__rail{position:relative;display:flex;flex-direction:column;align-items:center}.hiw-step__circle{width:50px;height:50px;border-radius:50%;background-color:#e9e9e9;display:flex;align-items:center;justify-content:center;transition:background-color .4s ease,color .4s ease;z-index:2}.hiw-step__number{font-family:Lato,sans-serif;font-size:16px;font-weight:600;color:#2e4635;transition:color .4s ease}.hiw-step.is-active .hiw-step__circle,.hiw-step.is-completed .hiw-step__circle{background-color:#d8ede1}.hiw-step__line{position:absolute;top:23px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 40px);z-index:1}.hiw-step:last-child .hiw-step__line{display:none}.hiw-step__line-track{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e9e9e9}.hiw-step__line-progress{position:absolute;top:0;left:0;width:100%;height:0;background-color:#2e4635;transform-origin:top;transition:height .8s cubic-bezier(.65,0,.35,1)}.hiw-step.is-completed .hiw-step__line-progress{height:100%}.hiw-step__content{padding-top:8px}.hiw-step__title{font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700;margin:0 0 8px;color:#222}.hiw-step__text{font-family:Lato,sans-serif;font-size:18px;line-height:1.4;margin:0;color:#222;max-width:450px}@media(max-width:1023px)and (min-width:768px){.hiw-layout{grid-template-columns:45fr 55fr;align-items:flex-start;gap:40px}.hiw-left{padding-top:0}.hiw-image-wrap{height:auto}.hiw-heading{font-size:48px}.hiw-intro{margin-bottom:50px}.hiw-step{grid-template-columns:45px 1fr;gap:25px;padding-bottom:50px}.hiw-step__circle{width:42px;height:42px}.hiw-step__title{font-size:22px}}@media(max-width:767px){.hiw-section{padding-bottom:0}.hiw-layout{grid-template-columns:1fr;gap:40px}.hiw-left{order:1;padding-top:0}.hiw-right{order:2}.hiw-image-wrap{position:static;height:auto;width:100%}.hiw-image{border-radius:12px}.hiw-heading{font-size:42px;margin-bottom:16px}.hiw-intro{font-size:15px;margin-bottom:40px}.hiw-step{grid-template-columns:40px 1fr;gap:20px;padding-bottom:40px}.hiw-step__circle{width:38px;height:38px}.hiw-step__number{font-size:14px}.hiw-step__title{font-size:20px}.hiw-step__text{font-size:15px}}@media(max-width:1023px)and (min-width:768px){.hiw-image-wrap{background:#000}.hiw-video{height:100%;width:100%;object-fit:contain}}@media(max-width:767px){.hiw-image-wrap{background:#000}.hiw-video{height:100%;width:100%;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/product-how-it-works.css.map */