fix: anchor mobile hero vector to the viewport

Move the mobile hero <img> out of the .vector container (which is intentionally wider than the viewport to bleed the desktop SVG) so the mobile img anchors to .heroVector's full-width edges. Set width: 100vw, left: 0, bottom: 6.25rem so the 402-wide mobile SVG distributes the linework across the full hero at the 402 reference composition.

views/blocks/homepage-hero/homepage-hero.css

@@ -131,9 +131,12 @@
     }
 
     .homepage-hero .heroVector .hero-vector--mobile {
+        bottom: 6.25rem;
         display: block;
         height: auto;
-        width: 100%;
+        left: 0;
+        position: absolute;
+        width: 100vw;
     }
 
     .homepage-hero .heroMedia img,

views/blocks/homepage-hero/homepage-hero.php

@@ -80,8 +80,8 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
     <div class="heroVector absolute inset-0 z-10">
         <div class="vector absolute bottom-8 w-full">
             <?php get_template_part( 'views/partials/hero-vector' ); ?>
-            <?php get_template_part( 'views/partials/hero-vector-mobile' ); ?>
         </div>
+        <?php get_template_part( 'views/partials/hero-vector-mobile' ); ?>
     </div>
 
     <div class="homepage-hero__location" aria-hidden="true">