feat: update mirage blog logo lockup

docs/pages/index.mdx

@@ -12,11 +12,11 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
 
   {/* ── Header / Hero ── */}
   <div className="mb-[56px]">
-    <div className="flex items-center gap-4 mb-6">
-      <img src={`${base}logo.svg`} alt="Mirage" className="w-[56px] h-[56px] rounded-xl" />
-      <h1 className="text-[36px] max-sm:text-[28px] font-bold text-black dark:text-white m-0 leading-tight" style={{ margin: 0 }}>
-          Blog
-      </h1>
+    <div className="hero-header mb-6">
+      <picture>
+        <source srcSet={`${base}logo-lockup-light.png`} media="(prefers-color-scheme: dark)" />
+        <img src={`${base}logo-lockup-dark.png`} alt="Mirage" className="hero-logo" />
+      </picture>
     </div>
     <span className="block text-[18px] max-sm:text-[16px] text-[#919193] max-w-[600px] leading-relaxed" style={{ margin: 0 }}>
         Research notes, engineering and protocol design insights from the Mirage team.
@@ -30,7 +30,7 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
     <a href={`${base}posts/mirage-researcher-grants`} className="vocs_Link vocs_Link_styleless post-scroll-item" style={{ textDecoration: 'none' }}>
       <div className="post-card">
         <img
-          src={`${base}assets/researcher-grants.png`}
+          src={`${base}assets/researcher-grants.webp`}
           alt="Mirage Researcher Grants"
           className="post-card-image"
         />
@@ -42,7 +42,7 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
             <span className="text-[13px] text-[#919193]">Apr 23, 2026</span>
           </div>
           <h3 className="text-[20px] font-semibold text-black dark:text-white leading-snug" style={{ margin: '0 0 12px 0' }}>
-            Mirage Researcher Grants: Up to $5,000 for Independent Privacy Research
+            Mirage Researcher Grants for Independent Privacy Research
           </h3>
           <span className="block text-[15px] text-[#919193] leading-relaxed" style={{ margin: '0 0 16px 0' }}>
             Announcing grants for independent researchers studying Mirage&apos;s privacy guarantees.
@@ -62,7 +62,7 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
     <a href={`${base}posts/introducing-azoth`} className="vocs_Link vocs_Link_styleless post-scroll-item" style={{ textDecoration: 'none' }}>
       <div className="post-card">
         <img
-          src={`${base}assets/azoth-banner.png`}
+          src={`${base}assets/azoth-banner.webp`}
           alt="Introducing Azoth"
           className="post-card-image"
         />
@@ -94,7 +94,7 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
     <a href={`${base}posts/introducing-mirage`} className="vocs_Link vocs_Link_styleless post-scroll-item" style={{ textDecoration: 'none' }}>
       <div className="post-card">
         <img
-          src={`${base}assets/mirage-banner.png`}
+          src={`${base}assets/mirage-banner.webp`}
           alt="Introducing Mirage"
           className="post-card-image"
         />
@@ -133,7 +133,7 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
 
   {/* ── Footer ── */}
   <div className="site-footer mt-[64px]">
-    © 2026 Mirage Privacy. All Rights Reserved.
+    © 2026 Mirage Technologies AG. All Rights Reserved.
   </div>
 
 </div>

docs/pages/posts/introducing-azoth.mdx

@@ -2,7 +2,7 @@
 layout: minimal
 title: "Introducing Azoth: A Deterministic EVM Bytecode Obfuscator"
 description: "An open-source EVM bytecode obfuscator that preserves contract logic while dissolving recognizable patterns, making reverse engineering at scale costly and impractical."
-cover: "/assets/azoth-banner.png"
+cover: "/assets/azoth-banner.webp"
 authors:
   - "[Samuel Alake](https://x.com/mirageprivacy)"
 authorImg: "/assets/samuel.png"
@@ -17,7 +17,7 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
 ::authors
 
 <img
-  src={`${base}assets/azoth-banner.png`}
+  src={`${base}assets/azoth-banner.webp`}
   alt="Introducing Azoth"
   className="article-cover-image"
 />

docs/pages/posts/introducing-mirage.mdx

@@ -2,23 +2,23 @@
 layout: minimal
 title: "Introducing Mirage"
 description: "A privacy layer enabling stablecoin transactions on Ethereum with confidentiality intact, free from regulatory risk, stigma, and complexity."
-cover: "/assets/mirage-banner.png"
+cover: "/assets/mirage-banner.webp"
 authors:
   - "[Nima Rasooli](https://x.com/mirageprivacy)"
 authorImg: "/assets/nima.jpg"
 date: 2025-08-14
 tags: ["announcement", "general"]
 ---
 
-import privacyPolylemmaImage from "../../public/assets/privacy-polylemma.png";
+import privacyPolylemmaImage from "../../public/assets/privacy-polylemma.webp";
 export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
 
 # Introducing Mirage
 
 ::authors
 
 <img
-  src={`${base}assets/mirage-banner.png`}
+  src={`${base}assets/mirage-banner.webp`}
   alt="Introducing Mirage"
   className="article-cover-image"
 />

docs/pages/posts/mirage-researcher-grants.mdx

@@ -2,7 +2,7 @@
 layout: minimal
 title: "Mirage Researcher Grants for Independent Privacy Research"
 description: "Announcing grants for independent researchers studying Mirage’s privacy guarantees."
-cover: "/assets/researcher-grants.png"
+cover: "/assets/researcher-grants.webp"
 authors:
   - "[Nima Rasooli](https://nimara.xyz)"
 authorImg: "/assets/nima.jpg"
@@ -17,7 +17,7 @@ export const base = import.meta.env.BASE_URL.replace(/\/?$/, '/')
 ::authors
 
 <img
-  src={`${base}assets/researcher-grants.png`}
+  src={`${base}assets/researcher-grants.webp`}
   alt="Mirage Researcher Grants"
   className="article-cover-image"
 />

docs/styles.css

@@ -38,6 +38,27 @@
   z-index: 1;
 }
 
+.hero-header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 14px;
+}
+
+.hero-logo {
+  width: min(280px, 52vw);
+  min-width: 180px;
+  height: auto;
+  display: block;
+}
+
+@media (max-width: 768px) {
+  .hero-logo {
+    width: min(220px, 60vw);
+    min-width: 150px;
+  }
+}
+
 /* ── Global resets for landing ── */
 [data-layout="landing"] .vocs_Button_button {
   border-radius: 4px !important;

vocs.config.tsx

@@ -3,7 +3,7 @@ import { defineConfig } from "vocs";
 export default defineConfig({
   basePath: process.env.BASE_PATH || undefined,
   title: "Mirage Blog",
-  logoUrl: "/logo.svg",
+  logoUrl: "/logo-lockup-dark.png",
   iconUrl: "/logo.svg",
   socials: [
     {