/* LA VARIANTE NUIT DU BANC D'ESSAI — 2026-09-14.

   ⚠ CE FICHIER NE REMPLACE PAS projet-banc.css, IL SE CHARGE APRÈS LUI.
   C'est tout l'intérêt : un projet événementiel a EXACTEMENT la même mise en
   page que les autres, seules les couleurs changent, pour que le visiteur
   voie immédiatement qu'il a changé de famille.

   Une première version faisait une mise en page à part, photos bord à bord
   et peu de texte. Refusée par Jonas le 2026-09-14 : « on ne fait pas un
   site pour un événement, ça doit rester un projet, DA AIO, mise en page
   AIO, juste on met en noir ». Il avait raison : la page perdait le fil du
   projet et les vidéos avaient disparu avec. */

/* LE FOND COUVRE LA PAGE, pas le bandeau. Le bandeau fait 80 % de la largeur :
   peint sur lui, le noir s'arrêtait à ses bords et laissait deux bandes ivoire
   de chaque côté. La couleur appartient à la PAGE, la largeur au bandeau. */
body.page-nuit{background:var(--aio-ink,#101719)}
.projet-nuit{color:var(--aio-ivory,#f8f5ed)}

/* la colonne de gauche */
.projet-nuit .projet-fil .eyebrow{color:#8fa0a6}
.projet-nuit .projet-fil>p{color:#b9c6c9}
.projet-nuit .projet-fiche{border-top-color:#f8f5ed22}
.projet-nuit .projet-fiche dt{color:#8fa0a6}
.projet-nuit .projet-chiffres{border-top-color:#f8f5ed22}
.projet-nuit .projet-chiffres span{color:#a9b8bc}
.projet-nuit .button{background:var(--aio-ivory,#f8f5ed);color:var(--aio-ink,#101719);
  border-color:var(--aio-ivory,#f8f5ed)}
.projet-nuit .button:hover{background:var(--aio-orange,#ff7526);
  border-color:var(--aio-orange,#ff7526);color:var(--aio-ink,#101719)}

/* la colonne des écrans */
.projet-nuit .projet-ecrans p{color:#b9c6c9}
.projet-nuit .projet-ecrans figcaption{color:#8fa0a6}
.projet-nuit .projet-ecrans figure img{box-shadow:0 20px 55px #00000059}
.projet-nuit .projet-marque{background:var(--aio-orange,#ff7526);color:var(--aio-ink,#101719)}

/* la fin */
.projet-nuit .projet-fin p{color:#b9c6c9}
.projet-nuit .projet-fin blockquote{background:#f8f5ed0f;border-left-color:var(--aio-orange,#ff7526)}
.projet-nuit .projet-suite{border-top-color:#f8f5ed22}
.projet-nuit .projet-suite .eyebrow{color:#8fa0a6}
.projet-nuit .projet-suite a{color:var(--aio-ivory,#f8f5ed)}

/* la hiérarchie, en nuit */
.projet-nuit .projet-ouverture figcaption,
.projet-nuit .projet-duo figcaption{color:#8fa0a6}
.projet-nuit .projet-ouverture img,
.projet-nuit .projet-duo img{box-shadow:0 20px 55px #00000059}
.projet-nuit .projet-duo p{color:#b9c6c9}