@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap');
:root {
  font-family: 'Inter var', sans-serif;
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
  font-variation-settings: normal;
  --font-family: 'Inter var', sans-serif;
  --font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
  --text-color: #1a1a1a;
  --text-color-secondary: var(--gray-7);
  --flow-section-header-secondary-text: var(--gray-600);
  --primary-color: #1a1a1a;
  --primary-100: var(--gray-2);
  --primary-200: var(--gray-3);
  --primary-300: var(--gray-4);
  --primary-400: var(--gray-5);
  --primary-500: var(--gray-6);
  --primary-600: var(--gray-7);
  --primary-700: var(--gray-8);
  --primary-800: var(--gray-9);
  --primary-900: var(--gray-10);
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f8fafc;
  --surface-100: #f1f5f9;
  --surface-200: #e2e8f0;
  --surface-300: #cbd5e1;
  --surface-400: #94a3b8;
  --surface-500: #64748b;
  --surface-600: #475569;
  --surface-700: #334155;
  --surface-800: #1e293b;
  --surface-900: #0f172a;
  --surface-950: #020617;
  --gray-0: #ffffff;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
  --gray-950: #020617;
  --content-padding: 1.125rem;
  --inline-spacing: 0.5rem;
  --border-radius: 6px;
  --surface-ground: #f8fafc;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #e6e6e6;
  --surface-hover: var(--gray-2);
  --focus-ring: none;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #37a0ff;
  --highlight-text-color: #ffffff;
  --p-anchor-gutter: 2px;
  /* Brand palette ramps, levels 6 (darkest used) to 1, matching the swatch sheet. */
  --project-card-max-width: 320px;
  --project-card-gray-6: #808080;
  --project-card-gray-5: #999999;
  --project-card-gray-4: #cccccc;
  --project-card-gray-3: #e6e6e6;
  --project-card-gray-2: #f1f1f1;
  --project-card-gray-1: #f9f9f9;
  --project-card-blue-6: #0589ff;
  --project-card-blue-5: #37a1ff;
  --project-card-blue-4: #69b8ff;
  --project-card-blue-3: #9bd0ff;
  --project-card-blue-2: #cde7ff;
  --project-card-blue-1: #e6f3ff;
  --project-card-purple-6: #935ded;
  --project-card-purple-5: #a472f7;
  --project-card-purple-4: #b691f3;
  --project-card-purple-3: #d5bdfa;
  --project-card-purple-2: #eaddfe;
  --project-card-purple-1: #f6f1fe;
  --project-card-ocean-6: #6c82e5;
  --project-card-ocean-5: #889ae5;
  --project-card-ocean-4: #a3b0e7;
  --project-card-ocean-3: #bcc6ea;
  --project-card-ocean-2: #d3d9ef;
  --project-card-ocean-1: #e9ecf6;
  --project-card-green-6: #06856e;
  --project-card-green-5: #389584;
  --project-card-green-4: #6aafa3;
  --project-card-green-3: #9bcac1;
  --project-card-green-2: #cde4e0;
  --project-card-green-1: #ebf4f3;
  --project-card-poppy-6: #f23c00;
  --project-card-poppy-5: #f56333;
  --project-card-poppy-4: #f78a66;
  --project-card-poppy-3: #fab199;
  --project-card-poppy-2: #fcd8cc;
  --project-card-poppy-1: #fef0ec;
  --project-card-mustard-6: #b87a1f;
  --project-card-mustard-5: #cb954c;
  --project-card-mustard-4: #d4af79;
  --project-card-mustard-3: #e3caa5;
  --project-card-mustard-2: #f1e4d2;
  --project-card-mustard-1: #f8f2e9;
  --project-card-yellow-6: #dca009;
  --project-card-yellow-5: #e3b33a;
  --project-card-yellow-4: #eac66b;
  --project-card-yellow-3: #f1d99d;
  --project-card-yellow-2: #f8ecce;
  --project-card-yellow-1: #fcf6e6;
  --project-card-horchata-30: #9c9a94;
  --project-card-horchata-60: #595856;
  --project-card-horchata-90: #161615;
  --project-card-stage-divider: rgba(255, 255, 255, 0.5);
  --project-card-stage-on-tint: #353437;
  color-scheme: light;

  /* Altana Variables */
  --radii-sm: 2px;
  --radii-rg: 4px;
  --radii-md: 6px;
  --radii-lg: 8px;
  --radii-round: 999px;
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-36: 36px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
  --space-88: 88px;
  --space-96: 96px;
  --space-104: 104px;
  --space-112: 112px;
  --shadow-1: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  --shadow-2: 0 1px 8px 0 rgba(0, 0, 0, 0.06);
  --shadow-3:
    0 73px 20px 0 rgba(0, 0, 0, 0), 0 47px 19px 0 rgba(0, 0, 0, 0.03),
    0 26px 16px 0 rgba(0, 0, 0, 0.09), 0 12px 12px 0 rgba(0, 0, 0, 0.15),
    0 3px 6px 0 rgba(0, 0, 0, 0.17);
}