Poistetaan hero-osio: mennään suoraan headerista julkaisuihin

- Poistettu hero-section HTML:stä
- Poistettu hero-tyylit CSS:stä
- Headerin ja controlsin padding tiivistetty
- CSS cache-busting v3

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

style.css

@@ -36,7 +36,7 @@ body {
    ===================== */
 header {
   background: var(--warm-brown);
-  padding: 32px 24px 24px;
+  padding: 20px 24px 16px;
   text-align: center;
 }
 
@@ -74,8 +74,8 @@ header h1 {
 .tagline {
   color: #e8c9a8;
   font-style: italic;
-  font-size: 1rem;
-  margin-bottom: 18px;
+  font-size: 0.95rem;
+  margin-bottom: 12px;
 }
 
 nav { display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; }
@@ -92,29 +92,6 @@ nav a {
 
 nav a:hover { color: #fff; }
 
-/* =====================
-   HERO
-   ===================== */
-.hero {
-  background: linear-gradient(135deg, #d4895a 0%, #e8b88a 50%, #c4732e 100%);
-  padding: 80px 24px;
-  text-align: center;
-}
-
-.hero-content { max-width: 600px; margin: 0 auto; }
-
-.hero h2 {
-  font-size: 2.8rem;
-  color: #fff;
-  margin-bottom: 14px;
-  text-shadow: 0 2px 8px rgba(0,0,0,0.2);
-}
-
-.hero p {
-  color: #fef5ea;
-  font-size: 1.15rem;
-  margin-bottom: 28px;
-}
 
 .btn {
   display: inline-block;
@@ -138,7 +115,7 @@ nav a:hover { color: #fff; }
    SEARCH & FILTERS
    ===================== */
 .controls {
-  padding: 36px 24px 24px;
+  padding: 24px 24px 20px;
   background: #f5ece0;
   border-bottom: 2px solid var(--border);
 }
@@ -781,7 +758,6 @@ footer {
    ===================== */
 @media (max-width: 600px) {
   header h1 { font-size: 1.7rem; }
-  .hero h2 { font-size: 2rem; }
   .about-inner { flex-direction: column; text-align: center; }
   .recipe-grid { grid-template-columns: 1fr; }
   nav { gap: 16px; }