/* ================================================================
   FOOTER — pied de page
   ================================================================ */

.pied {
  background-color: #0F0E0C;
  color: #FFFFFF;
  padding: var(--espace-xxl) var(--padding-cote) var(--espace-l);

  display: flex;
  flex-direction: column;
  gap: var(--espace-xl);
}

/* ---- Bloc haut : nom + rôle ---- */

.pied__haut {
  display: flex;
  flex-direction: column;
  gap: var(--espace-s);
}

.pied__nom {
  font-family: var(--typo-titre);
  font-weight: 700;
  font-variation-settings: 'opsz' 144, 'SOFT' 0, 'WONK' 0;
  font-size: clamp(60px, 9vw, 160px);
  line-height: 0.85;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  text-decoration: none;

  transition: color var(--duree-courte) var(--ease-doux);
}

.pied__nom:hover {
  color: var(--couleur-accent);
}

.pied__role {
  font-family: var(--typo-corps);
  font-size: var(--taille-xs);
  font-variation-settings: 'wght' 500, 'wdth' 100;
  letter-spacing: 0.01em;
  text-transform: none;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}


/* ---- Liens contact ---- */

.pied__liens {
  display: flex;
  flex-wrap: wrap;
  gap: var(--espace-l);

  padding-top: var(--espace-l);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.pied__lien {
  font-family: var(--typo-corps);
  font-size: var(--taille-m);
  font-variation-settings: 'wght' 500, 'wdth' 100;
  color: #FFFFFF;
  text-decoration: none;

  display: inline-flex;
  align-items: center;
  gap: var(--espace-xs);
  transition: color var(--duree-courte) var(--ease-doux);
}

.pied__lien:hover {
  color: var(--couleur-accent);
}


/* ---- Bas : copyright + mention ---- */

.pied__bas {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--espace-s);

  padding-top: var(--espace-m);
  border-top: 1px solid rgba(255, 255, 255, 0.15);

  font-family: var(--typo-corps);
  font-size: var(--taille-xs);
  font-variation-settings: 'wght' 400, 'wdth' 100;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.5);
}


@media (max-width: 640px) {
  .pied__liens {
    flex-direction: column;
    gap: var(--espace-s);
  }
}


/* ================================================================
   OVERRIDES GLOBAUX — baselines en Google Sans Flex (pas Fraunces)
   Vincent a trouvé que les descriptions sous les titres étaient trop
   présentes en italique Fraunces. On les passe en corps sans-serif,
   plus discret et éditorial.
   ================================================================ */

.ami__baseline, .bm__baseline, .mg__baseline, .bd__baseline,
.cp__baseline, .ca__baseline, .pg__baseline, .cag__baseline,
.sf__baseline, .cdo__baseline, .ns__baseline, .ct__baseline {
  font-family: var(--typo-corps) !important;
  font-style: normal !important;
  font-variation-settings: 'wght' 400, 'wdth' 100 !important;
  font-size: var(--taille-base) !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  color: var(--couleur-texte-doux) !important;
}

/* Sur fond sombre (hero overlay), on garde un contraste suffisant. */
.cp__hero .cp__baseline,
.bd__hero .bd__baseline,
.ns__hero .ns__baseline,
.pg__hero .pg__baseline,
.cdo__hero .cdo__baseline,
.cag__hero .cag__baseline {
  color: rgba(255,255,255,0.85) !important;
}