/* Written by scripts/tokens.mjs from design/tokens/ with Style Dictionary. Never edit by hand. */
@font-face {
  font-family: "Public Sans";
  src: url("/fonts/PublicSans.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --base-colour-grey-222: #1a1b1e;
  --base-colour-grey-231: #1c1d20;
  --base-colour-grey-256: #222326;
  --base-colour-grey-290: #2a2b2f;
  --base-colour-grey-321: #313337;
  --base-colour-grey-332: #34363a;
  --base-colour-grey-352: #393b3f;
  --base-colour-grey-356: #3a3c40;
  --base-colour-grey-416: #4a4c51;
  --base-colour-grey-438: #4f5257;
  --base-colour-grey-488: #5d6065;
  --base-colour-grey-506: #62656a;
  --base-colour-grey-510: #64666b;
  --base-colour-grey-573: #76787d;
  --base-colour-grey-619: #83868a;
  --base-colour-grey-698: #9c9e9f;
  --base-colour-grey-721: #a3a5a6;
  --base-colour-grey-746: #abadae;
  --base-colour-grey-794: #babcbc;
  --base-colour-grey-831: #c6c8c8;
  --base-colour-grey-916: #e2e3e5;
  --base-colour-grey-922: #e4e5e7;
  --base-colour-grey-943: #ececea;
  --base-colour-grey-961: #f1f2f3;
  --base-colour-grey-988: #fbfbfb;
  --base-colour-slate-272: #24272c;
  --base-colour-slate-300: #2b2e33;
  --base-colour-slate-448: #46566b;
  --base-colour-slate-772: #aab6c7;
  --base-colour-slate-948: #eceef1;
  --base-colour-orange-551: #b74d00;
  --base-colour-orange-750: #f49245;
  --base-colour-red-493: #ad2a1a;
  --base-colour-red-708: #f37664;
  --base-colour-blue-575: #2a78d6;
  --base-colour-aqua-578: #178f66;
  --base-font-family-public-sans: "Public Sans", Verdana, sans-serif;
  --base-font-weight-light: 300;
  --base-font-weight-regular: 400;
  --base-font-weight-semibold: 600;
  --base-font-weight-bold: 700;
  --base-font-weight-heavy: 800;
  --base-duration-0: 0ms;
  --base-duration-40: 40ms;
  --base-duration-120: 120ms;
  --base-duration-140: 140ms;
  --base-duration-200: 200ms;
  --base-duration-320: 320ms;
  --base-duration-480: 480ms;
  --base-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --base-easing-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --base-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --base-size-4: 4px;
  --base-size-8: 8px;
  --base-size-12: 12px;
  --base-size-16: 16px;
  --base-size-20: 20px;
  --base-size-24: 24px;
  --base-size-32: 32px;
  --base-size-48: 48px;
  --base-size-64: 64px;
  --base-size-96: 96px;
  --base-font-size-12: 12px;
  --base-font-size-14: 14px;
  --base-font-size-16: 16px;
  --base-font-size-18: 18px;
  --base-font-size-19: 19px;
  --base-font-size-22: 22px;
  --base-font-size-26: 26px;
  --base-font-size-30: 30px;
  --base-font-size-44: 44px;
  --base-font-size-66: 66px;
  --face-text: "Public Sans", Verdana, sans-serif;
  --face-display: "Public Sans", Verdana, sans-serif;
  --size-text: 16px;
  --size-small: 14px;
  --size-note: 12px;
  --size-h1: 30px;
  --size-h2: 22px;
  --size-h3: 18px;
  --size-figure: 44px;
  --size-module: 26px;
  --size-site-para: 19px;
  --size-chart: 12px;
  --size-site-headline: clamp(34px, 5.6vw, 66px);
  --size-site-display: clamp(36px, 5.2vw, 66px);
  --weight-text: 400;
  --weight-strong: 600;
  --weight-display: 600;
  --weight-site-said: 300;
  --weight-site-claim: 800;
  --leading-text: 1.6;
  --leading-tight: 1.15;
  --leading-site: 1.04;
  --letter-display: 0em;
  --letter-site: -0.01em;
  --letter-figure: -0.025em;
  --measure: 46rem;
  --site-measure: 74rem;
  --index-measure: 96rem;
  --viewport-height: 100svh;
  --gutter: 20px;
  --underline-offset: 3px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 20px;
  --space-5: 32px;
  --space-6: 48px;
  --space-site: 96px;
  --hairline: 1px;
  --stroke-line: 2px;
  --stroke-match: 1.5px;
  --stroke-gap: 2px;
  --focus-width: 2px;
  --focus-offset: 3px;
  --press-shift: 1px;
  --tap-target: 44px;
  --radius-button: 2px;
  --radius-field: 4px;
  --radius-band: 0;
  --radius-frame: 12px;
  --hover-opacity: 0.86;
  --motion-duration: 140ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-duration-instant: 0ms;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 320ms;
  --motion-duration-page: 480ms;
  --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --motion-ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --motion-distance-small: 8px;
  --motion-scale-entrance: 0.96;
  --motion-stagger: 40ms;
  --breakpoint-page-middle: 700px;
  --breakpoint-page-wide: 1100px;
  --breakpoint-frame-middle: 520px;
  --breakpoint-frame-wide: 900px;
  --chart-height: 270px;
  --chart-series-highlight: #2a78d6;
  --chart-series-rival: #178f66;
  --chart-label-size: 12px;
  --chart-label-weight: 600;
  --chart-moved-rule-width: 1px;
  --chart-line-estimate: 2px;
  --chart-line-context: 1.5px;
  --chart-point-radius: 5px;
  --chart-margin-top: 16px;
  --chart-margin-right: 16px;
  --chart-margin-bottom: 48px;
  --chart-margin-left: 48px;
  --chart-margin-left-narrow: 32px;
  --chart-height-narrow: 240px;
  --chart-width-narrow: 320px;
  --chart-width-middle: 560px;
  --chart-width-large: 720px;
  --chart-width-wide: 880px;
  --chart-width-full: 1040px;
  --chart-bar-height: 12px;
  --chart-bar-band: 20px;
  --chart-bar-goal: 24px;
  --dash-projection: 2 4;
  --dash-match: 7 4;
  --tick-size: 5px;
  --swatch: 10px;
  --button-pad-y: 12px;
  --button-pad-x: 16px;
  --field-pad: 8px;
  --field-width: 8rem;
  --pad-cell: 8px;
  --bar-height: 30px;
  --meter-height: 12px;
  --meter-width: 30rem;
  --stack-label-width: 140px;
  --email-width: 37rem;
  --nav-link-line-drop: 0.5lh;
  --logo-nav-height: 20px;
  --figures: tabular-nums;
}
:root, [data-theme] {
  --chart-series-others: var(--colour-others);
  --chart-series-moved: var(--colour-signal);
  --chart-band-fill: var(--colour-band);
  --chart-grid: var(--colour-line);
  --chart-axis: var(--colour-line-strong);
  --chart-label-colour: var(--colour-ink-2);
  --chart-moved-rule: var(--colour-signal);
  --chart-moved-note: var(--colour-signal);
}
:root, [data-theme="dark"] {
  --colour-clear: transparent;
  --colour-paper: #222326;
  --colour-ink: #ececea;
  --colour-ink-2: #babcbc;
  --colour-muted: #9c9e9f;
  --colour-line: #393b3f;
  --colour-line-strong: #83868a;
  --colour-field: #2a2b2f;
  --colour-band: #3a3c40;
  --colour-signal: #f37664;
  --colour-up: #ececea;
  --colour-down: #ececea;
  --colour-focus: #ececea;
  --colour-button: #ececea;
  --colour-button-ink: #222326;
  --colour-you: #ececea;
  --colour-rival-a: #c6c8c8;
  --colour-rival-b: #abadae;
  --colour-rival-c: #abadae;
  --colour-rival-d: #abadae;
  --colour-rival-e: #abadae;
  --colour-others: #a3a5a6;
  --colour-scaffold: #aab6c7;
  --colour-scaffold-paper: #2b2e33;
  --colour-page: #222326;
  --colour-accent: #f49245;
  --colour-accent-ink: #222326;
  color-scheme: dark;
}
[data-theme="light"] {
  --colour-clear: transparent;
  --colour-paper: #fbfbfb;
  --colour-ink: #1a1b1e;
  --colour-ink-2: #4a4c51;
  --colour-muted: #64666b;
  --colour-line: #e2e3e5;
  --colour-line-strong: #76787d;
  --colour-field: #f1f2f3;
  --colour-band: #e4e5e7;
  --colour-signal: #ad2a1a;
  --colour-up: #1a1b1e;
  --colour-down: #1a1b1e;
  --colour-focus: #1a1b1e;
  --colour-button: #1a1b1e;
  --colour-button-ink: #fbfbfb;
  --colour-you: #1a1b1e;
  --colour-rival-a: #4f5257;
  --colour-rival-b: #5d6065;
  --colour-rival-c: #5d6065;
  --colour-rival-d: #5d6065;
  --colour-rival-e: #5d6065;
  --colour-others: #62656a;
  --colour-scaffold: #46566b;
  --colour-scaffold-paper: #eceef1;
  --colour-page: #f1f2f3;
  --colour-accent: #b74d00;
  --colour-accent-ink: #fbfbfb;
  color-scheme: light;
}
[data-theme="product-light"] {
  --colour-clear: transparent;
  --colour-paper: #fbfbfb;
  --colour-ink: #1a1b1e;
  --colour-ink-2: #4a4c51;
  --colour-muted: #64666b;
  --colour-line: #e2e3e5;
  --colour-line-strong: #76787d;
  --colour-field: #f1f2f3;
  --colour-band: #e4e5e7;
  --colour-signal: #ad2a1a;
  --colour-up: #1a1b1e;
  --colour-down: #1a1b1e;
  --colour-focus: #1a1b1e;
  --colour-button: #1a1b1e;
  --colour-button-ink: #fbfbfb;
  --colour-you: #1a1b1e;
  --colour-rival-a: #4f5257;
  --colour-rival-b: #5d6065;
  --colour-rival-c: #5d6065;
  --colour-rival-d: #5d6065;
  --colour-rival-e: #5d6065;
  --colour-others: #62656a;
  --colour-scaffold: #46566b;
  --colour-scaffold-paper: #eceef1;
  --colour-page: #f1f2f3;
  color-scheme: light;
}
[data-theme="product-dark"] {
  --colour-clear: transparent;
  --colour-paper: #222326;
  --colour-ink: #ececea;
  --colour-ink-2: #babcbc;
  --colour-muted: #9c9e9f;
  --colour-line: #393b3f;
  --colour-line-strong: #83868a;
  --colour-field: #2a2b2f;
  --colour-band: #3a3c40;
  --colour-signal: #f37664;
  --colour-up: #ececea;
  --colour-down: #ececea;
  --colour-focus: #ececea;
  --colour-button: #ececea;
  --colour-button-ink: #222326;
  --colour-you: #ececea;
  --colour-rival-a: #c6c8c8;
  --colour-rival-b: #abadae;
  --colour-rival-c: #abadae;
  --colour-rival-d: #abadae;
  --colour-rival-e: #abadae;
  --colour-others: #a3a5a6;
  --colour-scaffold: #aab6c7;
  --colour-scaffold-paper: #2b2e33;
  --colour-page: #222326;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-base: 120ms;
    --motion-duration-slow: 120ms;
    --motion-duration-page: 120ms;
    --motion-distance-small: 0;
    --motion-scale-entrance: 1;
    --motion-stagger: 0ms;
  }
}
@font-face { font-family: "Nothing You Could Do"; src: url("/fonts/headline/NothingYouCouldDo-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
.hand { font-family: "Nothing You Could Do", var(--face-text); font-weight: 400; font-size: 1.05em; letter-spacing: 0; }
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --colour-clear: transparent;
    --colour-paper: #fbfbfb;
    --colour-ink: #1a1b1e;
    --colour-ink-2: #4a4c51;
    --colour-muted: #64666b;
    --colour-line: #e2e3e5;
    --colour-line-strong: #76787d;
    --colour-field: #f1f2f3;
    --colour-band: #e4e5e7;
    --colour-signal: #ad2a1a;
    --colour-up: #1a1b1e;
    --colour-down: #1a1b1e;
    --colour-focus: #1a1b1e;
    --colour-button: #1a1b1e;
    --colour-button-ink: #fbfbfb;
    --colour-you: #1a1b1e;
    --colour-rival-a: #4f5257;
    --colour-rival-b: #5d6065;
    --colour-rival-c: #5d6065;
    --colour-rival-d: #5d6065;
    --colour-rival-e: #5d6065;
    --colour-others: #62656a;
    --colour-scaffold: #46566b;
    --colour-scaffold-paper: #eceef1;
    --colour-page: #f1f2f3;
    --colour-accent: #b74d00;
    --colour-accent-ink: #fbfbfb;
    color-scheme: light;
  }
}