Design language

src/lib/styles/layout.css

@@ -46,20 +46,22 @@ header {
 
 @media (max-width: 768px) {
   .nav-ribbon {
-    padding: 10px 16px;
+    padding: 14px 16px;
   }
 
   .nav-ribbon-item {
     flex: 1;
     justify-content: center;
     padding: 0;
-    gap: 6px;
+    gap: 7px;
     font-size: 9px;
-    letter-spacing: 0.04em;
+    line-height: 1.25;
+    letter-spacing: 0.045em;
+    white-space: nowrap;
   }
 
   .nav-ribbon-item .icon {
-    font-size: 13px;
+    font-size: 14px;
   }
 
   /* Hide the third ribbon item and its preceding divider on mobile */
@@ -69,8 +71,7 @@ header {
   }
 
   .nav-ribbon-divider {
-    height: 12px;
-    flex: none;
+    display: none;
   }
 }
 
@@ -437,8 +438,8 @@ nav {
 
 .footer-inner {
   display: grid;
-  grid-template-columns: 1.1fr 0.8fr 0.8fr 1fr;
-  gap: 24px;
+  grid-template-columns: 1.1fr 0.8fr 1fr;
+  gap: 32px;
   margin-bottom: 48px;
   align-items: start;
 }