.blog-posts-recent{--title-color:#1a1a1a;--view-all-color:#1a1a1a;--badge-bg-color:hsla(0,0%,100%,0);--badge-border-color:#1a1a1a;--badge-text-color:#1a1a1a;--date-color:#6b7280;--post-title-color:#1a1a1a;--card-gap:30px}.blog-posts-recent__header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.blog-posts-recent__title{color:var(--title-color);font-size:clamp(24px,4vw,36px);font-weight:400;line-height:1.2;margin:0;max-width:70%}.blog-posts-recent__view-all{color:var(--view-all-color);font-size:16px;font-weight:400;text-decoration:none;transition:opacity .2s ease;white-space:nowrap}.blog-posts-recent__view-all:hover{opacity:.7}.blog-posts-recent__grid{display:grid;gap:var(--card-gap)}.blog-posts-recent__grid.posts-per-row-2{grid-template-columns:repeat(2,1fr)}.blog-posts-recent__grid.posts-per-row-3{grid-template-columns:repeat(3,1fr)}.blog-posts-recent__grid.posts-per-row-4{grid-template-columns:repeat(4,1fr)}.blog-posts-recent__card{display:flex;flex-direction:column;isolation:isolate}.blog-posts-recent__image-link{display:block;text-decoration:none}.blog-posts-recent__image-wrapper{border-radius:15px;overflow:hidden;position:relative}.blog-posts-recent__image{aspect-ratio:1/.5483871;display:block;object-fit:cover;transition:transform .35s ease;width:100%}.blog-posts-recent__card:hover .blog-posts-recent__image{transform:scale(1.03)}.blog-posts-recent__badge{background-color:transparent;border:1px solid var(--badge-border-color);border-radius:50px;color:var(--badge-text-color);font-size:12px;font-weight:600;left:16px;letter-spacing:0;padding:8px 16px;position:absolute;text-transform:none;top:16px}.blog-posts-recent__content{border-radius:15px;display:flex;gap:8px;margin-top:-30px;padding:50px 20px 20px;position:relative}.blog-posts-recent__content:after{background:linear-gradient(172deg,rgba(246,251,254,0),#f6fbfe);border-radius:0 0 15px 15px;content:"";height:100%;left:0;min-height:166px;position:absolute;top:0;width:100%;z-index:-1}.blog-posts-recent__date{color:var(--date-color);font-size:14px;font-weight:400;position:relative;top:3px;white-space:nowrap}.blog-posts-recent__post-title{color:var(--post-title-color);font-size:18px;font-weight:500;line-height:1.4;margin:0 0 0 22px}.blog-posts-recent__post-title a{color:inherit;display:-webkit-box;-webkit-line-clamp:3;text-decoration:none;transition:opacity .2s ease;-webkit-box-orient:vertical;font-weight:600;overflow:hidden}.blog-posts-recent__post-title a:hover{opacity:.7}.blog-posts-recent__empty{background-color:#f9fafb;border-radius:8px;padding:40px;text-align:center}.blog-posts-recent__empty p{color:#6b7280;font-size:14px;margin:0}@media (max-width:1024px){.blog-posts-recent__grid{row-gap:20px}.blog-posts-recent__grid.posts-per-row-3,.blog-posts-recent__grid.posts-per-row-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-posts-recent__header{align-items:flex-start;flex-direction:column;gap:12px}.blog-posts-recent__title{max-width:100%}.blog-posts-recent__grid.posts-per-row-2,.blog-posts-recent__grid.posts-per-row-3,.blog-posts-recent__grid.posts-per-row-4{grid-template-columns:1fr;row-gap:40px}.blog-posts-recent__badge{font-size:11px;left:12px;padding:6px 12px;top:12px}.blog-posts-recent__post-title{font-size:16px}}