/* colour tokens */
:root {
  --palette-1: #060d87;
  --palette-2: #000044;
  --palette-3: #f4b142;
  --palette-4: #ee8a07;
  --palette-5: #317bff;
  --palette-6: #ffde46;
  --palette-7: #daebfc;
  --palette-8: #fbf9ed;
  --palette-9: #000000;
  --palette-10: #ffffff;
  --color-surface: #ffffff;
  --color-surface-alt: #fbf9ed;
  --color-surface-tint: #daebfc;
  --color-surface-inverse: #060d87;
  --color-surface-inverse-2: #000044;
  --color-text: #000000;
  --color-text-muted: #4d4d57;
  --color-heading: #060d87;
  --color-heading-2: #000000;
  --color-link: #060d87;
  --color-link-hover: #000044;
  --color-kicker: #060d87;
  --color-tag-text: #060d87;
  --color-text-on-inverse: #ffffff;
  --color-text-on-inverse-muted: #daebfc;
  --color-text-on-inverse-soft: #ffffff;
  --color-brand: #060d87;
  --color-brand-strong: #000044;
  --color-accent: #f4b142;
  --color-accent-hover: #ffde46;
  --color-on-accent: #060d87;
  --color-accent-text: #060d87;
  --color-accent-on-inverse: #f4b142;
  --color-accent-tint: #daebfc;
  --color-accent-rule: #f4b142;
  --color-rule: #000000;
  --color-line: #d9d9de;
  --color-line-strong: #b3b3bd;
  --color-focus: #317bff;
  --color-focus-on-inverse: #f4b142;
  --nav-bg: #ffffff;
  --nav-text: #000000;
  --nav-text-current: #060d87;
  --nav-current-bar: #060d87;
  --nav-hover-bar: #b3b3bd;
  --nav-focus: #317bff;
  --nav-border: #000000;
  --demo-bar-bg: #000044;
  --demo-bar-text: #daebfc;
  --demo-tag-bg: #f4b142;
  --demo-tag-text: #000044;
  --footer-bg: #000044;
  --hero-bg: #060d87;
  --hero-scrim: linear-gradient(90deg, rgba(0, 0, 68, .55), rgba(0, 0, 68, 0) 70%);
  --hero-art-opacity: .35;
  --hero-plate-bg: #000044;
  --art-bg: #daebfc;
  --art-blend: luminosity;
  --avatar-bg: #daebfc;
  --avatar-text: #060d87;
  --status-recruiting-bg: #f4b142;
  --status-recruiting-fg: #000000;
  --status-progress-bg: #060d87;
  --status-progress-fg: #000000;
  --status-completed-bg: #b3b3bd;
  --status-completed-fg: #4d4d57;
  --notice-bg: #fbf9ed;
  --notice-border: #ee8a07;
  --notice-text: #000000;
  --font-serif: "Young Serif", Georgia, "Times New Roman", serif;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: var(--font-serif);
  --font-body: var(--font-sans);
  --weight-heading: 400;
  --weight-strong: 700;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1.0625rem;
  --text-md: 1.2rem;
  --text-lg: 1.4rem;
  --text-xl: clamp(1.6rem, 2.8vw, 2.25rem);
  --text-2xl: clamp(2.25rem, 4.8vw, 3.6rem);
  --text-display: clamp(2.5rem, 6.8vw, 6rem);
  --text-standfirst: clamp(1.2rem, 1.8vw, 1.5rem);
  --leading: 1.6;
  --leading-snug: 1.4;
  --leading-tight: 1.1;
  --tracking-caps: .08em;
  --measure: 68ch;
  --measure-lede: 46ch;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --section: clamp(3rem, 6vw, 5rem);
  --rule-heavy: 4px;
  --rule-mid: 2px;
  --radius: 0px;
  --radius-sm: 3px;
  --pill: 999px;
  --shadow: 0 1px 2px rgba(0, 0, 68, .06), 0 8px 24px rgba(0, 0, 68, .08);
  --shadow-hover: 0 2px 4px rgba(0, 0, 68, .08), 0 14px 32px rgba(0, 0, 68, .14);
  --shadow-plate: 0 20px 40px rgba(0, 0, 0, .18);
  --wrap: 1200px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --tap: 44px;
  --logo-height: 48px;
  --logo-height-narrow: 40px;
  --logo-clear: 12px;
  --duration: .18s;
  --easing: cubic-bezier(.2, .7, .2, 1);
  --bp-narrow: 600px;
  --bp-medium: 820px;
}