/* -------------------------------------------------------------------------- */ /* Intro « les yeux d'abord » — première arrivée sur le site (js/intro.js) */ /* -------------------------------------------------------------------------- */ /* functions.php pose html.ac-intro (+ .ac-intro-pre) dès le , une fois */ /* par session de navigation. .ac-intro-pre = voile rose immédiat, avant même */ /* que le JS du pied de page ne construise le panneau : aucun flash du site. */ /* -------------------------------------------------------------------------- */ html.ac-intro-pre::before { content: ""; position: fixed; inset: 0; background: #ffd5d2; z-index: 2147481900; } html.ac-intro:not(.ac-intro-revealed) { overflow: hidden; } /* Le PANNEAU s'appelle .ac-intro-panel et non .ac-intro : `ac-intro` est la classe d'ÉTAT posée sur , et ce bloc (position:fixed, display:flex, fond rose…) s'appliquait aussi à l'élément pendant la séquence (constaté le 14/09/2026 : mesures de ScrollSmoother faussées, saut d'ancre impossible). */ .ac-intro-panel { position: fixed; inset: 0; z-index: 2147481950; /* sous le panneau de transition (…82000) et le curseur */ display: flex; align-items: center; justify-content: center; background: #ffd5d2; will-change: transform; cursor: pointer; /* un clic = on passe l'intro */ } .ac-intro__logo { width: clamp(150px, 26vw, 250px); line-height: 0; } .ac-intro__logo svg { display: block; width: 100%; height: auto; overflow: visible; } .ac-intro__logo svg path { fill: #1d1d1b; } /* indication discrète, apparaît après 1,2 s */ .ac-intro__skip { position: absolute; left: 50%; bottom: clamp(20px, 5vh, 48px); transform: translateX(-50%); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #1d1d1b; opacity: 0; animation: ac-intro-skip 1s 1.2s forwards; } @keyframes ac-intro-skip { to { opacity: .55; } }