ok

src/components/Header.jsx

@@ -82,9 +82,19 @@ function MobileNavigation() {
 export function Header() {
   const pathname = usePathname()
   const isHomepage = pathname === '/'
+  const isStoryPage = pathname === '/story'
+  
+  const headerClasses = clsx(
+    {
+      'bg-transparent': isHomepage,
+      'bg-[#492b06]': !isHomepage && !isStoryPage,
+      'bg-transparent backdrop-blur-sm': isStoryPage,
+      'fixed top-0 left-0 right-0 z-50': isStoryPage,
+    }
+  )
   
   return (
-    <header className={isHomepage ? 'bg-transparent' : 'bg-[#1d0f02]'}>
+    <header className={headerClasses}>
       <nav className="relative z-50 flex items-center py-2 lg:py-4">
         {/* Logo and Navigation Container - Left and Center */}
         <div className="flex-1 max-w-7xl ml-3 mx-0 lg:px-4 px-6">