Redesign public site: minimal light editorial theme

Full design refactor of the public surface (home, blog, layout) using the
taste-skill anti-slop rules. Admin CMS is untouched.

- Single locked light theme: #fafafa bg, #18181b text, one accent #2563eb
- Syne headings + system body + Vazirmatn (fa); hairline rules, no glows/cards
- Remove AI tells: 5-colour palette, gradient text, neon glows, custom cursor,
  particle canvas, typewriter, scroll cue, per-section eyebrows, progress bars
- Replace window scroll listener with an IntersectionObserver sentinel
- 8 distinct section layouts; portfolio uses typographic covers (no broken imgs)
- Zero em-dashes in visible copy; fix relative-path-safe asset refs
- Add missing wwwroot/logo-mark.svg (was 404)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Pages/Blog/Index.cshtml

@@ -1,31 +1,30 @@
 @page "/blog"
 @model SoroushAsadi.Pages.Blog.BlogIndexModel
 @{
-    ViewData["Title"] = Model.IsFa ? "بلاگ — سروش اسعدی" : "Blog — Soroush Asadi";
+    ViewData["Title"] = Model.IsFa ? "بلاگ - سروش اسعدی" : "Blog - Soroush Asadi";
     var fa = Model.IsFa;
 }
 
-<div class="min-h-screen pt-28 pb-20 px-5 sm:px-8">
-  <div class="mx-auto max-w-7xl">
-    <div class="section-header mb-14">
-      <div class="eyebrow mb-4"><span class="chip">@(fa ? "بلاگ" : "Journal")</span></div>
-      <h1 class="font-display text-4xl font-extrabold text-white @(fa ? "font-fa" : "")">
+<div class="px-5 pt-28 pb-24 sm:px-8 sm:pt-32">
+  <div class="mx-auto max-w-4xl">
+    <div class="sec-head">
+      <h1 class="@(fa ? "font-fa" : "")" style="font-size:clamp(2rem,4vw,2.75rem)">
         @(fa ? "یادداشت‌های مهندسی" : "Engineering notes")
       </h1>
-      <p class="mt-4 text-slate-400">@(fa ? "یافته‌ها از پروژه‌های واقعی — نه ترجمه‌ی مقاله، نه فهرست hype." : "Findings from real engagements — not translated articles, not hype lists.")</p>
+      <p class="lede mt-4">@(fa ? "یافته‌ها از پروژه‌های واقعی. نه ترجمه‌ی مقاله، نه فهرست هیجان." : "Findings from real engagements. Not translated articles, not hype lists.")</p>
     </div>
 
-    <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
+    <div class="border-b border-zinc-200">
       @foreach (var post in Model.Posts)
       {
-        <a href="/blog/@post.Slug" class="group glass block p-6 transition-all duration-300 hover:-translate-y-1 hover:border-electric/40 reveal">
-          <span class="label-mono text-electric mb-3 block">@post.Category</span>
-          <h2 class="font-display font-semibold leading-snug text-white group-hover:text-electric transition-colors @(fa ? "font-fa" : "")"
-              style="font-size:clamp(1rem,1.4vw,1.15rem)">@post.Title</h2>
-          <p class="mt-3 text-[.88rem] leading-relaxed text-slate-400 line-clamp-3">@post.Excerpt</p>
-          <div class="mt-4 flex items-center justify-between">
-            <span class="label-mono">@post.ReadTime @(fa ? "دقیقه" : "min") @(fa ? "مطالعه" : "read")</span>
-            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="text-electric @(fa ? "rotate-180" : "")"><path d="M5 12H19"/><path d="M13 6L19 12L13 18"/></svg>
+        <a href="/blog/@post.Slug" class="group reveal grid grid-cols-1 gap-2 border-t border-zinc-200 py-6 sm:grid-cols-[8rem_1fr] sm:gap-8">
+          <div class="flex items-baseline justify-between sm:flex-col sm:gap-1">
+            <span class="kicker">@post.Category</span>
+            <span class="text-[.78rem] text-zinc-400">@post.ReadTime @(fa ? "دقیقه" : "min")</span>
+          </div>
+          <div>
+            <h2 class="text-[1.1rem] font-semibold transition-colors group-hover:text-accent @(fa ? "font-fa" : "")">@post.Title</h2>
+            <p class="mt-1.5 text-[.9rem] leading-relaxed text-zinc-600">@post.Excerpt</p>
           </div>
         </a>
       }

Pages/Blog/Post.cshtml

@@ -1,48 +1,32 @@
 @page "/blog/{slug}"
 @model SoroushAsadi.Pages.Blog.PostModel
 @{
-    ViewData["Title"] = Model.Title + " — Soroush Asadi";
+    ViewData["Title"] = Model.Title + " - Soroush Asadi";
     var fa = Model.IsFa;
 }
 
-<div class="min-h-screen pt-28 pb-20 px-5 sm:px-8">
-  <div class="mx-auto max-w-3xl">
-    <a href="/blog" class="label-mono mb-8 inline-flex items-center gap-2 text-slate-400 hover:text-white transition-colors @(fa ? "flex-row-reverse" : "")">
-      <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" class="@(fa ? "" : "rotate-180")"><path d="M5 12H19"/><path d="M13 6L19 12L13 18"/></svg>
+<div class="px-5 pt-28 pb-24 sm:px-8 sm:pt-32">
+  <div class="mx-auto max-w-2xl">
+    <a href="/blog" class="mb-10 inline-flex items-center gap-2 text-sm text-zinc-500 transition-colors hover:text-zinc-900 @(fa ? "flex-row-reverse" : "")">
+      <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" class="@(fa ? "" : "rotate-180")"><path d="M5 12H19"/><path d="M13 6L19 12L13 18"/></svg>
       @(fa ? "بازگشت به بلاگ" : "Back to blog")
     </a>
 
     @if (Model.PostNotFound)
     {
-      <p class="text-slate-400">@(fa ? "مقاله پیدا نشد." : "Post not found.")</p>
+      <p class="text-zinc-600">@(fa ? "مقاله پیدا نشد." : "Post not found.")</p>
     }
     else
     {
-      <div class="mb-6">
-        <span class="label-mono text-electric">@Model.Category</span>
-        <h1 class="mt-3 font-display text-3xl font-extrabold leading-tight text-white @(fa ? "font-fa" : "")">@Model.Title</h1>
-        <p class="mt-2 label-mono text-slate-500">@Model.ReadTime @(fa ? "دقیقه مطالعه" : "min read")</p>
-      </div>
+      <header class="mb-8">
+        <span class="kicker">@Model.Category</span>
+        <h1 class="mt-3 @(fa ? "font-fa" : "")" style="font-size:clamp(1.8rem,4vw,2.5rem)">@Model.Title</h1>
+        <p class="mt-3 text-sm text-zinc-400">@Model.ReadTime @(fa ? "دقیقه مطالعه" : "min read")</p>
+      </header>
 
-      <article class="prose-custom glass p-8">
+      <article class="prose-custom">
         @Html.Raw(Model.BodyHtml)
       </article>
     }
   </div>
 </div>
-
-@section Scripts {
-<style>
-.prose-custom { color:#cbd5e1; line-height:1.8; }
-.prose-custom h2,.prose-custom h3 { font-family:'Syne',sans-serif; font-weight:700; color:#fff; margin:2rem 0 .75rem; }
-.prose-custom p { margin-bottom:1.25rem; }
-.prose-custom code { font-family:'SpaceMono',monospace; background:rgba(56,189,248,.08); border:1px solid rgba(56,189,248,.2); border-radius:.35rem; padding:.15em .45em; font-size:.85em; color:#38bdf8; }
-.prose-custom pre { background:#050a1a; border:1px solid rgba(255,255,255,.06); border-radius:.75rem; padding:1.25rem; overflow-x:auto; margin:1.5rem 0; }
-.prose-custom pre code { background:none; border:none; padding:0; color:#e2e8f0; }
-.prose-custom ul,.prose-custom ol { padding-inline-start:1.5rem; margin-bottom:1.25rem; }
-.prose-custom li { margin-bottom:.4rem; }
-.prose-custom blockquote { border-inline-start:3px solid #38bdf8; padding-inline-start:1rem; color:#94a3b8; margin:1.5rem 0; }
-.prose-custom strong { color:#e2e8f0; }
-.prose-custom a { color:#38bdf8; text-decoration:underline; text-underline-offset:.2em; }
-</style>
-}