/* Dip Studio dip-site: projects index (grid + Load more). */

.pj-more { display: grid; justify-items: center; gap: 0.75rem; margin-top: clamp(2.5rem, 5vw, 4rem); }
.pj-more__count { font-size: 0.85rem; color: var(--gray-600); margin: 0; }

.pj-grid { padding-top: 0; }
.pj-grid__inner { display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); }
@media (min-width: 700px) { .pj-grid__inner { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1120px) { .pj-grid__inner { grid-template-columns: repeat(3, 1fr); } }

.pj-card { display: grid; gap: 0.8rem; align-content: start; position: relative; }
.pj-card[hidden] { display: none; }
.pj-card__media { aspect-ratio: 1 / 1; background: var(--gray-50); border-radius: var(--radius); overflow: clip; border: 1px solid var(--hairline); }
.pj-card__media picture { display: block; height: 100%; }
.pj-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-zoom) var(--ease-out); }
@media (hover: hover) { .pj-card:hover .pj-card__media img { transform: scale(1.045); } }
.pj-card__meta { font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; color: var(--gray-600); margin-top: 0.3rem; }
.pj-card__title { font-family: var(--font-display); font-weight: 600; font-size: clamp(1.3rem, 1.05rem + 1vw, 1.8rem); line-height: 1.1; letter-spacing: -0.02em; margin: 0; }
.pj-card__soon { font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; color: var(--gray-600); }
.pj-card .spark-link { justify-self: start; }