.projects-page{width:min(1200px,100% - 40px);margin:0 auto;padding:80px 0}.projects-header{max-width:760px;padding-bottom:80px}.projects-header h1{letter-spacing:-.07em;margin:0;font-size:clamp(4rem,9vw,8rem);line-height:.9}.projects-header>p:last-child{max-width:560px;color:var(--muted);margin-top:30px;font-size:1.1rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:60px 30px;display:grid}.project-card{display:block}.project-media{aspect-ratio:16/10;background:#dedbd6;border-radius:24px;overflow:hidden}.project-media img,.project-media video{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-media img,.project-card:hover .project-media video{transform:scale(1.04)}.project-card-content{padding-top:20px}.project-meta{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.project-card h2{letter-spacing:-.03em;margin:12px 0 8px;font-size:1.6rem}.project-card p{color:var(--muted);margin:0}.project-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.project-tags span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:.7rem}.project-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font:inherit;border-radius:999px;padding:9px 15px;font-size:.8rem;font-weight:700;transition:background .18s,color .18s,border-color .18s,transform .18s}.filter-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.filter-button.active{border-color:var(--accent);background:var(--accent);color:#fff}.project-results{color:var(--muted);margin-bottom:30px;font-size:.8rem;font-weight:700}.project-results p{margin:0}.project-media-placeholder{width:100%;height:100%;color:var(--muted);place-items:center;font-size:.9rem;display:grid}.empty-projects{border:1px dashed var(--border);text-align:center;color:var(--muted);padding:80px 20px}@media (max-width:700px){.projects-page{padding:60px 0}.projects-header{padding-bottom:60px}.projects-grid{grid-template-columns:1fr;gap:50px}}