.project-card-grid{grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:1.5rem;display:grid}.project-card{background:var(--color-surface-container-low);border-radius:var(--radius-md);transition:transform .3s;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-card--large{grid-column:span 8}.project-card--small{grid-column:span 4}.project-card:nth-child(4n+1){grid-column:9/13}.project-card:nth-child(4n+2){grid-column:1/9}.project-card:last-child:nth-child(odd){grid-column:1/13}.project-card:last-child:nth-child(odd) .project-card__image-wrap{aspect-ratio:21/9}.project-card__link{flex-direction:column;height:100%;text-decoration:none;display:flex}.project-card__image-wrap{flex-shrink:0;width:100%;position:relative;overflow:hidden}.project-card--large .project-card__image-wrap{aspect-ratio:16/9}.project-card--small .project-card__image-wrap{aspect-ratio:4/5}.project-card__image{object-fit:cover;filter:grayscale();opacity:.4;width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:0}.project-card:hover .project-card__image{opacity:.8;transform:scale(1.05)}.project-card__content{flex-direction:column;flex-grow:1;gap:.75rem;padding:2rem 2.5rem;display:flex}.project-card--large .project-card__content{padding:2.5rem}.project-card__tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-card__tag{background:var(--color-surface-container-highest);text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface);border-radius:var(--radius-default);padding:.25rem .75rem;font-size:.625rem;font-weight:700}.project-card__title{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.project-card--large .project-card__title{font-size:2.5rem}.project-card__desc{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.6}.project-card--large .project-card__desc{max-width:540px}.project-card__meta{border-top:1px solid #ffffff0f;align-items:center;gap:1rem;margin-top:auto;padding-top:.75rem;display:flex}.project-card__role{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.project-card__year{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.7rem}@media (max-width:1024px){.project-card--large,.project-card--small,.project-card:nth-child(4n+1),.project-card:nth-child(4n+2),.project-card:last-child:nth-child(odd){grid-column:span 6}.project-card:last-child:nth-child(odd) .project-card__image-wrap{aspect-ratio:16/9}}@media (max-width:768px){.project-card-grid{grid-template-columns:1fr}.project-card,.project-card--large,.project-card--small,.project-card:nth-child(4n+1),.project-card:nth-child(4n+2),.project-card:last-child:nth-child(odd){grid-column:span 1}.project-card--small .project-card__image-wrap,.project-card:last-child:nth-child(odd) .project-card__image-wrap{aspect-ratio:16/9}.project-card--large .project-card__title{font-size:1.5rem}.project-card__content,.project-card--large .project-card__content{padding:1.5rem}}