/* Accueil (design/Main.dc.html). Utilise tokens.css et components.css. */
.accueil{position:relative;overflow:hidden;min-height:640px;height:100vh;height:100svh;background:var(--nuit);color:var(--blanc);display:flex;flex-direction:column}

/* Vidéo de fond : assombrie, teintée, muette. L'image de repli (poster) reçoit le même traitement. */
.fond-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);filter:grayscale(1) sepia(.6) contrast(1.15) brightness(.5);pointer-events:none}
.voile{position:absolute;inset:0;background:rgba(27,20,14,.72)}
.halo-centre{position:absolute;inset:0;background:radial-gradient(ellipse 62% 58% at 50% 52%,rgba(27,20,13,.94) 0%,rgba(27,20,13,.8) 48%,rgba(27,20,13,0) 100%)}

/* Bandes de sports défilantes */
.bandes{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:.4}
.mq-row{overflow:hidden;width:100%}
.mq-track{display:flex;width:max-content;will-change:transform}
.mq-word{font-family:var(--police-titre);font-weight:800;text-transform:uppercase;font-size:clamp(72px,10.5vw,168px);line-height:.98;letter-spacing:-.02em;white-space:nowrap;padding-right:.35em;display:inline-flex;align-items:center;gap:.35em}
.mq-word::after{content:'';width:.13em;height:.13em;border-radius:50%;background:var(--accent);opacity:.55;flex:none}
.mq-word.out{color:transparent;-webkit-text-stroke:1.5px rgba(201,179,154,.26)}
.mq-word.fil{color:var(--surface)}
.mq-word.acc{color:var(--accent);opacity:.16}
@keyframes mqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.l1{animation:mqL 70s linear infinite}
.l2{animation:mqL 52s linear infinite}
.l3{animation:mqL 90s linear infinite}
.r1{animation:mqR 62s linear infinite}
.r2{animation:mqR 80s linear infinite}

/* Contenu */
.accueil-in{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:28px var(--marge-ecran)}
.accueil-haut,.accueil-bas{display:flex;justify-content:space-between;align-items:center;gap:12px 32px;flex-wrap:wrap}
.accueil-centre{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(16px,2.4vh,28px);padding:12px 0}
.accueil-logo{width:clamp(170px,17vw,250px);height:auto;display:block}
.accueil-titre{margin:0;max-width:1180px;font-weight:800;text-transform:uppercase;font-size:clamp(30px,4.6vw,70px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.accueil-titre .acc{color:var(--accent)}
.accueil-texte{margin:0;max-width:560px;font-size:clamp(16px,1.5vw,20px);line-height:1.5;color:var(--creme);text-wrap:pretty}
.accueil-bas a{color:var(--sable);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px;font-family:var(--police-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.accueil-liens{display:flex;gap:20px;flex-wrap:wrap}

@media (max-width:640px){
  .accueil{min-height:560px}
  .accueil-in{padding-top:20px;padding-bottom:12px}
}