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
2026-09-01 22:31:03 +02:00
parent 25906de5c2
commit 49abc7dab0
3 changed files with 15 additions and 3 deletions
@@ -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; }