/* Перечень проектов и страница проекта. Токены и общие компоненты — base.css и components.css.
   Правила файла те же: цвета из токенов, px из шкалы, радиус 0, теней и рамок у скриншотов нет, один уровень класса. */

.block-title {
  margin-bottom: var(--space-32);
}

.facts--project {
  width: 100%;
  max-width: 62ch;
}

.facts__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-24);
  margin: 0;
  padding: 0;
  list-style: none;
}

.facts__links a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch);
}

/* Скриншоты: настоящие кадры без рамок и скруглений; не растягиваются больше своего размера. */

.shot img {
  width: auto;
  max-width: 100%;
}

.shot--phone img {
  width: 100%;
  max-width: 375px;
}

.shot figcaption {
  max-width: 62ch;
}