Now, with services!

src/lib/components/Navigation.svelte

@@ -6,7 +6,9 @@
 
     /** Page slug for body class: "page-home" | "page-services" | "page-services-hands-on-saas-architecture-consultant" etc. Set at build time per route; no client JS. */
     const bodyClass = $derived(
-        path === '/' ? 'page-home' : 'page-' + path.replace(/^\/|\/$/g, '').replace(/\//g, '-')
+        path === '/'
+            ? 'page-home'
+            : 'page-' + path.replace(/^\/|\/$/g, '').replace(/\//g, '-'),
     );
 
     interface NavigationItem {
@@ -27,7 +29,10 @@
         hidden
     />
     <div class="mobile-nav-header">
-        <span class="mobile nav-header-logo">
+        <span class={[
+            'mobile nav-header-logo',
+            { 'page-home': bodyClass === 'page-home' }
+        ]}>
             <Wordmark />
         </span>
         <button
@@ -53,7 +58,12 @@
         </button>
     </div>
     <div id="nav-menu" class="nav-menu container">
-        <span class={['nav-header-logo desktop', { 'page-home': bodyClass === 'page-home' }]}>
+        <span
+            class={[
+                'nav-header-logo desktop',
+                { 'page-home': bodyClass === 'page-home' },
+            ]}
+        >
             {#if page !== 'home'}
                 <a href="/">
                     <Wordmark />