.cbb-handoff{--runway: 240svh;--q-sec: 1;--q-secfade: 0;--q-duo: 1;--q-pat: 1;position:relative;height:var(--runway);background:var(--cbb-paper)}.cbb-handoff__stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.cbb-handoff__pattern{position:absolute;z-index:0;left:0;right:0;bottom:0;height:34%;background-image:var(--cbb-pattern-handoff);background-size:clamp(620px,62vw,1080px);background-position:50% 100%;opacity:calc(var(--q-pat) * .2);transform:translate3d(0,calc((1 - var(--q-pat)) * 5%),0);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.34) 26%,transparent 62%);mask-image:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.34) 26%,transparent 62%);pointer-events:none}.cbb-handoff__secondary{position:absolute;z-index:1;left:clamp(0px,3vw,5rem);bottom:-8%;height:calc(102% - var(--cbb-topbar-h));max-height:1050px;width:auto;max-width:none;transform-origin:40% 55%;opacity:calc(var(--q-sec) * (1 - var(--q-secfade) * .27) * (1 - var(--q-exit) * .4));transform:translate3d(calc((1 - var(--q-sec)) * -7% - var(--q-drift) * 3% - var(--q-exit) * 44%),calc(var(--q-drift) * -2.5%),0) scale(calc(1.05 - var(--q-sec) * .05 - var(--q-secfade) * .05 - var(--q-exit) * .03));pointer-events:none}html.cbb-can-blur .cbb-handoff__secondary{filter:blur(calc(var(--q-secfade) * 1.6px))}.cbb-handoff__duo{position:absolute;z-index:2;right:clamp(1.5rem,18vw,22rem);bottom:7%;top:auto;height:min(74%,800px);width:auto;max-width:none;transform-origin:50% 100%;mix-blend-mode:multiply;opacity:var(--q-duo);transform:translate3d(0,calc((1 - var(--q-duo)) * 22%),0) scale(calc(.9 + var(--q-duo) * .1 + var(--q-drift) * .015));pointer-events:none}@media(max-width:900px){.cbb-handoff{--runway: 195svh}.cbb-handoff__secondary{left:-14%;top:calc(var(--cbb-topbar-h) * .35);bottom:auto;height:50%;max-height:none;-webkit-mask-image:linear-gradient(to bottom,#000 72%,rgba(0,0,0,.45) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,rgba(0,0,0,.45) 88%,transparent 100%);transform:translate3d(calc((1 - var(--q-sec)) * -7% - var(--q-drift) * 2% - var(--q-exit) * 16%),calc(var(--q-drift) * -2% - var(--q-secfade) * 7% - var(--q-exit) * 26%),0) scale(calc(1.05 - var(--q-sec) * .05 - var(--q-secfade) * .05 - var(--q-exit) * .03))}.cbb-handoff__duo{right:auto;left:50%;top:auto;bottom:5%;height:60%;width:auto;transform:translate3d(-50%,calc((1 - var(--q-duo)) * 20%),0) scale(calc(.9 + var(--q-duo) * .1 + var(--q-drift) * .015))}.cbb-handoff__pattern{height:30%;background-size:520px}}@media(prefers-reduced-motion:reduce){.cbb-handoff{height:auto}.cbb-handoff__stage{position:static;height:auto;min-height:82svh;display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-top:4rem}.cbb-handoff__secondary{position:relative;left:auto;bottom:auto;height:auto;width:min(100%,460px);justify-self:center;opacity:1;transform:none;-webkit-mask-image:linear-gradient(to bottom,#000 74%,rgba(0,0,0,.45) 89%,transparent 100%);mask-image:linear-gradient(to bottom,#000 74%,rgba(0,0,0,.45) 89%,transparent 100%)}.cbb-handoff__duo{position:relative;right:auto;left:auto;top:auto;bottom:auto;height:60svh;width:auto;justify-self:center;align-self:center;opacity:1;transform:none}.cbb-handoff__pattern{opacity:.18;transform:none;height:26%}@media(max-width:900px){.cbb-handoff__stage{grid-template-columns:1fr;row-gap:2rem}.cbb-handoff__duo{height:48svh;width:auto}}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/product-handoff.css.map */