.blog-header{text-align:center;padding-top:2rem;padding-bottom:1rem}.blog-header .tagline{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--color-text-secondary);margin-top:.5rem;font-size:.65rem}.blog-grid{gap:2rem;padding-bottom:4rem;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-article{max-width:720px;margin:0 auto;padding-bottom:4rem}.blog-article-hero{aspect-ratio:16/9;border:2px solid var(--color-border-rough);width:100%;margin-bottom:2rem;position:relative;overflow:hidden}.blog-article-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.blog-article-date{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--color-text-secondary);font-size:.65rem}.blog-article-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-article-tag{border:1px solid color-mix(in srgb,var(--color-toxic-green)30%,transparent);background:color-mix(in srgb,var(--color-toxic-green)10%,transparent);font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--color-toxic-green);border-radius:2px;padding:.125rem .5rem;font-size:.6rem}.blog-back-link{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.7rem;transition:color .2s;display:inline-flex}.blog-back-link:hover{color:var(--color-toxic-green)}.blog-article-hero:after{content:"";background:repeating-linear-gradient(90deg,var(--color-toxic-green)0px,var(--color-toxic-green)4px,transparent 4px,transparent 8px);height:6px;position:absolute;bottom:-2px;left:0;right:0}