/* Load after blog-layouts.css. A single reading axis and predictable photo frames. */
.layout-article .page-intro,
.layout-article .article-lead,
.layout-article .article-body {
  width:min(780px,calc(100% - var(--gutter)*2));
}
.layout-article .page-intro {padding-top:52px;padding-bottom:30px}
.layout-article .page-title :is(h1,h2) {font-size:clamp(2rem,3.6vw,3rem);line-height:1.14;letter-spacing:-.04em}
.layout-article .article-lead {margin-bottom:36px}
.layout-article .article-lead .prose-block {max-width:none;font-size:1.13rem;line-height:1.8}
.layout-article .article-cover {width:min(780px,calc(100% - var(--gutter)*2));margin-bottom:32px}
.layout-article .article-cover .page-photo,
.layout-article .article-cover .page-photo a {width:100%;max-width:none;margin:0}
.layout-article .article-cover .page-photo a img {
  display:block;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:8/5;object-fit:cover;
}
.layout-article .article-cover .page-photo a,
.layout-article .article-body .page-photo a {border-radius:12px;overflow:hidden}
.layout-article .article-lead .prose-block,
.layout-article .article-section-copy,
.layout-article .article-flow>.block-html {max-width:700px;margin-inline:auto}
.layout-article .article-lead {padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:36px}
.layout-article .article-body {display:block}
.layout-article .article-section {margin:0 0 56px}
.layout-article .article-section:last-child {margin-bottom:0}
.layout-article .article-section-copy>.content-block+.content-block,
.layout-article .article-flow>.content-block+.content-block {margin-top:24px}
.layout-article .article-section .prose-block>:first-child,
.layout-article .article-flow .prose-block>:first-child {margin-top:0}
.layout-article .article-section .prose-block>:last-child,
.layout-article .article-flow .prose-block>:last-child {margin-bottom:0}
.layout-article .article-body .prose-block :is(h1,h2) {font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.3}
.layout-article .article-body .prose-block :is(h1,h2,h3,h4,h5,h6) {margin:0 0 20px}
.layout-article .article-section-media {margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.layout-article .article-photo-frame,
.layout-article .article-photo-frame .page-photo,
.layout-article .article-photo-frame .page-photo a {
  width:100%;max-width:none;margin:0;
}
.layout-article .article-photo-frame .page-photo a {overflow:hidden;background:var(--surface)}
.layout-article .article-photo-frame .page-photo a img {
  display:block;width:100%;height:auto;max-width:100%;max-height:none;min-height:0;
  aspect-ratio:8/5;object-fit:cover;object-position:center;margin:0;
}
.layout-article .article-illustration .page-photo a img {object-fit:contain;padding:24px}
.layout-article .article-body .photo-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;margin:0;
}
.layout-article .article-body .photo-grid .page-photo,
.layout-article .article-body .photo-grid .page-photo:first-child {
  grid-column:auto;grid-row:auto;width:100%;margin:0;
}
.layout-article .article-body .photo-grid .page-photo a,
.layout-article .article-body .photo-grid .page-photo:first-child a {height:auto;width:100%}
.layout-article .article-body .photo-grid .page-photo a img,
.layout-article .article-body .photo-grid .page-photo:first-child img {
  display:block;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:8/5;object-fit:cover;
}
.layout-article .article-body .page-photo figcaption {margin-top:12px;font-size:.875rem;line-height:1.5}
.layout-article .article-body .page-action {margin:28px 0 0}
.layout-article .article-activities {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.layout-article .article-activity {min-width:0}
.layout-article .article-activity>.block-html {margin-top:14px}
.layout-article .article-activity .prose-block p {font-size:1.05rem;line-height:1.5;margin:0}
.layout-article .article-stay {padding-top:36px;border-top:1px solid var(--line)}
.layout-article .related-section {width:min(1120px,calc(100% - var(--gutter)*2));margin-top:72px}
.layout-article .related-section .editorial-card :is(h2,h3,h4,h5,h6) {
  font-family:var(--sans);font-size:1.2rem;font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:18px 0 14px;text-wrap:balance;
}
.layout-article .related-section .editorial-card :is(h2,h3,h4,h5,h6) a {text-decoration:none}
@media(max-width:760px) {
  .layout-article .page-intro {padding-top:38px;padding-bottom:24px}
  .layout-article .article-lead .prose-block {font-size:1.04rem}
  .layout-article .article-cover {margin-bottom:26px}
  .layout-article .article-lead {padding-bottom:24px;margin-bottom:30px}
  .layout-article .article-section {margin-bottom:40px}
  .layout-article .article-section-media {margin-top:24px;gap:24px}
  .layout-article .article-body .photo-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .layout-article .article-activities {grid-template-columns:minmax(0,1fr);gap:28px}
  .layout-article .article-body .page-photo figcaption {font-size:.875rem}
  .layout-article .related-section {margin-top:48px}
}