.article-video { position:relative; }
.video-surface { position:absolute; inset:0 0 56px; display:grid; place-items:center; width:100%; border:0; background:transparent; color:white; cursor:pointer; font:600 16px/1.5 sans-serif; }
.video-surface.is-paused { background:linear-gradient(transparent,#10223866); text-shadow:0 1px 4px #000; }
.video-surface:focus-visible { outline:3px solid #2c8bff; outline-offset:-4px; }
.video-playback-status { margin:8px 12px; color:#526780; font-size:13px; text-align:center; }
.video-playback-status:empty { display:none; }
.page[data-default-cover=true] .article-hero::before { background-size:cover; background-position:center; background-repeat:no-repeat; }