.articles.related-articles{background:hsl(var(--font),.07);padding:95px 135px;border-radius:45px;margin-top:70px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:0 55px;position:relative}.articles article{position:relative}.articles article .article-link{position:absolute;left:0;top:0;width:100%;height:100%}.articles .img-thumbnail{position:relative;overflow:hidden;border-radius:var(--radius-primary);display:flex;padding-bottom:55%;margin-bottom:24px}.articles .img-thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:all .2s ease-in-out}.articles article:hover .img-thumbnail img{transform:scale(1.2);opacity:.7}.articles h3{font-size:var(--text-lg);margin-top:12px;margin-bottom:20px;font-weight:400}.articles h3,.articles p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.articles p{font-size:var(--text-sm);opacity:.7}.articles .meta{display:flex;align-items:center;justify-content:space-between;margin-top:17px;position:relative;z-index:1}.articles .meta a:hover{text-decoration:underline}.articles .meta .date{opacity:.7;font-size:var(--text-sm)}.articles .writer{display:flex;align-items:center;gap:6px}.articles .writer img{width:22px;height:22px;border-radius:50%}.articles .categories{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.articles .categories a{background:hsl(var(--secondary),.1);padding:4px 11px;display:block;font-size:var(--text-sm);border-radius:4px;transition:all .2s ease}.articles .categories a:hover{background:hsl(var(--secondary),.3)}.related-articles h2{position:absolute;right:0;top:0;background:hsl(var(--background));padding:13px 22px;font-size:var(--text-base);border-bottom-left-radius:20px;display:flex;align-items:center;gap:10px}.related-articles i{font-weight:400;opacity:.8}@media (max-width:1140px){.articles.related-articles{padding:95px 75px}}@media (max-width:1024px){.articles{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.articles{grid-template-columns:repeat(1,1fr)}.articles.related-articles{padding:95px 30px;border-radius:20px}}