/* Bande de formateurs en mouvement (commun/bande-equipe.js), accueil et institut. */
/* bande du haut de page : deux colonnes en mouvement continu */
.eqh{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:540px;width:100%;max-width:440px;margin-left:auto;overflow:hidden;opacity:0;transition:opacity .6s;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.eqh.pret{opacity:1}
.eqh-piste{display:flex;flex-direction:column;gap:14px;animation:eqh-monte var(--duree,40s) linear infinite;will-change:transform}
.eqh-piste.descend{animation-name:eqh-descend}
.eqh:hover .eqh-piste{animation-play-state:paused}
@keyframes eqh-monte{to{transform:translateY(calc(-50% - 7px))}}
@keyframes eqh-descend{from{transform:translateY(calc(-50% - 7px))}to{transform:none}}
.eqh-c{position:relative;display:block;flex:none;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#1C1C22;box-shadow:0 0 0 1px rgba(236,202,53,.22);text-decoration:none;transition:box-shadow .25s}
.eqh-c:hover{box-shadow:0 0 0 2px var(--j)}
.eqh-c img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.eqh-c::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,15,18,.88),transparent 42%)}
.eqh-c b{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;font:800 16px 'Montserrat',sans-serif}

@media (max-width:983px){
  .eqh{grid-template-columns:none;grid-auto-flow:row;grid-template-rows:1fr 1fr;height:auto;max-width:none;margin:30px 0 0;gap:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .eqh-piste{flex-direction:row;gap:10px;width:max-content;animation-name:eqh-gauche}
  .eqh-piste.descend{animation-name:eqh-droite}
  @keyframes eqh-gauche{to{transform:translateX(calc(-50% - 5px))}}
  @keyframes eqh-droite{from{transform:translateX(calc(-50% - 5px))}to{transform:none}}
  .eqh-c{width:112px;border-radius:14px}
  .eqh-c b{left:9px;bottom:8px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.eqh-piste{animation:none}}
/* étiquette posée sur la bande (accueil) : dit tout de suite qui sont ces personnes */
.eqh-cadre{position:relative;width:100%;max-width:440px;margin-left:auto}
.eqh-titre{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:10px 12px 10px 14px;border-radius:20px;background:rgba(15,15,18,.58);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 18px 40px -14px rgba(0,0,0,.75);color:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s}
.eqh-titre:hover{transform:translateX(-50%) translateY(-3px);box-shadow:inset 0 0 0 1px rgba(236,202,53,.6),0 22px 44px -14px rgba(0,0,0,.8)}
.eqh-visages{display:flex;flex:none}
.eqh-visages i{display:grid;place-items:center;width:34px;height:34px;margin-left:-10px;border-radius:50%;background-color:#26262E;background-size:230%;background-position:50% 16%;background-repeat:no-repeat;box-shadow:0 0 0 2px #17171B;font:800 11px 'Montserrat',sans-serif;font-style:normal;color:#ECCA35}
.eqh-visages i:first-child{margin-left:0}
.eqh-mots{display:flex;flex-direction:column;line-height:1.25;white-space:nowrap}
.eqh-mots b{font:800 14.5px 'Montserrat',sans-serif;letter-spacing:-.01em}
.eqh-mots small{color:#C9C8D1;font:500 12px Inter,sans-serif}
.eqh-fl{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#ECCA35;color:#0F0F12;font:800 15px 'Montserrat',sans-serif;transition:transform .25s}
.eqh-titre:hover .eqh-fl{transform:translateX(2px)}
.eqh-c small{display:block;margin-top:2px;color:#D6D5DD;font:500 11.5px/1.25 Inter,sans-serif}
@media (max-width:983px){.eqh-c small{display:none}}