.blog-hero{padding:8rem 0 3rem;background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 8%,transparent),transparent);text-align:center}.blog-hero h1{font-size:clamp(2.25rem,4vw,3.5rem);margin:0 0 1rem;letter-spacing:-.02em}.blog-hero p{max-width:640px;margin:0 auto;color:color-mix(in oklab,var(--foreground) 70%,transparent);font-size:1.125rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem 0 6rem}.blog-card{display:flex;flex-direction:column;background:var(--card);border:1px solid color-mix(in oklab,var(--foreground) 8%,transparent);border-radius:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px color-mix(in oklab,var(--primary) 35%,transparent);border-color:color-mix(in oklab,var(--primary) 30%,transparent)}.blog-card-cover{height:160px;background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--primary) 60%,var(--background)));position:relative}.blog-card-cover .blog-card-category{position:absolute;top:1rem;left:1rem;background:var(--background);color:var(--primary);font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;letter-spacing:.02em}.blog-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.blog-card-meta{font-size:.85rem;color:color-mix(in oklab,var(--foreground) 55%,transparent)}.blog-card h2{font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:-.01em}.blog-card-excerpt{color:color-mix(in oklab,var(--foreground) 75%,transparent);font-size:.95rem;line-height:1.55;flex:1}.blog-card-link{color:var(--primary);font-weight:600;font-size:.95rem;margin-top:auto}