body.home .ngh #home-blog.ngh-home-blog-compact {
padding-top: 60px;
padding-bottom: 62px;
}
body.home .ngh #home-blog .ngh-shell {
max-width: 1120px;
}
body.home .ngh #home-blog .ngh-head {
margin-bottom: 27px;
}
body.home .ngh #home-blog .ngh-blog__grid {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 18px;
}
body.home .ngh #home-blog .ngh-blog-card {
min-width: 0;
padding: 21px;
}
body.home .ngh #home-blog .ngh-blog-card__image {
display: block;
width: calc(100% + 42px);
margin: -21px -21px 16px;
aspect-ratio: 1.95;
height: auto;
overflow: hidden;
}
body.home .ngh #home-blog .ngh-blog-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.home .ngh #home-blog .ngh-blog-card time {
margin-bottom: 11px;
}
body.home .ngh #home-blog .ngh-blog-card h3 {
font-size: 20px;
line-height: 1.3;
margin-bottom: 11px;
}
body.home .ngh #home-blog .ngh-blog-card p {
font-size: 15px;
line-height: 1.6;
}
body.home .ngh #home-blog .ngh-blog-card .ngh-link {
margin-top: 16px;
}
@media(max-width: 900px) {
body.home .ngh #home-blog.ngh-home-blog-compact {
padding-top: 51px;
padding-bottom: 53px;
}
body.home .ngh #home-blog .ngh-blog__grid {
gap: 15px;
}
body.home .ngh #home-blog .ngh-blog-card {
padding: 19px;
}
body.home .ngh #home-blog .ngh-blog-card__image {
width: calc(100% + 38px);
margin: -19px -19px 15px;
}
body.home .ngh #home-blog .ngh-blog-card h3 {
font-size: 19px;
}
}
@media(max-width: 700px) {
body.home .ngh #home-blog .ngh-blog__grid {
grid-template-columns: minmax(0,1fr);
gap: 16px;
max-width: 480px;
margin-inline: auto;
}
body.home .ngh #home-blog .ngh-head {
margin-bottom: 22px;
}
body.home .ngh #home-blog .ngh-blog-card__image {
aspect-ratio: 2.05;
}
}
@media (max-width: 400px) {
body.home .ngh #home-blog .ngh-blog-card__image {
aspect-ratio: 1.9;
}
}