.subject-paths{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin:38px 0;padding:30px 0 36px}
.subject-paths>h2{font:400 clamp(31px,3.5vw,44px)/1.15 var(--serif);margin:12px 0;max-width:900px;text-wrap:balance}
.subject-paths-deck{max-width:780px;font-size:18px;line-height:1.6}
.subject-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.subject-path-image{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:var(--fog)}
.subject-path-image img{display:block;width:100%;height:100%;object-fit:contain}
.subject-path h3{font:400 29px/1.15 var(--serif);margin:20px 0 12px;text-wrap:balance}
.subject-path>p{font:15px/1.65 var(--ui)}
.subject-path nav{display:grid;gap:4px;margin:16px 0}
.subject-path nav a{display:block;padding:10px 0;font:15px/1.5 var(--ui);text-underline-offset:4px}
.subject-path .subject-path-credit{font-size:11px;line-height:1.65;color:var(--quiet);border-top:1px solid var(--hairline);padding-top:12px}
.subject-path a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:800px){.subject-path-grid{grid-template-columns:1fr;gap:30px}.subject-path-image{aspect-ratio:auto;max-width:640px}.subject-path-image img{height:auto;max-height:430px}.subject-path{border-bottom:1px solid var(--hairline);padding-bottom:20px}.subject-path:last-child{border:0;padding-bottom:0}.subject-path nav{grid-template-columns:1fr 1fr;gap:4px 24px}}
@media(max-width:650px){.subject-path nav{grid-template-columns:1fr}.subject-paths{margin:28px 0}.subject-path h3{font-size:29px}}

/* Preserve the broadcast cameras as meaningful context at a readable size. */
.documentary-pair:has([data-documentary-image="beatles"]){grid-template-columns:1fr}