/* One control treatment; artwork-specific frames and authored SVGs stay intact. */
.svg-showcase-control{font:inherit;font-size:.875rem;line-height:1.3;min-width:148px;min-height:44px;padding:.6rem 1rem;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;cursor:pointer}
.svg-showcase-control:hover:not(:disabled){background:rgba(181,146,75,.12)}
.svg-showcase-control:focus-visible{outline:3px solid #b5924b;outline-offset:4px}
.svg-showcase-control:disabled{opacity:.55;cursor:default}
.svg-showcase-control[hidden]{display:none}
.motion-inline-controls,.portfolio-motion-controls,.brand-motion-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-height:4rem;padding:.5rem 1.25rem;box-sizing:border-box;width:100%;margin:0}
.portfolio-motion-stage object{visibility:hidden}
.svg-document-ready .portfolio-motion-stage object{visibility:visible}
.svg-document-ready .portfolio-motion-stage img{visibility:hidden}
.motion-opening-poster{display:block}
.motion-completed-poster{visibility:hidden}
.svg-reduced-motion .motion-opening-poster{visibility:hidden}
.svg-reduced-motion .motion-completed-poster{visibility:visible}
@media(prefers-reduced-motion:reduce){.motion-opening-poster{visibility:hidden}.motion-completed-poster{visibility:visible}}
.portfolio-motion-stage > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
[data-playback-state="error"] .portfolio-motion-status{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:.875rem}