/* Обложки Главной, разделов и проектов — маленькое скругление (как у
   Mobbin) и лёгкая обводка, та же, что у дропдаунов. */
/* Компоненты ВНУТРИ страницы кейса (картинка обложки кейса, метрики,
   карточки, картинка-колонка) — намеренно отдельный токен: небольшое
   скругление на всех разрешениях, не завязано на плоские --wg-radius. */
:root {
  --project-card-radius: 8px;
  --project-cover-border: var(--media-border);
  --wg-radius: var(--project-card-radius);
  --case-content-radius: var(--radius-surface);
}
/* На телефоне обложки скруглены меньше, как и всё остальное (theme.css). */
@media (max-width: 767px) {
  :root { --project-card-radius: 6px; }
}

/* Общий бейдж обложек Главной и карточек проектов. */
.work-gallery .work-gallery__tag,
.project-card .project-card__tag {
  margin: 0;
  padding: 3px 8px;
  border: 0;
  border-radius: var(--radius-tag);
  font-size: calc(var(--font-size-text) * .8);
  background: rgb(128 128 128 / .42);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  backdrop-filter: blur(10px) saturate(160%);
  color: #fff;
  pointer-events: none;
}
.project-card .project-card__tag {
  position: absolute;
  top: 16px;
  left: 16px;
  max-width: calc(100% - 32px);
}