.blog-main{max-width:1320px;margin:0 auto;padding:140px 64px 80px}.blog-header{margin-bottom:64px;max-width:640px}.blog-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--lime);margin-bottom:16px;display:flex;align-items:center;gap:12px}.blog-eyebrow:before{content:"";display:block;width:32px;height:2px;background:var(--lime)}.blog-header h1{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:.95;letter-spacing:.02em;margin-bottom:20px}.blog-header h1 span{color:var(--lime)}.blog-subtitle{font-size:1rem;color:var(--text-muted);font-weight:300;max-width:480px;line-height:1.6}.blog-layout{display:grid;grid-template-columns:1fr 232px;gap:3.5rem;align-items:start}.filter-bar{position:sticky;top:0;z-index:30;background:#0a0a0aeb;backdrop-filter:blur(6px);border-top:1px solid var(--mid);border-bottom:1px solid var(--mid);padding:1rem 0;margin-bottom:2rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.chip{font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:2px;border:1px solid var(--mid);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.chip:hover{border-color:var(--lime);color:var(--white)}.chip.active{background:var(--lime);color:var(--black);border-color:var(--lime)}.search-wrap{position:relative}.search-wrap input{background:var(--grey);border:1px solid var(--mid);color:var(--white);font-family:DM Sans,sans-serif;font-size:.85rem;padding:9px 14px 9px 34px;border-radius:6px;width:200px;transition:width .2s ease,border-color .2s ease}.search-wrap input:focus{outline:none;border-color:var(--lime);width:240px}.search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;opacity:.5}.result-count{font-family:Space Mono,monospace;font-size:.72rem;color:var(--text-muted);margin-bottom:1.5rem}.result-count b{color:var(--lime);font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.blog-card{background:var(--grey);transition:background .2s;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.blog-card:hover{background:#222}.blog-card:hover:before{transform:scaleX(1)}.blog-card-link{display:block;padding:36px 40px;text-decoration:none;color:inherit}.blog-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.blog-date{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.blog-tag{font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--lime);padding:3px 8px;border-radius:2px}.blog-card-title{font-family:Bebas Neue,sans-serif;font-size:clamp(1.4rem,2.5vw,1.9rem);letter-spacing:.03em;line-height:1.05;color:var(--white);margin-bottom:12px}.blog-card-desc{font-size:.875rem;color:var(--text-muted);font-weight:300;line-height:1.6;margin-bottom:24px}.blog-read-more{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.blog-empty{display:none;text-align:center;padding:5rem 1rem;color:var(--text-muted);font-family:Space Mono,monospace;font-size:.85rem}.show-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:2px;padding:16px;background:var(--grey);border:1px solid var(--mid);border-top:none;color:var(--white);font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}.show-more-btn:hover{background:#202020;color:var(--lime)}.show-more-btn:after{content:"↓"}.show-more-btn[hidden]{display:none}.archive-sidebar{position:sticky;top:88px;border-left:1px solid var(--mid);padding-left:1.75rem;max-height:calc(100vh - 120px);overflow-y:auto}.archive-sidebar::-webkit-scrollbar{width:4px}.archive-sidebar::-webkit-scrollbar-thumb{background:var(--mid);border-radius:4px}.archive-label{font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.archive-month+.archive-month{margin-top:1.75rem}.archive-month-header{all:unset;cursor:pointer;display:block;width:100%;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--mid)}.archive-month-header:hover .archive-month-name,.archive-month-header.active .archive-month-name{color:var(--lime)}.archive-month-name{font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.03em;color:var(--white);transition:color .15s}.archive-post-list{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:0}.archive-post-link{all:unset;cursor:pointer;display:block;font-size:.78rem;font-weight:300;color:var(--text-muted);line-height:1.4;transition:color .15s}.archive-post-link:hover,.archive-post-link.active{color:var(--white)}.archive-post-link.active{color:var(--lime)}@media(max-width:900px){.blog-main{padding:120px 24px 60px}.blog-layout,.blog-grid{grid-template-columns:1fr}.blog-card-link{padding:28px 24px}.archive-sidebar{position:static;max-height:none;border-left:none;border-top:1px solid var(--mid);padding-left:0;padding-top:2rem;margin-top:1rem}.search-wrap input,.search-wrap input:focus{width:100%}.search-wrap{width:100%;order:2}}
