.project-card{position:relative;display:block;overflow:hidden;background:var(--color-surface);isolation:isolate;border-radius:14px;max-width:100%}.project-card__index{position:absolute;top:1rem;left:1rem;z-index:3;mix-blend-mode:difference}.project-card__category,.project-card__index{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:var(--color-gold)}.project-card__category{text-transform:uppercase;margin-bottom:.45rem}.project-card__media{width:100%;height:100%;min-height:280px}.project-card--portrait .project-card__media{aspect-ratio:3/4}.project-card--landscape .project-card__media{aspect-ratio:16/10}.project-card--square .project-card__media{aspect-ratio:1/1}.project-card__media img{width:100%;max-width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out),filter var(--duration-slow) var(--ease-out)}@media (max-width:699px){.project-card__media{min-height:200px}}.project-card__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:var(--space-5);background:linear-gradient(0deg,rgba(15,15,15,.88) 0,rgba(15,15,15,.35) 42%,transparent 72%);opacity:1;transition:background var(--duration) var(--ease-out)}.project-card__meta h3{font-size:var(--text-lg);margin-bottom:.35rem}.project-card__meta p{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-beige-muted)}.project-card:focus-visible .project-card__media img,.project-card:hover .project-card__media img{transform:scale(1.05);filter:brightness(.85)}.project-card:focus-visible .project-card__overlay,.project-card:hover .project-card__overlay{background:linear-gradient(0deg,rgba(15,15,15,.92) 0,rgba(15,15,15,.45) 48%,transparent 75%)}