/* Reusable device-recording video embed.
   Desktop: capped, centered "phone card" next to other content.
   Mobile: full-bleed, breaks out of the page's own content padding so the
   video gets real phone-screen width instead of a shrunk padded card. */
body{overflow-x:hidden}

.device-video-block{margin:32px 0}
.device-video-block .video-card{position:relative;width:100%;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.18)}
.device-video-block .video-916{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
.device-video-block .video-169{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.device-video-block figcaption{margin-top:12px;text-align:center;font-size:13.5px;color:var(--muted,#64748b)}

.device-video-block.v916 .video-card{max-width:400px;margin:0 auto}
.device-video-block.v169 .video-card{max-width:100%}

@media (max-width:640px){
  .device-video-block.v916{
    width:100vw;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
  }
  .device-video-block.v916 .video-card{max-width:none;border-radius:0;box-shadow:none}
  .device-video-block.v916 figcaption{padding:0 24px}
}