/* ============================================================
   Главный заголовок страницы (H1) — общая шкала для всего сайта.

   Подключается из components/sidebar.php, то есть действует на всех страницах,
   где есть сайдбар: главная, /destiny-matrix и её роуты-обёртки
   (child-destiny-matrix, personal-brand-matrix).

   НЕ трогает:
     • личный кабинет — там свой .acc-h1;
     • /buy и страницы авторизации — они без сайдбара, у них заголовок-в-карточке 24px;
     • админку.

   Размер тянется от ширины экрана. Коэффициент 11.4vw подобран замером: это предел,
   при котором строка «Destiny Matrix» ещё держится в одну строку. Ниже 360px даже он
   не спасает — там фиксированные 34px.
   ============================================================ */

.home-h1,
.page-h1 {
    font-family: 'Bricolage Grotesque', 'Inter Tight', 'Inter', sans-serif;
    font-weight: 500;
    font-size: 82px;
    line-height: 0.9;
    /* Единая шкала трекинга на весь сайт: -0.05em от кегля. На 82px это -4.1px,
       на 60px -3px, на 40px -2px — и так же пересчитывается на всех брейкпоинтах. */
    letter-spacing: -0.05em;
    margin: 0 0 16px 0;
}

/* цвета исторически чуть разные — оставляем как было на каждой странице */
.home-h1 { color: #052A2C; }
.page-h1 { color: #062A2C; }

@media (max-width: 1279px) { .home-h1, .page-h1 { font-size: 60px; } }
@media (max-width: 1023px) { .home-h1, .page-h1 { font-size: 52px; } }
@media (max-width: 640px)  { .home-h1, .page-h1 { font-size: clamp(40px, 11.4vw, 56px); } }
@media (max-width: 360px)  { .home-h1, .page-h1 { font-size: 34px; } }