ajouté cesures sur titres variables

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

@@ -13,6 +13,18 @@ body{
   // background-color: green;
 }
 
+// Splitting met .word ET .char en inline-block :
+// - inline-block sur .char crée une opportunité de coupure entre CHAQUE lettre ;
+// - inline-block sur .word (dimensionné en max-content) empêche tout retour à la
+//   ligne interne, donc les soft hyphens ne peuvent jamais couper le mot.
+// On repasse les deux en inline : le mot redevient un flux de texte qui ne coupe
+// qu'aux césures logicielles (U+00AD) insérées par le JS.
+// Spécificité (0,2,1) pour battre `.splitting .word/.char` de Splitting.
+.splitting span.word,
+.splitting span.char{
+  display: inline;
+}
+
 $header_height: 50px;
 
 //  _                             _
@@ -179,29 +191,27 @@ header[role="banner"]{
 
 div.layout.layout--twocol-section--50-50{
   flex-wrap: nowrap;
-  column-gap: 1em;
+  column-gap: 2%;
   div.layout__region{
+    max-width: 49%;
+    flex: 1 0 50%;
     .views-row{
       // border: 1px solid red;
       // box-sizing: border-box;
-      margin-bottom: 1.5em;
+      margin-bottom: 2em;
+      max-width: 100%;
       article.node-type-projet{
         >header{
           >h2{
             margin: 0;
             font-size: 5em;
+            font-weight: 200;
             text-transform:lowercase;
+            // margin-left: -0.04em;
             filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 15px #fff);
             span.word{
-              hyphens: auto;
-
-              // $bgcolor:rgba(255,255,255,0.8);
-              // // background-color: $bgcolor;
-              // border-radius: 0.8em;
-              // box-shadow: 0 0 20px #fff;
-
               span.char{
-                letter-spacing:-0.2em;
+                letter-spacing:-0.1em;
               }
             }
             // span.whitespace{