Create a tag prop for SiteTitle + make it responsive

src/style/atoms/_site-title.scss

@@ -13,31 +13,40 @@
         letter-spacing: 1px;
     }
 
+    // Pink text
     &__pink {
         color: $color-secondary;
     }
 
 
-    // Variants
+    /*
+    ** Variants
+    */
     // Default: Two lines
     &--lines {
-        line-height: 0.5;
+        line-height: clamp(100%, 1.5vw, 100%);
+        font-size: rem(30px);
+
+        @include bp (sm) {
+            font-size: clamp(#{rem(20px)}, 2.5vw, #{rem(30px)});
+        }
 
         strong {
-            font-size: rem(30px);
-
             &:first-child {
                 display: block;
                 color: $color-lilas-bright;
             }
             &:last-child {
                 display: inline-block;
-                margin-left: -7px;
+                margin-left: -0.023em;
                 color: $color-secondary;
             }
         }
         span {
-            font-size: rem(14px);
+            font-size: 0.45em;
+        }
+        strong, span {
+            transition: color 0.25s;
         }
     }