Convert homepage to Express EJS

style.css

@@ -893,19 +893,18 @@ a:focus-visible,
     align-items: center;
     justify-content: flex-end;
     flex: 1;
-    gap: 8px;
+    gap: 12px;
     min-width: 0;
+    overflow: hidden;
   }
   .nav-mobile a {
-    flex: 0 0 auto;
-    min-height: 32px;
+    flex: 0 1 auto;
+    min-height: 28px;
     display: inline-flex;
     align-items: center;
-    padding: 5px 7px;
-    font-size: 10.5px;
+    font-size: 11px;
     line-height: 1;
-    border: 1px solid var(--line);
-    background: color-mix(in oklab, var(--bg-raised) 72%, transparent);
+    white-space: nowrap;
   }
   .nav-mobile a::before { margin-right: 4px; }
 
@@ -968,11 +967,10 @@ a:focus-visible,
     align-items: center;
   }
   .nav-mobile {
-    gap: 6px;
+    gap: 10px;
   }
   .nav-mobile a {
-    font-size: 10px;
-    padding: 5px 6px;
+    font-size: 10.5px;
   }
 
   .eyebrow { margin-bottom: 18px; }
@@ -1060,11 +1058,9 @@ a:focus-visible,
 @media (max-width: 380px) {
   .role-tag { display: none; }
   .brand { gap: 7px; }
-  .nav-mobile { gap: 4px; }
-  .nav-mobile a {
-    font-size: 9.5px;
-    padding: 5px;
-  }
+  .brand .wordmark { font-size: 13px; }
+  .nav-mobile { gap: 8px; }
+  .nav-mobile a { font-size: 10px; }
   .nav-mobile a::before { display: none; }
   .cap { grid-template-columns: 1fr; }
   .links li { grid-template-columns: 1fr; }