/* =============================================================================
   HISTORIQUE.CSS — Styles spécifiques à la page HISTORIQUE Y.C. Aligator Film
   ============================================================================= */

    body { background: #f0efe9; }

    /* ─── Layout ─── */
    .hist-wrap {
      max-width: 1100px;
      margin: 0 auto;
      padding: 6rem 2.5rem 8rem;
    }

    /* ─── Intro éditoriale ─── */
    .hist-intro {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
      align-items: start;
      margin-bottom: 6rem;
      padding-bottom: 6rem;
      border-bottom: 1px solid var(--lgrey);
    }

    .hist-intro-left h2 {
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      font-weight: 700;
      letter-spacing: -0.03em;
      margin-bottom: 1.8rem;
      line-height: 1.1;
    }

    .hist-intro-right p {
      font-size: 0.95rem;
      color: #3a3a3a;
      line-height: 1.8;
    }

    .hist-intro-right p em { font-style: italic; }

    /* ─── Fondateurs ─── */
    .hist-founders {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      margin-bottom: 6rem;
      padding-bottom: 6rem;
      border-bottom: 1px solid var(--lgrey);
    }

    .hist-founder {
      background: white;
      border: 1px solid var(--lgrey);
      padding: 2.5rem;
    }

    .hist-founder-initial {
      font-size: 5rem;
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 1;
      color: var(--lgrey);
      margin-bottom: 1.5rem;
    }

    .hist-founder-name {
      font-size: 1.2rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      margin-bottom: 0.3rem;
    }

    .hist-founder-role {
      font-size: 0.65rem;
      font-weight: 600;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--grey);
      margin-bottom: 1.5rem;
    }

    .hist-founder p {
      font-size: 0.88rem;
      color: #3a3a3a;
      line-height: 1.75;
    }

    .hist-founder p em { font-style: italic; }
    .hist-founder-picture {
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      margin-bottom: 1.5rem;
      display: block;
    }

    /* ─── Timeline ─── */
    .hist-timeline-label {
      font-size: 0.65rem;
      font-weight: 600;
      letter-spacing: 0.35em;
      text-transform: uppercase;
      color: var(--grey);
      margin-bottom: 3rem;
      display: flex;
      align-items: center;
      gap: 1rem;
    }

    .hist-timeline-label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--lgrey);
    }

    .hist-timeline {
      position: relative;
    }

    /* Ligne verticale */
    .hist-timeline::before {
      content: '';
      position: absolute;
      top: 0.6rem;
      left: 5.5rem;
      width: 1px;
      height: calc(100% - 1.2rem);
      background: var(--lgrey);
    }

    .hist-event {
      display: grid;
      grid-template-columns: 5rem 1fr;
      gap: 2.5rem;
      padding-bottom: 3rem;
      position: relative;
      scroll-margin-top: calc(var(--nav-height) + 2rem);
    }

    .hist-event:last-child { padding-bottom: 0; }

    .hist-event-year {
      font-size: 0.72rem;
      font-weight: 700;
      color: var(--black);
      letter-spacing: 0.05em;
      padding-top: 0.15rem;
      text-align: right;
      position: relative;
    }

    /* Punto sulla linea */
    .hist-event-year::after {
      content: '';
      position: absolute;
      top: 0.45rem;
      right: -1.55rem;
      width: 7px;
      height: 7px;
      background: var(--black);
      border-radius: 50%;
    }

    .hist-event-content { padding-top: 0; }

    .hist-event-title {
      font-size: 1.05rem;
      font-weight: 700;
      letter-spacing: -0.01em;
      margin-bottom: 0.4rem;
    }

    .hist-event-type {
      font-size: 0.62rem;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--grey);
      margin-bottom: 0.8rem;
    }

    .hist-event p {
      font-size: 0.88rem;
      color: #4a4a4a;
      line-height: 1.7;
      max-width: 56ch;
      margin-bottom: 0;
    }

    .hist-event p em { font-style: italic; }
    .hist-event-pictures {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.75rem;
      width: min(100%, 620px);
      margin-top: 1rem;
    }
    .hist-event-picture {
      width: min(100%, 420px);
      aspect-ratio: 16 / 9;
      object-fit: cover;
      display: block;
    }
    .hist-event-pictures .hist-event-picture:only-child { grid-column: 1 / -1; }

    /* Événement marquant */
    .hist-event--key .hist-event-year::after {
      width: 10px;
      height: 10px;
      top: 0.35rem;
      right: -1.7rem;
      background: var(--black);
    }

    .hist-event--key .hist-event-title {
      font-size: 1.2rem;
    }

    /* ─── Responsive ─── */
    @media (max-width: 768px) {
      .hist-wrap { padding: 4rem 1.5rem 6rem; }
      .hist-intro { grid-template-columns: 1fr; gap: 2.5rem; margin-bottom: 4rem; padding-bottom: 4rem; }
      .hist-founders { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 4rem; padding-bottom: 4rem; }
      .hist-event { grid-template-columns: 4rem 1fr; gap: 1.5rem; }
      .hist-timeline::before { left: 4.4rem; }
      .hist-event-pictures { grid-template-columns: 1fr; }
    }