/* Story media on article pages. Shared by the reader and the desk preview. */
.story-video{margin:0}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--panel)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.preview-notice{margin:24px 0 0}
@media(max-width:760px){.video-frame{border-radius:8px}}
.story-video-below{margin:8px 0 28px}
/* Portrait crops: keep faces in frame wherever a wide crop is used. */
.article-main figure img.focal-face,.front-media img.focal-face,.front-art img.focal-face{object-fit:cover;object-position:50% 12%}
.article-main figure img.focal-upper,.front-media img.focal-upper,.front-art img.focal-upper{object-fit:cover;object-position:50% 22%}
.article-main figure img.focal-top,.front-media img.focal-top,.front-art img.focal-top{object-fit:cover;object-position:50% 0}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px}.footer-links a{color:var(--muted)}
.standing-page{max-width:720px;padding:40px 0 10px}
/* Article pages show portrait photos whole, height-capped and centred, instead of a wide crop. */
.article-main figure.portrait-figure{background:var(--panel);border-radius:10px}
.article-main figure.portrait-figure img{aspect-ratio:auto;width:auto;max-width:100%;max-height:min(70vh,600px);margin:0 auto;object-fit:contain;border-radius:0}
.article-main figure.portrait-figure figcaption{padding:9px 12px 10px}