/* Генерируется sync.py из tokens.json. Не править руками. */
@font-face {
  font-family: "Classic Russian";
  src: url("fonts/classic-russian-plain-001-001.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Classic Russian";
  src: url("fonts/classic-russian-italic-001-001.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Classic Russian";
  src: url("fonts/classic-russian-bold-001-001.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Classic Russian";
  src: url("fonts/classic-russian-bold-italic-001-001.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
:root {
  --color-ink: #101010;
  --color-paper: #FDFCFC;
  --color-highlight: #E8F77A;
  --color-ash: #6D6C6B;
  --color-indigo: #1925AA;
  --color-warm-taupe: #F5F3F1;
  --color-warm-sand: #B0A99F;
  --color-mist: #EAE8E7;
  --color-stone: #D8D8D8;
  --color-graphite: #4B514D;
  --color-highlight-hover: #DDEE5F;
  --color-highlight-press: #CCDD48;
  --font-serif: "Classic Russian", "Source Serif 4", Georgia, serif;
  --font-sans: "Helvetica Neue Cyr", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-96: 96px;
  --layout-content: 1200px;
  --layout-gutter: clamp(24px, 5vw, 72px);
  --layout-section-y: 96px;
  --layout-section-y-m: 64px;
  --layout-columns: 12;
  --layout-columns-t: 8;
  --layout-columns-m: 4;
  --layout-pad-x: 56px;
  --layout-pad-x-l: 48px;
  --layout-pad-x-t: 40px;
  --layout-pad-x-m: 24px;
  --layout-pad-top: 96px;
  --layout-pad-top-l: 84px;
  --layout-pad-top-t: 72px;
  --layout-pad-top-m: 56px;
  --layout-pad-bottom: 72px;
  --layout-pad-bottom-l: 64px;
  --layout-pad-bottom-t: 56px;
  --layout-pad-bottom-m: 40px;
  --layout-measure: 34em;
  --layout-measure-lead: 40em;
  --layout-tap: 44px;
  --layout-frame-radius: 16px;
  --layout-frame-gap: 20px;
  --layout-frame-gap-m: 12px;
  --layout-leading-tight: 0.9;
  --layout-tab-height: 40px;
  --layout-tab-strip: 24px;
  --radius-photo: 0;
  --radius-badge: 2px;
  --radius-control: 16px;
  --radius-panel: 16px;
  --motion-dur-color: 120ms;
  --motion-dur-control: 200ms;
  --motion-dur-appear: 420ms;
  --motion-ease: cubic-bezier(.2, .7, .2, 1);
  --photo-filter: saturate(.82);
  --photo-position-hero: center 35%;
  --photo-position-face: center 20%;
  --photo-ratio-portrait: 4 / 5;
  --photo-ratio-square: 1 / 1;
  --photo-ratio-wide: 16 / 9;
  --photo-overlay: linear-gradient(90deg, var(--color-ink) 0%, rgba(16, 16, 16, .9) 45%, rgba(16, 16, 16, .05) 100%);
  --video-fps: 30;
  --video-canvas-w: 1080;
  --video-canvas-h: 1920;
  --video-safe-top: 250;
  --video-safe-bottom: 420;
  --video-safe-side: 64;
  --video-size-title: 120;
  --video-size-subtitle: 56;
  --video-size-caption: 52;
  --video-size-label: 30;
  --video-frames-cut: 0;
  --video-frames-fade: 8;
  --video-frames-title-in: 12;
  --video-frames-title-hold: 60;
  --video-frames-wipe: 10;
  --video-scrim: linear-gradient(0deg, rgba(16, 16, 16, .78) 0%, rgba(16, 16, 16, 0) 100%);
  --video-grade: var(--photo-filter);
  --bp-phone: 734px;
  --bp-tablet: 1068px;
  --bp-laptop: 1280px;
  --bp-desktop: 1440px;
  --type-cover-font: var(--font-serif);
  --type-cover-weight: 400;
  --type-cover-size: 120px;
  --type-cover-line: 120px;
  --type-cover-tracking: -0.02em;
  --type-display-font: var(--font-serif);
  --type-display-weight: 400;
  --type-display-size: 72px;
  --type-display-line: 76px;
  --type-display-tracking: -0.018em;
  --type-title-1-font: var(--font-serif);
  --type-title-1-weight: 400;
  --type-title-1-size: 56px;
  --type-title-1-line: 60px;
  --type-title-1-tracking: -0.016em;
  --type-title-2-font: var(--font-serif);
  --type-title-2-weight: 400;
  --type-title-2-size: 40px;
  --type-title-2-line: 44px;
  --type-title-2-tracking: -0.014em;
  --type-quote-font: var(--font-serif);
  --type-quote-weight: 400;
  --type-quote-size: 32px;
  --type-quote-line: 36px;
  --type-quote-tracking: -0.012em;
  --type-title-3-font: var(--font-sans);
  --type-title-3-weight: 400;
  --type-title-3-size: 28px;
  --type-title-3-line: 32px;
  --type-title-3-tracking: -0.012em;
  --type-headline-font: var(--font-sans);
  --type-headline-weight: 400;
  --type-headline-size: 22px;
  --type-headline-line: 26px;
  --type-headline-tracking: -0.008em;
  --type-lead-font: var(--font-sans);
  --type-lead-weight: 400;
  --type-lead-size: 22px;
  --type-lead-line: 28px;
  --type-lead-tracking: -0.006em;
  --type-body-font: var(--font-sans);
  --type-body-weight: 400;
  --type-body-size: 18px;
  --type-body-line: 25px;
  --type-body-tracking: 0em;
  --type-callout-font: var(--font-sans);
  --type-callout-weight: 400;
  --type-callout-size: 16px;
  --type-callout-line: 22px;
  --type-callout-tracking: 0em;
  --type-ui-font: var(--font-sans);
  --type-ui-weight: 400;
  --type-ui-size: 15px;
  --type-ui-line: 20px;
  --type-ui-tracking: 0.004em;
  --type-footnote-font: var(--font-sans);
  --type-footnote-weight: 400;
  --type-footnote-size: 14px;
  --type-footnote-line: 20px;
  --type-footnote-tracking: 0.006em;
  --type-caption-font: var(--font-sans);
  --type-caption-weight: 400;
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-caption-tracking: 0.012em;
  --type-label-font: var(--font-sans);
  --type-label-weight: 400;
  --type-label-size: 12px;
  --type-label-line: 16px;
  --type-label-tracking: 0.04em;
}
@media (max-width: 1280px) {
  :root {
    --layout-pad-x: 48px;
    --layout-pad-top: 84px;
    --layout-pad-bottom: 64px;
    --type-cover-size: 106px;
    --type-cover-line: 106px;
    --type-display-size: 64px;
    --type-display-line: 68px;
    --type-title-1-size: 50px;
    --type-title-1-line: 54px;
    --type-title-2-size: 36px;
    --type-title-2-line: 40px;
    --type-quote-size: 28px;
    --type-quote-line: 32px;
    --type-title-3-size: 26px;
    --type-title-3-line: 30px;
    --type-headline-size: 20px;
    --type-headline-line: 24px;
    --type-lead-size: 20px;
    --type-lead-line: 26px;
    --type-body-size: 17px;
    --type-body-line: 24px;
    --type-callout-size: 16px;
    --type-callout-line: 22px;
  }
}
@media (max-width: 1068px) {
  :root {
    --layout-columns: 8;
    --layout-pad-x: 40px;
    --layout-pad-top: 72px;
    --layout-pad-bottom: 56px;
    --type-cover-size: 88px;
    --type-cover-line: 88px;
    --type-display-size: 56px;
    --type-display-line: 60px;
    --type-title-1-size: 44px;
    --type-title-1-line: 48px;
    --type-title-2-size: 34px;
    --type-title-2-line: 38px;
    --type-quote-size: 28px;
    --type-quote-line: 32px;
    --type-title-3-size: 24px;
    --type-title-3-line: 28px;
    --type-headline-size: 20px;
    --type-headline-line: 24px;
    --type-lead-size: 20px;
    --type-lead-line: 26px;
    --type-body-size: 17px;
    --type-body-line: 24px;
    --type-callout-size: 15px;
    --type-callout-line: 20px;
  }
}
@media (max-width: 734px) {
  :root {
    --layout-section-y: 64px;
    --layout-columns: 4;
    --layout-pad-x: 24px;
    --layout-pad-top: 56px;
    --layout-pad-bottom: 40px;
    --layout-frame-gap: 12px;
    --type-cover-size: 64px;
    --type-cover-line: 64px;
    --type-display-size: 44px;
    --type-display-line: 48px;
    --type-title-1-size: 36px;
    --type-title-1-line: 40px;
    --type-title-2-size: 30px;
    --type-title-2-line: 36px;
    --type-quote-size: 26px;
    --type-quote-line: 30px;
    --type-title-3-size: 24px;
    --type-title-3-line: 28px;
    --type-headline-size: 20px;
    --type-headline-line: 24px;
    --type-lead-size: 19px;
    --type-lead-line: 26px;
    --type-body-size: 16px;
    --type-body-line: 22px;
    --type-callout-size: 15px;
    --type-callout-line: 20px;
    --type-ui-size: 15px;
    --type-ui-line: 20px;
    --type-footnote-size: 13px;
    --type-footnote-line: 18px;
    --type-caption-size: 12px;
    --type-caption-line: 16px;
    --type-label-size: 12px;
    --type-label-line: 16px;
  }
}