:root{
      --black:#050505; --surface:#0c0c0d; --card:#111113; --line:rgba(255,255,255,.09);
      --white:#f7f7f4; --muted:rgba(255,255,255,.66); --soft:rgba(255,255,255,.42);
      --red:#d41920; --red2:#f0333b;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'DM Sans',system-ui,sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}
    a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.92rem 1.25rem;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s}.btn-red{background:var(--red);border-color:var(--red);color:#fff}.btn-red:hover{background:var(--red2);transform:translateY(-2px)}.btn-dark{background:rgba(0,0,0,.42);backdrop-filter:blur(8px)}.btn-dark:hover{border-color:rgba(255,255,255,.25)}.btn-yellow{background:rgba(255,210,74,.14);border-color:rgba(255,210,74,.62);color:#ffe8a1;backdrop-filter:blur(8px)}.btn-yellow:hover{background:rgba(255,210,74,.22);border-color:rgba(255,220,110,.84);transform:translateY(-2px)}.btn-yellow-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;line-height:1.1;text-align:center;padding:1rem 1.25rem}.btn-yellow-stack .btn-main{display:block}.btn-yellow-stack .btn-sub{display:block;font-size:.58rem;letter-spacing:.06em;text-transform:none;color:rgba(255,248,214,.92);font-weight:700}.btn-green{background:rgba(74,201,118,.14);border-color:rgba(74,201,118,.58);color:#b9f3cb;backdrop-filter:blur(8px)}.btn-green:hover{background:rgba(74,201,118,.22);border-color:rgba(100,225,142,.8);transform:translateY(-2px)}
    nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.05rem 0;background:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,0));transition:.25s}nav.scrolled{background:rgba(5,5,5,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.8rem}.brand-empty{width:1px;height:1px;overflow:hidden}.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(0,0,0,.35))}.brand-text{font-family:'Bebas Neue';font-size:1.25rem;letter-spacing:.07em}.brand-text span{color:var(--red2)}.nav-links{display:flex;align-items:center;gap:1.2rem}.nav-links a{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.nav-links a:hover{color:#fff}.nav-contact,.nav-video-logo-link,.nav-staff-logo-link{padding:0!important;border:0!important;border-radius:999px;color:#fff!important;background:transparent!important;display:inline-flex;align-items:center;justify-content:center;line-height:0}.nav-contact-logo,.nav-video-logo,.nav-staff-logo{width:74px;height:74px;display:block;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.35));transition:transform .22s ease,filter .22s ease}.nav-contact:hover .nav-contact-logo,.nav-video-logo-link:hover .nav-video-logo,.nav-staff-logo-link:hover .nav-staff-logo{transform:translateY(-1px) scale(1.035);filter:drop-shadow(0 18px 36px rgba(0,0,0,.45))}.hero-contact-logo-btn{display:flex;align-items:center;justify-content:center;min-height:56px;border:0!important;background:transparent!important;border-radius:18px;line-height:0;padding:0!important;box-shadow:none!important;overflow:visible!important}.hero-contact-logo-btn::before,.hero-contact-logo-btn::after{display:none!important}.hero-contact-logo-main{width:88px;height:88px;object-fit:contain;display:block;filter:drop-shadow(0 16px 32px rgba(0,0,0,.38));transition:transform .22s ease,filter .22s ease}.hero-contact-logo-btn:hover .hero-contact-logo-main{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 20px 42px rgba(0,0,0,.48))}
    .hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;opacity:.5}.hero-video video{width:100%;height:100%;object-fit:cover}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 16% 22%,rgba(212,25,32,.16),transparent 28%),linear-gradient(92deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 42%,rgba(0,0,0,.42) 72%,rgba(0,0,0,.24) 100%),linear-gradient(0deg,#050505,transparent 34%)}.hero-brand-floating{position:absolute;z-index:3;top:5.05rem;left:clamp(16px,2.8vw,32px)}.hero-brand-panel{display:flex;align-items:center;gap:.58rem;padding:.38rem .54rem .38rem .38rem;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(8,8,8,.16);backdrop-filter:blur(4px);box-shadow:0 4px 10px rgba(0,0,0,.06)}.hero-logo-card{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center}.hero-logo{width:68px;height:68px;display:block;object-fit:contain;filter:none}.hero-brand-divider{width:1px;align-self:stretch;background:rgba(255,255,255,.06)}.hero-affiliation{display:flex;align-items:center;gap:.42rem}.fecafoot-logo{width:24px;height:24px;object-fit:contain;flex:0 0 auto;filter:none}.hero-affiliation-text{display:flex;flex-direction:column;gap:.03rem}.hero-affiliation-text strong{display:block;font-size:.43rem;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:800}.hero-affiliation-text span{display:block;color:#fff;font-size:.68rem;letter-spacing:.03em;line-height:1.02;font-weight:700}.hero-content{position:relative;z-index:2;padding-top:3.85rem;max-width:980px}.hero-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-actions{display:grid;grid-template-columns:230px 320px 210px;gap:.82rem;align-items:stretch}.hero-actions .btn{position:relative;isolation:isolate;min-height:56px;padding:.72rem 1rem;border-radius:14px;border-width:1px;letter-spacing:.08em;box-shadow:0 10px 22px rgba(0,0,0,.15);overflow:hidden}.hero-actions .btn::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));opacity:.9;pointer-events:none}.hero-actions .btn::after{content:'';position:absolute;inset:auto -30% -72% auto;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,0) 70%);pointer-events:none}.hero-actions .btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.2)}.hero-actions .btn-red{background:linear-gradient(135deg,rgba(212,25,32,.93),rgba(142,10,15,.88));border-color:rgba(255,255,255,.12);color:#fff}.hero-actions .btn-red:hover{background:linear-gradient(135deg,rgba(222,40,47,.95),rgba(154,14,19,.9))}.hero-actions .btn-yellow{background:linear-gradient(135deg,rgba(18,18,18,.82),rgba(10,10,10,.62));border-color:rgba(255,216,112,.50);color:#f6df97;box-shadow:0 12px 26px rgba(0,0,0,.18)}.hero-actions .btn-yellow:hover{background:linear-gradient(135deg,rgba(24,24,24,.88),rgba(12,12,12,.7));border-color:rgba(255,224,138,.72)}.hero-actions .btn-green{background:linear-gradient(135deg,rgba(18,18,18,.82),rgba(10,10,10,.62));border-color:rgba(113,222,149,.42);color:#c6f0d0;box-shadow:0 12px 26px rgba(0,0,0,.18)}.hero-actions .btn-green:hover{background:linear-gradient(135deg,rgba(24,24,24,.88),rgba(12,12,12,.7));border-color:rgba(140,238,172,.64)}.btn-yellow-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.16rem;line-height:1.02;text-align:center;padding:.78rem 1.05rem}.btn-yellow-stack .btn-main{display:block;font-size:.72rem}.btn-yellow-stack .btn-sub{display:block;font-size:.5rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(246,223,151,.92);font-weight:800;max-width:250px;text-align:center}.hero-audio-row{position:absolute;z-index:5;right:clamp(18px,3vw,42px);bottom:clamp(18px,4vh,42px);display:flex;align-items:center;justify-content:center;margin:0;pointer-events:auto}.hero-sound-btn{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.10);color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.38);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;cursor:pointer;backdrop-filter:blur(4px)}.hero-sound-btn:hover{transform:translateY(-2px) scale(1.055);filter:brightness(1.08);box-shadow:0 18px 42px rgba(0,0,0,.46)}.hero-sound-btn.is-active{filter:brightness(1.14);box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.12)}.hero-sound-icon{width:58px;height:58px;display:block;object-fit:contain;pointer-events:none}.hero-sound-note{display:none}.hero-points,.point{display:none !important}
    section{padding:6rem 0}.section-head{text-align:center;margin-bottom:2.6rem}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--red2);font-weight:900;margin-bottom:.65rem}.section-title{font-family:'Bebas Neue';font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:.9;letter-spacing:.03em}.section-copy{max-width:620px;margin:.85rem auto 0;color:var(--muted);line-height:1.7}.proof-strip{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.league{font-size:.72rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.03)}
    .players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.9rem}.player-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:.28s}.player-card.featured{grid-column:auto}.player-card:hover{transform:translateY(-4px);border-color:rgba(212,25,32,.22);box-shadow:0 18px 40px rgba(0,0,0,.28)}.player-photo{appearance:none;-webkit-appearance:none;width:100%;padding:0;border:0;aspect-ratio:1/1;background:#0d0d0d;position:relative;display:block;cursor:zoom-in;overflow:hidden}.player-photo:after{content:'';position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);pointer-events:none}.player-photo-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.player-card:hover .player-photo-img{transform:scale(1.025)}.player-no{position:absolute;right:.7rem;top:.65rem;font-family:'Bebas Neue';font-size:2.25rem;letter-spacing:.02em;color:rgba(255,255,255,.08);z-index:2;pointer-events:none}.player-info{padding:.9rem .9rem .95rem}.player-info h3{font-family:'Bebas Neue';font-size:1.24rem;letter-spacing:.06em;line-height:1.02;margin:0 0 .22rem}.role{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:#d8a66a;font-weight:800;margin:.12rem 0 .75rem}.tags{display:flex;flex-wrap:wrap;gap:.32rem}.tag{font-size:.62rem;letter-spacing:.03em;color:rgba(255,255,255,.72);padding:.24rem .48rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}@media (min-width:900px){.players-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:.85rem}.player-info h3{font-size:1.18rem}.player-photo{aspect-ratio:.96/1}}body.no-scroll{overflow:hidden}.lightbox{position:fixed;inset:0;background:rgba(5,8,12,.92);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,40px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:140}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox-shell{width:min(1120px,100%);display:flex;flex-direction:column;align-items:center;gap:.9rem}.lightbox-viewport{width:100%;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:82vh;object-fit:contain;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.55);background:#040506}.lightbox-caption{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.64);text-align:center}.lightbox-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font-size:1.45rem;line-height:1;cursor:pointer;display:grid;place-items:center}
    @media(max-width:960px){.hero-brand-floating{top:4.95rem;left:18px}.hero-brand-panel{padding:.36rem .48rem .36rem .36rem;gap:.48rem;border-radius:10px}.hero-logo-card{width:62px;height:62px;flex-basis:62px}.hero-logo{width:62px;height:62px}.fecafoot-logo{width:22px;height:22px}.hero-affiliation-text strong{font-size:.4rem;letter-spacing:.16em}.hero-affiliation-text span{font-size:.64rem}.hero-content{padding-top:7.2rem;max-width:820px}.hero-actions{grid-template-columns:1fr 1.2fr 1fr;gap:.7rem}.hero-actions .btn{min-height:54px;padding:.72rem .92rem}.players-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr}.contact-links{justify-content:flex-start}.nav-links{display:none}}
    @media(max-width:560px){.container{width:min(100% - 24px,1180px)}section{padding:4.5rem 0}.players-grid,.staff-wrap{grid-template-columns:1fr}.brand-logo{width:44px;height:44px}.brand-text{font-size:1rem}.hero-brand-floating{top:4.65rem;left:12px;right:auto;max-width:calc(100vw - 24px)}.hero-brand-panel{width:max-content;max-width:100%;gap:.38rem;padding:.3rem .38rem .3rem .3rem;border-radius:9px}.hero-logo-card{width:50px;height:50px;flex-basis:50px}.hero-logo{width:50px;height:50px}.fecafoot-logo{width:20px;height:20px}.hero-affiliation-text strong{font-size:.36rem;letter-spacing:.12em}.hero-affiliation-text span{font-size:.58rem;line-height:1.0}.hero-content{padding-top:8.7rem;max-width:none}.hero-actions{width:100%;display:flex;flex-direction:column;gap:.68rem}.hero-actions .btn{width:100%;min-width:0;min-height:56px;padding:.72rem .9rem;border-radius:13px}.btn-yellow-stack .btn-main{font-size:.7rem}.btn-yellow-stack .btn-sub{font-size:.48rem;max-width:none}.hero-audio-row{right:14px;bottom:14px;width:auto;flex-direction:row;align-items:center;gap:0;margin:0}.hero-sound-btn{width:52px;height:52px;justify-content:center}.hero-sound-icon{width:52px;height:52px}.hero-sound-note{display:none}.contact-panel{padding:1.25rem;border-radius:18px}.contact-panel h2{font-size:2.35rem}.lightbox-close{top:12px;right:12px}}
body.theme-hybride #joueurs{background:linear-gradient(180deg,#07090b 0%,#0a0d10 100%)}
body.theme-hybride #joueurs .container{width:min(1200px,calc(100% - 40px))}
body.theme-hybride #joueurs .section-head{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
body.theme-hybride #joueurs .kicker{font-size:.68rem;letter-spacing:.22em;color:#c8a36b;margin-bottom:.7rem}
body.theme-hybride #joueurs .proof-strip{justify-content:flex-start;gap:.42rem;margin-top:.2rem}
body.theme-hybride #joueurs .league{font-size:.64rem;padding:.36rem .56rem;color:rgba(255,255,255,.72);background:rgba(255,255,255,.025);border:1px solid rgba(200,163,107,.14)}
body.theme-hybride #joueurs .players-grid{grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:.88rem}
body.theme-hybride #joueurs .player-card{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.16)}
body.theme-hybride #joueurs .player-card:hover{transform:translateY(-3px);border-color:rgba(200,163,107,.22);box-shadow:0 16px 34px rgba(0,0,0,.22)}
body.theme-hybride #joueurs .player-photo:after{height:41%;background:linear-gradient(to top,rgba(0,0,0,.72),transparent)}
body.theme-hybride #joueurs .player-no{font-size:2.12rem;right:.68rem;top:.64rem;color:rgba(255,255,255,.08)}
body.theme-hybride #joueurs .player-info{padding:.88rem .88rem .94rem}
body.theme-hybride #joueurs .player-info h3{font-family:'DM Sans',system-ui,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.12;margin:0 0 .24rem;color:#f7f7f7}
body.theme-hybride #joueurs .role{font-size:.58rem;letter-spacing:.18em;color:#c8a36b;font-weight:800;margin:.08rem 0 .68rem}
body.theme-hybride #joueurs .tags{gap:.3rem}
body.theme-hybride #joueurs .tag{font-size:.58rem;letter-spacing:.03em;padding:.22rem .42rem;color:rgba(255,255,255,.7);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}
body.theme-hybride .lightbox-caption{letter-spacing:.14em;color:rgba(255,255,255,.72)}
@media(max-width:560px){body.theme-hybride #joueurs .container{width:min(100% - 24px,1200px)} body.theme-hybride #joueurs .section-head{align-items:center;text-align:center} body.theme-hybride #joueurs .proof-strip{justify-content:center}}
body.theme-hybride #joueurs .players-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.86rem}
body.theme-hybride #joueurs .player-info h3{font-size:.96rem;letter-spacing:.11em}
body.theme-hybride #joueurs .role{font-size:.56rem;letter-spacing:.17em;margin-bottom:.62rem}
body.theme-hybride #joueurs .tag{font-size:.56rem;padding:.2rem .4rem;line-height:1.15}
body.theme-hybride #joueurs .player-info{padding:.84rem .84rem .9rem}
body.theme-hybride #joueurs .player-no{font-size:2rem}
.staff-wrap.players-grid{grid-template-columns:repeat(3,210px);gap:.86rem;max-width:646px;margin:0 auto;justify-content:center}
body.theme-hybride #staff .staff-wrap.players-grid{grid-template-columns:repeat(3,210px);gap:.86rem;max-width:646px;justify-content:center}
body.theme-hybride #staff .player-card{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.16)}
body.theme-hybride #staff .player-card:hover{transform:translateY(-3px);border-color:rgba(200,163,107,.22);box-shadow:0 16px 34px rgba(0,0,0,.22)}
body.theme-hybride #staff .player-photo{aspect-ratio:.96/1}
body.theme-hybride #staff .player-photo:after{height:41%;background:linear-gradient(to top,rgba(0,0,0,.72),transparent)}
body.theme-hybride #staff .player-no{font-size:2rem;right:.68rem;top:.64rem;color:rgba(255,255,255,.08)}
body.theme-hybride #staff .player-info{padding:.84rem .84rem .9rem}
body.theme-hybride #staff .player-info h3{font-family:'DM Sans',system-ui,sans-serif;font-size:.96rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;line-height:1.12;margin:0 0 .24rem;color:#f7f7f7}
body.theme-hybride #staff .role{font-size:.56rem;letter-spacing:.17em;text-transform:uppercase;color:#c8a36b;font-weight:800;margin:.08rem 0 .62rem}
body.theme-hybride #staff .tag{font-size:.56rem;padding:.2rem .4rem;line-height:1.15}
body.theme-hybride #staff .section-head{margin-bottom:1.35rem}
@media(max-width:760px){.staff-wrap.players-grid,body.theme-hybride #staff .staff-wrap.players-grid{grid-template-columns:repeat(2,210px);max-width:436px}}
@media(max-width:560px){.staff-wrap.players-grid,body.theme-hybride #staff .staff-wrap.players-grid{grid-template-columns:1fr;max-width:260px}.staff-wrap.players-grid .player-card{width:100%}}
#staff.staff-modal{position:fixed;inset:0;z-index:135;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,56px);background:rgba(4,6,9,.96);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;transition:opacity .24s ease,visibility .24s ease}
#staff.staff-modal::before{content:'';position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 8%,rgba(212,25,32,.10),transparent 32%),radial-gradient(circle at 50% 48%,rgba(200,163,107,.07),transparent 40%),linear-gradient(180deg,rgba(2,3,5,.28),rgba(4,6,9,.42));pointer-events:none}
.staff-bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;filter:brightness(1.08) contrast(1.02) saturate(1.04) blur(.12px);z-index:0;pointer-events:none}
#staff.staff-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
#staff.staff-modal .container{position:relative;z-index:1;width:min(980px,calc(100% - 24px));margin:auto;transform:translateY(14px) scale(.985);transition:transform .24s ease}
#staff.staff-modal.is-open .container{transform:translateY(0) scale(1)}
#staff.staff-modal .section-head{margin-bottom:1.15rem;text-align:center}
#staff.staff-modal .kicker{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(200,163,107,.20);border-radius:999px;padding:.46rem .78rem;background:rgba(255,255,255,.03);color:#c8a36b}
.staff-intro{max-width:670px;margin:.85rem auto 0;color:rgba(255,255,255,.74);font-size:.92rem;line-height:1.65;text-align:center}
.staff-role-line{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin:1rem auto 0}
.staff-role-pill{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:999px;padding:.38rem .62rem}
#staff .player-card.staff-lead{border-color:rgba(200,163,107,.24);box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 0 1px rgba(200,163,107,.08) inset}
#staff .player-card.staff-lead .role{color:#d9b476}
.staff-mission{max-width:520px;margin:1.15rem auto 0;text-align:center;border:1px solid rgba(200,163,107,.12);background:rgba(255,255,255,.025);border-radius:16px;padding:.85rem 1rem;color:rgba(255,255,255,.76);font-size:.86rem;letter-spacing:.02em}
.staff-mission strong{color:#fff;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.staff-modal-close{position:fixed;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(8,10,13,.42);backdrop-filter:blur(14px);color:transparent;font-size:0;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:3;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;box-shadow:0 10px 26px rgba(0,0,0,.22)}
.staff-modal-close::before,.staff-modal-close::after{content:'';position:absolute;width:15px;height:1.5px;border-radius:999px;background:rgba(255,255,255,.78);transition:background .22s ease,transform .22s ease}
.staff-modal-close::before{transform:rotate(45deg)}.staff-modal-close::after{transform:rotate(-45deg)}
.staff-modal-close:hover{transform:translateY(-1px);border-color:rgba(200,163,107,.36);background:rgba(16,18,22,.58);box-shadow:0 14px 34px rgba(0,0,0,.30)}
.staff-modal-close:hover::before,.staff-modal-close:hover::after{background:#fff}
body.staff-open{overflow:hidden}
@media(max-width:760px){}
@media(max-width:760px){#staff.staff-modal{align-items:flex-start;padding-top:4.25rem}.staff-modal-close{top:12px;right:12px;width:42px;height:42px}.staff-intro{font-size:.82rem}.staff-role-line{gap:.42rem}.staff-role-pill{font-size:.56rem;padding:.34rem .5rem}.staff-mission{font-size:.78rem}}
#videos.video-modal{position:fixed;inset:0;z-index:134;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,56px);background:rgba(4,6,9,.965);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;transition:opacity .24s ease,visibility .24s ease}
#videos.video-modal::before{content:'';position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 12%,rgba(212,25,32,.12),transparent 34%),radial-gradient(circle at 78% 70%,rgba(200,163,107,.06),transparent 36%),linear-gradient(180deg,rgba(2,3,5,.36),rgba(4,6,9,.78));pointer-events:none}
#videos.video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
#videos.video-modal .container{position:relative;z-index:1;width:min(1080px,calc(100% - 24px));margin:auto;transform:translateY(14px) scale(.985);transition:transform .24s ease}
#videos.video-modal.is-open .container{transform:translateY(0) scale(1)}
#videos.video-modal .section-head{margin-bottom:1.35rem;text-align:center}
#videos.video-modal .kicker{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(200,163,107,.20);border-radius:999px;padding:.46rem .78rem;background:rgba(255,255,255,.03);color:#c8a36b}
#videos.video-modal .section-title{font-size:clamp(2.2rem,4.5vw,4rem)}
#videos.video-modal .section-copy{max-width:620px;color:rgba(255,255,255,.72)}
#videos.video-modal .video-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:1rem;align-items:start}
#videos.video-modal .video-main,#videos.video-modal .video-side{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.22)}
#videos.video-modal .video-frame{background:#050505;aspect-ratio:16/9;overflow:hidden}
#videos.video-modal .video-frame video,#videos.video-modal .video-frame iframe{width:100%;height:100%;display:block;border:0;object-fit:cover}
#videos.video-modal .video-text{padding:1rem 1.05rem 1.1rem}
#videos.video-modal .video-text h3{font-family:'DM Sans',system-ui,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.25;color:#fff;margin-bottom:.4rem}
#videos.video-modal .video-text p{color:rgba(255,255,255,.64);font-size:.84rem;line-height:1.55}
.video-modal-close{position:fixed;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(8,10,13,.42);backdrop-filter:blur(14px);color:transparent;font-size:0;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:3;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;box-shadow:0 10px 26px rgba(0,0,0,.22)}
.video-modal-close::before,.video-modal-close::after{content:'';position:absolute;width:15px;height:1.5px;border-radius:999px;background:rgba(255,255,255,.78);transition:background .22s ease,transform .22s ease}
.video-modal-close::before{transform:rotate(45deg)}.video-modal-close::after{transform:rotate(-45deg)}
.video-modal-close:hover{transform:translateY(-1px);border-color:rgba(200,163,107,.36);background:rgba(16,18,22,.58);box-shadow:0 14px 34px rgba(0,0,0,.30)}
.video-modal-close:hover::before,.video-modal-close:hover::after{background:#fff}
body.video-open{overflow:hidden}
#videos.video-modal .youtube-card{aspect-ratio:16/9;background:radial-gradient(circle at 50% 35%,rgba(212,25,32,.24),transparent 36%),linear-gradient(135deg,rgba(20,24,30,.96),rgba(5,5,6,.96));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
#videos.video-modal .youtube-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%),radial-gradient(circle at 82% 18%,rgba(200,163,107,.12),transparent 32%);opacity:.9}
#videos.video-modal .youtube-card::after{content:'';position:absolute;width:82px;height:82px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);box-shadow:0 18px 45px rgba(0,0,0,.25)}
#videos.video-modal .youtube-play{position:relative;z-index:2;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:23px solid #fff;margin-left:6px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
#videos.video-modal .video-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.85rem}
#videos.video-modal .video-actions .btn{padding:.72rem .95rem;font-size:.68rem;letter-spacing:.1em}
#videos.video-modal .video-main .youtube-card{min-height:300px}
@media(max-width:860px){#videos.video-modal .video-main .youtube-card{min-height:auto}}
#videos.video-modal .youtube-channel-card{grid-column:1/-1;min-height:360px;border-radius:22px;background:radial-gradient(circle at 50% 28%,rgba(212,25,32,.20),transparent 34%),radial-gradient(circle at 80% 80%,rgba(200,163,107,.10),transparent 35%),linear-gradient(135deg,rgba(18,20,24,.96),rgba(5,6,8,.98));display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(1.4rem,4vw,3rem);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative;overflow:hidden}
#videos.video-modal .youtube-channel-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 42%);pointer-events:none}
#videos.video-modal .youtube-channel-content{position:relative;z-index:2;max-width:680px;margin:0 auto}
#videos.video-modal .youtube-channel-mark{width:72px;height:72px;border-radius:999px;margin:0 auto 1.1rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(212,25,32,.95),rgba(128,12,18,.95));box-shadow:0 18px 44px rgba(212,25,32,.18)}
#videos.video-modal .youtube-channel-mark span{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid #fff;margin-left:5px}
#videos.video-modal .youtube-channel-card h3{font-family:'Bebas Neue';font-size:clamp(2.25rem,5vw,4.1rem);letter-spacing:.05em;line-height:.9;color:#fff;margin-bottom:.8rem}
#videos.video-modal .youtube-channel-card p{color:rgba(255,255,255,.72);line-height:1.7;max-width:560px;margin:0 auto 1.35rem}
#videos.video-modal .youtube-channel-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}
#videos.video-modal .youtube-channel-actions .btn{padding:.82rem 1.08rem;font-size:.7rem;letter-spacing:.11em}
@media(max-width:860px){#videos.video-modal .youtube-channel-card{min-height:320px;padding:1.3rem}#videos.video-modal .youtube-channel-mark{width:62px;height:62px}}
#videos.video-modal .video-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;background:#030406;opacity:.78;filter:brightness(1.18) contrast(1.02) saturate(1.04);z-index:0;pointer-events:none}
#videos.video-modal::before{background:radial-gradient(circle at 50% 12%,rgba(212,25,32,.06),transparent 34%),radial-gradient(circle at 78% 70%,rgba(200,163,107,.035),transparent 36%),linear-gradient(180deg,rgba(2,3,5,.18),rgba(4,6,9,.42))}
#videos.video-modal .youtube-channel-card{background:linear-gradient(135deg,rgba(18,20,24,.56),rgba(5,6,8,.54));backdrop-filter:blur(4px)}
#videos.video-modal .youtube-channel-card::before{background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 42%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 42%)}
@media(max-width:860px){#videos.video-modal{align-items:flex-start;padding-top:4.25rem}#videos.video-modal .video-grid{grid-template-columns:1fr}.video-modal-close{top:12px;right:12px;width:42px;height:42px}#videos.video-modal .video-text h3{font-size:.9rem}#videos.video-modal .video-text p{font-size:.78rem}}
#videos.video-modal .video-grid-single-button{display:flex;align-items:flex-end;justify-content:flex-end;min-height:42vh;padding:0 clamp(12px,3vw,34px) clamp(14px,3vw,26px) 0}
#videos.video-modal .youtube-button-only-card{min-height:auto;width:auto;display:inline-flex;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;justify-content:flex-end;align-self:flex-end}
#videos.video-modal .youtube-button-only-card::before{display:none}
#videos.video-modal .youtube-button-only-card .youtube-channel-content{max-width:none}
#videos.video-modal .youtube-button-only-card .youtube-channel-actions{margin:0;justify-content:flex-end}
#videos.video-modal .youtube-button-only-card .btn-red.youtube-premium-link{display:inline-flex;align-items:center;gap:.72rem;padding:.34rem .62rem .34rem .34rem;border-radius:999px;background:rgba(12,14,18,.52);border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 34px rgba(0,0,0,.22);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.1em;color:#fff}
#videos.video-modal .youtube-button-only-card .btn-red.youtube-premium-link:hover{transform:translateY(-1px);background:rgba(14,16,21,.68);border-color:rgba(255,255,255,.18);box-shadow:0 18px 40px rgba(0,0,0,.28)}
#videos.video-modal .youtube-button-only-card .yt-round{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#e32222,#961010);box-shadow:0 12px 28px rgba(212,25,32,.24),inset 0 1px 0 rgba(255,255,255,.18);flex:0 0 46px}
#videos.video-modal .youtube-button-only-card .yt-round::before{content:'';display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;margin-left:3px}
#videos.video-modal .youtube-button-only-card .yt-link-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.08;text-align:left}
#videos.video-modal .youtube-button-only-card .yt-link-label{font-size:.56rem;letter-spacing:.16em;color:rgba(255,255,255,.54);margin-bottom:.18rem}
#videos.video-modal .youtube-button-only-card .yt-link-main{font-size:.68rem;letter-spacing:.1em;color:#fff;font-weight:800}
#videos.video-modal .youtube-button-only-card .youtube-video-logo-link{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;line-height:0;overflow:visible}
#videos.video-modal .youtube-button-only-card .youtube-video-panel-logo{width:88px;height:88px;object-fit:contain;display:block;filter:drop-shadow(0 16px 32px rgba(0,0,0,.38));transition:transform .22s ease,filter .22s ease}
#videos.video-modal .youtube-button-only-card .youtube-video-logo-link:hover .youtube-video-panel-logo{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 20px 42px rgba(0,0,0,.48))}
@media(max-width:560px){#videos.video-modal .video-grid-single-button{min-height:48vh;padding:0 0 14px 0;justify-content:flex-end;align-items:flex-end}#videos.video-modal .youtube-button-only-card .btn-red.youtube-premium-link{width:min(100%,295px);justify-content:flex-start;padding:.34rem .56rem .34rem .34rem}#videos.video-modal .youtube-button-only-card .yt-round{width:44px;height:44px;flex-basis:44px}#videos.video-modal .youtube-button-only-card .yt-link-main{font-size:.66rem}#videos.video-modal .youtube-button-only-card .yt-link-label{font-size:.54rem}}
#contact{padding:5.4rem 0 3.2rem;background:#050505;position:relative;overflow:hidden}
#contact::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(212,25,32,.10),transparent 28%),radial-gradient(circle at 92% 62%,rgba(255,255,255,.045),transparent 26%);pointer-events:none}
.contact-panel.contact-cta{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(.7rem,2vw,1.6rem) 0;border:0;background:transparent;box-shadow:none;overflow:visible}
.contact-panel.contact-cta::before{display:none}
.contact-copy,.contact-actions{position:relative;z-index:1}
.contact-kicker{display:none}
.contact-headline{font-family:'Bebas Neue',Impact,sans-serif;text-transform:uppercase;font-size:clamp(3.15rem,7.85vw,8.15rem);line-height:.82;letter-spacing:.018em;color:#f4f2ea;white-space:normal;max-width:810px;text-wrap:balance}
.contact-headline .line{display:block}
.contact-headline .split{display:flex;align-items:flex-end;gap:.18em;white-space:nowrap}
.contact-headline .solid{color:#f4f2ea;text-shadow:0 10px 22px rgba(0,0,0,.32)}
.contact-headline .outline{color:transparent;-webkit-text-stroke:2px #f4f2ea;text-stroke:2px #f4f2ea;text-shadow:none}
.contact-headline .red{color:#ed1018;text-shadow:0 12px 24px rgba(212,25,32,.22)}
.contact-headline .small{font-size:.58em;line-height:.78;letter-spacing:.012em;margin-top:.18em}
.contact-headline .contact-red{display:inline-block;color:#ed1018;font-size:.68em;line-height:.78;letter-spacing:.018em;text-shadow:0 14px 28px rgba(212,25,32,.28);margin-top:.06em}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;gap:.9rem;min-width:245px;transform:translateY(.25rem)}
.contact-actions .btn{width:auto;min-height:0;border-radius:0;letter-spacing:0}
.contact-actions .contact-phone-logo{width:auto;min-height:58px;border-radius:0;display:inline-flex;align-items:center;gap:.86rem;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:rgba(255,255,255,.55);font-weight:800;letter-spacing:.08em;font-size:.88rem;transition:transform .22s ease,color .22s ease;text-decoration:none;white-space:nowrap}
.contact-actions .contact-phone-logo:hover{transform:translateY(-2px);color:rgba(255,255,255,.85)}
.contact-actions .contact-phone-logo img{width:58px;height:58px;display:block;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28)) drop-shadow(0 8px 18px rgba(36,190,71,.18));flex:0 0 58px;transition:filter .22s ease,transform .22s ease}
.contact-actions .contact-phone-logo:hover img{filter:drop-shadow(0 18px 32px rgba(0,0,0,.34)) drop-shadow(0 10px 22px rgba(36,190,71,.24));transform:scale(1.025)}
.contact-actions .contact-instagram-logo{width:auto;min-width:auto;min-height:58px;padding:0;border-radius:0;display:inline-flex;align-items:center;gap:.86rem;background:transparent!important;border:0!important;box-shadow:none!important;position:relative;overflow:visible;text-decoration:none;transition:transform .22s ease}
.contact-actions .contact-instagram-logo:hover{transform:translateY(-2px)}
.contact-actions .contact-instagram-logo img{width:58px;height:58px;display:block;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.28)) drop-shadow(0 8px 18px rgba(214,36,159,.20));flex:0 0 58px;transition:filter .22s ease,transform .22s ease}
.contact-actions .contact-instagram-logo:hover img{filter:drop-shadow(0 18px 32px rgba(0,0,0,.34)) drop-shadow(0 10px 22px rgba(214,36,159,.26));transform:scale(1.025)}
.contact-instagram-handle{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);transition:color .22s ease}
.contact-actions .contact-instagram-logo:hover .contact-instagram-handle{color:rgba(255,255,255,.85)}
@media(max-width:860px){.contact-panel.contact-cta{grid-template-columns:1fr;gap:1.5rem}.contact-actions{align-items:flex-start;justify-self:start;min-width:0;transform:none}.contact-headline{font-size:clamp(3rem,12.4vw,6.1rem);max-width:100%}.contact-actions .contact-phone-logo{width:auto}.contact-actions .contact-phone-logo img,.contact-actions .contact-instagram-logo img{width:58px;height:58px;min-width:58px;flex-basis:58px}}
@media(max-width:560px){#contact{padding:4.2rem 0 2.8rem}.contact-panel.contact-cta{padding:0}.contact-headline{font-size:clamp(2.7rem,15.2vw,4.25rem);line-height:.82}.contact-headline .outline{-webkit-text-stroke:1.3px #f4f2ea;text-stroke:1.3px #f4f2ea}.contact-headline .small{font-size:.54em}.contact-headline .contact-red{font-size:.62em}.contact-actions{gap:.72rem}.contact-actions .contact-phone-logo{width:auto;font-size:.78rem;gap:.68rem}.contact-actions .contact-phone-logo img,.contact-actions .contact-instagram-logo img{width:54px;height:54px;min-width:54px;flex-basis:54px}.contact-instagram-handle{font-size:.62rem}}
body.theme-hybride #joueurs .kicker{color:#f0333b}
body.theme-hybride #joueurs .role{color:#f0333b}
@media(max-width:560px){.hero-contact-logo-btn{width:100%;min-height:78px}.hero-contact-logo-main{width:82px;height:82px}}
#videos.video-modal .youtube-video-logo-link{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important;overflow:visible!important;}
#videos.video-modal .youtube-video-panel-logo{display:block;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important;}
.hero-joueurs-logo-btn{display:flex;align-items:center;justify-content:center;min-height:56px;border:0!important;background:transparent!important;border-radius:18px;line-height:0;padding:0!important;box-shadow:none!important;overflow:visible!important}
.hero-joueurs-logo-btn::before,.hero-joueurs-logo-btn::after{display:none!important}
.hero-joueurs-logo-main{width:88px;height:88px;object-fit:contain;display:block;filter:drop-shadow(0 16px 32px rgba(0,0,0,.38));transition:transform .22s ease,filter .22s ease}
.hero-joueurs-logo-btn:hover .hero-joueurs-logo-main{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 20px 42px rgba(0,0,0,.48))}
@media(max-width:560px){.hero-joueurs-logo-btn{width:100%;min-height:78px}.hero-joueurs-logo-main{width:82px;height:82px}}
.nav-staff-logo{background:transparent!important;border:0!important;box-shadow:none!important;}
.nav-inner{
  justify-content:space-between!important;
}
.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(3,4,6,.34)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(12px)!important;
}
.nav-contact,
.nav-video-logo-link,
.nav-staff-logo-link{
  width:62px!important;
  height:62px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-staff-logo{
  width:50px!important;
  height:50px!important;
  object-fit:contain!important;
  transform:translateY(0) scale(.94)!important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.38))!important;
}
.nav-video-logo{
  width:56px!important;
  height:56px!important;
  object-fit:contain!important;
  transform:translateY(0)!important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.38))!important;
}
.nav-contact-logo{
  width:56px!important;
  height:56px!important;
  object-fit:contain!important;
  transform:translateY(0)!important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.38))!important;
}
.nav-contact:hover .nav-contact-logo,
.nav-video-logo-link:hover .nav-video-logo,
.nav-staff-logo-link:hover .nav-staff-logo{
  transform:translateY(-1px) scale(1.03)!important;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.48)) brightness(1.08)!important;
}
.hero-content{
  max-width:760px!important;
  margin:0 auto!important;
  text-align:center!important;
  display:flex!important;
  justify-content:center!important;
}
.hero-main{
  align-items:center!important;
  width:100%!important;
}
.hero-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  width:min(520px,100%)!important;
  margin:0 auto!important;
}
.hero-actions .btn-red{
  width:min(420px,100%)!important;
  min-height:66px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,216,112,.34)!important;
  background:linear-gradient(135deg,rgba(12,12,14,.78),rgba(4,4,5,.62))!important;
  color:#fff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.hero-joueurs-logo-btn{
  width:132px!important;
  height:132px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  margin-top:2px!important;
}
.hero-joueurs-logo-btn::before,
.hero-joueurs-logo-btn::after{
  display:none!important;
}
.hero-joueurs-logo-main{
  width:112px!important;
  height:112px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.hero-joueurs-logo-btn:hover .hero-joueurs-logo-main{
  transform:translateY(-2px) scale(1.04)!important;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,.52)) brightness(1.06)!important;
}
.hero-actions .hero-contact-logo-btn{
  width:96px!important;
  height:96px!important;
  min-height:0!important;
}
.hero-audio-row{
  right:clamp(18px,3vw,38px)!important;
  bottom:clamp(18px,4vh,38px)!important;
}
.hero-sound-btn,
.hero-sound-icon{
  width:52px!important;
  height:52px!important;
}
@media(max-width:960px){
  .nav-links{
    gap:8px!important;
    padding:7px 10px!important;
  }
  .nav-contact,
  .nav-video-logo-link,
  .nav-staff-logo-link{
    width:56px!important;
    height:56px!important;
  }
  .nav-staff-logo{width:45px!important;height:45px!important;}
  .nav-video-logo,
  .nav-contact-logo{width:50px!important;height:50px!important;}
}
@media(max-width:560px){
  nav{
    padding:.72rem 0!important;
  }
  .nav-links{
    gap:6px!important;
    padding:6px 8px!important;
  }
  .nav-contact,
  .nav-video-logo-link,
  .nav-staff-logo-link{
    width:48px!important;
    height:48px!important;
  }
  .nav-staff-logo{width:39px!important;height:39px!important;}
  .nav-video-logo,
  .nav-contact-logo{width:43px!important;height:43px!important;}
  .hero-content{
    padding-top:8rem!important;
  }
  .hero-actions{
    gap:14px!important;
  }
  .hero-actions .btn-red{
    width:min(360px,100%)!important;
    min-height:60px!important;
  }
  .hero-joueurs-logo-btn{
    width:106px!important;
    height:106px!important;
  }
  .hero-joueurs-logo-main{
    width:94px!important;
    height:94px!important;
  }
}
nav{
  padding:.92rem 0!important;
}
.nav-inner{
  min-height:86px!important;
  align-items:flex-start!important;
}
.hero-brand-floating{
  position:fixed!important;
  top:.92rem!important;
  left:clamp(18px,3vw,32px)!important;
  z-index:101!important;
}
.hero-brand-panel{
  height:78px!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(3,4,6,.34)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(12px)!important;
}
.nav-links{
  height:78px!important;
  min-height:78px!important;
  align-items:center!important;
}
.hero-logo-card{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
}
.hero-logo{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
}
.fecafoot-logo{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
}
.hero-affiliation-text strong{
  font-size:.44rem!important;
}
.hero-affiliation-text span{
  font-size:.68rem!important;
}
.hero-content{
  padding-top:8.3rem!important;
}
@media(max-width:960px){
  nav{
    padding:.78rem 0!important;
  }
  .nav-inner{
    min-height:74px!important;
  }
  .hero-brand-floating{
    top:.78rem!important;
    left:14px!important;
  }
  .hero-brand-panel,
  .nav-links{
    height:66px!important;
    min-height:66px!important;
  }
  .hero-logo-card,
  .hero-logo{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
  }
  .fecafoot-logo{
    width:23px!important;
    height:23px!important;
  }
  .hero-affiliation-text strong{
    font-size:.36rem!important;
  }
  .hero-affiliation-text span{
    font-size:.56rem!important;
  }
  .hero-content{
    padding-top:7.8rem!important;
  }
}
@media(max-width:560px){
  nav{
    padding:.62rem 0!important;
  }
  .nav-inner{
    min-height:58px!important;
  }
  .hero-brand-floating{
    top:.62rem!important;
    left:10px!important;
  }
  .hero-brand-panel{
    height:54px!important;
    min-height:54px!important;
    padding:5px 8px!important;
    gap:.34rem!important;
  }
  .nav-links{
    height:54px!important;
    min-height:54px!important;
    padding:5px 7px!important;
  }
  .hero-logo-card,
  .hero-logo{
    width:39px!important;
    height:39px!important;
    flex-basis:39px!important;
  }
  .fecafoot-logo{
    width:19px!important;
    height:19px!important;
  }
  .hero-affiliation-text strong{
    font-size:.31rem!important;
    letter-spacing:.1em!important;
  }
  .hero-affiliation-text span{
    font-size:.48rem!important;
  }
  .hero-content{
    padding-top:7.2rem!important;
  }
}
.hero-brand-floating{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
}
.header-right-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:12px!important;
}
.hero-brand-panel,
.nav-links{
  height:78px!important;
  min-height:78px!important;
}
.header-left-action,
.header-right-action{
  height:66px!important;
  display:flex!important;
  align-items:center!important;
}
.header-left-action .hero-joueurs-logo-btn{
  width:86px!important;
  height:86px!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 0 6px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.header-left-action .hero-joueurs-logo-btn::before,
.header-left-action .hero-joueurs-logo-btn::after{
  display:none!important;
}
.header-left-action .hero-joueurs-logo-main{
  width:76px!important;
  height:76px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.42))!important;
}
.header-right-action .btn-yellow-stack{
  width:306px!important;
  min-height:66px!important;
  height:66px!important;
  border-radius:18px!important;
  padding:.72rem 1.05rem!important;
  border:1px solid rgba(255,216,112,.34)!important;
  background:linear-gradient(135deg,rgba(12,12,14,.82),rgba(4,4,5,.68))!important;
  color:#fff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.header-right-action .btn-yellow-stack .btn-main{
  font-size:.72rem!important;
  letter-spacing:.08em!important;
}
.header-right-action .btn-yellow-stack .btn-sub{
  font-size:.48rem!important;
  letter-spacing:.05em!important;
  color:rgba(255,248,214,.86)!important;
}
.hero-actions > .hero-joueurs-logo-btn,
.hero-actions > .btn-yellow-stack{
  display:none!important;
}
.hero-content{
  padding-top:12.2rem!important;
}
nav{
  padding:.92rem 0!important;
}
.nav-inner{
  align-items:flex-start!important;
}
@media(max-width:960px){
  .hero-brand-floating,
  .header-right-stack{
    gap:10px!important;
  }
  .hero-brand-panel,
  .nav-links{
    height:66px!important;
    min-height:66px!important;
  }
  .header-left-action,
  .header-right-action{
    height:58px!important;
  }
  .header-left-action .hero-joueurs-logo-btn{
    width:70px!important;
    height:70px!important;
    margin-left:4px!important;
  }
  .header-left-action .hero-joueurs-logo-main{
    width:62px!important;
    height:62px!important;
  }
  .header-right-action .btn-yellow-stack{
    width:260px!important;
    height:58px!important;
    min-height:58px!important;
  }
  .header-right-action .btn-yellow-stack .btn-main{
    font-size:.66rem!important;
  }
  .header-right-action .btn-yellow-stack .btn-sub{
    font-size:.43rem!important;
  }
  .hero-content{
    padding-top:11rem!important;
  }
}
@media(max-width:560px){
  .hero-brand-floating,
  .header-right-stack{
    gap:8px!important;
  }
  .hero-brand-panel,
  .nav-links{
    height:54px!important;
    min-height:54px!important;
  }
  .header-left-action,
  .header-right-action{
    height:48px!important;
  }
  .header-left-action .hero-joueurs-logo-btn{
    width:54px!important;
    height:54px!important;
    margin-left:2px!important;
  }
  .header-left-action .hero-joueurs-logo-main{
    width:49px!important;
    height:49px!important;
  }
  .header-right-action .btn-yellow-stack{
    width:178px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:14px!important;
    padding:.42rem .66rem!important;
  }
  .header-right-action .btn-yellow-stack .btn-main{
    font-size:.52rem!important;
  }
  .header-right-action .btn-yellow-stack .btn-sub{
    display:none!important;
  }
  .hero-content{
    padding-top:10rem!important;
  }
}
.hero-actions{
  display:none!important;
}
.nav-inner{
  align-items:flex-start!important;
  justify-content:space-between!important;
}
.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.nav-joueurs-logo-link,
.nav-staff-logo-link,
.nav-video-logo-link,
.nav-contact{
  width:58px!important;
  height:58px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-joueurs-logo{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-staff-logo{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-video-logo,
.nav-contact-logo{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-joueurs-logo-link:hover .nav-joueurs-logo,
.nav-staff-logo-link:hover .nav-staff-logo,
.nav-video-logo-link:hover .nav-video-logo,
.nav-contact:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
.hero-brand-floating{
  gap:0!important;
}
.header-right-stack{
  display:contents!important;
}
.header-left-action,
.header-right-action{
  display:none!important;
}
.hero-content{
  padding-top:8.3rem!important;
}
@media(max-width:960px){
  .nav-links{
    gap:9px!important;
  }
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:50px!important;
    height:50px!important;
  }
  .nav-joueurs-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:45px!important;
    height:45px!important;
  }
  .nav-staff-logo{
    width:42px!important;
    height:42px!important;
  }
  .hero-content{
    padding-top:7.8rem!important;
  }
}
@media(max-width:560px){
  .nav-links{
    gap:6px!important;
  }
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:42px!important;
    height:42px!important;
  }
  .nav-joueurs-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:38px!important;
    height:38px!important;
  }
  .nav-staff-logo{
    width:36px!important;
    height:36px!important;
  }
  .hero-content{
    padding-top:7.2rem!important;
  }
}
.nav-right-clean{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:10px!important;
}
.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.nav-joueurs-logo-link,
.nav-staff-logo-link,
.nav-video-logo-link,
.nav-contact{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-joueurs-logo,
.nav-staff-logo,
.nav-video-logo,
.nav-contact-logo{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-joueurs-logo-link:hover .nav-joueurs-logo,
.nav-staff-logo-link:hover .nav-staff-logo,
.nav-video-logo-link:hover .nav-video-logo,
.nav-contact:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
.nav-highlights-action{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%!important;
}
.nav-highlights-action .btn-yellow-stack{
  display:flex!important;
  width:292px!important;
  min-height:54px!important;
  height:54px!important;
  padding:.58rem .9rem!important;
  border-radius:16px!important;
  border:1px solid rgba(255,216,112,.34)!important;
  background:linear-gradient(135deg,rgba(12,12,14,.82),rgba(4,4,5,.68))!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.nav-highlights-action .btn-main{
  font-size:.68rem!important;
  letter-spacing:.08em!important;
}
.nav-highlights-action .btn-sub{
  font-size:.43rem!important;
  color:rgba(255,248,214,.84)!important;
}
.hero-actions{
  display:none!important;
}
@media(max-width:960px){
  .nav-right-clean{
    gap:8px!important;
  }
  .nav-links{
    gap:9px!important;
  }
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:50px!important;
    height:50px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:45px!important;
    height:45px!important;
  }
  .nav-highlights-action .btn-yellow-stack{
    width:250px!important;
    min-height:50px!important;
    height:50px!important;
  }
  .nav-highlights-action .btn-main{
    font-size:.62rem!important;
  }
  .nav-highlights-action .btn-sub{
    font-size:.39rem!important;
  }
}
@media(max-width:560px){
  .nav-right-clean{
    gap:6px!important;
  }
  .nav-links{
    gap:6px!important;
  }
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:42px!important;
    height:42px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:38px!important;
    height:38px!important;
  }
  .nav-highlights-action .btn-yellow-stack{
    width:176px!important;
    min-height:42px!important;
    height:42px!important;
    border-radius:13px!important;
    padding:.4rem .55rem!important;
  }
  .nav-highlights-action .btn-main{
    font-size:.5rem!important;
  }
  .nav-highlights-action .btn-sub{
    display:none!important;
  }
}
.nav-joueurs-logo-link,
.nav-staff-logo-link,
.nav-video-logo-link,
.nav-contact{
  width:58px!important;
  height:58px!important;
}
.nav-joueurs-logo,
.nav-video-logo,
.nav-contact-logo{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
}
.nav-staff-logo{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  transform:scale(1.06)!important;
  transform-origin:center!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
}
.nav-staff-logo-link:hover .nav-staff-logo{
  transform:translateY(-1px) scale(1.10)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:50px!important;
    height:50px!important;
  }
  .nav-joueurs-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:45px!important;
    height:45px!important;
  }
  .nav-staff-logo{
    width:50px!important;
    height:50px!important;
    transform:scale(1.06)!important;
  }
}
@media(max-width:560px){
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:42px!important;
    height:42px!important;
  }
  .nav-joueurs-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:38px!important;
    height:38px!important;
  }
  .nav-staff-logo{
    width:42px!important;
    height:42px!important;
    transform:scale(1.06)!important;
  }
}
.nav-joueurs-logo-link,
.nav-staff-logo-link,
.nav-video-logo-link,
.nav-contact{
  width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-joueurs-logo,
.nav-staff-logo,
.nav-video-logo,
.nav-contact-logo{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-joueurs-logo-link:hover .nav-joueurs-logo,
.nav-staff-logo-link:hover .nav-staff-logo,
.nav-video-logo-link:hover .nav-video-logo,
.nav-contact:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
.hero-sound-btn{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:50%!important;
}
.hero-sound-icon{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}
@media(max-width:960px){
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:58px!important;
    height:58px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:52px!important;
    height:52px!important;
  }
  .hero-sound-btn,
  .hero-sound-icon{
    width:40px!important;
    height:40px!important;
  }
}
@media(max-width:560px){
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:48px!important;
    height:48px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:44px!important;
    height:44px!important;
  }
  .hero-sound-btn,
  .hero-sound-icon{
    width:36px!important;
    height:36px!important;
  }
}
.nav-highlights-action{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.nav-temps-forts-logo-link{
  width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-temps-forts-logo{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-temps-forts-logo-link:hover .nav-temps-forts-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-temps-forts-logo-link{
    width:58px!important;
    height:58px!important;
  }
  .nav-temps-forts-logo{
    width:52px!important;
    height:52px!important;
  }
}
@media(max-width:560px){
  .nav-temps-forts-logo-link{
    width:48px!important;
    height:48px!important;
  }
  .nav-temps-forts-logo{
    width:44px!important;
    height:44px!important;
  }
}
.nav-right-clean,
.header-right-stack{
  display:block!important;
}
.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.nav-highlights-action{
  display:none!important;
}
.nav-joueurs-logo-link,
.nav-staff-logo-link,
.nav-temps-forts-logo-link,
.nav-video-logo-link,
.nav-contact{
  width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-joueurs-logo,
.nav-staff-logo,
.nav-temps-forts-logo,
.nav-video-logo,
.nav-contact-logo{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-joueurs-logo-link:hover .nav-joueurs-logo,
.nav-staff-logo-link:hover .nav-staff-logo,
.nav-temps-forts-logo-link:hover .nav-temps-forts-logo,
.nav-video-logo-link:hover .nav-video-logo,
.nav-contact:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
.hero-actions{
  display:none!important;
}
@media(max-width:960px){
  .nav-links{
    gap:8px!important;
  }
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-temps-forts-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:54px!important;
    height:54px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-temps-forts-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:50px!important;
    height:50px!important;
  }
}
@media(max-width:560px){
  .nav-links{
    gap:5px!important;
  }
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-temps-forts-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:42px!important;
    height:42px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-temps-forts-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:38px!important;
    height:38px!important;
  }
}
.nav-joueurs-logo-link,
.nav-staff-logo-link,
.nav-temps-forts-logo-link,
.nav-video-logo-link,
.nav-contact{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  line-height:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.nav-joueurs-logo,
.nav-staff-logo,
.nav-temps-forts-logo,
.nav-video-logo,
.nav-contact-logo{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
  box-sizing:border-box!important;
}
.nav-joueurs-logo-link:hover .nav-joueurs-logo,
.nav-staff-logo-link:hover .nav-staff-logo,
.nav-temps-forts-logo-link:hover .nav-temps-forts-logo,
.nav-video-logo-link:hover .nav-video-logo,
.nav-contact:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.hero-actions{
  display:none!important;
}
@media(max-width:960px){
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-temps-forts-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-temps-forts-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }
}
@media(max-width:560px){
  .nav-joueurs-logo-link,
  .nav-staff-logo-link,
  .nav-temps-forts-logo-link,
  .nav-video-logo-link,
  .nav-contact{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-joueurs-logo,
  .nav-staff-logo,
  .nav-temps-forts-logo,
  .nav-video-logo,
  .nav-contact-logo{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
}
.hero-footer-signature{
  position:absolute!important;
  left:50%!important;
  bottom:clamp(18px,4vh,38px)!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:rgba(255,255,255,.78)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.hero-footer-logo{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.38))!important;
  opacity:.92!important;
}
.hero-footer-text{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:.72rem!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.68)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
.hero-footer-text strong{
  color:rgba(255,255,255,.88)!important;
  font-weight:900!important;
}
.hero-footer-sep{
  color:rgba(255,255,255,.38)!important;
  font-weight:800!important;
}
.hero-audio-row{
  z-index:5!important;
}
@media(max-width:760px){
  .hero-footer-signature{
    bottom:72px!important;
    max-width:calc(100vw - 28px)!important;
  }
  .hero-footer-logo{
    width:28px!important;
    height:28px!important;
  }
  .hero-footer-text{
    font-size:.58rem!important;
    letter-spacing:.05em!important;
    gap:5px!important;
  }
}
@media(max-width:480px){
  .hero-footer-signature{
    gap:7px!important;
    bottom:64px!important;
  }
  .hero-footer-logo{
    width:25px!important;
    height:25px!important;
  }
  .hero-footer-text{
    font-size:.5rem!important;
    letter-spacing:.035em!important;
  }
}
.hero-footer-signature{
  display:none!important;
}
.hero-hook-signature{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:22px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:rgba(255,255,255,.76)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  text-align:center!important;
}
.hero-hook-logo{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  display:block!important;
  flex:0 0 34px!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.40))!important;
  opacity:.94!important;
}
.hero-hook-signature-text{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:.72rem!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.68)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.58)!important;
}
.hero-hook-signature-text strong{
  color:rgba(255,255,255,.9)!important;
  font-weight:900!important;
}
.hero-hook-sep{
  color:rgba(255,255,255,.38)!important;
  font-weight:800!important;
}
@media(max-width:760px){
  .hero-hook-signature{
    gap:8px!important;
    margin-top:18px!important;
    max-width:calc(100vw - 28px)!important;
  }
  .hero-hook-logo{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  .hero-hook-signature-text{
    font-size:.58rem!important;
    letter-spacing:.05em!important;
    gap:5px!important;
    flex-wrap:wrap!important;
  }
}
@media(max-width:480px){
  .hero-hook-signature{
    gap:7px!important;
    margin-top:16px!important;
  }
  .hero-hook-logo{
    width:25px!important;
    height:25px!important;
    flex-basis:25px!important;
  }
  .hero-hook-signature-text{
    font-size:.5rem!important;
    letter-spacing:.035em!important;
  }
}
.hero-hook-signature{
  display:none!important;
}
.contact-institutional-footer{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:18px!important;
  padding:clamp(28px,4vh,48px) 16px clamp(36px,5vh,58px)!important;
  background:#050505!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
.institutional-filet{
  width:min(420px,80%)!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent)!important;
}
.institutional-brand-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
}
.institutional-logo{
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.42))!important;
}
.institutional-logo-nkufo{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
}
.institutional-logo-fecafoot{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
}
.institutional-affiliation{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:1px!important;
}
.institutional-affiliation-label{
  font-size:.5rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.35)!important;
  line-height:1!important;
}
.institutional-affiliation-name{
  font-size:.78rem!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  color:rgba(255,255,255,.62)!important;
  line-height:1.05!important;
}
.institutional-info-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
.institutional-name{
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.68)!important;
}
.institutional-dot{
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:rgba(212,25,32,.7)!important;
  flex-shrink:0!important;
}
.institutional-detail{
  font-size:.72rem!important;
  letter-spacing:.06em!important;
  color:rgba(255,255,255,.34)!important;
  font-weight:400!important;
}
.institutional-gallery-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 16px 7px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(255,255,255,.56)!important;
  text-decoration:none!important;
  font-size:.62rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease!important;
}
.institutional-gallery-link:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(240,51,59,.42)!important;
  background:rgba(212,25,32,.10)!important;
  color:rgba(255,255,255,.82)!important;
}
.institutional-gallery-icon{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.28))!important;
  transition:transform .22s ease!important;
}
.institutional-gallery-link:hover .institutional-gallery-icon{
  transform:scale(1.06)!important;
}
@media(max-width:760px){
  .contact-institutional-footer{
    gap:14px!important;
    padding:clamp(24px,4vh,40px) 16px clamp(28px,4vh,48px)!important;
  }
  .institutional-filet{
    width:min(300px,70%)!important;
  }
  .institutional-logo-nkufo{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .institutional-logo-fecafoot{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
  .institutional-name{
    font-size:.62rem!important;
    letter-spacing:.14em!important;
  }
  .institutional-detail{
    font-size:.62rem!important;
  }
  .institutional-dot{
    width:3px!important;
    height:3px!important;
  }
  .institutional-info-row{
    gap:10px!important;
  }
}
@media(max-width:480px){
  .contact-institutional-footer{
    gap:12px!important;
    padding:24px 12px 28px!important;
  }
  .institutional-brand-row{
    gap:10px!important;
  }
  .institutional-logo-nkufo{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .institutional-logo-fecafoot{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
  }
  .institutional-affiliation-label{
    font-size:.44rem!important;
  }
  .institutional-affiliation-name{
    font-size:.68rem!important;
  }
  .institutional-name{
    font-size:.54rem!important;
    letter-spacing:.1em!important;
  }
  .institutional-detail{
    font-size:.54rem!important;
  }
  .institutional-gallery-link{
    font-size:.54rem!important;
    padding:6px 12px 6px 6px!important;
    gap:6px!important;
  }
  .institutional-gallery-icon{
    width:24px!important;
    height:24px!important;
  }
}
.nav-life-link{
  min-width:max-content!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 15px!important;
  margin-left:2px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(0,0,0,.16)!important;
  color:rgba(255,255,255,.82)!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
  transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease!important;
}
.nav-life-link:hover{
  transform:translateY(-1px)!important;
  color:#fff!important;
  border-color:rgba(240,51,59,.55)!important;
  background:rgba(212,25,32,.16)!important;
}
@media(max-width:960px){
  .nav-life-link{
    height:38px!important;
    padding:0 12px!important;
    font-size:.54rem!important;
    letter-spacing:.1em!important;
  }
}
@media(max-width:560px){
  .nav-life-link{
    height:34px!important;
    padding:0 9px!important;
    font-size:.46rem!important;
    letter-spacing:.07em!important;
  }
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.nav-life-link{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin-left:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
}
.nav-life-link::before{
  content:''!important;
  width:58px!important;
  height:58px!important;
  display:block!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(145deg,#141518,#030304)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.42)!important;
  mask:
    radial-gradient(circle at 50% 50%,#000 0 100%);
}
.nav-life-link::after{
  content:''!important;
  position:absolute!important;
  width:25px!important;
  height:18px!important;
  border:2px solid rgba(255,255,255,.86)!important;
  border-radius:4px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)!important;
}
.nav-life-link:hover::before{
  transform:translateY(-1px) scale(1.045)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.52)!important;
}
@media(max-width:960px){
  .nav-life-link{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-life-link::before{
    width:50px!important;
    height:50px!important;
  }
}
@media(max-width:560px){
  .nav-life-link{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-life-link::before{
    width:38px!important;
    height:38px!important;
  }
  .nav-life-link::after{
    width:18px!important;
    height:13px!important;
    border-width:1.5px!important;
  }
}
.nav-life-link{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-life-link::before,
.nav-life-link::after{
  display:none!important;
  content:none!important;
}
.nav-gallery-logo{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-life-link:hover .nav-gallery-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-life-link{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-gallery-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }
}
@media(max-width:560px){
  .nav-life-link{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-gallery-logo{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
}
.nav-life-link{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-life-link::before,
.nav-life-link::after{
  display:none!important;
  content:none!important;
}
.nav-gallery-logo{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-life-link:hover .nav-gallery-logo{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-life-link{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-gallery-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }
}
@media(max-width:560px){
  .nav-life-link{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-gallery-logo{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
}
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.player-card{
  opacity:0;
  transform:translateY(22px) scale(.97);
  transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s;
}
.player-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
:focus-visible{
  outline:2px solid var(--red2);
  outline-offset:3px;
  border-radius:4px;
}
.btn:focus-visible,.player-photo:focus-visible,.lightbox-close:focus-visible{
  outline:2px solid var(--red2);
  outline-offset:3px;
}
.lightbox-image{
  transition:opacity .2s ease;
}
.lightbox.is-open .lightbox-shell{
  animation:lightboxReveal .3s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes lightboxReveal{
  from{opacity:0;transform:scale(.94) translateY(12px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
.hero-content{
  transition:transform .08s linear;
}
.player-photo-img{
  background:linear-gradient(135deg,#111 25%,#1a1a1a 50%,#111 75%);
  background-size:200% 100%;
}
.player-photo-img[loading]{
  animation:imgShimmer 1.6s ease-in-out infinite;
}
@keyframes imgShimmer{
  from{background-position:200% 0}
  to{background-position:-200% 0}
}
.hero-scroll-hint{
  position:absolute;
  bottom:clamp(18px,4vh,36px);
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  opacity:.5;
  transition:opacity .3s;
  pointer-events:none;
}
.hero-scroll-hint.is-hidden{opacity:0}
.hero-scroll-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  animation:scrollDots 1.8s ease-in-out infinite;
}
.hero-scroll-dot:nth-child(2){animation-delay:.15s;opacity:.6}
.hero-scroll-dot:nth-child(3){animation-delay:.3s;opacity:.3}
@keyframes scrollDots{
  0%,100%{transform:translateY(0);opacity:.3}
  50%{transform:translateY(6px);opacity:1}
}
.nav-life-link{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-life-link::before,
.nav-life-link::after{
  display:none!important;
  content:none!important;
}
.nav-gallery-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-life-link:hover .nav-gallery-logo{
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-life-link{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-gallery-logo{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}
@media(max-width:560px){
  .nav-life-link{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-gallery-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
}
.nav-life-link{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.nav-gallery-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
}
.nav-temps-fort-link,
a[title="Temps Fort"],
a[aria-label="Temps Fort"]{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-temps-fort-link::before,
.nav-temps-fort-link::after,
a[title="Temps Fort"]::before,
a[title="Temps Fort"]::after,
a[aria-label="Temps Fort"]::before,
a[aria-label="Temps Fort"]::after{
  display:none!important;
  content:none!important;
}
.nav-temps-fort-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-temps-fort-link:hover .nav-temps-fort-logo,
a[title="Temps Fort"]:hover .nav-temps-fort-logo,
a[aria-label="Temps Fort"]:hover .nav-temps-fort-logo{
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-temps-fort-link,
  a[title="Temps Fort"],
  a[aria-label="Temps Fort"]{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-temps-fort-logo{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}
@media(max-width:560px){
  .nav-temps-fort-link,
  a[title="Temps Fort"],
  a[aria-label="Temps Fort"]{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-temps-fort-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
}
.nav-temps-forts-logo-link,
.nav-temps-fort-link,
a[title="Temps Fort"],
a[aria-label="Temps Fort"]{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-temps-forts-logo-link::before,
.nav-temps-forts-logo-link::after,
.nav-temps-fort-link::before,
.nav-temps-fort-link::after,
a[title="Temps Fort"]::before,
a[title="Temps Fort"]::after,
a[aria-label="Temps Fort"]::before,
a[aria-label="Temps Fort"]::after{
  display:none!important;
  content:none!important;
}
.nav-temps-fort-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-temps-forts-logo-link:hover .nav-temps-fort-logo,
.nav-temps-fort-link:hover .nav-temps-fort-logo,
a[title="Temps Fort"]:hover .nav-temps-fort-logo,
a[aria-label="Temps Fort"]:hover .nav-temps-fort-logo{
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-temps-forts-logo-link,
  .nav-temps-fort-link,
  a[title="Temps Fort"],
  a[aria-label="Temps Fort"]{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-temps-fort-logo{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}
@media(max-width:560px){
  .nav-temps-forts-logo-link,
  .nav-temps-fort-link,
  a[title="Temps Fort"],
  a[aria-label="Temps Fort"]{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-temps-fort-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
}
.nav-life-link,
.nav-temps-forts-logo-link,
.nav-temps-fort-link,
a[title="Temps Fort"],
a[aria-label="Temps Fort"]{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-gallery-logo,
.nav-temps-fort-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
}
.nav-life-link::before,
.nav-life-link::after,
.nav-temps-forts-logo-link::before,
.nav-temps-forts-logo-link::after,
.nav-temps-fort-link::before,
.nav-temps-fort-link::after,
a[title="Temps Fort"]::before,
a[title="Temps Fort"]::after,
a[aria-label="Temps Fort"]::before,
a[aria-label="Temps Fort"]::after{
  display:none!important;
  content:none!important;
}
@media(max-width:960px){
  .nav-life-link,
  .nav-temps-forts-logo-link,
  .nav-temps-fort-link,
  a[title="Temps Fort"],
  a[aria-label="Temps Fort"]{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-gallery-logo,
  .nav-temps-fort-logo{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}
@media(max-width:560px){
  .nav-life-link,
  .nav-temps-forts-logo-link,
  .nav-temps-fort-link,
  a[title="Temps Fort"],
  a[aria-label="Temps Fort"]{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-gallery-logo,
  .nav-temps-fort-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
}
.nav-contact-link,
a[title="Contactez-nous"],
a[aria-label="Contactez-nous"]{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-contact-link::before,
.nav-contact-link::after,
a[title="Contactez-nous"]::before,
a[title="Contactez-nous"]::after,
a[aria-label="Contactez-nous"]::before,
a[aria-label="Contactez-nous"]::after{
  display:none!important;
  content:none!important;
}
.nav-contact-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-contact-link:hover .nav-contact-logo,
a[title="Contactez-nous"]:hover .nav-contact-logo,
a[aria-label="Contactez-nous"]:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
@media(max-width:960px){
  .nav-contact-link,
  a[title="Contactez-nous"],
  a[aria-label="Contactez-nous"]{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-contact-logo{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}
@media(max-width:560px){
  .nav-contact-link,
  a[title="Contactez-nous"],
  a[aria-label="Contactez-nous"]{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .nav-contact-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
}
.nav-contact-link,
a[title="Contactez-nous"],
a[aria-label="Contactez-nous"]{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-contact-link::before,
.nav-contact-link::after,
a[title="Contactez-nous"]::before,
a[title="Contactez-nous"]::after,
a[aria-label="Contactez-nous"]::before,
a[aria-label="Contactez-nous"]::after{
  display:none!important;
  content:none!important;
}
.nav-contact-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-contact-link:hover .nav-contact-logo,
a[title="Contactez-nous"]:hover .nav-contact-logo,
a[aria-label="Contactez-nous"]:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
.nav-contact-link,
a[title="Contactez-nous"],
a[aria-label="Contactez-nous"]{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
}
.nav-contact-link::before,
.nav-contact-link::after,
a[title="Contactez-nous"]::before,
a[title="Contactez-nous"]::after,
a[aria-label="Contactez-nous"]::before,
a[aria-label="Contactez-nous"]::after{
  display:none!important;
  content:none!important;
}
.nav-contact-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.nav-contact-link:hover .nav-contact-logo,
a[title="Contactez-nous"]:hover .nav-contact-logo,
a[aria-label="Contactez-nous"]:hover .nav-contact-logo{
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.52)) brightness(1.08)!important;
}
.nav-temps-forts-logo-link,
.nav-contact,
.nav-life-link{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  line-height:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.nav-temps-fort-logo,
.nav-contact-logo,
.nav-gallery-logo{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.nav-temps-forts-logo-link::before,
.nav-temps-forts-logo-link::after,
.nav-contact::before,
.nav-contact::after,
.nav-life-link::before,
.nav-life-link::after{
  display:none!important;
  content:none!important;
}
.nav-temps-forts-logo-link:hover .nav-temps-fort-logo,
.nav-contact:hover .nav-contact-logo,
.nav-life-link:hover .nav-gallery-logo{
  transform:translateY(-1px) scale(1.035)!important;
}
@media(max-width:960px){
  .nav-temps-forts-logo-link,
  .nav-contact,
  .nav-life-link{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .nav-temps-fort-logo,
  .nav-contact-logo,
  .nav-gallery-logo{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
}
@media(max-width:560px){
  .nav-temps-forts-logo-link,
  .nav-contact,
  .nav-life-link{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
  .nav-temps-fort-logo,
  .nav-contact-logo,
  .nav-gallery-logo{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
  }
}
.nav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:20px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.nav-group{
  display:flex;
  align-items:center;
  gap:20px;
}
.nav-divider{
  width:1px;
  height:36px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,0.18), transparent);
  flex-shrink:0;
}
@media(max-width:960px){
  .nav-links{gap:14px!important}
  .nav-group{gap:14px}
  .nav-divider{height:28px}
}
@media(max-width:560px){
  .nav-links{gap:10px!important}
  .nav-group{gap:10px}
  .nav-divider{height:24px}
}
body nav .nav-links .nav-joueurs-logo-link,
body nav .nav-links .nav-staff-logo-link,
body nav .nav-links .nav-temps-forts-logo-link,
body nav .nav-links .nav-video-logo-link,
body nav .nav-links .nav-contact,
body nav .nav-links .nav-life-link{
  width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;
  padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:999px!important;background:transparent!important;line-height:0!important;
}
body nav .nav-links .nav-joueurs-logo,
body nav .nav-links .nav-staff-logo,
body nav .nav-links .nav-temps-fort-logo,
body nav .nav-links .nav-video-logo,
body nav .nav-links .nav-contact-logo,
body nav .nav-links .nav-gallery-logo{
  width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important;
  display:block!important;object-fit:contain!important;
}
@media(max-width:960px){
  body nav .nav-links .nav-joueurs-logo-link,
  body nav .nav-links .nav-staff-logo-link,
  body nav .nav-links .nav-temps-forts-logo-link,
  body nav .nav-links .nav-video-logo-link,
  body nav .nav-links .nav-contact,
  body nav .nav-links .nav-life-link{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;
  }
  body nav .nav-links .nav-joueurs-logo,
  body nav .nav-links .nav-staff-logo,
  body nav .nav-links .nav-temps-fort-logo,
  body nav .nav-links .nav-video-logo,
  body nav .nav-links .nav-contact-logo,
  body nav .nav-links .nav-gallery-logo{
    width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important;
  }
}
@media(max-width:560px){
  body nav .nav-links .nav-joueurs-logo-link,
  body nav .nav-links .nav-staff-logo-link,
  body nav .nav-links .nav-temps-forts-logo-link,
  body nav .nav-links .nav-video-logo-link,
  body nav .nav-links .nav-contact,
  body nav .nav-links .nav-life-link{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
  }
  body nav .nav-links .nav-joueurs-logo,
  body nav .nav-links .nav-staff-logo,
  body nav .nav-links .nav-temps-fort-logo,
  body nav .nav-links .nav-video-logo,
  body nav .nav-links .nav-contact-logo,
  body nav .nav-links .nav-gallery-logo{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  }
}
nav#nav{
  position: sticky!important;
  top: 0!important;
  left: auto!important;
  right: auto!important;
  width: 100%!important;
  z-index: 1000!important;
  padding: .7rem 0!important;
  background: linear-gradient(180deg, rgba(0,0,0,.86), rgba(0,0,0,.34))!important;
  backdrop-filter: blur(10px)!important;
  border-bottom: 1px solid rgba(255,255,255,.08)!important;
}
nav#nav.scrolled{
  background: rgba(5,5,5,.9)!important;
  backdrop-filter: blur(14px)!important;
}
nav#nav .nav-inner{
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 18px!important;
}
.site-main-logo-link{
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  width: 92px!important;
  height: 92px!important;
  flex: 0 0 92px!important;
  line-height: 0!important;
  text-decoration: none!important;
  position: relative!important;
  z-index: 1001!important;
}
.site-main-logo{
  display: block!important;
  width: 88px!important;
  height: 88px!important;
  object-fit: contain!important;
  background: transparent!important;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.48))!important;
  transition: transform .22s ease, filter .22s ease!important;
}
.site-main-logo-link:hover .site-main-logo,
.site-main-logo-link:focus-visible .site-main-logo{
  transform: translateY(-1px) scale(1.035)!important;
  filter: drop-shadow(0 16px 32px rgba(0,0,0,.58)) brightness(1.06)!important;
}
nav#nav .nav-right-clean{
  flex: 1 1 auto!important;
  min-width: 0!important;
  display: flex!important;
  justify-content: flex-end!important;
}
.hero-content{
  padding-top: 6.2rem!important;
}
@media(max-width:960px){
  nav#nav{padding:.55rem 0!important;}
  .site-main-logo-link{width:74px!important;height:74px!important;flex-basis:74px!important;}
  .site-main-logo{width:70px!important;height:70px!important;}
}
@media(max-width:560px){
  nav#nav{padding:.45rem 0!important;}
  nav#nav .nav-inner{gap:8px!important;}
  .site-main-logo-link{width:58px!important;height:58px!important;flex-basis:58px!important;}
  .site-main-logo{width:56px!important;height:56px!important;}
  nav#nav .nav-links{gap:5px!important;}
  nav#nav .nav-group{gap:4px!important;}
  .hero-content{padding-top:5.4rem!important;}
}
.site-main-logo-link{
  width: 104px!important;
  height: 104px!important;
  flex: 0 0 104px!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
}
.site-main-logo{
  width: 98px!important;
  height: 98px!important;
  object-fit: contain!important;
  background: transparent!important;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.62)) drop-shadow(0 0 7px rgba(255,255,255,.28))!important;
}
nav#nav{
  position: sticky!important;
}
@media(max-width:960px){
  .site-main-logo-link{width:82px!important;height:82px!important;flex-basis:82px!important;}
  .site-main-logo{width:78px!important;height:78px!important;}
}
@media(max-width:560px){
  .site-main-logo-link{width:64px!important;height:64px!important;flex-basis:64px!important;}
  .site-main-logo{width:62px!important;height:62px!important;}
}
nav#nav{
  padding: .48rem 0!important;
}
nav#nav .container.nav-inner{
  width: calc(100% - 18px)!important;
  max-width: none!important;
  margin-left: 8px!important;
  margin-right: 10px!important;
  gap: 14px!important;
}
.site-main-logo-link{
  width: 78px!important;
  height: 78px!important;
  flex: 0 0 78px!important;
}
.site-main-logo{
  width: 74px!important;
  height: 74px!important;
  object-fit: contain!important;
}
nav#nav .nav-links{
  gap: 14px!important;
}
nav#nav .nav-group{
  gap: 12px!important;
}
body nav .nav-links .nav-joueurs-logo-link,
body nav .nav-links .nav-staff-logo-link,
body nav .nav-links .nav-temps-forts-logo-link,
body nav .nav-links .nav-video-logo-link,
body nav .nav-links .nav-contact,
body nav .nav-links .nav-life-link{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
}
body nav .nav-links .nav-joueurs-logo,
body nav .nav-links .nav-staff-logo,
body nav .nav-links .nav-temps-fort-logo,
body nav .nav-links .nav-video-logo,
body nav .nav-links .nav-contact-logo,
body nav .nav-links .nav-gallery-logo{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
}
nav#nav .nav-links a{
  font-size:.68rem!important;
  letter-spacing:.09em!important;
}
.hero-content{
  padding-top:5.7rem!important;
}
@media(max-width:960px){
  nav#nav{padding:.42rem 0!important;}
  nav#nav .container.nav-inner{
    width: calc(100% - 14px)!important;
    margin-left: 6px!important;
    margin-right: 8px!important;
    gap: 10px!important;
  }
  .site-main-logo-link{
    width:64px!important;
    height:64px!important;
    flex:0 0 64px!important;
  }
  .site-main-logo{
    width:60px!important;
    height:60px!important;
  }
  nav#nav .nav-links{gap:10px!important;}
  nav#nav .nav-group{gap:8px!important;}
  body nav .nav-links .nav-joueurs-logo-link,
  body nav .nav-links .nav-staff-logo-link,
  body nav .nav-links .nav-temps-forts-logo-link,
  body nav .nav-links .nav-video-logo-link,
  body nav .nav-links .nav-contact,
  body nav .nav-links .nav-life-link{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
  body nav .nav-links .nav-joueurs-logo,
  body nav .nav-links .nav-staff-logo,
  body nav .nav-links .nav-temps-fort-logo,
  body nav .nav-links .nav-video-logo,
  body nav .nav-links .nav-contact-logo,
  body nav .nav-links .nav-gallery-logo{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
  }
  nav#nav .nav-links a{font-size:.62rem!important;letter-spacing:.08em!important;}
  .hero-content{padding-top:5.1rem!important;}
}
@media(max-width:560px){
  nav#nav{padding:.34rem 0!important;}
  nav#nav .container.nav-inner{
    width: calc(100% - 10px)!important;
    margin-left: 4px!important;
    margin-right: 6px!important;
    gap: 6px!important;
  }
  .site-main-logo-link{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
  }
  .site-main-logo{
    width:50px!important;
    height:50px!important;
  }
  nav#nav .nav-links{gap:6px!important;}
  nav#nav .nav-group{gap:5px!important;}
  .nav-divider{height:20px!important;}
  body nav .nav-links .nav-joueurs-logo-link,
  body nav .nav-links .nav-staff-logo-link,
  body nav .nav-links .nav-temps-forts-logo-link,
  body nav .nav-links .nav-video-logo-link,
  body nav .nav-links .nav-contact,
  body nav .nav-links .nav-life-link{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
  body nav .nav-links .nav-joueurs-logo,
  body nav .nav-links .nav-staff-logo,
  body nav .nav-links .nav-temps-fort-logo,
  body nav .nav-links .nav-video-logo,
  body nav .nav-links .nav-contact-logo,
  body nav .nav-links .nav-gallery-logo{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  nav#nav .nav-links a{font-size:.56rem!important;letter-spacing:.06em!important;}
  .hero-content{padding-top:4.8rem!important;}
}
.brand-affiliation-group{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin-left:14px!important; 
}
.brand-affiliation-group .site-main-logo-link{
  width:68px!important;
  height:68px!important;
  flex:0 0 68px!important;
  border-radius:50%!important;
  overflow:visible!important;
}
.brand-affiliation-group .site-main-logo{
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.54))!important;
}
.header-fecafoot-affiliation{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:54px!important;
  padding:5px 13px 5px 7px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.22)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(10px)!important;
  white-space:nowrap!important;
}
.header-affiliation-logo{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.48))!important;
  flex:0 0 46px!important;
}
.header-affiliation-text{
  color:#fff!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 12px rgba(0,0,0,.62)!important;
}
nav#nav .nav-right-clean{
  flex:1 1 auto!important;
  min-width:0!important;
}
.institutional-affiliation-logo-group{
  display:inline-flex!important;
  align-items:center!important;
  gap:.7rem!important;
}
.institutional-affiliation-logo-group .institutional-logo-fecafoot{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}
@media(max-width:960px){
  .brand-affiliation-group{gap:8px!important;margin-left:10px!important;}
  .brand-affiliation-group .site-main-logo-link{width:58px!important;height:58px!important;flex-basis:58px!important;}
  .brand-affiliation-group .site-main-logo{width:54px!important;height:54px!important;}
  .header-fecafoot-affiliation{min-height:46px!important;padding:4px 9px 4px 5px!important;gap:6px!important;}
  .header-affiliation-logo{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .header-affiliation-text{font-size:.56rem!important;letter-spacing:.06em!important;}
}
@media(max-width:720px){
  .header-fecafoot-affiliation{padding:4px 6px!important;}
  .header-affiliation-text{display:none!important;}
}
@media(max-width:560px){
  .brand-affiliation-group{gap:5px!important;margin-left:6px!important;}
  .brand-affiliation-group .site-main-logo-link{width:46px!important;height:46px!important;flex-basis:46px!important;}
  .brand-affiliation-group .site-main-logo{width:44px!important;height:44px!important;}
  .header-fecafoot-affiliation{min-height:38px!important;padding:3px 4px!important;}
  .header-affiliation-logo{width:34px!important;height:34px!important;flex-basis:34px!important;}
}
.brand-affiliation-group{
  gap:16px!important;
  margin-left:18px!important;
}
.header-fecafoot-affiliation.header-fecafoot-affiliation-clean{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  white-space:nowrap!important;
}
.header-fecafoot-affiliation-clean .header-affiliation-logo{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.48))!important;
}
.header-affiliation-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
  color:#fff!important;
  line-height:.94!important;
  text-transform:uppercase!important;
  text-shadow:0 3px 14px rgba(0,0,0,.70)!important;
}
.header-affiliation-copy span{
  display:block!important;
  color:rgba(255,255,255,.72)!important;
  font-family:'Bebas Neue',Arial,sans-serif!important;
  font-size:.62rem!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}
.header-affiliation-copy strong{
  display:block!important;
  color:#fff!important;
  font-family:'Bebas Neue',Arial,sans-serif!important;
  font-size:.98rem!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
}
@media(max-width:960px){
  .brand-affiliation-group{gap:11px!important;margin-left:12px!important;}
  .header-fecafoot-affiliation-clean .header-affiliation-logo{width:46px!important;height:46px!important;flex-basis:46px!important;}
  .header-affiliation-copy span{font-size:.54rem!important;}
  .header-affiliation-copy strong{font-size:.82rem!important;}
}
@media(max-width:720px){
  .header-fecafoot-affiliation-clean{gap:7px!important;}
  .header-affiliation-copy{display:flex!important;}
  .header-affiliation-copy span{font-size:.48rem!important;letter-spacing:.06em!important;}
  .header-affiliation-copy strong{font-size:.72rem!important;letter-spacing:.04em!important;}
}
@media(max-width:560px){
  .brand-affiliation-group{gap:7px!important;margin-left:8px!important;}
  .header-fecafoot-affiliation-clean .header-affiliation-logo{width:36px!important;height:36px!important;flex-basis:36px!important;}
  .header-affiliation-copy span{font-size:.42rem!important;}
  .header-affiliation-copy strong{font-size:.64rem!important;}
}
@media(max-width:420px){
  .header-affiliation-copy{display:none!important;}
}
.nav-right-clean{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.nav-links.nav-text-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.nav-text-menu .nav-text-link,
.nav-text-menu .nav-social-link{
  position:relative!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 .48rem!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.88)!important;
  font-family:'Bebas Neue','DM Sans',system-ui,sans-serif!important;
  font-size:.92rem!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  text-decoration:none!important;
  filter:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
.nav-text-menu .nav-text-link:not(:last-of-type)::after{
  content:'|'!important;
  position:absolute!important;
  right:-.06rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:rgba(255,255,255,.34)!important;
  font-family:'DM Sans',system-ui,sans-serif!important;
  font-size:.74rem!important;
  font-weight:700!important;
}
.nav-text-menu .nav-text-link:hover,
.nav-text-menu .nav-social-link:hover,
.nav-text-menu .nav-text-link.is-active{
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.nav-text-menu .nav-text-link.is-active{
  color:#f26522!important;
}
.nav-text-menu .nav-text-link.is-active::before{
  content:''!important;
  position:absolute!important;
  left:.48rem!important;
  right:.48rem!important;
  bottom:-.55rem!important;
  height:2px!important;
  border-radius:999px!important;
  background:#f26522!important;
}
.nav-text-menu .nav-social-link{
  padding:0 .34rem!important;
  color:#fff!important;
  font-size:.9rem!important;
}
.nav-text-menu .nav-phone-link{
  margin-left:.38rem!important;
  font-family:'DM Sans',system-ui,sans-serif!important;
  font-size:1.05rem!important;
  font-weight:800!important;
}
.nav-text-menu .nav-instagram-link{
  font-size:.82rem!important;
  letter-spacing:.045em!important;
}
.nav-text-menu .nav-social-icon{
  display:block!important;
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  filter:none!important;
}
.nav-text-menu img:not(.nav-social-icon),
.nav-text-menu .nav-joueurs-logo,
.nav-text-menu .nav-staff-logo,
.nav-text-menu .nav-video-logo,
.nav-text-menu .nav-contact-logo,
.nav-text-menu .nav-gallery-logo,
.nav-text-menu .nav-temps-fort-logo{
  display:none!important;
}
@media(max-width:1180px){
  .nav-text-menu .nav-text-link,
  .nav-text-menu .nav-social-link{font-size:.8rem!important;padding:0 .34rem!important;letter-spacing:.025em!important;}
  .nav-text-menu .nav-instagram-link{font-size:.72rem!important;}
  .nav-text-menu .nav-social-icon{width:18px!important;height:18px!important;}
}
@media(max-width:980px){
  .nav-inner{gap:.65rem!important;}
  .nav-right-clean{overflow:hidden!important;}
  .nav-links.nav-text-menu{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:.18rem!important;
  }
  .nav-links.nav-text-menu::-webkit-scrollbar{display:none!important;}
  .nav-text-menu .nav-text-link,
  .nav-text-menu .nav-social-link{font-size:.72rem!important;padding:0 .28rem!important;}
  .nav-text-menu .nav-phone-link{font-size:.92rem!important;}
}
@media(max-width:720px){
  .nav-inner{align-items:center!important;}
  .brand-affiliation-group{flex:0 0 auto!important;}
  .nav-text-menu .nav-text-link,
  .nav-text-menu .nav-social-link{font-size:.66rem!important;padding:0 .24rem!important;}
  .nav-text-menu .nav-instagram-link{font-size:.64rem!important;}
  .nav-text-menu .nav-social-icon{width:17px!important;height:17px!important;}
}
:root{--nav-menu-red:#e30613;}
nav#nav .container.nav-inner{
  width:100%!important;
  max-width:none!important;
  padding-left:clamp(18px,2.6vw,46px)!important;
  padding-right:clamp(8px,1.1vw,18px)!important;
}
nav#nav .nav-right-clean{
  margin-left:auto!important;
  margin-right:-10px!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
nav#nav .nav-links.nav-text-menu{
  justify-content:flex-end!important;
}
nav#nav .nav-text-menu .nav-text-link,
nav#nav .nav-text-menu .nav-social-link{
  color:var(--nav-menu-red)!important;
  font-weight:800!important;
  text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
nav#nav .nav-text-menu .nav-text-link:not(:last-of-type)::after{
  color:rgba(227,6,19,.45)!important;
}
nav#nav .nav-text-menu .nav-text-link:hover,
nav#nav .nav-text-menu .nav-text-link:focus-visible,
nav#nav .nav-text-menu .nav-text-link.is-active,
nav#nav .nav-text-menu .nav-social-link:hover,
nav#nav .nav-text-menu .nav-social-link:focus-visible{
  color:var(--nav-menu-red)!important;
  transform:translateY(-1px)!important;
}
nav#nav .nav-text-menu .nav-text-link::before{
  content:''!important;
  position:absolute!important;
  left:.48rem!important;
  right:.48rem!important;
  bottom:-.55rem!important;
  height:2px!important;
  border-radius:999px!important;
  background:var(--nav-menu-red)!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  opacity:0!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
nav#nav .nav-text-menu .nav-text-link:hover::before,
nav#nav .nav-text-menu .nav-text-link:focus-visible::before,
nav#nav .nav-text-menu .nav-text-link.is-active::before{
  transform:scaleX(1)!important;
  opacity:1!important;
}
nav#nav .nav-text-menu .nav-phone-link{
  color:var(--nav-menu-red)!important;
}
nav#nav .nav-text-menu .nav-social-icon{
  filter:brightness(0) saturate(100%) invert(16%) sepia(95%) saturate(5243%) hue-rotate(350deg) brightness(92%) contrast(106%) drop-shadow(0 2px 8px rgba(0,0,0,.5))!important;
}
@media(max-width:1180px){
  nav#nav .nav-right-clean{margin-right:-4px!important;}
  nav#nav .container.nav-inner{padding-right:10px!important;}
}
@media(max-width:860px){
  nav#nav .nav-right-clean{margin-right:0!important;}
  nav#nav .container.nav-inner{padding-left:12px!important;padding-right:12px!important;}
}
nav#nav .nav-text-menu .nav-text-link{
  color:#fff!important;
}
nav#nav .nav-text-menu .nav-text-link:hover,
nav#nav .nav-text-menu .nav-text-link:focus-visible,
nav#nav .nav-text-menu .nav-text-link.is-active{
  color:#fff!important;
}
nav#nav .nav-text-menu .nav-text-link:not(:last-of-type)::after{
  color:rgba(255,255,255,.42)!important;
}
nav#nav .nav-text-menu .nav-text-link::before,
nav#nav .nav-text-menu .nav-text-link:hover::before,
nav#nav .nav-text-menu .nav-text-link:focus-visible::before,
nav#nav .nav-text-menu .nav-text-link.is-active::before{
  background:var(--nav-menu-red,#e30613)!important;
}
nav#nav .nav-text-menu .nav-phone-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  color:inherit!important;
}
nav#nav .nav-text-menu .nav-whatsapp-icon{
  width:34px!important;
  height:34px!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))!important;
}
@media(max-width:1180px){
  nav#nav .nav-text-menu .nav-whatsapp-icon{width:30px!important;height:30px!important;}
}
@media(max-width:720px){
  nav#nav .nav-text-menu .nav-whatsapp-icon{width:26px!important;height:26px!important;}
}
nav#nav .nav-text-menu .nav-instagram-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0 .34rem!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
nav#nav .nav-text-menu .nav-instagram-icon{
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))!important;
  border-radius:50%!important;
  background:transparent!important;
}
@media(max-width:1180px){
  nav#nav .nav-text-menu .nav-instagram-icon{width:30px!important;height:30px!important;min-width:30px!important;}
}
@media(max-width:720px){
  nav#nav .nav-text-menu .nav-instagram-icon{width:26px!important;height:26px!important;min-width:26px!important;}
}.skip-link{position:absolute;top:-40px;left:0;background:#d41920;color:#fff;padding:.6rem 1rem;z-index:9999;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;border-radius:0 0 8px 0;transition:top .2s ease;text-decoration:none}
.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:-4px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}}

/* ===== Hero sound button : SVG toggle ON/OFF ===== */
.hero-sound-btn .hero-sound-icon{
  width: 26px !important;
  height: 26px !important;
  color: #fff;
  display: block;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.hero-sound-btn .hero-sound-icon-on{ display: none; }
.hero-sound-btn.is-active .hero-sound-icon-off{ display: none; }
.hero-sound-btn.is-active .hero-sound-icon-on{ display: block; }
@media(max-width:560px){
  .hero-sound-btn .hero-sound-icon{ width: 22px !important; height: 22px !important; }
}


/* ============================================================
   MENU HAMBURGER MOBILE — BULLETPROOF (haute spécificité + !important)
   ============================================================ */

/* Bouton hamburger : caché par défaut */
nav#nav .mobile-menu-toggle {
  display: none;
  position: relative;
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  padding: 0 !important;
  margin-left: 0.5rem !important;
  z-index: 102 !important;
  box-shadow: none !important;
  flex-shrink: 0;
}

/* Les 3 barres blanches */
nav#nav .mobile-menu-toggle span {
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  height: 3px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
  transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
nav#nav .mobile-menu-toggle span:nth-child(1) { top: 13px !important; }
nav#nav .mobile-menu-toggle span:nth-child(2) { top: 21px !important; }
nav#nav .mobile-menu-toggle span:nth-child(3) { top: 29px !important; }

/* Animation en X quand ouvert */
nav#nav .mobile-menu-toggle.is-open span:nth-child(1) {
  top: 21px !important;
  transform: rotate(45deg);
}
nav#nav .mobile-menu-toggle.is-open span:nth-child(2) {
  opacity: 0;
}
nav#nav .mobile-menu-toggle.is-open span:nth-child(3) {
  top: 21px !important;
  transform: rotate(-45deg);
}

/* Panel mobile — caché par défaut */
.mobile-menu-panel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 5, 8, 0.97);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 101;
  padding: 5rem 1.5rem 2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.mobile-menu-panel.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}
.mobile-menu-panel-inner {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mobile-menu-panel a {
  display: block !important;
  padding: 1.1rem 1rem !important;
  color: #f7f7f4 !important;
  text-decoration: none !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}
.mobile-menu-panel a:hover,
.mobile-menu-panel a:active {
  background: rgba(212, 25, 32, 0.12) !important;
  color: #ffffff !important;
  padding-left: 1.4rem !important;
}
.mobile-menu-panel a.is-social {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  margin-top: 0.5rem !important;
  font-size: 0.9rem !important;
}
.mobile-menu-panel a.is-social img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
}
body.mobile-menu-open {
  overflow: hidden !important;
}

/* ============================================================
   ACTIVATION SUR MOBILE — Écrans < 880px
   ============================================================ */
@media (max-width: 880px) {
  /* AFFICHE le bouton hamburger — BULLETPROOF */
  nav#nav .mobile-menu-toggle {
    display: block !important;
  }
  /* AFFICHE le panel */
  .mobile-menu-panel {
    display: block !important;
  }
  /* CACHE les liens texte de la nav */
  nav#nav .nav-text-menu .nav-text-link {
    display: none !important;
  }
  /* CACHE le texte FECAFOOT pour gagner de la place */
  nav#nav .header-affiliation-copy {
    display: none !important;
  }
  /* GARDE visibles les icônes sociales */
  nav#nav .nav-text-menu .nav-social-link {
    display: inline-flex !important;
  }
  /* Réduit la taille des logos */
  nav#nav .site-main-logo,
  nav#nav .header-affiliation-logo {
    width: 42px !important;
    height: 42px !important;
  }
  /* Espace plus serré */
  nav#nav .brand-affiliation-group {
    gap: 0.5rem !important;
  }
  nav#nav .nav-inner {
    gap: 0.4rem !important;
  }
}

/* Petits écrans — encore plus compact */
@media (max-width: 480px) {
  nav#nav .site-main-logo,
  nav#nav .header-affiliation-logo {
    width: 38px !important;
    height: 38px !important;
  }
  nav#nav .nav-text-menu .nav-social-icon {
    width: 28px !important;
    height: 28px !important;
  }
  nav#nav .mobile-menu-toggle {
    margin-left: 0.25rem !important;
  }
}

/* Spécifique iPhone Safari (notch) */
@supports (padding: max(0px)) {
  .mobile-menu-panel {
    padding-top: max(5rem, env(safe-area-inset-top) + 4rem);
    padding-bottom: max(2rem, env(safe-area-inset-bottom) + 1rem);
  }
}