make individual artist pages more consistent with market artists

assets/styles/artist-market.css

@@ -41,9 +41,17 @@
   border-radius: 1rem;
 }
 
+@media (max-width: 1050px) {
+  .artist img {
+    border-radius: 1rem 1rem 0 0;
+    border-bottom: .25rem solid var(--color-accent);
+  }
+}
+
 .artist h3 {
   grid-area: h3;
   text-transform: uppercase;
+  line-height: 2rem;
 }
 
 .artist:nth-child(odd) h3 {
@@ -55,6 +63,12 @@
   text-align: right;
 }
 
+@media (max-width: 1050px) {
+  .artist:nth-child(n) h3 {
+    padding: 0;
+  }
+}
+
 .description {
   grid-area: desc;
   background-color: var(--color-bg-alt);
@@ -70,10 +84,6 @@
 }
 
 @media (max-width: 1050px) {
-  .artist:nth-child(n) h3 {
-    padding: 1rem 0 0;
-  }
-
   .artist:nth-child(odd) .description {
     margin-left: .625rem;
   }

assets/styles/artist-resident.css

@@ -37,7 +37,7 @@
 @media (max-width: 1050px) {
   .resident img {
     border-radius: 1rem 1rem 0 0;
-    border-bottom: solid var(--color-accent);
+    border-bottom: .25rem solid var(--color-accent);
   }
 
   .resident .bio {

assets/styles/directory.css

@@ -3,6 +3,7 @@
   flex-flow: row wrap;
   grid-template-columns: repeat(2, 1fr);
   gap: 3rem;
+  margin: 0 .5rem;
 }
 
 @media (max-width: 850px) {