diff --git a/src/components/FeaturedBentoFromDb.tsx b/src/components/FeaturedBentoFromDb.tsx
index ab676ec..e4eac25 100644
--- a/src/components/FeaturedBentoFromDb.tsx
+++ b/src/components/FeaturedBentoFromDb.tsx
@@ -112,7 +112,7 @@ export default async function FeaturedBento() {
                     {hero.category}
                   </div>
                 )}
-                <h3 className="font-serif text-[40px] md:text-[48px] lg:text-[56px] text-white leading-[1.05] tracking-[-0.02em] font-bold max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
+                <h3 className="font-serif text-2xl md:text-4xl lg:text-5xl text-white leading-tight max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
                   {hero.title}
                 </h3>
                 {hero.excerpt && (
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index f851f91..11b73e9 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -56,11 +56,10 @@ body {
   font-family: var(--font-body);
   background-color: var(--color-bg);
   color: var(--color-foreground);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: 'kern', 'liga';
-  letter-spacing: -0.005em;
+  /* Smoothing intentionally NOT overridden — `antialiased`/`grayscale` was
+     correct for the old dark theme but renders thinner/harsher on the new
+     light theme. Default OS smoothing (subpixel on Windows/older macOS,
+     `auto` elsewhere) gives Inter + Lora their intended weight. */
 }
 
 /* =====================