
.member.mb-off{display:none!important}
.cw-noteam{display:none!important}
.avatar.mb-ini{border:0;background:linear-gradient(145deg,color-mix(in srgb,var(--mc) 70%,#fff),var(--mc));color:#fff;font-size:2.9rem;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 3px color-mix(in srgb,var(--mc) 35%,transparent)}
.speaks .mb-lang{font-size:.74rem;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:5px;background:var(--bg);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
/* l'équipe bouge : les personnages flottent, saluent au survol, et arrivent un par un */
@keyframes mbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes mbin{from{opacity:0;transform:translateY(24px) scale(.96)}}
@keyframes mbwave{0%,100%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}
@keyframes mbshine{from{transform:translateX(-120%) rotate(20deg)}to{transform:translateX(220%) rotate(20deg)}}
.member{animation:mbin .6s cubic-bezier(.2,.8,.3,1) both}
.member:nth-child(2){animation-delay:.08s}.member:nth-child(3){animation-delay:.16s}.member:nth-child(4){animation-delay:.24s}.member:nth-child(5){animation-delay:.32s}.member:nth-child(n+6){animation-delay:.4s}
.member .avatar{animation:mbfloat 4.2s ease-in-out infinite}
.member:nth-child(2n) .avatar{animation-duration:4.8s;animation-delay:-1.2s}
.member:nth-child(3n) .avatar{animation-duration:5.4s;animation-delay:-2.4s}
.member:hover .avatar{animation:mbwave .9s ease-in-out}
.member .avatar::after{content:"";position:absolute;top:-20%;left:0;width:40%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-120%) rotate(20deg);pointer-events:none}
.member:hover .avatar::after{animation:mbshine .9s ease}
.member .skills span{transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.member:hover .skills span{transform:translateY(-2px)}
.member:hover .skills span:nth-child(2){transition-delay:.04s}.member:hover .skills span:nth-child(3){transition-delay:.08s}.member:hover .skills span:nth-child(4){transition-delay:.12s}

/* « En savoir plus » : la petite histoire de chaque équipier */
.member .skills{margin-bottom:16px}
.mb-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:9px 16px 9px 18px;font:inherit;font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--sc,#e0137a),color-mix(in srgb,var(--sc,#e0137a) 55%,#14151a));box-shadow:0 10px 24px -14px var(--sc,#e0137a);cursor:pointer;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.2,1.4,.4,1),box-shadow .2s}
.mb-more i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);font-style:normal;transition:transform .25s}
.mb-more:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px var(--sc,#e0137a)}.mb-more:hover i{transform:translateX(3px)}
.mb-more::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-110%);animation:mbMoreSh 4.5s ease-in-out infinite}
@keyframes mbMoreSh{0%,70%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
.mbs{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:20px;background:rgba(8,9,12,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.mbs[hidden]{display:none}.mbs.on{opacity:1}
.mbs-c{position:relative;width:min(640px,100%);max-height:min(88vh,860px);overflow:auto;overscroll-behavior:contain;background:var(--surface,#1b1c22);color:var(--ink);border-radius:26px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6),0 0 0 1px var(--line);transform:translateY(26px) scale(.96);transition:transform .45s cubic-bezier(.2,1.2,.3,1)}
.mbs.on .mbs-c{transform:none}
.mbs-hd{position:relative;padding:30px 28px 22px;display:flex;gap:20px;align-items:center;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--sc) 38%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--sc) 18%,var(--surface,#1b1c22)),var(--surface,#1b1c22));overflow:hidden}
.mbs-hd::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#1fa6dc 0 25%,#e0137a 25% 50%,#ffd400 50% 75%,#14151a 75%)}
.mbs-hd::after{content:attr(data-big);position:absolute;right:-6px;bottom:-34px;font:900 9rem/1 var(--fd,inherit);letter-spacing:-.04em;color:var(--sc);opacity:.12;pointer-events:none;white-space:nowrap}
.mbs-av{flex:0 0 auto;width:112px;height:112px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px var(--surface,#1b1c22),0 0 0 7px var(--sc);animation:mbsPop .6s .1s cubic-bezier(.2,1.5,.4,1) both;position:relative;z-index:1}
.mbs-av svg{width:100%;height:100%;display:block}
@keyframes mbsPop{from{transform:scale(.4) rotate(-12deg);opacity:0}}
.mbs-id{position:relative;z-index:1;min-width:0}
.mbs-role{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sc);margin-bottom:4px}
.mbs-id h3{margin:0;font-size:1.6rem;line-height:1.1}
.mbs-tag{margin:8px 0 0;font-weight:800;font-size:1.12rem;line-height:1.25;background:linear-gradient(90deg,var(--ink),var(--sc));-webkit-background-clip:text;background-clip:text;color:transparent}
.mbs-x{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer;transition:transform .2s,background .2s}
.mbs-x:hover{transform:rotate(90deg);background:color-mix(in srgb,var(--ink) 18%,transparent)}
.mbs-bd{padding:6px 28px 28px}
.mbs-bdg{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.mbs-bdg span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:12px;font-weight:800;font-size:.86rem;background:color-mix(in srgb,var(--sc) 14%,transparent);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 40%,transparent);opacity:0;animation:mbsUp .45s cubic-bezier(.2,1,.3,1) forwards}
.mbs-bdg span b{font-size:1.15rem;color:var(--sc)}
.mbs-bdg span:nth-child(1){animation-delay:.2s}.mbs-bdg span:nth-child(2){animation-delay:.28s}.mbs-bdg span:nth-child(3){animation-delay:.36s}.mbs-bdg span:nth-child(4){animation-delay:.44s}
@keyframes mbsUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mbs-st p{margin:0 0 12px;line-height:1.65;color:var(--muted,inherit);opacity:0;animation:mbsUp .5s cubic-bezier(.2,1,.3,1) forwards}
.mbs-st p:nth-child(1){animation-delay:.3s}.mbs-st p:nth-child(2){animation-delay:.38s}.mbs-st p:nth-child(3){animation-delay:.46s}
.mbs-st p:first-child::first-letter{float:left;font-size:3.1em;line-height:.9;font-weight:900;margin:4px 8px 0 0;color:var(--sc)}
.mbs-q{margin:18px 0 0;padding:16px 18px 16px 52px;border-radius:16px;position:relative;font-weight:800;font-size:1.05rem;line-height:1.4;background:color-mix(in srgb,var(--sc) 10%,transparent);opacity:0;animation:mbsUp .5s .55s cubic-bezier(.2,1,.3,1) forwards}
.mbs-q::before{content:"\2726";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.6rem;line-height:1;color:var(--sc)}
.mbs-sk{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.mbs-sk span{font-size:.8rem;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--bg);box-shadow:0 0 0 1px var(--line)}
@media (max-width:600px){.mbs{place-items:end center;padding:0}.mbs-c{width:100%;max-height:92vh;border-radius:24px 24px 0 0;transform:translateY(100%)}.mbs-hd{padding:26px 20px 18px;gap:14px}.mbs-av{width:84px;height:84px}.mbs-id h3{font-size:1.3rem}.mbs-tag{font-size:1rem}.mbs-bd{padding:4px 20px calc(24px + env(safe-area-inset-bottom,0px))}.mbs-hd::after{font-size:6rem;bottom:-22px}}
@media (prefers-reduced-motion:reduce) and (max-width:0px){.mb-more::after,.mbs-av,.mbs-bdg span,.mbs-st p,.mbs-q{animation:none;opacity:1}.mbs-c{transition:none}}
