fixed typographic traitment, moved js alog to header defer script for speed, no more flickering

web/themes/custom/leshed/assets/scss/main.scss

@@ -237,6 +237,39 @@ header[role="banner"]{
   // }
 }
 
+// Titres traités par assets/js/titles.js : garder identique à TITLE_SELECTORS.
+$variable-title-selectors: (
+  '#block-leshed-identitedusite>a',
+  'article.node-type-projet>header>h2',
+  'article.node-type-projet>.cols>.left>h2',
+  'article.node-type-projet.view-mode-full h2.node-title',
+  'article.node-type-evenement>header>h2',
+  'article.node-type-evenement>header>.field_dates>time',
+  'article.node-type-evenement.view-mode-full h2.node-title',
+  'article.node-type-evenement.view-mode-full .field_dates.digit-dates span.date-part',
+);
+
+// Avant le split : même métrique qu'après, pour éviter un saut de mise en page.
+:where(#{$variable-title-selectors}):not(.splitting){
+  margin: 0;
+  font-weight: 200;
+  text-transform: lowercase;
+  line-height: 1;
+  letter-spacing: -0.1em;
+}
+
+// Masqués (place conservée) jusqu'au split ; réaffichés après 3 s si le JS échoue.
+@media (scripting: enabled){
+  :where(#{$variable-title-selectors}):not(.is-ready){
+    visibility: hidden;
+    animation: leshed-title-failsafe 0s 3s forwards;
+  }
+}
+
+@keyframes leshed-title-failsafe{
+  to{ visibility: visible; }
+}
+
 @mixin nodeListe{
   >header{