/* Current Conveyor Technologies design system. Generated from design-values.json. No prior-system imports. */

@font-face { font-family: "Open Sans"; src: url("assets/OpenSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Open Sans"; src: url("assets/OpenSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: "Open Sans"; src: url("assets/OpenSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Barlow Condensed"; src: url("assets/BarlowCondensed-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  --ct-color-navy: #0F1F38;
  --ct-color-dark: #0A1629;
  --ct-color-blue: #245EA6;
  --ct-color-heading: #17263D;
  --ct-color-body: #485363;
  --ct-color-muted: #5B6676;
  --ct-color-white: #FFFFFF;
  --ct-color-pale: #F4F5F7;
  --ct-color-divider: #D9DEE5;
  --ct-color-on-dark: #E2E7EF;
  --ct-color-link: #245A9B;
  --ct-color-image-light: #E9EDF2;
  --ct-color-image-dark: #192B45;
  --ct-color-divider-dark: #3D4D63;
  --ct-color-blue-hover: #1B4C87;
  --ct-color-blue-pressed: #143B69;
  --ct-color-focus-on-light: #245A9B;
  --ct-color-focus-on-dark: #A6BFDF;
  --ct-color-disabled-dark: #29384D;
  --ct-color-disabled-text-dark: #9CA9BB;
  --ct-color-navy-hover: #192B45;
  --ct-color-field-border: #687487;
  --ct-color-error: #A12622;
  --ct-color-error-surface: #FFF2F0;
  --ct-color-success: #1F654D;
  --ct-color-success-surface: #EAF4EF;
  --ct-color-warning: #744A0A;
  --ct-color-warning-surface: #FFF6E4;
  --ct-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --ct-font-body: "Open Sans", Arial, sans-serif;
  --ct-weight-regular: 400;
  --ct-weight-medium: 600;
  --ct-weight-bold: 700;
  --ct-weight-display: 600;
  --ct-type-display: clamp(3.5rem, calc(2rem + 4.4vw), 6rem);
  --ct-type-h2: clamp(2.25rem, calc(1.7rem + 2vw), 3.5rem);
  --ct-type-h3: clamp(1.25rem, calc(1.1rem + 0.4vw), 1.5rem);
  --ct-type-body: 1rem;
  --ct-type-control: 0.875rem;
  --ct-type-caption: 0.875rem;
  --ct-type-eyebrow: 0.75rem;
  --ct-leading-display: 1.04;
  --ct-leading-heading: 1.12;
  --ct-leading-body: 1.6;
  --ct-leading-control: 1.4;
  --ct-measure-body: 62ch;
  --ct-space-1: 0.25rem;
  --ct-space-2: 0.5rem;
  --ct-space-3: 0.75rem;
  --ct-space-4: 1rem;
  --ct-space-5: 1.25rem;
  --ct-space-6: 1.5rem;
  --ct-space-8: 2rem;
  --ct-space-10: 2.5rem;
  --ct-space-12: 3rem;
  --ct-space-16: 4rem;
  --ct-space-18: 4.5rem;
  --ct-space-20: 5rem;
  --ct-content-max: 80rem;
  --ct-page-gutter: clamp(1.5rem, 4.5vw, 4rem);
  --ct-grid-gap: clamp(1.5rem, 3vw, 3rem);
  --ct-section-gap: clamp(4rem, 7vw, 6.5rem);
  --ct-panel-padding: 1.5rem;
  --ct-button-min-height: 3.375rem;
  --ct-field-min-height: 3.375rem;
  --ct-touch-min: 2.75rem;
  --ct-radius: 0.625rem;
  --ct-border-width: 1px;
  --ct-focus-color: var(--ct-color-focus-on-light);
  --ct-focus-width: 2px;
  --ct-focus-offset: 3px;
  --ct-motion-fast: 140ms;
  --ct-motion-normal: 180ms;
  --ct-motion-ease: ease-out;
  --ct-layer-base: 0;
  --ct-layer-navigation: 10;
  --ct-layer-menu: 20;
  --ct-image-01: 3 / 2;
  --ct-image-02: 4 / 3;
  --ct-image-03: 4 / 3;
  --ct-image-04: 4 / 3;
  --ct-image-05: 3 / 2;
  --ct-image-06: 4 / 3;
  --ct-radius-small: 0.375rem;
  --ct-radius-panel: 1.5rem;
  --ct-radius-pill: 999px;
  --ct-shadow-floating: 0 8px 24px rgb(10 22 41 / 10%);
  --ct-surface-reading: var(--ct-color-white);
  --ct-surface-equipment: var(--ct-color-pale);
  --ct-surface-emphasis: var(--ct-color-navy);
  --ct-surface-detail: var(--ct-color-image-light);
  --ct-text-primary: var(--ct-color-heading);
  --ct-text-reading: var(--ct-color-body);
  --ct-text-secondary: var(--ct-color-muted);
  --ct-action-on-light: var(--ct-color-blue);
  --ct-action-on-dark: var(--ct-color-white);
  --ct-action-text: var(--ct-action-text-on-light);
  --ct-action-hover: var(--ct-action-hover-on-light);
  --ct-action-pressed: var(--ct-action-pressed-on-light);
  --ct-button-border-width: 0px;
  --ct-button-font-weight: var(--ct-weight-medium);
  --ct-button-disabled-fill: var(--ct-color-image-light);
  --ct-button-disabled-text: var(--ct-color-muted);
  --ct-state-selected: var(--ct-color-link);
  --ct-rule-reading: var(--ct-color-divider);
  --ct-rule-control: var(--ct-color-field-border);
  --ct-type-display-long: clamp(2.75rem, calc(1.9rem + 2.7vw), 4.5rem);
  --ct-font-subheading: var(--ct-font-body);
  --ct-type-feature: clamp(2rem, calc(1.4rem + 2vw), 3rem);
  --ct-type-data: 1rem;
  --ct-leading-data: 1.5;
  --ct-measure-intro: 48ch;
  --ct-measure-note: 56ch;
  --ct-related-gap: clamp(2rem, 3.5vw, 3rem);
  --ct-copy-gap: 1rem;
  --ct-note-gap: 0.5rem;
  --ct-row-padding: 1rem;
  --ct-content-inset: 1.5rem;
  --ct-stage-copy-min: 20rem;
  --ct-stage-media-min: 30rem;
  --ct-media-safe-inset: 8%;
  --ct-media-fit: contain;
  --ct-media-position: 50% 50%;
  --ct-scroll-offset: 6rem;
  --ct-radius-control: 0.625rem;
  --ct-radius-field: 0.625rem;
  --ct-radius-media: 1.25rem;
  --ct-space-26: 6.5rem;
  --ct-hero-gap: 1.5rem;
  --ct-stage-copy-share: 5;
  --ct-stage-media-share: 7;
  --ct-view-control-min-height: 3rem;
  --ct-color-muted-on-dark: #BCC8D8;
  --ct-color-white-hover: #E8EDF3;
  --ct-color-white-pressed: #D6DFE9;
  --ct-action-text-on-light: var(--ct-color-white);
  --ct-action-text-on-dark: var(--ct-color-navy);
  --ct-action-hover-on-light: var(--ct-color-blue-hover);
  --ct-action-pressed-on-light: var(--ct-color-blue-pressed);
  --ct-action-hover-on-dark: var(--ct-color-white-hover);
  --ct-action-pressed-on-dark: var(--ct-color-white-pressed);
  --ct-action-fill: var(--ct-action-on-light);
}

[data-ct-surface="dark"], .dark {
  --ct-focus-color: var(--ct-color-focus-on-dark);
  --ct-button-disabled-fill: var(--ct-color-disabled-dark);
  --ct-button-disabled-text: var(--ct-color-disabled-text-dark);
  --ct-action-fill: var(--ct-action-on-dark);
  --ct-action-text: var(--ct-action-text-on-dark);
  --ct-action-hover: var(--ct-action-hover-on-dark);
  --ct-action-pressed: var(--ct-action-pressed-on-dark);
}

[data-ct-density="technical"] {
  --ct-row-padding: 0.75rem;
  --ct-copy-gap: 0.75rem;
  --ct-related-gap: 2rem;
}

[data-ct-density="editorial"] {
  --ct-row-padding: 1rem;
  --ct-copy-gap: 1rem;
  --ct-related-gap: 3rem;
}

[data-ct-product-shape="long"] {
  --ct-stage-copy-share: 4;
  --ct-stage-media-share: 8;
}

[data-ct-product-shape="standard"] {
  --ct-stage-copy-share: 5;
  --ct-stage-media-share: 7;
}

[data-ct-product-shape="compact"] {
  --ct-stage-copy-share: 6;
  --ct-stage-media-share: 6;
}

[data-ct-surface="light"] {
  --ct-focus-color: var(--ct-color-focus-on-light);
  --ct-action-fill: var(--ct-action-on-light);
  --ct-action-text: var(--ct-action-text-on-light);
  --ct-action-hover: var(--ct-action-hover-on-light);
  --ct-action-pressed: var(--ct-action-pressed-on-light);
  --ct-button-disabled-fill: var(--ct-color-image-light);
  --ct-button-disabled-text: var(--ct-color-muted);
}

@media (min-width: 64rem) {
:root {
  --ct-type-body: 1.0625rem;
  --ct-image-02: 8 / 5;
  --ct-image-05: 16 / 9;
}
}

@media (prefers-reduced-motion: reduce) {
:root {
  --ct-motion-fast: 0ms;
  --ct-motion-normal: 0ms;
}
}