.customer-art{width:min(100%,500px);margin:1.25rem auto;color:var(--text);overflow:hidden}
.customer-art[hidden]{display:none}
.customer-art svg,.customer-art-reserve{display:block;width:100%;height:auto;aspect-ratio:5/3}
.customer-art[data-world]{width:min(100%,624px)}
.customer-art[data-world=pixel] .customer-art-reserve{aspect-ratio:13/8}
.customer-art[data-world=drawn] .customer-art-reserve{aspect-ratio:16/11}
.customer-art figcaption{display:flex;justify-content:center;align-items:center;gap:.6rem;font-size:.85rem;line-height:1.5;margin-top:.5rem}
.customer-art-ready{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;opacity:.35}
.customer-art-ready[data-ready=true]{opacity:1}
@media(prefers-reduced-motion:reduce){.customer-art:not([data-scene=living]) *{animation:none!important;transition:none!important}}
/* Living scenes (R16-02) carry their own calmer reduced motion. Until the world's bytes arrive, the reserved box under the
   sign moves quietly; it shows loading only, never an incident. */
.customer-art[data-scene=living] .customer-art-reserve{position:relative;overflow:hidden}
.customer-art[data-scene=living] .customer-art-reserve::after{content:"";position:absolute;left:0;bottom:0;width:30%;height:2px;background:currentColor;opacity:.3;animation:customer-art-wait 2.4s ease-in-out infinite alternate}
@keyframes customer-art-wait{to{transform:translateX(233%)}}
@media(prefers-reduced-motion:reduce){.customer-art[data-scene=living] .customer-art-reserve::after{animation-duration:9s}}