Wordmark: K/B flukter med firkantens kropp; venstrejustert hero

Firkanten skalert til bokstavkroppen (K-topp = firkant-topp, B-grunnlinje
= firkant-bunn, med hengende g-underlengder). Hele heroen venstrejustert.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Y42TyF8Zu7NGRR2893vNcZ

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
+/* Hero stack, left-aligned: wordmark, then the tagline description,
-   question - the description reordered to sit between them. */
+   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; }

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">