.blog-index{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:9rem 2rem 6rem}.blog-index-header{margin-bottom:4.5rem;max-width:720px}.blog-index-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--purple-accent);padding:.4rem .85rem;border:1px solid var(--border-color);border-radius:100px;background:#a78bfa0f;margin-bottom:1.5rem}.blog-index-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--purple-accent);box-shadow:0 0 8px var(--purple-accent)}.blog-index-title{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(3rem,6vw,4.5rem);line-height:1.05;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.25rem}.blog-index-title em{font-style:italic;color:var(--purple-accent)}.blog-index-tagline{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;max-width:560px}.blog-index-posts{display:flex;flex-direction:column}.blog-index-empty{padding:3rem 0;color:var(--text-secondary);font-size:1rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center}.blog-post-card{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:center;padding:2.25rem 0;border-top:1px solid var(--border-color);text-decoration:none;color:inherit;position:relative}.blog-post-card.visible{opacity:1;transform:none}.blog-post-card:last-child{border-bottom:1px solid var(--border-color)}.blog-post-card:before{content:"";position:absolute;left:-1.5rem;right:-1.5rem;top:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(167,139,250,.04) 30%,rgba(167,139,250,.04) 70%,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:8px}.blog-post-card:hover:before,.blog-post-card:focus-visible:before{opacity:1}.blog-post-card:focus-visible{outline:2px solid var(--purple-accent);outline-offset:4px;border-radius:4px}.blog-post-card:hover .blog-post-card-title,.blog-post-card:focus-visible .blog-post-card-title{color:var(--purple-accent)}.blog-post-card:hover .blog-post-card-arrow,.blog-post-card:focus-visible .blog-post-card-arrow{transform:translate(4px);color:var(--purple-accent)}.blog-post-card:hover .blog-post-card-cover img,.blog-post-card:focus-visible .blog-post-card-cover img{transform:translateY(-2px)}.blog-post-card-meta{display:flex;flex-direction:column;gap:1rem;min-width:0}.blog-post-card-tag-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.blog-post-card-tag-row .feature-badge{margin-bottom:0}.blog-post-card-date{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.blog-post-card-title{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.15;letter-spacing:-.01em;color:var(--text-primary);transition:color .25s ease;margin:0}.blog-post-card-excerpt{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:540px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card-author-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.85rem;flex-wrap:wrap}.blog-post-card-author-name{color:var(--text-primary);font-weight:500}.blog-post-card-author-sep,.blog-post-card-author-role{color:var(--text-muted)}.blog-post-card-arrow{margin-left:auto;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:1rem;transition:transform .25s ease,color .25s ease}.blog-post-card-cover{width:100%;aspect-ratio:4 / 3;border-radius:10px;border:1px solid var(--border-color);background:linear-gradient(135deg,var(--purple-800),var(--purple-700));overflow:hidden;position:relative}.blog-post-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}@media(max-width:900px){.blog-index{padding:8rem 1.75rem 5rem}.blog-index-header{margin-bottom:3.5rem}.blog-post-card{grid-template-columns:1fr 220px;gap:2rem}}@media(max-width:768px){.blog-index{padding:7rem 1.25rem 4rem}.blog-index-header{margin-bottom:3rem}.blog-post-card{grid-template-columns:1fr;gap:1.25rem;padding:2rem 0}.blog-post-card-cover{order:-1;aspect-ratio:16 / 9}.blog-post-card:before{left:-1rem;right:-1rem}}@media(max-width:500px){.blog-index{padding:6.5rem 1rem 3.5rem}.blog-post-card{gap:1rem;padding:1.75rem 0}.blog-post-card-tag-row{gap:.6rem}}@media(max-width:480px){.blog-index-tagline{font-size:1.05rem}.blog-post-card-author-row{font-size:.8rem}.blog-post-card-arrow{margin-left:0}}@media(prefers-reduced-motion:reduce){.blog-post-card{opacity:1;transform:none;transition:none}.blog-post-card:hover .blog-post-card-cover img,.blog-post-card:hover .blog-post-card-arrow{transform:none}}