.blog-card-group__grid{display:grid;gap:clamp(16px,1vw + 12px,24px);grid-template-columns:1fr}@media (min-width:640px){.blog-card-group__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-card-group__grid{grid-template-columns:repeat(4,1fr)}}.blog-card-group__card{background:var(--color-surface-light);border:1px solid var(--color-border-solid);border-radius:var(--radius-card);box-shadow:0 4px 16px rgba(0,0,0,.04);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease}.blog-card-group__card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}.section--dark .blog-card-group__card{background:var(--color-surface-dark);border-color:var(--color-border-dark-strong);box-shadow:none}.section--dark .blog-card-group__card:hover{background:var(--color-surface-dark-elevated)}.blog-card-group__media{aspect-ratio:4/3;background:#0a1930;overflow:hidden;position:relative;width:100%}.blog-card-group__media img{filter:grayscale(100%) contrast(1.2);height:100%;inset:0;mix-blend-mode:screen;object-fit:cover;object-position:center;opacity:.9;position:absolute;transition:transform 1.5s ease-out;width:100%}.blog-card-group__media:before{background:var(--color-accent-dark);content:"";inset:0;mix-blend-mode:multiply;opacity:.8;pointer-events:none;position:absolute;transition:opacity 1.5s ease-out;z-index:1}.blog-card-group__media:after{background:#2563eb;content:"";inset:0;mix-blend-mode:overlay;opacity:.4;pointer-events:none;position:absolute;z-index:2}.blog-card-group__card:hover .blog-card-group__media img{transform:scale(1.05)}.blog-card-group__card:hover .blog-card-group__media:before{opacity:.6}@media (prefers-reduced-motion:reduce){.blog-card-group__card:hover .blog-card-group__media img,.blog-card-group__media img{transform:none;transition:none}}.blog-card-group__body{display:flex;flex:1;flex-direction:column;padding:24px}@media (min-width:1024px){.blog-card-group__body{padding:20px}}.blog-card-group__meta{align-items:center;color:var(--color-text-muted-light);display:flex;font-family:var(--font-primary);font-size:12px;font-weight:500;line-height:1.3;margin:0 0 10px}.blog-card-group__meta .blog-card-group__date+.blog-card-group__author:before{content:"·";margin:0 8px}@media (min-width:1024px){.blog-card-group__meta .blog-card-group__author{display:none}}.section--dark .blog-card-group__meta{color:var(--color-text-secondary-dark)}.blog-card-group__title{color:var(--color-text-primary-light);display:-webkit-box;margin:0 0 var(--text-gap-xs);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.section--dark .blog-card-group__title{color:var(--color-text-primary-dark)}.blog-card-group__excerpt{color:var(--color-text-secondary-light);display:-webkit-box;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.section--dark .blog-card-group__excerpt{color:var(--color-text-secondary-dark)}.blog-card-group__empty{background:var(--color-surface-light);border:1px dashed var(--color-border-solid);border-radius:var(--radius-card);color:var(--color-text-secondary-light);font-size:14px;font-weight:500;margin-top:0;padding:64px 32px;text-align:center}