Link hero lockup scale

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%);
   }