.blog-page-wrapper{padding:0 0 4rem}
.blog-page-wrapper .pagination{margin-top:2rem}
.blog-page-wrapper .flex-gap-mod{row-gap:1.25rem}
.blog-page-wrapper img{width:100%;border-radius:1rem}
.blog-item{display:flex;flex-direction:column;height:100%;border:1px solid var(--beige-dark);border-radius:1rem;line-height:1.5;padding:1rem 1rem 1.5rem}
.blog-item .image{display:block;position:relative;margin-bottom:1rem}
.blog-item .logo{position:absolute;left:1rem;top:45%;transform:translateY(-50%);gap:.75rem}
.blog-item .logo img{width:4.125rem;height:4.125rem}
.blog-item .logo .text{margin:0}
.blog-item .logo .text span{font-family:var(--third-family);font-size:1.5rem}
.blog-item .name{display:block;font-weight:700;margin-bottom:1rem}
.blog-item .date{font-family:var(--second-family);font-size:.625rem;text-transform:uppercase;margin-bottom:.5rem}
.blog-item .text{font-size:.875rem;margin-bottom:1rem}
.blog-item .link-with-arrow{margin-top:auto}
.blog-module{padding:1rem 0}
.article-page{line-height:1.5}
.article-page .date{display:block;text-align:center;font-family:var(--second-family);font-weight:500;font-size:.75rem;margin-bottom:1rem}
.article-page .image,.article-page b{margin-bottom:1rem}
.article-page .blog-item .date{text-align:left;font-size:.625rem}
.article-block{padding:1.5rem 0 1rem}
.article-content{max-width:68.5rem;margin:0 auto}

@media screen and (min-width:768px) {
    .article-content .section-title{margin-bottom:1rem}
    .blog-item .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.625rem}
    .blog-item .text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
}
@media screen and (min-width:1200px) {
    .blog-page-wrapper{padding:0 0 7rem}
    .blog-page-wrapper .pagination{margin-top:4rem}
    .blog-page-wrapper .flex-gap-mod{row-gap:2rem}
    .blog-item .logo{left:2rem}
    .blog-item .logo img{width:5.5rem;height:5.5rem}
    .blog-item .date{margin-bottom:1rem}
    .blog-item .text{margin-bottom:1.5rem}
    .blog-module{padding:4.625rem 0 0}
    .article-page .date{font-size:.875rem}
    .article-page .image{margin-bottom:2rem}
    .article-block{padding:1rem 0}
}