diff --git a/frontend/app/[locale]/blog/[slug]/PostDetails.tsx b/frontend/app/[locale]/blog/[slug]/PostDetails.tsx
index d3be7b4d..80d13ea1 100644
--- a/frontend/app/[locale]/blog/[slug]/PostDetails.tsx
+++ b/frontend/app/[locale]/blog/[slug]/PostDetails.tsx
@@ -158,6 +158,7 @@ const recommendedQuery = groq`
     publishedAt,
     "mainImage": mainImage.asset->url,
     slug,
+    "categories": categories[]->title,
     "author": author->{
       "name": coalesce(name[$locale], name[lower($locale)], name.uk, name.en, name.pl, name),
       "image": image.asset->url
@@ -212,55 +213,83 @@ export default async function PostDetails({
   ].filter(Boolean) as string[];
   const authorMeta = authorMetaParts.join(' · ');
   const categoryLabel = post.categories?.[0];
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL;
-  const postUrl = baseUrl
-    ? `${baseUrl}/${locale}/blog/${slugParam}`
+  const categoryDisplay = categoryLabel
+    ? getCategoryLabel(categoryLabel, t)
     : null;
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL;
+  const postUrl = baseUrl ? `${baseUrl}/${locale}/blog/${slugParam}` : null;
   const blogUrl = baseUrl ? `${baseUrl}/${locale}/blog` : null;
   const description = plainTextFromPortableText(post.body).slice(0, 160);
+  const categoryHref = categoryLabel
+    ? `/blog/category/${categoryLabel
+        .toLowerCase()
+        .replace(/[^a-z0-9\\s-]/g, '')
+        .replace(/\\s+/g, '-')}`
+    : null;
+  const categoryUrl =
+    baseUrl && categoryLabel
+      ? `${baseUrl}/${locale}/blog/category/${categoryLabel
+          .toLowerCase()
+          .replace(/[^a-z0-9\\s-]/g, '')
+          .replace(/\\s+/g, '-')}`
+      : null;
+  const breadcrumbsItems = [
+    {
+      name: tNav('blog'),
+      href: '/blog',
+      url: blogUrl,
+    },
+    ...(categoryLabel
+      ? [
+          {
+            name: categoryDisplay || categoryLabel,
+            href: categoryHref,
+            url: categoryUrl,
+          },
+        ]
+      : []),
+    {
+      name: post.title,
+      href: '',
+      url: postUrl,
+    },
+  ];
   const breadcrumbsJsonLd =
     blogUrl && postUrl
       ? {
           '@context': 'https://schema.org',
           '@type': 'BreadcrumbList',
-          itemListElement: [
-            {
+          itemListElement: breadcrumbsItems
+            .filter(item => item.url)
+            .map((item, index) => ({
               '@type': 'ListItem',
-              position: 1,
-              name: tNav('blog'),
-              item: blogUrl,
-            },
-            {
-              '@type': 'ListItem',
-              position: 2,
-              name: post.title,
-              item: postUrl,
-            },
-          ],
-        }
-      : null;
-  const articleJsonLd =
-    postUrl
-      ? {
-          '@context': 'https://schema.org',
-          '@type': 'BlogPosting',
-          headline: post.title,
-          description: description || undefined,
-          mainEntityOfPage: postUrl,
-          url: postUrl,
-          datePublished: post.publishedAt || undefined,
-          author: post.author?.name
-            ? {
-                '@type': 'Person',
-                name: post.author.name,
-              }
-            : undefined,
-          image: post.mainImage ? [post.mainImage] : undefined,
+              position: index + 1,
+              name: item.name,
+              item: item.url,
+            })),
         }
       : null;
+  const articleJsonLd = postUrl
+    ? {
+        '@context': 'https://schema.org',
+        '@type': 'BlogPosting',
+        headline: post.title,
+        description: description || undefined,
+        mainEntityOfPage: postUrl,
+        url: postUrl,
+        datePublished: post.publishedAt || undefined,
+        author: post.author?.name
+          ? {
+              '@type': 'Person',
+              name: post.author.name,
+            }
+          : undefined,
+        image: post.mainImage ? [post.mainImage] : undefined,
+      }
+    : null;
 
   return (
-    <main className="max-w-3xl mx-auto px-6 py-12">
+    <main className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
       {breadcrumbsJsonLd && (
         <script
           type="application/ld+json"
@@ -277,113 +306,139 @@ export default async function PostDetails({
           }}
         />
       )}
-      <div className="mb-6 relative left-1/2 right-1/2 w-screen -translate-x-1/2 px-6">
-        <div className="mx-auto flex max-w-6xl justify-start">
-          <div className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
+      <nav className="mb-6" aria-label="Breadcrumb">
+        <ol className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
+          {breadcrumbsItems.map((item, index) => {
+            const isLast = index === breadcrumbsItems.length - 1;
+            return (
+              <li
+                key={`${item.name}-${index}`}
+                className="flex items-center gap-2"
+              >
+                {!isLast && item.href ? (
+                  <Link
+                    href={item.href}
+                    className="transition hover:text-[var(--accent-primary)] hover:underline underline-offset-4"
+                  >
+                    {item.name}
+                  </Link>
+                ) : (
+                  <span
+                    className="text-[var(--accent-primary)]"
+                    aria-current={isLast ? 'page' : undefined}
+                  >
+                    {item.name}
+                  </span>
+                )}
+                {index < breadcrumbsItems.length - 1 && <span>&gt;</span>}
+              </li>
+            );
+          })}
+        </ol>
+      </nav>
+
+      <div className="mx-auto w-full max-w-3xl">
+        {categoryLabel && (
+          <div className="text-sm font-medium text-gray-500 dark:text-gray-400 text-center">
             <Link
-              href="/blog"
-              className="transition hover:text-[var(--accent-primary)] hover:underline underline-offset-4"
+              href={categoryHref || '/blog'}
+              className="inline-flex items-center gap-1 text-[var(--accent-primary)] transition"
             >
-              {tNav('blog')}
+              {categoryDisplay || categoryLabel}
             </Link>
-            <span>&gt;</span>
-            <span className="text-[var(--accent-primary)]">{post.title}</span>
           </div>
-        </div>
-      </div>
+        )}
+        <h1 className="mt-3 text-4xl font-bold text-gray-900 dark:text-gray-100 text-center">
+          {post.title}
+        </h1>
 
-      {categoryLabel && (
-        <div className="text-sm font-medium text-gray-500 dark:text-gray-400 text-center">
-          <Link
-            href={`/blog?category=${encodeURIComponent(categoryLabel)}`}
-            className="inline-flex items-center gap-1 text-[var(--accent-primary)] transition"
-          >
-            {categoryLabel === 'Growth' ? 'Career' : categoryLabel}
-          </Link>
-        </div>
-      )}
-      <h1 className="mt-3 text-4xl font-bold text-gray-900 dark:text-gray-100 text-center">
-        {post.title}
-      </h1>
-
-      {(authorName || post.publishedAt) && (
-        <div className="mt-4 flex justify-center gap-2 text-sm text-gray-500 dark:text-gray-400">
-          {authorName && (
-            <Link
-              href={`/blog?author=${encodeURIComponent(authorName)}`}
-              className="transition hover:text-[var(--accent-primary)]"
-            >
-              {authorName}
-            </Link>
-          )}
-          {authorName && post.publishedAt && <span>·</span>}
-          {post.publishedAt && (
-            <time dateTime={post.publishedAt}>
-              {formatBlogDate(post.publishedAt)}
-            </time>
-          )}
-        </div>
-      )}
+        {(authorName || post.publishedAt) && (
+          <div className="mt-4 flex justify-center gap-2 text-sm text-gray-500 dark:text-gray-400">
+            {authorName && (
+              <Link
+                href={`/blog?author=${encodeURIComponent(authorName)}`}
+                className="transition hover:text-[var(--accent-primary)]"
+              >
+                {authorName}
+              </Link>
+            )}
+            {authorName && post.publishedAt && <span>·</span>}
+            {post.publishedAt && (
+              <time dateTime={post.publishedAt}>
+                {formatBlogDate(post.publishedAt)}
+              </time>
+            )}
+          </div>
+        )}
+      </div>
 
       {(post.tags?.length || 0) > 0 && null}
 
       {post.mainImage && (
-        <div className="relative w-full h-[420px] rounded-2xl overflow-hidden border border-gray-200 my-8">
+        <div className="relative w-full h-[520px] rounded-2xl overflow-hidden my-8">
           <Image
             src={post.mainImage}
             alt={post.title || 'Post image'}
             fill
-            className="object-cover object-top scale-[1.05]"
+            className="object-contain"
           />
         </div>
       )}
 
-      <article className="prose prose-gray max-w-none">
-        {post.body?.map((block: any, index: number) => {
-          if (block?._type === 'block') {
-            return (
-              <p
-                key={block._key || `block-${index}`}
-                className="whitespace-pre-line"
-              >
-                {renderPortableTextSpans(block.children, block.markDefs)}
-              </p>
-            );
-          }
+      <div className="mx-auto w-full max-w-3xl">
+        <article className="prose prose-gray max-w-none">
+          {post.body?.map((block: any, index: number) => {
+            if (block?._type === 'block') {
+              return (
+                <p
+                  key={block._key || `block-${index}`}
+                  className="whitespace-pre-line"
+                >
+                  {renderPortableTextSpans(block.children, block.markDefs)}
+                </p>
+              );
+            }
 
-          if (block?._type === 'image' && block?.url) {
-            return (
-              <img
-                key={block._key || `image-${index}`}
-                src={block.url}
-                alt={post.title || 'Post image'}
-                className="rounded-xl border border-gray-200 my-6"
-              />
-            );
-          }
+            if (block?._type === 'image' && block?.url) {
+              return (
+                <img
+                  key={block._key || `image-${index}`}
+                  src={block.url}
+                  alt={post.title || 'Post image'}
+                  className="rounded-xl border border-gray-200 my-6"
+                />
+              );
+            }
 
-          return null;
-        })}
-      </article>
+            return null;
+          })}
+        </article>
+      </div>
 
       {recommendedPosts.length > 0 && (
         <>
-          <div className="mt-16 relative left-1/2 right-1/2 w-screen -translate-x-1/2 px-6">
-            <div className="mx-auto h-px w-full max-w-6xl bg-gray-200 dark:bg-gray-800" />
+          <div className="mt-16">
+            <div className="h-px w-full bg-gray-200 dark:bg-gray-800" />
           </div>
 
-          <section className="mt-10 relative left-1/2 right-1/2 w-screen -translate-x-1/2 px-6">
-            <div className="mx-auto max-w-6xl">
+          <section className="mt-10">
+            <div>
               <h2 className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
                 {t('recommendedPosts')}
               </h2>
               <div className="mt-6 grid gap-6 auto-rows-fr sm:grid-cols-2 lg:grid-cols-3">
-                {recommendedPosts.map(item => (
-                  <Link
-                    key={item._id}
-                    href={`/blog/${item.slug?.current}`}
-                    className="group flex h-full flex-col"
-                  >
+                {recommendedPosts.map(item => {
+                  const itemCategory = item.categories?.[0];
+                  const itemCategoryDisplay = itemCategory
+                    ? getCategoryLabel(itemCategory, t)
+                    : null;
+
+                  return (
+                    <Link
+                      key={item._id}
+                      href={`/blog/${item.slug?.current}`}
+                      className="group flex h-full flex-col"
+                    >
                     {item.mainImage && (
                       <div className="relative h-48 w-full overflow-hidden rounded-2xl">
                         <Image
@@ -402,8 +457,10 @@ export default async function PostDetails({
                         {plainTextFromPortableText(item.body)}
                       </p>
                     )}
-                    {(item.author?.name || item.publishedAt) && (
-                      <div className="mt-auto pt-3 flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
+                    {(item.author?.name ||
+                      itemCategoryDisplay ||
+                      item.publishedAt) && (
+                      <div className="mt-auto pt-3 flex flex-wrap items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
                         {item.author?.image && (
                           <span className="relative h-5 w-5 overflow-hidden rounded-full">
                             <Image
@@ -415,9 +472,16 @@ export default async function PostDetails({
                           </span>
                         )}
                         {item.author?.name && <span>{item.author.name}</span>}
-                        {item.author?.name && item.publishedAt && (
+                        {item.author?.name && itemCategoryDisplay && (
                           <span>·</span>
                         )}
+                        {itemCategoryDisplay && (
+                          <span className="rounded-full bg-[color-mix(in_srgb,var(--accent-primary)_20%,transparent)] px-3 py-1 text-[11px] font-medium text-gray-500 dark:bg-[color-mix(in_srgb,var(--accent-primary)_50%,transparent)] dark:text-gray-400">
+                            {itemCategoryDisplay}
+                          </span>
+                        )}
+                        {(item.author?.name || itemCategoryDisplay) &&
+                          item.publishedAt && <span>·</span>}
                         {item.publishedAt && (
                           <time dateTime={item.publishedAt}>
                             {formatBlogDate(item.publishedAt)}
@@ -425,8 +489,9 @@ export default async function PostDetails({
                         )}
                       </div>
                     )}
-                  </Link>
-                ))}
+                    </Link>
+                  );
+                })}
               </div>
             </div>
           </section>
@@ -439,3 +504,13 @@ export default async function PostDetails({
     </main>
   );
 }
+
+function getCategoryLabel(categoryName: string, t: (key: string) => string) {
+  const key = categoryName.toLowerCase();
+  if (key === 'growth') return t('categories.career');
+  if (key === 'tech') return t('categories.tech');
+  if (key === 'career') return t('categories.career');
+  if (key === 'insights') return t('categories.insights');
+  if (key === 'news') return t('categories.news');
+  return categoryName;
+}
diff --git a/frontend/app/[locale]/blog/category/[category]/page.tsx b/frontend/app/[locale]/blog/category/[category]/page.tsx
index dc0971b8..1e776344 100644
--- a/frontend/app/[locale]/blog/category/[category]/page.tsx
+++ b/frontend/app/[locale]/blog/category/[category]/page.tsx
@@ -44,6 +44,7 @@ export default async function BlogCategoryPage({
 }) {
   const { locale, category } = await params;
   const t = await getTranslations({ locale, namespace: 'blog' });
+  const tNav = await getTranslations({ locale, namespace: 'navigation' });
   const categoryKey = String(category || '').toLowerCase();
   const categories: Category[] = await client
     .withConfig({ useCdn: false })
@@ -54,6 +55,7 @@ export default async function BlogCategoryPage({
 
   if (!matchedCategory) return notFound();
   const categoryTitle = matchedCategory.title;
+  const categoryDisplay = getCategoryLabel(categoryTitle, t);
 
   const posts: Post[] = await client.withConfig({ useCdn: false }).fetch(
     groq`
@@ -83,9 +85,27 @@ export default async function BlogCategoryPage({
   const featuredDate = formatBlogDate(featuredPost?.publishedAt);
 
   return (
-    <main className="max-w-6xl mx-auto px-6 py-12">
+    <main className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
+      <nav className="mb-6" aria-label="Breadcrumb">
+        <ol className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
+          <li className="flex items-center gap-2">
+            <Link
+              href="/blog"
+              className="transition hover:text-[var(--accent-primary)] hover:underline underline-offset-4"
+            >
+              {tNav('blog')}
+            </Link>
+            <span>&gt;</span>
+          </li>
+          <li className="flex items-center gap-2">
+            <span className="text-[var(--accent-primary)]" aria-current="page">
+              {categoryDisplay}
+            </span>
+          </li>
+        </ol>
+      </nav>
       <h1 className="text-4xl font-bold mb-4 text-center">
-        {categoryTitle}
+        {categoryDisplay}
       </h1>
       {featuredPost?.mainImage && (
         <section className="mt-10">
@@ -158,3 +178,13 @@ function slugify(value: string) {
     .replace(/[^a-z0-9\s-]/g, '')
     .replace(/\s+/g, '-');
 }
+
+function getCategoryLabel(categoryName: string, t: (key: string) => string) {
+  const key = categoryName.toLowerCase();
+  if (key === 'growth') return t('categories.career');
+  if (key === 'tech') return t('categories.tech');
+  if (key === 'career') return t('categories.career');
+  if (key === 'insights') return t('categories.insights');
+  if (key === 'news') return t('categories.news');
+  return categoryName;
+}
diff --git a/frontend/app/[locale]/blog/page.tsx b/frontend/app/[locale]/blog/page.tsx
index 7ebacae2..67c9e354 100644
--- a/frontend/app/[locale]/blog/page.tsx
+++ b/frontend/app/[locale]/blog/page.tsx
@@ -77,7 +77,7 @@ export default async function BlogPage({
   const featuredPost = posts?.[0];
 
   return (
-    <main className="max-w-6xl mx-auto px-6 py-12">
+    <main className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
       <h1 className="text-4xl font-bold mb-4 text-center">{t('title')}</h1>
       <p className="mx-auto max-w-2xl text-center text-base text-gray-500 dark:text-gray-400">
         {t('subtitle')}
diff --git a/frontend/app/api/blog-search/route.ts b/frontend/app/api/blog-search/route.ts
index d051c369..14eab6bc 100644
--- a/frontend/app/api/blog-search/route.ts
+++ b/frontend/app/api/blog-search/route.ts
@@ -5,8 +5,8 @@ import { client } from '@/client';
 const searchQuery = groq`
   *[_type == "post" && defined(slug.current)] | order(publishedAt desc) {
     _id,
-    "title": coalesce(title.en, title.uk, title.pl, title),
-    "body": coalesce(body.en, body.uk, body.pl, body)[]{
+    "title": coalesce(title[$locale], title[lower($locale)], title.uk, title.en, title.pl, title),
+    "body": coalesce(body[$locale], body[lower($locale)], body.uk, body.en, body.pl, body)[]{
       ...,
       children[]{ text }
     },
@@ -14,7 +14,11 @@ const searchQuery = groq`
   }
 `;
 
-export async function GET() {
-  const items = await client.withConfig({ useCdn: false }).fetch(searchQuery);
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url);
+  const locale = searchParams.get('locale') || 'en';
+  const items = await client
+    .withConfig({ useCdn: false })
+    .fetch(searchQuery, { locale });
   return NextResponse.json(items || []);
 }
diff --git a/frontend/components/blog/BlogCategoryGrid.tsx b/frontend/components/blog/BlogCategoryGrid.tsx
index 5b7f2e14..2786f4e6 100644
--- a/frontend/components/blog/BlogCategoryGrid.tsx
+++ b/frontend/components/blog/BlogCategoryGrid.tsx
@@ -1,15 +1,28 @@
 'use client';
 
+import { useCallback } from 'react';
 import BlogGrid from '@/components/blog/BlogGrid';
-import type { Post } from '@/components/blog/BlogFilters';
+import type { Author, Post } from '@/components/blog/BlogFilters';
+import { useRouter } from '@/i18n/routing';
 
 export function BlogCategoryGrid({ posts }: { posts: Post[] }) {
+  const router = useRouter();
+
+  const handleAuthorSelect = useCallback(
+    (author: Author) => {
+      const name = (author?.name || '').trim();
+      if (!name) return;
+      router.push(`/blog?author=${encodeURIComponent(name)}`);
+    },
+    [router]
+  );
+
   if (!posts.length) return null;
 
   return (
     <BlogGrid
       posts={posts}
-      onAuthorSelect={() => {}}
+      onAuthorSelect={handleAuthorSelect}
       disableHoverColor
     />
   );
diff --git a/frontend/components/blog/BlogFilters.tsx b/frontend/components/blog/BlogFilters.tsx
index 7cdcd350..a499d36c 100644
--- a/frontend/components/blog/BlogFilters.tsx
+++ b/frontend/components/blog/BlogFilters.tsx
@@ -4,6 +4,18 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import Image from 'next/image';
 import { useLocale, useTranslations } from 'next-intl';
 import { useSearchParams } from 'next/navigation';
+import {
+  Dribbble,
+  Facebook,
+  Github,
+  Globe,
+  Instagram,
+  Linkedin,
+  Link as LinkIcon,
+  Send,
+  Twitter,
+  Youtube,
+} from 'lucide-react';
 import { usePathname, useRouter } from '@/i18n/routing';
 import BlogGrid from '@/components/blog/BlogGrid';
 import { Link } from '@/i18n/routing';
@@ -61,6 +73,51 @@ type Category = {
   title: string;
 };
 
+const SOCIAL_ICON_CLASSNAME =
+  'h-3.5 w-3.5 text-gray-900 dark:text-gray-100 transition-colors group-hover:text-[var(--accent-primary)]';
+
+function SocialIcon({ platform }: { platform?: string }) {
+  const normalized = (platform || '').trim().toLowerCase();
+  if (normalized === 'github') {
+    return <Github className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'linkedin') {
+    return <Linkedin className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'youtube') {
+    return <Youtube className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'facebook') {
+    return <Facebook className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'x' || normalized === 'twitter') {
+    return <Twitter className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'dribbble') {
+    return <Dribbble className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'instagram') {
+    return <Instagram className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'telegram') {
+    return <Send className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'website' || normalized === 'portfolio') {
+    return <Globe className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+  }
+  if (normalized === 'behance') {
+    return (
+      <span
+        aria-hidden="true"
+        className="inline-flex h-3.5 w-3.5 items-center justify-center rounded-full border border-current text-[8px] font-semibold text-gray-900 transition-colors group-hover:text-[var(--accent-primary)] dark:text-gray-100"
+      >
+        B
+      </span>
+    );
+  }
+  return <LinkIcon className={SOCIAL_ICON_CLASSNAME} strokeWidth={1.8} />;
+}
+
 /**
  * Normalize a tag/search input:
  * - removes leading "#"
@@ -127,6 +184,7 @@ export default function BlogFilters({
     name: string;
     data: Author;
   } | null>(null);
+  const authorHeadingRef = useRef<HTMLHeadingElement>(null);
   const [selectedCategory, setSelectedCategory] = useState<{
     name: string;
     norm: string;
@@ -152,7 +210,12 @@ export default function BlogFilters({
   };
 
   const getCategoryLabel = (categoryName: string): string => {
-    const key = categoryName.toLowerCase() as 'tech' | 'career' | 'insights' | 'news' | 'growth';
+    const key = categoryName.toLowerCase() as
+      | 'tech'
+      | 'career'
+      | 'insights'
+      | 'news'
+      | 'growth';
     const categoryTranslations: Record<string, string> = {
       tech: t('categories.tech'),
       career: t('categories.career'),
@@ -206,7 +269,7 @@ export default function BlogFilters({
   const authorParam = useMemo(() => {
     return (searchParams?.get('author') || '').trim();
   }, [searchParams]);
-  const searchQueryLower = searchQuery.toLowerCase();
+  const searchQueryNormalized = normalizeSearchText(searchQuery);
   const didClearSearchRef = useRef(false);
 
   useEffect(() => {
@@ -226,7 +289,6 @@ export default function BlogFilters({
     didClearSearchRef.current = true;
   }, [pathname, router, searchParams, searchQuery]);
 
-
   const resolvedAuthor = useMemo(() => {
     const normParam = normalizeAuthor(authorParam);
     if (!normParam) return selectedAuthor;
@@ -267,6 +329,17 @@ export default function BlogFilters({
     };
   }, [locale, resolvedAuthor?.name]);
 
+  useEffect(() => {
+    if (!resolvedAuthor) return;
+    const frame = window.requestAnimationFrame(() => {
+      authorHeadingRef.current?.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+      });
+    });
+    return () => window.cancelAnimationFrame(frame);
+  }, [resolvedAuthor?.norm]);
+
   const filteredPosts = useMemo(() => {
     return posts.filter(post => {
       if (resolvedAuthor) {
@@ -279,14 +352,16 @@ export default function BlogFilters({
         if (!postCategories.includes(resolvedCategory.norm)) return false;
       }
 
-      if (searchQueryLower) {
+      if (searchQueryNormalized) {
         const titleText = normalizeSearchText(post.title);
         const bodyText = normalizeSearchText(
           plainTextFromPortableText(post.body)
         );
+        const words = searchQueryNormalized.split(/\s+/).filter(Boolean);
         if (
-          !titleText.includes(searchQueryLower) &&
-          !bodyText.includes(searchQueryLower)
+          !words.some(
+            word => titleText.includes(word) || bodyText.includes(word)
+          )
         ) {
           return false;
         }
@@ -294,7 +369,7 @@ export default function BlogFilters({
 
       return true;
     });
-  }, [posts, resolvedAuthor, resolvedCategory, searchQueryLower]);
+  }, [posts, resolvedAuthor, resolvedCategory, searchQueryNormalized]);
 
   const selectedAuthorData = useMemo(() => {
     const resolvedName = resolvedAuthor?.name;
@@ -308,9 +383,9 @@ export default function BlogFilters({
 
   return (
     <div className="mt-8">
-        {!resolvedAuthor && featuredPost && (
-          <section className="mb-12">
-          <div className="grid gap-8 md:grid-cols-[1.15fr_1fr] md:items-stretch lg:grid-cols-[1.2fr_1fr]">
+      {!resolvedAuthor && featuredPost && (
+        <section className="mb-12">
+          <div className="grid gap-8 md:grid-cols-[1.3fr_1fr] md:items-stretch lg:grid-cols-[1.4fr_1fr]">
             {featuredPost.mainImage && (
               <Link
                 href={`/blog/${featuredPost.slug.current}`}
@@ -325,7 +400,7 @@ export default function BlogFilters({
                 </div>
               </Link>
             )}
-            <div className="pt-2">
+            <div className="pt-2 flex flex-col h-full">
               {featuredPost.categories?.[0] && (
                 <div className="text-xs font-bold uppercase tracking-[0.2em] text-[var(--accent-primary)] -mt-2">
                   {featuredPost.categories[0]}
@@ -341,7 +416,7 @@ export default function BlogFilters({
                 {plainTextExcerpt(featuredPost.body)}
               </p>
               {featuredPost.publishedAt && (
-                <div className="mt-6 flex items-center justify-between text-xs tracking-[0.25em] text-gray-500 dark:text-gray-400">
+                <div className="mt-auto pt-8 flex items-center justify-between text-xs tracking-[0.25em] text-gray-500 dark:text-gray-400">
                   <time
                     dateTime={featuredPost.publishedAt}
                     className="uppercase"
@@ -379,60 +454,64 @@ export default function BlogFilters({
 
           {selectedAuthorData && (
             <div className="flex flex-col gap-6 md:flex-row md:items-start">
-                {selectedAuthorData.image && (
-                  <div className="relative h-40 w-40 flex-shrink-0 overflow-hidden rounded-xl border border-[0.5px] border-[color-mix(in_srgb,var(--accent-primary)_50%,transparent)]">
-                    <Image
-                      src={selectedAuthorData.image}
-                      alt={selectedAuthorData.name || t('author')}
-                      fill
-                      className="object-cover"
-                    />
-                  </div>
-                )}
-                <div className="min-w-0">
-                  {selectedAuthorData.name && (
-                    <h2 className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
-                      {selectedAuthorData.name}
-                    </h2>
-                  )}
-                  {(selectedAuthorData.jobTitle ||
-                    selectedAuthorData.company ||
-                    selectedAuthorData.city) && (
-                    <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
-                      {[
-                        selectedAuthorData.jobTitle,
-                        selectedAuthorData.company,
-                        selectedAuthorData.city,
-                      ]
-                        .filter(Boolean)
-                        .join(' · ')}
-                    </p>
-                  )}
-                  {authorBioText && (
-                    <p className="mt-3 whitespace-pre-line text-sm leading-relaxed text-gray-600 dark:text-gray-400">
-                      {authorBioText}
-                    </p>
-                  )}
-                  {selectedAuthorData.socialMedia?.length ? (
-                    <div className="mt-4 flex flex-wrap gap-2">
-                      {selectedAuthorData.socialMedia
-                        .filter(item => item?.url)
-                        .map((item, index) => (
-                          <a
-                            key={item._key || `${item.platform}-${index}`}
-                            href={item.url}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            className="inline-flex items-center rounded-full border border-gray-200 px-3 py-1 text-xs text-gray-600 transition hover:text-[var(--accent-primary)] hover:border-[var(--accent-primary)] dark:border-gray-700 dark:text-gray-300 dark:hover:text-[var(--accent-primary)] dark:hover:border-[var(--accent-primary)]"
-                          >
-                            {item.platform || 'link'}
-                          </a>
-                        ))}
-                    </div>
-                  ) : null}
+              {selectedAuthorData.image && (
+                <div className="relative h-40 w-40 flex-shrink-0 overflow-hidden rounded-xl border border-[0.5px] border-[color-mix(in_srgb,var(--accent-primary)_50%,transparent)]">
+                  <Image
+                    src={selectedAuthorData.image}
+                    alt={selectedAuthorData.name || t('author')}
+                    fill
+                    className="object-cover"
+                  />
                 </div>
+              )}
+              <div className="min-w-0">
+                {selectedAuthorData.name && (
+                  <h2
+                    ref={authorHeadingRef}
+                    className="text-2xl font-semibold text-gray-900 dark:text-gray-100 scroll-mt-24"
+                  >
+                    {selectedAuthorData.name}
+                  </h2>
+                )}
+                {(selectedAuthorData.jobTitle ||
+                  selectedAuthorData.company ||
+                  selectedAuthorData.city) && (
+                  <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
+                    {[
+                      selectedAuthorData.jobTitle,
+                      selectedAuthorData.company,
+                      selectedAuthorData.city,
+                    ]
+                      .filter(Boolean)
+                      .join(' · ')}
+                  </p>
+                )}
+                {authorBioText && (
+                  <p className="mt-3 whitespace-pre-line text-sm leading-relaxed text-gray-600 dark:text-gray-400">
+                    {authorBioText}
+                  </p>
+                )}
+                {selectedAuthorData.socialMedia?.length ? (
+                  <div className="mt-4 flex flex-wrap gap-2">
+                    {selectedAuthorData.socialMedia
+                      .filter(item => item?.url)
+                      .map((item, index) => (
+                        <a
+                          key={item._key || `${item.platform}-${index}`}
+                          href={item.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="group inline-flex items-center gap-2 rounded-full border border-gray-200 px-3 py-1 text-xs text-gray-600 transition hover:text-[var(--accent-primary)] hover:border-[var(--accent-primary)] dark:border-gray-700 dark:text-gray-300 dark:hover:text-[var(--accent-primary)] dark:hover:border-[var(--accent-primary)]"
+                        >
+                          <SocialIcon platform={item.platform} />
+                          {item.platform || 'link'}
+                        </a>
+                      ))}
+                  </div>
+                ) : null}
               </div>
-            )}
+            </div>
+          )}
 
           {selectedAuthorData?.name && (
             <div className="mt-10">
diff --git a/frontend/components/blog/BlogHeaderSearch.tsx b/frontend/components/blog/BlogHeaderSearch.tsx
index 47e81633..42ac9d35 100644
--- a/frontend/components/blog/BlogHeaderSearch.tsx
+++ b/frontend/components/blog/BlogHeaderSearch.tsx
@@ -2,7 +2,7 @@
 
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Search } from 'lucide-react';
-import { useTranslations } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 import { useRouter } from '@/i18n/routing';
 
 type PostSearchItem = {
@@ -36,8 +36,13 @@ function extractSnippet(body: PostSearchItem['body'], query: string) {
 
 const SEARCH_ENDPOINT = '/api/blog-search';
 
+function normalizeSearchText(value: string) {
+  return value.toLowerCase().replace(/\s+/g, ' ').trim();
+}
+
 export function BlogHeaderSearch() {
   const t = useTranslations('blog');
+  const locale = useLocale();
   const [open, setOpen] = useState(false);
   const [value, setValue] = useState('');
   const [items, setItems] = useState<PostSearchItem[]>([]);
@@ -69,7 +74,9 @@ export function BlogHeaderSearch() {
   useEffect(() => {
     if (!open || items.length || !isLoading) return;
     let active = true;
-    fetch(SEARCH_ENDPOINT, { cache: 'no-store' })
+    fetch(`${SEARCH_ENDPOINT}?locale=${encodeURIComponent(locale)}`, {
+      cache: 'no-store',
+    })
       .then(response => (response.ok ? response.json() : []))
       .then((result: PostSearchItem[]) => {
         if (!active) return;
@@ -101,20 +108,21 @@ export function BlogHeaderSearch() {
   }, [open, router, value]);
 
   const results = useMemo<SearchResult[]>(() => {
-    const query = value.trim().toLowerCase();
+    const query = normalizeSearchText(value);
     if (!query) return [];
     const words = query.split(/\s+/).filter(Boolean);
     return items
       .filter(item => {
-        const title = (item.title || '').toLowerCase();
-        const bodyText = (item.body || [])
-          .filter(block => block?._type === 'block')
-          .map(block =>
-            (block.children || []).map(child => child.text || '').join(' ')
-          )
-          .join(' ')
-          .toLowerCase();
-        return words.every(
+        const title = normalizeSearchText(item.title || '');
+        const bodyText = normalizeSearchText(
+          (item.body || [])
+            .filter(block => block?._type === 'block')
+            .map(block =>
+              (block.children || []).map(child => child.text || '').join(' ')
+            )
+            .join(' ')
+        );
+        return words.some(
           word => title.includes(word) || bodyText.includes(word)
         );
       })