.blog-hero{background:linear-gradient(180deg,var(--color-zinc-950) 0%,var(--color-zinc-900) 100%);border-bottom:1px solid var(--color-zinc-800);padding:4rem 1rem;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--color-sky-500),transparent);opacity:.08;pointer-events:none}.blog-hero-inner{max-width:56rem;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.blog-hero-title{font-size:2.5rem;font-weight:800;color:var(--color-zinc-50);line-height:1.1;letter-spacing:-.025em;margin:0 0 1rem}.blog-hero-description{font-size:1.125rem;color:var(--color-zinc-400);line-height:1.6;max-width:36rem;margin:0 0 2rem}.blog-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}@media(prefers-reduced-motion:reduce){.blog-hero-actions *{transition:none!important}}@media(min-width:768px){.blog-hero{padding:6rem 1.5rem}.blog-hero-title{font-size:3.5rem}.blog-hero-description{font-size:1.25rem}}@media(max-width:640px){.blog-hero{padding:3rem 1rem}.blog-hero-title{font-size:1.875rem}.blog-hero-description{font-size:1rem}.blog-hero-actions{flex-direction:column;width:100%}}.featured-article{border:.5px solid var(--color-zinc-800);border-radius:.5rem;background:var(--color-zinc-900);overflow:hidden;transition:border-color .15s ease,background-color .15s ease}@media(prefers-reduced-motion:reduce){.featured-article{transition:none!important}}.featured-article:hover{border-color:var(--color-zinc-700)}.featured-article:hover .featured-article-title{color:var(--color-sky-400)}.featured-article-link{display:block;text-decoration:none}.featured-article-link:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:2px;border-radius:.5rem}.featured-article-grid{display:grid;grid-template-columns:1fr;gap:0}.featured-article-image{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-zinc-800)}.featured-article-image img{width:100%;height:100%;object-fit:cover}.featured-article-image-fallback{background:linear-gradient(135deg,var(--color-zinc-900),var(--color-zinc-800));display:flex;align-items:center;justify-content:center}.featured-article-image-placeholder{color:var(--color-zinc-600)}.featured-article-body{padding:1.5rem}.featured-article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.featured-article-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-sky-400);background:var(--color-zinc-800);padding:.2rem .5rem;border-radius:.25rem}.featured-article-reading-time{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;color:var(--color-zinc-500)}.featured-article-date{font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;color:var(--color-zinc-500)}.featured-article-title{font-size:1.5rem;font-weight:700;color:var(--color-zinc-50);margin:0 0 .5rem;line-height:1.2;transition:color .15s ease}.featured-article-description{font-size:1rem;color:var(--color-zinc-400);margin:0 0 1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-article-read-more{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--color-sky-400)}@media(min-width:768px){.featured-article-grid{grid-template-columns:1fr 1fr}.featured-article-image{aspect-ratio:auto;height:100%}.featured-article-title{font-size:1.75rem}}@media(max-width:640px){.featured-article-title{font-size:1.25rem}.featured-article-body{padding:1rem}}.blog-grid-container{display:grid;grid-template-columns:1fr;gap:1.5rem}@supports (grid-template-columns: repeat(auto-fill,minmax(280px,1fr))){.blog-grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(min-width:768px){.blog-grid-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.blog-grid-container{grid-template-columns:repeat(3,1fr)}}.blog-index{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif}.blog-featured-section{margin-bottom:3rem}.blog-section-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.blog-section-heading-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-sky-400)}@media(max-width:768px){.blog-index-content{padding:2rem 1rem}.blog-featured-section{margin-bottom:2rem}}