.articles{padding:60px 0 100px;color:#000}.articles-page__title{font-weight:600;text-transform:uppercase;margin-bottom:80px;font-size:calc(24px + .025*(100vw - 420px))}@media screen and (max-width: 420px){.articles-page__title{font-size:24px}}@media screen and (min-width: 900px){.articles-page__title{font-size:36px}}.articles__list{display:grid;grid-template-columns:1fr 1fr;gap:60px;column-gap:29px;row-gap:60px}.articles__item{display:grid;grid-template-rows:repeat(4,auto);position:relative}.articles__img{border-radius:var(--border-radius--s);background:linear-gradient(180deg,#beb8b8 0%,#EDECED 100%);animation:banner_skeleton .3s infinite;height:328px;position:relative;margin-bottom:20px;overflow:hidden}.articles__img img{position:absolute;top:0;left:0;width:100%;height:100%}.articles__date{font-weight:400;color:#9c9c9c;font-size:calc(17px + 7 * (100vw - 420px) / 480)}@media screen and (max-width: 420px){.articles__date{font-size:17px}}@media screen and (min-width: 900px){.articles__date{font-size:24px}}.articles__title{font-weight:600;font-size:24px;line-height:1.2083333333;margin-bottom:49px;transition:.3s ease color;font-size:calc(20px + 4 * (100vw - 420px) / 480)}@media screen and (max-width: 420px){.articles__title{font-size:20px}}@media screen and (min-width: 900px){.articles__title{font-size:24px}}.articles__description{font-size:calc(16px + .00625*(100vw - 420px));line-height:1.2083333333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}@media screen and (max-width: 420px){.articles__description{font-size:16px}}@media screen and (min-width: 900px){.articles__description{font-size:19px}}.articles__row{display:flex;align-items:center;justify-content:space-between;margin-top:35px}.articles__link{color:#000;font-weight:400;padding:20px 40px;border-radius:20px;background:#E0E0E0;font-size:calc(16px + .0125*(100vw - 420px))}@media screen and (max-width: 420px){.articles__link{font-size:16px}}@media screen and (min-width: 900px){.articles__link{font-size:22px}}@media (max-width: 900px){.articles__list{grid-template-columns:1fr;row-gap:60px}.articles{padding:40px 0 50px}}@media (max-width: 600px){.articles__link{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:0}.articles__img{width:328px;margin:0 auto}.articles__title{margin-bottom:20px}.articles__row{grid-area:2/1/3/2;margin:20px 0}}
