section,
a {
  color: var(--particle-color);
  background: transparent;
}
/* Helpers */
.list {
  list-style: disc inside;
  background-color: #fff;
}
/* Hero */
.hero-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 6rem 2rem;
}
.hero-intro h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
}
/* Layout sections */
#about,
#mission,
#histoire,
#valeurs,
#team,
#tech,
#stats {
  padding: 4rem 0;
}
#histoire .timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
}
/* Logos */
#tech .tech-logos img {
  filter: grayscale(100%);
  transition: 0.3s;
}
#tech .tech-logos img:hover {
  filter: none;
  transform: scale(1.1);
}
/* About section */
#about p {
  line-height: 1.6;
  margin-bottom: 1.25rem;
}