nav [aria-current=page]{color:var(--red);border-bottom:1px solid var(--red)}.story-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:60px 0}.story-hero h1{font-size:clamp(44px,5.3vw,74px)}.story-hero figure{margin:0}.story-hero img{width:100%;display:block}.story-hero figcaption{font-size:10px;color:var(--muted);text-align:center;margin-top:12px}.story-opening{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 12%;text-align:center}.story-opening p:last-child{max-width:660px;margin:24px auto 0;color:var(--muted);font-size:17px}.portraits{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:70px 0;scroll-margin-top:25px}.portraits article+article{border-left:1px solid var(--line);padding-left:16%}.portraits h2{font-size:48px}.portraits article>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85}.portraits .text-link{margin-top:12px}.story-table{display:grid;grid-template-columns:1fr 1fr;background:#efece2;align-items:center}.table-image{position:relative;height:570px}.table-image img{width:100%;height:100%;object-fit:cover}.table-image span{position:absolute;bottom:12px;left:14px;background:var(--paper);font-size:10px;padding:3px 8px}.story-table>div:last-child{padding:45px 12%}.story-table p:not(.eyebrow){color:var(--muted);font-size:16px;margin-bottom:26px}.story-community{display:flex;align-items:center;justify-content:space-between;gap:10%;padding:75px 0}.story-community>div{max-width:620px}.story-community p:not(.eyebrow){color:var(--muted);font-size:16px}.story-community .button{flex-shrink:0}@media(max-width:850px){.portraits h2{font-size:38px}.table-image{height:460px}.story-table h2{font-size:36px}.story-community{display:block}.story-community .button{margin-top:15px}}@media(max-width:620px){.story-hero,.portraits,.story-table{grid-template-columns:1fr}.story-hero{padding:35px 0;gap:30px}.story-hero h1{font-size:49px}.story-opening{padding:40px 0}.story-opening h2{font-size:35px}.portraits{padding:40px 0;gap:35px}.portraits article+article{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.table-image{height:380px}.story-table>div:last-child{padding:32px 8%}.story-community{padding:45px 0}}
/* Illustration du duo : conserver le rapport original à toutes les largeurs. */
.story-hero img{height:auto;object-fit:contain}

/* V58 : lecture compacte sur téléphone uniquement. */
@media(max-width:620px){
.story-hero{padding:24px 0;gap:20px}
.story-hero h1{font-size:clamp(34px,9.5vw,40px);line-height:1.08;margin:12px 0 16px}
.story-hero .eyebrow,.story-opening .eyebrow,.portraits .eyebrow,.story-table .eyebrow,.story-community .eyebrow{margin-bottom:10px}
.story-hero .lead{font-size:15px;line-height:1.6;margin:0 0 14px}
.story-hero figcaption{margin-top:8px;line-height:1.5}
.story-opening{padding:26px 0}
.story-opening h2,.story-table h2,.story-community h2{font-size:30px;line-height:1.12;margin:10px 0 14px}
.story-opening p:last-child{font-size:15px;line-height:1.65;margin:14px auto 0}
.portraits{padding:26px 0;gap:24px}
.portraits h2{font-size:29px;line-height:1.15;margin:10px 0 14px}
.portraits h2 br{display:none}
.portraits article>p:not(.eyebrow){font-size:15px;line-height:1.65;margin:0 0 12px}
.portraits article+article{padding:24px 0 0}
.portraits .text-link{margin-top:0}
.story-hero .text-link,.portraits .text-link{min-height:44px;align-items:center}
.table-image{height:260px}
.story-table>div:last-child{padding:24px 7%}
.story-table p:not(.eyebrow),.story-community p:not(.eyebrow){font-size:15px;line-height:1.65;margin:0 0 16px}
.story-community{padding:28px 0}
.story-community .button{margin-top:0}
}