Refresh header logo with theme-aligned optimized asset

[Copilot]

The header was still using the old logo treatment, which no longer matched the site palette and looked visually behind the rest of the refreshed UI. This update replaces that asset path with a sharper, theme-aligned version while keeping header layout and rendering behavior stable.

• Header logo refresh

  • Replaced the navbar logo source with a new optimized webp asset tailored to the current dark + lime palette.
  • Kept the existing rendered footprint so the header spacing and navigation alignment do not shift.

• Visual treatment cleanup

  • Removed the CSS image filter previously applied to the old logo.
  • Added a minimal .brand wrapper rule so the logo renders cleanly without inline-gap artifacts.

• Asset optimization

  • Added assets/header-logo.webp as the dedicated header asset.
  • Moves the header away from the older heavier raster file and toward a smaller optimized image better suited for above-the-fold use.

<a class="brand" href="#home" aria-label="vmDev home">
  <img
    src="assets/header-logo.webp"
    alt="Logo vmDev"
    width="136"
    height="40"
    sizes="136px"
    decoding="async"
    fetchpriority="high"
  />
</a>

[Tiggreee]

Nice.