diff --git a/custom.css b/custom.css
index c92b4c7..de36052 100644
--- a/custom.css
+++ b/custom.css
@@ -42,12 +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 stack, left-aligned: wordmark, then the tagline description,
+   then the big question - the description reordered to sit between
+   them. */
+.hero {
+  align-items: flex-start;
+  text-align: left;
+}
 .hero-copy {
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: flex-start;
+  text-align: left;
   gap: 0.55rem;
 }
 .hero-copy .wordmark { order: 0; margin-bottom: 0.35rem; }
diff --git a/images/wordmark.svg b/images/wordmark.svg
index 7f10f45..2abc90c 100644
--- a/images/wordmark.svg
+++ b/images/wordmark.svg
@@ -1,9 +1,9 @@
-<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">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 805 224" 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. -->
   <defs><path d="M 0,0 15,20 0,40" id="k"/></defs>
-  <g transform="translate(14,15) scale(2.174)">
+  <g transform="translate(0,10) scale(1.9931)">
     <rect width="92" height="92" rx="10" ry="10" fill="#880000"/>
     <g transform="translate(42 27)" stroke-width="10" stroke-linecap="round"
        stroke-miterlimit=".2" stroke-linejoin="round" stroke="#ffffff" fill="none">
@@ -16,7 +16,7 @@
     </g>
   </g>
   <!-- "Klingenberg / Bygg" as outline paths (pango, Futura Now Heavy). -->
-  <svg x="235" y="5.3" width="593" height="222.3" viewBox="0 0 614 230">
+  <svg x="197" y="0" width="614" height="230" viewBox="0 0 614 230">
 <defs>
 <g>
 <g id="glyph-0-0">