From ca8f5c939dbb0eedc74891b07a8141ae7a8a3bb1 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Sat, 27 Jun 2026 21:38:58 -0500
Subject: [PATCH] fix: preserve reusable contact linework ratio

---
 tests/mobile-homepage.spec.js                | 4 ++++
 views/blocks/contact-block/contact-block.css | 1 +
 2 files changed, 5 insertions(+)

diff --git a/tests/mobile-homepage.spec.js b/tests/mobile-homepage.spec.js
index b64c8b7..a7eb435 100644
--- a/tests/mobile-homepage.spec.js
+++ b/tests/mobile-homepage.spec.js
@@ -385,9 +385,12 @@ test("mobile contact card matches the 402px reference geometry", async ({
 
         const media = clone.querySelector(".contact-block__media");
         const content = clone.querySelector(".contact-block__content");
+        const linework = clone.querySelector(".contact-block__linework");
+        const lineworkBox = linework.getBoundingClientRect();
         const styles = {
             borderRadius: getComputedStyle(clone).borderRadius,
             contentPaddingLeft: getComputedStyle(content).paddingLeft,
+            lineworkRatio: lineworkBox.width / lineworkBox.height,
             maskImage: getComputedStyle(media).maskImage,
             overlay: getComputedStyle(media, "::after").backgroundImage,
         };
@@ -398,6 +401,7 @@ test("mobile contact card matches the 402px reference geometry", async ({
 
     expect(reusableStyles.borderRadius).toBe("12px 12px 0px 0px");
     expect(reusableStyles.contentPaddingLeft).toBe("24px");
+    expectNear(reusableStyles.lineworkRatio, 628 / 282, 0.03);
     expect(reusableStyles.maskImage).toContain("linear-gradient");
     expect(reusableStyles.overlay).toBe("none");
 });
diff --git a/views/blocks/contact-block/contact-block.css b/views/blocks/contact-block/contact-block.css
index d052e08..b8e9f89 100644
--- a/views/blocks/contact-block/contact-block.css
+++ b/views/blocks/contact-block/contact-block.css
@@ -76,6 +76,7 @@
 
     .contact-block .contact-block__linework {
         bottom: 0.75rem;
+        height: auto;
         max-width: 112%;
         right: -32%;
         width: 22rem;