:root {   --screen-min: 320; --fs-min: 16; --screen-mid: 1920; --fs-mid: 18; --screen-max: 7680; --fs-max: calc(var(--fs-mid) * (var(--screen-max) / var(--screen-mid)));  --min-ratio: 1.2; --max-ratio: 1.25;  --base-fs-sm: calc(var(--fs-min) * 1px); --fs-diff-sm: calc(var(--fs-mid) - var(--fs-min)); --width-diff-sm: calc(var(--screen-mid) - var(--screen-min)); --slope-sm: calc(var(--fs-diff-sm) / var(--width-diff-sm)); --fluid-fs-sm: clamp( calc(var(--fs-min) * 1px), calc(var(--base-fs-sm) + (100vw - (var(--screen-min) * 1px)) * var(--slope-sm)), calc(var(--fs-mid) * 1px) );  --base-fs-lg: calc(var(--fs-mid) * 1px); --fs-diff-lg: calc(var(--fs-max) - var(--fs-mid)); --width-diff-lg: calc(var(--screen-max) - var(--screen-mid)); --slope-lg: calc(var(--fs-diff-lg) / var(--width-diff-lg)); --fluid-fs-lg: clamp( calc(var(--fs-mid) * 1px), calc(var(--base-fs-lg) + (100vw - (var(--screen-mid) * 1px)) * var(--slope-lg)), calc(var(--fs-max) * 1px) ); --fluid-ratio: calc(var(--min-ratio) + (var(--max-ratio) - var(--min-ratio))); } :root {  --fluid-fs: var(--fluid-fs-sm);  --text-xs: calc(var(--fluid-fs) * 0.75); --text-sm: calc(var(--fluid-fs) * 0.875); --text-md: var(--fluid-fs); --text-lg: calc(var(--fluid-fs) * 1.125); --text-xl: calc(var(--fluid-fs) * 1.25);  --h-hero: calc(var(--fluid-fs) * pow(var(--fluid-ratio), 6)); --h-lead: calc(var(--fluid-fs) * pow(var(--fluid-ratio), 4)); --h-1: calc(var(--fluid-fs) * pow(var(--fluid-ratio), 5)); --h-2: calc(var(--fluid-fs) * pow(var(--fluid-ratio), 4)); --h-3: calc(var(--fluid-fs) * pow(var(--fluid-ratio), 3)); --h-4: calc(var(--fluid-fs) * pow(var(--fluid-ratio), 2)); --h-5: calc(var(--fluid-fs) * pow(var(--fluid-ratio), 1)); --h-6: var(--fluid-fs);  --space-xs: calc(var(--fluid-fs) * 0.25); --space-sm: calc(var(--fluid-fs) * 0.5); --space-md: calc(var(--fluid-fs)); --space-lg: calc(var(--fluid-fs) * 1.5); --space-xl: calc(var(--fluid-fs) * 2); --space-2xl: calc(var(--fluid-fs) * 3); --space-3xl: calc(var(--fluid-fs) * 4); } @media screen and (min-width: 1921px) { :root { --fluid-fs: var(--fluid-fs-lg); } }  html { font-size: var(--fluid-fs); }   img { max-width: 100%; height: auto; }  .container { width: 100%; padding-right: var(--space-md); padding-left: var(--space-md); margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: calc(var(--space-md) * -0.5); margin-left: calc(var(--space-md) * -0.5); } .col { flex: 1 0 0%; padding-right: calc(var(--space-md) * 0.5); padding-left: calc(var(--space-md) * 0.5); }   .text-xs { font-size: var(--text-xs); } .text-sm { font-size: var(--text-sm); } .text-md { font-size: var(--text-md); } .text-lg { font-size: var(--text-lg); } .text-xl { font-size: var(--text-xl); } .h-hero { font-size: var(--h-hero); } .h-lead { font-size: var(--h-lead); } .h1 { font-size: var(--h-1); } .h2 { font-size: var(--h-2); } .h3 { font-size: var(--h-3); } .h4 { font-size: var(--h-4); } .h5 { font-size: var(--h-5); } .h6 { font-size: var(--h-6); }  .ma-0 { margin: 0; } .mx-0 { margin-left: 0; margin-right: 0; } .my-0 { margin-top: 0; margin-bottom: 0; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .mr-0 { margin-right: 0; } .ma-1 { margin: var(--space-xs); } .mx-1 { margin-left: var(--space-xs); margin-right: var(--space-xs); } .my-1 { margin-top: var(--space-xs); margin-bottom: var(--space-xs); } .mt-1 { margin-top: var(--space-xs); } .mb-1 { margin-bottom: var(--space-xs); } .ml-1 { margin-left: var(--space-xs); } .mr-1 { margin-right: var(--space-xs); } .ma-2 { margin: var(--space-sm); } .mx-2 { margin-left: var(--space-sm); margin-right: var(--space-sm); } .my-2 { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } .mt-2 { margin-top: var(--space-sm); } .mb-2 { margin-bottom: var(--space-sm); } .ml-2 { margin-left: var(--space-sm); } .mr-2 { margin-right: var(--space-sm); } .ma-3 { margin: var(--space-md); } .mx-3 { margin-left: var(--space-md); margin-right: var(--space-md); } .my-3 { margin-top: var(--space-md); margin-bottom: var(--space-md); } .mt-3 { margin-top: var(--space-md); } .mb-3 { margin-bottom: var(--space-md); } .ml-3 { margin-left: var(--space-md); } .mr-3 { margin-right: var(--space-md); } .ma-4 { margin: var(--space-lg); } .mx-4 { margin-left: var(--space-lg); margin-right: var(--space-lg); } .my-4 { margin-top: var(--space-lg); margin-bottom: var(--space-lg); } .mt-4 { margin-top: var(--space-lg); } .mb-4 { margin-bottom: var(--space-lg); } .ml-4 { margin-left: var(--space-lg); } .mr-4 { margin-right: var(--space-lg); } .ma-5 { margin: var(--space-xl); } .mx-5 { margin-left: var(--space-xl); margin-right: var(--space-xl); } .my-5 { margin-top: var(--space-xl); margin-bottom: var(--space-xl); } .mt-5 { margin-top: var(--space-xl); } .mb-5 { margin-bottom: var(--space-xl); } .ml-5 { margin-left: var(--space-xl); } .mr-5 { margin-right: var(--space-xl); } .ma-6 { margin: var(--space-2xl); } .mx-6 { margin-left: var(--space-2xl); margin-right: var(--space-2xl); } .my-6 { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); } .mt-6 { margin-top: var(--space-2xl); } .mb-6 { margin-bottom: var(--space-2xl); } .ml-6 { margin-left: var(--space-2xl); } .mr-6 { margin-right: var(--space-2xl); } .ma-7 { margin: var(--space-x2xl); } .mx-7 { margin-left: var(--space-x2xl); margin-right: var(--space-x2xl); } .my-7 { margin-top: var(--space-x2xl); margin-bottom: var(--space-x2xl); } .mt-7 { margin-top: var(--space-x2xl); } .mb-7 { margin-bottom: var(--space-x2xl); } .ml-7 { margin-left: var(--space-x2xl); } .mr-7 { margin-right: var(--space-x2xl); }  .pa-0 { padding: 0; } .px-0 { padding-left: 0; padding-right: 0; } .py-0 { padding-top: 0; padding-bottom: 0; } .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } .pa-1 { padding: var(--space-xs); } .px-1 { padding-left: var(--space-xs); padding-right: var(--space-xs); } .py-1 { padding-top: var(--space-xs); padding-bottom: var(--space-xs); } .pt-1 { padding-top: var(--space-xs); } .pb-1 { padding-bottom: var(--space-xs); } .pl-1 { padding-left: var(--space-xs); } .pr-1 { padding-right: var(--space-xs); } .pa-2 { padding: var(--space-sm); } .px-2 { padding-left: var(--space-sm); padding-right: var(--space-sm); } .py-2 { padding-top: var(--space-sm); padding-bottom: var(--space-sm); } .pt-2 { padding-top: var(--space-sm); } .pb-2 { padding-bottom: var(--space-sm); } .pl-2 { padding-left: var(--space-sm); } .pr-2 { padding-right: var(--space-sm); } .pa-3 { padding: var(--space-md); } .px-3 { padding-left: var(--space-md); padding-right: var(--space-md); } .py-3 { padding-top: var(--space-md); padding-bottom: var(--space-md); } .pt-3 { padding-top: var(--space-md); } .pb-3 { padding-bottom: var(--space-md); } .pl-3 { padding-left: var(--space-md); } .pr-3 { padding-right: var(--space-md); } .pa-4 { padding: var(--space-lg); } .px-4 { padding-left: var(--space-lg); padding-right: var(--space-lg); } .py-4 { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } .pt-4 { padding-top: var(--space-lg); } .pb-4 { padding-bottom: var(--space-lg); } .pl-4 { padding-left: var(--space-lg); } .pr-4 { padding-right: var(--space-lg); } .pa-5 { padding: var(--space-xl); } .px-5 { padding-left: var(--space-xl); padding-right: var(--space-xl); } .py-5 { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } .pt-5 { padding-top: var(--space-xl); } .pb-5 { padding-bottom: var(--space-xl); } .pl-5 { padding-left: var(--space-xl); } .pr-5 { padding-right: var(--space-xl); } .pa-6 { padding: var(--space-2xl); } .px-6 { padding-left: var(--space-2xl); padding-right: var(--space-2xl); } .py-6 { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } .pt-6 { padding-top: var(--space-2xl); } .pb-6 { padding-bottom: var(--space-2xl); } .pl-6 { padding-left: var(--space-2xl); } .pr-6 { padding-right: var(--space-2xl); } .pa-7 { padding: var(--space-x2xl); } .px-7 { padding-left: var(--space-x2xl); padding-right: var(--space-x2xl); } .py-7 { padding-top: var(--space-x2xl); padding-bottom: var(--space-x2xl); } .pt-7 { padding-top: var(--space-x2xl); } .pb-7 { padding-bottom: var(--space-x2xl); } .pl-7 { padding-left: var(--space-x2xl); } .pr-7 { padding-right: var(--space-x2xl); }