.app-demo{margin:2rem 0;padding:1.3rem;border:1px solid #d7be88;border-radius:8px;background:#fffaf0;scroll-margin-top:1rem}
.app-demo h2{margin-top:0}
.demo-eyebrow{font:700 .72rem/1.5 'Courier New',monospace;letter-spacing:.08em;color:#795600}
.demo-video{max-width:360px;margin:1.5rem auto}
.demo-video video{display:block;width:100%;height:auto;aspect-ratio:884/1710;background:#211b12;border-radius:8px}
.demo-video figcaption,.demo-small{font-size:.8rem;line-height:1.5;color:#6b5530;margin-top:.75rem}
.app-demo :focus-visible{outline:3px solid #997018;outline-offset:4px}
@media(max-width:520px){.app-demo{padding:1rem}}