.projects-container{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:3rem 1.5rem 6rem}.projects-hero{text-align:center;border-bottom:1px solid #e5e7eb;width:100%;margin:0 auto 2rem;padding-bottom:2rem}.projects-subtitle{letter-spacing:.15em;text-transform:uppercase;color:#6b7280;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-block}.projects-hero h1{color:#111827;letter-spacing:-.03em;margin:0 0 1rem;font-size:2.75rem;font-weight:800}.projects-hero p{color:#4b5563;margin:0;font-size:1.1rem;line-height:1.6}.projects-filter-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3.5rem;display:flex}.project-tab{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.project-tab:hover{color:#111827;background-color:#e5e7eb}.project-tab.active{color:#fff;background-color:#111827}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.project-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -6px #00000014}.project-card-image-wrapper{aspect-ratio:16/10;background-color:#f3f4f6;width:100%;position:relative;overflow:hidden}.project-card-overlay{z-index:1;background:linear-gradient(#0000 60%,#0006 100%);position:absolute;inset:0}.project-card-badge{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.08em;background-color:#111827d9;border-radius:4px;padding:.3rem .65rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;left:1rem}.project-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-location{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.project-card-title{color:#111827;letter-spacing:-.01em;margin:0 0 1rem;font-size:1.35rem;font-weight:700}.project-view-link{color:#111827;margin-top:auto;font-size:.875rem;font-weight:600;transition:color .15s}.project-card:hover .project-view-link{color:#4b5563}.projects-empty{text-align:center;color:#6b7280;padding:5rem 0}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}