/* Animation d'entrée LSP Pilotage : les 5 feux de départ s'allument, s'éteignent… et le drapeau à damier dévoile la page.
   Une fois par session, passable au clic / Échap, ?intro=1 / ?intro=0, désactivée si « réduire les animations ». */
.intro{display:none}
.intro-on .intro{display:flex;position:fixed;inset:0;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:#0a0a0c;cursor:pointer;transition:opacity .3s}
.intro-on body{overflow:hidden}
.intro-lights{display:flex;gap:clamp(8px,2.5vw,22px);padding:18px clamp(14px,3vw,26px);background:#18181c;border-radius:12px;box-shadow:inset 0 0 0 2px #26262c}
.intro-lights span{width:clamp(30px,11vw,68px);aspect-ratio:1;border-radius:50%;background:#2a0d0d;box-shadow:inset 0 -6px 12px rgba(0,0,0,.6);transition:background .08s,box-shadow .08s}
.intro-lights span.on{background:radial-gradient(circle at 40% 35%,#ff8a7a,#e52321 45%,#9d0e0c);box-shadow:0 0 34px 6px rgba(229,35,33,.75),inset 0 -6px 12px rgba(0,0,0,.25)}
.intro-go{margin:0;font:600 clamp(3rem,12vw,7rem)/1 Teko,Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff;opacity:0;transform:scale(.6)}
.intro.go .intro-go{animation:go .55s cubic-bezier(.2,1.4,.4,1) forwards}
.intro.go .intro-lights{opacity:.25;transition:opacity .3s}
/* Drapeau à damier qui balaie l'écran */
.intro-flag{position:absolute;inset:0 auto 0 0;width:140vw;transform:translateX(-150vw);background:
  conic-gradient(#fff 25%,#0a0a0c 0 50%,#fff 0 75%,#0a0a0c 0) 0 0/64px 64px}
.intro.wipe .intro-flag{animation:wipe .75s cubic-bezier(.7,0,.3,1) forwards}
.intro.wipe .intro-lights,.intro.wipe .intro-go{opacity:0;transition:opacity .2s .25s}
.intro.done{opacity:0;pointer-events:none}
.intro-skip{position:absolute;right:18px;bottom:18px;background:none;border:1px solid #444;color:#aaa;font:500 .8rem Poppins,sans-serif;padding:.5em 1em;border-radius:3px;cursor:pointer}
@keyframes go{to{opacity:1;transform:none}}
@keyframes wipe{0%{transform:translateX(-150vw)}55%{transform:translateX(-20vw)}100%{transform:translateX(100vw)}}
