/* Original montages contain printed text: never crop them into photo backgrounds. */
.editorial-page .editorial-hero.media-montage-hero{display:block;min-height:0;padding:0;background:#1d1c1c;overflow:hidden}
.editorial-page .media-montage-hero .editorial-hero-copy{position:relative;align-self:auto;max-width:1440px;margin:auto;padding:48px var(--editorial-gutter,6vw) 38px;box-sizing:border-box;width:100%}
.editorial-page .media-montage-hero .editorial-breadcrumb{margin-bottom:24px}
.editorial-page .media-montage-hero>figure{position:relative;inset:auto;z-index:0;width:100%;max-width:1600px;height:auto;min-height:0;aspect-ratio:auto;margin:0 auto}
.editorial-page .media-montage-hero>figure:after{display:none}
.editorial-page .media-montage-hero>figure img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
/* Keep the 658px portrait near its native size; the typography has its own column. */
.editorial-page .editorial-hero.media-portrait-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,100px);min-height:0;padding:48px var(--editorial-gutter);background:#1d1c1c}
.editorial-page .media-portrait-hero .editorial-hero-copy{min-width:0;max-width:780px}
.editorial-page .media-portrait-hero>figure{position:relative;inset:auto;z-index:0;width:100%;max-width:480px;height:auto;margin:0 0 0 auto}
.editorial-page .media-portrait-hero>figure:after{display:none}
.editorial-page .media-portrait-hero>figure img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.editorial-page .media-portrait-hero h1{font-size:clamp(48px,6vw,100px)}
.editorial-page .media-timeline-link{display:block;text-decoration:none}
.media-timeline-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:44px;padding:12px 0;border-bottom:1px solid #ff6100;font-size:14px;font-weight:600}
.editorial-page .media-timeline-link:focus-visible{outline:3px solid #ff6100;outline-offset:6px}
/* Column masonry follows each source's natural ratio, including printed frames. */
.community-page .community-photo-grid.media-gallery-natural{display:block;columns:3;column-gap:12px}
.community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link,
.community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link:nth-child(10n+1){display:block;break-inside:avoid;aspect-ratio:auto;min-height:0;height:auto;margin:0 0 12px;overflow:visible;background:transparent;grid-column:auto;grid-row:auto}
.community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link img{position:static;display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
.community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link:hover img{transform:none}
.community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link:focus-visible{outline:3px solid #ff6100;outline-offset:4px}
@media(max-width:1000px){
 .community-page .community-photo-grid.media-gallery-natural{columns:2;column-gap:12px}
 .community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link{margin-bottom:12px}
}
@media(max-width:767px){
 .editorial-page .media-montage-hero .editorial-hero-copy{padding:32px 22px}
 .editorial-page .media-montage-hero h1{font-size:clamp(46px,12vw,70px)}
 .editorial-page .editorial-hero.media-portrait-hero{grid-template-columns:1fr;gap:24px;padding:32px 22px}
 .editorial-page .media-portrait-hero .editorial-breadcrumb{margin-bottom:24px}
 .editorial-page .media-portrait-hero>figure{max-width:360px;margin:auto}
 .editorial-page .media-portrait-hero h1{font-size:clamp(45px,12vw,70px)}
 .community-page .community-photo-grid.media-gallery-natural{column-gap:12px}
 .community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link,
 .community-page .community-photo-grid.media-gallery-natural .mbo-gallery-link:nth-child(10n+1){margin-bottom:12px}
}
@media(max-width:420px){.community-page .community-photo-grid.media-gallery-natural{columns:1}}

/* Dense rows retain DOM reading order and reserve each image's natural height. */
.community-page .community-photo-grid.media-gallery-natural.is-measured{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1px;column-gap:12px;row-gap:0;align-items:start}
.community-page .community-photo-grid.media-gallery-natural.is-measured .mbo-gallery-link{margin:0;align-self:start}
@media(max-width:1000px){.community-page .community-photo-grid.media-gallery-natural.is-measured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.community-page .community-photo-grid.media-gallery-natural.is-measured{grid-template-columns:1fr}}