/* Два фото Павла убраны везде ниже десктопа, до 1199 px включительно.
 *
 * Указание Павла: как только фото уезжает из композиции вверх или вниз —
 * на этой ширине его убрать. Ниже 1200 px обе фотографии всегда
 * сваливаются под текст, поэтому правило накрывает и планшет, и мобильный.
 * От 1200 px макет двухколоночный и оба фото остаются на месте.
 *
 * Блок «Обо мне» — сетка из двух колонок, портрет в первой, текст
 * и ссылка во второй. Одного display:none мало: колонка под портретом
 * остаётся пустой, а если задать только grid-template-columns, дети
 * со своими grid-column: 2 создают неявную вторую колонку и ссылка
 * «Подробнее обо мне» сжимается в десять пикселей. Поэтому и колонки,
 * и размещение детей задаются вместе.
 *
 * Слой pravki объявлен раньше слоя adaptive, поэтому !important
 * отсюда сильнее !important из адаптива.
 */
@layer pravki {
  @media (max-width: 1199px) {
    .home-hero .hero-person,
    .home-about .about-mobile-portrait {
      display: none !important;
    }
    .home-about .about-block {
      grid-template-columns: 1fr !important;
    }
    .home-about .about-block > * {
      grid-column: 1 / -1 !important;
    }
  }
}