/* Generated by scripts/build-tokens.mjs from tokens/*.json. Do not edit; change the canonical tokens and rebuild. */
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond/web/CormorantGaramond-Latin.woff2") format("woff2"), url("../fonts/cormorant-garamond/CormorantGaramond-VariableFont_wght.ttf") format("truetype"); font-style: normal; font-weight: 300 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond/web/CormorantGaramond-Italic-Latin.woff2") format("woff2"), url("../fonts/cormorant-garamond/CormorantGaramond-Italic-VariableFont_wght.ttf") format("truetype"); font-style: italic; font-weight: 300 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3/web/SourceSans3-Regular.woff2") format("woff2"), url("../fonts/source-sans-3/SourceSans3-Regular.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3/web/SourceSans3-Semibold.woff2") format("woff2"), url("../fonts/source-sans-3/SourceSans3-Semibold.otf") format("opentype"); font-style: normal; font-weight: 600; font-display: swap; }

:root {
  --l4-color-primitive-raging-sea: #476f65;
  --l4-color-primitive-deep-sea: #1f4b45;
  --l4-color-primitive-sea-mist: #a9bbb5;
  --l4-color-primitive-sea-line: #6e968b;
  --l4-color-primitive-night-sea-1: #0d1b18;
  --l4-color-primitive-night-sea-2: #142622;
  --l4-color-primitive-night-sea-3: #1c332e;
  --l4-color-primitive-night-line: #223a34;
  --l4-color-primitive-night-control: #5c7d75;
  --l4-color-primitive-cream: #f5f1e8;
  --l4-color-primitive-white: #ffffff;
  --l4-color-primitive-warm-white: #fffcf5;
  --l4-color-primitive-black: #000000;
  --l4-color-primitive-charcoal: #202422;
  --l4-color-primitive-gold: #c99a3d;
  --l4-color-primitive-gold-hover: #d6aa52;
  --l4-color-primitive-gold-pressed: #b3862e;
  --l4-color-primitive-warm-stone: #b6a58b;
  --l4-color-primitive-mist-50: #eef3f0;
  --l4-color-primitive-mist-100: #e9efec;
  --l4-color-primitive-mist-200: #dce6e1;
  --l4-color-primitive-linen-200: #dcd5c6;
  --l4-color-primitive-linen-100: #ece7dc;
  --l4-color-primitive-slate-500: #5a6560;
  --l4-color-primitive-slate-400: #64716c;
  --l4-color-primitive-slate-300: #8c928d;
  --l4-color-primitive-success: #2d6a4f;
  --l4-color-primitive-success-bg: #e4eee8;
  --l4-color-primitive-info: #245c7a;
  --l4-color-primitive-info-bg: #e2ecf1;
  --l4-color-primitive-warning: #8a5a00;
  --l4-color-primitive-warning-bg: #f5ecd9;
  --l4-color-primitive-error: #9c2f2f;
  --l4-color-primitive-error-bg: #f6e4e1;
  --l4-color-primitive-success-on-dark: #8cc3a5;
  --l4-color-primitive-success-bg-dark: #0f2219;
  --l4-color-primitive-info-on-dark: #8fbbd3;
  --l4-color-primitive-info-bg-dark: #0e1d26;
  --l4-color-primitive-warning-on-dark: #e0b862;
  --l4-color-primitive-warning-bg-dark: #241c0b;
  --l4-color-primitive-error-on-dark: #ffb4ab;
  --l4-color-primitive-error-bg-dark: #2a1110;
  --l4-color-primitive-night-subtle: #8fa39c;
  --l4-color-primitive-night-placeholder: #8c9993;
  --l4-color-primitive-night-disabled: #5e6e68;
  --l4-color-primitive-deep-sea-1: #193e39;
  --l4-color-primitive-deep-sea-2: #163632;
  --l4-color-primitive-deep-sea-3: #132f2b;
  --l4-color-primitive-deep-sea-line: #3d645e;
  --l4-color-primitive-deep-sea-subtle: #a4b4ad;
  --l4-color-primitive-deep-sea-placeholder: #a1b5ad;
  --l4-color-primitive-deep-sea-disabled: #5d7d77;
  --l4-color-primitive-transparent: rgba(0,0,0,0);
  --l4-font-family-display: "Cormorant Garamond", Georgia, serif;
  --l4-font-family-body: "Source Sans 3", Arial, sans-serif;
  --l4-font-weight-regular: 400;
  --l4-font-weight-medium: 500;
  --l4-font-weight-semibold: 600;
  --l4-font-weight-bold: 700;
  --l4-type-display-xl-font-family: "Cormorant Garamond", Georgia, serif;
  --l4-type-display-xl-font-size: 4.5rem;
  --l4-type-display-xl-font-weight: 600;
  --l4-type-display-xl-line-height: 4.75rem;
  --l4-type-display-xl-letter-spacing: -0.01em;
  --l4-type-display-xl-font-style: normal;
  --l4-type-display-l-font-family: "Cormorant Garamond", Georgia, serif;
  --l4-type-display-l-font-size: 3.375rem;
  --l4-type-display-l-font-weight: 500;
  --l4-type-display-l-line-height: 3.625rem;
  --l4-type-display-l-letter-spacing: 0;
  --l4-type-display-l-font-style: italic;
  --l4-type-headline-font-family: "Cormorant Garamond", Georgia, serif;
  --l4-type-headline-font-size: 2.25rem;
  --l4-type-headline-font-weight: 600;
  --l4-type-headline-line-height: 2.5rem;
  --l4-type-headline-letter-spacing: 0;
  --l4-type-headline-font-style: normal;
  --l4-type-title-font-family: "Cormorant Garamond", Georgia, serif;
  --l4-type-title-font-size: 1.625rem;
  --l4-type-title-font-weight: 600;
  --l4-type-title-line-height: 1.875rem;
  --l4-type-title-letter-spacing: 0;
  --l4-type-title-font-style: normal;
  --l4-type-title-sm-font-family: "Source Sans 3", Arial, sans-serif;
  --l4-type-title-sm-font-size: 1.0625rem;
  --l4-type-title-sm-font-weight: 600;
  --l4-type-title-sm-line-height: 1.375rem;
  --l4-type-title-sm-letter-spacing: 0;
  --l4-type-title-sm-font-style: normal;
  --l4-type-body-l-font-family: "Source Sans 3", Arial, sans-serif;
  --l4-type-body-l-font-size: 1.125rem;
  --l4-type-body-l-font-weight: 400;
  --l4-type-body-l-line-height: 1.75rem;
  --l4-type-body-l-letter-spacing: 0;
  --l4-type-body-l-font-style: normal;
  --l4-type-body-font-family: "Source Sans 3", Arial, sans-serif;
  --l4-type-body-font-size: 1rem;
  --l4-type-body-font-weight: 400;
  --l4-type-body-line-height: 1.5rem;
  --l4-type-body-letter-spacing: 0;
  --l4-type-body-font-style: normal;
  --l4-type-body-s-font-family: "Source Sans 3", Arial, sans-serif;
  --l4-type-body-s-font-size: 0.875rem;
  --l4-type-body-s-font-weight: 400;
  --l4-type-body-s-line-height: 1.25rem;
  --l4-type-body-s-letter-spacing: 0;
  --l4-type-body-s-font-style: normal;
  --l4-type-label-font-family: "Source Sans 3", Arial, sans-serif;
  --l4-type-label-font-size: 0.875rem;
  --l4-type-label-font-weight: 600;
  --l4-type-label-line-height: 1.125rem;
  --l4-type-label-letter-spacing: 0.02em;
  --l4-type-label-font-style: normal;
  --l4-type-eyebrow-font-family: "Source Sans 3", Arial, sans-serif;
  --l4-type-eyebrow-font-size: 0.75rem;
  --l4-type-eyebrow-font-weight: 600;
  --l4-type-eyebrow-line-height: 1rem;
  --l4-type-eyebrow-letter-spacing: 0.16em;
  --l4-type-eyebrow-font-style: normal;
  --l4-type-caption-font-family: "Source Sans 3", Arial, sans-serif;
  --l4-type-caption-font-size: 0.75rem;
  --l4-type-caption-font-weight: 400;
  --l4-type-caption-line-height: 1rem;
  --l4-type-caption-letter-spacing: 0;
  --l4-type-caption-font-style: normal;
  --l4-type-scale-tv: 1.5;
  --l4-space-1: 0.25rem;
  --l4-space-2: 0.5rem;
  --l4-space-3: 0.75rem;
  --l4-space-4: 1rem;
  --l4-space-6: 1.5rem;
  --l4-space-8: 2rem;
  --l4-space-12: 3rem;
  --l4-space-16: 4rem;
  --l4-space-24: 6rem;
  --l4-radius-control: 2px;
  --l4-radius-surface: 0;
  --l4-radius-brand-geometry: 0;
  --l4-border-thin: 1px;
  --l4-border-strong: 2px;
  --l4-focus-width: 3px;
  --l4-focus-gap: 2px;
  --l4-control-height-sm: 32px;
  --l4-control-height-md: 40px;
  --l4-control-height-touch: 48px;
  --l4-control-height-tv: 64px;
  --l4-icon-size-sm: 16px;
  --l4-icon-size-md: 20px;
  --l4-icon-size-lg: 24px;
  --l4-icon-size-xl: 32px;
  --l4-icon-size-display: 48px;
  --l4-icon-stroke-sm: 1.75;
  --l4-icon-stroke-md: 1.5;
  --l4-icon-stroke-xl: 1.25;
  --l4-icon-stroke-display: 1.1;
  --l4-layout-web-columns: 12;
  --l4-layout-web-gutter: 24px;
  --l4-layout-web-margin: 48px;
  --l4-layout-web-max: 1280px;
  --l4-layout-mobile-columns: 4;
  --l4-layout-mobile-gutter: 16px;
  --l4-layout-mobile-margin: 20px;
  --l4-layout-tv-safe-x: 96px;
  --l4-layout-tv-safe-y: 54px;
  --l4-layout-tv-gutter: 24px;
  --l4-motion-fast: 150ms;
  --l4-motion-standard: 250ms;
  --l4-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --l4-geometry-brand-hex-corner: straight;
  --l4-geometry-brand-hex-orientation: point-up;
  --l4-geometry-brand-hex-ratio: 0.866;
}

:root, [data-theme="light"], [data-l4-theme="light"] {
  color-scheme: light;
  --l4-color-background-canvas: var(--l4-color-primitive-cream);
  --l4-color-background-surface: var(--l4-color-primitive-white);
  --l4-color-background-raised: var(--l4-color-primitive-mist-100);
  --l4-color-background-selected: var(--l4-color-primitive-mist-50);
  --l4-color-background-disabled: var(--l4-color-primitive-linen-100);
  --l4-color-background-inverse: var(--l4-color-primitive-charcoal);
  --l4-color-background-scrim: rgba(32,36,34,0.42);
  --l4-color-text-primary: var(--l4-color-primitive-charcoal);
  --l4-color-text-muted: var(--l4-color-primitive-deep-sea);
  --l4-color-text-subtle: var(--l4-color-primitive-slate-500);
  --l4-color-text-placeholder: var(--l4-color-primitive-slate-400);
  --l4-color-text-brand: var(--l4-color-primitive-raging-sea);
  --l4-color-text-disabled: var(--l4-color-primitive-slate-300);
  --l4-color-text-on-brand: var(--l4-color-primitive-white);
  --l4-color-text-on-accent: var(--l4-color-primitive-charcoal);
  --l4-color-text-inverse: var(--l4-color-primitive-warm-white);
  --l4-color-action-primary-background: var(--l4-color-primitive-gold);
  --l4-color-action-primary-hover: var(--l4-color-primitive-gold-hover);
  --l4-color-action-primary-pressed: var(--l4-color-primitive-gold-pressed);
  --l4-color-action-primary-foreground: var(--l4-color-primitive-charcoal);
  --l4-color-action-secondary-border: var(--l4-color-primitive-raging-sea);
  --l4-color-action-secondary-foreground: var(--l4-color-primitive-deep-sea);
  --l4-color-action-secondary-hover: var(--l4-color-primitive-mist-100);
  --l4-color-action-secondary-pressed: var(--l4-color-primitive-mist-200);
  --l4-color-brand-primary: var(--l4-color-primitive-raging-sea);
  --l4-color-brand-on-primary: var(--l4-color-primitive-white);
  --l4-color-accent: var(--l4-color-primitive-gold);
  --l4-color-border-subtle: var(--l4-color-primitive-linen-200);
  --l4-color-border-control: var(--l4-color-primitive-raging-sea);
  --l4-color-border-strong: var(--l4-color-primitive-deep-sea);
  --l4-color-focus: var(--l4-color-primitive-deep-sea);
  --l4-color-status-success-foreground: var(--l4-color-primitive-success);
  --l4-color-status-success-background: var(--l4-color-primitive-success-bg);
  --l4-color-status-info-foreground: var(--l4-color-primitive-info);
  --l4-color-status-info-background: var(--l4-color-primitive-info-bg);
  --l4-color-status-warning-foreground: var(--l4-color-primitive-warning);
  --l4-color-status-warning-background: var(--l4-color-primitive-warning-bg);
  --l4-color-status-error-foreground: var(--l4-color-primitive-error);
  --l4-color-status-error-background: var(--l4-color-primitive-error-bg);
  --l4-color-illustration-line: var(--l4-color-primitive-raging-sea);
  --l4-color-illustration-botanical: var(--l4-color-primitive-deep-sea);
  --l4-color-logo-ink: var(--l4-color-primitive-charcoal);
  --l4-color-control-checked: var(--l4-color-primitive-raging-sea);
  --l4-color-control-on-checked: var(--l4-color-primitive-white);
  --l4-color-progress-fill: var(--l4-color-primitive-raging-sea);
  --l4-color-progress-track: var(--l4-color-primitive-mist-200);
  --l4-color-category-fill: var(--l4-color-primitive-raging-sea);
  --l4-color-category-stroke: var(--l4-color-primitive-transparent);
  --l4-color-category-icon: var(--l4-color-primitive-white);
}

[data-theme="dark"], [data-l4-theme="dark"] {
  color-scheme: dark;
  --l4-color-background-canvas: var(--l4-color-primitive-deep-sea);
  --l4-color-background-surface: var(--l4-color-primitive-deep-sea-1);
  --l4-color-background-raised: var(--l4-color-primitive-deep-sea-2);
  --l4-color-background-selected: var(--l4-color-primitive-deep-sea-2);
  --l4-color-background-disabled: var(--l4-color-primitive-deep-sea-3);
  --l4-color-background-inverse: var(--l4-color-primitive-warm-white);
  --l4-color-background-scrim: rgba(0,0,0,0.6);
  --l4-color-text-primary: var(--l4-color-primitive-warm-white);
  --l4-color-text-muted: var(--l4-color-primitive-sea-mist);
  --l4-color-text-subtle: var(--l4-color-primitive-deep-sea-subtle);
  --l4-color-text-placeholder: var(--l4-color-primitive-deep-sea-placeholder);
  --l4-color-text-brand: var(--l4-color-primitive-sea-mist);
  --l4-color-text-disabled: var(--l4-color-primitive-deep-sea-disabled);
  --l4-color-text-on-brand: var(--l4-color-primitive-white);
  --l4-color-text-on-accent: var(--l4-color-primitive-charcoal);
  --l4-color-text-inverse: var(--l4-color-primitive-charcoal);
  --l4-color-action-primary-background: var(--l4-color-primitive-gold);
  --l4-color-action-primary-hover: var(--l4-color-primitive-gold-hover);
  --l4-color-action-primary-pressed: var(--l4-color-primitive-gold-pressed);
  --l4-color-action-primary-foreground: var(--l4-color-primitive-charcoal);
  --l4-color-action-secondary-border: var(--l4-color-primitive-sea-mist);
  --l4-color-action-secondary-foreground: var(--l4-color-primitive-warm-white);
  --l4-color-action-secondary-hover: var(--l4-color-primitive-deep-sea-2);
  --l4-color-action-secondary-pressed: var(--l4-color-primitive-deep-sea-3);
  --l4-color-brand-primary: var(--l4-color-primitive-raging-sea);
  --l4-color-brand-on-primary: var(--l4-color-primitive-white);
  --l4-color-accent: var(--l4-color-primitive-gold);
  --l4-color-border-subtle: var(--l4-color-primitive-deep-sea-line);
  --l4-color-border-control: var(--l4-color-primitive-sea-mist);
  --l4-color-border-strong: var(--l4-color-primitive-sea-mist);
  --l4-color-focus: var(--l4-color-primitive-gold);
  --l4-color-status-success-foreground: var(--l4-color-primitive-success-on-dark);
  --l4-color-status-success-background: var(--l4-color-primitive-success-bg-dark);
  --l4-color-status-info-foreground: var(--l4-color-primitive-info-on-dark);
  --l4-color-status-info-background: var(--l4-color-primitive-info-bg-dark);
  --l4-color-status-warning-foreground: var(--l4-color-primitive-warning-on-dark);
  --l4-color-status-warning-background: var(--l4-color-primitive-warning-bg-dark);
  --l4-color-status-error-foreground: var(--l4-color-primitive-error-on-dark);
  --l4-color-status-error-background: var(--l4-color-primitive-error-bg-dark);
  --l4-color-illustration-line: var(--l4-color-primitive-sea-mist);
  --l4-color-illustration-botanical: var(--l4-color-primitive-gold);
  --l4-color-logo-ink: var(--l4-color-primitive-warm-white);
  --l4-color-control-checked: var(--l4-color-primitive-sea-mist);
  --l4-color-control-on-checked: var(--l4-color-primitive-deep-sea-3);
  --l4-color-progress-fill: var(--l4-color-primitive-sea-mist);
  --l4-color-progress-track: var(--l4-color-primitive-deep-sea-line);
  --l4-color-category-fill: var(--l4-color-primitive-transparent);
  --l4-color-category-stroke: var(--l4-color-primitive-gold);
  --l4-color-category-icon: var(--l4-color-primitive-warm-white);
}

[data-theme="black"], [data-l4-theme="black"] {
  color-scheme: dark;
  --l4-color-background-canvas: var(--l4-color-primitive-black);
  --l4-color-background-surface: var(--l4-color-primitive-night-sea-1);
  --l4-color-background-raised: var(--l4-color-primitive-night-sea-2);
  --l4-color-background-selected: var(--l4-color-primitive-night-sea-2);
  --l4-color-background-disabled: var(--l4-color-primitive-night-sea-1);
  --l4-color-background-inverse: var(--l4-color-primitive-warm-white);
  --l4-color-background-scrim: rgba(0,0,0,0.72);
  --l4-color-text-primary: var(--l4-color-primitive-warm-white);
  --l4-color-text-muted: var(--l4-color-primitive-sea-mist);
  --l4-color-text-subtle: var(--l4-color-primitive-night-subtle);
  --l4-color-text-placeholder: var(--l4-color-primitive-night-placeholder);
  --l4-color-text-brand: var(--l4-color-primitive-sea-mist);
  --l4-color-text-disabled: var(--l4-color-primitive-night-disabled);
  --l4-color-text-on-brand: var(--l4-color-primitive-white);
  --l4-color-text-on-accent: var(--l4-color-primitive-charcoal);
  --l4-color-text-inverse: var(--l4-color-primitive-charcoal);
  --l4-color-action-primary-background: var(--l4-color-primitive-gold);
  --l4-color-action-primary-hover: var(--l4-color-primitive-gold-hover);
  --l4-color-action-primary-pressed: var(--l4-color-primitive-gold-pressed);
  --l4-color-action-primary-foreground: var(--l4-color-primitive-charcoal);
  --l4-color-action-secondary-border: var(--l4-color-primitive-sea-mist);
  --l4-color-action-secondary-foreground: var(--l4-color-primitive-warm-white);
  --l4-color-action-secondary-hover: var(--l4-color-primitive-night-sea-2);
  --l4-color-action-secondary-pressed: var(--l4-color-primitive-night-sea-3);
  --l4-color-brand-primary: var(--l4-color-primitive-raging-sea);
  --l4-color-brand-on-primary: var(--l4-color-primitive-white);
  --l4-color-accent: var(--l4-color-primitive-gold);
  --l4-color-border-subtle: var(--l4-color-primitive-night-line);
  --l4-color-border-control: var(--l4-color-primitive-night-control);
  --l4-color-border-strong: var(--l4-color-primitive-sea-mist);
  --l4-color-focus: var(--l4-color-primitive-gold);
  --l4-color-status-success-foreground: var(--l4-color-primitive-success-on-dark);
  --l4-color-status-success-background: var(--l4-color-primitive-success-bg-dark);
  --l4-color-status-info-foreground: var(--l4-color-primitive-info-on-dark);
  --l4-color-status-info-background: var(--l4-color-primitive-info-bg-dark);
  --l4-color-status-warning-foreground: var(--l4-color-primitive-warning-on-dark);
  --l4-color-status-warning-background: var(--l4-color-primitive-warning-bg-dark);
  --l4-color-status-error-foreground: var(--l4-color-primitive-error-on-dark);
  --l4-color-status-error-background: var(--l4-color-primitive-error-bg-dark);
  --l4-color-illustration-line: var(--l4-color-primitive-sea-line);
  --l4-color-illustration-botanical: var(--l4-color-primitive-gold);
  --l4-color-logo-ink: var(--l4-color-primitive-warm-white);
  --l4-color-control-checked: var(--l4-color-primitive-sea-line);
  --l4-color-control-on-checked: var(--l4-color-primitive-black);
  --l4-color-progress-fill: var(--l4-color-primitive-sea-line);
  --l4-color-progress-track: var(--l4-color-primitive-night-line);
  --l4-color-category-fill: var(--l4-color-primitive-raging-sea);
  --l4-color-category-stroke: var(--l4-color-primitive-transparent);
  --l4-color-category-icon: var(--l4-color-primitive-white);
}