.bl-page{background:var(--bg-main);min-height:100svh;padding-top:68px}.bl-hero{max-width:900px;margin:0 auto;padding:5rem 2rem 3.5rem}.bl-back-btn{font-size:.78rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.bl-back-btn:hover{color:var(--brand-accent);gap:.75rem}.bl-hero-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--brand-black);margin-bottom:1.25rem;font-size:clamp(3.5rem,8vw,7rem);line-height:.93}.bl-hero-accent{color:var(--brand-accent)}.bl-hero-sub{color:var(--text-secondary);max-width:520px;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.bl-hero-stats{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.82rem;display:flex}.bl-hero-stats span{align-items:center;gap:.35rem;display:flex}.bl-hero-stats svg{color:var(--brand-accent);font-size:.75rem}.bl-meta-dot{background:var(--border-light);border-radius:50%;flex-shrink:0;width:3px;height:3px;display:inline-block}.bl-featured-wrap{max-width:1200px;margin:0 auto;padding:0 2rem 3rem}.bl-featured-label{font-size:.7rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.15em;color:var(--brand-accent);align-items:center;gap:.4rem;margin-bottom:1rem;display:inline-flex}.bl-featured-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-strong);text-decoration:none;transition:transform .4s,box-shadow .4s;display:block;overflow:hidden}.bl-featured-card:hover{transform:translateY(-6px);box-shadow:0 48px 80px #0000002e}.bl-featured-img{background:linear-gradient(135deg,#1c1c1e 0%,#2c2c2e 100%);height:480px;position:relative;overflow:hidden}.bl-featured-real-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.bl-featured-card:hover .bl-featured-real-img{transform:scale(1.04)}.bl-featured-placeholder{width:100%;height:100%;font-family:var(--font-display);color:#ffffff0d;letter-spacing:.04em;justify-content:center;align-items:center;font-size:10rem;display:flex}.bl-featured-overlay{background:linear-gradient(#0000 0%,#00000059 50%,#000000e0 100%);position:absolute;inset:0}.bl-featured-content{padding:2.5rem;position:absolute;bottom:0;left:0;right:0}.bl-featured-tags{gap:.5rem;margin-bottom:1rem;display:flex}.bl-tag-badge{background:var(--brand-accent);color:#fff;font-size:.62rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);padding:.25rem .7rem}.bl-featured-title{font-family:var(--font-display);letter-spacing:.02em;color:#fff;margin-bottom:.875rem;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1;transition:color .2s}.bl-featured-card:hover .bl-featured-title{color:var(--brand-accent)}.bl-featured-excerpt{color:#ffffffb3;-webkit-box-orient:vertical;max-width:600px;margin-bottom:1.25rem;font-size:1rem;line-height:1.65;display:-webkit-box;overflow:hidden}.bl-featured-meta{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:.78rem;display:flex}.bl-featured-meta span{align-items:center;gap:.3rem;display:flex}.bl-featured-meta svg{color:var(--brand-accent);font-size:.7rem}.bl-featured-cta{background:var(--brand-accent);color:#fff;font-size:.8rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.65rem 1.25rem;transition:gap .2s,background .2s;display:inline-flex}.bl-featured-card:hover .bl-featured-cta{color:var(--brand-accent);background:#fff;gap:.8rem}.bl-toolbar-wrap{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem 2rem;display:flex}.bl-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.bl-search-wrap{flex:1;min-width:220px;max-width:420px;position:relative}.bl-search-icon{color:var(--text-secondary);pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.bl-search-input{border:1.5px solid var(--border-light);border-radius:var(--radius-full);background:var(--bg-surface);width:100%;font-family:var(--font-body);color:var(--text-primary);outline:none;padding:.7rem 2.5rem;font-size:.875rem;transition:border-color .25s,box-shadow .25s}.bl-search-input:focus{border-color:var(--brand-black);box-shadow:0 0 0 3px #0000000f}.bl-search-input::placeholder{color:var(--text-secondary)}.bl-search-clear{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;font-size:.8rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.bl-search-clear:hover{color:var(--brand-accent)}.bl-sort-wrap{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.3rem .4rem;display:flex}.bl-sort-icon{color:var(--text-secondary);padding:0 .4rem;font-size:.75rem}.bl-sort-btn{border-radius:var(--radius-full);font-family:var(--font-body);font-size:.75rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;padding:.4rem .875rem;transition:background .2s,color .2s;display:inline-flex}.bl-sort-btn:hover{color:var(--text-primary)}.bl-sort-btn.active{background:var(--brand-black);color:#fff}.bl-tags-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bl-tag-filter{border:1.5px solid var(--border-light);border-radius:var(--radius-full);background:var(--bg-surface);font-family:var(--font-body);font-size:.72rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:.3rem .875rem;transition:all .2s}.bl-tag-filter:hover{border-color:var(--brand-black);color:var(--brand-black)}.bl-tag-filter.active{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.bl-active-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bl-active-filter{color:var(--brand-accent);border-radius:var(--radius-full);background:#ff3b3014;border:1px solid #ff3b3033;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .75rem;font-size:.75rem;display:inline-flex}.bl-active-filter button{cursor:pointer;color:var(--brand-accent);opacity:.7;background:0 0;border:none;align-items:center;font-size:.7rem;transition:opacity .2s;display:flex}.bl-active-filter button:hover{opacity:1}.bl-clear-all{font-family:var(--font-body);font-size:.72rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;text-decoration:underline;transition:color .2s}.bl-clear-all:hover{color:var(--brand-accent)}.bl-grid-section{padding:0 0 5rem}.bl-grid-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.bl-results-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:var(--fw-medium);margin-bottom:1.5rem}.bl-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.bl-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.bl-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-6px)}.bl-card-img{background:linear-gradient(135deg,#1c1c1e,#2c2c2e);flex-shrink:0;height:190px;position:relative;overflow:hidden}.bl-card-real-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.bl-card:hover .bl-card-real-img{transform:scale(1.06)}.bl-card-placeholder{width:100%;height:100%;font-family:var(--font-display);color:#ffffff0f;letter-spacing:.04em;justify-content:center;align-items:center;font-size:5rem;transition:transform .5s;display:flex}.bl-card:hover .bl-card-placeholder{transform:scale(1.06)}.bl-card-tag{background:var(--brand-accent);color:#fff;font-size:.6rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);white-space:nowrap;padding:.22rem .6rem;position:absolute;top:.875rem;left:.875rem}.bl-card-body{flex-direction:column;flex:1;padding:1.375rem;display:flex}.bl-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.65rem;font-size:.7rem;display:flex}.bl-card-meta span{align-items:center;gap:.28rem;display:flex}.bl-card-meta svg{color:var(--brand-accent);font-size:.65rem}.bl-card-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);margin-bottom:.6rem;font-size:1.25rem;line-height:1.2;transition:color .2s}.bl-card:hover .bl-card-title{color:var(--brand-accent)}.bl-card-excerpt{color:var(--text-secondary);-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.8125rem;line-height:1.65;display:-webkit-box;overflow:hidden}.bl-card-tags{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.bl-card-tag-pill{font-size:.6rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.15rem .5rem;transition:background .18s,color .18s,border-color .18s}.bl-card:hover .bl-card-tag-pill{color:var(--brand-accent);background:#ff3b3012;border-color:#ff3b3033}.bl-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.875rem;display:flex}.bl-read-more{font-size:.72rem;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--brand-accent);white-space:nowrap;align-items:center;gap:.35rem;transition:gap .2s;display:flex}.bl-card:hover .bl-read-more{gap:.6rem}.bl-card-author{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;max-width:120px;font-size:.7rem;display:flex;overflow:hidden}.bl-card-author svg{flex-shrink:0;font-size:.65rem}.bl-skeleton{pointer-events:none}.bl-skeleton-img{background:linear-gradient(90deg,var(--border-light)25%,#e5e7eb80 50%,var(--border-light)75%);background-size:200% 100%;height:190px;animation:1.5s infinite shimmer}.bl-skeleton-line{border-radius:var(--radius-full);background:linear-gradient(90deg,var(--border-light)25%,#e5e7eb80 50%,var(--border-light)75%);background-size:200% 100%;width:100%;height:12px;margin-bottom:.75rem;animation:1.5s infinite shimmer}.bl-skeleton-line.short{width:38%}.bl-skeleton-line.medium{width:62%}.bl-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.bl-page-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-surface);width:40px;height:40px;font-family:var(--font-body);font-size:.875rem;font-weight:var(--fw-medium);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.bl-page-btn:hover:not(:disabled){border-color:var(--brand-black);color:var(--brand-black)}.bl-page-btn.active{background:var(--brand-black);border-color:var(--brand-black);color:#fff}.bl-page-btn:disabled{opacity:.35;cursor:not-allowed}.bl-page-arrow{font-size:.75rem}.bl-page-ellipsis{width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (max-width:960px){.bl-grid{grid-template-columns:repeat(2,1fr)}.bl-featured-img{height:360px}.bl-featured-content{padding:2rem}}@media (max-width:640px){.bl-hero{padding:3rem 1.25rem 2.5rem}.bl-featured-wrap{padding:0 1.25rem 2.5rem}.bl-featured-img{height:280px}.bl-featured-content{padding:1.5rem}.bl-featured-title{font-size:1.5rem}.bl-featured-excerpt{display:none}.bl-toolbar-wrap{padding:0 1.25rem 1.5rem}.bl-toolbar{flex-direction:column;align-items:stretch}.bl-search-wrap{max-width:100%}.bl-sort-wrap{justify-content:flex-start}.bl-grid-inner{padding:0 1.25rem}.bl-grid{grid-template-columns:1fr}.bl-page-btn{width:36px;height:36px;font-size:.8rem}}