Mobile

src/styles/global.css

@@ -954,9 +954,9 @@ body.docs-sidebar-open {
 @media (max-width: 900px) {
   :root {
     --nav-h: 60px;
-    --brand-logo: 76px;
+    /* Same pear size as desktop; no cradle on small screens */
+    --brand-logo: 96px;
     --brand-top-inset: 4px;
-    --brand-cradle: calc(var(--brand-logo) + 4px);
   }
 
   .site-nav {
@@ -986,6 +986,18 @@ body.docs-sidebar-open {
     min-height: calc(var(--nav-h) - 8px);
   }
 
+  /* No cradle semicircle on mobile — pear still floats at full size */
+  .nav-brand::before,
+  .nav-brand::after,
+  .site-nav.scrolled .nav-brand::before,
+  .site-nav.scrolled .nav-brand::after {
+    content: none;
+    display: none;
+    background: none;
+    border: none;
+    box-shadow: none;
+  }
+
   .nav-brand-text {
     margin-left: -0.25rem;
   }
@@ -1180,9 +1192,9 @@ body.docs-sidebar-open {
 /* Very small phones */
 @media (max-width: 380px) {
   :root {
-    --brand-logo: 64px;
+    /* Keep full-size floating pear; cradle already off below 900px */
+    --brand-logo: 96px;
     --brand-top-inset: 4px;
-    --brand-cradle: calc(var(--brand-logo) + 4px);
   }
 
   .nav-brand {