Add podcasts to homepage

css/excerpt.css

@@ -4,19 +4,16 @@
   flex-grow: 1;
   border-bottom: 1px solid var(--color-light-grey);
   margin-bottom: var(--space-sm);
-  padding-bottom: var(--space-sm);
 }
 
 @media (--viewport-md) {
   .excerpt {
     margin-bottom: var(--space-md);
-    padding-bottom: var(--space-md);
   }
 }
 
 .excerpt__head,
-.excerpt__body,
-.excerpt__title {
+.excerpt__body {
   margin-bottom: var(--space-xs);
 }
 
@@ -26,15 +23,24 @@
 
 @media (--viewport-md) {
   .excerpt__head,
-  .excerpt__body,
-  .excerpt__title {
+  .excerpt__body {
     margin-bottom: var(--space-sm);
   }
 }
 
+.excerpt__title {
+  font-size: 1.5rem;
+}
+
+.excerpt__subtitle {
+  font-size: 1.2rem;
+  margin-top: var(--space-sm);
+}
+
 .excerpt__metadata {
   color: var(--color-grey);
   font-size: 12px;
+  margin-bottom: var(--space-sm);
 }
 
 .excerpt__icon,
@@ -50,3 +56,9 @@
 .excerpt__text {
   margin: 0 15px 0 5px;
 }
+
+.excerpt__audio {
+  display: block;
+  margin-bottom: var(--space-sm);
+  background-color: var(--color-light-blue);
+}