/* Les chapitres de projet gardent la grille et les alignements antérieurs.
   Ce fichier ne règle que la présentation des quatre articles. */
.stories-four{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:76px}
.stories-four .story-card:last-child{grid-column:auto;max-width:none}
.story-card .story-visual{aspect-ratio:16/11;background:#e2e7ec}
.story-card .story-visual.is-document{background:#c9a4ae;padding:clamp(18px,3vw,48px)}
.story-visual.is-document img{object-fit:contain}
.story-cover{margin:0}
.story-cover>img{display:block;width:100%;max-height:850px;object-fit:cover;border-radius:6px}
.story-cover.is-document{background:#c9a4ae;padding:clamp(25px,6vw,90px);border-radius:6px}
.story-cover.is-document>img{object-fit:contain;max-height:700px}
.story-cover>figcaption{font-size:12px;line-height:1.45;font-weight:400;color:var(--muted);margin-top:14px}
.story-cover.is-document>figcaption{color:#25212a}
.story-article>header{max-width:1100px}
.story-article>header>h1{max-width:19ch;text-wrap:balance}
.article-body{max-width:760px}
.article-body section{scroll-margin-top:130px}
.article-body p{font-weight:400;line-height:1.75}
.article-body h2{font-size:clamp(27px,2.6vw,38px);line-height:1.12;max-width:25ch}
.article-summary{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:68px;padding:24px 0;border-block:1px solid var(--line)}
.article-summary>a{font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none}
.article-summary>a:hover{color:var(--ink)}
@media(max-width:760px){
 .stories-four{grid-template-columns:1fr;row-gap:54px}
 .story-card .story-visual.is-document{padding:28px 20px}
 .story-cover.is-document{padding:35px 18px}
 .story-cover>figcaption{font-size:11px}
 .article-body p{font-size:17px}
}