.blog-cards{--card-min-width:300px;display:grid;gap:var(--spacing-8x);grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr))}.blog-card{background:var(--white);border:2px solid var(--gray-50);border-radius:var(--radius-md);height:100%;padding:var(--spacing-6x) var(--spacing-6x) var(--spacing-8x)}.blog-card,.blog-card__body{display:flex;flex-direction:column}.blog-card__body{flex-grow:1;gap:var(--spacing-6x);justify-content:space-between}.blog-card__img-wrapper{aspect-ratio:4/3;border-radius:var(--radius-md);margin-bottom:var(--spacing-6x);overflow:clip;width:100%}.blog-card__img{display:block;height:100%;object-fit:cover;width:100%}.blog-card__title{line-height:1.4;margin-bottom:var(--spacing-3x)}.blog-tag-wrapper{display:flex;gap:var(--spacing-8x);margin-block:var(--spacing-16x) var(--spacing-8x);& .preheader{margin-top:12px}}.blog-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3x)}.blog-tag{background:var(--red-50);border:1px solid var(--red-400);border-radius:var(--radius-md);color:var(--red-600);font-size:var(--text-sm);font-weight:600;padding:var(--spacing-2x) var(--spacing-4x);width:fit-content;a&:hover{background:var(--red-base);color:var(--white)}}.featured-blog-post{align-items:center;background:var(--white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-12x);justify-content:space-between;padding:var(--spacing-10x);& .blog-card__body{display:flex;flex:0 1 516px;flex-direction:column;gap:var(--spacing-6x);max-width:516px}& .blog-card__img-wrapper{border-radius:var(--radius-lg);flex:0 1 540px;margin-bottom:0;width:unset}@media (max-width:820px){flex-direction:column;gap:var(--spacing-6x)}}