/* ════════════════════════════════════════════════════════════ PAGE ACCUEIL — "La Ligne de Lumière" Port de _references/Bligne.html. Tout est scopé sous .be-home (nesting CSS natif — cf. ARCHITECTURE.md section 16, "custom properties + nesting natif" est la direction actée pour ce projet sans build step). Pourquoi le scope : - Les tokens --noir/--or/--creme/... de style.css sont GLOBAUX et ne doivent pas être touchés (gotcha ARCHITECTURE.md section 16). Cette page définit donc son propre jeu de tokens, sous des noms neufs (--bg, --ink, --ice...), sans collision. - Le reset `*{margin:0;padding:0}` de la référence, s'il restait global, écraserait le header/footer Kadence (chargés sur la même page via get_header()/get_footer()). Scopé à `.be-home *`, il ne touche que le contenu propre à cette page. - `html`/`body` gardent uniquement ce qui est explicitement demandé (overflow-x clip) — pas le background/color/font de la référence, qui iraient sinon cascader jusque dans le header/footer Kadence. Ces propriétés "de canevas" sont posées sur .be-home à la place. ════════════════════════════════════════════════════════════ */ :root{ --bg:#0A0D11; --ink:#EAEDF0; --ink-2:#9AA2AB; --ink-3:#68707A; --ch-a:#79818B; --ch-b:#D3D9E0; --ch-c:#F1F4F7; --ice:#7EB4DB; --ice-2:#B0D3EC; --mauve:#AF8FC5; --line:rgba(234,237,240,.09); --line-2:rgba(234,237,240,.045); --glass:rgba(10,13,17,.56); --disp:'Newsreader',serif; --ui:'Inter',sans-serif; --bar-h:78px; } /* Exigé explicitement (point de vigilance) — évite le dézoom mobile causé par les éléments position:fixed/absolute qui débordent. */ html{overflow-x:hidden;overflow-x:clip} body{overflow-x:clip;background:var(--bg)} /* Kadence peint son propre fond (réglage global "couleur de fond du site") sur #wrapper, un ancestor entre et .be-home. Un fond OPAQUE ici — même de la bonne couleur — masquerait #dna : #wrapper est un frère de #dna sans z-index, il se peint donc devant un enfant en z-index négatif (empilement CSS standard : les descendants non positionnés du body passent au-dessus des enfants à z-index négatif). Solution : le rendre transparent, pour laisser voir le fond de (donc #dna) au travers. Cette feuille ne charge que sur l'accueil, donc sans impact ailleurs. */ #wrapper{background:transparent!important} /* La barre de location est fixed en bas d'écran (z-index:70) : sans marge réservée, elle recouvre le bas du footer Kadence. La référence gérait ça sur son propre