/* Projekte-Hub */
.phub-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding-block: 1.5rem 2.5rem;
}
.phub-filter__chip { cursor: pointer; transition: color var(--dur-fast), border-color var(--dur-fast); }
.phub-filter__chip:hover { color: var(--accent); border-color: var(--accent-deep); }

.phub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(460px, 100%), 1fr));
  gap: clamp(2rem, 4vw, 4rem) clamp(1.5rem, 3vw, 3rem);
  padding: 0 var(--sp-gutter) var(--sp-section);
}
.phub-card { display: block; }
.phub-card.is-hidden { display: none; }
.phub-card .shot { transition: transform 0.5s var(--ease-out), box-shadow 0.5s; }
.phub-card:hover .shot { transform: translateY(-6px); box-shadow: 0 50px 110px rgba(0,0,0,0.7); }
.phub-card__meta { padding-top: 1.1rem; }
.phub-card__title {
  font-weight: 900;
  text-transform: uppercase;
  font-size: var(--fs-h3);
  line-height: 1.1;
  transition: color var(--dur-fast);
}
.phub-card:hover .phub-card__title { color: var(--accent); }
.phub-card__teaser { color: var(--ink-dim); font-size: var(--fs-small); margin-top: 0.3rem; }
.phub-card__tags {
  color: var(--ink-mute);
  font-size: var(--fs-label);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 0.6rem;
}
/* Versetztes Raster auf Desktop */
@media (min-width: 1000px) {
  .phub-card:nth-child(even) { transform: translateY(clamp(2rem, 6vh, 4.5rem)); }
  .phub-grid { padding-bottom: calc(var(--sp-section) + 5rem); }
}