.wgrid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.proj{flex:0 0 calc((100% - 32px)/3);background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.proj:hover{transform:translateY(-6px);border-color:var(--lime);box-shadow:0 12px 30px var(--shadow)}
.shot{overflow:hidden;border-bottom:1px solid var(--line);background:#0b0d10}
.shot svg{display:block;width:100%;height:auto;transition:transform .5s}
.proj:hover .shot svg{transform:scale(1.05)}
.pb{padding:18px 22px 22px}
.tag{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:3px 10px;margin-bottom:10px}
.proj h3{font-size:17px;margin:0 0 8px}.proj p{margin:0;color:var(--muted);font-size:15px}
@media(max-width:900px){.proj{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.proj{flex-basis:100%}}