:root {--space-04: 0.4rem;--space-06: 0.6rem;--space-08: 0.8rem;--space-10: 1rem;--space-14: 1.4rem;--space-16: 1.6rem;--space-20: 2rem;--space-24: 2.4rem;--space-32: 3.2rem;--space-40: 4.0rem;--space-48: 4.8rem;--space-56: 5.6rem;--space-64: 6.4rem;--space-72: 7.2rem;--space-80: 8.0rem;--space-102: 10.2rem;--space-120: 12rem;--header-height: 9rem;--section-gap-x: 3.2rem;--section-gap-y: 8rem;--container-width-2k: 1440px;--container-width-desktop: 1280px;--container-width-laptop: 1100px;--container-width-fluid: 100%;--fs-label: 1.4rem;--lh-body: 1.7;--lh-ui: 1.5;--lh-heading: 1.2;--ls-ui: 0.01em;--ls-heading: -0.01em;--transition-slow: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);--transition-base: 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);--transition-fast: 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);--radius-4: 0.4rem;--radius-8: 0.8rem;--radius-16: 1.6rem;--radius-32: 3.2rem;--radius-full: 999px;--shadow-s: 0 2px 6px rgba(0, 0, 0, 0.06);--shadow-m: 0 6px 18px rgba(0, 0, 0, 0.08);--shadow-l: 0 12px 24px rgba(0, 0, 0, 0.1);--shadow-card: var(--shadow-s), var(--shadow-m);--shadow-card-hover: var(--shadow-s), var(--shadow-l);--focus-color: var(--color-primary);}