.post{text-align:left;margin-bottom:38px;background-color:#f5f5f5;border-radius:5px;border:1px solid #e5e5e5;box-shadow:0 4px 18px -1px rgba(0,0,0,.062745098);position:relative}@media screen and (min-width:768px){.post{margin-bottom:0}.post:nth-child(1){grid-column:1/3}}@media screen and (min-width:992px){.post:nth-child(1){grid-column:auto}}.post__link{text-decoration:none}.post__thumbnail-wrapper{position:relative;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px}.post__thumbnail{width:100%;max-height:195px;min-height:195px;-o-object-fit:cover;object-fit:cover;transition:filter .5s}.post__thumbnail:hover{filter:brightness(.85)}.post__category{position:absolute;right:0;top:0;z-index:999;color:#fff;font-size:.75rem;line-height:18px;background-color:#2563eb;padding:8px;text-transform:uppercase}.post__title{font-size:1.25rem;line-height:1.875rem;color:#0a0a0a;padding:20px;margin-bottom:64px;font-weight:600}.post__meta{left:8px;bottom:8px;font-size:.75rem;line-height:18px;color:#0a0a0a;position:absolute}.dark-mode .post{background-color:#404040;border-color:#525252}.dark-mode .post__title{color:#fafafa}.dark-mode .post__date{color:#fafafa}.container--posts{overflow:hidden}.posts{padding:32px 0;text-align:center;background-color:#fafaf9}.posts__title{color:#0a0a0a;margin-bottom:30px;position:relative;max-width:-moz-fit-content;max-width:fit-content;text-transform:uppercase}.posts__title::after{content:"";height:2px;width:100vw;background-color:#2563eb;position:absolute;top:50%;left:calc(100% + 18px)}.posts__text{margin-bottom:48px;color:#1d4ed8;font-size:1.125rem;line-height:30px}@media screen and (min-width:1400px){.posts__text{margin-bottom:32px}}.posts__btn-wrapper{display:flex;justify-content:flex-end}@media screen and (min-width:1400px){.posts__btn{color:#344054;font-weight:600;padding:12px 20px;border:1px solid #d0d5dd;display:inline-block;margin-bottom:60px}}.posts__posts-wrapper{margin-bottom:16px}@media screen and (min-width:768px){.posts__posts-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@media screen and (min-width:992px){.posts__posts-wrapper{grid-template-columns:1.6fr 1fr 1fr}}.posts__btn-posts{text-decoration:none;font-size:1.125rem;line-height:28px;color:#0a0a0a}.dark-mode .posts{background-color:#262626}.dark-mode .posts__title{color:#fafafa}.dark-mode .posts__title::after{background-color:#fafafa}.dark-mode .posts__btn-posts{color:#fafafa}