oui-can-handoff{display:block}.oui-dj{position:relative;isolation:isolate;background:#080808;color:#fff}.template-index #dj{scroll-margin-top:0}.oui-dj-pin{position:relative;min-height:720px;min-height:max(640px,100svh)}.oui-dj-media,.oui-dj-grip-plane{position:absolute;left:29vw;top:-3vw;width:76vw;aspect-ratio:1448 / 2048;pointer-events:none}.oui-dj-media{z-index:0;overflow:hidden;filter:brightness(var(--photo-brightness, 1)) grayscale(var(--photo-grayscale, 0));-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%);mask-image:linear-gradient(90deg,transparent,#000 48%)}.oui-dj-photo{display:block;width:100%;height:auto;max-width:none}.oui-dj-patch,.oui-dj-static-can,.oui-dj-hand-mask,.oui-journey-grip{display:none}.oui-dj-photo-crop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip}.oui-dj-shade,.oui-dj-grip-composite:after{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080808 0%,#080808 23%,#080808b3 35%,transparent 66%),linear-gradient(0deg,#080808,transparent 25%)}.oui-dj-copy{position:relative;z-index:5;width:49%;padding:max(180px,24svh) 0 100px 6vw}.oui-dj-title{font-size:clamp(44px,6.2vw,96px);line-height:.94;letter-spacing:-.025em;color:#ec6237;text-shadow:3px 4px 0 #6c291b}.oui-dj-heading-line{display:block;white-space:nowrap}.oui-dj-heading-line:last-child{font-size:.74em}.oui-dj-subtitle{color:#ec6237;margin-top:22px;font-size:clamp(22px,2.5vw,36px);line-height:1.1}.oui-dj-description{margin-top:24px;max-width:570px;font-size:clamp(16px,1.25vw,20px);line-height:1.5}.oui-dj-description p+p{margin-top:1em}.oui-handoff-can{position:fixed;z-index:3;top:0;left:0;width:272px;height:696px;max-width:none;transform-origin:center;opacity:0;pointer-events:none}.oui-dj-patch{position:absolute;left:33.14917%;top:20.5078125%;width:10.359116%;height:auto;opacity:1;clip-path:polygon(7.25% 5.06%,63.91% 5.06%,90.27% 88.45%,35.24% 95.03%,12.07% 56.26%);filter:saturate(.45) brightness(1.045)}.oui-dj-hand-mask{z-index:4;pointer-events:none}.oui-dj-grip{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;aspect-ratio:1448 / 2048;opacity:1;pointer-events:none}.oui-dj-static-can{position:absolute;left:37.4%;top:26.9%;height:10.55%;width:auto;max-width:none;transform:translate(-50%,-50%) rotate(-7deg)}.is-enhanced .oui-dj-static-can{display:none}.oui-dj-grip-composite{position:absolute;top:0;right:0;bottom:0;left:0;background:#080808;-webkit-mask-image:var(--grip-mask);mask-image:var(--grip-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.oui-dj-grip-photo{display:block;width:100%;height:auto;max-width:none;filter:brightness(var(--photo-brightness, 1));-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%);mask-image:linear-gradient(90deg,transparent,#000 48%)}.oui-dj-grip-composite:after{content:"";inset:auto;left:var(--shade-left, 0px);top:var(--shade-top, 0px);width:var(--shade-width, 100vw);height:var(--shade-height, 100svh)}.oui-dj:is(.is-enhanced,.has-can-journey-layout){height:250svh}:is(.is-enhanced,.has-can-journey-layout) .oui-dj-pin{position:sticky;top:0;height:100svh;min-height:0}.is-enhanced .oui-dj-copy{opacity:0}@media(max-width:767px){.oui-dj-pin{min-height:850px;min-height:max(850px,100svh)}.oui-dj-media,.oui-dj-grip-plane{left:-13vw;top:0;width:150vw}.oui-dj-media,.oui-dj-grip-photo{-webkit-mask-image:linear-gradient(0deg,transparent 36%,#000 64%);mask-image:linear-gradient(0deg,transparent 36%,#000 64%)}.oui-dj-shade,.oui-dj-grip-composite:after{background:linear-gradient(0deg,#080808 0%,#080808f5 20%,#08080899 42%,transparent 68%)}.oui-dj-copy{width:100%;padding:430px 7vw 50px}.oui-dj-title{font-size:clamp(36px,10vw,54px);line-height:.96}.oui-dj-subtitle{margin-top:16px;font-size:23px}.oui-dj-description{font-size:14px;line-height:1.45;margin-top:16px}.is-enhanced .oui-dj-copy{position:absolute;left:0;bottom:5svh;padding-top:0;padding-bottom:0}}@media(max-height:650px)and (min-width:768px){.oui-dj-copy{padding-top:110px}.oui-dj-title{font-size:56px}.oui-dj-description{font-size:14px}}.oui-journey-canvas,.oui-journey-sugar{position:fixed;top:0;left:0;z-index:3;pointer-events:none;max-width:none}.oui-journey-sugar[data-sugar-back]{z-index:2}.oui-journey-sugar[data-sugar-front]{z-index:4}.oui-suvy-section.has-can-journey-layout{height:210svh;overflow:visible}.has-can-journey-layout>.oui-suvy{position:sticky;top:0;height:100svh;min-height:0;isolation:auto}.oui-dj.has-can-journey{isolation:auto}.oui-dj.has-can-journey .oui-dj-hand-mask{z-index:4}@media(max-width:767px){.has-can-journey-layout>.oui-suvy{padding-top:max(104px,13svh);padding-bottom:0}.has-can-journey-layout .oui-suvy-copy .oui-title{margin-bottom:24px;font-size:clamp(36px,10vw,44px)}.has-can-journey-layout .oui-suvy-copy .oui-lead-light{font-size:16px;line-height:1.35}.has-can-journey-layout .oui-suvy-art{position:absolute;top:auto;bottom:6svh;left:50%;transform:translate(-50%);width:100vw;height:56svh;margin:0}}.oui-journey-grip{position:fixed;inset:auto;z-index:4;height:auto;pointer-events:none}@media(max-width:767px)and (max-height:700px){.has-can-journey-layout .oui-suvy-art{bottom:2svh;height:50svh}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/oui-handoff.css.map */