/* Intro animée — valeurs identiques à la maquette (accueil-desktop) */
.lta-intro { position:absolute; left:0; top:0; width:100%; height:863px; z-index:40; overflow:hidden; background:#173F77; cursor:pointer; }
.lta-intro[hidden] { display:none !important; }
/* While waiting for GSAP, keep the overlay up despite [hidden] so the hero never flashes */
html.lta-intro-active .lta-intro[hidden] { display:block !important; }
.lta-intro__svg { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; }
.lta-intro__centre { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:26px; pointer-events:none; }
.lta-intro__logo { width:210px; height:auto; display:block; opacity:0; }
.lta-intro__date { display:flex; align-items:center; gap:14px; font-family:'Hanken Grotesk',sans-serif; font-size:12px; letter-spacing:.32em; text-transform:uppercase; color:#fff; opacity:0; }
.lta-intro__point { width:4px; height:4px; border-radius:50%; background:#F3C416; }
.lta-intro__jaune { color:#F3C416; }
.lta-intro__passer { position:absolute; right:72px; bottom:44px; padding:12px 0; border:0; background:none; font-family:'Hanken Grotesk',sans-serif; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.8); opacity:0; cursor:pointer; }
.lta-intro__passer:focus-visible { outline:2px solid #F3C416; outline-offset:4px; }
/* Mobile : même séquence, cercle plus petit, bouton recalé */
@media (max-width:759px) {
  .lta-intro__logo { width:150px; }
  .lta-intro__passer { right:20px; bottom:24px; }
}
/* Évite le flash du hero avant que le JS ne prenne la main */
html.lta-intro-active [data-intro-hold] [data-anim] { opacity:0; }
html.lta-intro-active .lta-header { opacity:0; }
/*
 * Ring/disc sit above the hero box (negative top) and are normally clipped.
 * While the header is transparent, that clip leaves a #173F77 band under the
 * header and truncates the video. Allow top overflow only (clip sides/bottom).
 */
html.lta-intro-active .lta-hero {
  overflow: visible;
  clip-path: inset(-600px 0 0 0);
}