.project-card{color:inherit;align-items:center;gap:50px;padding:30px;text-decoration:none;transition:transform .4s,box-shadow .4s;display:flex}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.project-card.reverse{flex-direction:row-reverse}.project-image{flex:1.2;overflow:hidden}.project-image img{filter:grayscale();width:100%;height:auto;transition:filter .5s,transform .4s;display:block}.project-card:hover .project-image img{filter:grayscale(0%);transform:scale(1.03)}.project-info{flex:1;position:relative}.project-number{color:#f0f0f0;margin-bottom:8px;font-size:4rem;font-weight:800;line-height:1;transition:color .3s;display:block}.project-card:hover .project-number{color:#e0e0e0}.project-type{letter-spacing:2px;text-transform:uppercase;color:#9a9590;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500}.project-title{color:#111;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:600}.project-description{color:#6b6560;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:.95rem;line-height:1.7}.project-tags{opacity:0;flex-wrap:wrap;gap:10px;margin-bottom:20px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(8px)}.project-card:hover .project-tags{opacity:1;transform:translateY(0)}.project-tag{letter-spacing:1px;text-transform:uppercase;color:#6b6560;border:1px solid #6b6560;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:.75rem}.view-project{letter-spacing:1.5px;text-transform:uppercase;color:#111;opacity:0;font-family:Space Grotesk,sans-serif;font-size:.85rem;transition:opacity .3s,transform .3s;display:inline-block;transform:translateY(8px)}.project-card:hover .view-project{opacity:1;transform:translateY(0)}:root.projects-nav-hover .project-card{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}:root.projects-nav-hover .project-image img{filter:grayscale(0%);transform:scale(1.03)}:root.projects-nav-hover .project-number{color:#e0e0e0}:root.projects-nav-hover .view-project{opacity:1;transform:translateY(0)}@media (width<=1024px){.project-card{gap:24px;padding:16px;flex-direction:column!important}.project-image,.project-info{flex:none;width:100%}.project-number{font-size:2.5rem}.project-title{font-size:1.3rem}.project-tags,.view-project{opacity:1;transform:none}}@media (width<=400px){.project-card{gap:16px;padding:12px}.project-number{font-size:2rem}.project-title{font-size:1.15rem}}