fix: match mobile pull quote design

2026-06-27 18:18:15 -05:00
parent 81785c4aec
commit 97ebffb70d
2 changed files with 53 additions and 0 deletions
@@ -43,3 +43,34 @@
        }
    }
 }
+
+@media (max-width: 767px) {
+    .pull-quote {
+        background: color-mix(in oklch, var(--color-cwc-blue-03) 30%, white);
+        border-bottom-width: 0.75rem;
+        height: clamp(18rem, 89.8vw, 22.5625rem);
+    }
+
+    .pull-quote .pull-quote__vector img {
+        height: 118%;
+        left: -9%;
+        max-width: none;
+        object-fit: fill;
+        object-position: 3% 42%;
+        position: relative;
+        width: 118%;
+    }
+
+    .pull-quote .pull-quote__content {
+        align-items: center;
+        display: flex;
+        height: 100%;
+        padding: 2.5rem 2rem;
+    }
+
+    .pull-quote .pull-quote__text {
+        font-size: clamp(1.25rem, 5.6vw, 1.40625rem);
+        line-height: 1.2;
+        width: 100%;
+    }
+}