.work-page{min-height:100vh;padding-top:180px}.page-header{max-width:800px;margin-bottom:80px}.page-title{margin-bottom:24px;font-size:clamp(3rem,6vw,5rem)}.page-desc{color:var(--text-secondary);font-size:1.25rem;line-height:1.6}.filters{flex-wrap:wrap;gap:16px;margin-bottom:64px;display:flex}.filter-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);background:0 0;border-radius:99px;padding:10px 24px;font-size:14px;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:48px;display:grid}.work-card{cursor:pointer;group:hover}.work-image{border-radius:12px;height:300px;margin-bottom:24px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.work-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.work-overlay span{color:#000;background:#fff;border-radius:99px;padding:12px 24px;font-weight:600;transition:transform .3s;transform:translateY(10px)}.work-card:hover .work-image{transform:scale(.98)}.work-card:hover .work-overlay{opacity:1}.work-card:hover .work-overlay span{transform:translateY(0)}.work-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.work-title{color:var(--text-primary);font-size:24px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}