:root {--space-2xs: clamp(0.51rem,calc(0.03vw + 0.51rem),0.53rem);--space-xs: clamp(0.64rem,calc(0.16vw + 0.61rem),0.75rem);--space-s: clamp(0.8rem,calc(0.37vw + 0.73rem),1.06rem);--space-m: clamp(1rem,calc(0.71vw + 0.86rem),1.5rem);--space-l: clamp(1.25rem,calc(1.24vw + 1rem),2.12rem);--space-xl: clamp(1.56rem,calc(2.05vw + 1.15rem),3rem);--space-2xl: clamp(1.95rem,calc(3.27vw + 1.3rem),4.24rem);--space-section: clamp(4rem, 7vw, 7rem);--text-xs: clamp(0.75rem, 0.85vw, 0.9375rem);--text-s: clamp(0.875rem, 1vw, 1rem);--text-m: clamp(1rem, 1.15vw, 1.125rem);--text-l: clamp(1.0625rem, 1.35vw, 1.25rem);--text-xl: clamp(1.25rem, 1.6vw, 1.5rem);--text-2xl: clamp(1.75rem, 3.2vw, 2.625rem);--text-3xl: clamp(1.875rem, 3.4vw, 2.75rem);--text-4xl: clamp(2.375rem, 4.6vw, 3.75rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--raius-full: 999rem;--shadow-xs: 0 1px 2px var(--shadow-primary);--shadow-s: 0 1.5px 3px var(--shadow-primary);--shadow-m: 0 2px 6px var(--shadow-primary);--shadow-l: 0 3px 12px var(--shadow-primary);--shadow-xl: 0 6px 48px var(--shadow-primary);--container-width: 1200px;--max-width-320: clamp(18rem, 90vw, 20rem);--max-width-480: clamp(20rem, 90vw, 30rem);--max-width-640: clamp(22rem, 90vw, 40rem);--max-width-768: clamp(24rem, 90vw, 48rem);--max-width-960: clamp(28rem, 90vw, 60rem);--max-width-1120: clamp(32rem, 90vw, 70rem);--max-width-1280: clamp(36rem, 90vw, 80rem);--radius: 20px;--radius-btn: .3em;--radius-circle: 50%;--radius-s: 14px;--radius-m: 20px;--radius-l: 30px;--radius-xl: 45px;--grid-1: repeat(1, minmax(0, 1fr));--grid-2: repeat(2, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-4: repeat(4, minmax(0, 1fr));--grid-5: repeat(5, minmax(0, 1fr));--grid-6: repeat(6, minmax(0, 1fr));--grid-7: repeat(7, minmax(0, 1fr));--grid-8: repeat(8, minmax(0, 1fr));--grid-9: repeat(9, minmax(0, 1fr));--grid-10: repeat(10, minmax(0, 1fr));--grid-11: repeat(11, minmax(0, 1fr));--grid-12: repeat(12, minmax(0, 1fr));--grid-1-2: minmax(0, 1fr) minmax(0, 2fr);--grid-1-3: minmax(0, 1fr) minmax(0, 3fr);--grid-1-4: minmax(0, 1fr) minmax(0, 4fr);--grid-2-1: minmax(0, 2fr) minmax(0, 1fr);--grid-2-3: minmax(0, 2fr) minmax(0, 3fr);--grid-2-4: minmax(0, 2fr) minmax(0, 4fr);--grid-3-1: minmax(0, 3fr) minmax(0, 1fr);--grid-3-2: minmax(0, 3fr) minmax(0, 2fr);--grid-3-4: minmax(0, 3fr) minmax(0, 4fr);--grid-4-1: minmax(0, 4fr) minmax(0, 1fr);--grid-4-2: minmax(0, 4fr) minmax(0, 2fr);--grid-4-3: minmax(0, 4fr) minmax(0, 3fr);--text-line-height: 1.6;--text-letter-spacing: inherit;--h1-line-height: 1.05;--h2-line-height: 1.1;--h3-line-height: 1.15;--h4-line-height: 1.2;--h5-line-height: 1.25;--logo-width: clamp(8rem, 12vw, 12rem);--offset: 80px;--h6-line-height: 1.3;--h6-font-size: var(--text-m);--h5-font-size: var(--text-l);--h4-font-size: var(--text-xl);--h1-font-size: var(--text-4xl);--h2-font-size: var(--text-3xl);--h3-font-size: var(--text-2xl);--container-pad-x: 32px;--header-h: 84px;--section-pad-y: clamp(4rem, 6vw, 6.5rem);--font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;--font-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;--font-eyebrow: 'League Spartan', system-ui, -apple-system, sans-serif;}