Refine mobile header spacing

components/navbar.tsx

@@ -11,9 +11,6 @@ export function Navbar({ language }: { language: Language }) {
   const t = portfolioContent[language].ui;
   const brandName = language === "ar" ? sharedProfile.brandNameAr : sharedProfile.brandNameEn;
   const basePath = getBasePath(language);
-  const brandParts = brandName.trim().split(/\s+/);
-  const mobileBrandLines =
-    brandParts.length > 2 ? [`${brandParts[0]} ${brandParts[1]}`, brandParts.slice(2).join(" ")] : [brandName];
 
   const navItems = [
     { label: t.navAbout, href: `${basePath}#about` },
@@ -46,11 +43,9 @@ export function Navbar({ language }: { language: Language }) {
                 {brandName}
               </p>
               <p className="type-brand display-face navbar-brand-mobile text-[var(--color-ink)] sm:hidden">
-                {mobileBrandLines.map((line) => (
-                  <span key={line}>{line}</span>
-                ))}
+                {brandName}
               </p>
-              <p className="type-label mt-1 hidden tracking-[0.18em] text-[var(--color-muted)] sm:block">
+              <p className="type-label navbar-specialty mt-1 tracking-[0.18em] text-[var(--color-muted)]">
                 {t.architectureEngineer}
               </p>
             </div>