/* tokens.css — величины подачи, рождённые presentation.js.
 * Файл собирается модулем при старте; править его руками негде и незачем:
 * значения живут в presentation.js и читаются оттуда и правилами показа, и сторожем.
 */
:root {
  --size--1: 14.04px;
  --size-0: 16px;
  --size-2: 20.79px;
  --step-1: 4px;
  --step-2: 8px;
  --step-3: 12px;
  --step-4: 16px;
  --step-5: 24px;
  --step-6: 32px;
  --step-7: 48px;
  --step-8: 64px;
  --step-9: 96px;
  --step-10: 128px;
  --paper: #F5F3EE;
  --card: #FFFEF9;
  --wash: #EDEBE6;
  --accent: #7E632F;
  --accent-deep: #6A4F1B;
  --accent-veil: #E7E2D7;
  --ink: #26221B;
  --ink-quiet: #6E6759;
  --ink-faint: #8C8577;
  --rule: #D6D4CF;
  --rule-soft: #E3E1DC;
  --on-accent: #FFFEF9;
  --size-display: clamp(30px, 1.488vw + 24.2px, 48px);
  --size-title: clamp(26px, 0.992vw + 22.13px, 38px);
  --size-heading: clamp(22px, 0.661vw + 19.42px, 30px);
  --size-mega: clamp(34px, 1.818vw + 26.91px, 56px);
  --size-figure: clamp(26px, 0.992vw + 22.13px, 38px);
  --depth-float: 0 2px 14px -6px rgba(0, 0, 0, 0.12);
  --size-body: var(--size-0);
  --size-lede: var(--size-2);
  --size-subhead: var(--size-2);
  --size-card: var(--size-0);
  --size-quiet: var(--size--1);
  --size-micro: var(--size--1);
  --size-menu: var(--size--1);
  --line: 66ch;
  --line-card: 46ch;
  --line-lede: 34ch;
  --name-col: 20ch;
  --canvas: 1720px;
  --side-pad: var(--step-9);
  --gap: var(--step-5);
  --gap-tight: var(--step-4);
  --spread-pad: var(--step-9);
  --hero-text-w: 44%;
  --plate-ratio: 986 / 557;
  --touch-size: 44px;
  --hairline: 1px;
  --accent-line: 3px;
  --radius: 2px;
  --radius-card: 3px;
  --card-pad: var(--step-6);
  --card-pad-tight: var(--step-5);
  --header-h: 64px;
  --header-z: 20;
  --stack-z: 1;
  --grow: 1;
  --menu-panel: 260px;
  --menu-bar: 18px;
  --bar-w: 2px;
  --bar-gap: 5px;
  --lang-h: 28px;
  --focus-ring: 2px;
  --focus-gap: 3px;
  --full: 100%;
  --half: 50%;
  --none: 0;
  --hover-lift: -2px;
  --veil: rgba(38, 34, 27, 0.9);
  --zoom-max-h: 92svh;
  --zoom-max-w: 94vw;
  --zoom-z: 40;
  --zoom-pad: var(--step-6);
  --slide-ms: 5200ms;
  --dur-slide: 620ms;
  --logo-h: 84px;
  --logo-w: 240px;
  --doc-h: 360px;
  --spec-art-h: 260px;
  --spec-row-h: 80px;
  --rest: 1fr;
  --full-row: 1 / -1;
  --flex-col: minmax(0, 1fr);
  --lede-cols: 2;
  --grid-2: repeat(2, minmax(0, 1fr));
  --w-body: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-heading: 650;
  --w-title: 700;
  --leading-body: 1.6;
  --leading-quiet: 1.5;
  --leading-tight: 1.2;
  --leading-heading: 1.22;
  --leading-title: 1.08;
  --leading-display: 1.04;
  --leading-figure: 0.95;
  --leading-one: 1;
  --tracking-caps: 0.12em;
  --tracking-table: 0.07em;
  --tracking-menu: 0.06em;
  --tracking-title: -0.018em;
  --tracking-display: -0.022em;
  --tracking-figure: -0.02em;
  --dur-response: 200ms;
  --dur-reveal: 560ms;
  --dur-counter: 1100ms;
  --motion-stagger: 60ms;
  --ease-out: ease-out;
  --ease-response: ease-in-out;
  --reveal-shift: 18px;
  --dim-response: 0.82;
  --font-text: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-data: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;
  --lead-hero-w: 44%;
  --lead-bento-w: 100%;
  --lead-band-w: 100%;
  --lead-stack-w: 100%;
  --lead-story-w: 100%;
  --lead-specs-w: 100%;
  --lead-call-w: 100%;
  --grid-companies: repeat(12, minmax(0, 1fr));
  --grid-proofs: repeat(12, minmax(0, 1fr));
  --grid-figures: repeat(12, minmax(0, 1fr));
  --grid-figures-row: repeat(4, minmax(0, 1fr));
  --grid-specs: repeat(2, minmax(0, 1fr));
  --grid-bento: repeat(12, minmax(0, 1fr));
}

@media (max-width: 1179px) {
  :root {
  --side-pad: var(--step-8);
  --spread-pad: var(--step-8);
  --hero-text-w: var(--full);
  --grid-companies: repeat(6, minmax(0, 1fr));
  --grid-proofs: repeat(6, minmax(0, 1fr));
  --grid-figures: repeat(6, minmax(0, 1fr));
  --grid-figures-row: repeat(2, minmax(0, 1fr));
  --grid-specs: repeat(1, minmax(0, 1fr));
  --grid-bento: repeat(12, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  :root {
  --side-pad: var(--step-4);
  --gap: var(--step-4);
  --gap-tight: var(--step-3);
  --spread-pad: var(--step-7);
  --card-pad: var(--step-5);
  --lede-cols: 1;
  --hero-text-w: var(--full);
  --doc-h: 240px;
  --logo-h: 64px;
  --logo-w: var(--full);
  --spec-art-h: 180px;
  --lead-hero-w: 100%;
  --lead-bento-w: 100%;
  --lead-band-w: 100%;
  --lead-stack-w: 100%;
  --lead-story-w: 100%;
  --lead-specs-w: 100%;
  --lead-call-w: 100%;
  --grid-companies: repeat(1, minmax(0, 1fr));
  --grid-proofs: repeat(1, minmax(0, 1fr));
  --grid-figures: repeat(1, minmax(0, 1fr));
  --grid-figures-row: repeat(2, minmax(0, 1fr));
  --grid-specs: repeat(1, minmax(0, 1fr));
  --grid-bento: repeat(1, minmax(0, 1fr));
  }
}