/* TIMELINE */

#timeline {
  list-style: none;
}
#timeline li {
  position: relative;
  padding-bottom: 1rem;
}
#timeline li .panel {
  display: flex;
  gap: 1rem;
  align-items: start;
}
#timeline li .panel figure {
  width: 33%; flex-shrink: 0;
}
#timeline h3 {
  font-size: 1rem;
  line-height: 1.1rem;
  margin-bottom: 1rem;
}
#timeline p {
  font-size: .8rem;
  line-height: 1.1rem;
}

#timeline li::before {
  content: "";
  width: 1px; height: 100%;
  background-color: var(--violet_moyen);
  position: absolute;
  left: -2rem; top: 0px;
}
#timeline li::after {
  content: "";
  width: 21px; aspect-ratio: 1/1;
  border-radius: 100%;
  border: 5px solid var(--rouge_brique);
  background-color: var(--rose_base);
  position: absolute;
  left: calc(-2rem - 10px); top: -2px;
}
#timeline li:nth-child(even)::after {
  border: 5px solid var(--violet_nuit);
  background-color: var(--rose_base);
}




/* IMG TIMELINE */
#img-timeline-col {
  display: none;
}
#img-timeline figure {
   display: grid; place-items: center; gap: 1rem;
   margin-bottom: 3rem;
}
#img-timeline figure img {
  max-height: 40vh;
}
#img-timeline figcaption {
  font-family: "barlow", "hk_grotesk", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.1rem;
}



/* EQUIPE */

#equipe .col { width: 200px; }
#equipe .fill { padding-top: 0px; }
#equipe section.truncated_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}


#equipe section:not(.truncated_text) ~ button.more {
  display: none;
}
#equipe section.truncated_text ~ button.less {
  display: none;
}