Align logo mark with the wordmark
The peak-page mark read undersized and floated high next to the serif
wordmark: at 22px it was smaller than the --step-1 text, and its art
fills only ~73% of the viewBox. Size it to 26px (the mark size the icon
studies pair with the wordmark) and nudge it down 1px so it sits with
the lowercase letters' visual mass rather than the line-box centre.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011SDkz6ft4rhf4WekytP8jc
diff --git a/public/app.css b/public/app.css
index c9a3f6d..4ce426e 100644
--- a/public/app.css
+++ b/public/app.css
@@ -111,9 +111,13 @@ body {
}
.logo-mark {
- width: 22px; height: 22px;
+ width: 26px; height: 26px;
flex: none;
display: block;
+ /* Optical nudge: the lowercase serif wordmark's visual mass sits below
+ the line-box centre, so drop the mark to sit with it. */
+ position: relative;
+ top: 1px;
}
.logo-mark svg {
display: block;