div[data-template] {
    overflow: hidden;
}
.articles {
    display: grid;
}
@media (min-width: 769px) {
    div[data-template="Four Columns"] .articles {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 769px) {
    .sm\:gap-30 {
        grid-column-gap: 30px !important;
        grid-row-gap: 30px !important;
    }
}
@media (min-width: 769px) {
    .sm\:articles--4-c {
        grid-template-columns: repeat(4, 1fr);
    }
}
.article {
    position: relative;
    color: #000000;
}
@media (min-width: 769px) {
    .sm\:gap-10 {
        grid-column-gap: 10px !important;
        grid-row-gap: 10px !important;
    }
}
.article__media {
    position: relative;
}
.articles img {
		display: block;
    max-width: 100%;
    height: auto;
}
.article__title {
    font-family: Graphik, sans-serif;
    margin: 0;
}
.line-height-110 {
    line-height: 110%;
}
.font-weight-500 {
    font-weight: 500 !important;
}
.font-size-14 {
    font-size: 0.875rem !important;
}
.clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.article__title a {
    color: #000000;
    text-decoration: none;
}