/* KvestZania - типографика. Один нейтральный гротеск на весь сайт, как в Википедии.
   Шрифт лежит на своём сервере: быстрее и не утекают IP посетителей. */

@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('/assets/fonts/inter-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('/assets/fonts/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --font-text:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-head:var(--font-text);
}

body{
  font-family:var(--font-text);
  letter-spacing:-.006em;
  /* ровные цифры одной высоты и ширины - иначе суммы и даты пляшут по строке */
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:'lnum' 1,'tnum' 1,'kern' 1;
}

h1,h2,h3,.font-head{
  font-family:var(--font-head);
  font-weight:800;
  letter-spacing:-.03em;
}

h1{font-size:clamp(33px,5.2vw,60px);line-height:1.06}
h2{font-size:clamp(26px,3.6vw,42px);line-height:1.12;letter-spacing:-.028em}
h3{font-size:clamp(19px,2.1vw,24px);line-height:1.25;letter-spacing:-.02em;font-weight:700}

/* цифры в подписях и суммах */
.num-head{font-family:var(--font-text);font-weight:800;letter-spacing:-.035em;font-variant-numeric:lining-nums tabular-nums}

/* надзаголовок: мелкими прописными, задаёт ритм разделам */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  margin-bottom:14px;
}
.eyebrow::before{content:'';width:28px;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold));opacity:.9}
.center .eyebrow::after,.eyebrow.center::after{content:'';width:28px;height:1.5px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.9}
.eyebrow--wine{color:var(--wine-lt)}
.eyebrow--wine::before{background:linear-gradient(90deg,transparent,var(--wine-lt))}
.eyebrow--light{color:rgba(255,255,255,.85)}
.eyebrow--light::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.7))}

/* акцент внутри заголовка: золото с медленно бегущим бликом */
.accent{
  color:var(--gold);
  background:linear-gradient(100deg,var(--gold-dk) 0%,var(--gold) 25%,var(--gold-lt) 45%,#fff6dc 50%,var(--gold-lt) 55%,var(--gold) 75%,var(--gold-dk) 100%);
  background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:accent-shine 7s linear infinite;
}
.accent--green{
  background:linear-gradient(100deg,var(--green-dk),var(--green-lt) 45%,#d9fff0 50%,var(--green-lt) 55%,var(--green-dk));
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
@keyframes accent-shine{from{background-position:120% 0}to{background-position:-130% 0}}
@media (prefers-reduced-motion:reduce){.accent{animation:none}}