/* Generated from tokens.master.json. Run: node design-system/build-tokens.mjs */
:root {
  --primitive-color-ink: #202326;
  --primitive-color-ink-soft: #363b3f;
  --primitive-color-silver: #bfc2c4;
  --primitive-color-silver-light: #dce0e2;
  --primitive-color-steel: #858b90;
  --primitive-color-line: rgba(36,43,49,0.24);
  --primitive-color-white: #ffffff;
  --primitive-color-graphite: #4d555b;
  --primitive-color-terminal: rgba(14,25,39,0.48);
  --primitive-color-terminal-bar: rgba(174,200,220,0.09);
  --primitive-color-terminal-line: rgba(210,226,239,0.18);
  --primitive-color-terminal-text: #f0f5fa;
  --primitive-color-terminal-muted: #c2d0de;
  --primitive-color-terminal-accent: #d2e9fc;
  --primitive-color-window-red: #ff5f57;
  --primitive-color-window-gray: #777b82;
  --primitive-color-window-green: #28c840;
  --primitive-font-display: 'Tenor Sans', Georgia, serif;
  --primitive-font-body: Manrope, Arial, sans-serif;
  --primitive-font-code: 'DM Mono', monospace;
  --primitive-font-system: system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --primitive-space-1: 4px;
  --primitive-space-2: 8px;
  --primitive-space-3: 12px;
  --primitive-space-4: 16px;
  --primitive-space-5: 24px;
  --primitive-space-6: 32px;
  --primitive-space-7: 48px;
  --primitive-space-8: 64px;
  --primitive-space-9: 96px;
  --primitive-motion-quick: 160ms;
  --primitive-motion-standard: 350ms;
  --primitive-motion-blink: 1200ms;
  --primitive-motion-dim: 450ms;
  --primitive-radius-none: 0px;
  --primitive-radius-dot: 50%;
  --primitive-radius-window: 16px;
  --primitive-radius-control: 8px;
  --primitive-type-tracking-minus_04em: -.04em;
  --primitive-type-weight500: 500;
  --primitive-type-size11px: 11px;
  --primitive-type-leading1_4: 1.4;
  --primitive-type-tracking_05em: .05em;
  --primitive-type-weight400: 400;
  --primitive-type-tracking_015em: .015em;
  --primitive-type-size10px: 10px;
  --primitive-type-leading1_8: 1.8;
  --primitive-type-tracking_08em: .08em;
  --primitive-type-size18px: 18px;
  --primitive-type-tracking_03em: .03em;
  --primitive-type-size22px: 22px;
  --primitive-type-leading1: 1;
  --primitive-type-tracking_025em: .025em;
  --primitive-type-size19px: 19px;
  --primitive-type-leading1_5: 1.5;
  --primitive-type-leading1_08: 1.08;
  --primitive-type-tracking_06em: .06em;
  --primitive-type-size14px: 14px;
  --primitive-type-size9px: 9px;
  --primitive-type-size15px: 15px;
  --primitive-type-leading1_75: 1.75;
  --primitive-type-tracking-minus_025em: -.025em;
  --primitive-type-leading1_25: 1.25;
  --primitive-type-size12px: 12px;
  --primitive-type-leading1_6: 1.6;
  --primitive-type-tracking-minus_035em: -.035em;
  --primitive-type-size13px: 13px;
  --primitive-type-leading1_7: 1.7;
  --primitive-type-leading1_35: 1.35;
  --primitive-type-leading1_55: 1.55;
  --primitive-type-size16px: 16px;
  --primitive-type-leading1_9: 1.9;
  --primitive-type-tracking-minus_08em: -.08em;
  --primitive-type-tracking_1em: .1em;
  --primitive-type-size56px: 56px;
  --primitive-type-size8px: 8px;
  --primitive-type-tracking0: 0;
  --primitive-type-leading1_3: 1.3;
  --primitive-type-size26px: 26px;
  --primitive-type-size20px: 20px;
  --primitive-type-leading1_65: 1.65;
  --primitive-type-tracking-minus_03em: -.03em;
  --primitive-type-leading1_02: 1.02;
  --primitive-type-tracking-minus_06em: -.06em;
  --primitive-type-leading1_05: 1.05;
  --primitive-type-tracking-minus_05em: -.05em;
  --primitive-type-weight600: 600;
  --primitive-type-leading_94: .94;
  --primitive-type-tracking-minus_075em: -.075em;
  --primitive-type-leading1_12: 1.12;
  --primitive-type-size17px: 17px;
  --primitive-type-leading2: 2;
  --primitive-type-tracking_07em: .07em;
  --semantic-color-text: #eef4fa;
  --semantic-color-text-muted: #b6c5d6;
  --semantic-color-surface: #0c1521;
  --semantic-color-surface-raised: #142235;
  --semantic-color-border: rgba(210,226,239,0.18);
  --semantic-color-focus: #d2e9fc;
  --semantic-color-on-image: #ffffff;
  --semantic-color-accent: #a9c6df;
  --semantic-font-display: 'Tenor Sans', Georgia, serif;
  --semantic-font-body: Manrope, Arial, sans-serif;
  --semantic-font-utility: 'DM Mono', monospace;
  --semantic-layout-max-width: 1800px;
  --semantic-layout-gutter: clamp(24px,3.6vw,64px);
  --semantic-focus-width: 2px;
  --semantic-focus-offset: 5px;
  --component-hero-background: #0c1521;
  --component-hero-text: #ffffff;
  --component-hero-title-size: clamp(40px,6vw,104px);
  --component-hero-title-size-tablet: 5.8vw;
  --component-hero-title-size-mobile: clamp(28px,10.8vw,72px);
  --component-hero-title-tracking: -.075em;
  --component-hero-title-leading: .96;
  --component-hero-columns: 48% 52%;
  --component-hero-columns-tablet: 46% 54%;
  --component-hero-subtitle-size: clamp(14px,1.4vw,22px);
  --component-hero-overlay: linear-gradient(180deg,rgba(5,12,22,.12),rgba(5,12,22,.04) 55%,rgba(5,12,22,.34));
  --component-hero-video-position: center;
  --component-hero-video-position-mobile: 65% center;
  --component-hero-header-text: #eef4fa;
  --component-hero-footer-text: #f4f6f7;
  --component-hero-transition: linear-gradient(180deg,transparent 62%,rgba(12,21,33,.3) 78%,#0c1521 100%);
  --component-terminal-background: rgba(14,25,39,0.48);
  --component-terminal-bar: rgba(174,200,220,0.09);
  --component-terminal-border: rgba(210,226,239,0.18);
  --component-terminal-text: #f0f5fa;
  --component-terminal-muted: #c2d0de;
  --component-terminal-accent: #d2e9fc;
  --component-terminal-blur: 3px;
  --component-terminal-sheen: rgba(255,255,255,0.16);
  --component-terminal-shadow: 0 20px 60px rgba(0,0,0,.2), inset 0 1px 0 rgba(220,238,252,0.22), inset 0 -1px 0 rgba(5,12,20,0.35);
  --component-terminal-emboss: #242b31;
  --component-terminal-edge: inset 0 1px 0 rgba(220,238,252,0.22), inset 0 -1px 0 rgba(5,12,20,0.35);
  --component-terminal-radius: 16px;
  --component-terminal-history-opacity: 0.76;
  --component-terminal-texture-opacity: 0.035;
  --component-terminal-input: rgba(138,166,192,.06);
  --component-terminal-focus: #c7ddef;
  --component-terminal-pressed: rgba(205,224,243,.18);
  --component-terminal-lights: rgba(218,232,242,.58);
  --component-terminal-sheen-opacity: .12;
  --component-terminal-emboss-opacity: .12;
  --component-terminal-emboss-blur: 24px;
  --component-terminal-solid: #142235;
  --component-terminal-solid-bar: #1b2c41;
  --component-terminal-contrast-background: #0c1725;
  --component-terminal-contrast-border: #dae9f5;
  --component-terminal-contrast-muted: #e4eef7;
  --component-terminal-left: 17.5%;
  --component-terminal-top: 19.4%;
  --component-terminal-width: 65%;
  --component-terminal-height: 62.4%;
  --component-terminal-stage-width: 118%;
  --component-terminal-stage-margin: -9%;
  --component-terminal-stage-width-wide: 110%;
  --component-terminal-stage-margin-wide: -5%;
  --component-terminal-stage-width-mobile: 100%;
  --component-terminal-stage-margin-mobile: 0;
  --component-terminal-stage-aspect: 1;
  --component-terminal-stage-aspect-mobile: auto;
  --component-terminal-stage-height-mobile: clamp(340px,52svh,480px);
  --component-terminal-bar-height: 42px;
  --component-terminal-bar-height-mobile: 38px;
  --component-terminal-body-size: 12px;
  --component-terminal-body-leading: 1.75;
  --component-terminal-body-padding: clamp(16px,2vw,28px);
  --component-terminal-title-size: clamp(13px,1.2vw,17px);
  --component-terminal-title-size-mobile: 13px;
  --component-terminal-control-size: 32px;
  --component-terminal-font: 'DM Mono', monospace;
  --component-terminal-font-weight: 400;
  --component-terminal-control-red: #ff5f57;
  --component-terminal-control-gray: #777b82;
  --component-terminal-control-green: #28c840;
  --component-reading-background: #0c1521;
  --component-reading-heading-size: clamp(24px,3.2vw,44px);
  --component-reading-heading-tracking: -.04em;
  --component-reading-body-size: clamp(13px,1.1vw,15px);
  --component-reading-body-leading: 1.85;
  --component-reading-content-width: 860px;
  --component-reading-text-width: 570px;
  --component-reading-atmosphere: radial-gradient(ellipse at 78% 45%,rgba(57,83,113,.18),transparent 65%);
  --component-reading-font: 'DM Mono', monospace;
  --component-workspace-width: 1180px;
  --component-workspace-padding: clamp(22px,4vw,56px);
  --component-workspace-surface: rgba(14,25,39,.78);
  --component-workspace-gap: 24px;
  --component-workspace-section-space: clamp(64px,9vw,128px);
  --component-workspace-title-size: clamp(24px,3.2vw,44px);
  --component-workspace-muted: #c2d0de;
  --component-project-cell-background: #142235;
  --component-project-cell-hover: #192c40;
  --component-project-cell-height: 160px;
  --component-project-cell-viewport: 340px;
  --component-project-cell-viewport-mobile: 400px;
  --component-project-cell-art-size: 26px;
  --component-project-cell-border: rgba(210,226,239,0.18);
  --component-project-cell-art-width: 104px;
  --component-project-cell-art-width-mobile: 56px;
  --component-project-cell-padding: 20px 24px;
  --component-project-cell-padding-mobile: 18px 16px;
  --component-project-cell-title-size: 22px;
  --component-career-font: 'DM Mono', monospace;
  --component-career-surface: #142235;
  --component-career-folder: #21384c;
  --component-career-line: #648099;
  --component-career-current: #28c840;
  --component-career-gap: 20px;
  --component-career-radius: 10px;
  --component-career-title-size: clamp(18px,2vw,26px);
  --component-career-role-size: 12px;
  --component-career-meta-size: 10px;
  --component-career-connector-width: 1px;
  --component-career-connector-rise: 32px;
  --component-typography-article-title: clamp(16px,1.7vw,23px);
  --component-typography-project-artwork: clamp(56px,8vw,100px);
  --component-typography-project-title: clamp(24px,3vw,36px);
  --component-typography-guide-title: clamp(54px,8vw,126px);
  --component-typography-guide-intro: clamp(17px,1.5vw,21px);
  --component-typography-guide-heading: clamp(40px,5vw,75px);
  --component-typography-guide-display-large: clamp(70px,8vw,132px);
  --component-typography-guide-editorial: clamp(32px,3vw,52px);
  --component-typography-guide-display: clamp(28px,4.9vw,78px);
  --component-typography-guide-display-mobile: clamp(28px,8vw,60px);
  --component-article-preview-width: clamp(180px,26vw,280px);
  --component-article-preview-ratio: 5 / 3;
  --component-article-preview-radius: 8px;
  --component-article-preview-border: rgba(210,226,239,0.18);
}