/* Product-specific canvas stages. All motion is driven by GrapeMotion's clock. */
.product-art{position:relative;width:100%;min-width:0;height:470px;isolation:isolate;overflow:hidden;border:1px solid #eee8f4;border-radius:24px;background:linear-gradient(145deg,#fff,#f6f3fd);box-shadow:0 24px 70px #39225106}
.product-art[data-product-scene=daxly]{border-color:#e5edf9;background:linear-gradient(145deg,#fff,#f2f7ff)}
.product-art>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit;pointer-events:none}
.product-art:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #fff;pointer-events:none;z-index:1}
.product-art>.scene-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:15px;margin:0;font-family:var(--mono,'Space Mono',monospace);font-size:9px;line-height:1.5;letter-spacing:.045em;text-align:center;color:#93839f;pointer-events:none}
.product-art[data-product-scene=daxly]>.scene-caption{color:#8292aa}
.product-scene-fallback{position:absolute;inset:50px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;color:#662190}
.product-scene-fallback strong{font-family:'Manrope',Arial,sans-serif;font-size:42px;line-height:1;letter-spacing:-.04em}
.product-scene-fallback span{max-width:270px;font-size:13px;line-height:1.8;color:#84758f}
.product-art[data-product-scene=daxly] .product-scene-fallback strong{color:#0d0d14}
@media(max-width:1100px) and (min-width:801px){.product-art{height:430px}}
@media(max-width:800px){.product-art{height:380px;max-width:560px;margin:10px auto 0;border-radius:20px}.product-art>.scene-caption{left:14px;right:14px;bottom:13px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.product-art,.product-art *{transition:none!important;animation:none!important}}
.motion-paused .product-art,.motion-paused .product-art *{transition:none!important;animation:none!important}

@media(min-width:500px) and (max-width:800px){.product-art{height:450px}}