Simplify portfolio navigation and section flow

css/styles.css

@@ -111,6 +111,13 @@ section { padding: 64px 0; }
   padding-top: 20px;
   padding-bottom: 20px;
 }
+.brand-home {
+  display: block;
+  color: inherit;
+  text-decoration: none;
+}
+.brand-home:hover { text-decoration: none; }
+
 .brand .name {
   font-family: Georgia, "Times New Roman", serif;
   font-size: 24px;
@@ -152,6 +159,17 @@ section { padding: 64px 0; }
   transition: background-color .12s ease, color .12s ease;
 }
 .site-nav a:hover { background: #16314a; text-decoration: none; color: #fff; }
+.site-nav a.nav-resume {
+  margin-left: 8px;
+  border: 1px solid #69839d;
+  background: #102a42;
+  color: #fff;
+  font-weight: 600;
+}
+.site-nav a.nav-resume:hover {
+  background: #1a3b59;
+  border-color: #8da4ba;
+}
 .site-nav a.active {
   background: var(--steel);
   color: #fff;
@@ -573,6 +591,7 @@ section { padding: 64px 0; }
   .site-nav.open { display: block; }
   .site-nav ul { flex-direction: column; gap: 2px; }
   .site-nav a { padding: 10px 12px; }
+  .site-nav a.nav-resume { margin-left: 0; margin-top: 4px; }
 
   .section-head { flex-direction: column; align-items: flex-start; gap: 4px; }
 }