/* ============ SCENOGRAFIE — Trzy plany zdjęciowe ============ */

.scenografie__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.scenografie__card {
  display: flex;
  flex-direction: column;
}

.scenografie__media {
  min-height: 220px;
  margin-bottom: 16px;
  transition: border-color .16s ease;
}
.scenografie__card:hover .scenografie__media {
  border-color: var(--border-3);
}

.scenografie__name {
  font-size: 17px;
  margin-bottom: 8px;
}
.scenografie__desc {
  font-size: 14px;
  color: var(--text-2);
  line-height: 1.55;
}

/* --- Responsywność --- */
@media (max-width: 860px) {
  .scenografie__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px) {
  .scenografie__grid {
    grid-template-columns: 1fr;
  }
}