:root {
  color-scheme: dark;
  --white: #fff;
  --ink: #071c45;
  --blue: #123c80;
  --cyan: #00c8f8;
  --violet: #7465f5;
  --muted: #a8bbd8;
  /* Shared translucent family, based on the Solutions blue card treatment. */
  --panel-rgb: 5 19 46;
  --panel-opacity: .62;
  --panel-card-opacity: .38;
  --panel-control-opacity: .78;
  --panel-fill: rgb(var(--panel-rgb) / var(--panel-opacity));
  --panel-card-fill: rgb(var(--panel-rgb) / var(--panel-card-opacity));
  --panel-control-fill: rgb(var(--panel-rgb) / var(--panel-control-opacity));
  --panel-text: #f5f8fc;
  --panel-accent: #d5f6ff;
  --glass-fill: var(--panel-fill);
  --glass-stroke: rgba(224, 242, 255, .18);
  --scene-one-height: 800px;
  --scene-two-height: 500px;
  --scene-three-height: 800px;
  --scene-four-height: 500px;
  --scene-one-video-opacity: 1;
  --scene-two-video-opacity: 1;
  --scene-three-video-opacity: .5;
  --scene-four-video-opacity: .5;
  --radius-small: 4px;
  --radius-card: 8px;
  --radius-pill: 999px;
  --header-height: 80px;
  --content-width: 1440px;
  --ease-out: cubic-bezier(.2, .75, .25, 1);
  --duration: 420ms;
  --display: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
  --body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
}