Continue Header, Footer, add SkipNavLink

src/components/landing/ContactSection.astro

@@ -4,7 +4,7 @@ import { Picture } from "astro:assets";
 import ArrowUpRight from "../icons/ArrowUpRight.astro";
 ---
 
-<div class="contact">
+<div class="contact" aria-label="Contact section">
     <Picture
         class="image"
         src={ContactImage}
@@ -39,12 +39,10 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
 
     picture {
         display: block;
-        width: 100%;
-        /* height: 100%; */
-        max-height: 500px;
+        width: calc(100% + 5rem);
         grid-column: 1 / 5;
         /* TODO substitute horizontal spacing with var */
-        transform: translate3d(calc(-1 * 5rem), 0, 0);
+        transform: translate3d(-5rem, 0, 0);
         z-index: -1;
     }
 
@@ -85,5 +83,9 @@ import ArrowUpRight from "../icons/ArrowUpRight.astro";
         font-size: 6.25rem;
         font-weight: 600;
         text-transform: uppercase;
+
+        span {
+            line-height: var(--leading-tightest);
+        }
     }
 </style>