Fix SiteTitle variants style

src/components/atoms/SiteTitle.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    export let variant: string = undefined
+    export let variant: string = 'lines'
 </script>
 
 <h1 class="site-title {variant ? `site-title--${variant}` : ''}">

src/style/atoms/_site-title.scss

@@ -1,10 +1,30 @@
 .site-title {
     font-family: $font-serif;
-    line-height: 0.7;
+
+    strong {
+        font-weight: 300;
+    }
+    span {
+        position: relative;
+        top: -4px;
+        font-weight: 600;
+        color: $color-lightpurple;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+    }
+
+    &__pink {
+        color: $color-secondary;
+    }
+
+
+    // Variants
+    // Default: Two lines
+    &--lines {
+        line-height: 0.5;
 
         strong {
             font-size: rem(30px);
-        font-weight: 300;
 
             &:first-child {
                 display: block;
@@ -16,38 +36,7 @@
             }
         }
         span {
-        position: relative;
-        top: -4px;
             font-size: rem(14px);
-        color: $color-lightpurple;
-        text-transform: uppercase;
-        font-weight: 600;
-        letter-spacing: 1px;
-    }
-
-    &__pink {
-        color: $color-secondary;
-    }
-
-    // Large variant
-    &--large {
-        display: flex;
-        align-items: baseline;
-        justify-content: center;
-        color: $color-lightpurple;
-        margin: 0 auto;
-        line-height: 1;
-
-        strong {
-            display: block;
-            font-size: rem(96px);
-            color: $color-secondary !important;
-        }
-        span {
-            display: block;
-            top: 0;
-            margin: 0 16px 0 24px;
-            font-size: rem(32px);
         }
     }
 
@@ -63,7 +52,7 @@
         }
 
         strong {
-            color: $color-secondary !important;
+            color: $color-secondary;
             font-size: rem(64px);
 
             @include bp (sm) {