/* FF_Galerie — infos.css */

    .entete { display:flex; flex-direction:row; justify-content:space-between; align-items:center; transform:translateY(0); transition:transform .4s ease; }
    .entete.cache { transform:translateY(-100%); }
    .pied { display:flex; flex-direction:column; align-items:center; gap:.1rem; }
    .signature-artiste { font-family:'Playfair Display',serif; font-size:3.5rem; background:linear-gradient(135deg,#c8a050 0%,#f0d080 50%,#c8a050 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; opacity:.85; line-height:1; margin-bottom:.2rem; letter-spacing:.05em; }

    /* ── Page infos ── */
    .infos-wrap {
      width: 100%;
      max-width: 640px;
      display: flex;
      flex-direction: column;
      gap: 3.5rem;
      margin-top: 2.2rem;
      text-align: left;
    }

    /* Section titre */
    .section-titre {
      font-family: 'Cinzel', serif;
      font-weight: 400;
      font-size: .65rem;
      letter-spacing: .38em;
      text-transform: uppercase;
      color: rgba(200,160,80,.5);
      margin-bottom: 1.4rem;
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    .section-titre::after {
      content: '';
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, rgba(200,160,80,.25), transparent);
    }

    /* Événement */
    .evenement {
      display: flex;
      gap: 1.4rem;
      align-items: flex-start;
      padding-bottom: 1.6rem;
      border-bottom: 1px solid rgba(255,255,255,.05);
    }
    .evenement:last-child { border-bottom: none; padding-bottom: 0; }
    .evt-date {
      flex-shrink: 0;
      width: 5rem;
      font-family: 'Cinzel', serif;
      font-size: .6rem;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: #c8a050;
      padding-top: .25rem;
      text-align: right;
      line-height: 1.6;
    }
    .evt-corps { flex: 1; }
    .evt-titre {
      font-family: 'Playfair Display', serif;
      font-size: 1.05rem;
      font-weight: 600;
      color: var(--text-clair, #e0d8cc);
      margin: 0 0 .3rem;
      line-height: 1.35;
    }
    .evt-lieu {
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      font-size: .78rem;
      letter-spacing: .1em;
      color: rgba(200,160,80,.55);
      margin-bottom: .55rem;
    }
    .evt-desc {
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      font-size: .85rem;
      line-height: 1.7;
      color: var(--text-doux, #888880);
      margin: 0 0 .6rem;
      white-space: pre-line;
    }
    .evt-lien {
      font-family: 'Cinzel', serif;
      font-size: .55rem;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: #c8a050;
      text-decoration: none;
      opacity: .7;
      transition: opacity .2s;
    }
    .evt-lien:hover { opacity: 1; }
    .evt-lien::after { content: ' ↗'; }

    /* Collègues */
    .collegues-liste {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    .collegue {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: .85rem 1.1rem;
      border: 1px solid rgba(255,255,255,.06);
      border-radius: 2px;
      background: rgba(255,255,255,.02);
      text-decoration: none;
      transition: background .2s, border-color .2s;
    }
    .collegue:hover { background: rgba(200,160,80,.05); border-color: rgba(200,160,80,.18); }
    .collegue-info { flex: 1; }
    .collegue-nom {
      font-family: 'Playfair Display', serif;
      font-size: .95rem;
      color: var(--text-clair, #e0d8cc);
      margin: 0 0 .2rem;
    }
    .collegue-desc {
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      font-size: .75rem;
      color: var(--text-doux, #888880);
      letter-spacing: .06em;
    }
    .collegue-type {
      font-family: 'Cinzel', serif;
      font-size: .5rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: rgba(200,160,80,.4);
      flex-shrink: 0;
    }

    /* Message vide */
    .vide {
      font-family: 'Playfair Display', serif;
      font-style: italic;
      font-size: .85rem;
      color: rgba(255,255,255,.18);
      text-align: center;
      padding: 1rem 0;
    }

    /* Responsive */
    @media (max-width: 540px) {
      .infos-wrap { gap: 2.8rem; }
      .evenement { flex-direction: column; gap: .4rem; }
      .evt-date { width: auto; text-align: left; padding-top: 0; }
      .collegue { padding: .75rem .9rem; }
    }