style hero

assets/sass/_theme/sections/projects.sass

@@ -16,6 +16,34 @@
     &:not(.full-width)
         .project-sidebar
             @include sidebar
+    .hero
+        .content
+            align-items: stretch
+        .hero-text
+            display: flex
+            flex-direction: column
+            gap: $spacing-3
+
+    @include media-breakpoint-up(sm)
+        .hero
+            .project-infos
+                width: columns(8)
+    @include media-breakpoint-up(md)
+        .hero
+            .project-infos
+                width: columns(6)
+    @include media-breakpoint-up(desktop)
+        .hero
+            .content
+                align-items: stretch
+            .hero-text
+                justify-content: space-between
+                gap: $spacing-5
+                width: columns(6)
+            .project-infos
+                width: columns(4)
+            figure
+                width: columns(6)
 
 .project-infos
     @include section__page-infos

layouts/partials/header/hero.html

@@ -43,6 +43,10 @@
             <a href="{{ .target }}" class="btn">{{ .label }}</a>
           {{ end }}
         {{ end }}
+
+        {{ if .hero_text_complement }}
+          {{ partial .hero_text_complement .context }}
+        {{ end }}
       </div>
 
       {{ if .image }}

layouts/partials/projects/hero-single.html

@@ -4,5 +4,6 @@
         "title" $title
         "image" .Params.image
         "sizes" site.Params.image_sizes.sections.projects.hero_single
+        "hero_text_complement" "projects/project-infos.html"
         "context" .
       ) -}}

layouts/projects/single.html

@@ -7,7 +7,7 @@
     {{ with .Params.summary }}<meta itemprop="abstract" content="{{ . | safeHTML }}">{{ end }}
     {{ with .Summary }}<meta itemprop="description" content="{{ . | safeHTML }}">{{ end }}
 
-    {{ partial "projects/sidebar.html" . }}
+    {{/*  {{ partial "projects/sidebar.html" . }}  */}}
 
     {{ partial "projects/summary.html" (dict
         "context" .