diff --git a/scss/desktop-full-width.scss b/scss/desktop-full-width.scss
index a581c15..de1378b 100644
--- a/scss/desktop-full-width.scss
+++ b/scss/desktop-full-width.scss
@@ -13,12 +13,28 @@ $sidebar-width: 17em;
 }
 
 .d-header #site-logo {
-  // constraining the logo to fit its grid container
   // this prevents the logo from shifting header content
   // when the sidebar is opened
   max-height: 100%;
   max-width: 100%;
   object-fit: contain; // contains logo without squishing/stretching
+
+  // allows some flexibility for wide logos
+  body:not(.has-sidebar-page) & {
+    max-width: unset;
+    @include breakpoint("mobile-extra-large") {
+      max-width: 25vw;
+    }
+  }
+}
+
+.d-header #site-text-logo {
+  font-size: clamp(var(--font-0), 2.5vw, var(--font-up-2));
+  .has-sidebar-page & {
+    white-space: wrap;
+    line-height: var(--line-height-small);
+    @include line-clamp(2);
+  }
 }
 
 #main-outlet-wrapper {
@@ -150,7 +166,7 @@ $sidebar-width: 17em;
     overflow: visible;
 
     .title {
-      flex: 1 0 auto;
+      flex: 1 1 auto;
     }
   }