/* =========================================
   HORIZON — MUSÉE
   Fondations + fondateurs
   ========================================= */

.museum-foundations {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  border-top: 1px solid var(--museum-line);
  border-left: 1px solid var(--museum-line);
}

.museum-foundations article {
  min-height: 340px;
  padding: 25px;

  border-right: 1px solid var(--museum-line);
  border-bottom: 1px solid var(--museum-line);
}

.museum-foundations__code {
  color: var(--museum-accent);

  font-size: 0.65rem;
  font-weight: 900;
}

.museum-foundations__word {
  margin: 88px 0 16px;

  color: var(--museum-ink);

  font-family: var(--font-title);
  font-size: 2.6rem;
  line-height: 1;
}

.museum-foundations p {
  max-width: 330px;
  margin: 0;

  color: var(--museum-muted);

  font-size: 0.88rem;
  line-height: 1.7;
}

.museum-values {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  margin-top: 26px;
}

.museum-values span {
  padding: 8px 12px;

  border: 1px solid var(--museum-line);
  border-radius: 999px;

  color: var(--museum-ink);

  font-size: 0.7rem;
  font-weight: 850;
}

/* Fondateurs */

.museum-section--dark {
  background: #102b3d;
  color: #fff;
}

.museum-heading--light
.museum-heading__room {
  color: rgba(255, 255, 255, 0.36);
}

.museum-heading--light h2 {
  color: #fff;
}

.museum-heading--light p {
  color: rgba(255, 255, 255, 0.57);
}

.museum-founders {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  border-top:
    1px solid rgba(255, 255, 255, 0.13);
}

.museum-founders article {
  display: grid;

  grid-template-columns:
    100px minmax(0, 1fr);

  gap: 25px;

  min-height: 300px;
  padding: 28px;

  border-right:
    1px solid rgba(255, 255, 255, 0.13);

  border-bottom:
    1px solid rgba(255, 255, 255, 0.13);
}

.museum-founders article:last-child {
  border-right: 0;
}

.museum-founders__initials {
  color: rgba(255, 255, 255, 0.1);

  font-family: var(--font-title);
  font-size: 3.6rem;
  font-weight: 700;
}

.museum-founders small {
  color: var(--museum-accent);

  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.museum-founders h3 {
  margin: 60px 0 10px;

  color: #fff;

  font-family: var(--font-title);
  font-size: 2.2rem;
  line-height: 0.95;
}

.museum-founders p {
  max-width: 400px;
  margin: 0;

  color: rgba(255, 255, 255, 0.57);

  font-size: 0.86rem;
  line-height: 1.7;
}

.museum-dark-link {
  display: inline-flex;
  gap: 10px;

  margin-top: 26px;

  color: rgba(255, 255, 255, 0.8);

  font-size: 0.76rem;
  font-weight: 900;
}

.museum-dark-link span {
  color: var(--museum-accent);
}