/* Native inline playback, matching the reference's quiet, full-frame treatment. */
.inline-video-frame{position:relative;overflow:hidden;border-radius:16px;background:#f4f4ef;border:0;isolation:isolate;clip-path:inset(0 round 16px)}
.inline-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f4f4ef;border-radius:inherit}
.hero .hero-media{height:auto;aspect-ratio:auto;border-radius:16px;border:0;box-shadow:none}
.inline-video-frame video:focus-visible{outline:0}
.inline-video-frame:focus-within{outline:2px solid var(--accent);outline-offset:4px}
.demo-video{min-width:0;margin:0}
.demo-caption{display:flex;flex-direction:column;gap:9px;padding:20px 2px 0}.demo-caption strong{font-weight:500;font-size:20px}.demo-caption>span{font-size:13px;color:var(--muted)}
.inline-video-error{position:absolute;left:16px;right:16px;top:16px;padding:10px 14px;background:#252827ed;color:white;font-size:13px!important;line-height:1.6;margin:0!important;border-radius:8px}
.inline-video-error[hidden]{display:none}
#video-error{font-size:13px;color:#e7ccc7;line-height:1.6;margin:12px 0 0}
@media(max-width:760px){.demo-videos{gap:30px}.inline-video-frame,.hero .hero-media{border-radius:12px;clip-path:inset(0 round 12px)}.demo-caption{padding-top:15px;gap:7px}.demo-caption strong{font-size:18px}.demo-caption>span{font-size:12px}}