sweep the last typographic punctuation out of the components and data files

src/components/Nav.astro

@@ -5,7 +5,7 @@ import { site } from "../data/site";
 // `id` ties a nav link to a homepage section so the Motion layer animates its
 // underline as that section scrolls through (scroll-spy). Projects/Blog navigate
 // to their own pages on click, but on the homepage they track the #projects and
-// #writing sections so every nav item gets the underline — in both directions.
+// #writing sections so every nav item gets the underline - in both directions.
 const links = [
   { label: "About", href: "/#about", id: "about" },
   { label: "Skills", href: "/#skills", id: "skills" },
@@ -17,7 +17,7 @@ const links = [
 
 <header class="nav">
   <div class="container nav__inner">
-    <a class="nav__brand mono" href="/" aria-label={`${site.name} — home`}>
+    <a class="nav__brand mono" href="/" aria-label={`${site.name} - home`}>
       <span class="nav__prompt">~/</span><span>{site.handle}</span><span class="nav__caret" aria-hidden="true">▮</span>
     </a>
 
@@ -95,7 +95,7 @@ const links = [
     color: var(--text);
     text-decoration: none;
   }
-  /* Active-section / hover underline — scaleX scrubbed by the Motion layer
+  /* Active-section / hover underline - scaleX scrubbed by the Motion layer
      (spring). transform-origin left so it grows from the start of the label. */
   .nav__ul {
     position: absolute;
@@ -120,7 +120,7 @@ const links = [
       display: flex;
     }
   }
-  /* phones: the tabs live on a compact second row (zero-JS, no hamburger) —
+  /* phones: the tabs live on a compact second row (zero-JS, no hamburger) - 
      the bar wraps: brand + toggle on row 1, links across row 2 */
   @media (max-width: 719px) {
     .nav__inner {