From 696fbf86db064570ddfbb6ce175cc15d217da93a 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:25:11 +0100
Subject: [PATCH] Link hero lockup scale

---
 styles.css | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/styles.css b/styles.css
index dc764cf..8ed951a 100644
--- a/styles.css
+++ b/styles.css
@@ -126,10 +126,11 @@ button {
 }
 
 .hero__headline-wrap {
+  font-size: clamp(0.8rem, 1.4vw, 1rem);
   position: relative;
-  max-width: 32rem;
-  min-height: 26rem;
-  padding-top: 6rem;
+  max-width: 32em;
+  min-height: 26em;
+  padding-top: 6em;
 }
 
 .section-title {
@@ -144,7 +145,7 @@ button {
   position: relative;
   z-index: 2;
   max-width: none;
-  font-size: clamp(4rem, 5.15vw, 5.2rem);
+  font-size: 4.5em;
   text-align: center;
 }
 
@@ -160,9 +161,9 @@ button {
 }
 
 .hero__scribble--composite {
-  width: clamp(336px, 28vw, 448px);
-  top: -6.2rem;
-  left: calc(11rem + 50px);
+  width: 28em;
+  top: -6.2em;
+  left: 14.125em;
 }
 
 .hero__media {
@@ -738,18 +739,19 @@ button {
   }
 
   .hero__headline-wrap {
-    min-height: 18rem;
-    padding-top: 3.4rem;
+    font-size: clamp(0.58rem, 2.6vw, 0.82rem);
+    min-height: 18em;
+    padding-top: 3.4em;
     max-width: none;
   }
 
   .section-title--hero {
-    font-size: clamp(2.35rem, 10.5vw, 3.4rem);
+    font-size: 4.05em;
   }
 
   .hero__scribble--composite {
-    width: 320px;
-    top: -3rem;
+    width: 20em;
+    top: -3em;
     left: 50%;
     transform: translateX(-50%);
   }