/* Preserve natural proportions after adding intrinsic image dimensions. */
.archive-collection img,.news-photo img,.news-wide img { height:auto; }
/* Work rows remain visually identical when expressed as crawlable links. */
body a.work { font:inherit; }
.biography-page-wrap { max-width:920px; margin:0 auto; padding:48px 8% 64px; }
.biography-page-wrap>.breadcrumb { display:block; font-size:13px; color:var(--muted); margin-bottom:36px; }
body .biography-page h1 { font-size:clamp(52px,7vw,84px); line-height:1.04; margin:0 0 32px; }
body .biography-page>p { font-size:18px; line-height:1.85; }
body .biography-page>.eyebrow { font-size:12px; }
body .biography-page { max-width:none; }
body .biography-page h2 { margin:36px 0 12px; font:500 24px/1.3 'DM Sans',Arial,sans-serif; letter-spacing:-.02em; }
.biography-page p a { text-decoration:underline; text-underline-offset:3px; }
.biography-page .biography-links { flex-wrap:wrap; }
@media(max-width:600px) { .biography-page-wrap { padding:32px 7% 48px; } body .biography-page>p { font-size:16px; } }

/* Quiet, identifiable links inside editorial text. */
.context-link { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.18em; text-decoration-color:currentColor; }
.context-link:hover { text-decoration-thickness:2px; }
.context-link:focus-visible { outline:2px solid currentColor; outline-offset:3px; }

/* Shared breadcrumb navigation, independent of header navigation styles. */
body nav.breadcrumb { display:block; width:auto; overflow:visible; white-space:normal; padding:0; margin:0 0 36px; color:var(--muted); font:400 14px/1.6 'DM Sans',Arial,sans-serif; letter-spacing:0; }
body nav.breadcrumb:hover { color:var(--muted); }
body nav.breadcrumb ol { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 0; list-style:none; padding:0; margin:0; }
body nav.breadcrumb li { display:flex; align-items:baseline; min-width:0; margin:0; padding:0; }
body nav.breadcrumb .breadcrumb-separator { margin:0 9px; color:var(--muted); }
body nav.breadcrumb a { text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:3px; }
body nav.breadcrumb a:hover { color:var(--accent); text-decoration-color:currentColor; }
body nav.breadcrumb [aria-current="page"] { color:var(--ink); font-weight:500; overflow-wrap:anywhere; }
body .newsletter-breadcrumb nav.breadcrumb { margin-bottom:0; }
@media(max-width:600px) { body nav.breadcrumb { font-size:13px; margin-bottom:28px; } body nav.breadcrumb .breadcrumb-separator { margin-inline:7px; } }