.moc-hero-video-comparison{position:relative}.moc-hero-video-comparison [hidden]{display:none!important}.moc-hero-version-controls{position:absolute;right:24px;top:20px;z-index:5;display:flex;gap:4px;padding:4px;border-radius:40px;background:#fff9ebed;border:1px solid #0167a540}.moc-hero-version-controls button{border:0;border-radius:30px;background:transparent;color:#0167a5;font:700 13px/1.4 DM Sans,sans-serif;padding:10px 18px;min-height:40px;cursor:pointer}.moc-hero-version-controls button[aria-pressed=true]{background:#0167a5;color:#fff9eb}.moc-hero-video-comparison button:focus-visible{outline:3px solid #df1542;outline-offset:4px}.moc-motion-hero{position:relative;isolation:isolate;overflow:hidden;background:#f8df78;min-height:650px}.moc-motion-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-mask-image:linear-gradient(to right,transparent 36%,#000 55%);mask-image:linear-gradient(to right,transparent 36%,#000 55%)}.moc-motion-visual video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.moc-motion-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:650px;width:38%;padding:70px 0 70px 5%;color:#0167a5}.moc-motion-copy .eyebrow{font-size:11px;margin:0 0 22px}.moc-design-root .moc-motion-copy h1{font-size:clamp(40px,3.7vw,72px);line-height:1.03;letter-spacing:-.025em;margin:0 0 24px;color:#0167a5}.moc-motion-copy h1 em{font-style:normal}.moc-motion-copy p{color:#154d69;font-size:16.8px;line-height:1.5;max-width:365px;margin:0 0 27px}.moc-motion-copy .btn{background:#df1542;color:#fff9eb;min-width:200px}.moc-motion-copy .btn:hover{background:#b51636}.moc-motion-taste{color:#0167a5;font-size:13px;margin-top:16px;text-underline-offset:4px}.moc-video-play{position:absolute;right:26px;bottom:22px;border:1px solid #0167a550;border-radius:30px;background:#fff9ebe8;color:#0167a5;padding:11px 18px;font:700 12px/1.4 DM Sans,sans-serif;cursor:pointer;min-height:44px}@media(min-width:1600px){.moc-motion-hero,.moc-motion-copy{min-height:740px}}@media(max-width:850px)and (min-width:701px){.moc-motion-hero,.moc-motion-copy{min-height:590px}.moc-motion-copy{padding-left:5%}.moc-design-root .moc-motion-copy h1{font-size:43px}.moc-motion-copy p{font-size:15px;max-width:290px}}@media(max-width:700px){.moc-hero-version-controls{top:12px;right:12px;max-width:calc(100% - 24px)}.moc-hero-version-controls button{padding:8px 12px;font-size:12px}.moc-hero-video-comparison .pop-hero-copy{padding-top:84px}.moc-motion-hero{min-height:740px;padding-bottom:280px;background:#f8df78}.moc-motion-copy{width:100%;min-height:0;padding:85px 7% 24px;text-align:center;align-items:center}.moc-design-root .moc-motion-copy h1{font-size:clamp(39px,10vw,55px);margin-bottom:18px}.moc-motion-copy p{font-size:14.4px;max-width:330px;margin-bottom:20px}.moc-motion-copy .eyebrow{font-size:10px;margin-bottom:18px}.moc-motion-visual{top:auto;left:0;height:280px;width:100%;overflow:hidden;-webkit-mask-image:none;mask-image:none}.moc-motion-visual video{width:100%;max-width:none;height:100%;object-fit:cover;position:absolute;right:0}.moc-video-play{right:14px;bottom:14px}}.moc-motion-hero[data-version-panel=wave] video{transform:scaleX(-1)}@media(max-width:700px){.moc-hero-version-controls{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;gap:2px}.moc-hero-version-controls button{padding:7px 12px;min-height:36px}.moc-hero-video-comparison .pop-hero-copy,.moc-motion-copy{padding-top:125px}.moc-motion-hero{min-height:780px}}.moc-hero-version-controls{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;max-width:none;border:0;border-radius:0;padding:12px 20px;gap:4px;background:#fff9eb}.moc-hero-version-controls button{padding:9px 14px}.moc-tilt-stage{position:absolute;right:2%;top:8%;width:58%;height:84%;display:flex;align-items:center;justify-content:center;perspective:1000px;outline-offset:-5px}.moc-tilt-stage img{display:block;width:100%;height:auto;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(var(--tilt-z,0deg));transition:transform .18s ease-out;filter:drop-shadow(12px 20px 12px #61390922);-webkit-user-select:none;user-select:none;pointer-events:none}.moc-tilt-stage:focus-visible{outline:3px solid #df1542;border-radius:20px}.moc-tilt-hint{position:absolute;bottom:4%;font:700 13px DM Sans,sans-serif;color:#0167a5;text-align:center}@media(max-width:700px){.moc-hero-version-controls{display:flex;gap:3px;padding:8px;max-width:100%}.moc-hero-version-controls button{font-size:11px;padding:6px 10px;min-height:36px}.moc-hero-video-comparison .pop-hero-copy,.moc-motion-copy{padding-top:34px}.moc-motion-hero{min-height:670px}.moc-tilt-stage{width:100%;height:280px;top:auto;right:0;bottom:0}.moc-tilt-stage img{width:95%;max-height:250px;object-fit:contain}.moc-tilt-hint{bottom:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.moc-tilt-stage img{transform:none!important;transition:none}}@media(max-width:700px){.moc-motion-hero:is([data-version-panel=shuffle],[data-version-panel=nibble],[data-version-panel=spin],[data-version-panel=stack]) .moc-motion-visual video{object-position:right center}}@media(max-width:700px){.moc-motion-hero:is([data-version-panel=shuffle],[data-version-panel=nibble],[data-version-panel=spin],[data-version-panel=stack]) .moc-video-play{left:14px;right:auto}}@media(max-width:700px){.moc-motion-hero:is([data-version-panel=slide],[data-version-panel=bakery],[data-version-panel=spread],[data-version-panel=share]) .moc-motion-visual video{object-position:right center}.moc-motion-hero:is([data-version-panel=slide],[data-version-panel=bakery],[data-version-panel=spread],[data-version-panel=share]) .moc-video-play{left:14px;right:auto}}@media(max-width:700px){.moc-motion-hero:is([data-version-panel=slide],[data-version-panel=bakery],[data-version-panel=spread],[data-version-panel=share]) .moc-motion-visual{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px);mask-image:linear-gradient(to bottom,transparent,#000 24px)}}.moc-reveal-scene{display:block;width:100%;height:100%}.moc-motion-hero:is([data-version-panel=reveal],[data-version-panel=rows],[data-version-panel=rows-rtl]){background:#f8df78}@media(max-width:700px){.moc-motion-hero:is([data-version-panel=reveal],[data-version-panel=rows],[data-version-panel=rows-rtl]) .moc-motion-visual{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px);mask-image:linear-gradient(to bottom,transparent,#000 24px)}}@media(min-width:701px){.moc-motion-hero[data-version-panel=reveal] .moc-motion-visual{-webkit-mask-image:linear-gradient(to right,#0000001f,#00000038 30%,#000000a6 42%,#000 55%);mask-image:linear-gradient(to right,#0000001f,#00000038 30%,#000000a6 42%,#000 55%)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/moc-hero-video.css.map */