.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;display:grid}@media (width<=900px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--ace-surface);border:1px solid var(--ace-line);transition:transform .4s var(--ace-ease),border-color .3s var(--ace-ease);border-radius:18px;overflow:hidden}.blog-card:hover{border-color:#00c8e466;transform:translateY(-6px)}.blog-card .thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.blog-card .thumb svg{width:100%;height:100%;display:block}.blog-card .body{padding:24px 26px 28px}.blog-card .cat{font-family:var(--f-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--ace-cyan);font-size:11px}.blog-card h3{letter-spacing:-.2px;margin-top:8px;font-size:19px;line-height:1.3}.blog-card p{color:var(--ace-body);margin-top:10px;font-size:14.5px;line-height:1.6}.blog-card .meta{color:var(--ace-mute);font-size:12.5px;font-family:var(--f-mono);letter-spacing:.8px;justify-content:space-between;margin-top:18px;display:flex}.featured-post{background:linear-gradient(135deg,#122054 0%,#0e1a3c 60%);border:1px solid #00c8e459;border-radius:22px;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;display:grid;overflow:hidden}@media (width<=900px){.featured-post{grid-template-columns:1fr}}.featured-post .thumb{aspect-ratio:16/10;overflow:hidden}.featured-post .thumb svg{width:100%;height:100%}.featured-post .body{flex-direction:column;justify-content:center;padding:40px 36px;display:flex}.featured-post .cat{font-family:var(--f-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--ace-cyan);font-size:12px}.featured-post h3{letter-spacing:-.4px;margin-top:12px;font-size:28px;line-height:1.2}.featured-post p{color:var(--ace-body);margin-top:14px;font-size:15.5px;line-height:1.65}.featured-post .meta{color:var(--ace-mute);font-size:13px;font-family:var(--f-mono);margin-top:22px}.featured-post .btn{align-self:flex-start;margin-top:24px}.cat-filter{border-bottom:1px solid var(--ace-line);flex-wrap:wrap;gap:10px;margin-bottom:40px;padding-bottom:20px;display:flex}.cat-filter a{color:var(--ace-body);font-size:13px;font-family:var(--f-mono);letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--ace-line);border-radius:999px;padding:8px 16px;transition:color .2s,border-color .2s,background .2s}.cat-filter a.active,.cat-filter a:hover{color:var(--ace-cyan);border-color:var(--ace-cyan)}
