feat(odin): editorial serif hero — Fraunces greeting + italic subtitle

Drop the gradient "Odin" wordmark from the new-conversation hero and make the
personalized greeting the centerpiece in Fraunces (optical-sized serif), with
an italic Fraunces description — a refined, literary, claude-like treatment.
Loads Fraunces (upright + italic) via the existing Google Fonts link.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

index.html

@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Urbanist:wght@300;400;500;600;700;800&display=swap"
+      href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Urbanist:wght@300;400;500;600;700;800&display=swap"
       rel="stylesheet"
     />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />

src/admin/components/odin/OdinThread.tsx

@@ -81,50 +81,41 @@ export default function OdinThread({
             flexDirection: "column",
             alignItems: "center",
             justifyContent: "center",
-            gap: 1.25,
+            gap: 1.75,
             textAlign: "center",
-            px: 2,
+            px: 3,
           }}
         >
-          {greeting && (
-            <Typography
-              component="div"
-              sx={{
-                color: "text.secondary",
-                fontWeight: 500,
-                fontSize: "clamp(1rem, 0.85rem + 0.6vw, 1.25rem)",
-              }}
-            >
-              {greeting}
-            </Typography>
-          )}
-          <Box
-            component="span"
-            sx={(t) => ({
-              fontSize: "clamp(2.25rem, 1.4rem + 2.6vw, 3rem)",
-              fontWeight: 800,
-              lineHeight: 1.05,
-              letterSpacing: "-0.03em",
-              backgroundImage: `linear-gradient(120deg, ${t.vars!.palette.primary.light}, ${t.vars!.palette.primary.main})`,
-              WebkitBackgroundClip: "text",
-              backgroundClip: "text",
-              WebkitTextFillColor: "transparent",
-            })}
-          >
-            Odin
-          </Box>
           <Typography
-            component="div"
+            component="h1"
             sx={{
-              color: "text.secondary",
+              fontFamily: "'Fraunces', Georgia, 'Times New Roman', serif",
-              maxWidth: 460,
+              fontOpticalSizing: "auto",
-              mt: 0.5,
+              fontWeight: 500,
-              fontSize: "0.95rem",
+              fontSize: "clamp(2.1rem, 1.3rem + 2.5vw, 3.1rem)",
-              lineHeight: 1.5,
+              lineHeight: 1.06,
+              letterSpacing: "-0.015em",
+              color: "text.primary",
+              m: 0,
             }}
           >
-            Váš firemní AI asistent. Zeptejte se, nebo přiložte fakturu (PDF) k
+            {greeting || "Dobrý den"}
-            importu.
+          </Typography>
+          <Typography
+            component="p"
+            sx={{
+              fontFamily: "'Fraunces', Georgia, serif",
+              fontStyle: "italic",
+              fontWeight: 400,
+              fontSize: "clamp(1.05rem, 0.95rem + 0.45vw, 1.3rem)",
+              lineHeight: 1.55,
+              color: "text.secondary",
+              maxWidth: 500,
+              m: 0,
+            }}
+          >
+            Váš firemní AI asistent — zeptejte se na cokoli, nebo přiložte
+            fakturu (PDF) k importu.
           </Typography>
         </Box>
       )}