/**
 * Notre équipe (page) — styles repris de la maquette « Équipe - MdM.html », scopés
 * sous « .equipe-page » pour n'impacter aucune autre page (plusieurs classes
 * — .wrap, .eyebrow — sont partagées avec d'autres gabarits).
 *
 * La STRUCTURE des cartes est celle de la maquette, à l'identique. Trois écarts
 * assumés, pour un rendu identique mais une feuille de style sans code mort :
 *
 *   • la maquette neutralise la bascule des portraits (.av:hover .av-inner →
 *     transform:none) tout en gardant les propriétés 3D qui la servaient
 *     (perspective, preserve-3d, backface-visibility, transition) : la carte n'a
 *     qu'une face, ces propriétés ne sont donc pas reprises ;
 *   • la grille large des directions sans photo arrive par la classe « plain » posée
 *     par le gabarit, là où la maquette utilise :has(.av.static). Une direction qui
 *     MÊLE portraits et cartes alternatives garde ainsi le format des portraits, ce
 *     que :has() ne permettait pas (voir mdm_equipe_is_plain) ;
 *   • sur une section à fond bleu clair, la carte alternative passe en blanc : la
 *     maquette lui donne le même bleu que le fond de section, où elle disparaît.
 */

.equipe-page {
  --eq-gutter: 26px;
  font-family: 'Open Sans', sans-serif;
  color: #1d1a55;
  background: #fff;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
.equipe-page h1,
.equipe-page h2,
.equipe-page h3 {
  margin: 0;
  font-weight: 400;
}
.equipe-page p {
  margin: 0;
}
.equipe-page a {
  text-decoration: none;
  color: inherit;
}
.equipe-page button {
  font-family: inherit;
  cursor: pointer;
}
.equipe-page .wrap {
  padding: 0 var(--eq-gutter);
}

/* Barre de progression de lecture (pilotée par assets/js/equipe.js). */
.equipe-page .eq-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background: #e9511c;
  z-index: 3000;
}

/* Étiquette inclinée réutilisée par le bandeau. */
.equipe-page .eyebrow {
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 22px;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 28px;
  line-height: normal;
  white-space: nowrap;
  color: #fff;
  background: #e9511c;
  border-radius: 5px;
  transform: rotate(-4.14deg);
}

/* Apparition à l'arrivée sur la page. */
@keyframes eq-rise {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.equipe-page .hr {
  animation: eq-rise .7s cubic-bezier(.22, .61, .36, 1) both;
}
.equipe-page .hr2 {
  animation-delay: .12s;
}

/* ===== BANDEAU ===== */
.equipe-page .eq9-hero {
  position: relative;
  overflow: hidden;
  padding: 80px 0 56px;
  text-align: center;
  background: #055da8;
}
.equipe-page .eq9-hero .eyebrow {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.equipe-page .eq9-hero-head {
  position: relative;
  margin-top: 33px;
}
.equipe-page .eq9-hero-eyebrow {
  position: absolute;
  top: -57px;
  left: 0;
  right: 0;
  z-index: 2;
}
.equipe-page .eq9-hero h1 {
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: clamp(48px, 7vw, 110px);
  line-height: .9;
  letter-spacing: -.01em;
  color: #fff;
}
.equipe-page .eq9-hero h1 .hl {
  color: #bddfec;
}
.equipe-page .eq9-hero .eq9-lead {
  max-width: 600px;
  margin: 22px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #dbe8f5;
  text-align: center;
}

/* ===== DIRECTIONS ===== */
.equipe-page .eq9-main {
  padding: 40px 0 48px;
}
.equipe-page .tsec {
  position: relative;
  padding: 48px 0;
  scroll-margin-top: 24px;
}
/* Une direction sur deux est posée sur un fond bleu très clair, pleine largeur.
   Le débordement se mesure sur le retrait de « .wrap » (le seul à couvrir), et NON
   en « 100vw » : une largeur de fenêtre comprend la barre de défilement, que le thème
   affiche en permanence (html : « overflow-y: scroll » + gouttière de 12px). La bande
   dépassait donc de 6px de chaque côté — d'où une barre de défilement horizontale
   permanente, identique à toutes les largeurs d'écran. */
.equipe-page .tsec.alt::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--eq-gutter) * -1);
  right: calc(var(--eq-gutter) * -1);
  background: #eef6fb;
  z-index: 0;
}
.equipe-page .tsec > * {
  position: relative;
  z-index: 1;
}
.equipe-page .tsec-head {
  max-width: 720px;
  margin: 0 auto 30px;
  text-align: center;
}
.equipe-page .tsec-title {
  margin-bottom: 10px;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: clamp(28px, 3.6vw, 46px);
  line-height: 1.02;
  letter-spacing: -.01em;
  color: #1d1a55;
}
.equipe-page .tsec-desc {
  font-size: 16px;
  line-height: 1.7;
  color: #8a90ad;
}

/* ===== CARTES MEMBRES ===== */
/* Grille des portraits ; « plain » = direction dont aucun membre n'a de photo :
   ses cartes affichent du texte, elles tiennent donc sur des colonnes larges. */
.equipe-page .avwall {
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  gap: 24px;
  justify-content: center;
}
/* Quatre colonnes larges au plus (comme la maquette), mais autant de colonnes que de
   cartes : une direction de deux personnes reste centrée au lieu de réserver quatre
   colonnes et de se coller à gauche. */
.equipe-page .avwall.plain {
  grid-template-columns: repeat(auto-fit, 260px);
  max-width: calc(4 * 260px + 3 * 24px);
  margin: 0 auto;
}
.equipe-page .av {
  width: 100%;
  text-align: center;
}

/* --- Carte AVEC photo --- */
.equipe-page .av-flip {
  position: relative;
  width: 100%;
  height: 250px;
  margin: 0 auto 14px;
}
.equipe-page .av-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.equipe-page .av-face {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
}
.equipe-page .av-front {
  background: #dceaf5;
}
.equipe-page .av-front img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Icône courriel posée sur le portrait. */
.equipe-page .av-mail-top {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .92);
  color: #055da8;
  transition: transform .25s;
}
.equipe-page .av-mail-top:hover {
  transform: translateY(-2px);
}
.equipe-page .av-mail-top svg,
.equipe-page .av-plain-mail svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 1.9;
  fill: none;
}
/* Bouton CTA posé en bas du portrait (affiché seulement si le lien est rempli). */
.equipe-page .av-cta {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 6px;
  background: #e9511c;
  color: #fff;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .04em;
  transition: background-color .25s;
}
.equipe-page .av-cta:hover,
.equipe-page .av-plain-cta:hover {
  background: #d1440f;
  color: #fff;
}
/* Cerclage du portrait : présent dans la maquette, sans effet au survol —
   conservé comme point d'accroche d'un éventuel état futur. */
.equipe-page .av-ring {
  position: absolute;
  inset: -4px;
  border-radius: 20px;
  border: 2px solid transparent;
  transition: border-color .3s;
  pointer-events: none;
}
.equipe-page .av-name {
  margin-bottom: 4px;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.05;
  color: #1d1a55;
}
.equipe-page .av-role {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #8a90ad;
}

/* --- Carte SANS photo : nom et fonction en texte, actions regroupées en bas --- */
/* height:100% — absent de la maquette : sans lui, deux cartes d'une même ligne dont
   les fonctions ne tiennent pas sur le même nombre de lignes n'ont pas la même
   hauteur. Les actions restent ainsi alignées d'une carte à l'autre. */
.equipe-page .av-plain {
  position: relative;
  display: grid;
  align-content: space-between;
  gap: 14px;
  width: 100%;
  height: 100%;
  padding: 20px 20px 20px 24px;
  border-radius: 5px;
  border-left: 5px solid #055da8;
  background: #eef6fb;
  text-align: left;
  overflow: hidden;
  transition: background-color .3s, border-color .3s;
}
.equipe-page .av-plain:hover {
  background: #dceaf5;
  border-left-color: #e9511c;
}
/* Sur une section à fond bleu clair, la carte reprend le blanc pour rester lisible. */
.equipe-page .tsec.alt .av-plain {
  background: #fff;
}
.equipe-page .tsec.alt .av-plain:hover {
  background: #dceaf5;
}
.equipe-page .av-plain-tx {
  min-width: 0;
}
.equipe-page .av-plain .av-name {
  margin-bottom: 5px;
  font-size: 18px;
}
.equipe-page .av-plain-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
}
.equipe-page .av-plain-mail {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #fff;
  color: #055da8;
  transition: background-color .25s, color .25s, transform .25s;
}
.equipe-page .av-plain-mail:hover {
  background: #055da8;
  color: #fff;
  transform: translateY(-2px);
}
.equipe-page .av-plain-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  border-radius: 6px;
  background: #e9511c;
  color: #fff;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .04em;
  transition: background-color .25s;
}

/* ===== BLOCS DE FIN ===== */
.equipe-page .eq9-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 20px 0 0;
}
.equipe-page .eq9-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 42px 40px;
  border-radius: 18px;
  color: #fff;
  transition: transform .35s cubic-bezier(.22, .61, .36, 1);
}
.equipe-page .eq9-card:hover {
  transform: translateY(-6px);
}
.equipe-page .eq9-card.a {
  background: #055da8;
}
.equipe-page .eq9-card.b {
  background: #00af9c;
}
.equipe-page .eq9-card .k {
  margin-bottom: 12px;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .09em;
}
.equipe-page .eq9-card.a .k {
  color: #bddfec;
}
.equipe-page .eq9-card.b .k {
  color: #e6fff9;
}
.equipe-page .eq9-card h3 {
  margin-bottom: 12px;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: .98;
  color: #fff;
}
.equipe-page .eq9-card p {
  max-width: 400px;
  margin-bottom: 26px;
  font-size: 15px;
  line-height: 1.6;
}
.equipe-page .eq9-card.a p {
  color: #dbe8f5;
}
.equipe-page .eq9-card.b p {
  color: #e6fff9;
}
.equipe-page .eq9-card-btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 14px 26px;
  border-radius: 6px;
  background: #fff;
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .03em;
  transition: background-color .3s, color .3s;
}
.equipe-page .eq9-card.a .eq9-card-btn {
  color: #055da8;
}
.equipe-page .eq9-card.b .eq9-card-btn {
  color: #00857a;
}
.equipe-page .eq9-card-btn img {
  width: 14px;
  transition: transform .3s;
}
.equipe-page .eq9-card-btn:hover img {
  transform: translateX(4px);
}

/* Indice de défilement des carrousels de membres (repris du carrousel « Agir avec
   nous » de l'accueil) : cercle bleu clignotant affiché sur mobile, effacé au premier
   défilement. Le positionnement se fait dans le bloc responsive. */
.equipe-page .avwall-wrap {
  position: relative;
}
.equipe-page .avwall-hint {
  display: none;
}
@keyframes eq-hint-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.15; }
}

/* ===== RESPONSIVE ===== */
@media (prefers-reduced-motion: reduce) {
  .equipe-page .hr,
  .equipe-page .avwall-hint {
    animation: none;
  }
}
/* Tablette et petit portable (601px → 1023px). La grille large est calibrée pour
   1112px (quatre colonnes de 260px + trois gouttières) : ses pistes en pixels fixes
   ne savent pas se réduire, elles ne peuvent que retirer des colonnes. Sous 700px
   une seule colonne de 260px tenait donc dans les ~534px disponibles, centrée entre
   deux gouttières vides — juste au-dessus du point de bascule où le carrousel mobile
   s'arrête. On rend les pistes élastiques sur cette plage seulement : le rendu ≥1024px
   reste celui de la maquette, au pixel près. */
@media (max-width: 1279px) {
  .equipe-page {
    --eq-gutter: 10px;
  }
  .equipe-page .eyebrow {
    font-size: 18px;
    line-height: 27px;
  }
  .equipe-page .eq9-hero-eyebrow {
    top: -40px;
  }
}

@media (max-width: 767px) {
  .equipe-page .eyebrow {
    font-size: 14px;
    line-height: 21px;
  }
  .equipe-page .eq9-hero-eyebrow {
    top: -35px;
  }
}

@media (min-width: 601px) and (max-width: 1023px) {
  /* Le plafond des pistes reste « 1fr » : « auto-fit » compte les colonnes d'après la
     borne HAUTE dès qu'elle est une longueur définie, si bien qu'un minmax(200px, 260px)
     ne ferait à nouveau tenir qu'une seule colonne dans les ~534px de 601px. La largeur
     de la maquette est donc plafonnée sur la CARTE, pas sur la piste — sans quoi une
     direction d'un seul membre étirerait la sienne sur toute la largeur de la section. */
  .equipe-page .avwall {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .equipe-page .avwall.plain {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    max-width: none;
  }
  .equipe-page .av {
    max-width: 200px;
    margin-inline: auto;
  }
  .equipe-page .avwall.plain .av {
    max-width: 260px;
  }
  /* Les portraits suivent désormais la largeur des pistes : on remplace leur hauteur
     fixe par le rapport de la maquette (200 × 250) pour garder le même cadrage. */
  .equipe-page .av-flip {
    height: auto;
    aspect-ratio: 200 / 250;
  }
  /* Blocs de fin : à deux colonnes sur cette plage, la carte tombe à ~260px de large.
     Les 40px de retrait de chaque côté n'y laissaient que 180px de texte. */
  .equipe-page .eq9-card {
    padding: 32px 24px;
  }
  .equipe-page .eq9-card-btn {
    padding: 13px 20px;
  }
}
@media (max-width: 600px) {
  .equipe-page .eq9-hero {
    padding: 56px 0 44px;
  }
  /* Indice de défilement : cercle bleu + chevron, à droite du carrousel. */
  .equipe-page .avwall-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 44px;
    height: 44px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #055da8;
    pointer-events: none;
    z-index: 2;
    transition: opacity 0.3s ease;
    animation: eq-hint-blink 1.1s ease-in-out infinite;
  }
  .equipe-page .avwall-wrap.is-scrolled .avwall-hint {
    opacity: 0;
    animation: none;
  }
  .equipe-page .avwall-wrap.no-hint .avwall-hint {
    display: none;
  }
  .equipe-page .avwall-hint::before {
    content: '';
    width: 11px;
    height: 11px;
    margin-left: -3px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }
  /* Cartes membres et blocs de fin : carrousel horizontal au doigt. */
  .equipe-page .avwall {
    display: flex;
    justify-content: flex-start; /* annule le centrage de la grille : le carrousel démarre à la 1re carte */
    grid-template-columns: none;
    gap: 14px;
    margin: 0 calc(var(--eq-gutter) * -1);
    padding: 0 var(--eq-gutter) 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: var(--eq-gutter);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  /* Le carrousel reprend la main sur la grille large (plus spécifique qu'elle). */
  .equipe-page .avwall.plain {
    grid-template-columns: none;
    max-width: none;
    margin: 0 calc(var(--eq-gutter) * -1);
  }
  .equipe-page .avwall::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .equipe-page .avwall::after {
    content: '';
    flex: 0 0 4px;
  }
  .equipe-page .av {
    flex: 0 0 62%;
    scroll-snap-align: start;
  }
  .equipe-page .av.static {
    flex: 0 0 82%;
  }
  /* Une direction d'un seul membre (la Direction générale) n'a rien à faire défiler :
     les marges automatiques absorbent l'espace libre et sa carte est centrée, au lieu
     de rester collée au bord gauche du carrousel. La cale de fin est retirée, sinon
     ses 4px décaleraient le centrage. */
  .equipe-page .avwall .av:only-child {
    margin-inline: auto;
  }
  .equipe-page .avwall:not(:has(.av + .av))::after {
    content: none;
  }
  .equipe-page .av-flip {
    height: 200px;
  }
  .equipe-page .eq9-cta {
    display: flex;
    grid-template-columns: none;
    gap: 14px;
    padding: 0 var(--eq-gutter) 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .equipe-page .eq9-cta::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  .equipe-page .eq9-card {
    flex: 0 0 86%;
    scroll-snap-align: start;
  }
}

/* ------------------------------------------------------------------ *
 * Offset du header. Le thème rend le <header> du site en position:fixed
 * (overlay). Sur ce gabarit — comme sur le Contact / la Politique de
 * confidentialité — on le remet dans le flux (sticky) pour que le
 * bandeau s'affiche SOUS lui.
 * ------------------------------------------------------------------ */
body.page-template-template-equipe header {
  position: sticky;
}

@media (min-width: 1700px) {
  .equipe-page {
    --eq-gutter: 1.8057vw;
  }
  .equipe-page .eq-progress {
    height: 0.2778vw;
  }
  .equipe-page .eyebrow {
    padding: 0.5556vw 1.1112vw;
    margin-bottom: 1.5279vw;
    font-size: 1.9446vw;
    border-radius: 0.3472vw;
  }
  .equipe-page .eq9-hero {
    padding: 5.5559vw 0 3.8891vw;
  }
  .equipe-page .eq9-hero-head {
    margin-top: 2.2918vw;
  }
  .equipe-page .eq9-hero-eyebrow {
    top: -3.9586vw;
  }
  .equipe-page .eq9-hero h1 {
    font-size: clamp(3.3335vw, 7vw, 7.6394vw);
  }
  .equipe-page .eq9-hero .eq9-lead {
    max-width: 41.6692vw;
    margin: 1.5279vw auto 0;
    font-size: 1.1112vw;
  }
  .equipe-page .eq9-main {
    padding: 2.7779vw 0 3.3335vw;
  }
  .equipe-page .tsec {
    padding: 3.3335vw 0;
    scroll-margin-top: 1.6668vw;
  }
  .equipe-page .tsec-head {
    max-width: 50.003vw;
    margin: 0 auto 2.0835vw;
  }
  .equipe-page .tsec-title {
    margin-bottom: 0.6945vw;
    font-size: clamp(1.9446vw, 3.6vw, 3.1946vw);
  }
  .equipe-page .tsec-desc {
    font-size: 1.1112vw;
  }
  .equipe-page .avwall {
    grid-template-columns: repeat(auto-fit, 13.8897vw);
    gap: 1.6668vw;
  }
  .equipe-page .avwall.plain {
    grid-template-columns: repeat(auto-fit, 18.0566vw);
    max-width: calc(4 * 18.0566vw + 3 * 1.6668vw);
  }
  .equipe-page .av-flip {
    height: 17.3622vw;
    margin: 0 auto 0.9723vw;
  }
  .equipe-page .av-face {
    border-radius: 1.1112vw;
  }
  .equipe-page .av-mail-top {
    top: 0.6945vw;
    right: 0.6945vw;
    width: 2.3613vw;
    height: 2.3613vw;
    border-radius: 0.625vw;
  }
  .equipe-page .av-mail-top:hover {
    transform: translateY(-0.1389vw);
  }
  .equipe-page .av-mail-top svg,
  .equipe-page .av-plain-mail svg {
    width: 1.1806vw;
    height: 1.1806vw;
  }
  .equipe-page .av-cta {
    left: 0.6945vw;
    right: 0.6945vw;
    bottom: 0.6945vw;
    gap: 0.5556vw;
    padding: 0.625vw 0.8334vw;
    border-radius: 0.4167vw;
    font-size: 0.9723vw;
  }
  .equipe-page .av-ring {
    inset: -0.2778vw;
    border-radius: 1.389vw;
    border: 0.1389vw solid transparent;
  }
  .equipe-page .av-name {
    margin-bottom: 0.2778vw;
    font-size: 1.1112vw;
  }
  .equipe-page .av-role {
    font-size: 0.9723vw;
  }
  .equipe-page .av-plain {
    gap: 0.9723vw;
    padding: 1.389vw 1.389vw 1.389vw 1.6668vw;
    border-radius: 0.3472vw;
    border-left: 0.3472vw solid #055da8;
  }
  .equipe-page .av-plain .av-name {
    margin-bottom: 0.3472vw;
    font-size: 1.2501vw;
  }
  .equipe-page .av-plain-actions {
    gap: 0.6945vw;
  }
  .equipe-page .av-plain-mail {
    width: 2.3613vw;
    height: 2.3613vw;
    border-radius: 0.625vw;
  }
  .equipe-page .av-plain-mail:hover {
    transform: translateY(-0.1389vw);
  }
  .equipe-page .av-plain-cta {
    padding: 0.625vw 1.1112vw;
    border-radius: 0.4167vw;
    font-size: 0.9723vw;
  }
  .equipe-page .eq9-cta {
    gap: 0.9723vw;
    margin: 1.389vw 0 0;
  }
  .equipe-page .eq9-card {
    padding: 2.9168vw 2.7779vw;
    border-radius: 1.2501vw;
  }
  .equipe-page .eq9-card:hover {
    transform: translateY(-0.4167vw);
  }
  .equipe-page .eq9-card .k {
    margin-bottom: 0.8334vw;
    font-size: 0.9723vw;
  }
  .equipe-page .eq9-card h3 {
    margin-bottom: 0.8334vw;
    font-size: clamp(1.6668vw, 2.6vw, 2.3613vw);
  }
  .equipe-page .eq9-card p {
    max-width: 27.7795vw;
    margin-bottom: 1.8057vw;
    font-size: 1.0417vw;
  }
  .equipe-page .eq9-card-btn {
    gap: 0.6945vw;
    padding: 0.9723vw 1.8057vw;
    border-radius: 0.4167vw;
    font-size: 0.9723vw;
  }
  .equipe-page .eq9-card-btn img {
    width: 0.9723vw;
  }
  .equipe-page .eq9-card-btn:hover img {
    transform: translateX(0.2778vw);
  }
}