Fix brand RTL: logo first in DOM so text flows RTL beside it

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/layout/Header.tsx

@@ -181,9 +181,15 @@ export default function Header() {
               textDecoration: 'none',
               flexShrink:     0,
               lineHeight:     1,
-              direction:      'ltr',
             }}
           >
+            <img
+              src="/logo.png"
+              alt=""
+              aria-hidden="true"
+              style={{ height: 52, width: 'auto', display: 'block', flexShrink: 0, marginTop: -8 }}
+              className="max-md:h-[40px]"
+            />
             <div style={{ display: 'flex', flexDirection: 'column', gap: 5 }}>
               <span
                 style={{
@@ -211,13 +217,6 @@ export default function Header() {
                 FUTURE STEEL POLICY INSTITUTE
               </span>
             </div>
-            <img
-              src="/logo.png"
-              alt=""
-              aria-hidden="true"
-              style={{ height: 52, width: 'auto', display: 'block', flexShrink: 0, marginTop: -8 }}
-              className="max-md:h-[40px]"
-            />
           </NavLink>
 
           {/* ── Center: Nav (desktop only) ── */}