.blog-page{max-width:1040px;padding:4.5rem 5.5rem 5.5rem}.post-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.post-filter{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);border:1px solid var(--border-glass);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:2px;align-items:baseline;gap:.4rem;padding:.4375rem .75rem;font-size:.75rem;display:inline-flex}.post-filter:hover{color:var(--text-strong);border-color:var(--text-faint)}.post-filter.is-active{color:var(--text-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.post-filter-count{opacity:.55;font-variant-numeric:tabular-nums}.post-list{flex-direction:column;margin-top:1.5rem;display:flex}.post-row{border-top:1px solid var(--border-hairline);grid-template-columns:48px minmax(0,1fr) 248px;align-items:start;gap:0 1.75rem;padding:1.75rem 0;text-decoration:none;display:grid;position:relative}.post-row:last-of-type{border-bottom:1px solid var(--border-hairline)}.post-index{font-family:var(--font-mono);color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.75rem;line-height:2.1}.post-main{flex-direction:column;gap:.4375rem;min-width:0;display:flex}.post-meta{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:.4375rem;font-size:.75rem;display:flex}.post-title{letter-spacing:-.018em;color:var(--text-strong);background-image:linear-gradient(var(--text-strong), var(--text-strong));max-width:34ch;transition:background-size var(--transition-base);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-size:1.3125rem;font-weight:600;line-height:1.3}.post-row:hover .post-title,.post-row:focus-visible .post-title{background-size:100% 1px}.post-excerpt{color:var(--text-secondary);max-width:68ch;font-size:.9375rem;line-height:1.6}.post-tags{flex-wrap:wrap;gap:0 .5rem;margin-top:.125rem;display:flex}.post-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem;line-height:1.8}.post-tag+.post-tag:before{content:"· ";color:var(--text-faint)}.post-thumb{aspect-ratio:16/9;border:1px solid var(--border-hairline);background:var(--bg-card);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px -26px #000000e6}.post-thumb img{-o-object-fit:cover;object-fit:cover;filter:saturate(.9)brightness(.92);width:100%;height:100%;transition:transform .6s cubic-bezier(.2, .8, .2, 1), filter var(--transition-base);display:block}.post-thumb:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff1f 50%,#0000 65%);transition:transform .8s;position:absolute;inset:0;transform:translate(-120%)}.post-row:hover .post-thumb,.post-row:focus-visible .post-thumb{border-color:var(--border-glass-strong);transform:translateY(-2px);box-shadow:0 22px 50px -24px #8fb4ff73}.post-row:hover .post-thumb img,.post-row:focus-visible .post-thumb img{filter:saturate(1.05)brightness();transform:scale(1.05)}.post-row:hover .post-thumb:after,.post-row:focus-visible .post-thumb:after{transform:translate(120%)}.post-row:focus-visible{outline:2px solid var(--text-strong);outline-offset:4px}.post-empty{color:var(--text-muted);margin-top:2rem;font-size:.9375rem}@media (width<=1024px){.blog-page{padding:3.5rem 2.5rem 4rem}}@media (width<=768px){.blog-page{padding:2rem 1.25rem 3rem}.post-row{grid-template-columns:minmax(0,1fr);gap:0;padding:1.5rem 0}.post-index{display:none}.post-thumb{order:-1;margin-bottom:1rem}.post-title{max-width:none;font-size:1.1875rem}}@media (prefers-reduced-motion:reduce){.post-title,.post-thumb,.post-thumb img,.post-thumb:after,.post-filter{transition:none}}.post-filter{border-radius:999px}