.blog-container{padding-left:var(--side-nav-w)}.search-row{border-bottom:var(--br);padding:4rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem}.search-input{background:none;border:none;border-bottom:4px solid var(--ink);font-family:var(--f-serif);font-size:clamp(1.5rem,5vw,4rem);font-weight:900;width:100%;max-width:600px;color:var(--ink);outline:none}.search-input::placeholder{opacity:.1}.filter-ribbon{padding:2rem 4rem;border-bottom:var(--br);display:flex;gap:1rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-ribbon::-webkit-scrollbar{display:none}.category-btn{padding:.6rem 1.2rem;border:var(--br);font-weight:800;background:var(--paper);cursor:pointer;transition:.1s;font-family:var(--f-mono);font-size:.75rem;color:var(--ink);border-radius:0!important;text-transform:uppercase;flex-shrink:0}.category-btn.active{background:var(--flare)!important;color:var(--paper)!important;border-color:var(--ink)!important}.pinned-doc{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3rem 4rem;border-bottom:var(--br);text-decoration:none;color:inherit;transition:.3s}.pinned-doc h2{font-family:var(--f-serif);font-size:clamp(1.5rem,4vw,2.6rem);font-weight:900;line-height:1.1;margin:1rem 0 .75rem}.pinned-doc p{opacity:.7;font-size:.9rem}.pinned-doc-arrow{font-size:2rem;font-weight:900;flex-shrink:0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.blog-card,.posts-grid{border-bottom:var(--br)}.blog-card{border-right:var(--br);padding:3rem;transition:all .3s;cursor:pointer;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.blog-card img{width:100%;height:200px;object-fit:cover;border:var(--br);margin-bottom:2rem;filter:grayscale(1);transition:.3s}@media (hover:hover) and (pointer:fine){.category-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--flare)}.blog-card:hover,.category-btn:hover{background:var(--ink);color:var(--paper)}.blog-card:hover img{filter:grayscale(0);transform:scale(1.02)}.pinned-doc:hover{background:var(--ink);color:var(--paper)}.pinned-doc:hover .pinned-doc-arrow{color:var(--flare);transform:translateX(6px)}}@media (hover:none),(pointer:coarse){.blog-card:active{background:var(--ink);color:var(--paper)}}@media (max-width:1024px){.blog-container{padding-left:0}.posts-grid{grid-template-columns:1fr}.search-row{padding:2rem 1.5rem;flex-direction:column;align-items:stretch}.filter-ribbon{padding:1.5rem}.blog-card{border-right:none}.blog-card,.pinned-doc{padding:2rem 1.5rem}}@media (max-width:640px){.blog-card{padding:1.75rem 1.25rem}.blog-card img{height:160px;margin-bottom:1.5rem}}