diff --git a/components/hero.tsx b/components/hero.tsx
index c54c4dd..e98a13c 100644
--- a/components/hero.tsx
+++ b/components/hero.tsx
@@ -15,12 +15,20 @@ export function Hero() {
 
       <div className="container mx-auto px-4 py-20 relative z-10">
         <div className="max-w-5xl mx-auto text-center space-y-8">
-          <h1
-            className="text-6xl md:text-8xl lg:text-9xl font-bold tracking-tight text-balance text-white"
-            style={{ textShadow: "0 0 40px rgba(0,0,0,0.8), 0 0 80px rgba(0,0,0,0.6), 0 4px 20px rgba(0,0,0,0.9)" }}
-          >
-            it's time to compost
-            <span className="block text-amber-200 mt-2">capitalism</span>
+          <h1 className="tracking-tight text-balance">
+            <span className="block text-2xl md:text-3xl lg:text-4xl font-medium text-white/70 mb-4">it's time to</span>
+            <span
+              className="block text-6xl md:text-8xl lg:text-9xl font-bold text-white"
+              style={{ textShadow: "0 0 40px rgba(0,0,0,0.8), 0 0 80px rgba(0,0,0,0.6), 0 4px 20px rgba(0,0,0,0.9)" }}
+            >
+              Compost
+            </span>
+            <span
+              className="block text-6xl md:text-8xl lg:text-9xl font-bold text-amber-200 mt-2"
+              style={{ textShadow: "0 0 40px rgba(0,0,0,0.8), 0 0 80px rgba(0,0,0,0.6), 0 4px 20px rgba(0,0,0,0.9)" }}
+            >
+              Capitalism
+            </span>
           </h1>
 
           <p className="text-xl md:text-2xl text-white/95 max-w-3xl mx-auto text-balance leading-relaxed">