/**
 * Типографика темы: заголовки страниц и базовые заголовки в контенте.
 *
 * Важно: файл подключается ПОСЛЕ assets/css/styles.css,
 * чтобы внешние стили (плагины/блоки) не "убивали" нашу типографику.
 *
 * @package nataanimal-artist
 */

/* Заголовок страницы (page.php) */
.page-header{
  /* Отступ сверху — чтобы заголовок не конфликтовал с фиксированным бургером 
  *  padding: var(--na-top-safe) 0 clamp(18px, 4vh, 40px); */

}

.page-header h1.page-header__title{
  margin:0;
  color: var(--text);

  /* 1-в-1 как на главной: .hero__content h1 */
  font-size:var(--headertitle);
  line-height:.9;
  font-family:var(--accent-font);
  letter-spacing:.06em;
  text-transform:uppercase;
  padding-bottom: 30px;
}

/* Базовые заголовки в контенте (НЕ на главной, чтобы не перебить секции front-page) */
body:not(.home) .site-main h2{
  margin: clamp(26px, 4.2vw, 46px) 0 14px 0;
  font-size: var(--h2);
  font-family: var(--accent-font);
  letter-spacing: .08em;
  text-transform: uppercase;
}

body:not(.home) .site-main h3{
  margin: clamp(18px, 3.2vw, 34px) 0 12px 0;
  font-size: var(--h3);
  font-family: var(--accent-font);
  letter-spacing: .08em;
  text-transform: uppercase;
}