✨feature: Mobile homepage updates

2026-06-16 06:38:17 -05:00
parent ffaecf2874
commit 743aef0eec
7 changed files with 310 additions and 16 deletions
@@ -42,3 +42,49 @@
        z-index: 30;
    }
 }
+
+@media (max-width: 767px) {
+    .contact-block {
+        border-bottom-width: 0.75rem;
+        border-radius: 0.75rem 0.75rem 0 0;
+    }
+
+    .contact-block .contact-block__media {
+        inset: 0;
+        mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0.45) 100%);
+        -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0.9) 0%, rgb(0 0 0 / 0.45) 100%);
+    }
+
+    .contact-block .contact-block__bg-image {
+        object-fit: cover;
+    }
+
+    .contact-block .contact-block__linework {
+        bottom: 0.75rem;
+        height: auto;
+        max-width: 112%;
+        right: -32%;
+        width: 22rem;
+    }
+
+    .contact-block .contact-block__content {
+        min-height: 18.5rem;
+        padding: 2.25rem 1.5rem 2.75rem !important;
+    }
+
+    .contact-block .contact-block__text {
+        font-size: clamp(1.9rem, 8.7vw, 2.45rem);
+        line-height: 1.02;
+        max-width: 16rem !important;
+    }
+
+    .contact-block.home-contact {
+        bottom: auto;
+        left: 50%;
+        margin: 2.5rem auto -3.75rem;
+        max-width: none;
+        position: relative;
+        transform: translateX(-50%);
+        width: min(calc(100vw - 2rem), 22.5rem);
+    }
+}