Hub redesign, per-language logos, partner carousel, footer + menu fixes

MSOS Hub page:
- "What you can do here": Porsche-style vertical image cards in a
  continuous auto-scrolling marquee with edge fades (real photos placeholders)
- "A glimpse of the space": full-bleed band of 4 connected photos
- "A space we built together": full-bleed image banner with blue gradient overlay
- "Made possible by": partner logo tiles (Cultural Association + Ministry);
  processed Ministry + Cultural Association logos from source art
- Copy/spacing polish; removed em-dashes; larger section spacing; deeper
  final-CTA gradient so it no longer blends into the footer

Branding / partners:
- Per-language MSOS logos (SVG) in header + footer across all pages
- Partner carousel: added Ministry (wide variant), Cultural Association,
  Embassy of North Macedonia, and Spletni Mojster (width-capped); de-duplicated
  logos within each marquee group so new logos appear sooner

Footer:
- Build credit line (Spletni Mojster + Kristijan), clean centered text
- Synced MK/SI footers to EN (added missing About us + Timeline links)

Landing page:
- FAQ short CTA already avatar design (FAQ page kept its Email/Viber block)
- Swapped blurry stock video thumbnail for the real team photo
- Removed the intentional hero-background blur

Navigation:
- Mobile menu: use 100dvh so the language selector is reachable with submenus open
- Desktop: dropdown parents no longer navigate to dead "/#" links

Language suggestion banner:
- Dismissible, browser-language based banner suggesting the matching locale;
  remembers choice in localStorage and waits for the cookie-consent choice
  to avoid overlapping the consent card

Removed stale *.html.bak backup files.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/layout/_footer.css

@@ -142,6 +142,16 @@ footer hr {
     text-decoration: none;
 }
 
+/* Website build credit */
+.footer-credit {
+    margin-top: 20px;
+    text-align: center;
+    font-size: 12.5px; line-height: 1.6;
+    color: rgba(255, 255, 255, 0.55);
+}
+.footer-credit a { color: rgba(255, 255, 255, 0.8); text-decoration: underline; text-underline-offset: 2px; }
+.footer-credit a:hover { color: #FFFFFF; }
+
 
 /* ==========================================================================
    Mobile Footer Styles

css/layout/_header.css

@@ -288,6 +288,7 @@
         left: 0;
         width: 100%;
         height: calc(100vh - 60px);
+        height: calc(100dvh - 60px); /* use the visible viewport so the bottom (language selector) is reachable */
         background: #FFFFFF;
         padding: 24px;
         box-sizing: border-box;
@@ -295,6 +296,8 @@
         transition: transform 0.3s ease-in-out;
         z-index: 1001;
         overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        overscroll-behavior: contain;
     }
 
     html.nav-open .mobile-nav-panel {