✨feature: Mobile homepage updates

views/blocks/our-work/our-work.css

@@ -190,20 +190,21 @@
 
 @media (max-width: 640px) {
     .our-work {
-        margin-bottom: 3.5rem;
-        padding-top: 3rem;
+        margin-bottom: 2rem;
+        padding-top: 3.25rem;
     }
 
     .our-work__inner {
-        gap: 2rem;
+        gap: 1.4rem;
     }
 
     .our-work__content {
+        max-width: 20rem;
         text-align: left;
     }
 
     .our-work__content .acf-innerblocks-container {
-        gap: 1.25rem;
+        gap: 1rem;
     }
 
     .our-work__content h1,
@@ -212,14 +213,43 @@
     .our-work__content h4,
     .our-work__content h5,
     .our-work__content h6 {
-        font-size: var(--text-40px);
+        font-size: clamp(2rem, 9vw, 2.45rem);
+    }
+
+    .our-work__content p {
+        font-size: var(--text-14px);
+        line-height: 1.35;
     }
 
     .our-work__content .wp-block-acf-buttons > div {
+        gap: 0.75rem;
         justify-content: flex-start;
     }
 
+    .our-work__content .button {
+        font-size: var(--text-14px);
+        min-height: 2.25rem;
+        min-width: 6.35rem;
+        padding: 0.5rem 0.8rem;
+    }
+
+    .our-work__media--left {
+        justify-self: start;
+        margin: 0 0 -3.25rem;
+        max-width: 9.5rem;
+        position: relative;
+        z-index: 2;
+    }
+
     .our-work__media--bottom {
-        margin-bottom: -3rem;
+        justify-self: end;
+        margin-bottom: -2.35rem;
+        max-width: 20.5rem;
+        width: calc(100% - 2.25rem);
+    }
+
+    .our-work:not(.has-left-image) .our-work__media--bottom {
+        justify-self: center;
+        width: 100%;
     }
 }