✨feature: Build interior layout

styles/blocks/page-hero.css

@@ -2,10 +2,10 @@
  * Scoped to .page-hero to avoid affecting the homepage-hero block. */
 
 .page-hero {
-    background: linear-gradient(83.68deg, #032F46 3.13%, #006196 45.91%, #8FC9E6 96.27%);
+    background: linear-gradient(73.83deg, #8FC9E6 -8.7%, #006196 21.51%, #032F46 60.7%);
     isolation: isolate;
+    margin-bottom: 10rem;
     min-height: clamp(31rem, 38vw, 36rem);
-    overflow: hidden;
     position: relative;
 }
 
@@ -16,19 +16,22 @@
 }
 
 .page-hero__heading {
-    color: var(--color-light, #fff);
-    font-family: var(--font-quincy, 'Quincy', serif);
-    font-weight: 400;
-    font-size: clamp(2.5rem, 6vw, 4.5rem);
-    line-height: 1.05;
-    margin-block: clamp(1.5rem, 4vw, 3rem) 0;
+    color: #fff;
+    line-height: 1;
+    margin: 3rem 0 1.5rem;
     max-width: 36rem;
     text-align: left;
+
+    em {
+        color: var(--color-secondary);
+        font-style: normal;
+    }
 }
 
 .page-hero__intro {
-    color: var(--color-light, #fff);
+    color: #fff;
     font-size: clamp(1rem, 1.5vw, 1.25rem);
+    font-weight: 300;
     line-height: 1.5;
     max-width: 36rem;
     opacity: 0.95;
@@ -36,13 +39,13 @@
 }
 
 .page-hero__media {
-    bottom: -8%;
+    bottom: -5%;
     height: auto;
     max-height: none;
     pointer-events: none;
     position: absolute;
-    right: clamp(0.5rem, 2vw, 2rem);
-    top: clamp(2rem, 4vw, 4rem);
+    right: 23vw;
+    top: 3rem;
     width: auto;
     z-index: 1;
     /* Set width via max-width so the image's natural aspect ratio is preserved. */