/* ABOUT — préserver le pliage historique, avec une lecture simple sans JS
   et lorsque l'utilisateur demande de réduire les animations. */
.about-page { background: black; }
.about-page:not(.fold-ready) #about { position: relative; width: 100%; }
.about-page:not(.fold-ready) #base-content { display: block; max-width: 900px; padding: 35px 24px; margin: auto; }
.about-page:not(.fold-ready) .content__type { font-size: clamp(22px, 4vw, 56px); }
.about-page:not(.fold-ready) #fold-wrapper { display: none; }
.about-page a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
/* Le texte source reste accessible aux lecteurs d'écran lorsque les copies
   visuelles du pliage sont actives. */
.about-page.fold-ready #base-content { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1000px) {
  .about-page .content__type { text-align: center; }
}