@media (width < 1121px) {
  :root {
    --logo-scale-factor: 0.9 !important;
  }
}
@media (width < 651px) {
  :root {
    --logo-scale-factor: 0.8 !important;
  }
}
@media (width < 551px) {
  :root {
    --logo-scale-factor: 0.7 !important;
  }
}
@media (width < 501px) {
  :root {
    --logo-scale-factor: 0.6 !important;
  }
}
@media (width < 451px) {
  :root {
    --logo-scale-factor: 0.5 !important;
  }
}
:root {
  --z-index-mastead-logo: 2;
  --z-index-mastead-logo-noise: 3;
  --z-index-strikeout: 21;
  --z-index-strikeout-effect: 22;
  --z-index-timeline-block: 20;
  --z-index-timeline-ribbon: 15;
  --z-index-timeline-ribbon-big: 24;
  --z-index-timeline-dot: 16;
  --z-index-timeline-dot-future: 16;
  --z-index-timeline-content: 21;
  --z-index-chrono: 22;
  --z-index-stickies: 30;
  --z-index-stickies-big: 23;
  --z-index-timeline-dot-big: 25;
  --z-index-sticky-timeline-tag: 31;
  --z-index-team: 21;
  --z-index-team-contents: 21;
  --z-index-switch: 30;
  --z-index-inline-logo: 50;

  --logo-scale-factor: 1; /* Full res to start, smaller later. */
  --font-size-base: 1em; /* 18px; */
  --font-size-company-name: calc(5.333rem * var(--logo-scale-factor)); /* 96px; */
  --font-size-timeline-tag: 0.889rem; /* 16px; */
  --font-size-timeline-detail: 1.222rem; /* 22px; */
  --font-size-timeline-detail-major-title: 1.222em; /* 22px; */

  --kerning-fix-logo-r: calc(-0.111rem * var(--logo-scale-factor)); /* -2px; */
  --kerning-fix-logo-b: calc(-0.056rem * var(--logo-scale-factor)); /* -1px; */
  --kerning-fix-logo-o: calc(-0.167rem * var(--logo-scale-factor)); /* -3px; */

  --line-height-global: 2.056rem; /* 37px; */
  --line-height-timeline-tag: 1.5rem; /* 27px; */
  --line-height-timeline-detail: 1.778rem; /* 32px; */

  --color-page-background-components-r: 11; /* #0b0f13; */
  --color-page-background-components-g: 15;
  --color-page-background-components-b: 19;
  --color-page-background-components-a: 1;
  --color-page-background: rgba(
    var(--color-page-background-components-r),
    var(--color-page-background-components-g),
    var(--color-page-background-components-b),
    var(--color-page-background-components-a)
  );
  --color-page-darken: #040608;
  --color-context-note: #656f7a;
  --color-default-text: #fff;
  --color-timeline-event: #a9b4c0;
  --color-timeline-tag: #ffc731;
  --color-timeline-dot: var(--color-timeline-tag);
  --color-timeline-dot-shadow: rgba(27, 10, 0, 0.38);
  --color-timeline-ribbon-background: rgba(232, 83, 0, 1);
  --color-timeline-ribbon-background-components-r: 232;
  --color-timeline-ribbon-background-components-g: 83;
  --color-timeline-ribbon-background-components-b: 0;
  --color-timeline-ribbon-gradient-start: rgba(254, 91, 0, 0);
  --color-timeline-ribbon-primary: rgba(
    var(--color-timeline-ribbon-background-components-r),
    var(--color-timeline-ribbon-background-components-g),
    var(--color-timeline-ribbon-background-components-b),
    1
  );
  --color-timeline-ribbon-end-components-r: 152;
  --color-timeline-ribbon-end-components-g: 54;
  --color-timeline-ribbon-end-components-b: 0;
  --color-timeline-ribbon-end: rgba(
    var(--color-timeline-ribbon-end-components-r),
    var(--color-timeline-ribbon-end-components-g),
    var(--color-timeline-ribbon-end-components-b),
    1
  );
  --color-link-underline-active: rgba(
    var(--color-timeline-ribbon-background-components-r),
    var(--color-timeline-ribbon-background-components-g),
    var(--color-timeline-ribbon-background-components-b),
    0.5
  );
  --color-team-box-background: #070a0d;
  --color-team-box-background-start: #1b242e;
  --color-team-box-background-end: #0f151c;
  --color-team-box-avatar-shadow: rgba(16, 45, 89, 0.13);
  --color-switch-background-dark: rgba(110, 110, 110, 0.192);
  --color-switch-background-light: rgba(215, 215, 215, 0.768);
  --color-switch-hairline: var(--color-page-background);

  --opacity-timeline-tag-dash: 0.48;
  --opacity-timeline-detail-dash: 0.6;
  --opacity-timeline-detail-amp: var(--opacity-timeline-detail-dash);

  --shadow-timeline-dot-x: 0rem;
  --shadow-timeline-dot-y: 0.222rem; /* 4px; */
  --shadow-timeline-dot-blur: 0.222rem; /* 4px; */

  --width-logo: calc(11.111rem * var(--logo-scale-factor)); /* 200px; */
  --width-logo-noise: calc(4.444rem * var(--logo-scale-factor)); /* 80px; */
  --width-timeline-chrono: 12.222rem; /* 220px; */
  --width-timeline-ribbon: 1rem; /* 18px; */
  --width-timeline-ribbon-band: 0.222rem; /* 4px; */
  --width-timeline-ribbon-dot: var(--width-timeline-ribbon);
  --width-timeline-detail: 46.111rem; /* 830px; */
  --timeline-total-width: calc(
    var(--padding-timeline-ribbon-horizontal) +
    var(--width-timeline-chrono) +
    var(--width-timeline-ribbon-band) +
    var(--padding-timeline-ribbon-horizontal) +
    var(--width-timeline-detail)
  ); /* 32 + 310 + 4 + 830 + 32 + */
  --width-team-box: 808px;
  --width-team-box-person: 234px;
  --width-team-box-person-founder: 300px;
  --width-team-box-border: 4px;
  --width-team-box-inner: calc(
    var(--width-team-box) -
    calc(var(--width-team-box-border) * 2)
  );
  --width-team-box-avatar: 60px;
  --width-team-box-people-row: calc(
    var(--width-team-box-inner) -
    calc(var(--padding-team-box-row-edge) * 2)
  );
  --width-team-box-founder-person-details: calc(
    var(--width-team-box-inner) -
    calc(var(--padding-team-box-row-edge) * 2)
  );
  --width-team-box-founder-follow-info: 20px;

  --margin-masthead-top: calc(3.333rem * var(--logo-scale-factor)); /* 60px; */
  --margin-masthead-bottom: 2.944rem; /* 53px; */
  --margin-timeline-graf-vertical: 1.7rem; /* 30px; */
  --margin-timeline-ribbon-band-vertical: calc(var(--line-height-global) * -1);
  --margin-timeline-ribbon-dot-top: 0.556rem; /* 10px; */
  --margin-timeline-tag-top: 0.333rem; /* 6px; */
  --margin-timeline-context-note-first-item-top: 0.111em; /* 2px; */
  --margin-timeline-future-dot-top: 0.833rem; /* 15px; */
  --margin-team-box-avatar-trailing: 10px;
  --margin-team-box-headings-top: 16px;
  --margin-team-box-person-leading: 19px;
  --margin-team-box-person-vertical: 16px;

  --padding-company-name-leading: calc(1.333rem * var(--logo-scale-factor)); /* 24px; */
  --padding-timeline-ribbon-horizontal: 1.778rem; /* 32px; */
  --padding-team-box-row-edge: 30px;

  --radius-team-box: 24px;
  --radius-team-box-inner: 20px;

  --position-logo-leading: calc(
    calc(
      calc(
        var(--width-timeline-chrono) +
        calc(var(--width-timeline-ribbon-band) / 2)
      ) -
      calc(var(--width-logo) / 2)
    )
  );
  --position-logo-noise-top: calc(
    calc(
      calc(var(--width-logo) / 2) -
      calc(var(--width-logo-noise) / 2)
    )
  );
  --position-logo-noise-leading: calc(
    calc(
      var(--position-logo-leading) +
      calc(var(--width-logo) / 2) -
      calc(var(--width-logo-noise) / 2)
    )
  );
  --position-company-name-leading: calc(
    calc(
      var(--position-logo-leading) +
      var(--width-logo) +
      var(--padding-company-name-leading)
    )
  );

  --switch-background-blur-radius: 5px;
  --switch-animation-speed: 300ms;
  --switch-animation-curve: ease;
  --switch-icon-distance-initial: 28px;
  --switch-icon-distance-end: 35px;
}