feat(WEB-250): overview hero final ui

components/TempDesignSystem/BiroScript/biroScript.module.css

@@ -0,0 +1,46 @@
+.text {
+  font-family: var(--typography-Script-1-fontFamily);
+  text-transform: none;
+}
+
+.one {
+  font-size: var(--typography-Script-1-Mobile-fontSize);
+  font-weight: var(--typography-Script-1-fontWeight);
+  letter-spacing: var(--typography-Script-1-letterSpacing);
+  line-height: var(--typography-Script-1-lineHeight);
+}
+
+.two {
+  font-size: var(--typography-Script-2-Mobile-fontSize);
+  font-weight: var(--typography-Script-2-fontWeight);
+  letter-spacing: var(--typography-Script-2-letterSpacing);
+  line-height: var(--typography-Script-2-lineHeight);
+}
+
+@media screen and (min-width: 768px) {
+  .one {
+    font-size: var(--typography-Script-1-Tablet-estimate-fontSize);
+  }
+
+  .two {
+    font-size: var(--typography-Script-2-Tablet-estimate-fontSize);
+  }
+}
+
+@media screen and (min-width: 1367px) {
+  .one {
+    font-size: var(--typography-Script-1-Desktop-fontSize);
+  }
+
+  .two {
+    font-size: var(--typography-Script-2-Desktop-fontSize);
+  }
+}
+
+.burgundy {
+  color: var(--Scandic-Brand-Burgundy);
+}
+
+.pale {
+  color: var(--Scandic-Brand-Pale-Peach);
+}