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