:root {
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --integration-logo-size: 18px;
  --integration-logo-compact-scale: 0.82;
  --integration-logo-marquee-size: 28px;
  --integration-logo-row-size: 32px;
  --integration-name-column: 260px;
  --integration-logo-marquee-size-lg: var(--integration-logo-row-size);
  --integration-home-logo-frame: 44px;
  --press-icon-size: 36px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 80px;
  --space-13: 96px;
  --space-14: 128px;

  /* Layout */
  --measure-prose: 62ch;
  --container-max: 1200px;
  --container-narrow: 760px;
  --integration-meta-overhang: min(
    var(--space-14),
    max(var(--space-0), calc((100vw - var(--container-narrow)) / 2))
  );
  --container-dialog: 560px;
  --gutter: var(--space-7);
  --section-y: var(--space-14);
  --control-height-sm: 30px;
  --control-height-md: 38px;
  --control-height-lg: 46px;
  --mission-column-min: 320px;
  --hero-title-gap: 0.3em;
  --hero-art-width: 64%;
  --hero-art-right: -12%;
  --hero-art-top: var(--space-0);
  --hero-art-width-tablet: 68%;
  --hero-art-right-tablet: -20%;
  --hero-art-opacity-tablet: 0.38;
  --hero-sparkle-right: var(--space-10);
  --hero-sparkle-top: var(--space-8);
  --rail-featured-width: 420px;
  --press-item-height: 250px;
  --rail-quote-width: 520px;
  --quote-text-height: 3lh;
  --rail-integration-width: 380px;
  --rail-related-width: 240px;
  --integration-item-height: 330px;
  --integration-category-rail-height: 180px;
  --integration-category-rail-height-mobile: 150px;
  --integration-category-rail-width: 320px;
  /* Lets the first and last category centre without the scroller hitting its end. */
  --integration-category-tabs-edge: max(
    var(--space-0),
    calc(50% - var(--integration-category-rail-width) / 2)
  );
  --integration-carousel-fade-start: 20%;
  --integration-carousel-fade-end: 80%;
  --hero-marquee-fade-start: 30%;
  --hero-marquee-fade-end: 70%;
  --integration-carousel-vertical-fade-start: 30%;
  --integration-carousel-vertical-fade-end: 70%;
  --manifesto-image-height: 620px;
  --docs-sidebar-width: 230px;
  --search-width: 560px;
  --truncate-fade-width: var(--space-9);
  --avatar-size: var(--control-height-lg);
}