:root {--neutral-100: #ffffff;--primary-100: #000000;--grid-1: minmax(0, 1fr);--grid-4: repeat(4, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-2: repeat(2, minmax(0, 1fr));--radius: 2.2rem;--radius-s: 1.2rem;--btn-radius: 50rem;--radius-50: 50rem;--transition: .2s ease-out;--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;--overlay-primary: #000000;--body-text: 1.8rem;--body-text-l: 2rem;--h1: clamp(3.5rem, 3.061vw + 2.52rem, 6.5rem);--h3: clamp(2.8rem, 1.122vw + 2.441rem, 3.9rem);--h6: 2rem;--h5: 2.2rem;--h4: clamp(2.4rem, 0.51vw + 2.237rem, 2.9rem);--h2: clamp(3.2rem, 2.041vw + 2.547rem, 5.2rem);--btn-bg: #000000;--btn-bg-hover: #ffffff;--section-block-padding-m: clamp(5rem, 5.102vw + 3.367rem, 10rem);--section-block-padding: clamp(5rem, 7.143vw + 2.714rem, 12rem);--section-inline-padding: clamp(1.5rem, 0.51vw + 1.337rem, 2rem);--section-block-padding-s: clamp(5rem, 3.061vw + 4.02rem, 8rem);--space-l: 5rem;--space-m: 3rem;--space-s: 1.5rem;--spacing-l: clamp(3.5rem, 1.531vw + 3.01rem, 5rem);--spacing-m: clamp(2rem, 1.02vw + 1.673rem, 3rem);--spacing-s: clamp(1.5rem, 0.51vw + 1.337rem, 2rem);--grid-gap: 2rem;--card-padding: 2.5rem;--container-gap: 5rem;--element-gap: 3rem;--btn-text: #000;--btn-text-hover: #fff;}