.blog-highlights.svelte-1ezlmva{background:var(--bg-secondary)}.blog-highlights-grid.svelte-1ezlmva{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-highlight-card.svelte-1ezlmva{display:flex;flex-direction:column;text-decoration:none;color:var(--text-primary);border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-primary);transition:transform .2s,box-shadow .2s}.blog-highlight-card.svelte-1ezlmva:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.blog-highlight-img.svelte-1ezlmva{aspect-ratio:16/9;overflow:hidden;background:var(--bg-tertiary)}.blog-highlight-img.svelte-1ezlmva img:where(.svelte-1ezlmva){width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.blog-highlight-card.svelte-1ezlmva:hover .blog-highlight-img:where(.svelte-1ezlmva) img:where(.svelte-1ezlmva){transform:scale(1.03)}.blog-highlight-body.svelte-1ezlmva{padding:16px 20px 20px}.blog-highlight-cat.svelte-1ezlmva{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);display:inline-block;margin-bottom:8px}.blog-highlight-body.svelte-1ezlmva h3:where(.svelte-1ezlmva){font-family:var(--font-heading);font-size:1.1rem;font-weight:400;line-height:1.35}.blog-highlights-more.svelte-1ezlmva{text-align:center;margin-top:28px}.blog-highlights-more.svelte-1ezlmva a:where(.svelte-1ezlmva){font-size:.95rem;font-weight:600;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--text-secondary);padding-bottom:2px;transition:opacity .2s}.blog-highlights-more.svelte-1ezlmva a:where(.svelte-1ezlmva):hover{opacity:.6}.reveal-section.svelte-1ezlmva.revealed .blog-highlight-card:where(.svelte-1ezlmva){opacity:0;animation:anim-fadeUp .5s ease both}.reveal-section.svelte-1ezlmva.revealed .blog-highlight-card:where(.svelte-1ezlmva):nth-child(2){animation-delay:.1s}.reveal-section.svelte-1ezlmva.revealed .blog-highlight-card:where(.svelte-1ezlmva):nth-child(3){animation-delay:.2s}[data-theme=dark] .blog-highlight-card.svelte-1ezlmva:hover{box-shadow:0 8px 24px #0000004d}@media(max-width:1024px){.blog-highlights-grid.svelte-1ezlmva{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-highlights-grid.svelte-1ezlmva{grid-template-columns:1fr}}