.blog-list{max-width:1180px;margin:0 auto}
.blog-list h1{margin:28px 0 16px;color:#000;font-size:38px;font-weight:700;line-height:1.23;text-align:center}
.blog-list__lead{max-width:640px;margin:0 auto 48px;color:#202020;font-size:22px;font-weight:400;line-height:1.5;text-align:center}
.blog-list__lead p{margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 40px}
.blog-card{display:flex;flex-direction:column;gap:12px;color:#000;text-decoration:none}
.blog-card__media{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#f3f1ec}
.blog-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card__title{color:#000;font-size:18px;font-weight:700;line-height:1.35}
.blog-card:hover .blog-card__title{text-decoration:underline}
.blog-card__text{color:#202020;font-size:16px;font-weight:400;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__date{color:#777;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.02em}
.blog-more{display:block;width:max-content;max-width:100%;margin:48px auto 0;padding:14px 28px;border:1px solid rgba(0,0,0,.1);border-radius:50px;background:#fff;color:#000;font-size:16px;font-weight:400;line-height:1.2;cursor:pointer}
.blog-more:hover{background:#f7f7f7}
#pdopage .pagination{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media (max-width:900px){
.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
.blog-list h1{font-size:32px}
.blog-list__lead{font-size:18px}
}
@media (max-width:640px){
.blog-grid{grid-template-columns:1fr}
.blog-list h1{font-size:28px}
}