Adjust hero proportions

styles.css

@@ -105,6 +105,10 @@ button {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
+.hero {
+  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.88fr);
+}
+
 .brand {
   width: clamp(200px, 22vw, 320px);
 }
@@ -117,7 +121,7 @@ button {
   gap: 2.5rem;
   min-height: 100%;
   padding-top: clamp(2.25rem, 4vw, 3.75rem);
-  padding-bottom: clamp(2.25rem, 4vw, 3.5rem);
+  padding-bottom: clamp(2rem, 3.4vw, 3rem);
 }
 
 .hero__headline-wrap {
@@ -156,7 +160,7 @@ button {
 }
 
 .hero__media {
-  min-height: 760px;
+  min-height: 660px;
 }
 
 .hero__media img,