.blog-index-hero{padding:calc(64px + var(--space-16)) 0 var(--space-12);background:var(--bg-page)}.blog-index-hero .container{max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}.blog-index-eyebrow{display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:var(--space-4)}.blog-index-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,var(--text-6xl));font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--text-primary);margin:0 0 var(--space-4);max-width:22ch}.blog-index-lede{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--space-8);max-width:60ch}.blog-index-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--border-light);padding-top:var(--space-6)}.blog-filter{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);padding:8px 16px;border-radius:var(--radius-pill);text-decoration:none;transition:all var(--duration-base) var(--ease-out)}.blog-filter:hover{color:var(--text-primary);border-color:var(--brand-primary)}.blog-filter.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-dark)}.blog-index-grid-section{padding:var(--space-8) 0 var(--space-24);background:var(--bg-page)}.blog-index-grid-section .container{max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}.blog-index-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:640px){.blog-index-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-index-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-10)}}.blog-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.blog-card__image-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-surface-dark)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__image--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-dark),var(--brand-terrain));color:var(--text-on-dark);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:-.02em}.blog-card__image--placeholder em{color:var(--brand-primary);font-style:normal}.blog-card__video-badge{position:absolute;bottom:var(--space-3);left:var(--space-3);background:#1f2124d9;color:var(--text-on-dark);font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-sm)}.blog-card__body{padding:var(--space-5) var(--space-6) var(--space-6);display:flex;flex-direction:column;flex:1}.blog-card__category{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:var(--space-3)}.blog-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--space-3)}.blog-card__excerpt{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--space-5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-light);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.blog-card__arrow{font-size:var(--text-lg);color:var(--brand-primary);transition:transform var(--duration-base) var(--ease-out)}.blog-card:hover .blog-card__arrow{transform:translate(4px)}.blog-empty{text-align:center;padding:var(--space-16) var(--space-6);background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-lg)}.blog-empty p{color:var(--text-secondary);margin-bottom:var(--space-4)}.blog-empty__link{color:var(--brand-primary);font-weight:600;text-decoration:none}.blog-empty__link:hover{text-decoration:underline}