.archive-blog-main{background-color:var(--bg-core,#0A0A0A);color:var(--text-body,#E0E0E0);font-family:var(--font-body,'Inter','Poppins',sans-serif);min-height:100vh}.archive-blog-main .container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-hero{background:#0A0A0A;padding:140px 0 0;border-bottom:2px solid #262626;position:relative;overflow:hidden}.blog-hero-head{text-align:center;padding-bottom:48px;max-width:800px;margin:0 auto}.blog-hero-head .section-tag{display:inline-block;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--brand-orange,#F95738);background:#141414;border:1.5px solid #2B2B2B;padding:4px 14px;margin-bottom:16px;border-radius:4px}.blog-hero-head h1{font-family:var(--font-heading,'Playfair Display',serif);font-size:clamp(32px, 4.5vw, 54px);color:#FFF;margin:0 0 16px;line-height:1.15;letter-spacing:-.5px}.blog-hero-head p{color:#A0A0A0;font-size:16px;line-height:1.7;max-width:640px;margin:0 auto}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:0 auto 40px;padding:0 24px}.featured-card{position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;background:#121212;border:2px solid #262626;box-shadow:6px 6px 0 #000;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.featured-card:hover{transform:translate(-2px,-2px);border-color:var(--brand-orange,#F95738);box-shadow:8px 8px 0 var(--brand-orange,#F95738)}.featured-card-thumb{height:280px;position:relative;overflow:hidden;background:#181818}.featured-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.featured-card:hover .featured-card-thumb img{transform:scale(1.04)}.featured-card-body{padding:24px;background:#121212;display:flex;flex-direction:column;flex-grow:1}.post-tag{display:inline-block;background:var(--brand-orange,#F95738);color:#0A0A0A;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border:1px solid #000;align-self:flex-start;margin-bottom:12px}.featured-card-body h2{font-family:var(--font-heading,'Playfair Display',serif);color:#FFF;font-size:clamp(18px, 2vw, 24px);line-height:1.3;margin:0 0 10px;transition:color 0.2s ease}.featured-card:hover .featured-card-body h2{color:var(--brand-orange,#F95738)}.featured-card-body p{color:#A0A0A0;font-size:13px;line-height:1.6;margin:0 0 16px;flex-grow:1}.post-meta{font-family:var(--font-mono,monospace);font-size:11px;color:#777;display:flex;gap:12px}@media (max-width:860px){.featured-grid{grid-template-columns:1fr}}.filter-bar{padding:18px 0;background:#121212;border-top:2px solid #262626;border-bottom:2px solid #262626;position:sticky;top:76px;z-index:40}.filter-inner{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.filter-inner::-webkit-scrollbar{display:none}.filter-btn{padding:8px 18px;border:1.5px solid #2B2B2B;background:#181818;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;transition:all 0.15s ease;color:#A0A0A0;text-decoration:none;box-shadow:2px 2px 0 #000}.filter-btn:hover{border-color:var(--brand-orange,#F95738);color:var(--brand-orange,#F95738);transform:translate(-1px,-1px)}.filter-btn.active{background:var(--brand-orange,#F95738);border-color:#000;color:#0A0A0A;box-shadow:3px 3px 0 #000}.blog-grid-section{padding:70px 0 100px;background:var(--bg-core,#0A0A0A)}.blog-grid-section h2{font-family:var(--font-heading,'Playfair Display',serif);font-size:clamp(24px, 3vw, 34px);color:#FFF;margin:0 0 40px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-card{cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;background:#121212;border:2px solid #262626;box-shadow:4px 4px 0 #000;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;overflow:hidden}.post-card:hover{transform:translate(-2px,-2px);border-color:var(--brand-orange,#F95738);box-shadow:6px 6px 0 var(--brand-orange,#F95738)}.post-card-img{height:200px;overflow:hidden;background:#181818;border-bottom:2px solid #262626}.post-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.post-card:hover .post-card-img img{transform:scale(1.05)}.img-placeholder-card{background:#181818;height:200px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #262626}.img-placeholder-text{color:#666;font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:1px;text-transform:uppercase}.post-card-body{padding:22px;display:flex;flex-direction:column;flex-grow:1}.post-card-tag{font-size:9px;padding:3px 8px;margin-bottom:8px}.post-date-author{font-family:var(--font-mono,monospace);font-size:11px;color:#777;margin-bottom:10px}.post-date-author strong{color:#BBB}.post-card h3{font-family:var(--font-heading,'Playfair Display',serif);font-size:18px;font-weight:700;line-height:1.35;color:#FFF;margin:0 0 10px;transition:color 0.2s ease}.post-card:hover h3{color:var(--brand-orange,#F95738)}.post-card p{font-size:13px;color:#A0A0A0;line-height:1.6;margin:0;flex-grow:1}@media (max-width:960px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.posts-grid{grid-template-columns:1fr}}.pagination{display:flex;justify-content:center;gap:8px;padding-top:56px}.page-numbers{display:flex;gap:8px;list-style:none;padding:0;margin:0}.page-numbers li a,.page-numbers li span{width:42px;height:42px;display:grid;place-items:center;border:2px solid #2B2B2B;background:#181818;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:13px;font-weight:800;cursor:pointer;transition:all 0.15s ease;color:#D1D5DB;text-decoration:none;box-shadow:2px 2px 0 #000}.page-numbers li span.current{background:var(--brand-orange,#F95738);border-color:#000;color:#0A0A0A;box-shadow:3px 3px 0 #000}.page-numbers li a:hover{border-color:var(--brand-orange,#F95738);color:var(--brand-orange,#F95738);transform:translate(-1px,-1px)}.blog-empty-state{text-align:center;padding:40px 0;color:#888;font-size:15px}