/* A single landscape demonstration within the existing research layout. */
.quadruped-project .project-content { min-width: 0; }
.quadruped-demo { width: min(100%, 800px); margin-top: 24px; }
.quadruped-demo video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #17191c; border: 1px solid var(--border); border-radius: 7px; }
.quadruped-demo figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 8px 16px; margin-top: 10px; line-height: 1.6; }
.quadruped-demo figcaption > span { display: grid; gap: 3px; }
.quadruped-demo figcaption strong { color: var(--ink); font-size: .9rem; font-weight: 600; }
.quadruped-demo figcaption span span { color: var(--muted); font-size: .8rem; }
.quadruped-links { display: flex; flex-wrap: wrap; gap: 8px 26px; margin-top: 14px; }
.quadruped-credit, .quadruped-media-error { margin-top: 10px; color: var(--muted); font-size: .8rem; }
.quadruped-credit a { text-decoration: underline; text-decoration-color: var(--border-strong); }
.quadruped-credit a:hover { color: var(--accent); text-decoration-color: currentColor; }
@media print {
    .quadruped-demo { display: none; }
}