.projects-hero{min-height:62vh}
.project-filters{display:flex;gap:8px;flex-wrap:wrap}
.filter-btn{padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:#fff;color:#111;font:600 13px/1 "Outfit",sans-serif;cursor:pointer;transition:.25s}
.filter-btn.is-active,.filter-btn:hover{background:#8c0df5;color:#fff;border-color:#8c0df5}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project-card{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.08);transition:.3s}
.project-card:hover{transform:translateY(-4px);border-color:rgba(140,13,245,.45)}
.project-card a{display:block;color:inherit}
.project-card video,.project-color{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}
.project-meta{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px 4px}
.project-meta span{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#8c0df5;background:rgba(140,13,245,.08);border:1px solid rgba(140,13,245,.25);border-radius:999px;padding:4px 8px}
.project-card h3{margin:0;padding:0 14px 16px;font:700 1.15rem/1.25 "Outfit",sans-serif}
.project-card.is-hidden{display:none}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media (max-width:960px){.projects-grid{grid-template-columns:1fr}}