diff --git a/style.css b/style.css
index 79259d27282ddf7a003bf3afdb85f77ed51879dc..e4e54f294f3144201d88389a8cf2bf1d8b4b4f98 100644
--- a/style.css
+++ b/style.css
@@ -101,50 +101,62 @@ a {
   gap: 12px;
   min-width: 0;
   padding: 0;
   border: 0;
   background: transparent;
   color: var(--text);
   text-align: left;
 }
 
 .brand-mark {
   display: grid;
   place-items: center;
   width: 42px;
   height: 42px;
   border: 1px solid color-mix(in srgb, var(--accent) 68%, transparent);
   border-radius: var(--radius);
   background: linear-gradient(135deg, var(--accent), var(--accent-2));
   color: var(--accent-ink);
   font-weight: 950;
   letter-spacing: 0;
   box-shadow:
     0 10px 28px color-mix(in srgb, var(--accent) 24%, transparent),
     0 0 20px rgba(0, 245, 212, .08);
 }
 
+.brand-logo {
+  width: 42px;
+  height: 42px;
+  object-fit: cover;
+  border: 1px solid color-mix(in srgb, var(--accent) 68%, transparent);
+  border-radius: var(--radius);
+  box-shadow:
+    0 10px 28px color-mix(in srgb, var(--accent) 24%, transparent),
+    0 0 20px rgba(0, 245, 212, .08);
+  background: #000;
+}
+
 .brand-copy {
   display: grid;
   min-width: 0;
 }
 
 .brand-copy strong {
   overflow: hidden;
   max-width: 260px;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 15px;
 }
 
 .brand-copy small,
 .top-search span,
 .field label,
 .eyebrow {
   color: var(--muted);
   font-size: 11px;
   font-weight: 850;
   letter-spacing: .08em;
   text-transform: uppercase;
 }
 
 .brand-copy small {
