:root {--action: #b85800;--action-hover: #a85000;--black-trans-20: color-mix(in oklch, var(--black) 20%, transparent);--black-trans-40: color-mix(in oklch, var(--black) 40%, transparent);--white-trans-60: color-mix(in oklch, var(--white) 60%, transparent);--neutral-light-trans-30: color-mix(in oklch, var(--neutral-light) 30%, transparent);--neutral-light-trans-60: color-mix(in oklch, var(--neutral-light) 60%, transparent);--neutral-ultra-dark-trans-10: color-mix(in oklch, var(--neutral-ultra-dark) 10%, transparent);--secondary-trans-90: color-mix(in oklch, var(--secondary) 90%, transparent);--action-trans-60: color-mix(in oklch, var(--action-bright) 60%, transparent);--section-padding-x: clamp(2rem, calc(2rem + 4 * ((100vw - 32rem) / 104.6)), 6rem);--width-m: calc(var(--content-width) * 0.4);--btn-pad-y: var(--btn-padding-block);--fr-bg-light: var(--bg-light);--fr-bg-dark: var(--bg-dark);--fr-text-light: var(--text-light);--fr-text-dark: var(--text-dark);--fr-card-padding: var(--space-m);--fr-card-gap: var(--space-s);--fr-card-radius: var(--radius-xs);--fr-content-gap: var(--content-gap);--fr-container-gap: var(--container-gap);--fr-grid-gap: var(--grid-gap);--fr-lede-width: 60ch;--neutral-light-trans-80: color-mix(in oklch, var(--neutral-light) 80%, transparent);--neutral-ultra-dark-trans-80: color-mix(in oklch, var(--neutral-ultra-dark) 80%, transparent);--white-trans-20: color-mix(in oklch, var(--white) 20%, transparent);--action-bright: #f07400;}