.f-vid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:8%;align-items:center;background:var(--f-milk);scroll-margin-top:100px}
.f-vid figure{margin:0;min-width:0}.f-vid-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--f-milk);border-radius:var(--f-radius)}
.f-vid-media img,.f-vid-media video{display:block;width:100%;height:100%;object-fit:cover}.f-vid-media video{position:absolute;inset:0;opacity:0}.f-vid-media video[data-ready]{opacity:1}
.f-vid figcaption{display:flex;align-items:flex-start;gap:16px;margin-top:12px;color:var(--f-text-muted);font-size:14px;line-height:1.5}.f-vid figcaption span{flex:1;padding-top:10px}
.f-vid-toggle{flex:none;min-width:80px;min-height:44px;padding:8px 0;background:transparent;border:0;color:var(--f-ink,#252d29);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.f-vid-toggle[hidden]{display:none}.f-vid-toggle:hover{color:#ab382d}.f-vid-toggle:focus-visible{outline:2px solid #ab382d;outline-offset:4px}
.f-vid h2{font-size:var(--f-size-display);line-height:1.12;font-weight:500;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}.f-vid-copy p{font-size:var(--f-size-body);line-height:1.6;color:var(--f-text-muted);max-width:29em;margin:0}
@media(max-width:820px){.f-vid{grid-template-columns:1fr;gap:24px}.f-vid-copy{grid-row:1}.f-vid figure{width:100%;max-width:400px}.f-vid h2{margin-bottom:16px}.f-vid-copy p{font-size:16px}.f-vid figcaption{gap:12px}}

.f-vid-wide{display:block}
.f-vid-wide>*{max-width:960px;margin-left:auto;margin-right:auto}
.f-vid-wide figure{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
.f-vid-wide .f-vid-media,.f-today-video .f-vid-media{aspect-ratio:16/9}
.f-vid-wide .f-vid-copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:24px}
.f-vid-wide h2{margin:0;font-size:var(--f-size-heading);line-height:1.15}
.f-vid-wide .f-vid-copy p{max-width:34em}
.f-vid figcaption{align-items:center;margin:0 0 8px;min-height:44px}
.f-vid figcaption span{padding:0}
.f-vid .f-vid-status{font-size:var(--f-size-small);line-height:1.5;margin:12px 0 0;color:var(--f-text-secondary)}
.f-vid-status[hidden]{display:none}
.f-today-gallery .f-today-video{display:block;background:transparent}
.f-today-gallery .f-today-video figcaption{font-size:var(--f-size-small);margin:0 0 8px;min-height:44px}
.f-today-gallery .f-today-video .f-vid-media img{height:100%;aspect-ratio:auto}
@media(max-width:820px){.f-vid-wide .f-vid-copy{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.f-vid-wide h2{font-size:var(--f-size-heading)}.f-vid-wide figcaption{font-size:var(--f-size-small)}}

/* Match the photograph height without cropping the horizontal film. */
.f-today-gallery{grid-template-columns:calc(min(520px,38vw) * 32 / 27)}
.f-today-gallery .f-today-video{display:flex;flex-direction:column;position:relative;align-items:stretch;gap:0}
.f-today-gallery .f-today-video .f-vid-media{order:0;border-radius:0;width:100%;flex-shrink:0}
.f-today-gallery .f-today-video figcaption{order:1;margin:12px 0 0;min-height:0;font-size:var(--f-size-body)}
.f-today-gallery .f-today-video .f-vid-status{order:2}
.f-vid .f-vid-toggle{min-width:44px;width:44px;height:44px;padding:0;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--f-text);background:var(--f-milk);border-radius:50%}
.f-vid .f-vid-toggle[hidden]{display:none}
.f-today-video .f-vid-toggle{position:absolute;top:12px;right:12px;z-index:2}
.f-vid .f-vid-toggle:hover{background:var(--f-brick,#ab382d);color:#fff}
.f-vid-toggle [data-icon]{display:none}
.f-vid-toggle[data-state="play"] [data-icon="play"],.f-vid-toggle[data-state="pause"] [data-icon="pause"],.f-vid-toggle[data-state="cancel"] [data-icon="cancel"],.f-vid-toggle[data-state="retry"] [data-icon="retry"]{display:block}
@media(max-width:820px){.f-today-gallery{grid-template-columns:calc(76vw * 32 / 27)}}