/* Preserve each card's image slot; load the remote player only on request. */
.video-card .video-image{position:relative;}
.video-card .inline-video-trigger{display:block;position:relative;width:100%;height:100%;border:0;padding:0;background:#111;color:inherit;font:inherit;text-align:inherit;cursor:pointer;}
.video-card .inline-video-trigger[hidden]{display:none!important;}
.video-card .inline-video-trigger:focus-visible{outline:3px solid #c7f23e;outline-offset:-4px;}
.video-card .inline-video-frame{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#111;}
.video-card.is-playing .video-image{aspect-ratio:9/16;}
.home-refined .video-card.is-playing .video-image{aspect-ratio:1.45;}
.video-card .inline-video-close{position:absolute;z-index:3;top:8px;right:8px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #777;background:#111;color:#fff;font:26px/1 Arial,sans-serif;cursor:pointer;}
.video-card .inline-video-close:focus-visible{outline:3px solid #c7f23e;outline-offset:2px;}
.video-card .inline-video-status{position:absolute;z-index:2;inset:0;display:grid;place-content:center;padding:48px 20px;text-align:center;background:#111;color:#f8f8f2;font:14px/1.6 Inter,Arial,sans-serif;margin:0;}
.video-card .inline-video-status[hidden]{display:none;}
@media(max-width:600px){
  .video-card.is-playing{display:block;}
  .video-card .inline-video-close{width:44px;height:44px;}
  .home-refined .video-card.is-playing .video-image{aspect-ratio:9/16;max-height:70vh;}
  .video-card.is-playing h3{margin-top:16px;}
}