diff --git a/custom.css b/custom.css
index 0907ba6..c92b4c7 100644
--- a/custom.css
+++ b/custom.css
@@ -42,6 +42,18 @@ h1, h2, h3 {
 }
 .hero-copy h1 { font-size: 2.6rem; }
 
+/* Hero stack: wordmark, then the tagline description, then the big
+   question - the description reordered to sit between them. */
+.hero-copy {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.55rem;
+}
+.hero-copy .wordmark { order: 0; margin-bottom: 0.35rem; }
+.hero-copy p { order: 1; margin: 0; }
+.hero-copy h1 { order: 2; margin: 0.1rem 0 0; }
+
 /* Body reads as Garamond serif. */
 body { font-family: var(--sans); font-size: 1.06rem; }
 
diff --git a/images/wordmark.svg b/images/wordmark.svg
index 514b5ac..7f10f45 100644
--- a/images/wordmark.svg
+++ b/images/wordmark.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 872 230" role="img" aria-label="Klingenberg Bygg">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 828 230" role="img" aria-label="Klingenberg Bygg">
   <title>Klingenberg Bygg</title>
   <!-- The red KB square mark (same as the favicon), colours fixed
        from the mark plus two graduated ghost chevrons. -->
@@ -16,7 +16,7 @@
     </g>
   </g>
   <!-- "Klingenberg / Bygg" as outline paths (pango, Futura Now Heavy). -->
-  <svg x="235" y="0" width="614" height="230" viewBox="0 0 614 230">
+  <svg x="235" y="5.3" width="593" height="222.3" viewBox="0 0 614 230">
 <defs>
 <g>
 <g id="glyph-0-0">
diff --git a/site.yaml b/site.yaml
index ef0b2d8..0ec6653 100644
--- a/site.yaml
+++ b/site.yaml
@@ -1,6 +1,6 @@
 title: Klingenberg Bygg
 wordmark: https://prosjekt.klingenbergbygg.no/klingenbergbygg/questions/raw/branch/main/images/wordmark.svg
-wordmark_height: 3.4
+wordmark_height: 4.4
 lang: no
 stylesheet: custom.css
 favicon: images/logo.svg