fonts

css/base/base.css

@@ -133,8 +133,8 @@ h5,
 h6 {
   margin-block: var(--sp);
   color: var(--color-text-neutral-loud);
-  font-family: var(--font-sans);
-  font-weight: bold;
+  font-family: var(--font-serif);
+  font-weight: normal;
 }
 
 @media (min-width: 43.75rem) {

css/base/variables.css

@@ -14,6 +14,7 @@
 :root {
   /*--font-sans: "metropolis", sans-serif;*/
   --font-sans: "metropolis", sans-serif;
+  /*--font-serif: "Lora", "georgia", serif;*/
   --font-serif: "Lora", "georgia", serif;
 
   /* Typography helpers. */

css/components/header-site-branding.css

@@ -134,7 +134,8 @@
 .site-branding__text {
   color: var(--color--white);
   font-size: 1.125rem;
-  font-weight: bold;
+  /*font-weight: bold;*/
+  font-family: var(--font-serif);
 }
 
 .site-branding__text a {