feat(blog): restore typography ratios and implement smooth filter animations

apps/web/app/blog/[slug]/page.tsx

@@ -83,7 +83,7 @@ export default async function BlogPostPage({
         />
 
         <Section containerVariant="wide" className="pt-0 md:pt-0">
-          <div className="max-w-3xl mx-auto px-5 md:px-0">
+          <div className="max-w-4xl mx-auto px-5 md:px-0">
             <Reveal delay={0.4} width="100%">
               {post.tags && post.tags.length > 0 && (
                 <div className="flex flex-wrap gap-2 mb-10 md:mb-12">
@@ -98,7 +98,7 @@ export default async function BlogPostPage({
                 </div>
               )}
 
-              <div className="max-w-none">
+              <div className="article-content max-w-none">
                 <MDXRemote
                   source={post.body.raw.replace(/^---[\s\S]*?\n---\s*/, '')}
                   components={MDXComponents}