html{scroll-padding-top:135px}.back-link{display:inline-block;font-size:.75rem;text-decoration:none;margin-bottom:45px}.friends-intro{max-width:none;background:var(--teal);color:var(--cream);padding:65px max(7%,calc((100% - 1204px)/2)) 60px}.friends-intro h1{font-size:clamp(2.8rem,5.5vw,5.7rem)}.friends-intro h1 em{color:var(--ochre)}.friends-intro blockquote{font-family:var(--heading);font-size:clamp(1.2rem,2vw,1.7rem);max-width:680px;margin:30px 0;border-left:2px solid var(--ochre);padding-left:24px}.friends-photo{max-width:1400px;margin:40px auto 0;padding:0 7%}.friends-photo img{width:100%;height:auto}.friends-photo figcaption,.friends-work figcaption{font-size:.65rem;margin-top:12px}.friends-story{display:grid;grid-template-columns:1fr 1fr;gap:8%}.friends-story p+p{margin-top:22px}.friends-activities{background:var(--teal);color:var(--cream)}.friends-activities h2 em{color:var(--ochre)}.friends-activities .number{color:var(--ochre)}.friends-activities article{border-color:var(--ochre)}.friends-work{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.friends-work h2{font-size:clamp(2.2rem,3.5vw,3.6rem)}.friends-work p:not(.eyebrow){margin-top:25px}.friends-work img{height:auto}.friends-join{background:var(--brown);color:var(--cream);padding:80px 7%;text-align:center}.friends-join>div{max-width:1000px;margin:auto}.friends-join h2 em{color:var(--ochre)}.friends-join p:not(.eyebrow){max-width:590px;margin:28px auto}.join-actions{display:flex;gap:35px;align-items:center;justify-content:center;flex-wrap:wrap;margin:35px 0}.bulletin-link{color:var(--cream);text-underline-offset:6px;font-size:.88rem}.bulletin-link small{display:block;font-size:.65rem;margin-top:10px}.join-contact{display:inline-block;font-size:.8rem;text-underline-offset:5px}@media(max-width:900px){.friends-story,.friends-work{grid-template-columns:1fr;gap:35px}.friends-intro{padding-bottom:35px}.friends-join{padding:60px 7%}}@media(max-width:560px){.back-link{margin-bottom:30px}.friends-intro h1{font-size:2.65rem}.join-actions{flex-direction:column;gap:28px}.join-actions .button{width:100%}}
/* Lisibilité ciblée du haut de page ; composition et photographie intégrale conservées. */
.friends-intro .eyebrow{font-size:.8rem;letter-spacing:.12em}
.friends-intro .back-link{font-size:.9rem}
.friends-intro blockquote{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.45}
.friends-photo figcaption{font-size:.8rem;line-height:1.6}
@media(max-width:560px){.friends-intro .eyebrow{font-size:.75rem}}