.blog-section{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;transition:background-color .3s;display:flex}.blog-hero{flex-direction:column;align-items:center;gap:24px;padding:80px 80px 60px;display:flex}.blog-hero-label{align-items:center;gap:8px;display:flex}.blog-hero-label-icon{color:var(--accent-primary)}.blog-hero-label-text{letter-spacing:2px;color:var(--accent-primary);font-family:Roboto Slab,Roboto Serif,serif;font-size:12px;font-weight:500}.blog-hero-title{letter-spacing:-2px;color:var(--text-primary);font-family:Roboto Slab,Roboto Serif,serif;font-size:72px;font-weight:400;transition:color .3s}.blog-hero-subtitle{color:var(--text-muted);text-align:center;max-width:700px;font-family:Roboto Slab,Roboto Serif,serif;font-size:18px;font-weight:400;line-height:1.6;transition:color .3s}.blog-featured{flex-direction:column;gap:24px;padding:0 80px 60px;display:flex}.blog-featured-label{align-items:center;gap:8px;display:flex}.blog-featured-label-icon{color:var(--accent-primary)}.blog-featured-label-text{letter-spacing:2px;color:var(--text-subtle);font-family:Roboto Slab,Roboto Serif,serif;font-size:12px;font-weight:500}.blog-featured-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;transition:border-color .3s,background-color .3s;display:flex;overflow:hidden}.blog-featured-card:hover{border-color:var(--border-color)}.blog-featured-image{background:linear-gradient(135deg, var(--bg-accent) 0%, color-mix(in srgb, var(--gradient-color) 20%, transparent) 100%);border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:600px;min-width:600px;height:400px;display:flex}.blog-featured-image-icon{color:var(--accent-primary)}.blog-featured-image--hero,.blog-article-image--hero{object-fit:cover;flex-shrink:0}.blog-featured-content{flex-direction:column;flex:1;justify-content:center;gap:20px;padding:48px;display:flex}.blog-featured-meta{align-items:center;gap:16px;display:flex}.blog-featured-category{letter-spacing:1px;text-transform:uppercase;color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 10%, transparent);border-radius:3px;padding:5px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.blog-featured-date{color:var(--text-subtle);font-family:Inter,sans-serif;font-size:13px;font-weight:400}.blog-featured-time{color:var(--text-subtle);align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;display:flex}.blog-featured-title{letter-spacing:-1px;color:var(--text-primary);font-family:Roboto Slab,Roboto Serif,serif;font-size:32px;font-weight:400;line-height:1.2;transition:color .3s}.blog-featured-excerpt{color:var(--text-muted);font-family:Roboto Slab,Roboto Serif,serif;font-size:16px;font-weight:400;line-height:1.6;transition:color .3s}.blog-featured-footer{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.blog-featured-author{align-items:center;gap:12px;display:flex}.blog-featured-avatar{background-color:var(--bg-accent);width:36px;height:36px;color:var(--accent-primary);border-radius:100px;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:12px;font-weight:600;display:flex}.blog-featured-author-name{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:color .3s}.blog-featured-btn{background-color:var(--accent-primary);letter-spacing:.5px;color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background-color .3s;display:flex}.blog-featured-btn:hover{background-color:var(--accent-primary-hover)}.blog-main{box-sizing:border-box;gap:48px;width:80%;margin-left:auto;margin-right:auto;padding:0 80px 60px;display:flex}.blog-articles-col{flex-direction:column;flex:1;gap:32px;scroll-margin-top:100px;display:flex}.blog-articles-header{justify-content:space-between;align-items:center;display:flex}.blog-articles-title{letter-spacing:-1px;color:var(--text-primary);font-family:Instrument Serif,serif;font-size:28px;font-weight:400;transition:color .3s}.blog-search{align-items:center;display:flex;position:relative}.blog-search-icon{color:var(--text-subtle);pointer-events:none;position:absolute;left:12px}.blog-search-input{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:4px;outline:none;width:220px;padding:8px 16px 8px 36px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;transition:border-color .3s,width .3s}.blog-search-input::placeholder{color:var(--text-subtle)}.blog-search-input:focus{border-color:var(--accent-primary);width:280px}.blog-articles-grid{flex-direction:column;gap:24px;display:flex}.blog-article-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;align-items:center;gap:24px;padding:24px;transition:border-color .3s,background-color .3s,transform .3s;display:flex}.blog-article-card:hover{border-color:var(--border-color);transform:translateY(-1px)}.blog-article-image{background:linear-gradient(135deg, var(--bg-accent) 0%, color-mix(in srgb, var(--gradient-color) 15%, transparent) 100%);border-radius:4px;justify-content:center;align-items:center;width:180px;min-width:180px;height:140px;display:flex}.blog-article-icon{color:var(--accent-primary)}.blog-article-content{flex-direction:column;flex:1;gap:12px;display:flex}.blog-article-meta{align-items:center;gap:12px;display:flex}.blog-article-category{letter-spacing:1px;text-transform:uppercase;color:var(--accent-primary);font-family:Inter,sans-serif;font-size:10px;font-weight:600}.blog-article-sep{color:var(--border-color);font-family:Inter,sans-serif;font-size:12px}.blog-article-date{color:var(--text-subtle);font-family:Inter,sans-serif;font-size:12px;font-weight:400}.blog-article-title{letter-spacing:-.5px;color:var(--text-primary);font-family:Instrument Serif,serif;font-size:22px;font-weight:400;line-height:1.3;transition:color .3s}.blog-article-excerpt{color:var(--text-subtle);font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;transition:color .3s}.blog-article-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.blog-article-author{align-items:center;gap:8px;display:flex}.blog-article-avatar{background-color:var(--bg-accent);width:28px;height:28px;color:var(--accent-primary);border-radius:100px;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:10px;font-weight:600;display:flex}.blog-article-author-name{color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;font-weight:500}.blog-article-time{color:var(--text-subtle);font-family:Inter,sans-serif;font-size:12px;font-weight:400}.blog-pagination{justify-content:center;align-items:center;gap:8px;display:flex}.blog-pagination-pages{align-items:center;gap:4px;display:flex}.blog-pagination-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.blog-pagination-btn:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-subtle)}.blog-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.blog-pagination-btn--active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.blog-pagination-btn--active:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.blog-pagination-ellipsis{width:40px;height:40px;color:var(--text-subtle);justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:14px;display:flex}.blog-pagination-info{text-align:center;color:var(--text-subtle);padding-top:8px;font-family:Inter,sans-serif;font-size:13px}.blog-sidebar{flex-direction:column;gap:32px;width:320px;min-width:320px;display:flex}.blog-sidebar-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:20px;padding:24px;transition:background-color .3s,border-color .3s;display:flex}.blog-sidebar-title{color:var(--text-primary);font-family:Instrument Serif,serif;font-size:20px;font-weight:400;transition:color .3s}.blog-categories-list{flex-direction:column;gap:12px;display:flex}.blog-category-item{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.blog-category-item:hover .blog-category-name span{color:var(--text-primary)}.blog-category-name{align-items:center;gap:10px;display:flex}.blog-category-icon{color:var(--accent-primary)}.blog-category-name span{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:400;transition:color .3s}.blog-category-count{color:var(--text-subtle);font-family:DM Mono,monospace;font-size:12px;font-weight:400}.blog-tags-wrap{flex-wrap:wrap;gap:8px;display:flex}.blog-tag{letter-spacing:.8px;text-transform:uppercase;background-color:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border-radius:3px;padding:5px 10px;font-family:DM Mono,monospace;font-size:10px;font-weight:400;transition:background-color .3s,color .3s}.blog-tag:hover{background-color:var(--bg-accent);color:var(--text-primary)}.blog-newsletter-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 10%, transparent) 0%, var(--bg-secondary) 100%);border:1px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);border-radius:6px;flex-direction:column;gap:16px;padding:24px;transition:background .3s,border-color .3s;display:flex}.blog-newsletter-icon{background-color:var(--accent-primary);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.blog-newsletter-title{color:var(--text-primary);font-family:Instrument Serif,serif;font-size:20px;font-weight:400;transition:color .3s}.blog-newsletter-desc{color:var(--text-muted);font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;transition:color .3s}.blog-newsletter-input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .3s,background-color .3s}.blog-newsletter-input::placeholder{color:var(--text-subtle)}.blog-newsletter-input:focus{border-color:var(--accent-primary)}.blog-newsletter-btn{background-color:var(--accent-primary);letter-spacing:.5px;color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background-color .3s;display:flex}.blog-newsletter-btn:hover{background-color:var(--accent-primary-hover)}@media (max-width:1200px){.blog-main{flex-direction:column}.blog-sidebar{flex-flow:wrap;width:100%;min-width:100%}.blog-sidebar-card,.blog-newsletter-card{flex:1;min-width:280px}}@media (max-width:1024px){.blog-hero{padding:60px 40px 40px}.blog-featured,.blog-main{padding:0 40px 40px}.blog-featured-card{flex-direction:column}.blog-featured-image{border-radius:8px 8px 0 0;width:100%;min-width:100%;height:280px}.blog-featured-content{padding:32px}}@media (max-width:768px){.blog-hero{padding:40px 24px 32px}.blog-hero-title{letter-spacing:-1px;font-size:36px}.blog-hero-subtitle{font-size:15px}.blog-hero-stats{gap:32px}.blog-hero-stat-value{font-size:28px}.blog-featured{padding:0 24px 32px}.blog-featured-image{height:200px}.blog-featured-image-icon{width:60px;height:60px}.blog-featured-content{gap:14px;padding:20px}.blog-featured-title{font-size:22px}.blog-featured-excerpt{font-size:14px}.blog-featured-footer{flex-direction:column;align-items:flex-start;gap:12px}.blog-main{width:100%;margin-left:0;margin-right:0;padding:0 24px 32px}.blog-articles-header{flex-direction:column;align-items:flex-start;gap:16px}.blog-search-input,.blog-search-input:focus,.blog-search{width:100%}.blog-article-card{flex-direction:column;align-items:flex-start}.blog-article-image{width:100%;min-width:100%;height:160px}.blog-article-meta,.blog-article-footer{display:none}.blog-article-title{color:var(--accent-primary);font-size:20px}.blog-sidebar{flex-direction:column}.blog-sidebar-card,.blog-newsletter-card{min-width:100%}.blog-pagination{gap:4px}.blog-pagination-btn{width:36px;height:36px;font-size:13px}.blog-pagination-ellipsis{width:24px}}@media (max-width:480px){.blog-hero{gap:12px;padding:28px 20px 20px}.blog-hero-title{letter-spacing:-.5px;font-size:28px}.blog-hero-subtitle{font-size:14px}.blog-featured{padding:0 20px 24px}.blog-featured-image{height:150px}.blog-featured-content{gap:12px;padding:16px 20px}.blog-featured-title{font-size:18px}.blog-featured-excerpt{font-size:13px}.blog-featured-meta{flex-wrap:wrap;gap:6px}.blog-main{padding:0 20px 24px}.blog-articles-title{font-size:20px}.blog-article-card{gap:12px;padding:14px}.blog-article-image{height:130px}.blog-article-title{font-size:16px}.blog-article-excerpt{font-size:13px}.blog-article-footer{flex-direction:column;align-items:flex-start;gap:6px}.blog-pagination-btn{width:32px;height:32px;font-size:12px}}
