.results-row .list-actions{display:flex;align-items:center;gap:18px}
.motion-toggle{font:inherit;color:var(--muted);padding:7px 10px;border:1px solid var(--line);border-radius:5px}
.motion-toggle:hover{color:var(--ink);border-color:#69705e}
.motion-toggle:disabled{opacity:.6;cursor:default}
.card-open .card-motion{position:absolute;border:0;pointer-events:none;opacity:0;transition:opacity .3s}
.card-open iframe.card-motion{width:1000px;height:714px;max-width:none;left:50%;top:50%;transform-origin:center}
.card-open video.card-motion{inset:0;width:100%;height:100%;object-fit:contain;background:#111}
.card-open.motion-ready .card-motion{opacity:1}
.card-open .card-badge,.card-open .preview-label{z-index:2}
.card .save{z-index:3}
@media(max-width:600px){.results-row .list-actions{gap:10px}.motion-toggle{font-size:10px;padding:7px}.results-row label{gap:5px}}
@media(prefers-reduced-motion:reduce){.card-open .card-motion{transition:none}}

/* Keep both subjects visible in the static fallback at every card ratio. */
.card-open[href="#work/motion-orthopedics"]{background:#f4f6ed}
.card-open[href="#work/motion-orthopedics"] > img{object-fit:contain;background:#f4f6ed}