diff --git a/hermes/branding/index.html b/hermes/branding/index.html
index d8eff4d..cb24e53 100644
--- a/hermes/branding/index.html
+++ b/hermes/branding/index.html
@@ -57,11 +57,12 @@
 <header class="hero">
   <div class="mark mark-xl" aria-hidden="true">
     <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-      <g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/>
-        <path d="M16 42 L48 42"/>
-        <path d="M44 18 L 60 12"/><path d="M44 24 L 62 22"/><path d="M44 30 L 58 32"/>
-        <path d="M20 18 L 4 12"/><path d="M20 24 L 2 22"/><path d="M20 30 L 6 32"/>
+      <g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)">
+        <rect x="20" y="26" width="30" height="18" rx="1.5"/>
+        <path d="M20 27 L35 37 L50 27"/>
+        <path d="M20 30 L2 30"/>
+        <path d="M20 36 L10 36"/>
+        <path d="M20 42 L14 42"/>
       </g>
     </svg>
   </div>
@@ -96,23 +97,23 @@
 
   <div class="mark-row">
     <div class="cell">
-      <div class="mark-16"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/><path d="M16 42 L48 42"/><path d="M44 22 L 60 16"/><path d="M20 22 L 4 16"/></g></svg></div>
+      <div class="mark-16"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)"><rect x="20" y="26" width="30" height="18" rx="1.5"/><path d="M20 27 L35 37 L50 27"/><path d="M20 36 L4 36"/></g></svg></div>
       <small>16 px — simplified stroke variant</small>
     </div>
     <div class="cell">
-      <div class="mark-32"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/><path d="M16 42 L48 42"/><path d="M44 18 L 60 12"/><path d="M44 24 L 62 22"/><path d="M44 30 L 58 32"/><path d="M20 18 L 4 12"/><path d="M20 24 L 2 22"/><path d="M20 30 L 6 32"/></g></svg></div>
+      <div class="mark-32"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)"><rect x="20" y="26" width="30" height="18" rx="1.5"/><path d="M20 27 L35 37 L50 27"/><path d="M20 30 L2 30"/><path d="M20 36 L10 36"/><path d="M20 42 L14 42"/></g></svg></div>
       <small>32 px — standard</small>
     </div>
     <div class="cell">
-      <div class="mark-64"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/><path d="M16 42 L48 42"/><path d="M44 18 L 60 12"/><path d="M44 24 L 62 22"/><path d="M44 30 L 58 32"/><path d="M20 18 L 4 12"/><path d="M20 24 L 2 22"/><path d="M20 30 L 6 32"/></g></svg></div>
+      <div class="mark-64"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)"><rect x="20" y="26" width="30" height="18" rx="1.5"/><path d="M20 27 L35 37 L50 27"/><path d="M20 30 L2 30"/><path d="M20 36 L10 36"/><path d="M20 42 L14 42"/></g></svg></div>
       <small>64 px — on panel</small>
     </div>
     <div class="cell">
-      <div class="mark-neg"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/><path d="M16 42 L48 42"/><path d="M44 18 L 60 12"/><path d="M44 24 L 62 22"/><path d="M44 30 L 58 32"/><path d="M20 18 L 4 12"/><path d="M20 24 L 2 22"/><path d="M20 30 L 6 32"/></g></svg></div>
+      <div class="mark-neg"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)"><rect x="20" y="26" width="30" height="18" rx="1.5"/><path d="M20 27 L35 37 L50 27"/><path d="M20 30 L2 30"/><path d="M20 36 L10 36"/><path d="M20 42 L14 42"/></g></svg></div>
       <small>on acid green</small>
     </div>
     <div class="cell">
-      <div class="mark-amber"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/><path d="M16 42 L48 42"/><path d="M44 18 L 60 12"/><path d="M44 24 L 62 22"/><path d="M44 30 L 58 32"/><path d="M20 18 L 4 12"/><path d="M20 24 L 2 22"/><path d="M20 30 L 6 32"/></g></svg></div>
+      <div class="mark-amber"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)"><rect x="20" y="26" width="30" height="18" rx="1.5"/><path d="M20 27 L35 37 L50 27"/><path d="M20 30 L2 30"/><path d="M20 36 L10 36"/><path d="M20 42 L14 42"/></g></svg></div>
       <small>amber (unread badge)</small>
     </div>
   </div>
diff --git a/hermes/branding/mark-stroke.svg b/hermes/branding/mark-stroke.svg
index 741e293..4a2b9e0 100644
--- a/hermes/branding/mark-stroke.svg
+++ b/hermes/branding/mark-stroke.svg
@@ -1,14 +1,8 @@
 <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Hermes">
   <title>Hermes</title>
-  <!-- Simplified winged-helmet for 16-20 px sidebar icons. Fewer feathers,
-       thicker strokes so nothing merges at display size. -->
-  <g fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
-    <!-- Dome -->
-    <path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/>
-    <!-- Brim -->
-    <path d="M16 42 L48 42"/>
-    <!-- One strong wing-stroke per side -->
-    <path d="M44 22 L 60 16"/>
-    <path d="M20 22 L 4 16"/>
+  <g fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)">
+    <rect x="20" y="26" width="30" height="18" rx="1.5"/>
+    <path d="M20 27 L35 37 L50 27"/>
+    <path d="M20 36 L4 36"/>
   </g>
 </svg>
diff --git a/hermes/branding/mark.svg b/hermes/branding/mark.svg
index e6f1475..ee889b1 100644
--- a/hermes/branding/mark.svg
+++ b/hermes/branding/mark.svg
@@ -1,21 +1,10 @@
 <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Hermes">
   <title>Hermes</title>
-  <!-- Winged helmet (petasos). Dome fills most of the viewBox so it reads as a
-       helmet, not a hat; feathers emerge from the upper temples and sweep back
-       and slightly up — the Mercury-dime silhouette. Monochrome stroke uses
-       currentColor so it inherits text colour. -->
-  <g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-    <!-- Dome: tall bowl -->
-    <path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/>
-    <!-- Brim -->
-    <path d="M16 42 L48 42"/>
-    <!-- Right wing: three feathers from the upper temple, tapering back -->
-    <path d="M44 18 L 60 12"/>
-    <path d="M44 24 L 62 22"/>
-    <path d="M44 30 L 58 32"/>
-    <!-- Left wing: mirror -->
-    <path d="M20 18 L 4 12"/>
-    <path d="M20 24 L 2 22"/>
-    <path d="M20 30 L 6 32"/>
+  <g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)">
+    <rect x="20" y="26" width="30" height="18" rx="1.5"/>
+    <path d="M20 27 L35 37 L50 27"/>
+    <path d="M20 30 L2 30"/>
+    <path d="M20 36 L10 36"/>
+    <path d="M20 42 L14 42"/>
   </g>
 </svg>
diff --git a/hermes/index.html b/hermes/index.html
index e6cda76..acfb9f8 100644
--- a/hermes/index.html
+++ b/hermes/index.html
@@ -33,11 +33,12 @@
 <header class="hero">
   <div class="mark" style="color:var(--acid); line-height:0; display:inline-flex">
     <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="80" height="80" aria-label="Hermes">
-      <g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M20 42 Q 20 12 32 12 Q 44 12 44 42"/>
-        <path d="M16 42 L48 42"/>
-        <path d="M44 18 L 60 12"/><path d="M44 24 L 62 22"/><path d="M44 30 L 58 32"/>
-        <path d="M20 18 L 4 12"/><path d="M20 24 L 2 22"/><path d="M20 30 L 6 32"/>
+      <g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-22 32 32)">
+        <rect x="20" y="26" width="30" height="18" rx="1.5"/>
+        <path d="M20 27 L35 37 L50 27"/>
+        <path d="M20 30 L2 30"/>
+        <path d="M20 36 L10 36"/>
+        <path d="M20 42 L14 42"/>
       </g>
     </svg>
   </div>