:root {--space-xs: clamp(0.90rem, calc(0.90rem + 0.0013 * (100vw - 380px)), 1.10rem);--space-s: clamp(1.30rem, calc(1.30rem + 0.0019 * (100vw - 380px)), 1.60rem);--space-m: clamp(2.00rem, calc(2.00rem + 0.0026 * (100vw - 380px)), 2.40rem);--space-l: clamp(3.00rem, calc(3.00rem + 0.0039 * (100vw - 380px)), 3.60rem);--space-xl: clamp(4.50rem, calc(4.50rem + 0.0058 * (100vw - 380px)), 5.40rem);--space-xxl: clamp(6.80rem, calc(6.80rem + 0.0084 * (100vw - 380px)), 8.10rem);--space-section: clamp(10.00rem, calc(10.00rem + 0.0130 * (100vw - 380px)), 12.00rem);--logo-width: clamp(12.00rem, calc(12.00rem + 0.1169 * (100vw - 380px)), 30.00rem);--h1: clamp(4.40rem, calc(4.40rem + 0.0071 * (100vw - 380px)), 5.50rem);--h2: clamp(3.50rem, calc(3.50rem + 0.0058 * (100vw - 380px)), 4.40rem);--h3: clamp(2.80rem, calc(2.80rem + 0.0045 * (100vw - 380px)), 3.50rem);--h4: clamp(2.20rem, calc(2.20rem + 0.0039 * (100vw - 380px)), 2.80rem);--h5: clamp(1.80rem, calc(1.80rem + 0.0026 * (100vw - 380px)), 2.20rem);--h6: clamp(1.40rem, calc(1.40rem + 0.0026 * (100vw - 380px)), 1.80rem);--text-xs: clamp(1.00rem, calc(1.00rem + 0.0013 * (100vw - 380px)), 1.20rem);--text-s: clamp(1.30rem, calc(1.30rem + 0.0006 * (100vw - 380px)), 1.40rem);--text-m: clamp(1.60rem, calc(1.60rem + 0.0013 * (100vw - 380px)), 1.80rem);--text-mm: clamp(1.80rem, calc(1.80rem + 0.0013 * (100vw - 380px)), 2.00rem);--text-l: clamp(2.00rem, calc(2.00rem + 0.0019 * (100vw - 380px)), 2.30rem);--text-xl: clamp(2.50rem, calc(2.50rem + 0.0019 * (100vw - 380px)), 2.80rem);--text-xxl: clamp(3.10rem, calc(3.10rem + 0.0026 * (100vw - 380px)), 3.50rem);--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: 14px;--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: 20px;--radius-l: 30px;--radius-xl: 45px;--border-color: var(--base-light);--container-width: 1920px;--container-min-width: 380px;--max-width: 1080px;--max-width-m: 840px;--max-width-s: 640px;--min-height: 340px;--min-height-section: 540px;--primary: #8e9b81;--primary-trans-10: rgba(142, 155, 129, 0.1);--primary-trans-20: rgba(142, 155, 129, 0.2);--primary-trans-30: rgba(142, 155, 129, 0.3);--primary-trans-40: rgba(142, 155, 129, 0.4);--primary-trans-50: rgba(142, 155, 129, 0.5);--primary-trans-60: rgba(142, 155, 129, 0.6);--primary-trans-70: rgba(142, 155, 129, 0.7);--primary-trans-80: rgba(142, 155, 129, 0.8);--primary-trans-90: rgba(142, 155, 129, 0.9);--primary-dark: #727c67;--primary-ultra-dark: #555d4d;--primary-light: #eef0ec;--primary-ultra-light: #f9faf9;--secondary: #747681;--secondary-ultra-dark: #46474d;--secondary-dark: #5d5e67;--secondary-light: #eaeaec;--secondary-ultra-light: #f8f8f9;--accent: #d57a66;--accent-ultra-dark: #80493d;--accent-dark: #aa6252;--accent-light: #f9ebe8;--accent-ultra-light: #fdf8f7;--base: #1b1c1f;--base-ultra-dark: #101113;--base-ultra-dark-trans-10: rgba(16, 17, 19, 0.1);--base-ultra-dark-trans-20: rgba(16, 17, 19, 0.2);--base-ultra-dark-trans-30: rgba(16, 17, 19, 0.3);--base-ultra-dark-trans-40: rgba(16, 17, 19, 0.4);--base-ultra-dark-trans-50: rgba(16, 17, 19, 0.5);--base-ultra-dark-trans-60: rgba(16, 17, 19, 0.6);--base-ultra-dark-trans-70: rgba(16, 17, 19, 0.7);--base-ultra-dark-trans-80: rgba(16, 17, 19, 0.8);--base-ultra-dark-trans-90: rgba(16, 17, 19, 0.9);--base-dark: #161619;--base-semi-dark: #18191c;--base-medium: #545557;--base-semi-light: #828284;--base-light: #dddddd;--base-ultra-light: #f4f4f4;--white: #ffffff;--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);--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.3;--leading-relaxed: 1.4;--leading-loose: 1.5;--grid-1-auto: 1fr auto;--grid-1-max-content: 1fr max-content;--grid-auto-fit: repeat( auto-fit, minmax( min( var(--grid-auto-col-min-width), 100%), 1fr) );--grid-auto-fill: repeat( auto-fill, minmax( min( var(--grid-auto-col-min-width), 100%), 1fr) );--grid-auto-col-min-width: 270px;--space-none: 0;--space-tiny: 0.25rem;--space-xxs: 0.5rem;--space-2xl: 5rem;--space-3xl: 6rem;--space-4xl: 7rem;--space-5xl: 10rem;--space-l-tablet: 2.5rem;--space-xl-tablet: 3.5rem;--space-2xl-tablet: 4.5rem;--space-4xl-tablet: 6rem;--space-5xl-tablet: 7.5rem;--space-xs-mobile: 0.75rem;--space-s-mobile: 1.25rem;--space-m-mobile: 1.5rem;--space-l-mobile: 2rem;--space-xl-mobile: 2.5rem;--space-2xl-mobile: 3rem;--space-4xl-mobile: 4rem;--space-5xl-mobile: 5rem;--max-w-full: 100%;--max-w-xxl: 80rem;--max-w-xl: 64rem;--max-w-l: 48rem;--max-w-m: 35rem;--max-w-s: 30rem;--max-w-xs: 25rem;--max-w-xxs: 20rem;--container-max-width: var(--max-w-xxl);--btn-transition: 0.3s;--w-min: min-content;--w-max: max-content;--w-fit: fit-content;--w-full: 100%;--padding-global: 5%;--padding-section-m: var(--space-2xl);--padding-section-l: 6.25rem;--column-gap: var(--space-2xl);--radius-none: 0rem;--radius-xs: 0.25rem;--border-with: 1px;--border-type: solid;--radius-full: 999rem;--bg-color: #ffffff;--transparent-bg: transparent;--text: #707279;--color-primary: #000000;--color-secondary: #ffffff;--color-light: #f5f5f5;--color-dark: #111111;--black-50: rgba(0, 0, 0, 0.5);--black-40: rgba(0, 0, 0, 0.4);--black-30: rgba(0, 0, 0, 0.3);--black-20: rgba(0, 0, 0, 0.2);--black-10: rgba(0, 0, 0, 0.1);--btn-primary-text: var(--color-secondary);--btn-primary-bg: var(--color-primary);--btn-primary-border: var(--color-primary);--btn-primary-hover-text: var(--color-secondary);--btn-primary-hover-bg: #1a1a1a;--btn-primary-hover-border: #1a1a1a;--btn-primary-outline-text: var(--color-primary);--btn-primary-outline-bg: var(--transparent-bg);--btn-primary-outline-border: var(--color-primary);--btn-primary-outline-hover-text: var(--color-secondary);--btn-primary-outline-hover-bg: var(--color-dark);--btn-primary-outline-hover-border: var(--color-dark);--btn-secondary-text: var(--color-primary);--btn-secondary-bg: var(--color-secondary);--btn-secondary-border: var(--border-color);--btn-secondary-hover-text: var(--color-primary);--btn-secondary-hover-bg: #F9F9F9;--btn-secondary-hover-border: var(--border-color);--btn-secondary-outline-text: var(--color-secondary);--btn-secondary-outline-bg: var(--transparent-bg);--btn-secondary-outline-border: var(--color-secondary);--btn-secondary-outline-hover-text: var(--color-primary);--btn-secondary-outline-hover-bg: var(--color-secondary);--btn-secondary-outline-hover-border: var(--color-secondary);--btn-light-text: var(--color-primary);--btn-light-bg: var(--color-light);--btn-light-border: var(--border-color);--btn-light-hover-text: var(--color-primary);--btn-light-hover-bg: #e9e9e9;--btn-light-hover-border: var(--border-color);--btn-light-outline-text: var(--color-primary);--btn-light-outline-bg: var(--transparent-bg);--btn-light-outline-border: var(--border-color);--btn-light-outline-hover-text: var(--color-primary);--btn-light-outline-hover-bg: var(--color-light);--btn-light-outline-hover-border: var(--border-color);--btn-dark-text: var(--color-secondary);--btn-dark-bg: var(--color-dark);--btn-dark-border: var(--color-dark);--btn-dark-hover-text: var(--color-secondary);--btn-dark-hover-bg: var(--color-primary);--btn-dark-hover-border: var(--color-primary);--btn-dark-outline-text: var(--color-dark);--btn-dark-outline-bg: var(--transparent-bg);--btn-dark-outline-border: var(--color-dark);--btn-dark-outline-hover-text: var(--color-secondary);--btn-dark-outline-hover-bg: var(--color-dark);--btn-dark-outline-hover-border: var(--color-dark);--btn-small-padding-block: var(--space-xs-mobile);--btn-small-padding-inline: var(--space-xs);--btn-medium-padding-block: var(--space-xs-mobile);--btn-medium-padding-inline: var(--space-s);--btn-large-padding-block: var(--space-xs-mobile);--btn-large-padding-inline: var(--space-s);--btn-xl-large-padding-block: var(--space-xs);--btn-xl-large-padding-inline: var(--space-s);--form-input-bg-color: var(--color-secondary);--form-input-text-color: var(--color-primary);--form-input-label-color: var(--color-primary);--form-input-padding-block: var(--space-xs-mobile);--form-input-padding-inline: var(--space-xs);--form-input-placeholder-color: #707279;}