.studio-art, .product-entry[data-studio="garden"] .product-entry-art { position: relative; overflow: hidden; }
.studio-motion-scene { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
[data-studio="build"] .studio-motion-scene { opacity: 0; background: #101010; }
[data-studio="build"][data-state="playing"] .studio-motion-scene { opacity: 1; }
[data-studio="curiosity"] [data-part="core"] { transform-box: fill-box; transform-origin: center; }
[data-studio="curiosity"] [data-part^="portal-"] { transform-box: view-box; transform-origin: 808px 365px; }
[data-studio="curiosity"] [data-part^="panel-"] { transform-box: fill-box; transform-origin: center; }
[data-studio="build"] .studio-motion-scene [data-part] { transform-box: fill-box; transform-origin: center; }
[data-studio="build"] [data-part="landscape"] { transform-origin: 322px 619px; }
[data-studio="build"] [data-part="module-blue"] { transform-origin: 616px 657px; }
[data-studio="build"] [data-part="module-gear"] { transform-origin: 803px 697px; }
[data-studio="build"] [data-part="module-cream"] { transform-origin: 1050px 636px; }
[data-studio="build"] [data-part="module-arch"] { transform-origin: 1278px 647px; }
[data-studio="build"] [data-part="rocket"] { transform-origin: 1220px 249px; }
[data-studio="build"] [data-part="ribbon"], [data-studio="garden"] .studio-motion-scene [data-part] { stroke-dasharray: 1; stroke-dashoffset: 1; }
[data-studio="garden"] .studio-motion-scene [data-part] { transform-box: fill-box; transform-origin: center; }
.studio-copy > p:not(.studio-index) { color: #999; font-size: 15px; line-height: 1.9; }
.studio-play { display: inline-flex; align-items: center; justify-content: center; gap: 18px; margin-top: 24px; padding: 9px 15px; border: 1px solid #494949; border-radius: 999px; color: #ddd; background: transparent; font: inherit; font-size: 13px; line-height: 1.5; text-align: center; touch-action: manipulation; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; }
.studio-play:hover { color: #fff; border-color: #a7a7a7; background: #ffffff0c; }
.studio-play:disabled { color: #777; border-color: #333; background: transparent; }
.studio-play:focus-visible { outline: 2px solid #c1d7ff; outline-offset: 4px; }
[data-state="playing"] .studio-play { border-color: #8caac1; color: #e3f1ff; }
@media (max-width: 680px) { .studio-copy > p:not(.studio-index) { font-size: 14px; } .studio-copy > p:not(.studio-index) br { display: none; } }
@media (prefers-reduced-motion: reduce) { .studio-play { transition: none; } .studio-motion-scene { visibility: hidden; } }