/* ДС — вертикальные отступы. Все три уровня растут вместе с экраном.
   --space-section         между самостоятельными блоками/секциями
   --space-title-subtitle  заголовок блока → подзаголовок под ним
   --space-intro-media     подзаголовок (шапка блока) → картинки/сетка/карточки
   --space-heading-media   подпись внутри блока → её картинка
   --case-block-gap сохранён как совместимый псевдоним для страниц проектов. */
:root {
  --space-section: 88px;
  --space-title-subtitle: 12px;
  --space-intro-media: 24px;
  --space-heading-media: 16px;
  --case-block-gap: var(--space-section);
}
@media (min-width: 900px) {
  :root {
    --space-section: 120px;
    --space-title-subtitle: 16px;
    --space-intro-media: 36px;
    --space-heading-media: 20px;
  }
}
@media (min-width: 1101px) {
  :root {
    --space-section: 160px;
    --space-intro-media: 44px;
  }
}