.blog-posts{padding-block:0 var(--spacing-3xl);padding-inline:var(--standard-section-padding-x)}@media(min-width: 62rem){.blog-posts{padding-block:var(--spacing-3xl)}}.blog-posts .big-post{margin-bottom:var(--spacing-xxl);background-color:var(--bg-color-gray);border-radius:var(--radius-xs);overflow:hidden;position:relative}.blog-posts .big-post .post-feature article{display:grid}.blog-posts .big-post .post-feature article .img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.08}@media(min-width: 62rem){.blog-posts .big-post .post-feature article{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.blog-posts .big-post .post-feature article .img img{aspect-ratio:1.61}}.blog-posts .big-post .post-feature article .content{margin-block:auto;padding:var(--spacing-lg)}.blog-posts .big-post .post-feature article .content .heading{margin-bottom:var(--spacing-xxs)}.blog-posts .big-post .post-feature article .content p{margin-bottom:var(--spacing-xs)}.blog-posts .big-post .post-feature article .content a.read-more{box-sizing:border-box;width:100%;text-align:center;display:inline-block;padding:var(--spacing-3xs) var(--spacing-xs);border-radius:var(--radius-xs);border:1px solid var(--bg-color-black);transition:all var(--transition-duration) var(--transition-timing-function)}.blog-posts .big-post .post-feature article .content a.read-more:hover,.blog-posts .big-post .post-feature article .content a.read-more:focus{background-color:var(--bg-color-black);color:var(--text-color-primary)}@media(min-width: 48rem){.blog-posts .big-post .post-feature article .content a.read-more{width:unset;text-align:left}}.blog-posts .big-post .post-feature article .content a.read-more svg{display:none}.blog-posts .pills{position:absolute;top:var(--spacing-xs);left:var(--spacing-xxs)}.blog-posts .pills .pill{background-color:var(--bg-color-gray);font-family:var(--font-family-body);font-size:var(--font-size-body-sm);border-radius:var(--radius-lg);padding:.5em .75em}.blog-posts .categories{display:flex;gap:var(--spacing-3xs);padding-block:.25em;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:var(--spacing-xl)}.blog-posts .categories::-webkit-scrollbar{display:none}@media(min-width: 48rem){.blog-posts .categories{flex-wrap:wrap;overflow-x:visible}}.blog-posts .categories .category-button{border-radius:var(--radius-lg);font-family:var(--font-family-body);padding:.5em .75em;border:1px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);font-size:var(--font-size-body-md);white-space:nowrap;transition:all var(--transition-duration) var(--transition-timing-function);color:var(--text-color-secondary)}.blog-posts .categories .category-button.active{border:1px solid var(--bg-color-black)}@media(min-width: 48rem){.blog-posts .categories .category-button:hover,.blog-posts .categories .category-button:focus{transform:translateY(-1px)}}.blog-posts .posts{display:grid;grid-template-columns:repeat(1, 1fr);gap:var(--spacing-sm);transition:opacity .3s ease-in-out}@media(min-width: 48rem){.blog-posts .posts{grid-template-columns:repeat(2, 1fr);gap:var(--spacing-xs)}}@media(min-width: 96rem){.blog-posts .posts{grid-template-columns:repeat(3, 1fr)}}.blog-posts .posts.fade-out{opacity:0}.blog-posts .posts .post{background-color:var(--bg-color-gray);border-radius:var(--radius-xs);overflow:hidden;position:relative}.blog-posts .posts .post .tease-post .img img{width:100%;aspect-ratio:1.7;height:auto;object-fit:cover}@media(min-width: 48rem){.blog-posts .posts .post .tease-post .img img{aspect-ratio:1.87}}.blog-posts .posts .post .tease-post .content{padding:var(--spacing-xs)}.blog-posts .posts .post .tease-post .content .pills{left:auto;right:var(--spacing-xxs);display:flex;flex-wrap:wrap;gap:var(--spacing-3xs);direction:rtl}.blog-posts .posts .post .tease-post .content .heading{margin-bottom:var(--spacing-3xs)}.blog-posts .posts .post .tease-post .content p{margin-bottom:var(--spacing-xxs);ellipsis:3;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;word-wrap:break-word}.blog-posts .posts .post .tease-post .content a.read-more{padding-left:0;display:flex}.blog-posts #pagination{margin-top:var(--spacing-xl)}.blog-posts #pagination .button{transition:all var(--transition-duration) var(--transition-timing-function);color:var(--text-color-secondary)}.blog-posts #pagination .button:hover,.blog-posts #pagination .button:focus{background-color:var(--bg-color-black);color:var(--text-color-primary)}/*# sourceMappingURL=blog-posts.css.map */