From efe53879a08d7018f9a8a90c5c25ef79f599477b Mon Sep 17 00:00:00 2001
From: Tim Thomas <0800tim@gmail.com>
Date: Fri, 5 Jun 2026 14:35:01 +1200
Subject: [PATCH] style(brand): desktop TM vertical-align 0.8em (mobile stays
 1.1em)

Tim 2026-06-05:

  > Just change the vertical align to 0.8 em (desktop, mobile is fine)
  > and then push to prod.

Added a min-width:541px override on .vt-appbar-wordmark-tm only
(drawer TM is desktop-only by nature, but leaving its rule alone
keeps the diff scoped). Mobile under 540 keeps the 1.1em lift so
the smaller rendered wordmark on narrow phones doesn't make the
TM look detached.

Threshold matches the existing 540px breakpoint used to hide the
FWC2026 sub on narrow viewports.

Signed-off-by: Tim Thomas <0800tim@gmail.com>
---
 apps/web/components/shell/shell.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/apps/web/components/shell/shell.css b/apps/web/components/shell/shell.css
index 4030a75a..d6d6fc09 100644
--- a/apps/web/components/shell/shell.css
+++ b/apps/web/components/shell/shell.css
@@ -297,6 +297,18 @@
   font-feature-settings: normal;
 }
 
+/* Desktop-only tweak: the larger 1.7rem appbar wordmark on a wide
+ * viewport lets the TM sit a touch lower and still read flush
+ * with the cap-line. Mobile keeps the 1.1em lift so the smaller
+ * rendered wordmark doesn't make the TM look detached.
+ * Threshold matches the existing 540px split used to hide the
+ * FWC2026 sub on narrow viewports. Tim 2026-06-05. */
+@media (min-width: 541px) {
+  .vt-appbar-wordmark-tm {
+    vertical-align: 0.8em;
+  }
+}
+
 .vt-appbar-wordmark-sub {
   /* "FWC2026" subtitle next to the brand wordmark. Reads as a
    * mono caption in muted gold so the Saira wordmark stays the