✨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
@@ -50,3 +50,65 @@
        }
    }
 }
+
+@media (max-width: 767px) {
+    .homepage-hero {
+        --hgtHero: 20.75rem;
+
+        min-height: var(--hgtHero);
+    }
+
+    .homepage-hero .content-wrapper {
+        padding-inline: 1rem;
+    }
+
+    .homepage-hero .content-wrapper > div {
+        max-width: 20rem;
+        padding-top: 2.25rem;
+        text-align: left;
+    }
+
+    .homepage-hero .intro h1 {
+        font-size: clamp(1.8rem, 8vw, 2.2rem);
+        letter-spacing: 0;
+        line-height: 0.98;
+        margin-bottom: 0.75rem;
+    }
+
+    .homepage-hero .intro h1 strong {
+        font-size: inherit;
+        line-height: inherit;
+    }
+
+    .homepage-hero .intro p {
+        font-size: var(--text-14px);
+        line-height: 1.3;
+        margin: 0;
+        max-width: 16rem;
+    }
+
+    .homepage-hero .reset {
+        gap: 0.7rem;
+        justify-content: flex-start;
+        margin-top: 1rem;
+    }
+
+    .homepage-hero .button {
+        font-size: var(--text-14px);
+        min-height: 2.25rem;
+        min-width: 6.35rem;
+        padding: 0.5rem 0.8rem;
+    }
+
+    .homepage-hero .heroVector .vector {
+        bottom: 0.15rem;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 170%;
+    }
+
+    .homepage-hero .heroMedia img,
+    .homepage-hero .heroMedia video {
+        object-position: center top;
+    }
+}