@font-face {
  font-family: "LeviBrush";
  src: url("/fonts/levibrush-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LeviBrush";
  src: url("/fonts/levibrush-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LeviBrush";
  src: url("/fonts/levibrush-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LeviBrush";
  src: url("/fonts/levibrush-semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LeviBrush";
  src: url("/fonts/levibrush-bold.woff") format("woff");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --agt-font-sans: Roboto, Arial, sans-serif;
  --agt-font-display-latin: LeviBrush, Roboto, Arial, sans-serif;
  --agt-font-display-ru: LeviBrush, Roboto, sans-serif;
  --agt-font-display-zh: "Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif;

  --agt-h1: clamp(44px, 5.6vw, 76px);
  --agt-h1-ru: clamp(34px, 3.5vw, 44px);
  --agt-h1-latin: clamp(32px, 3.8vw, 48px);
  --agt-h1-service: clamp(56px, 7vw, 92px);
  --agt-h1-zh: clamp(56px, 6.6vw, 86px);
  --agt-h2: clamp(28px, 3.4vw, 40px);
  --agt-h3: clamp(26px, 3vw, 36px);
  --agt-h4: 26px;
  --agt-h5: 24px;
  --agt-h6: 22px;
  --agt-h7: 18px;
  --agt-h8: 16px;

  --agt-lh-tight: 1.08;
  --agt-lh-title: 1.12;
  --agt-lh-body: 1.55;
  --agt-letter: 0;
}

.agt-h1,
.agt-h2,
.agt-h3,
.agt-h4,
.agt-h5,
.agt-h6,
.agt-h7,
.agt-h8 {
  margin: 0;
  letter-spacing: var(--agt-letter);
  text-wrap: balance;
}

.agt-h1 {
  font-size: var(--agt-h1);
  line-height: var(--agt-lh-tight);
  font-weight: 900;
}

.agt-h2 {
  font-size: var(--agt-h2);
  line-height: var(--agt-lh-title);
  font-weight: 900;
}

.agt-h3 {
  font-size: var(--agt-h3);
  line-height: var(--agt-lh-title);
  font-weight: 900;
}

.agt-h4 {
  font-size: var(--agt-h4);
  line-height: 1.16;
  font-weight: 900;
}

.agt-h5 {
  font-size: var(--agt-h5);
  line-height: 1.18;
  font-weight: 900;
}

.agt-h6 {
  font-size: var(--agt-h6);
  line-height: 1.2;
  font-weight: 800;
}

.agt-h7 {
  font-size: var(--agt-h7);
  line-height: 1.3;
  font-weight: 800;
}

.agt-h8 {
  font-size: var(--agt-h8);
  line-height: 1.35;
  font-weight: 700;
}

.agt-display-latin {
  font-family: var(--agt-font-display-latin);
  text-transform: uppercase;
}

.agt-display-ru {
  font-family: var(--agt-font-display-ru);
  text-transform: uppercase;
}

.agt-display-zh {
  font-family: var(--agt-font-display-zh);
}

.agt-typography h1,
.agt-typography h2,
.agt-typography h3,
.agt-typography h4,
.agt-typography h5,
.agt-typography h6 {
  margin: 0;
  letter-spacing: var(--agt-letter);
  text-wrap: balance;
}

.agt-typography h1 {
  font-size: var(--agt-h1);
  line-height: var(--agt-lh-tight);
}

.agt-typography h2 {
  font-size: var(--agt-h2);
  line-height: var(--agt-lh-title);
}

.agt-typography h3 {
  font-size: var(--agt-h3);
  line-height: var(--agt-lh-title);
}