:root {--space-xs: clamp(0.63rem, calc(0.63rem + 0.0022 * (100vw - 380px)), 0.75rem);--space-s: clamp(0.88rem, calc(0.88rem + 0.0022 * (100vw - 380px)), 1.00rem);--space-m: clamp(1.13rem, calc(1.13rem + 0.0067 * (100vw - 380px)), 1.50rem);--space-l: clamp(1.75rem, calc(1.75rem + 0.0044 * (100vw - 380px)), 2.00rem);--space-xl: clamp(2.63rem, calc(2.63rem + 0.0067 * (100vw - 380px)), 3.00rem);--space-xxl: clamp(3.63rem, calc(3.63rem + 0.0067 * (100vw - 380px)), 4.00rem);--space-section: clamp(6.25rem, calc(6.25rem + 0.0222 * (100vw - 380px)), 7.50rem);--logo-width: clamp(7.50rem, calc(7.50rem + 0.0889 * (100vw - 380px)), 12.50rem);--h1: clamp(2.81rem, calc(2.81rem + 0.0322 * (100vw - 380px)), 4.63rem);--h2: clamp(2.50rem, calc(2.50rem + 0.0244 * (100vw - 380px)), 3.88rem);--h3: clamp(1.75rem, calc(1.75rem + 0.0067 * (100vw - 380px)), 2.13rem);--h4: clamp(1.63rem, calc(1.63rem + 0.0044 * (100vw - 380px)), 1.88rem);--h5: clamp(1.50rem, calc(1.50rem + 0.0044 * (100vw - 380px)), 1.75rem);--h6: clamp(1.38rem, calc(1.38rem + 0.0044 * (100vw - 380px)), 1.63rem);--text-xs: clamp(0.63rem, calc(0.63rem + 0.0022 * (100vw - 380px)), 0.75rem);--text-s: clamp(0.88rem, calc(0.88rem + 0.0022 * (100vw - 380px)), 1.00rem);--text-m: clamp(1.00rem, calc(1.00rem + 0.0044 * (100vw - 380px)), 1.25rem);--text-mm: clamp(1.25rem, calc(1.25rem + 0.0044 * (100vw - 380px)), 1.50rem);--text-l: clamp(1.75rem, calc(1.75rem + 0.0044 * (100vw - 380px)), 2.00rem);--text-xl: clamp(2.38rem, calc(2.38rem + 0.0089 * (100vw - 380px)), 2.88rem);--text-xxl: clamp(2.81rem, calc(2.81rem + 0.0389 * (100vw - 380px)), 5.00rem);--grid-gap: var(--space-xl) var(--space-l);--grid-gap-s: var(--space-l) var(--space-m);--card-gap: var(--space-m);--content-gap: calc(var(--space-m) * 1.5);--container-gap: var(--space-xxl);--padding-section: var(--space-section) var(--space-m);--offset: 80px;--text-line-height: calc(10px + 2ex);--heading-line-height: calc(7px + 2ex);--text-font-weight: 400;--heading-font-weight: 600;--text-color: var(--base);--heading-color: var(--base-ultra-dark);--radius: 20px;--radius-inside: calc(var(--radius) * 0.5);--radius-outside: calc(var(--radius) * 1.4);--radius-btn: .3em;--radius-pill: 9999px;--radius-circle: 50%;--radius-s: 14px;--radius-m: 22px;--radius-l: 34px;--radius-xl: 40px;--border-color: var(--base-light);--container-width: 1280px;--container-min-width: 380px;--max-width: 980px;--max-width-m: 840px;--max-width-s: 640px;--min-height: 340px;--min-height-section: 540px;--primary: #2e2e2e;--primary-trans-10: rgba(46, 46, 46, 0.1);--primary-trans-20: rgba(46, 46, 46, 0.2);--primary-trans-30: rgba(46, 46, 46, 0.3);--primary-trans-40: rgba(46, 46, 46, 0.4);--primary-trans-50: rgba(46, 46, 46, 0.5);--primary-trans-60: rgba(46, 46, 46, 0.6);--primary-trans-70: rgba(46, 46, 46, 0.7);--primary-trans-80: rgba(46, 46, 46, 0.8);--primary-trans-90: rgba(46, 46, 46, 0.9);--primary-dark: #252525;--primary-ultra-dark: #1c1c1c;--primary-light: #e0e0e0;--primary-ultra-light: #f5f5f5;--secondary: #b45f06;--secondary-ultra-dark: #6c3904;--secondary-dark: #904c05;--secondary-light: #f4e7da;--secondary-ultra-light: #fbf7f3;--tertiary: #f2eee6;--tertiary-ultra-dark: #918f8a;--tertiary-dark: #c2beb8;--tertiary-light: #fdfcfb;--tertiary-ultra-light: #fefefe;--accent: #47624f;--accent-ultra-dark: #2b3b2f;--accent-dark: #394e3f;--accent-light: #e3e7e5;--accent-ultra-light: #f6f7f6;--base: #4d4d66;--base-ultra-dark: #2e2e3d;--base-ultra-dark-trans-10: rgba(46, 46, 61, 0.1);--base-ultra-dark-trans-20: rgba(46, 46, 61, 0.2);--base-ultra-dark-trans-30: rgba(46, 46, 61, 0.3);--base-ultra-dark-trans-40: rgba(46, 46, 61, 0.4);--base-ultra-dark-trans-50: rgba(46, 46, 61, 0.5);--base-ultra-dark-trans-60: rgba(46, 46, 61, 0.6);--base-ultra-dark-trans-70: rgba(46, 46, 61, 0.7);--base-ultra-dark-trans-80: rgba(46, 46, 61, 0.8);--base-ultra-dark-trans-90: rgba(46, 46, 61, 0.9);--base-dark: #3e3e52;--base-light: #e4e4e8;--base-ultra-light: #f6f6f7;--neutral: #000000;--neutral-ultra-dark: #1a1a1a;--neutral-dark: #404040;--neutral-light: #d9d9d9;--neutral-ultra-light: #f2f2f2;--white: #ffffff;--white-trans-10: rgba(255, 255, 255, 0.1);--white-trans-20: rgba(255, 255, 255, 0.2);--white-trans-30: rgba(255, 255, 255, 0.3);--white-trans-40: rgba(255, 255, 255, 0.4);--white-trans-50: rgba(255, 255, 255, 0.5);--white-trans-60: rgba(255, 255, 255, 0.6);--white-trans-70: rgba(255, 255, 255, 0.7);--white-trans-80: rgba(255, 255, 255, 0.8);--white-trans-90: rgba(255, 255, 255, 0.9);--black: #000000;--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);--padding-section-test: 24px 64px;}