.blog-hub-container{z-index:10;max-width:1200px;margin:0 auto;padding:40px;position:relative}.blog-hub-modal-bg{z-index:-1;pointer-events:none;background-color:var(--color-bg-deep);width:100%;height:100vh;position:fixed;inset:0}.blog-hub-modal-bg-img{object-fit:cover;opacity:.4;filter:blur(4px)}.blog-hub-modal-bg-tint{z-index:1;background:radial-gradient(circle at 0 0,#3b82f633 0%,#020610d9 100%),linear-gradient(135deg,#3b82f61a 0%,#0000 50%,#020610e6 100%);position:absolute;inset:0}.blog-hub-header{text-align:center;margin-bottom:40px}.blog-hub-title{font-family:var(--font-outfit);color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:200}.blog-hub-subtitle{font-family:var(--font-sans);color:var(--color-text-muted);max-width:600px;margin:0 auto 40px;font-size:1.1rem}.blog-category-filter{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.blog-category-btn{color:var(--color-text-muted);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .3s}.blog-category-btn:hover{color:#fff;background:#ffffff1a}.blog-category-btn.active{color:#000;background:#fff;border-color:#fff}.blog-hub-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.blog-hub-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:1.5rem;flex-direction:column;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.blog-hub-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.blog-hub-img-wrapper{aspect-ratio:16/9;border-bottom:1px solid #ffffff0d;width:100%;position:relative;overflow:hidden}.blog-hub-img{object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.blog-hub-img-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.blog-hub-img-overlay span{font-family:var(--font-sans);color:#fff;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff80;border-radius:100px;padding:10px 20px;font-size:.8rem;font-weight:700;transition:transform .4s;transform:translateY(10px)}.blog-hub-card:hover .blog-hub-img{filter:brightness(1.1)}.blog-hub-card:hover .blog-hub-img-overlay{opacity:1}.blog-hub-card:hover .blog-hub-img-overlay span{transform:translateY(0)}.blog-hub-content{flex-direction:column;flex:1;padding:24px;display:flex}.blog-hub-meta{font-family:var(--font-sans);letter-spacing:.1em;color:var(--color-primary);text-transform:uppercase;align-items:center;gap:12px;margin-bottom:16px;font-size:.7rem;font-weight:700;display:flex}.blog-hub-meta-dot{background:#fff3;border-radius:50%;width:4px;height:4px}.blog-hub-card-title{font-family:var(--font-outfit);color:#fff;margin-bottom:12px;font-size:clamp(1.2rem,1.5vw,1.4rem);font-weight:400;line-height:1.3}.blog-hub-card-excerpt{font-family:var(--font-sans);color:#ffffff80;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-hub-load-more{justify-content:center;margin-top:60px;display:flex}.blog-hub-load-more-btn{color:#fff;font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #fff3;border-radius:100px;padding:16px 40px;font-size:.85rem;font-weight:600;transition:all .3s}.blog-hub-load-more-btn:hover{background:#ffffff1a;border-color:#fff6}@media (max-width:768px){.blog-hub-container{padding:20px}.blog-hub-title{font-size:2rem}.blog-category-filter{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow:auto hidden}.blog-category-filter::-webkit-scrollbar{display:none}.blog-category-btn{white-space:nowrap;flex-shrink:0}}