.canvas-stage{display:grid;place-items:center;padding:0;background:#0e1112;isolation:isolate;perspective:1200px}
.canvas-stage>:not(.product-screenshot){display:none}
.canvas-stage:after{display:none}
.product-screenshot{display:block;position:absolute;z-index:1;left:50%;top:50%;width:auto;height:140%;max-width:none;aspect-ratio:16/9;overflow:hidden;box-shadow:0 34px 90px #0006;transform:translate3d(calc(-50% + var(--canvas-pan-x,-40px)),calc(-50% + var(--canvas-pan-y,0px) + var(--canvas-parallax,0px)),-18px) scale(1.025);transform-origin:50% 50%;will-change:transform;transition:transform .75s cubic-bezier(.2,.75,.25,1)}
.canvas-stage.is-exploring .product-screenshot{transition-duration:.18s}
.canvas-poster{display:block;width:100%;height:100%;object-fit:cover}
.video-slot{position:absolute;left:60.95%;top:14.95%;width:34.75%;height:34.95%;overflow:hidden;border-radius:1.4%;background:#090b0c;isolation:isolate}
.video-slot video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.045);transform-origin:center;transition:opacity .45s ease;will-change:transform,opacity}
.video-slot.is-ready video{opacity:1}
@media(max-width:1000px){.canvas-stage{min-height:auto}.product-screenshot{position:relative;left:auto;top:auto;width:108%;height:auto;max-height:none;transform:translate3d(-4%,var(--canvas-parallax,0px),-12px) scale(1.012)}}
@media(prefers-reduced-motion:reduce){.product-screenshot{transform:none;transition:none}}