.article{display:block;position:relative;margin-bottom:3rem}.article .label{position:absolute;top:1rem;left:1rem;white-space:nowrap;z-index:1}.article img{display:block;width:100%;height:20rem;object-fit:cover;border-radius:4px}@media(min-width: 768px){.article img{height:25rem}}@media(min-width: 992px){.article img{height:35rem}}.article h3{font-size:1.8rem;color:#212121;padding:1.5rem 0 0 0}@media(min-width: 768px){.article h3{font-size:2rem}}.article__wrapper{margin-bottom:-3rem}.article__wrapper .mbb{margin-bottom:3rem}.filter{border-radius:4px;align-items:center;margin-bottom:3rem;white-space:nowrap;overflow-y:auto;padding:1.2rem 2rem}@media(min-width: 768px){.filter{padding:1.5rem 3rem}}.filter__items{gap:1rem}.filter__item{padding:.5rem 1.4rem !important;border:1px solid #fff;border-radius:4px;transition:all .3s ease-in-out;font-weight:600}.filter__item::before{content:none !important}.filter input:checked+label{color:#212121;background-color:#fff}.filter p{margin:0 2rem 0 0;font-weight:600}@media(min-width: 768px){.filter p{margin:0 3rem 0 0}}