/* One reading axis on grid column 3; photographs run from the same line to the right margin. */
.article-page { --article-measure:44rem; }
.article-page .page-head { padding-block:clamp(3.5rem,7vw,6rem); }
.article-page .page-head .article-inner > * { width:100%; max-width:var(--article-measure); margin-inline:auto; }
.article-page .page-head h1 { font-size:clamp(2rem,1.25rem + 3vw,3.5rem); line-height:1.12; font-weight:350; letter-spacing:-.025em; text-wrap:balance; }
.article-page .page-head .t-lead { font-size:clamp(1.25rem,1.1rem + .4vw,1.5rem); line-height:1.55; }
.article-page .page-head .t-small { font-size:.9375rem; }
.article-page .project-facts--story { margin-block:2.5rem; }
.article-page .project-facts--story .project-facts { gap:1.5rem var(--grid-gap); }
.article-page .project-facts--story dd { font-size:clamp(1.5rem,3vw,2.25rem); }
.article-page .article-body { padding-top:0; }
.article-page .prose { max-width:none; }
.article-page .article-copy,
.article-page .article-editorial-copy,
.article-page .prose > p,
.article-page .prose > h2,
.article-page .takeaways { width:100%; max-width:var(--article-measure); margin-inline:auto; }
.article-page .prose p,
.article-page .takeaways p { font-size:clamp(1.125rem,1rem + .3vw,1.25rem); line-height:1.7; hyphens:none; }
.article-page .article-copy p + p { margin-top:1.5rem; }
.article-page .prose h2,
.article-page .takeaways h2 { font-size:clamp(1.5rem,1.15rem + 1vw,2rem); font-weight:400; line-height:1.25; letter-spacing:-.015em; margin:0 0 1.5rem; text-wrap:balance; }
.article-page .prose h2 + p { margin-top:0; }
.article-page .prose > .article-copy,
.article-page .prose .article-editorial { margin-block:clamp(3rem,5vw,5rem); }
.article-page .prose > .article-copy:first-child { margin-top:0; }
.article-page .prose figure { width:100%; margin:clamp(2.5rem,5vw,4rem) 0; }
.article-page .prose figure img { width:100%; height:auto; }
.article-page .prose figcaption { margin-top:1rem; font-size:.9375rem; line-height:1.5; color:var(--fg-muted); }
.article-page .prose .article-editorial { display:block; width:100%; }
.article-page .prose .article-editorial > figure.content-portrait { width:100%; max-width:var(--article-measure); margin:2.5rem auto 0; }
.article-page .article-editorial-copy p { margin-top:0; }
.article-page .takeaways { padding:2rem 0 0; margin-top:clamp(3rem,5vw,5rem); background:transparent; border-top:1px solid var(--rule); }
.article-page .takeaways p { margin-top:0; }
@media(max-width:699px) {
  .article-page .project-facts--story .project-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:1000px) {
  .article-page { --article-start:calc((100% - 11 * var(--grid-gap)) / 12 * 2 + 2 * var(--grid-gap)); }
  .article-page .page-head .article-inner > *,
  .article-page .article-copy,
  .article-page .article-editorial-copy,
  .article-page .prose > p,
  .article-page .prose > h2,
  .article-page .takeaways,
  .article-page .prose .article-editorial > figure.content-portrait { margin-inline:var(--article-start) 0; }
  .article-page .page-head .article-inner > .project-facts--story { max-width:none; width:calc(8 * (100% - 11 * var(--grid-gap)) / 12 + 7 * var(--grid-gap)); }
  .article-page .page-head h1 { margin-left:calc(var(--article-start) - .089em); }
  .article-page .prose figure { width:auto; margin-inline:var(--article-start) 0; }
}