Add fixed verion of logo and metadata

css/article.css

@@ -19,7 +19,7 @@
   margin-bottom: var(--space-sm);
 }
 
-@media (--viewport-md) {
+@media (--viewport-lg) {
   .article__date {
     display: none;
   }

css/excerpt.css

@@ -60,7 +60,6 @@
 .excerpt__audio {
   display: block;
   margin-bottom: var(--space-sm);
-  background-color: var(--color-light-blue);
 }
 
 .excerpt__image {

css/logo.css

@@ -2,6 +2,20 @@
   width: 100%;
 }
 
+@media (--viewport-lg) {
+  .is-fixed .logo {
+    position: fixed;
+    width: 168px;
+    z-index: 10;
+  }
+}
+
+@media (--viewport-xl) {
+  .is-fixed .logo {
+    width: 224px;
+  }
+}
+
 .logo__link {
   display: block;
   margin: 0 auto;

css/metadata.css

@@ -25,6 +25,10 @@
     border-bottom: none;
   }
 
+  .is-fixed .metadata {
+    position: fixed;
+  }
+
   .metadata__item {
     margin-right: 0;
   }
@@ -36,7 +40,7 @@
   margin-bottom: var(--space-sm);
 }
 
-@media (--viewport-md) {
+@media (--viewport-lg) {
   .metadata__item--light {
     display: block;
   }