.posts-page .posts-hero{padding:14rem 0 4rem}.posts-page .posts-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--base-300);margin-bottom:1.5rem;font-size:.8125rem;font-weight:600}.posts-page .posts-hero h1{width:60%;color:var(--base-100);margin-bottom:1.25rem}.posts-page .posts-hero-body{color:var(--base-300);max-width:520px;font-size:1.125rem;line-height:1.6}.posts-page .posts-grid-section{padding:3rem 0 8rem}.posts-page .posts-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.posts-page .post-card{cursor:pointer;flex-direction:column;gap:1rem;text-decoration:none;display:flex}.posts-page .post-card-img{aspect-ratio:4/3;background-color:var(--base-450);border-radius:1rem;width:100%;overflow:hidden}.posts-page .post-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.posts-page .post-card:hover .post-card-img img{transform:scale(1.04)}.posts-page .post-card-title{letter-spacing:-.03em;color:var(--base-100);font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .2s}.posts-page .post-card:hover .post-card-title{color:var(--base-200)}.posts-page .post-card-meta{color:var(--base-350);align-items:center;gap:.4rem;font-family:DM Mono,monospace;font-size:.875rem;display:flex}.posts-page .post-card-meta-sep{color:var(--base-450)}.posts-page .posts-pagination{justify-content:center;align-items:center;gap:.5rem;padding:4rem 0 2rem;display:flex}.posts-page .posts-pagination a,.posts-page .posts-pagination span{width:2.5rem;height:2.5rem;color:var(--base-300);border:1px solid #f2ede61a;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.posts-page .posts-pagination a:hover{color:var(--base-100);border-color:#f2ede640}.posts-page .posts-pagination .active{color:var(--base-100);background-color:#f2ede60f;border-color:#f2ede659}.posts-page .posts-empty{text-align:center;color:var(--base-350);padding:6rem 0}@media (max-width:1000px){.posts-page .posts-hero h1{width:100%}.posts-page .posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.posts-page .posts-grid{grid-template-columns:1fr}}