/* =========================================
   BLOG GRID STYLE (page-specific: home page teaser)
   ========================================= */
.blog-card { background: transparent; border: none; overflow: hidden; transition: 0.3s; cursor: pointer; display: flex; flex-direction: column; }
.blog-card:hover { transform: translateY(-5px); }
.blog-img-wrap { width: 100%; aspect-ratio: 4/3; overflow: hidden; border-radius: 8px; background: #000; position:relative; }
.blog-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; opacity: 0.8; }
.blog-card:hover img { transform: scale(1.08); opacity: 1; }
.blog-content { padding: 12px 0; flex: 1; display: flex; flex-direction: column; }
.blog-date { font-size: 10px; color: var(--text-secondary); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; }
.blog-title { font-size: 13px; font-weight: 500; color: #fff; line-height: 1.4; transition: 0.3s; }
.blog-card:hover .blog-title { color: var(--accent-gold); }