.blog-index,.blog-related{padding:clamp(40px,6vw,100px) 0 clamp(80px,10vw,140px);background:var(--bg)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,3vw,40px)}.blog-card{display:flex;flex-direction:column;gap:16px;background:var(--paper);border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00000014}.blog-card-media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--line);border-radius:12px 12px 0 0}.blog-card-media img,.blog-card-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card-placeholder{background:linear-gradient(135deg,var(--line),var(--paper))}.blog-card:hover .blog-card-media img{transform:scale(1.03)}.blog-card-body{padding:4px 20px 20px;display:flex;flex-direction:column;gap:10px}.blog-card-date{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.blog-card-title{font-family:var(--font-display);font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:500;line-height:1.25;margin:0}.blog-card-title a{color:var(--fg);text-decoration:none}.blog-card-title a:hover{color:var(--accent)}.blog-card-excerpt{margin:0;color:var(--fg-muted);font-size:.95rem;line-height:1.55}.blog-card-link{align-self:flex-start;margin-top:4px;color:var(--accent);font-weight:500;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.blog-card-link:hover{color:var(--accent-deep)}.blog-empty{max-width:56ch;color:var(--fg-muted);font-size:1.05rem;line-height:1.55}.blog-pagination{margin-top:clamp(40px,5vw,64px);display:flex;justify-content:center}.blog-pagination ul{list-style:none;margin:0;padding:0;display:inline-flex;flex-wrap:wrap;gap:6px}.blog-pagination a,.blog-pagination .current,.blog-pagination .dots{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;font-family:var(--font-mono);font-size:13px;text-decoration:none;color:var(--fg);background:transparent;border:1px solid var(--line)}.blog-pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}.blog-pagination a:hover{background:var(--line)}.single-post .page-hero--post .display{max-width:22ch}.post-meta{margin-top:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center}.post-meta-sep{opacity:.6}.post-featured{margin:0;padding:clamp(20px,3vw,40px) 0 0}.post-featured img{width:100%;height:auto;border-radius:12px;display:block}.post-body{padding:clamp(32px,5vw,64px) 0 clamp(60px,8vw,100px)}.post-content{max-width:68ch;margin:0 auto}.blog-related-heading{font-family:var(--font-display);font-size:clamp(1.4rem,2.8vw,2rem);font-weight:500;margin:0 0 clamp(20px,3vw,32px)}.search-form-wrap{margin-top:clamp(20px,3vw,32px)}.search-form{display:flex;flex-wrap:wrap;gap:12px;max-width:560px}.search-field{flex:1 1 240px;padding:12px 16px;border:1px solid var(--line-strong);border-radius:8px;font:inherit;background:var(--paper);color:var(--fg)}.search-field:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-query{color:var(--accent)}@media (max-width: 600px){.blog-grid{gap:20px}}