Add Marhofer/Zendesk, soften dark-mode logo tiles

Add Ron Marhofer Auto Family to companies and Zendesk to tech stack
(clarifying the earlier ZenTicket/Marhofer lookups). Replace the flat
white logo tiles' harsh contrast in dark mode with an off-white fill
and soft ambient glow instead of a stark white block.

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

Author: Gamedirection

src/assets/logos/companies/marhofer.png

@@ -13,6 +13,7 @@ import tarkettLogo from '../assets/logos/companies/tarkett.svg'
 import amourgisLogo from '../assets/logos/companies/amourgis.png'
 import dreebotLogo from '../assets/logos/companies/dreebot.png'
 import violetKnightLogo from '../assets/logos/companies/violet-knight.png'
+import marhoferLogo from '../assets/logos/companies/marhofer.png'
 
 const COMPANIES = [
   { name: 'CTMS', src: ctmsLogo, href: 'https://ctmsit.com' },
@@ -41,6 +42,7 @@ const COMPANIES = [
   { name: 'Amourgis & Associates', src: amourgisLogo, href: 'https://www.amourgis.com' },
   { name: 'DreeBot', src: dreebotLogo, href: 'https://dreebot.com' },
   { name: 'Violet Knight', src: violetKnightLogo, href: 'https://violet-knight.com' },
+  { name: 'Ron Marhofer Auto Family', src: marhoferLogo, href: 'https://www.marhofer.com' },
 ]
 
 export function CompaniesGallery() {
@@ -72,7 +74,7 @@ export function CompaniesGallery() {
               rel="noreferrer noopener"
               aria-label={company.name}
               title={company.name}
-              className="flex h-24 items-center justify-center rounded-xl border border-[var(--color-border)] bg-white p-4 shadow-sm transition-transform hover:-translate-y-1 hover:shadow-md"
+              className="logo-tile logo-tile--light flex h-24 items-center justify-center rounded-xl border border-[var(--color-border)] bg-white p-4 hover:-translate-y-1"
             >
               <img
                 src={company.src}

src/assets/logos/tech/zendesk.svg

@@ -36,6 +36,7 @@ import kaseyaoneIcon from '../assets/logos/tech/kaseyaone.svg'
 import ninjaoneIcon from '../assets/logos/tech/ninjaone.svg'
 import dattormmIcon from '../assets/logos/tech/dattormm.svg'
 import assetpandaIcon from '../assets/logos/tech/assetpanda.svg'
+import zendeskIcon from '../assets/logos/tech/zendesk.svg'
 
 const TECH_STACK = [
   { name: 'Docker', src: dockerIcon },
@@ -75,6 +76,7 @@ const TECH_STACK = [
   { name: 'NinjaOne', src: ninjaoneIcon },
   { name: 'Datto RMM', src: dattormmIcon },
   { name: 'Asset Panda', src: assetpandaIcon, dark: true },
+  { name: 'Zendesk', src: zendeskIcon },
 ]
 
 export function TechStack() {
@@ -102,8 +104,8 @@ export function TechStack() {
             className="flex flex-col items-center gap-2"
           >
             <div
-              className={`flex h-16 w-16 items-center justify-center rounded-xl border border-[var(--color-border)] p-3 shadow-sm transition-transform hover:-translate-y-1 hover:shadow-md ${
-                tech.dark ? 'bg-[#0d1b26]' : 'bg-white'
+              className={`logo-tile flex h-16 w-16 items-center justify-center rounded-xl border border-[var(--color-border)] p-3 hover:-translate-y-1 ${
+                tech.dark ? 'bg-[#0d1b26]' : 'logo-tile--light bg-white'
               }`}
             >
               <img

src/components/CompaniesGallery.tsx

@@ -85,3 +85,30 @@ body {
 .skip-link:focus {
   top: 1rem;
 }
+
+.logo-tile {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease;
+}
+
+.logo-tile:hover {
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
+}
+
+[data-theme='dark'] .logo-tile {
+  box-shadow:
+    0 0 0 1px rgba(255, 255, 255, 0.04),
+    0 0 24px rgba(255, 255, 255, 0.08);
+}
+
+[data-theme='dark'] .logo-tile:hover {
+  box-shadow:
+    0 0 0 1px rgba(255, 255, 255, 0.06),
+    0 0 32px rgba(255, 255, 255, 0.16);
+}
+
+[data-theme='dark'] .logo-tile.logo-tile--light {
+  background: #f4f4f5;
+}