
.block-articles .articles-chunk {display:flex;}
.block-articles .articles-chunk .big-article {flex:1 0 65%;}
.block-articles .articles-chunk .side-articles {flex:0 0 calc(35% - 25px); margin-left:25px;}
@media (max-width:700px) {
	.block-articles .articles-chunk {display:block;}
	.block-articles .articles-chunk .side-articles {margin-left:0;}
}

.block-articles .article {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid var(--color-dark-gray);}
.block-articles .article .thumbnail {display:block; position:relative; padding-bottom:47%; margin-bottom:25px;}
.block-articles .article .thumbnail img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.block-articles .article .title {font-size:40px; font-weight:800; color:var(--color-blue); text-transform:uppercase; margin-bottom:10px; line-height:1.2em;}
.block-articles .article .title a {text-decoration:none;}
.block-articles .article .date-tags {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:15px;}
.block-articles .article .date-tags .date {font-size:12px; font-weight:500; color:var(--color-red); text-transform:uppercase; margin-right:15px;}
.block-articles .article .date-tags .tags {list-style:none; display:flex; flex-wrap:wrap;}
.block-articles .article .date-tags .tags li {margin:2px;}
.block-articles .article .date-tags .tags li a {
	display:block; background:var(--color-blue); color:#fff; text-decoration:none; font-size:12px; text-transform:uppercase; padding:5px 10px;
}
.block-articles .article .excerpt {font-size:14px; font-weight:500; line-height:1.6em;}
.block-articles .article .excerpt a {font-weight:bold; text-transform:uppercase; color:var(--color-blue); text-decoration:none;}

.block-articles .article .profile {display:flex;}
.block-articles .article .profile .pic {flex:0 0 30%; margin-right:10px;}
.block-articles .article .profile .pic img {width:100%;}
.block-articles .article .profile .info .name {font-size:18px; font-weight:800; color:var(--color-blue); margin-bottom:10px;}
.block-articles .article .profile .info .company {text-transform:uppercase; font-size:14px; margin-bottom:10px;}
.block-articles .article .profile .info .button a {display:inline-block; padding:10px; border:1px solid; text-decoration:none; text-transform:uppercase; font-size:11px; border-radius:3px;}

.block-articles .articles-chunk .side-articles .article .title {font-size:16px;}


.block-articles .articles-grid {display:flex; flex-wrap:wrap; gap:15px;}
.block-articles .articles-grid .article {flex:0 0 calc(33.33% - 15px); margin:0; border-bottom:0 none;}
@media (max-width:1080px) {
	.block-articles .articles-grid .article {flex-basis:calc(50% - 15px);}
}
@media (max-width:700px) {
	.block-articles .articles-grid {display:block;}
	.block-articles .articles-grid .article {margin-bottom:15px;}
}