/* MaxStyle - шрифты бренда. Подключите этот файл или вставьте <link> из fonts.html в <head>.
   Forum - логотип и заголовки (один вес, не делать жирным). Golos Text - текст и цены. */

@import url("https://fonts.googleapis.com/css2?family=Forum&family=Golos+Text:wght@400;600&display=swap");

:root {
  --font-display: "Forum", "Times New Roman", serif;
  --font-sans: "Golos Text", "Segoe UI", system-ui, sans-serif;
}

/* Типографическая шкала */
.logo    { font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 400; letter-spacing: 0.02em; }
.display { font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 400; }
.h1      { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 400; }
.h2      { font-family: var(--font-display); font-size: 26px; line-height: 32px; font-weight: 400; }
.lead    { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.body    { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.price   { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 600; font-variant-numeric: tabular-nums; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }

@media (max-width: 600px) {
  .display { font-size: 44px; line-height: 46px; }
  .h1      { font-size: 32px; line-height: 36px; }
}