:root{--colorPrimary: rgb(2 52 68);--colorSecondary: #8fea06;--colorTertiary: #884dff;--colorError: #ff0000;--colorSuccess: #89e103;--colorWhite: #ffffff;--colorBlack: #000000;--colorGrey: #e8e8f3;--colorGreyLight: #f7f7fa;--colorPrimaryLight: #f1f1f9;--colorText: var(--colorPrimary);--underlineColor: var(var(--colorSecondary));--lineHeight: 1.675;--shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--containerWidth: 1240px}.articles{display:grid;gap:16px;grid-template-columns:1fr}.articles--simple{display:block}.articles__cta{display:none}.articles__item{border:1px solid var(--colorGrey)}.articles__item--main{border:0}.articles__main-title{margin:0 0 20px;font-size:20px;line-height:1.35;text-align:center}.articles__img{position:relative;aspect-ratio:335/208;overflow:hidden}.articles__img .image{transition:transform .3s}.articles__tag{position:absolute;z-index:1;top:0;left:0;line-height:1.5;font-size:11px;font-weight:700;padding:2px 7px;text-transform:uppercase;color:var(--colorWhite);background-color:var(--colorPrimary)}.articles__title{margin:0;padding:30px 20px;font-size:14px;line-height:1.63;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.articles__info{border-top:1px solid var(--colorGrey);padding:24px 20px;display:flex;align-items:center;justify-content:space-between}.articles__link{display:flex;gap:14px;font-size:14px;font-weight:700;color:var(--colorTertiary)}.articles__date{font-size:13px;line-height:1.3;font-weight:600;opacity:.5}@media(min-width: 750px){.articles{grid-template-columns:repeat(2, 1fr)}.articles--simple{display:flex;flex-wrap:wrap}.articles--simple .articles__item--main{flex:0 0 100%}.articles--simple .articles__item:not(.articles__item--main){flex:0 0 calc(50% - 8px)}.articles__item{display:flex;flex-direction:column}.articles__title{font-size:18px;flex:1}.articles__bottom{display:flex;flex-direction:column;flex:1}}@media(min-width: 990px){.articles--simple{display:grid;grid-template-columns:repeat(3, 1fr)}.articles__cta{margin-top:50px;display:block}.articles__main-title{text-align:left;font-size:28px}}@media(min-width: 1200px){.articles{grid-template-columns:repeat(3, 1fr);gap:32px}}@media(hover: hover){.articles__item:hover{text-decoration:none}.articles__item:hover .image{transform:scale(1.05)}.articles__item:hover .articles__title{text-decoration:underline}}