diff --git a/custom.css b/custom.css
index 7837760..f11b07a 100644
--- a/custom.css
+++ b/custom.css
@@ -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 {