/* Breadcrumbs and editorial details; separate from the shared artwork styles. */
.breadcrumbs { padding-top: 24px; color: var(--text); font-size: 12px; line-height: 1.6; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px 10px; padding: 0; margin: 0; list-style: none; }
.breadcrumbs li { display: inline-flex; gap: 10px; min-width: 0; }
.breadcrumbs li:last-child { overflow-wrap: anywhere; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 3px; }
.breadcrumbs a:hover { color: var(--ink); }
.breadcrumbs__separator { color: var(--line-strong); }
.breadcrumbs + .page-hero { padding-top: 30px; }
.breadcrumbs + article .photographic-article-header { padding-top: 24px; }
.article-byline a:hover { text-decoration: underline; text-underline-offset: 3px; }
.editorial-note { padding-block: 48px; border-top: 1px solid var(--line); }
.editorial-note h2 { font: 400 38px/1.15 var(--serif); letter-spacing: -.5px; }
.editorial-note p { font-size: 15px; }
@media (max-width: 700px) {
  .breadcrumbs { padding-top: 20px; font-size: 11px; }
  .breadcrumbs + .page-hero { padding-top: 24px; }
  .breadcrumbs + article .photographic-article-header { padding-top: 20px; }
}