/* страница home, тема creator — доводка по nikkykash home.metrics.md/spec.json
   (fw-teardown pixel-parity). Геометрия hero/коллажа и токены уже верны в
   presets.css (foundation, проверено 1:1 против той же метрики) — здесь
   только точечные доводки, которые сверка спеки вскрыла:
   1) hero на мобиле — секция и заголовок мельче десктопных значений
      (presets.css даёт им одни и те же 48px/36px), спека даёт отдельные
      мобильные числа;
   2) коллаж на мобиле — оба фото сдвинуты на -6% по left относительно
      десктопных % (тот же приём, что и по всей остальной геометрии
      коллажа: % считается от ширины .sf-creator-collage);
   3) подзаголовок hero (наша фича, в FW-оригинале элемента нет вовсе) —
      явный Inter 16/28, иначе наследует line-height:1.5 браузерного
      дефолта (28px требует 1.75);
   4) сетка каталога/хитов — gap 32px desktop / 16px mobile, ОДИНАКОВЫЙ
      по обеим осям (col-grid в спеке: columnGap===rowGap на обоих
      брейкпоинтах). Общий .sf-grid не трогаем — он используется и на
      collections/related-strip (не эта страница), поэтому свой хук
      .sf-creator-home-grid только на двух home-гридах;
   5) вертикальный ритм секций — hero и featured-collection в спеке несут
      одинаковый paddingTop/Bottom (48/36), тот же хук вешаем и на
      newsletter/promo (наши фичи вне эталона — «стилизовать в языке
      темы» по ТЗ = тот же ритм, что и у соседних секций).
   Все правила грузятся после presets.css/base.css (см. _layout.html) —
   при равной специфичности выигрывают здесь без доп. трюков. */

@media (max-width: 767px) {
  .preset-creator .sf-creator-hero {
    padding: 36px 0;
  }
  .preset-creator .sf-creator-hero__title {
    font-size: 32px;
  }
  .preset-creator .sf-creator-collage__img--1 {
    left: 17.4%;
  }
  .preset-creator .sf-creator-collage__img--2 {
    left: 53.8%;
  }
}

.preset-creator .sf-creator-hero__subtitle {
  font-size: 16px;
  line-height: 28px;
}

.preset-creator .sf-creator-home-grid {
  gap: var(--card-gap, 16px);
}
/* Паддинг секции здесь БЫЛ (36/48 на 768px) и удалён 2026-08-11: базовый
   шаблон теперь сам даёт эталонные 36/48 на 640px, а это правило со своей
   специфичностью (0,2,0) молча возвращало Creator на 768px — то есть
   отменяло паритет с FW в теме, которая как раз и есть его точная реплика.
   Хуже того, класс sf-creator-grid-section висит и на текстовом баннере с
   промо, у которых внешнего отступа секции быть НЕ должно вовсе (у FW он на
   внутренней плашке) — правило возвращало им лишние 36/48. Класс в разметке
   оставлен как якорь на будущее, но ничего не красит. */
@media (min-width: 768px) {
  .preset-creator .sf-creator-home-grid {
    gap: var(--card-gap, 32px);
  }
}