/* Общее для всех страниц сайта: шрифты, переменные, сброс.
   Единственный источник истины - раньше это было продублировано на каждой
   странице и уже начало расходиться, а policy.html вовсе тянул шрифты с
   серверов Google.

   Пути к шрифтам абсолютные: страницы бывают вложенными, а файл один.
   Всё, что дальше общего, остаётся внутри своей страницы. */

@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrainsmono-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrainsmono-400-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;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrainsmono-500-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrainsmono-500-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;}
@font-face{font-family:'Onest';font-style:normal;font-weight:200 500;font-display:swap;src:url(/assets/fonts/onest-200-500-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:200 500;font-display:swap;src:url(/assets/fonts/onest-200-500-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{
  --ink:#0B0C0E; --soft:#6E727A; --paper:#FFFFFF; --line:#ECEDEF;
  --c1:#3F7CAC; /* сайты   · λ ~480 нм */
  --c2:#3AA17E; /* по      · λ ~520 нм */
  --c3:#F3A712; /* медиа   · λ ~590 нм */
  --c4:#E4572E; /* креатив · λ ~610 нм */
  --c5:#7B4B94; /* музыка  · λ ~410 нм */
  --sans:"Onest",sans-serif; --mono:"JetBrains Mono",monospace;
  --ease:cubic-bezier(.165,.84,.44,1);
}

*{box-sizing:border-box}

/* Спектральный знак. Раньше этот градиент был записан дословно и в index.html,
   и в roliki.html: правка в одном месте молча не доезжала до другого. */
:root{
  --spectrum:conic-gradient(from 0deg,#0047FF,#00D1FF,#00E5C0,#7CFF3D,#FFD60A,#FF9500,#FF2D6F,#7C4DFF,#0047FF);
  --text:#33363C;   /* основной текст документов - светлее чернил заголовка */
  --wash:#F5F6F8;   /* подложка под кадром, пока он не загрузился */
  /* Небо над живой линией героя: основная масса - серебристо-холодная,
     цвета направлений идут вкраплениями. Позиции стоп продублированы в
     сценарии холста на главной (createLinearGradient) - менять только парой.
     Градиент горизонтальный намеренно: цвет не зависит от высоты, поэтому
     стык CSS-части и заливки холста не может дать шва. */
  --sky1:rgba(63,124,172,.12);   /* c1 · голубой край */
  --sky2:rgba(126,138,152,.085); /* серебро */
  --sky3:rgba(58,161,126,.075);  /* c2 · зелёное вкрапление */
  --sky4:rgba(126,138,152,.08);  /* серебро */
  --sky5:rgba(243,167,18,.075);  /* c3 · янтарное вкрапление */
  --sky6:rgba(126,138,152,.085); /* серебро */
  --sky7:rgba(123,75,148,.11);   /* c5 · фиолетовый край */
  --sky-g:linear-gradient(90deg,var(--sky1),var(--sky2) 18%,var(--sky3) 38%,var(--sky4) 55%,var(--sky5) 72%,var(--sky6) 86%,var(--sky7));
}