.articles-intro{padding:66px 20px}.articles-intro p{color:#5e5e5e;margin-top:16px}.articles-wrapper{border-top:1px solid #ddd;display:flex;gap:30px;padding:40px 0}.articles-wrapper .left{width:320px}.articles-wrapper .left .tags-wrapper{display:flex;flex-direction:column;gap:20px}.articles-wrapper .left .label{display:none}.articles-wrapper .left .tags{display:flex;flex-direction:column;gap:6px}.articles-wrapper .left .tags a{color:#332f2c;font-size:14px;margin-top:2px;padding:3px 0;text-decoration:none}.articles-wrapper .left .tags a sup{top:-.5em!important}.articles-wrapper .right{flex:1}.articles-wrapper .left .tag.active{color:#49783d;font-weight:600}.articles-wrapper .left h3{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}.articles-wrapper .left{display:flex;flex-direction:column;gap:30px}.articles{display:flex;flex-wrap:wrap;gap:60px 24px}article{display:flex;flex:0 0 calc(33.333% - 16px);flex-direction:column;gap:10px;position:relative}article .link-wrapper{inset:0;position:absolute}article img{aspect-ratio:3/2;object-fit:cover;object-position:center;width:100%}article ul{display:flex;flex-wrap:wrap;gap:6px;list-style-type:none;margin:0;padding:0}article ul li{border-radius:5px;font-size:10px;font-weight:500;letter-spacing:.075em;padding:5px 10px;text-transform:uppercase}article ul li sup{top:-.5em!important}article h3,article p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}article .custom-btn{display:flex;font-size:14px;font-weight:600;gap:8px;padding:5px 0!important;text-decoration:none}article .custom-btn svg{margin-top:5px}@media(max-width:1180px){article{flex:0 0 calc(50% - 12px)}}@media(max-width:980px){.articles-wrapper{flex-direction:column;position:relative}.articles-wrapper .left{background:#fff;border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.1);gap:0;position:absolute;top:20px;width:100%;z-index:1}.articles-wrapper .left .label{align-items:center;display:flex;font-size:14px;gap:20px;justify-content:space-between;padding:15px 20px}.articles-wrapper .left .label svg{height:20px;transition:all .25s ease-in-out}.articles-wrapper .left .label.open svg{transform:rotate(-180deg)}.articles-wrapper .left .tags:not(:first-child){margin-top:20px}.articles-wrapper .left .tags-wrapper{display:none;gap:20px;max-height:40vh;overflow:auto;padding:15px 20px}.articles-wrapper .left>div{flex:1}.articles-wrapper .right{margin-top:60px}}@media(max-width:767px){.articles{flex-direction:column;gap:30px}.articles-intro{padding:40px 20px}}