:root{--color-bg: #edece8;--color-bg-alt: #e4e3de;--color-surface: #f7f6f3;--color-surface-alt: #0b0b0c;--color-text: #14140f;--color-text-dim: #4a4a44;--color-text-muted: #66665e;--color-text-invert: #f7f6f3;--color-accent: #ff3b00;--color-accent-hover: #c42d00;--color-cta: #ff3b00;--color-cta-hover: #c42d00;--color-link: var(--color-accent);--color-border: #d5d4ce;--color-border-strong: #b4b3ab;--color-success: #127a52;--color-warning: #8a5a00;--color-danger: #c0283c;--color-info: #2a6fb0;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 64px;--space-2xl: 96px;--space-3xl: 128px;--container: 1440px;--container-content: 1200px;--container-narrow: 760px;--gutter: 24px;--section-y: clamp(60px, 9vw, 116px);--radius-sm: 0;--radius-md: 0;--radius-lg: 2px;--radius-xl: 2px;--radius-pill: 999px;--font-heading: "Space Grotesk", "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", "Be Vietnam Pro Fallback", sans-serif;--text-xs: clamp(12px, 0.8vw, 13px);--text-sm: clamp(13px, 0.9vw, 14px);--text-base: clamp(15px, 1vw, 16px);--text-lg: clamp(17px, 1.3vw, 19px);--text-xl: clamp(20px, 1.8vw, 24px);--text-2xl: clamp(24px, 2.6vw, 32px);--text-3xl: clamp(30px, 4.4vw, 52px);--text-4xl: clamp(40px, 5.6vw, 74px);--leading-tight: 1.15;--leading-snug: 1.35;--leading-body: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--shadow-sm: 0 1px 3px rgb(1 17 76 / 6%);--shadow: 0 4px 16px rgb(1 17 76 / 8%);--shadow-lg: 0 16px 48px rgb(1 17 76 / 12%);--dur-fast: 0.15s;--dur-base: 0.2s;--dur-slow: 0.4s;--ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-spring: cubic-bezier(0.34, 1.3, 0.64, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}.container{width: 100%;max-width: var(--container-content);margin-inline: auto;padding-inline: var(--gutter)}.container--wide{max-width: var(--container)}.container--narrow{max-width: var(--container-narrow)}.full-bleed{width: 100vw;margin-inline: calc(50% - 50vw)}.hero--full{min-height: 100svh}