.blog-hero.svelte-u4k2t{align-items:center;min-height:45vh;display:flex;position:relative;overflow:hidden}.hero-bg-gradient.svelte-u4k2t{background:radial-gradient(#5e4cf91f 0%,#0000 60%),linear-gradient(135deg,#070707 0%,#0a0520 100%);position:absolute;inset:0}.blog-hero-content.svelte-u4k2t{z-index:1;padding-top:calc(var(--header-height) + 4rem);text-align:center;flex-direction:column;align-items:center;padding-bottom:3rem;display:flex;position:relative}.blog-hero-content.svelte-u4k2t h1:where(.svelte-u4k2t){letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.blog-hero-content.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--color-text-muted);max-width:500px;font-size:1.1rem}.blog-main.svelte-u4k2t{border-top:1px solid var(--color-border);background:#0a0a0a}.blog-grid.svelte-u4k2t{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:2rem;display:grid}.blog-card.svelte-u4k2t{transition:var(--transition);border-radius:var(--radius-md);overflow:hidden}.blog-card.svelte-u4k2t:hover{border-color:#5e4cf94d;transform:translateY(-4px);box-shadow:0 16px 40px #0006}.blog-card-link.svelte-u4k2t{flex-direction:column;height:100%;text-decoration:none;display:flex}.blog-img-wrap.svelte-u4k2t{aspect-ratio:16/9;overflow:hidden}.blog-img-wrap.svelte-u4k2t img:where(.svelte-u4k2t){object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card.svelte-u4k2t:hover .blog-img-wrap:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.05)}.blog-card-body.svelte-u4k2t{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.blog-date.svelte-u4k2t{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.blog-card-body.svelte-u4k2t h3:where(.svelte-u4k2t){-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-body.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-read-more.svelte-u4k2t{color:var(--color-accent-light);align-items:center;gap:.25rem;margin-top:auto;font-size:.85rem;font-weight:500;display:flex}