.ml-blog__head{margin-bottom:56px}
.ml-blog__head h1{margin-bottom:.35em}
.ml-blog__intro{font-size:19px;line-height:1.65}
.ml-blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}
.ml-blog__card{display:flex}
.ml-blog__link{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ml-blog__link:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.ml-blog__media{aspect-ratio:4/3;background:#eef6f5;overflow:hidden}
.ml-blog__media img{width:100%;height:100%;object-fit:cover}
.ml-blog__body{display:flex;flex-direction:column;gap:10px;padding:24px 24px 28px;flex:1}
.ml-blog__date{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.ml-blog .ml-blog__title{font-size:24px;font-weight:700;margin:0;line-height:1.3}
.ml-blog__desc{margin:0;font-size:17px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ml-blog__more{margin-top:auto;padding-top:8px;color:var(--link);font-weight:700;font-size:16px}
.ml-blog__empty{font-size:19px}
@media(max-width:1280px){.ml-blog .ml-blog__title{font-size:20px}}