Hero and brand name visual hierarchy

- Hero: "Sabor Flow" large + "Da Nang" inline, smaller and muted
- Nav/footer brand: "SABOR FLOW" bold + "Da Nang" smaller and muted
- No line break between the two parts in either context

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

classes.html

@@ -14,7 +14,7 @@
     <div class="nav-container">
       <a href="index.html" class="nav-brand">
         <img src="assets/logo.jpg" alt="SABOR FLOW DA NANG">
-        <span class="nav-brand-name">SABOR FLOW DA NANG</span>
+        <span class="nav-brand-name">SABOR FLOW <span class="nav-brand-city">Da Nang</span></span>
       </a>
       <button class="nav-hamburger" id="hamburger" aria-label="Toggle menu" aria-expanded="false">
         <span></span><span></span><span></span>
@@ -222,7 +222,7 @@
         <div>
           <a href="index.html" class="footer-brand">
             <img src="assets/logo.jpg" alt="SABOR FLOW DA NANG">
-            <span class="footer-brand-name">SABOR FLOW DA NANG</span>
+            <span class="footer-brand-name">SABOR FLOW <span class="footer-brand-city">Da Nang</span></span>
           </a>
           <p class="footer-tagline">Da Nang's Latin dance community</p>
         </div>