From 2fccdddf447c57f4121f6fb4e98bd8572a1c2390 Mon Sep 17 00:00:00 2001
From: "russell@unturf.com" <russell@unturf.com>
Date: Sun, 19 Apr 2026 17:20:24 -0400
Subject: [PATCH] =?UTF-8?q?www:=20stack=20logo=20vertically=20=E2=80=94=20?=
 =?UTF-8?q?wordmark=20on=20top,=20=CE=BB=20mark=20beneath?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

λ in front was reading as a "Y" attached to the wordmark ("ylumbda.").
Move the mark under the wordmark as a standalone logo below the name.
Sitting alone, the flipped λ doesn't get recruited into the first
letter and reads as its own glyph — a lambda turned on its head.
---
 www/index.html |  6 ++----
 www/style.css  | 19 +++++++------------
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/www/index.html b/www/index.html
index c1943f8..a264d75 100644
--- a/www/index.html
+++ b/www/index.html
@@ -11,10 +11,8 @@
 <body>
 
 <header>
-  <div class="logo-row">
-    <span class="lambda-mark" aria-hidden="true">&lambda;</span>
-    <h1 aria-label="lumbda.">lumbda<span class="period" aria-hidden="true">.</span></h1>
-  </div>
+  <h1 aria-label="lumbda.">lumbda<span class="period" aria-hidden="true">.</span></h1>
+  <div class="lambda-mark" aria-hidden="true">&lambda;</div>
   <p class="tagline">feedback as a primitive</p>
 </header>
 
diff --git a/www/style.css b/www/style.css
index afa49ce..176a396 100644
--- a/www/style.css
+++ b/www/style.css
@@ -53,23 +53,18 @@ header {
   margin-bottom: 2rem;
 }
 
-/* Logo row: flipped-λ brand mark sits beside the wordmark, not inside it. */
-header .logo-row {
-  display: flex;
-  align-items: baseline;
-  gap: 0.6rem;
-}
-
-/* Brand mark — a distinct, oversized λ rotated upside-down. Readable
-   as a logo separate from the "lumbda" word; the inversion reads as a
-   play on "lambda" the primitive, turned on its head. */
+/* Brand mark — an oversized λ rotated upside-down, sitting UNDER the
+   wordmark. Placed in front it read as a "Y" smashed against the text
+   ("ylumbda"); underneath it stands alone as a logo symbol and doesn't
+   hijack the first letter. */
 header .lambda-mark {
-  display: inline-block;
-  transform: scaleY(-1);
   font-family: 'chunkfive', Georgia, serif;
   font-size: 5rem;
   line-height: 0.9;
   color: var(--green);
+  transform: scaleY(-1);
+  transform-origin: center;
+  margin: 0.2rem 0 0.4rem;
 }
 
 header h1 {