.blog-listing{background:var(--concrete-900);width:100%;min-height:100vh;color:var(--concrete-100);padding:0 2rem 5rem}.blog-hero{border-bottom:1px solid var(--concrete-700);flex-direction:column;gap:1.1rem;max-width:1280px;margin:0 auto;padding-top:clamp(6rem,12vw,9rem);padding-bottom:clamp(2rem,4vw,3.25rem);display:flex}.blog-hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--trd-accent);font-family:Messina Sans Mono,monospace;font-size:.75rem;font-weight:600}.blog-hero-title{letter-spacing:-.02em;text-transform:uppercase;color:var(--concrete-100);max-width:18ch;font-family:Rader,sans-serif;font-size:clamp(2.25rem,4.5vw,4rem);font-weight:700;line-height:1.03}.blog-hero-lede{color:var(--concrete-300);max-width:62ch;font-family:Messina Sans,sans-serif;font-size:clamp(1rem,1.3vw,1.1875rem);font-weight:500;line-height:1.6}.blog-filters{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.625rem;padding:clamp(1.75rem,3vw,2.5rem) 0 .25rem;display:flex;overflow-x:auto}.blog-chip{scroll-snap-align:start;letter-spacing:.05em;text-transform:uppercase;color:var(--concrete-300);border:1px solid var(--concrete-700);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;min-height:44px;padding:.6875rem 1.125rem;font-family:Messina Sans Mono,monospace;font-size:.75rem;font-weight:600;transition:color .25s,background .25s,border-color .25s;display:flex}.blog-chip:hover{color:var(--concrete-100);border-color:var(--concrete-500)}.blog-chip[aria-pressed=true]{color:var(--concrete-900);background:var(--concrete-100);border-color:var(--concrete-100)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.4vw,2.125rem);max-width:1280px;margin:clamp(1.5rem,2.5vw,2.25rem) auto 0;display:grid}.blog-card{background:var(--concrete-800);border:1px solid var(--concrete-700);color:inherit;text-transform:none;min-height:48px;animation:.2s ease-out both blogCardEnter;animation-delay:calc(var(--card-index,5)*40ms);flex-direction:column;text-decoration:none;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--concrete-400);transform:translateY(-2px)}@keyframes blogCardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.blog-card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--concrete-700),var(--concrete-800));position:relative;overflow:hidden}.blog-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-thumb img{transform:scale(1.04)}.blog-card-body{flex-direction:column;flex:1;gap:.625rem;padding:1.25rem 1.25rem 1.375rem;display:flex}.blog-card-cat{letter-spacing:.12em;text-transform:uppercase;color:var(--trd-accent);font-family:Messina Sans Mono,monospace;font-size:.6875rem;font-weight:600}.blog-card-title{letter-spacing:-.01em;text-transform:uppercase;color:var(--concrete-100);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:Rader,sans-serif;font-size:1.3125rem;font-weight:700;line-height:1.18;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:var(--concrete-200)}.blog-card-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--concrete-500);flex-wrap:wrap;gap:.875rem;margin-top:auto;font-family:Messina Sans Mono,monospace;font-size:.6875rem;font-weight:600;display:flex}.blog-card--featured{flex-direction:row;grid-column:1/-1}.blog-card--featured .blog-card-thumb{flex:55%}.blog-card--featured .blog-card-body{flex:45%;justify-content:center;gap:.875rem;padding:clamp(1.5rem,3vw,3rem)}.blog-card--featured .blog-card-title{-webkit-line-clamp:3;line-clamp:3;font-size:clamp(1.625rem,3vw,2.375rem)}.blog-card--skeleton{pointer-events:none;animation:none}.blog-card--skeleton .blog-card-thumb{background:var(--concrete-700)}.blog-card--skeleton .blog-card-cat,.blog-card--skeleton .blog-card-title,.blog-card--skeleton .blog-card-meta{background:var(--concrete-700);color:#0000;border-radius:3px;min-height:.75rem}.blog-card--skeleton .blog-card-title{min-height:2.5rem}.blog-card--skeleton .blog-card-cat{width:40%}.blog-card--skeleton .blog-card-meta{width:60%}.blog-loadmore{justify-content:center;margin-top:clamp(2.5rem,5vw,3.5rem);display:flex}.blog-loadmore-button{letter-spacing:.06em;text-transform:uppercase;color:var(--concrete-200);border:1px solid var(--concrete-700);cursor:pointer;background:0 0;padding:1rem 2rem;font-family:Messina Sans Mono,monospace;font-size:.8125rem;font-weight:600;transition:border-color .3s,color .3s}.blog-loadmore-button:hover{border-color:var(--concrete-400);color:var(--concrete-100)}.blog-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:640px;margin:clamp(3rem,8vw,6rem) auto;display:flex}.blog-empty-title{text-transform:uppercase;letter-spacing:-.01em;color:var(--concrete-100);font-family:Rader,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.blog-empty-body{color:var(--concrete-300);font-family:Messina Sans,sans-serif;font-size:1rem;font-weight:500;line-height:1.6}.blog-empty-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.blog-empty-link{letter-spacing:.06em;text-transform:uppercase;background:var(--concrete-100);color:var(--concrete-900);border:1px solid var(--concrete-100);padding:.875rem 1.75rem;font-family:Messina Sans Mono,monospace;font-size:.8125rem;font-weight:600;transition:background .3s,color .3s}.blog-empty-link:hover{color:var(--concrete-100);background:0 0}.blog-empty-link--ghost{color:var(--concrete-200);border-color:var(--concrete-700);background:0 0}.blog-empty-link--ghost:hover{border-color:var(--concrete-400);color:var(--concrete-100)}@media (max-width:1000px){.blog-listing{padding:0 1.5rem 4rem}.blog-grid{grid-template-columns:1fr 1fr}.blog-hero-title{font-size:clamp(2rem,7vw,3rem);line-height:1.05}}@media (max-width:640px){.blog-listing{padding:0 1rem 3rem}.blog-grid{grid-template-columns:1fr}.blog-card--featured{flex-direction:column}.blog-card--featured .blog-card-thumb,.blog-card--featured .blog-card-body{flex:none}}@media (prefers-reduced-motion:reduce){.blog-card{animation:none}.blog-card:hover{transform:none}.blog-card-thumb img,.blog-card:hover .blog-card-thumb img{transition:none;transform:none}}