.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);display:flex;flex-direction:column;height:100%;padding:var(--spacing-6x) var(--spacing-6x) var(--spacing-8x);transition:var(--transition);&:hover{border-color:var(--red-base)}}.blog-card__body{display:flex;flex-direction:column;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:0 var(--spacing-8x);& .preheader{margin-top:12px}.featured-blog-post-wrapper+&{margin-block:var(--spacing-16x) var(--spacing-8x)}@media (max-width:802px){flex-direction:column;gap:var(--spacing-4x);& .preheader{margin-top:0}}}.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)}& .blog-card__img-wrapper{border-radius:var(--radius-lg);flex:0 1 540px;margin-bottom:0;width:unset}& .masked-link{display:none}@media (max-width:820px){border-radius:var(--radius-md);flex-direction:column;gap:var(--spacing-8x);padding:var(--spacing-6x) var(--spacing-6x) var(--spacing-8x);& .blog-card__body{flex:none;order:2;width:100%}& .blog-card__img-wrapper{border-radius:var(--radius-md);flex:none;order:1;width:100%}& .btn--link{display:none}& .masked-link{display:block}}}.pagination{align-items:center;display:flex;gap:var(--spacing-4x);justify-content:center;margin-top:var(--spacing-14x)}.pagination-arrow{--color:var(--text-base);align-items:center;color:var(--color);display:flex;font-size:.7222rem;font-weight:600;gap:8px;letter-spacing:-.39px;line-height:1;& svg path{fill:var(--color)}&:hover{--color:var(--red-base)}}.pagination-items{align-items:center;display:flex;gap:4px;justify-content:center}.pagination-item{--color:var(--text-base);align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--color);display:flex;font-size:.7222rem;font-weight:600;height:28px;justify-content:center;line-height:1;transition:var(--transition);width:28px;&:hover{--color:var(--red-base)}&.pagination-item--active{--color:var(--white);background:var(--red-base)}}