.b-project-card{color:inherit;counter-increment:card-num;text-decoration:none;display:block;position:relative}ul.proj-grid,.grid-uniform{counter-reset:card-num}.b-project-card .media{aspect-ratio:4/5;background:var(--color-dark);position:relative;overflow:hidden}.grid-uniform>.wp-block:nth-child(2n) .b-project-card .media{aspect-ratio:3/4}.b-project-card .media img,.b-project-card .media picture{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.3,1);display:block}.b-project-card:hover .media img,.b-project-card:hover .media picture{transform:scale(1.05)}.b-project-card .media:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 50%,#0000004d);transition:opacity .3s;position:absolute;inset:0}.b-project-card:hover .media:after{opacity:1}.b-project-card .p-num{z-index:2;font-family:var(--font-mono);font-size:var(--text-11);color:#fff;letter-spacing:.1em;mix-blend-mode:difference;position:absolute;top:18px;left:18px}.b-project-card .p-num:before{content:"N°" counter(card-num,decimal-leading-zero)}.b-project-card .p-cat{z-index:2;font-family:var(--font-mono);font-size:var(--text-10);color:#fff;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000026;border:1px solid #fff6;padding:.25rem .5rem;position:absolute;top:18px;right:18px}.b-project-card .reveal{z-index:2;opacity:0;color:#fff;font-size:var(--text-12);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono);pointer-events:none;transition:opacity .3s,transform .3s;position:absolute;bottom:24px;left:24px;right:24px;transform:translateY(8px)}.b-project-card:hover .reveal{opacity:1;transform:translateY(0)}.b-project-card .p-meta{justify-content:space-between;align-items:baseline;gap:16px;padding:1.125rem .125rem 0;display:flex}.b-project-card .p-meta h3{font-family:var(--font-heading);font-size:var(--text-26);margin:0;font-weight:400;line-height:1.1}.b-project-card .p-meta .loc{font-family:var(--font-mono);font-size:var(--text-11);letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase;margin:.375rem 0 0}.b-project-card .p-meta .arrow-mono{font-family:var(--font-mono);font-size:var(--text-11);color:var(--color-muted)}
