.projects-page{width:100%;min-height:100vh;padding-top:160px}.projects-page-title{font-size:var(--font-display);font-family:var(--font-inter);font-weight:600;text-transform:uppercase;letter-spacing:-2px;line-height:1;padding:0 40px;margin-bottom:40px}.projects-filters{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);padding:0 40px 20px}.projects-filter-btn{background:none;border:none;color:var(--paragraph-dim);font-family:var(--font-inter);font-size:var(--font-caption);font-weight:500;text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:0 0 4px;position:relative;transition:color .3s ease;white-space:nowrap}.projects-filter-btn:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--foreground);transition:width .3s ease}.projects-filter-btn.active,.projects-filter-btn:hover{color:var(--foreground)}.projects-filter-btn.active:after{width:100%}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;padding:0 40px 120px}.projects-card{display:block;cursor:pointer;position:relative}.projects-card-image{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--dark)}.projects-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.projects-card:hover .projects-card-image img{transform:scale(1.05)}.projects-card-image .projects-card-placeholder{width:100%;height:100%;background:var(--dark)}.projects-card-info{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px}.projects-card-title{font-size:var(--font-caption);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-inter)}.projects-card-category{font-size:var(--font-caption);color:var(--paragraph-dim);font-weight:400}.projects-empty{grid-column:1/-1;text-align:center;padding:80px 0;color:var(--paragraph-dim);font-size:var(--font-body)}@media (max-width:1024px){.projects-page{padding-top:120px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px}.projects-filters{gap:24px}}@media (max-width:600px){.projects-page{padding-top:100px}.projects-page-title{padding:0 24px;margin-bottom:32px}.projects-filters{gap:16px;padding:0 24px 16px;margin-bottom:32px}.projects-grid{grid-template-columns:1fr;gap:32px;padding:0 24px 80px}.projects-card-image{aspect-ratio:16/10}}