/* Video cards (click to load). Uses the site tokens only. */
.video-facade { margin: var(--s5, 1.5rem) 0; max-width: 22rem; }
.video-facade a { position: relative; display: block; text-decoration: none; }
.video-facade img, .video-facade__frame { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border: 0; border-radius: var(--r-md, 4px); background: var(--mist, #f0ede4); }
.video-facade--wide img, .video-facade--wide .video-facade__frame { aspect-ratio: 16 / 9; }
.video-facade--wide { max-width: 40rem; }
.video-facade__play { position: absolute; inset: 0; margin: auto; width: 4rem; height: 4rem; border-radius: 50%; background: var(--brand, #e5202e); }
.video-facade__play::after { content: ""; position: absolute; left: 1.55rem; top: 1.2rem; border-style: solid; border-width: .8rem 0 .8rem 1.3rem; border-color: transparent transparent transparent var(--on-ink, #fff); }
.video-facade a:focus-visible { outline: 2px solid var(--ink, #141414); outline-offset: 3px; }
.video-facade figcaption { font-family: var(--font-ui, sans-serif); font-size: var(--fs-small, .9375rem); color: var(--ink-2, #48443d); margin-top: var(--s2, .5rem); }