Replace the CSS-drawn rounded-square logo mark with the "peak-page"
brand mark from the icon studies — a document whose top edge rises to a
roof apex, with a clay accent ridge line and two ink text lines below.
This is the variant noted as the cleanest read at small sizes.

The mark ships as public/icons/logo.svg (ink + accent classes so the
clay ridge can be coloured separately from currentColor) and is inlined
into the home topbar via the existing Icons helper, styled in app.css.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011SDkz6ft4rhf4WekytP8jc

diff --git a/lib/views/home.rb b/lib/views/home.rb
index 2a0dd13..c1278a6 100644
--- a/lib/views/home.rb
+++ b/lib/views/home.rb
@@ -36,7 +36,7 @@ module Domus
       def topbar
         header(class: "topbar") do
           a(href: "/", class: "logo") do
-            span(class: "logo-mark")
+            span(class: "logo-mark") { icon("logo") }
             plain "domus"
           end
         end
diff --git a/public/app.css b/public/app.css
index 09fd335..c9a3f6d 100644
--- a/public/app.css
+++ b/public/app.css
@@ -112,18 +112,20 @@ body {
 
 .logo-mark {
   width: 22px; height: 22px;
-  border: 1.5px solid var(--w-ink);
-  border-radius: 6px;
-  position: relative;
   flex: none;
+  display: block;
 }
-.logo-mark::after {
-  content: "";
-  position: absolute;
-  inset: 4px 4px auto 4px;
-  height: 1.5px;
-  background: var(--w-ink);
-  box-shadow: 0 4px 0 var(--w-ink), 0 8px 0 var(--w-accent);
+.logo-mark svg {
+  display: block;
+  width: 100%; height: 100%;
+}
+.logo-mark .ink {
+  stroke: var(--w-ink);
+  stroke-width: 1.7;
+}
+.logo-mark .acc {
+  stroke: var(--w-accent);
+  stroke-width: 1.7;
 }
 
 /* ---- main content ---- */
diff --git a/public/icons/logo.svg b/public/icons/logo.svg
new file mode 100644
index 0000000..41ae1b4
--- /dev/null
+++ b/public/icons/logo.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+  <path class="ink" d="M5 21 V9 L12 3.5 L19 9 V21 Z"/>
+  <line class="acc" x1="8.5" y1="12.5" x2="15.5" y2="12.5"/>
+  <line class="ink" x1="8.5" y1="15.5" x2="15.5" y2="15.5"/>
+  <line class="ink" x1="8.5" y1="18.3" x2="13" y2="18.3"/>
+</svg>