:root{--blog-post-grey:var(--dna-ink-muted);--blog-post-light-grey:var(--dna-surface-muted);--blog-post-card-radius:16px;--blog-post-badge-radius:var(--border-radius-two);--blog-post-card-min-w:280px;--blog-post-card-max-w:420px;--blog-post-grid-gap:32px;--blog-post-transition-speed:0.35s;--blog-post-category-font:var(--font-family-primary);--blog-post-category-color:var(--surface-color);--blog-post-category-background-color:var(--main-color);--blog-post-category-size:11px;--blog-post-date-font:var(--font-family-primary);--blog-post-date-color:var(--dark-color-two);--blog-post-date-size:var(--generic-font-two);--blog-post-title-font:var(--font-family-titles);--blog-post-title-color:var(--dark-color);--blog-post-title-size:20px;--blog-post-read-more-font:var(--font-family-primary);--blog-post-read-more-color:var(--main-color);--blog-post-read-more-underline-color:var(--dark-color-two);--blog-post-read-more-size:var(--generic-font);--blog-post-image-hover-scale:1.05}.blog-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--blog-post-card-min-w),1fr));gap:var(--blog-post-grid-gap)}.blog-post-card{position:relative;display:flex;flex-direction:column;min-width:var(--blog-post-card-min-w);max-width:var(--blog-post-card-max-w);color:inherit;opacity:0;transform:translateY(40px) scale(.97);animation:.6s cubic-bezier(.23,1,.32,1) forwards blog-post-appear}@keyframes blog-post-appear{to{opacity:1;transform:translateY(0) scale(1)}}.blog-post-image-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--blog-post-card-radius);background:var(--blog-post-light-grey);cursor:pointer}.blog-post-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform var(--blog-post-transition-speed) cubic-bezier(.23, 1, .32, 1)}.blog-post-image-container:hover .blog-post-image{transform:scale(var(--blog-post-image-hover-scale))}.blog-post-categories{position:absolute;top:7px;right:2px;display:block;width:100%}.blog-post-category{display:block;float:right;width:fit-content;margin-top:5px;margin-right:10px;padding:5px 14px;border-radius:var(--blog-post-badge-radius);background:var(--blog-post-category-background-color);color:var(--blog-post-category-color);font-family:var(--blog-post-category-font);font-size:var(--blog-post-category-size);font-weight:var(--font-weight-bold);letter-spacing:.06em;line-height:1.4;text-transform:uppercase;white-space:nowrap;pointer-events:none}.blog-post-body{display:flex;flex-direction:column;gap:6px;padding:16px 4px 8px}.blog-post-date{margin:0;color:var(--blog-post-date-color);font-family:var(--blog-post-date-font);font-size:var(--blog-post-date-size);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase}.blog-post-title{--blog-post-title-line-height:1.45;--blog-post-title-lines:2;display:-webkit-box;height:calc(var(--blog-post-title-line-height) * 1em * var(--blog-post-title-lines));margin:0;overflow:hidden;color:var(--blog-post-title-color);font-family:var(--blog-post-title-font);font-size:var(--blog-post-title-size);font-weight:var(--font-weight-medium);line-height:var(--blog-post-title-line-height);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:var(--blog-post-title-lines)}.blog-post-divider{width:100%;height:1px;margin-top:4px;background:var(--dark-color-two);opacity:.35}.blog-post-read-more{position:relative;display:inline-flex;width:fit-content;margin-top:4px;color:var(--blog-post-read-more-color);font-family:var(--blog-post-read-more-font);font-size:var(--blog-post-read-more-size);font-weight:var(--font-weight-bold)}.blog-post-read-more::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--blog-post-read-more-underline-color);transition:width .25s}.blog-post-read-more:hover::after{width:100%}@media (min-width:1600px){.blog-post-grid{grid-template-columns:repeat(4,minmax(var(--blog-post-card-min-w),1fr))}}@media (max-width:768px){.blog-post-grid{grid-template-columns:1fr;justify-items:center}.blog-post-card{width:100%;max-width:100%}}