From 26ed3e3f1f82e7b8014640a6197e7e367b937c0c Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 26 Jun 2026 21:22:38 +0200
Subject: [PATCH] fix(perf): remove animate-fade-in from main and force sync
 decode on logo to eliminate 2s Element Render Delay and align LCP with FCP

---
 app/[locale]/layout.tsx      | 2 +-
 components/layout/Header.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index bdceb693b..805cd4b7d 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -197,7 +197,7 @@ export default async function Layout(props: {
             
             <main
               id="main-content"
-              className="flex-grow animate-fade-in overflow-visible"
+              className="flex-grow overflow-visible"
               tabIndex={-1}
             >
               {children}
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
index c75ee31be..c79256afa 100644
--- a/components/layout/Header.tsx
+++ b/components/layout/Header.tsx
@@ -111,6 +111,7 @@ export function Header({ navLinks }: HeaderProps) {
               priority
               fetchPriority="high"
               sizes="192px"
+              unoptimized
             />
             {/* Masked sweep overlay on hover */}
             <div