New custom favicon + mobile nav responsive fix

- New custom favicon: blue gradient water drop with spray burst
  (favicon.png 32/64/256px, favicon.webp, apple-touch-icon 180px)
- Mobile nav (768px): tighter padding (12px), smaller logo (1rem), smaller icon (1.2rem)
- Narrow phones (480px): logo text 0.85rem, logo max-width 60%
- Tiny phones (360px): logo text 0.75rem, logo max-width 55%
- CSS cache buster bumped to v3

css/style.css

@@ -1075,6 +1075,22 @@ img {
 }
 
 @media (max-width: 768px) {
+    .nav-container {
+        padding: 0 12px;
+    }
+
+    .logo-text {
+        font-size: 1rem;
+    }
+
+    .logo-icon {
+        font-size: 1.2rem;
+    }
+
+    .nav-toggle span {
+        width: 22px;
+    }
+
     .nav-links {
         display: none;
         position: fixed;
@@ -1156,6 +1172,20 @@ img {
 }
 
 @media (max-width: 480px) {
+    .logo-text {
+        font-size: 0.85rem;
+    }
+
+    .logo {
+        gap: 4px;
+        max-width: 60%;
+    }
+
+    .logo-text .accent {
+        display: inline;
+    }
+
+
     .why-grid {
         grid-template-columns: 1fr;
     }
@@ -1168,3 +1198,12 @@ img {
         font-size: 0.8rem;
     }
 }
+@media (max-width: 360px) {
+    .logo-text {
+        font-size: 0.75rem;
+    }
+
+    .logo {
+        max-width: 55%;
+    }
+}