.blog-index{background:var(--color-background);min-height:60vh;padding:var(--spacing-section) 0}.blog-index-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.blog-index-header{text-align:center;margin-bottom:66px}.blog-index-eyebrow{display:inline-block;margin:12px 0 27px}.blog-index-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);line-height:1.2;margin:0 0 var(--spacing-md)}.blog-index-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin:0 auto;max-width:44rem}.blog-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);align-items:stretch}.blog-card{background:var(--color-white);border:none;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.blog-card-image-wrap{position:relative;display:block;aspect-ratio:16/9;margin:var(--spacing-md) var(--spacing-md) 0;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-background-tertiary)}.blog-card-image-wrap:after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.2);pointer-events:none;z-index:1}.blog-card-image{object-fit:cover;border-radius:var(--border-radius-sm);transition:var(--transition-card)}.blog-card:hover .blog-card-image{transform:scale3d(1.1,1.1,1.1)}.blog-card-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1}.blog-card-tag{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-dark);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;line-height:1.5}.blog-card-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);line-height:26px;margin:0;color:var(--color-text-primary)}.blog-card-title a{color:inherit;text-decoration:none;transition:color var(--transition-normal)}.blog-card-title a:hover{color:var(--color-primary)}.blog-card-excerpt{line-height:1.6;margin:0}.blog-card-excerpt,.blog-card-meta{color:var(--color-text-light);font-size:var(--font-size-sm)}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);line-height:1.5;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.blog-card-meta span{position:relative;display:inline-flex;align-items:center}.blog-card-meta span:not(:last-child):after{content:"";width:1px;height:11px;margin-left:var(--spacing-md);background:var(--color-border)}.blog-card-readmore{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;margin-top:var(--spacing-sm);padding:12px 24px;border-radius:var(--border-radius-pill);font-family:Poppins,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;text-decoration:none;color:var(--color-white);background-color:var(--color-primary);box-shadow:var(--shadow-btn-offset);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.blog-card-readmore:hover{transform:translateY(5px);box-shadow:0 0 0 0 var(--color-primary-dark);background-color:var(--color-primary)}.blog-index-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-lg)}@media (max-width:768px){.blog-index{padding:var(--spacing-section-mobile) 0}.blog-index-header{margin-bottom:30px}.blog-index-eyebrow{margin:4px 0 16px}.blog-index-subtitle{font-size:var(--font-size-base)}.blog-index-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}