:root {--step: 1.25;--base: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);--space-xs: calc(var(--base) * 0.4);--space-s: calc(var(--base) * 0.6);--space-m: var(--base);--space-l: calc(var(--space-m) * var(--step) * 1.6);--space-xl: calc(var(--space-l) * 2);--section-inline: var(--space-m);--section-block: calc(var(--space-xl) * 1.25);--text-s: calc(var(--text-m) / var(--step));--text-m: var(--base);--text-l: calc(var(--text-m) * var(--step));--text-xl: calc(var(--text-l) * var(--step));--text-2xl: calc(var(--text-xl) * var(--step));--leading-tight: 1.15;--leading-normal: 1.6;--leading-loose: 1.75;--weight-body: 400;--weight-heading: 700;--radius-base: 8px;--radius-s: calc(var(--radius-base) * 0.5);--radius-m: var(--radius-base);--radius-l: calc(var(--radius-base) * 2);--radius-xl: calc(var(--radius-base) * 3);--radius-round: 999rem;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--shadow-s: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-m: 0 4px 8px rgba(0, 0, 0, 0.08);--shadow-l: 0 10px 20px rgba(0, 0, 0, 0.12);--duration-fast: 150ms;--duration-normal: 250ms;--duration-slow: 400ms;--ease-standard: ease;--ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);--content-width: 68.75rem;--measure: 65ch;--gap-s: var(--space-s);--gap: var(--space-m);--gap-l: var(--space-l);--cols-2: repeat(auto-fit, minmax(min(100%, calc((var(--content-width) - var(--gap)) / 2.999)), 1fr));--cols-3: repeat(auto-fit, minmax(min(100%, calc((var(--content-width) - (2 * var(--gap))) / 3.999)), 1fr));--cols-4: repeat(auto-fit, minmax(min(100%, calc(((var(--content-width) - (3 * var(--gap))) / 4.999))), 1fr));--header-height: clamp(75px, 5vw + 40px, 113px);}