.shopify-section:has(>.hnsk-p3d),.shopify-section:has(>.hnsk-p3d)+.section{margin-top:0}.hnsk-p3d{position:relative;height:var(--hnsk-p3d-travel, 220vh);background:linear-gradient(180deg,#d4d5d9,#edeef2 49%,#e1e2e5)}.hnsk-p3d__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hnsk-p3d__canvas{display:block;width:100%;height:100%;transition:opacity .3s ease}.hnsk-p3d__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .4s ease}.hnsk-p3d__poster img{max-width:100%;max-height:100%;object-fit:contain}.hnsk-p3d.is-loaded .hnsk-p3d__poster{opacity:0;pointer-events:none}.hnsk-p3d__tabs,.hnsk-p3d__products{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-radius:2.4rem}.hnsk-p3d__tabs{position:absolute;top:calc(var(--header-height, 10.4rem) + 2.4rem);left:0;right:0;margin-inline:auto;width:fit-content}.hnsk-p3d__products{position:relative;border-radius:2.4rem 2.4rem 0 0}.hnsk-p3d__tabs:before,.hnsk-p3d__products:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff4d;mix-blend-mode:overlay;pointer-events:none}.hnsk-p3d__tab,.hnsk-p3d__product{position:relative;-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:1.2rem 1.6rem;border-radius:2.4rem;background:transparent;color:#242433;font:inherit;font-weight:500;font-size:1.5rem;line-height:1;letter-spacing:-.01em;white-space:nowrap;transition:background-color .25s ease,color .25s ease}.hnsk-p3d__tab{width:10rem}.hnsk-p3d__product-name--short{display:none}.hnsk-p3d__tab:hover,.hnsk-p3d__product:hover{color:#2424339e}.hnsk-p3d__tab[aria-selected=true],.hnsk-p3d__product[aria-checked=true]{color:#fff}.hnsk-p3d__pill{position:absolute;left:0;top:0;width:var(--hnsk-pill-w, 0);height:var(--hnsk-pill-h, 0);border-radius:2.4rem;background:#242433;transform:translate(var(--hnsk-pill-x, 0px),var(--hnsk-pill-y, 0px));box-shadow:0 0 1.5px #cacae0;pointer-events:none;transition:transform .32s ease-in-out,width .32s ease-in-out,height .32s ease-in-out}.is-placing .hnsk-p3d__pill{transition:none}[data-hnsk-pill]:not([style]) .hnsk-p3d__pill{display:none}.hnsk-p3d__tab[aria-selected=true]:hover,.hnsk-p3d__product[aria-checked=true]:hover{color:#fff}.hnsk-p3d__tab:focus-visible,.hnsk-p3d__product:focus-visible{outline:2px solid #242433;outline-offset:2px}.hnsk-p3d.is-switching .hnsk-p3d__canvas{opacity:.45}.hnsk-p3d__features[hidden],.hnsk-p3d__bar[hidden]{display:none}.hnsk-p3d__features{position:absolute;top:0;right:0;bottom:0;left:0;max-width:144rem;margin-inline:auto;pointer-events:none}.hnsk-p3d__column{position:absolute;top:calc(50% - 6.45rem);transform:translateY(-50%);display:flex;flex-direction:column;gap:8rem;margin:0;padding:0;list-style:none;pointer-events:none}.hnsk-p3d__column:has(>:nth-child(4)){gap:5rem}.hnsk-p3d__column--left{left:8rem;align-items:flex-end}.hnsk-p3d__column--right{right:8rem;align-items:flex-start}.hnsk-p3d__feature{padding:1.2rem 2.4rem;border-radius:1.6rem;background:#fff6;color:#242433;font-size:1.5rem;line-height:1;letter-spacing:.01em;text-align:center;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .7s ease}.hnsk-p3d.is-settled .hnsk-p3d__feature{opacity:1;transform:none}.hnsk-p3d__dock{position:absolute;bottom:6.4rem;left:0;right:0;margin-inline:auto;width:min(62.8rem,calc(100% - 4.8rem));display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .7s ease}.hnsk-p3d.is-settled .hnsk-p3d__dock{opacity:1;transform:none}.hnsk-p3d__bar{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:2.4rem;padding:3.2rem;border-radius:2.4rem 2.4rem 4rem 4rem}.hnsk-p3d__bar-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff4d;mix-blend-mode:overlay;pointer-events:none}.hnsk-p3d__titles,.hnsk-p3d__cta.button{position:relative}.hnsk-p3d__titles{display:flex;flex-direction:column;gap:.8rem;color:#242433}.hnsk-p3d__heading{margin:0;font-family:var(--font-heading-family);font-size:4.8rem;font-weight:400;line-height:.9;letter-spacing:-.01em}.hnsk-p3d__subheading{margin:0;font-size:1.5rem;line-height:.9;letter-spacing:-.01em}.hnsk-p3d__cta.button{flex-shrink:0;font-size:1.6rem}@media screen and (max-width:989px){.hnsk-p3d__sticky{display:grid;grid-template-rows:auto auto 1fr auto}.hnsk-p3d__tabs{position:relative;top:auto;left:auto;right:auto;grid-row:1;justify-self:center;margin-top:8.9svh}.hnsk-p3d__features{position:static;max-width:none;margin-inline:0;margin-top:min(3.2rem,3.79svh);grid-row:2;display:flex;flex-direction:column;gap:.8rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:2.4rem 0;pointer-events:auto}.hnsk-p3d__features::-webkit-scrollbar{display:none}.hnsk-p3d__column{position:static;transform:none;flex-direction:row;align-items:center;gap:.8rem;width:max-content}.hnsk-p3d__column:has(>:nth-child(4)){gap:.8rem}.hnsk-p3d__feature{padding:.8rem 1.6rem;font-size:1.3rem}.hnsk-p3d__canvas{grid-row:3;min-height:0;margin-top:min(3.2rem,3.79svh);background:linear-gradient(180deg,#e5e6ea,#d4d5d9 18%,#edeef2 55%,#e1e2e5 86%,#e6e7eb)}.hnsk-p3d__dock{position:static;grid-row:4;width:auto;margin:min(1rem,1.18svh) 2.4rem min(4rem,4.74svh);align-items:stretch}.hnsk-p3d__products{margin-inline:3.2rem;padding:min(.8rem,.95svh) .8rem}.hnsk-p3d__product{flex:1 0 0;min-width:0;padding:1.2rem 1.6rem;font-size:1.4rem;text-align:center}.hnsk-p3d__product-name{display:none}.hnsk-p3d__product-name--short{display:inline}.hnsk-p3d__bar{flex-direction:column;align-items:flex-start;gap:min(1.6rem,1.9svh);padding:min(2.4rem,2.84svh) 2.4rem;border-radius:3.2rem 3.2rem 4rem 4rem}.hnsk-p3d__titles{gap:min(.8rem,.95svh)}.hnsk-p3d__heading{font-size:3.6rem}.hnsk-p3d__subheading{font-size:1.4rem}.hnsk-p3d__cta.button{font-size:1.5rem;line-height:.96}}@media(prefers-reduced-motion:reduce){.hnsk-p3d{height:auto}.hnsk-p3d__sticky{position:static;height:auto;min-height:80vh}.hnsk-p3d__dock,.hnsk-p3d__feature{opacity:1;transform:none;transition:none}.hnsk-p3d__pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hansker-product-3d.css.map */
