.projects__gallery {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-top: var(--space-6);
  overflow: hidden;
}

.projects__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.project-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}
.project-card__name {
  font-size: var(--text-xs);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  color: var(--text-muted);
}
.project-card__num {
  flex: none;
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-wide);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.project-card {
  cursor: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22%3E%3Cline x1=%2210%22 y1=%223%22 x2=%2210%22 y2=%2217%22 stroke=%22%234A443E%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E%3Cline x1=%223%22 y1=%2210%22 x2=%2217%22 y2=%2210%22 stroke=%22%234A443E%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E') 10 10, crosshair;
}
.project-card__image {
  height: 260px;
  background-image: var(--media-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.projects__watermark {
  order: 1;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  white-space: nowrap;
}

/* ─── 768-1199: 2 карточки в ряд ─────────────────────── */

@media (min-width: 768px) and (max-width: 1199px) {
  .projects__gallery {
    /* overflow: hidden из базы сохраняем - клипает watermark, предотвращает горизонтальный скролл */
    margin-top: var(--space-7);
  }

  .projects__row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--space-6);
    padding-block: 0;
  }

  .projects__row > .project-card:nth-child(2),
  .projects__row > .project-card:nth-child(3),
  .projects__row > .project-card:nth-child(4) {
    margin-top: 0;
  }

  .project-card { width: calc(50% - var(--space-6) / 2); }

  /* watermark скрываем: при overflow:hidden он обрезается некрасиво, на планшете не нужен */
  .projects__watermark { display: none; }
}

/* ─── 1200+: коллаж из 4 карточек ────────────────────── */

@media (min-width: 1200px) {
  .projects__gallery {
    display: block;
    margin-top: var(--space-7);
    overflow: visible;
  }

  .projects__row {
    position: relative;
    z-index: 1;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    padding-block: var(--space-7) var(--space-9);
  }

  .projects__row > .project-card:nth-child(2) { margin-top: 84px; }
  .projects__row > .project-card:nth-child(3) { margin-top: 24px; }
  .projects__row > .project-card:nth-child(4) { margin-top: 80px; }

  .project-card { width: 250px; }
  .project-card__image { height: 320px; }

  .projects__watermark {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: 2;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
  }
  .projects__watermark-line--1 { align-self: flex-end; }
  .projects__watermark-line--2 { align-self: flex-start; padding-left: var(--space-7); }
}