some spacing tweaks, fix weird nav

_site/artists/index.html

@@ -32,7 +32,7 @@
 	margin: 0 .5rem;
 }
 
-@media (max-width: 1050px) {
+@media (max-width: 1000px) {
 	#directory {
 		grid-template-columns: 1fr;
 	}
@@ -153,6 +153,14 @@ main {
 	margin: 0 auto 1rem;
 }
 
+
+@media (max-width: 1000px ) {
+	header,
+	main {
+		width: 80%;
+	}
+}
+
 @media (max-width: 750px) {
 	header,
 	main {
@@ -294,7 +302,7 @@ nav a:not(:has(img)) {
 	display: inline-block;
 	text-decoration: none;
 	font-size: 1.2rem;
-	padding: 0 .25rem;
+	padding: .1rem .25rem;
 	border: solid .125rem var(--color-accent);
 	border-radius: .25rem;
 	background-color: var(--color-bg);
@@ -446,21 +454,15 @@ footer a:focus-visible {
 		<ul>
       
         <li>
-          <a href="/about/" title="About the Beall Greenhouses">
-            ⓘ about
-          </a>
+          <a href="/about/" title="About the Beall Greenhouses">ℹ️ about</a>
         </li>
       
         <li>
-          <a href="/events/" title="Events at the Beall Greenhouses">
-            🗓 events
-          </a>
+          <a href="/events/" title="Events at the Beall Greenhouses">🗓️ events</a>
         </li>
       
         <li>
-          <a href="/artists/" title="Artists in residence at the Beall Greenhouses" aria-current="page">
-            🖌 artists
-          </a>
+          <a href="/artists/" title="Artists in residence at the Beall Greenhouses" aria-current="page">🎨 artists</a>
         </li>
       
 		</ul>
@@ -487,15 +489,6 @@ footer a:focus-visible {
     </a>
   </li>
 
-  <li>
-    <a href="/artists/hope-black/">
-      <h2>Hope Black</h2>
-      
-        <div class="missing-img"></div>
-      
-    </a>
-  </li>
-
 </ol>
 
 
@@ -511,6 +504,6 @@ footer a:focus-visible {
 	<p><a href="/attribution/">site attribution</a></p>
 </footer>
 
-	<!-- This page `/artists/` was built on 2026-05-01T19:40:50.758Z -->
+	<!-- This page `/artists/` was built on 2026-05-04T02:09:45.454Z -->
 </body>
 </html>