.hiw-dna{--hiw-bg: #171819;--hiw-text: #ffffff;--hiw-accent: #b9ff36;--hiw-purple: #b557cf;--hiw-muted: rgba(255, 255, 255, .6);position:relative;overflow:clip;background:var(--hiw-bg);color:var(--hiw-text)}.hiw-dna,.hiw-dna *{box-sizing:border-box}.hiw-dna__scroll{position:relative;height:500vh}.hiw-dna__sticky{position:sticky;top:0;height:100vh;display:flex;align-items:flex-start;overflow:visible}.hiw-dna__wrap{width:min(1400px,calc(100% - 64px));margin:0 auto;display:flex;flex-direction:column;gap:clamp(20px,3vh,40px);padding:clamp(24px,4vh,48px) 0;height:100%;justify-content:flex-start}.hiw-dna__header{margin-bottom:0;text-align:left;position:relative;z-index:3;flex-shrink:0}.hiw-dna__label{display:flex;align-items:center;gap:16px;margin-bottom:24px}.hiw-dna__label-line{width:40px;height:1px;background:var(--hiw-accent);flex-shrink:0}.hiw-dna__label-text{font-family:Space Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hiw-accent);line-height:1}.hiw-dna__title{margin:0;color:var(--hiw-text);font-family:var(--font-heading-family),"P22 Mackinac Pro",Georgia,serif;font-style:var(--font-heading-style);font-size:clamp(3.2rem,5vw,5.4rem);line-height:1;letter-spacing:-.02em;font-weight:var(--font-heading-weight, 700)}.hiw-dna__subtitle{margin:8px 0 0;color:var(--hiw-muted);font-family:"Inter",var(--font-body-family),sans-serif;font-size:clamp(1.4rem,1.4vw,1.8rem);line-height:1.5;font-weight:400;max-width:52ch}.hiw-dna__body{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;justify-content:flex-start;position:relative;z-index:1}.hiw-dna__images{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,24px);margin-bottom:clamp(16px,2vh,28px);position:relative;z-index:1}.hiw-dna__img-col{opacity:0;transform:translateY(28px) scale(.94);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.hiw-dna__img-col.is-visible{opacity:1;transform:translateY(0) scale(1)}.hiw-dna__img-wrap{border-radius:clamp(12px,1.2vw,20px);overflow:hidden;background:#ffffff0a;aspect-ratio:1 / 1}.hiw-dna__img-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hiw-dna__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:inherit;color:#fff3}.hiw-dna__placeholder svg{width:36px;height:36px}.hiw-dna__helix{position:relative;width:100%;height:clamp(60px,7vh,90px);flex-shrink:0;z-index:1}.hiw-dna__helix:before,.hiw-dna__helix:after{content:"";position:absolute;top:-10px;bottom:-10px;width:60px;z-index:2;pointer-events:none}.hiw-dna__helix:before{left:0;background:linear-gradient(to right,var(--hiw-bg) 0%,transparent 100%)}.hiw-dna__helix:after{right:0;background:linear-gradient(to left,var(--hiw-bg) 0%,transparent 100%)}.hiw-dna__canvas{display:block;width:100%;height:100%}.hiw-dna__m-flow{display:none}.hiw-dna__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,24px);margin-top:clamp(16px,2vh,28px);position:relative;z-index:1}.hiw-dna__step-col{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.22,1,.36,1) .1s,transform .65s cubic-bezier(.22,1,.36,1) .1s}.hiw-dna__step-col.is-visible{opacity:1;transform:translateY(0)}.hiw-dna__step-num{display:block;color:var(--hiw-accent);font-family:Space Mono,monospace;font-size:clamp(1.3rem,1.3vw,1.6rem);font-weight:700;letter-spacing:.04em;margin-bottom:10px}.hiw-dna__step-heading{margin:0 0 8px;color:var(--hiw-text);font-family:var(--font-heading-family),"P22 Mackinac Pro",Georgia,serif;font-style:var(--font-heading-style);font-size:clamp(1.5rem,1.6vw,2rem);line-height:1.15;letter-spacing:-.01em;font-weight:var(--font-heading-weight, 700)}.hiw-dna__step-body,.hiw-dna__step-body p{margin:0;color:var(--hiw-muted);font-family:"Inter",var(--font-body-family),sans-serif;font-size:clamp(1.2rem,1.1vw,1.4rem);line-height:1.55;font-weight:400}@media screen and (max-width:860px){.hiw-dna__scroll{height:auto}.hiw-dna__sticky{position:relative;height:auto;padding:48px 0}.hiw-dna__wrap{width:min(100%,calc(100% - 40px));padding:0;height:auto}.hiw-dna__header{margin-bottom:32px}.hiw-dna__body{gap:0}.hiw-dna__images,.hiw-dna__helix,.hiw-dna__steps{display:none}.hiw-dna__m-flow{display:flex;position:relative;min-height:0}.hiw-dna__m-helix{position:absolute;left:-2px;top:0;bottom:0;width:36px;z-index:1;pointer-events:none}.hiw-dna__m-helix:before,.hiw-dna__m-helix:after{content:"";position:absolute;left:-4px;right:-4px;height:48px;z-index:2;pointer-events:none}.hiw-dna__m-helix:before{top:0;background:linear-gradient(to bottom,var(--hiw-bg) 0%,transparent 100%)}.hiw-dna__m-helix:after{bottom:0;background:linear-gradient(to top,var(--hiw-bg) 0%,transparent 100%)}.hiw-dna__m-canvas{display:block;width:100%;height:100%}.hiw-dna__m-cards{flex:1;display:flex;flex-direction:column;gap:40px;padding-left:44px}.hiw-dna__m-card{display:flex;flex-direction:column;gap:0}.hiw-dna__m-card-img{border-radius:12px;overflow:hidden;margin-bottom:16px;background:#ffffff0a;opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.hiw-dna__m-card-img img{display:block;width:100%;height:auto;object-fit:cover;border-radius:inherit}.hiw-dna__m-card-text{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.22,1,.36,1) .12s,transform .55s cubic-bezier(.22,1,.36,1) .12s}.hiw-dna__m-card.is-visible .hiw-dna__m-card-img,.hiw-dna__m-card.is-visible .hiw-dna__m-card-text{opacity:1;transform:translateY(0)}.hiw-dna__m-card .hiw-dna__step-num{margin-bottom:8px}.hiw-dna__m-card .hiw-dna__step-heading{font-size:clamp(1.8rem,5vw,2.4rem)}.hiw-dna__m-card .hiw-dna__step-body,.hiw-dna__m-card .hiw-dna__step-body p{font-size:1.4rem}}@media screen and (min-width:861px)and (max-height:780px){.hiw-dna__scroll{height:auto}.hiw-dna__sticky{position:relative;height:auto;min-height:100vh;overflow:visible}.hiw-dna__wrap{height:auto}}@media(prefers-reduced-motion:reduce){.hiw-dna__img-col,.hiw-dna__step-col,.hiw-dna__m-card-img,.hiw-dna__m-card-text{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-how-it-works-dna.css.map */