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>

index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>tykkää.fi</title>
-  <link rel="stylesheet" href="style.css?v=2" />
+  <link rel="stylesheet" href="style.css?v=3" />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet" />
 </head>
@@ -26,15 +26,6 @@
     </div>
   </header>
 
-  <!-- HERO -->
-  <section class="hero">
-    <div class="hero-content">
-      <h2 data-i18n="hero_title"></h2>
-      <p data-i18n="hero_desc"></p>
-      <a href="#posts" class="btn" data-i18n="hero_btn"></a>
-    </div>
-  </section>
-
   <!-- SEARCH & FILTER -->
   <section class="controls" id="posts">
     <div class="container">

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;
+  font-size: 0.95rem;
-  margin-bottom: 18px;
+  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; }