.posts-page{z-index:2;position:relative}.posts-wrap{width:100%;max-width:1000px;margin:0 auto;padding:5rem 3rem 8rem}.posts-header{margin-bottom:3rem}.posts-subtitle,.posts-empty{color:#ffffff6b;margin-top:1rem;font-size:.86rem}.posts-filters{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.posts-filters-label{color:#ffffff47;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.posts-filter-options{flex-wrap:wrap;gap:.5rem;display:flex}.posts-filter-options a{color:#ffffff61;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border:1px solid #ffffff14;border-radius:999px;padding:.4rem .75rem;font-size:.68rem;text-decoration:none}.posts-filter-options a:hover,.posts-filter-options a.active{color:#ffffffd9;background:#ffffff0f;border-color:#ffffff38}.posts-list{border-top:1px solid #ffffff12;flex-direction:column;display:flex}.posts-item{border-bottom:1px solid #ffffff12;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.5rem 0;display:grid}.posts-item--no-cover{grid-template-columns:1fr}.posts-cover{aspect-ratio:3/2;background:var(--color-surface);border:1px solid #ffffff12;border-radius:7px;display:block;overflow:hidden}.posts-cover img{object-fit:fill;width:100%;height:100%;transition:transform var(--transition-fast)}.posts-cover:hover img{transform:scale(1.02)}.posts-item-content{min-width:0}.posts-meta{color:#ffffff47;letter-spacing:.06em;align-items:center;gap:.45rem;font-size:.68rem;display:flex}.posts-author{align-items:center;gap:.45rem;display:inline-flex}.posts-author img{object-fit:cover;border:1px solid #ffffff1f;border-radius:50%;width:24px;height:24px}.posts-item h2{margin-top:.4rem;font-size:1.15rem;font-weight:600}.posts-item h2 a{text-decoration:none}.posts-item h2 a:hover{text-underline-offset:4px;text-decoration:underline}.posts-item p{color:#ffffff6b;margin-top:.65rem;font-size:.8rem;line-height:1.7}@media (max-width:720px){.posts-wrap{padding:3.5rem 1.25rem 5rem}.posts-item{grid-template-columns:1fr;gap:1rem}.posts-filters{flex-direction:column;align-items:flex-start}.posts-cover{aspect-ratio:16/9}}