Stack the wordmark above the question banner

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-09-22 19:08:42 +02:00
parent fafcc5ea37
commit bbcab04a52
1 changed files with 12 additions and 0 deletions
@@ -38,6 +38,18 @@ h1, h2, h3 {
  letter-spacing: -0.01em;
 }

+/* Wordmark above, then the question: stacked, so the skewed banner
+   never runs into the wordmark. */
+.hero-copy {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.9rem;
+}
+.hero-copy .wordmark { order: 0; }
+.hero-copy h1 { order: 1; }
+.hero-copy p { order: 2; }
+
 /* The page's question sits in a vel-blue banner at the same slight
   skew as the title on tomtervel.no. */
 .hero-copy h1 {