.video-block{max-width:var(--container-narrow)}.video-block__stills{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;margin-top:var(--vgap)!important}.video-block__stills--n3{grid-template-columns:repeat(3,minmax(0,1fr))}.video-block__stills--n5{grid-template-columns:repeat(5,minmax(0,1fr))}.video-block__stills li{margin:0}.video-block__stills figure{background:var(--surface);border:1px solid var(--line-300);border-radius:var(--radius-md);height:100%;overflow:hidden}.video-block__stills img{aspect-ratio:4/3;object-fit:cover;width:100%}.video-block__stills figcaption{padding:var(--sp-3);font-family:var(--font-ui);font-size:var(--fs-small);color:var(--fg-muted);line-height:1.4}.video-block__stills b,.video-block__label b{font-variant-numeric:tabular-nums;color:var(--ink-900);font-weight:500;display:block}.video-block__stage{margin-top:var(--vgap);aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line-300);position:relative;overflow:hidden}.video-block__stage[hidden],.video-block__toggle[hidden]{display:none}.video-block__video{object-fit:cover;width:100%;height:100%}.video-block__labels{left:var(--sp-4);bottom:var(--sp-4);right:var(--sp-4);position:absolute}.video-block__label{background:rgba(var(--scrim), .64);color:#fff;max-width:100%;font-family:var(--font-ui);font-size:var(--fs-small);border-radius:var(--radius-sm);opacity:0;transition:opacity .4s var(--ease-out);margin:0;padding:8px 12px;position:absolute;bottom:0;left:0}.video-block .video-block__label b{color:var(--teal-200)}.video-block__label.is-current{opacity:1}.video-block__toggle{margin-top:var(--sp-4)}.video-block__caption{margin-top:var(--sp-4);font-family:var(--font-ui);font-size:var(--fs-small);color:var(--fg-faint);max-width:var(--measure)}.video-block.is-enhanced .video-block__stills{grid-template-columns:repeat(5,minmax(0,1fr));max-width:560px;margin-top:var(--sp-4)!important}.video-block.is-enhanced .video-block__stills figcaption{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-label)}@media (width<=600px){.video-block__stills,.video-block__stills--n3,.video-block__stills--n5{grid-template-columns:repeat(2,minmax(0,1fr))}}
