fonts

css/base/base.css

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

css/base/fonts.css

@@ -126,6 +126,6 @@
     font-family: 'poiret_one';
     src: url('../../fonts/poiret_one/poiretone-regular-webfont.woff2') format('woff2'),
          url('../../fonts/poiret_one/poiretone-regular-webfont.woff') format('woff');
-    font-weight: normal;
+    font-weight: bold;
     font-style: normal;
 }

css/base/variables.css

@@ -15,7 +15,7 @@
   /*--font-sans: "metropolis", sans-serif;*/
   --font-sans: "Source Sans 3", sans-serif;
   /*--font-serif: "Lora", "georgia", serif;*/
-  --font-serif: "Lora", "georgia", serif;
+  --font-serif: "poiret_one", "georgia", serif;
 
   /* Typography helpers. */
   --font-size-base: 1rem;

css/components/header-site-branding.css

@@ -138,9 +138,10 @@
   font-family: var(--font-serif);
 }
 .site-branding__slogan {
-  color: #d0bca4;
+  color: #ad9a9a;
   font-size: 1.125rem;
   /*font-size: 1.5rem;*/
+  font-family: var(--font-sans);
 }
 
 .site-branding__text a {
@@ -160,11 +161,13 @@
 @media ((((min-width: 60rem)))) {
   .site-branding__text {
     letter-spacing: 0.02em;
-    font-size: 2rem;
+    font-size: 2.2rem;
     line-height: var(--sp2);
   }
   .site-branding__slogan {
-    font-size: 1.5rem;
+    font-size: 1.8rem;
+    font-variant: small-caps;
+    letter-spacing: 0em;
   }
 }