Wordmark: rett opp K/B mot firkanten, større, og omorganisert hero

Teksten skalert så toppen av K og bunnen av Bygg flukter med
firkantens topp/bunn. Wordmark større (4.4rem). Beskrivelsen flyttet
mellom wordmark og spørsmålet via flex-order.

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

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; }
 

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

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