From 73a71ce59e54c68bac266a0b8557a584bee05d68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 25 Mar 2026 16:27:09 +0100
Subject: [PATCH] Tighten hero lockup

---
 styles.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index 8ed951a..8d87a57 100644
--- a/styles.css
+++ b/styles.css
@@ -128,9 +128,11 @@ button {
 .hero__headline-wrap {
   font-size: clamp(0.8rem, 1.4vw, 1rem);
   position: relative;
-  max-width: 32em;
+  width: fit-content;
+  max-width: 100%;
   min-height: 26em;
   padding-top: 6em;
+  margin-inline: auto;
 }
 
 .section-title {
@@ -142,6 +144,7 @@ button {
 }
 
 .section-title--hero {
+  display: inline-block;
   position: relative;
   z-index: 2;
   max-width: none;
@@ -742,7 +745,8 @@ button {
     font-size: clamp(0.58rem, 2.6vw, 0.82rem);
     min-height: 18em;
     padding-top: 3.4em;
-    max-width: none;
+    width: fit-content;
+    max-width: 100%;
   }
 
   .section-title--hero {