:root {--bg-primary-1: #f6f6f6;--heading-color: #8e959c;--text-color: #595959;--border-color: #e2e2e2;--heading-color-2: #1b1b1b;--heading-color-3: #8e969d;--nav-color: rgb(21, 21, 21);--button-bg: #8e969c;--button-hover: rgb(169, 177, 185);--text-2: 1.4rem;--text-3: 1.6rem;--heading-1: clamp(3.2rem, 1.147vw + 2.833rem, 4.4rem);--heading-2: 2.2rem;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 48px;--space-12: 56px;--gutter: 2.4rem;--container-space-1: clamp(1.6rem, 0.765vw + 1.355rem, 2.4rem);--container-space-2: calc(var(--container-space-1) * 1.5);--container-space-3: calc(var(--container-space-1) * 3);--grid-3: repeat(3,minmax(0,1fr));--grid-4: repeat(4,minmax(0,1fr));--radius-1: 4px;--radius-2: 8px;--radius-circle: 50%;--radius-round: 50px;--transition: all 0.3s ease-in-out;--h2: clamp(2.8rem, 0.765vw + 2.555rem, 3.6rem);}