Add News hub and wire homepage Latest news to a dated content index

New /<lang>/news/ hub aggregates real projects (title+image read from their pages), placeholder news announcements, and blog items, newest-first with type badges and a type filter. Homepage Latest news now shows the newest dated items as badged cards with a working See all to the hub; the News menu link points there too. Dates in news.js are placeholders to replace with real publish dates.

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

css/components/_cards.css

@@ -49,6 +49,45 @@
     line-height: 24px;
 }
 
+/* Latest-news cards: clickable media, type badge, placeholder tiles */
+.news-card-media {
+    position: relative;
+    display: block;
+    margin-bottom: 24px;
+    border-radius: 8px;
+    overflow: hidden;
+}
+.news-card-media img { height: 220px; margin-bottom: 0; display: block; }
+.news-card .news-ph {
+    height: 220px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 40px;
+    color: rgba(255, 255, 255, 0.85);
+    background: rgba(255, 255, 255, 0.14);
+}
+.news-badge {
+    position: absolute;
+    top: 12px;
+    left: 12px;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    font-weight: 600;
+    color: #FFFFFF;
+    padding: 4px 10px;
+    border-radius: 999px;
+    background: #101828;
+}
+.news-badge i { font-size: 11px; }
+.news-badge--project { background: #1F5C72; }
+.news-badge--blog { background: #E8833A; }
+.news-badge--news { background: #7C5CBF; }
+.news-card h3 a { color: #FFFFFF; text-decoration: none; }
+.news-card h3 a:hover { text-decoration: underline; }
+
 /* 2. Kartice s pričevanji (.testimonial-card) */
 
 .testimonial-card {