/*
  tokens.css — GENERATED by build-tokens.py from primitives v1.26.1, semantic v1.34.0, component v0.26.0.
  Do not edit by hand: change the JSON, run validate.py, then run build-tokens.py.

  Three layers, each pointing at the one below with var():
  component -> semantic -> primitive.

  Breakpoints (CSS cannot use variables in media queries; write these directly):
    breakpoints.sm = 375px
    breakpoints.md = 768px
*/

:root {
  /* ======== PRIMITIVES ======== */
  /* color */
  --color-gray-100: #F8FCFC;
  --color-gray-200: #F1F7F8;
  --color-gray-300: #E6EFF0;
  --color-ink-600: #808E96;
  --color-ink-700: #4A5C6A;
  --color-ink-800: #253745;
  --color-ink-900: #06121B;
  --color-blue-100: #8DA3EC;
  --color-blue-200: #3158DF;
  --color-mint-100: #5CF5D0;
  --color-white: #FFFFFF;
  --color-gradient-100: linear-gradient(180deg in srgb, var(--color-ink-900) 0%, var(--color-ink-800) 100%);
  --color-gradient-200: linear-gradient(180deg in srgb, rgb(from var(--color-ink-800) r g b / var(--effect-opacity-900)) 0%, rgb(from var(--color-ink-800) r g b / var(--effect-opacity-600)) 100%);
  --color-gradient-300: radial-gradient(100% 100% at 50% 0% in srgb, rgb(from var(--color-mint-100) r g b / var(--effect-opacity-700)) 0%, rgb(from var(--color-blue-200) r g b / 0) 70%);
  --color-gradient-400: radial-gradient(100% 100% at 50% 0% in srgb, rgb(from var(--color-mint-100) r g b / var(--effect-opacity-700)) 0%, rgb(from var(--color-blue-100) r g b / 0) 70%);
  --color-gradient-500: radial-gradient(100% 100% at 50% 0% in srgb, var(--color-mint-100) 10%, rgb(from var(--color-blue-100) r g b / var(--effect-opacity-50)) 70%);
  --color-gradient-600: linear-gradient(180deg in srgb, rgb(from var(--color-white) r g b / var(--effect-opacity-600)) 10%, rgb(from var(--color-ink-800) r g b / var(--effect-opacity-200)) 50%, rgb(from var(--color-white) r g b / var(--effect-opacity-600)) 90%);
  --color-gradient-700: linear-gradient(180deg in srgb, rgb(from var(--color-white) r g b / var(--effect-opacity-400)) 10%, rgb(from var(--color-ink-800) r g b / 0) 50%, rgb(from var(--color-white) r g b / var(--effect-opacity-200)) 90%);
  --color-gradient-800: linear-gradient(180deg in srgb, rgb(from var(--color-white) r g b / var(--effect-opacity-200)) 10%, rgb(from var(--color-ink-800) r g b / 0) 50%, rgb(from var(--color-white) r g b / var(--effect-opacity-100)) 90%);

  /* typography */
  --typography-font-family-serif: "Fraunces", Georgia, serif;
  --typography-font-family-sans: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --typography-font-weight-400: 400;
  --typography-font-weight-600: 600;
  --typography-font-weight-700: 700;
  --typography-font-size-100: 1rem;
  --typography-font-size-200: 1.25rem;
  --typography-font-size-300: 1.563rem;
  --typography-font-size-400: 1.953rem;
  --typography-font-size-500: 2.441rem;
  --typography-font-size-600: clamp(1.953rem, 0.293rem + 7.084vw, 5.96rem);
  --typography-line-height-100: 1.2;
  --typography-line-height-200: 1.5;
  --typography-letter-spacing-100: 0.06em;

  /* dimension */
  --dimension-space-50: 0.125rem;
  --dimension-space-100: 0.25rem;
  --dimension-space-200: 0.5rem;
  --dimension-space-300: 0.75rem;
  --dimension-space-400: 1rem;
  --dimension-space-500: 1.5rem;
  --dimension-space-600: 2rem;
  --dimension-space-700: 3rem;
  --dimension-space-800: 4rem;
  --dimension-space-900: 6rem;
  --dimension-space-1000: 8rem;
  --dimension-size-50: 1rem;
  --dimension-size-100: 1.25rem;
  --dimension-size-200: 3rem;
  --dimension-size-300: 6rem;
  --dimension-size-400: 12rem;
  --dimension-radius-100: 1.25rem;
  --dimension-radius-200: 2rem;
  --dimension-radius-full: 9999px;
  --dimension-border-width-100: 1px;
  --dimension-border-width-200: 2px;

  /* effect */
  --effect-opacity-50: 0.05;
  --effect-opacity-100: 0.1;
  --effect-opacity-200: 0.2;
  --effect-opacity-300: 0.3;
  --effect-opacity-400: 0.4;
  --effect-opacity-500: 0.5;
  --effect-opacity-600: 0.6;
  --effect-opacity-700: 0.7;
  --effect-opacity-800: 0.8;
  --effect-opacity-900: 0.9;
  --effect-blur-100: 8px;
  --effect-blur-200: 16px;
  --effect-shadow-100: 0px 0px var(--effect-blur-200) rgb(from var(--color-ink-800) r g b / var(--effect-opacity-50));
  --effect-shadow-200: 0px 4px var(--effect-blur-100) rgb(from var(--color-ink-800) r g b / var(--effect-opacity-100));
  --effect-shadow-300: 0px 4px var(--effect-blur-100) rgb(from var(--color-ink-800) r g b / var(--effect-opacity-300));
  --effect-highlight-100: 1px 1px var(--effect-blur-100) rgb(from var(--color-white) r g b / var(--effect-opacity-800));

  /* motion */
  --motion-duration-100: 150ms;
  --motion-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);

  /* breakpoints */

  /* layout */
  --layout-content-max-width: 1280px;
  --layout-body-text-max-width: 42rem;
  --layout-body-text-narrow-max-width: 320px;
  --layout-card-group-max-width: 900px;
  --layout-color-scheme: light;

  /* ======== SEMANTIC ======== */
  /* color */
  --color-background-primary: var(--color-gray-100);
  --color-background-secondary: var(--color-gray-200);
  --color-background-tertiary: var(--color-gray-300);
  --color-content-primary: var(--color-ink-800);
  --color-content-secondary: var(--color-ink-700);
  --color-content-stat: var(--color-ink-800);
  --color-content-on-dark-primary: var(--color-gray-100);
  --color-content-on-dark-secondary: var(--color-gray-200);
  --color-content-on-dark-tertiary: var(--color-gray-300);
  --color-content-disabled: var(--color-ink-600);
  --color-divider-light: rgb(from var(--color-ink-800) r g b / var(--effect-opacity-100));
  --color-divider-dark: rgb(from var(--color-gray-100) r g b / var(--effect-opacity-200));
  --color-link-light: var(--color-blue-200);
  --color-link-dark: var(--color-blue-100);
  --color-link-hover-fill: rgb(from var(--color-blue-200) r g b / var(--effect-opacity-50));
  --color-focus-ring-light: var(--color-blue-200);
  --color-focus-ring-dark: var(--color-blue-100);
  --color-action-default: rgb(from var(--color-ink-800) r g b / var(--effect-opacity-50));
  --color-navigation-default: rgb(from var(--color-ink-900) r g b / var(--effect-opacity-200));
  --color-navigation-hover: rgb(from var(--color-ink-900) r g b / var(--effect-opacity-800));
  --color-navigation-selected: var(--color-navigation-hover);
  --color-navigation-menu-hover: rgb(from var(--color-ink-900) r g b / var(--effect-opacity-400));
  --color-navigation-menu-current: var(--color-navigation-hover);
  --color-navigation-chip: rgb(from var(--color-gray-100) r g b / var(--effect-opacity-100));
  --color-navigation-panel: rgb(from var(--color-ink-800) r g b / var(--effect-opacity-800));
  --color-navigation-container: var(--color-gradient-200);

  /* typography */
  --typography-label-primary-font-family: var(--typography-font-family-sans);
  --typography-label-primary-font-size: var(--typography-font-size-100);
  --typography-label-primary-font-weight: var(--typography-font-weight-600);
  --typography-label-primary-line-height: var(--typography-line-height-100);
  --typography-label-primary-letter-spacing: var(--typography-letter-spacing-100);
  --typography-nav-item-primary-font-family: var(--typography-font-family-sans);
  --typography-nav-item-primary-font-size: var(--typography-font-size-100);
  --typography-nav-item-primary-font-weight: var(--typography-font-weight-400);
  --typography-nav-item-primary-line-height: var(--typography-line-height-200);
  --typography-nav-dropdown-row-primary-font-family: var(--typography-font-family-sans);
  --typography-nav-dropdown-row-primary-font-size: var(--typography-font-size-100);
  --typography-nav-dropdown-row-primary-font-weight: var(--typography-font-weight-400);
  --typography-nav-dropdown-row-primary-line-height: var(--typography-line-height-200);
  --typography-button-primary-font-family: var(--typography-font-family-sans);
  --typography-button-primary-font-size: var(--typography-font-size-100);
  --typography-button-primary-font-weight: var(--typography-font-weight-400);
  --typography-button-primary-line-height: var(--typography-line-height-200);
  --typography-caption-primary-font-family: var(--typography-font-family-sans);
  --typography-caption-primary-font-size: var(--typography-font-size-100);
  --typography-caption-primary-font-weight: var(--typography-font-weight-400);
  --typography-caption-primary-line-height: var(--typography-line-height-200);
  --typography-body-primary-font-family: var(--typography-font-family-sans);
  --typography-body-primary-font-size: var(--typography-font-size-200);
  --typography-body-primary-font-weight: var(--typography-font-weight-400);
  --typography-body-primary-line-height: var(--typography-line-height-200);
  --typography-body-large-font-family: var(--typography-font-family-sans);
  --typography-body-large-font-size: var(--typography-font-size-300);
  --typography-body-large-font-weight: var(--typography-font-weight-400);
  --typography-body-large-line-height: var(--typography-line-height-200);
  --typography-body-strong-font-family: var(--typography-font-family-sans);
  --typography-body-strong-font-size: var(--typography-font-size-200);
  --typography-body-strong-font-weight: var(--typography-font-weight-600);
  --typography-body-strong-line-height: var(--typography-line-height-200);
  --typography-heading-paragraph-title-font-family: var(--typography-font-family-sans);
  --typography-heading-paragraph-title-font-size: var(--typography-font-size-300);
  --typography-heading-paragraph-title-font-weight: var(--typography-font-weight-600);
  --typography-heading-paragraph-title-line-height: var(--typography-line-height-100);
  --typography-heading-case-study-title-font-family: var(--typography-font-family-sans);
  --typography-heading-case-study-title-font-size: var(--typography-font-size-300);
  --typography-heading-case-study-title-font-weight: var(--typography-font-weight-600);
  --typography-heading-case-study-title-line-height: var(--typography-line-height-100);
  --typography-heading-section-font-family: var(--typography-font-family-sans);
  --typography-heading-section-font-size: var(--typography-font-size-400);
  --typography-heading-section-font-weight: var(--typography-font-weight-700);
  --typography-heading-section-line-height: var(--typography-line-height-100);
  --typography-heading-display-font-family: var(--typography-font-family-serif);
  --typography-heading-display-font-size: var(--typography-font-size-600);
  --typography-heading-display-font-weight: var(--typography-font-weight-700);
  --typography-heading-display-line-height: var(--typography-line-height-100);
  --typography-stat-primary-font-family: var(--typography-font-family-sans);
  --typography-stat-primary-font-size: var(--typography-font-size-500);
  --typography-stat-primary-font-weight: var(--typography-font-weight-600);
  --typography-stat-primary-line-height: var(--typography-line-height-100);

  /* size */
  --size-icon-primary: var(--dimension-size-100);
  --size-icon-small: var(--dimension-size-50);
  --size-control-height: var(--dimension-size-200);
  --size-thumbnail-primary: var(--dimension-size-400);
  --size-thumbnail-small: var(--dimension-size-300);

  /* radius */
  --radius-pill-primary: var(--dimension-radius-full);
  --radius-card-primary: var(--dimension-radius-100);
  --radius-panel-primary: var(--dimension-radius-200);

  /* borderWidth */
  --border-width-rim-primary: var(--dimension-border-width-100);
  --border-width-focus-ring-primary: var(--dimension-border-width-200);
  --border-width-divider-primary: var(--dimension-border-width-100);

  /* space */
  --space-page-padding: clamp(1rem, -0.243rem + 5.304vw, 4rem);
  --space-card-padding: var(--dimension-space-600);
  --space-card-gap: var(--dimension-space-400);
  --space-section-padding: clamp(2rem, 1.171rem + 3.536vw, 4rem);
  --space-container-padding: var(--dimension-space-200);
  --space-container-gap: var(--dimension-space-200);
  --space-control-padding-horizontal: var(--dimension-space-400);
  --space-stack-tight: var(--dimension-space-100);
  --space-stack-snug: var(--dimension-space-200);
  --space-stack-regular: var(--dimension-space-400);
  --space-stack-relaxed: var(--dimension-space-600);
  --space-stack-loose: var(--dimension-space-800);
  --space-inline-tight: var(--dimension-space-100);
  --space-inline-regular: var(--dimension-space-200);
  --space-inline-relaxed: var(--dimension-space-700);
  --space-disclosure-gap: var(--dimension-space-200);
  --space-list-indent: var(--dimension-space-500);
  --space-standalone-gap: clamp(2rem, 1.171rem + 3.536vw, 4rem);
  --space-floating-offset: var(--dimension-space-400);
  --space-focus-ring-offset: var(--dimension-space-50);

  /* layout */
  --layout-content-primary: var(--layout-content-max-width);
  --layout-body-text-primary: var(--layout-body-text-max-width);
  --layout-body-text-narrow: var(--layout-body-text-narrow-max-width);
  --layout-card-group-primary: var(--layout-card-group-max-width);

  /* shadow */
  --shadow-ambient-primary: var(--effect-shadow-100);
  --shadow-floating-low: var(--effect-shadow-200);
  --shadow-floating-high: var(--effect-shadow-300);

  /* highlight */
  --highlight-recessed-primary: var(--effect-highlight-100);

  /* border */
  --border-rim-strong: var(--color-gradient-600);
  --border-rim-medium: var(--color-gradient-700);
  --border-rim-subtle: var(--color-gradient-800);

  /* glow */
  --glow-light: var(--color-gradient-400);
  --glow-dark: var(--color-gradient-300);
  --glow-light-strong: var(--color-gradient-500);

  /* gradient */
  --gradient-hero: var(--color-gradient-100);

  /* blur */
  --blur-glass-primary: var(--effect-blur-200);

  /* transition */
  --transition-feedback-primary-duration: var(--motion-duration-100);
  --transition-feedback-primary-easing: var(--motion-easing-ease-out);
  --transition-reveal-primary-duration: var(--motion-duration-100);
  --transition-reveal-primary-easing: var(--motion-easing-ease-out);

  /* ======== COMPONENT ======== */
  /* button */
  --button-fill-all: var(--color-action-default);
  --button-content-default: var(--color-content-primary);
  --button-content-hover: var(--color-content-primary);
  --button-content-pressed: var(--color-content-primary);
  --button-content-disabled: var(--color-content-disabled);
  --button-border-all: var(--border-rim-strong);
  --button-border-width-all: var(--border-width-rim-primary);
  --button-shadow-default: var(--shadow-floating-low);
  --button-shadow-hover: var(--shadow-floating-high);
  --button-shadow-pressed: none;
  --button-shadow-disabled: var(--shadow-floating-low);
  --button-highlight-default: none;
  --button-highlight-hover: none;
  --button-highlight-pressed: var(--highlight-recessed-primary);
  --button-highlight-disabled: none;
  --button-glow-default: none;
  --button-glow-hover: var(--glow-light);
  --button-glow-pressed: var(--glow-light-strong);
  --button-glow-disabled: none;
  --button-focus-ring-color-focus: var(--color-focus-ring-light);
  --button-focus-ring-width-focus: var(--border-width-focus-ring-primary);
  --button-focus-ring-offset-focus: var(--space-focus-ring-offset);
  --button-radius-all: var(--radius-pill-primary);
  --button-height-all: var(--size-control-height);
  --button-padding-horizontal-all: var(--space-control-padding-horizontal);
  --button-icon-only-width-all: var(--size-control-height);
  --button-text-style-all-font-family: var(--typography-button-primary-font-family);
  --button-text-style-all-font-size: var(--typography-button-primary-font-size);
  --button-text-style-all-font-weight: var(--typography-button-primary-font-weight);
  --button-text-style-all-line-height: var(--typography-button-primary-line-height);
  --button-icon-size-all: var(--size-icon-primary);
  --button-icon-gap-all: var(--space-inline-tight);
  --button-transition-all-duration: var(--transition-feedback-primary-duration);
  --button-transition-all-easing: var(--transition-feedback-primary-easing);

  /* prevNext */
  --prev-next-fill-all: var(--color-background-tertiary);
  --prev-next-padding-vertical-all: var(--space-stack-regular);
  --prev-next-padding-horizontal-all: var(--space-page-padding);
  --prev-next-gap-all: var(--space-inline-regular);
  --prev-next-content-max-width-all: var(--layout-content-primary);
  --prev-next-text-max-width-all: var(--layout-body-text-primary);

  /* sectionHeader */
  --section-header-content-all: var(--color-content-primary);
  --section-header-text-style-all-font-family: var(--typography-heading-section-font-family);
  --section-header-text-style-all-font-size: var(--typography-heading-section-font-size);
  --section-header-text-style-all-font-weight: var(--typography-heading-section-font-weight);
  --section-header-text-style-all-line-height: var(--typography-heading-section-line-height);
  --section-header-divider-all: var(--color-divider-light);
  --section-header-divider-width-all: var(--border-width-divider-primary);
  --section-header-padding-bottom-all: var(--space-stack-regular);
  --section-header-gap-all: var(--space-stack-relaxed);

  /* forRoleTeam */
  --for-role-team-content-all: var(--color-content-on-dark-tertiary);
  --for-role-team-label-text-style-all-font-family: var(--typography-label-primary-font-family);
  --for-role-team-label-text-style-all-font-size: var(--typography-label-primary-font-size);
  --for-role-team-label-text-style-all-font-weight: var(--typography-label-primary-font-weight);
  --for-role-team-label-text-style-all-line-height: var(--typography-label-primary-line-height);
  --for-role-team-label-text-style-all-letter-spacing: var(--typography-label-primary-letter-spacing);
  --for-role-team-answer-text-style-all-font-family: var(--typography-caption-primary-font-family);
  --for-role-team-answer-text-style-all-font-size: var(--typography-caption-primary-font-size);
  --for-role-team-answer-text-style-all-font-weight: var(--typography-caption-primary-font-weight);
  --for-role-team-answer-text-style-all-line-height: var(--typography-caption-primary-line-height);
  --for-role-team-divider-all: var(--color-divider-dark);
  --for-role-team-divider-width-all: var(--border-width-divider-primary);
  --for-role-team-padding-top-all: var(--space-stack-regular);
  --for-role-team-label-gap-all: var(--space-stack-tight);
  --for-role-team-block-gap-all: var(--space-inline-relaxed);
  --for-role-team-row-gap-all: var(--space-stack-relaxed);

  /* statCard */
  --stat-card-fill-lighter: var(--color-background-primary);
  --stat-card-fill-darker: var(--color-background-tertiary);
  --stat-card-radius-all: var(--radius-card-primary);
  --stat-card-content-padding-all: var(--space-card-padding);
  --stat-card-number-text-style-all-font-family: var(--typography-stat-primary-font-family);
  --stat-card-number-text-style-all-font-size: var(--typography-stat-primary-font-size);
  --stat-card-number-text-style-all-font-weight: var(--typography-stat-primary-font-weight);
  --stat-card-number-text-style-all-line-height: var(--typography-stat-primary-line-height);
  --stat-card-number-content-all: var(--color-content-stat);
  --stat-card-date-label-text-style-all-font-family: var(--typography-label-primary-font-family);
  --stat-card-date-label-text-style-all-font-size: var(--typography-label-primary-font-size);
  --stat-card-date-label-text-style-all-font-weight: var(--typography-label-primary-font-weight);
  --stat-card-date-label-text-style-all-line-height: var(--typography-label-primary-line-height);
  --stat-card-date-label-text-style-all-letter-spacing: var(--typography-label-primary-letter-spacing);
  --stat-card-caption-text-style-all-font-family: var(--typography-body-primary-font-family);
  --stat-card-caption-text-style-all-font-size: var(--typography-body-primary-font-size);
  --stat-card-caption-text-style-all-font-weight: var(--typography-body-primary-font-weight);
  --stat-card-caption-text-style-all-line-height: var(--typography-body-primary-line-height);
  --stat-card-workings-text-style-all-font-family: var(--typography-caption-primary-font-family);
  --stat-card-workings-text-style-all-font-size: var(--typography-caption-primary-font-size);
  --stat-card-workings-text-style-all-font-weight: var(--typography-caption-primary-font-weight);
  --stat-card-workings-text-style-all-line-height: var(--typography-caption-primary-line-height);
  --stat-card-supporting-content-all: var(--color-content-secondary);
  --stat-card-date-label-gap-all: var(--space-stack-tight);
  --stat-card-number-gap-all: var(--space-stack-tight);
  --stat-card-caption-gap-all: var(--space-stack-relaxed);

  /* statCardGroup */
  --stat-card-group-gap-all: var(--space-card-gap);
  --stat-card-group-gap-next-all: var(--space-stack-relaxed);
  --stat-card-group-max-width-all: var(--layout-body-text-primary);

  /* inlineLink */
  --inline-link-content-light: var(--color-link-light);
  --inline-link-content-dark: var(--color-link-dark);
  --inline-link-text-style-all-font-family: var(--typography-body-primary-font-family);
  --inline-link-text-style-all-font-size: var(--typography-body-primary-font-size);
  --inline-link-text-style-all-font-weight: var(--typography-body-primary-font-weight);
  --inline-link-text-style-all-line-height: var(--typography-body-primary-line-height);
  --inline-link-text-style-small-all-font-family: var(--typography-caption-primary-font-family);
  --inline-link-text-style-small-all-font-size: var(--typography-caption-primary-font-size);
  --inline-link-text-style-small-all-font-weight: var(--typography-caption-primary-font-weight);
  --inline-link-text-style-small-all-line-height: var(--typography-caption-primary-line-height);
  --inline-link-icon-size-all: var(--size-icon-primary);
  --inline-link-icon-size-small-all: var(--size-icon-small);
  --inline-link-icon-gap-all: var(--space-inline-tight);
  --inline-link-fill-hover: var(--color-link-hover-fill);
  --inline-link-focus-ring-color-light: var(--color-focus-ring-light);
  --inline-link-focus-ring-color-dark: var(--color-focus-ring-dark);
  --inline-link-focus-ring-width-focus: var(--border-width-focus-ring-primary);
  --inline-link-focus-ring-offset-focus: var(--space-focus-ring-offset);
  --inline-link-transition-all-duration: var(--transition-feedback-primary-duration);
  --inline-link-transition-all-easing: var(--transition-feedback-primary-easing);

  /* workCard */
  --work-card-content-all: var(--color-content-primary);
  --work-card-title-text-style-all-font-family: var(--typography-heading-case-study-title-font-family);
  --work-card-title-text-style-all-font-size: var(--typography-heading-case-study-title-font-size);
  --work-card-title-text-style-all-font-weight: var(--typography-heading-case-study-title-font-weight);
  --work-card-title-text-style-all-line-height: var(--typography-heading-case-study-title-line-height);
  --work-card-caption-text-style-all-font-family: var(--typography-body-primary-font-family);
  --work-card-caption-text-style-all-font-size: var(--typography-body-primary-font-size);
  --work-card-caption-text-style-all-font-weight: var(--typography-body-primary-font-weight);
  --work-card-caption-text-style-all-line-height: var(--typography-body-primary-line-height);
  --work-card-text-max-width-all: var(--layout-body-text-narrow);
  --work-card-image-gap-all: var(--space-inline-relaxed);
  --work-card-title-gap-all: var(--space-stack-regular);
  --work-card-link-gap-all: var(--space-stack-regular);
  --work-card-stacked-gap-all: var(--space-stack-relaxed);

  /* workCardGroup */
  --work-card-group-gap-all: var(--space-standalone-gap);

  /* workList */
  --work-list-gap-all: var(--space-stack-relaxed);

  /* workListItem */
  --work-list-item-fill-all: var(--color-background-tertiary);
  --work-list-item-overlay-default: none;
  --work-list-item-overlay-hover: var(--color-link-hover-fill);
  --work-list-item-radius-all: var(--radius-card-primary);
  --work-list-item-image-gap-all: var(--space-card-padding);
  --work-list-item-padding-end-all: var(--space-card-padding);
  --work-list-item-text-padding-vertical-all: var(--space-stack-regular);
  --work-list-item-image-width-all: var(--size-thumbnail-primary);
  --work-list-item-image-width-narrow-all: var(--size-thumbnail-small);
  --work-list-item-title-text-style-all-font-family: var(--typography-body-strong-font-family);
  --work-list-item-title-text-style-all-font-size: var(--typography-body-strong-font-size);
  --work-list-item-title-text-style-all-font-weight: var(--typography-body-strong-font-weight);
  --work-list-item-title-text-style-all-line-height: var(--typography-body-strong-line-height);
  --work-list-item-caption-text-style-all-font-family: var(--typography-caption-primary-font-family);
  --work-list-item-caption-text-style-all-font-size: var(--typography-caption-primary-font-size);
  --work-list-item-caption-text-style-all-font-weight: var(--typography-caption-primary-font-weight);
  --work-list-item-caption-text-style-all-line-height: var(--typography-caption-primary-line-height);
  --work-list-item-content-all: var(--color-content-primary);
  --work-list-item-title-gap-all: var(--space-stack-tight);
  --work-list-item-link-gap-all: var(--space-stack-snug);
  --work-list-item-transition-all-duration: var(--transition-feedback-primary-duration);
  --work-list-item-transition-all-easing: var(--transition-feedback-primary-easing);
  --work-list-item-focus-ring-color-focus: var(--color-focus-ring-light);
  --work-list-item-focus-ring-width-focus: var(--border-width-focus-ring-primary);
  --work-list-item-focus-ring-offset-focus: var(--space-focus-ring-offset);

  /* navContainer */
  --nav-container-fill-all: var(--color-navigation-container);
  --nav-container-backdrop-blur-all: var(--blur-glass-primary);
  --nav-container-border-all: var(--border-rim-medium);
  --nav-container-border-width-all: var(--border-width-rim-primary);
  --nav-container-shadow-all: var(--shadow-floating-low);
  --nav-container-radius-all: var(--radius-pill-primary);
  --nav-container-padding-all: var(--space-container-padding);
  --nav-container-gap-all: var(--space-container-gap);
  --nav-container-offset-top-all: var(--space-floating-offset);
  --nav-container-offset-side-all: var(--space-floating-offset);

  /* navItem */
  --nav-item-fill-default: var(--color-navigation-default);
  --nav-item-fill-hover: var(--color-navigation-hover);
  --nav-item-fill-selected: var(--color-navigation-selected);
  --nav-item-glow-default: none;
  --nav-item-glow-hover: var(--glow-dark);
  --nav-item-glow-selected: none;
  --nav-item-border-default: none;
  --nav-item-border-hover: var(--border-rim-subtle);
  --nav-item-border-selected: var(--border-rim-subtle);
  --nav-item-border-width-all: var(--border-width-rim-primary);
  --nav-item-shadow-default: var(--shadow-floating-low);
  --nav-item-shadow-hover: var(--shadow-floating-high);
  --nav-item-shadow-selected: var(--shadow-floating-high);
  --nav-item-content-all: var(--color-content-on-dark-primary);
  --nav-item-text-style-all-font-family: var(--typography-nav-item-primary-font-family);
  --nav-item-text-style-all-font-size: var(--typography-nav-item-primary-font-size);
  --nav-item-text-style-all-font-weight: var(--typography-nav-item-primary-font-weight);
  --nav-item-text-style-all-line-height: var(--typography-nav-item-primary-line-height);
  --nav-item-height-all: var(--size-control-height);
  --nav-item-icon-only-width-all: var(--size-control-height);
  --nav-item-padding-horizontal-all: var(--space-control-padding-horizontal);
  --nav-item-radius-all: var(--radius-pill-primary);
  --nav-item-icon-size-all: var(--size-icon-primary);
  --nav-item-icon-gap-all: var(--space-inline-tight);
  --nav-item-chip-fill-all: var(--color-navigation-chip);
  --nav-item-chip-radius-all: var(--radius-pill-primary);
  --nav-item-focus-ring-color-focus: var(--color-focus-ring-dark);
  --nav-item-focus-ring-width-focus: var(--border-width-focus-ring-primary);
  --nav-item-focus-ring-offset-focus: var(--space-focus-ring-offset);
  --nav-item-transition-all-duration: var(--transition-feedback-primary-duration);
  --nav-item-transition-all-easing: var(--transition-feedback-primary-easing);
  --nav-item-chevron-transition-all-duration: var(--transition-reveal-primary-duration);
  --nav-item-chevron-transition-all-easing: var(--transition-reveal-primary-easing);

  /* dropdownPanel */
  --dropdown-panel-fill-all: var(--color-navigation-panel);
  --dropdown-panel-backdrop-blur-all: var(--blur-glass-primary);
  --dropdown-panel-border-all: var(--border-rim-medium);
  --dropdown-panel-border-width-all: var(--border-width-rim-primary);
  --dropdown-panel-shadow-all: var(--shadow-floating-low);
  --dropdown-panel-radius-all: var(--radius-panel-primary);
  --dropdown-panel-padding-all: var(--space-container-padding);
  --dropdown-panel-offset-top-all: var(--space-disclosure-gap);
  --dropdown-panel-gap-all: var(--space-container-gap);
  --dropdown-panel-transition-all-duration: var(--transition-reveal-primary-duration);
  --dropdown-panel-transition-all-easing: var(--transition-reveal-primary-easing);

  /* dropdownRow */
  --dropdown-row-fill-default: none;
  --dropdown-row-fill-hover: var(--color-navigation-menu-hover);
  --dropdown-row-fill-current: var(--color-navigation-menu-current);
  --dropdown-row-content-all: var(--color-content-on-dark-primary);
  --dropdown-row-text-style-all-font-family: var(--typography-nav-dropdown-row-primary-font-family);
  --dropdown-row-text-style-all-font-size: var(--typography-nav-dropdown-row-primary-font-size);
  --dropdown-row-text-style-all-font-weight: var(--typography-nav-dropdown-row-primary-font-weight);
  --dropdown-row-text-style-all-line-height: var(--typography-nav-dropdown-row-primary-line-height);
  --dropdown-row-height-all: var(--size-control-height);
  --dropdown-row-padding-horizontal-all: var(--space-control-padding-horizontal);
  --dropdown-row-radius-all: var(--radius-pill-primary);
  --dropdown-row-focus-ring-color-focus: var(--color-focus-ring-dark);
  --dropdown-row-focus-ring-width-focus: var(--border-width-focus-ring-primary);
  --dropdown-row-focus-ring-offset-focus: var(--space-focus-ring-offset);
  --dropdown-row-transition-all-duration: var(--transition-feedback-primary-duration);
  --dropdown-row-transition-all-easing: var(--transition-feedback-primary-easing);

  /* hero */
  --hero-fill-all: var(--gradient-hero);
  --hero-padding-top-all: var(--space-section-padding);
  --hero-padding-bottom-all: var(--space-section-padding);
  --hero-padding-horizontal-all: var(--space-page-padding);
  --hero-content-max-width-all: var(--layout-content-primary);
  --hero-text-max-width-all: var(--layout-body-text-primary);
  --hero-gap-all: var(--space-stack-relaxed);
  --hero-intro-gap-all: var(--space-stack-regular);
  --hero-title-text-style-all-font-family: var(--typography-heading-case-study-title-font-family);
  --hero-title-text-style-all-font-size: var(--typography-heading-case-study-title-font-size);
  --hero-title-text-style-all-font-weight: var(--typography-heading-case-study-title-font-weight);
  --hero-title-text-style-all-line-height: var(--typography-heading-case-study-title-line-height);
  --hero-title-content-all: var(--color-content-on-dark-secondary);
  --hero-title-divider-all: var(--color-divider-dark);
  --hero-title-divider-width-all: var(--border-width-divider-primary);
  --hero-title-padding-bottom-all: var(--space-stack-regular);
  --hero-heading-text-style-all-font-family: var(--typography-heading-display-font-family);
  --hero-heading-text-style-all-font-size: var(--typography-heading-display-font-size);
  --hero-heading-text-style-all-font-weight: var(--typography-heading-display-font-weight);
  --hero-heading-text-style-all-line-height: var(--typography-heading-display-line-height);
  --hero-heading-content-all: var(--color-content-on-dark-primary);
  --hero-intro-text-style-all-font-family: var(--typography-body-large-font-family);
  --hero-intro-text-style-all-font-size: var(--typography-body-large-font-size);
  --hero-intro-text-style-all-font-weight: var(--typography-body-large-font-weight);
  --hero-intro-text-style-all-line-height: var(--typography-body-large-line-height);
  --hero-intro-content-all: var(--color-content-on-dark-secondary);
  --hero-body-text-style-all-font-family: var(--typography-body-primary-font-family);
  --hero-body-text-style-all-font-size: var(--typography-body-primary-font-size);
  --hero-body-text-style-all-font-weight: var(--typography-body-primary-font-weight);
  --hero-body-text-style-all-line-height: var(--typography-body-primary-line-height);
  --hero-body-content-all: var(--color-content-on-dark-tertiary);

  /* section */
  --section-fill-default: var(--color-background-primary);
  --section-fill-alternate: var(--color-background-secondary);
  --section-fill-bookend: var(--color-background-tertiary);
  --section-padding-vertical-all: var(--space-section-padding);
  --section-padding-horizontal-all: var(--space-page-padding);
  --section-content-max-width-all: var(--layout-content-primary);
  --section-text-max-width-all: var(--layout-body-text-primary);
  --section-wide-max-width-all: var(--layout-card-group-primary);

  /* textBlock */
  --text-block-title-text-style-all-font-family: var(--typography-heading-paragraph-title-font-family);
  --text-block-title-text-style-all-font-size: var(--typography-heading-paragraph-title-font-size);
  --text-block-title-text-style-all-font-weight: var(--typography-heading-paragraph-title-font-weight);
  --text-block-title-text-style-all-line-height: var(--typography-heading-paragraph-title-line-height);
  --text-block-body-text-style-all-font-family: var(--typography-body-primary-font-family);
  --text-block-body-text-style-all-font-size: var(--typography-body-primary-font-size);
  --text-block-body-text-style-all-font-weight: var(--typography-body-primary-font-weight);
  --text-block-body-text-style-all-line-height: var(--typography-body-primary-line-height);
  --text-block-content-all: var(--color-content-primary);
  --text-block-title-gap-all: var(--space-stack-regular);
  --text-block-paragraph-gap-all: var(--space-stack-regular);
  --text-block-figure-gap-all: var(--space-stack-relaxed);
  --text-block-run-in-title-text-style-all-font-family: var(--typography-body-strong-font-family);
  --text-block-run-in-title-text-style-all-font-size: var(--typography-body-strong-font-size);
  --text-block-run-in-title-text-style-all-font-weight: var(--typography-body-strong-font-weight);
  --text-block-run-in-title-text-style-all-line-height: var(--typography-body-strong-line-height);
  --text-block-list-indent-all: var(--space-list-indent);

  /* textBlockGroup */
  --text-block-group-gap-all: var(--space-stack-relaxed);
  --text-block-group-lede-text-style-all-font-family: var(--typography-body-large-font-family);
  --text-block-group-lede-text-style-all-font-size: var(--typography-body-large-font-size);
  --text-block-group-lede-text-style-all-font-weight: var(--typography-body-large-font-weight);
  --text-block-group-lede-text-style-all-line-height: var(--typography-body-large-line-height);
  --text-block-group-lede-content-all: var(--color-content-primary);
  --text-block-group-lede-gap-all: var(--space-stack-regular);
  --text-block-group-entry-gap-all: var(--space-stack-loose);
  --text-block-group-cue-icon-size-all: var(--size-icon-primary);
  --text-block-group-cue-content-all: var(--color-content-primary);

  /* figure */
  --figure-radius-all: var(--radius-card-primary);
  --figure-caption-text-style-all-font-family: var(--typography-caption-primary-font-family);
  --figure-caption-text-style-all-font-size: var(--typography-caption-primary-font-size);
  --figure-caption-text-style-all-font-weight: var(--typography-caption-primary-font-weight);
  --figure-caption-text-style-all-line-height: var(--typography-caption-primary-line-height);
  --figure-caption-content-all: var(--color-content-secondary);
  --figure-caption-gap-all: var(--space-stack-regular);
  --figure-pair-max-width-all: var(--layout-content-primary);
  --figure-pair-gap-all: var(--space-card-gap);
  --figure-pair-stacked-gap-all: var(--space-stack-relaxed);
  --figure-border-all: var(--color-divider-light);
  --figure-border-width-all: var(--border-width-divider-primary);

  /* page */
  --page-transition-all-duration: var(--transition-reveal-primary-duration);
  --page-transition-all-easing: var(--transition-reveal-primary-easing);
}