/* ==========================================================================
   03 «Экспозиция выставки» — бывшие «Залы» (vNbtC мобайл, sqlKQ десктоп).
   Заголовок и счётчики — catalog.css, карточка зала — components.css.
   ========================================================================== */

/* Заголовок длиннее, чем «Залы» в макете: на телефоне кегль 44, а на экранах уже 366 px —
   чуть меньше, чтобы «Экспозиция» помещалась в строку. От 768 — общие 62 из catalog.css. */
.halls-page__title {
  font-size: min(44px, 12vw);
  line-height: 1.0455;
}

.halls-page__lead {
  color: var(--ink-2);
  font-size: 13px;
  font-weight: 300;
  line-height: 21px;
}

/* Мобайл — список, планшет — 2 колонки, десктоп — сетка 3×2 (.card-grid).
   Карточки в ряду одной высоты и с ровными линиями — .hall-card-grid в components.css. */
.halls-page__grid {
  --grid-gap: 16px;
}

@media (min-width: 768px) {
  .halls-page__title {
    font-size: 62px;
    line-height: 62px;
  }

  /* 720 px — текст ровно в две строки, «обучению» не уходит на третью. */
  .halls-page__lead {
    max-width: 720px;
    font-size: 14.5px;
    line-height: 25px;
  }

  .halls-page__grid {
    --grid-gap: 20px;
  }

  /* От заголовка до сетки — 40 px (между остальными блоками страницы 96). */
  .halls-page__list {
    margin-top: calc(40px - var(--page-gap));
  }
}