.product-stage{isolation:isolate}.webgl-product{position:absolute;inset:-40px -65px 20px -65px;z-index:3;pointer-events:none;opacity:0;transition:opacity .7s ease}.webgl-product canvas{width:100%;height:100%;display:block}.product-stage.has-3d .webgl-product{opacity:1}.product-stage.has-3d .product-composition{opacity:0;transition:opacity .7s;pointer-events:none}.product-stage>figcaption{z-index:4}.product-orbit{opacity:.5}.product-composition{transition:opacity .7s,transform .9s var(--ease-out)}
@media(max-width:900px){.webgl-product{inset:-20px -20px 10px -20px}}
@media(max-width:600px){.webgl-product{inset:-35px -20px 5px -20px}.product-stage>figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.webgl-product,.product-composition{transition:none!important}}