:root {
  --token-set-order-4: component/feature;
  --token-set-order-3: component/card;
  --token-set-order-2: component/button;
  --token-set-order-1: semantic;
  --token-set-order-0: global;
  --box-shadow-inner-default-type: innerShadow;
  --box-shadow-inner-default-color: #000000;
  --box-shadow-inner-default-spread: 0;
  --box-shadow-inner-default-blur: 0;
  --box-shadow-inner-default-y: 0;
  --box-shadow-inner-default-x: 10;
  --box-shadow-default-type: dropShadow;
  --box-shadow-default-color: #000000;
  --box-shadow-default-spread: 0;
  --box-shadow-default-blur: 0;
  --box-shadow-default-y: 0;
  --box-shadow-default-x: 0;
  --spacing-base: 16;
  --line-height-base: 100%;
  --line-height-xl: 150%;
  --line-height-lg: 140%;
  --line-height-md: 130%;
  --line-height-sm: 120%;
  --line-height-xs: 110%;
  --breakpoint-xxl: 2000;
  --breakpoint-xl: 1400;
  --breakpoint-lg: 1100;
  --breakpoint-md: 860;
  --breakpoint-sm: 668;
  --breakpoint-xs: 360;
  --breakpoint-2xs: 320;
  --border-width-none: 0;
  --border-width-thicker: 2px;
  --border-width-thin: 1px;
  --letter-spacing-neg-lg: -1.5px;
  --letter-spacing-neg-md: -1px;
  --letter-spacing-neg-sm: -0.5px;
  --letter-spacing-sm: 0.5px;
  --letter-spacing-none: 0;
  --paragraph-spacing-8: 16;
  --paragraph-spacing-7: 12;
  --paragraph-spacing-6: 10;
  --paragraph-spacing-5: 9;
  --paragraph-spacing-4: 8;
  --paragraph-spacing-3: 7;
  --paragraph-spacing-2: 6;
  --paragraph-spacing-1: 4;
  --paragraph-spacing-0: 0;
  --text-decoration-underline: underline;
  --text-decoration-none: none;
  --text-case-none: none;
  --text-case-uppercase: uppercase;
  --font-style-italic: italic;
  --font-style-normal: normal;
  --font-size-base: 16;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-family-serif: Georgia;
  --font-family-sans: TP Rubrik;
  --border-radius-square-default: 0;
  --border-radius-rounded-xl: 27;
  --border-radius-rounded-lg: 22;
  --border-radius-rounded-md: 16;
  --border-radius-rounded-sm: 8;
  --border-radius-rounded-xs: 4;
  --color-brown-900: #544334;
  --color-brown-800: #786452;
  --color-brown-700: #cfbcae;
  --color-brown-500: #dfd2c9;
  --color-brown-400: #e8dfd9;
  --color-brown-300: #eee7e2;
  --color-brown-200: #f2efec;
  --color-brown-100: #faf9f7;
  --color-yellow-500: #ffc700;
  --color-green-900: #5e7f24;
  --color-green-800: #648727;
  --color-green-700: #6f972b;
  --color-green-500: #95b350;
  --color-green-400: #c4da8b;
  --color-green-300: #e0ecc0;
  --color-green-200: #eaf2d4;
  --color-green-100: #f1f5e6;
  --color-neutral-900: #050505;
  --color-neutral-800: #414141;
  --color-neutral-500: #919191;
  --color-neutral-400: #cdcdcd;
  --color-neutral-300: #e3e1e1;
  --color-neutral-100: #ffffff;
  --color-pink-900: #c0165c;
  --color-pink-800: #d01c65;
  --color-pink-700: #e1176b;
  --color-pink-600: #f00070;
  --color-pink-500: #fc5fa7;
  --color-pink-400: #f8bcd8;
  --color-pink-300: #fbdae9;
  --color-pink-200: #fde8f2;
  --color-pink-100: #fef1f7;
  --color-blue-900: #004975;
  --color-blue-800: #005587;
  --color-blue-700: #0274b5;
  --color-blue-600: #0c7bbb;
  --color-blue-500: #41b6e6;
  --color-blue-400: #bce4f5;
  --color-blue-300: #d7eff9;
  --color-blue-200: #e5f4fb;
  --color-blue-100: #ecf8fc;
  --headline-3xl-mid-paragraph-spacing: ;
  --duration-slowly: 0.40s;
  --duration-quickly: 0.10s;
  --duration-promptly: 0.20s;
  --duration-paused: 3.20s;
  --duration-instantly: 0.00s;
  --duration-immediately: 0.05s;
  --z-index-toast: 10000;
  --z-index-popup: 5000;
  --z-index-overlay: 8000;
  --z-index-modal: 9000;
  --z-index-dropdown: 7000;
  --z-index-default: 1;
  --z-index-deepdive: -99999;
  --spacing-08: var(--spacing-base)*2;
  --spacing-06: var(--spacing-base)*1.5;
  --spacing-05: var(--spacing-base)*1.25;
  --spacing-04: 16;
  --spacing-03: var(--spacing-base)*.75;
  --spacing-02: var(--spacing-base)*.5;
  --spacing-01: var(--spacing-base)*.25;
  --spacing-64: var(--spacing-base)*16;
  --spacing-56: var(--spacing-base)*14;
  --spacing-48: var(--spacing-base)*12;
  --spacing-40: var(--spacing-base)*10;
  --spacing-32: var(--spacing-base)*8;
  --spacing-24: var(--spacing-base)*6;
  --spacing-20: var(--spacing-base)*5;
  --spacing-16: var(--spacing-base)*4;
  --spacing-12: var(--spacing-base)*3;
  --spacing-10: var(--spacing-base)*2.5;
  --font-size-lg: var(--font-size-base)*2.75;
  --font-size-6xs: var(--font-size-base)*0.875;
  --font-size-5xs: var(--font-size-base)*1.125;
  --font-size-4xs: var(--font-size-base)*1.25;
  --font-size-3xs: var(--font-size-base)*1.5;
  --font-size-2xs: var(--font-size-base)*1.75;
  --font-size-xs: var(--font-size-base)*2;
  --font-size-sm: var(--font-size-base)*2.25;
  --font-size-md: var(--font-size-base)*2.5;
  --font-size-xl: var(--font-size-base)*3;
  --font-size-2xl: var(--font-size-base)*3.5;
  --font-size-3xl: var(--font-size-base)*3.625;
  --font-size-4xl: var(--font-size-base)*4;
  --font-size-5xl: var(--font-size-base)*4.5;
  --button-radius-lg: 27;
  --button-radius-md: 22;
  --button-radius-sm: 16;
  --body-sm-min-bold-paragraph-spacing: 10;
  --body-sm-min-bold-font-weight: 700;
  --body-sm-min-bold-text-case: var(--text-case-none);
  --body-sm-min-bold-text-decoration: var(--text-decoration-none);
  --body-sm-min-bold-letter-spacing: 0;
  --body-sm-min-bold-font-size: 16;
  --body-sm-min-bold-line-height: var(--line-height-xl);
  --body-sm-min-bold-font-family: var(--font-family-serif);
  --body-sm-min-italic-paragraph-spacing: 10;
  --body-sm-min-italic-font-style: var(--font-style-italic);
  --body-sm-min-italic-font-weight: 400;
  --body-sm-min-italic-text-case: var(--text-case-none);
  --body-sm-min-italic-text-decoration: var(--text-decoration-none);
  --body-sm-min-italic-letter-spacing: 0;
  --body-sm-min-italic-font-size: 16;
  --body-sm-min-italic-line-height: var(--line-height-xl);
  --body-sm-min-italic-font-family: var(--font-family-serif);
  --body-sm-min-reg-paragraph-spacing: 10;
  --body-sm-min-reg-font-weight: 400;
  --body-sm-min-reg-text-case: var(--text-case-none);
  --body-sm-min-reg-text-decoration: var(--text-decoration-none);
  --body-sm-min-reg-letter-spacing: 0;
  --body-sm-min-reg-font-size: 16;
  --body-sm-min-reg-line-height: var(--line-height-xl);
  --body-sm-min-reg-font-family: var(--font-family-serif);
  --body-sm-max-italic-paragraph-spacing: 10;
  --body-sm-max-italic-font-style: var(--font-style-italic);
  --body-sm-max-italic-font-weight: 400;
  --body-sm-max-italic-text-case: var(--text-case-none);
  --body-sm-max-italic-text-decoration: var(--text-decoration-none);
  --body-sm-max-italic-letter-spacing: 0;
  --body-sm-max-italic-font-size: 16;
  --body-sm-max-italic-line-height: var(--line-height-xl);
  --body-sm-max-italic-font-family: var(--font-family-serif);
  --body-sm-max-bold-paragraph-spacing: 10;
  --body-sm-max-bold-font-weight: 700;
  --body-sm-max-bold-text-case: var(--text-case-none);
  --body-sm-max-bold-text-decoration: var(--text-decoration-none);
  --body-sm-max-bold-letter-spacing: 0;
  --body-sm-max-bold-font-size: 16;
  --body-sm-max-bold-line-height: var(--line-height-xl);
  --body-sm-max-bold-font-family: var(--font-family-serif);
  --body-sm-max-reg-paragraph-spacing: 10;
  --body-sm-max-reg-font-weight: 400;
  --body-sm-max-reg-text-case: var(--text-case-none);
  --body-sm-max-reg-text-decoration: var(--text-decoration-none);
  --body-sm-max-reg-letter-spacing: 0;
  --body-sm-max-reg-font-size: 16;
  --body-sm-max-reg-line-height: var(--line-height-xl);
  --body-sm-max-reg-font-family: var(--font-family-serif);
  --body-md-min-bold-paragraph-spacing: 12;
  --body-md-min-bold-font-weight: 700;
  --body-md-min-bold-text-case: var(--text-case-none);
  --body-md-min-bold-text-decoration: var(--text-decoration-none);
  --body-md-min-bold-letter-spacing: 0;
  --body-md-min-bold-line-height: var(--line-height-xl);
  --body-md-min-bold-font-family: var(--font-family-serif);
  --body-md-min-italic-paragraph-spacing: 12;
  --body-md-min-italic-font-style: var(--font-style-italic);
  --body-md-min-italic-font-weight: 400;
  --body-md-min-italic-text-case: var(--text-case-none);
  --body-md-min-italic-text-decoration: var(--text-decoration-none);
  --body-md-min-italic-letter-spacing: 0;
  --body-md-min-italic-line-height: var(--line-height-xl);
  --body-md-min-italic-font-family: var(--font-family-serif);
  --body-md-min-reg-paragraph-spacing: 12;
  --body-md-min-reg-font-weight: 400;
  --body-md-min-reg-text-case: var(--text-case-none);
  --body-md-min-reg-text-decoration: var(--text-decoration-none);
  --body-md-min-reg-letter-spacing: 0;
  --body-md-min-reg-line-height: var(--line-height-xl);
  --body-md-min-reg-font-family: var(--font-family-serif);
  --body-md-max-italic-paragraph-spacing: 12;
  --body-md-max-italic-font-style: var(--font-style-italic);
  --body-md-max-italic-font-weight: 400;
  --body-md-max-italic-text-case: var(--text-case-none);
  --body-md-max-italic-text-decoration: var(--text-decoration-none);
  --body-md-max-italic-letter-spacing: 0;
  --body-md-max-italic-line-height: var(--line-height-xl);
  --body-md-max-italic-font-family: var(--font-family-serif);
  --body-md-max-bold-paragraph-spacing: 12;
  --body-md-max-bold-font-weight: 700;
  --body-md-max-bold-text-case: var(--text-case-none);
  --body-md-max-bold-text-decoration: var(--text-decoration-none);
  --body-md-max-bold-letter-spacing: 0;
  --body-md-max-bold-line-height: var(--line-height-xl);
  --body-md-max-bold-font-family: var(--font-family-serif);
  --body-md-max-reg-paragraph-spacing: 12;
  --body-md-max-reg-font-weight: 400;
  --body-md-max-reg-text-case: var(--text-case-none);
  --body-md-max-reg-text-decoration: var(--text-decoration-none);
  --body-md-max-reg-letter-spacing: 0;
  --body-md-max-reg-line-height: var(--line-height-xl);
  --body-md-max-reg-font-family: var(--font-family-serif);
  --body-lg-min-bold-paragraph-spacing: 12;
  --body-lg-min-bold-text-case: var(--text-case-none);
  --body-lg-min-bold-text-decoration: var(--text-decoration-none);
  --body-lg-min-bold-letter-spacing: 0;
  --body-lg-min-bold-line-height: var(--line-height-xl);
  --body-lg-min-bold-font-weight: 700;
  --body-lg-min-bold-font-family: var(--font-family-serif);
  --body-lg-min-italic-paragraph-spacing: 12;
  --body-lg-min-italic-text-case: var(--text-case-none);
  --body-lg-min-italic-text-decoration: var(--text-decoration-none);
  --body-lg-min-italic-letter-spacing: 0;
  --body-lg-min-italic-line-height: var(--line-height-xl);
  --body-lg-min-italic-font-style: var(--font-style-italic);
  --body-lg-min-italic-font-weight: 400;
  --body-lg-min-italic-font-family: var(--font-family-serif);
  --body-lg-min-reg-paragraph-spacing: 12;
  --body-lg-min-reg-text-case: var(--text-case-none);
  --body-lg-min-reg-text-decoration: var(--text-decoration-none);
  --body-lg-min-reg-letter-spacing: 0;
  --body-lg-min-reg-line-height: var(--line-height-xl);
  --body-lg-min-reg-font-weight: 400;
  --body-lg-min-reg-font-family: var(--font-family-serif);
  --body-lg-max-italic-paragraph-spacing: 12;
  --body-lg-max-italic-text-case: var(--text-case-none);
  --body-lg-max-italic-text-decoration: var(--text-decoration-none);
  --body-lg-max-italic-letter-spacing: 0;
  --body-lg-max-italic-line-height: var(--line-height-xl);
  --body-lg-max-italic-font-style: var(--font-style-italic);
  --body-lg-max-italic-font-weight: 400;
  --body-lg-max-italic-font-family: var(--font-family-serif);
  --body-lg-max-bold-paragraph-spacing: 12;
  --body-lg-max-bold-text-case: var(--text-case-none);
  --body-lg-max-bold-text-decoration: var(--text-decoration-none);
  --body-lg-max-bold-letter-spacing: 0;
  --body-lg-max-bold-line-height: var(--line-height-xl);
  --body-lg-max-bold-font-weight: 700;
  --body-lg-max-bold-font-family: var(--font-family-serif);
  --body-lg-max-reg-paragraph-spacing: 12;
  --body-lg-max-reg-text-case: var(--text-case-none);
  --body-lg-max-reg-text-decoration: var(--text-decoration-none);
  --body-lg-max-reg-letter-spacing: 0;
  --body-lg-max-reg-line-height: var(--line-height-xl);
  --body-lg-max-reg-font-weight: 400;
  --body-lg-max-reg-font-family: var(--font-family-serif);
  --headline-eyebrow-min-text-case: var(--text-case-uppercase);
  --headline-eyebrow-min-text-decoration: var(--text-decoration-none);
  --headline-eyebrow-min-letter-spacing: 0;
  --headline-eyebrow-min-line-height: var(--line-height-xl);
  --headline-eyebrow-min-font-weight: 400;
  --headline-eyebrow-min-font-family: var(--font-family-sans);
  --headline-eyebrow-max-text-decoration: var(--text-decoration-none);
  --headline-eyebrow-max-letter-spacing: var(--letter-spacing-sm);
  --headline-eyebrow-max-line-height: var(--line-height-xl);
  --headline-eyebrow-max-text-case: var(--text-case-uppercase);
  --headline-eyebrow-max-font-weight: 400;
  --headline-eyebrow-max-font-family: var(--font-family-sans);
  --headline-xs-min-text-case: var(--text-case-none);
  --headline-xs-min-text-decoration: var(--text-decoration-none);
  --headline-xs-min-letter-spacing: 0;
  --headline-xs-min-line-height: var(--line-height-sm);
  --headline-xs-min-font-weight: 500;
  --headline-xs-min-font-family: var(--font-family-sans);
  --headline-xs-mid-text-case: var(--text-case-none);
  --headline-xs-mid-text-decoration: var(--text-decoration-none);
  --headline-xs-mid-letter-spacing: 0;
  --headline-xs-mid-line-height: var(--line-height-sm);
  --headline-xs-mid-font-weight: 500;
  --headline-xs-mid-font-family: var(--font-family-sans);
  --headline-xs-max-text-case: var(--text-case-none);
  --headline-xs-max-text-decoration: var(--text-decoration-none);
  --headline-xs-max-letter-spacing: 0;
  --headline-xs-max-line-height: var(--line-height-sm);
  --headline-xs-max-font-weight: 500;
  --headline-xs-max-font-family: var(--font-family-sans);
  --headline-sm-min-text-case: var(--text-case-none);
  --headline-sm-min-text-decoration: var(--text-decoration-none);
  --headline-sm-min-letter-spacing: 0;
  --headline-sm-min-line-height: var(--line-height-lg);
  --headline-sm-min-font-weight: 500;
  --headline-sm-min-font-family: var(--font-family-sans);
  --headline-sm-mid-text-case: var(--text-case-none);
  --headline-sm-mid-text-decoration: var(--text-decoration-none);
  --headline-sm-mid-letter-spacing: 0;
  --headline-sm-mid-line-height: var(--line-height-md);
  --headline-sm-mid-font-weight: 500;
  --headline-sm-mid-font-family: var(--font-family-sans);
  --headline-sm-max-text-case: var(--text-case-none);
  --headline-sm-max-text-decoration: var(--text-decoration-none);
  --headline-sm-max-letter-spacing: 0;
  --headline-sm-max-line-height: var(--line-height-sm);
  --headline-sm-max-font-weight: 500;
  --headline-sm-max-font-family: var(--font-family-sans);
  --headline-md-min-font-weight: 500;
  --headline-md-min-line-height: var(--line-height-lg);
  --headline-md-min-font-family: var(--font-family-sans);
  --headline-md-mid-font-weight: 500;
  --headline-md-mid-line-height: var(--line-height-md);
  --headline-md-mid-font-family: var(--font-family-sans);
  --headline-md-max-font-weight: 500;
  --headline-md-max-line-height: var(--line-height-sm);
  --headline-md-max-font-family: var(--font-family-sans);
  --headline-lg-min-text-case: var(--text-case-none);
  --headline-lg-min-text-decoration: var(--text-decoration-none);
  --headline-lg-min-letter-spacing: 0;
  --headline-lg-min-line-height: var(--line-height-md);
  --headline-lg-min-font-weight: 500;
  --headline-lg-min-font-family: var(--font-family-sans);
  --headline-lg-mid-text-case: var(--text-case-none);
  --headline-lg-mid-text-decoration: var(--text-decoration-none);
  --headline-lg-mid-letter-spacing: 0;
  --headline-lg-mid-line-height: var(--line-height-sm);
  --headline-lg-mid-font-weight: 500;
  --headline-lg-mid-font-family: var(--font-family-sans);
  --headline-lg-max-text-case: var(--text-case-none);
  --headline-lg-max-text-decoration: var(--text-decoration-none);
  --headline-lg-max-letter-spacing: 0;
  --headline-lg-max-line-height: var(--line-height-sm);
  --headline-lg-max-font-weight: 500;
  --headline-lg-max-font-family: var(--font-family-sans);
  --headline-xl-min-text-case: var(--text-case-none);
  --headline-xl-min-text-decoration: var(--text-decoration-none);
  --headline-xl-min-letter-spacing: 0;
  --headline-xl-min-line-height: var(--line-height-xs);
  --headline-xl-min-font-weight: 500;
  --headline-xl-min-font-family: var(--font-family-sans);
  --headline-xl-mid-text-case: var(--text-case-none);
  --headline-xl-mid-text-decoration: var(--text-decoration-none);
  --headline-xl-mid-letter-spacing: 0;
  --headline-xl-mid-line-height: var(--line-height-xs);
  --headline-xl-mid-font-weight: 500;
  --headline-xl-mid-font-family: var(--font-family-sans);
  --headline-xl-max-text-case: var(--text-case-none);
  --headline-xl-max-text-decoration: var(--text-decoration-none);
  --headline-xl-max-letter-spacing: var(--letter-spacing-neg-sm);
  --headline-xl-max-line-height: var(--line-height-xs);
  --headline-xl-max-font-weight: 500;
  --headline-xl-max-font-family: var(--font-family-sans);
  --headline-2xl-min-text-case: var(--text-case-none);
  --headline-2xl-min-text-decoration: var(--text-decoration-none);
  --headline-2xl-min-letter-spacing: 0;
  --headline-2xl-min-line-height: var(--line-height-sm);
  --headline-2xl-min-font-weight: 500;
  --headline-2xl-min-font-family: var(--font-family-sans);
  --headline-2xl-mid-text-case: var(--text-case-none);
  --headline-2xl-mid-text-decoration: var(--text-decoration-none);
  --headline-2xl-mid-letter-spacing: 0;
  --headline-2xl-mid-line-height: var(--line-height-xs);
  --headline-2xl-mid-font-weight: 500;
  --headline-2xl-mid-font-family: var(--font-family-sans);
  --headline-2xl-max-text-case: var(--text-case-none);
  --headline-2xl-max-text-decoration: var(--text-decoration-none);
  --headline-2xl-max-letter-spacing: var(--letter-spacing-neg-md);
  --headline-2xl-max-line-height: var(--line-height-xs);
  --headline-2xl-max-font-weight: 500;
  --headline-2xl-max-font-family: var(--font-family-sans);
  --headline-3xl-min-text-case: var(--text-case-none);
  --headline-3xl-min-text-decoration: var(--text-decoration-none);
  --headline-3xl-min-letter-spacing: 0;
  --headline-3xl-min-line-height: var(--line-height-sm);
  --headline-3xl-min-font-weight: 500;
  --headline-3xl-min-font-family: var(--font-family-sans);
  --headline-3xl-mid-text-case: var(--text-case-none);
  --headline-3xl-mid-text-decoration: var(--text-decoration-none);
  --headline-3xl-mid-letter-spacing: var(--letter-spacing-neg-md);
  --headline-3xl-mid-line-height: var(--line-height-xs);
  --headline-3xl-mid-font-weight: 500;
  --headline-3xl-mid-font-family: var(--font-family-sans);
  --headline-3xl-max-text-case: var(--text-case-none);
  --headline-3xl-max-text-decoration: var(--text-decoration-none);
  --headline-3xl-max-letter-spacing: var(--letter-spacing-neg-lg);
  --headline-3xl-max-line-height: var(--line-height-xs);
  --headline-3xl-max-font-weight: 500;
  --headline-3xl-max-font-family: var(--font-family-sans);
  --stroke-none: 0;
  --stroke-light: var(--border-width-thin);
  --stroke-default: var(--border-width-thicker);
  --body-md-min-bold-font-size: var(--font-size-5xs);
  --body-md-min-italic-font-size: var(--font-size-5xs);
  --body-md-min-reg-font-size: var(--font-size-5xs);
  --body-md-max-italic-font-size: var(--font-size-4xs);
  --body-md-max-bold-font-size: var(--font-size-4xs);
  --body-md-max-reg-font-size: var(--font-size-4xs);
  --body-lg-min-bold-font-size: var(--font-size-4xs);
  --body-lg-min-italic-font-size: var(--font-size-4xs);
  --body-lg-min-reg-font-size: var(--font-size-4xs);
  --body-lg-max-italic-font-size: var(--font-size-3xs);
  --body-lg-max-bold-font-size: var(--font-size-3xs);
  --body-lg-max-reg-font-size: var(--font-size-3xs);
  --headline-eyebrow-min-font-size: var(--font-size-6xs);
  --headline-eyebrow-max-font-size: var(--font-size-5xs);
  --headline-xs-min-font-size: var(--font-size-5xs);
  --headline-xs-mid-font-size: var(--font-size-4xs);
  --headline-xs-max-font-size: var(--font-size-3xs);
  --headline-sm-min-font-size: var(--font-size-4xs);
  --headline-sm-mid-font-size: var(--font-size-3xs);
  --headline-sm-max-font-size: var(--font-size-2xs);
  --headline-md-min-font-size: var(--font-size-3xs);
  --headline-md-mid-font-size: var(--font-size-2xs);
  --headline-md-max-font-size: var(--font-size-sm);
  --headline-lg-min-font-size: var(--font-size-2xs);
  --headline-lg-mid-font-size: var(--font-size-xs);
  --headline-lg-max-font-size: var(--font-size-lg);
  --headline-xl-min-font-size: var(--font-size-xs);
  --headline-xl-mid-font-size: var(--font-size-sm);
  --headline-xl-max-font-size: var(--font-size-2xl);
  --headline-2xl-min-font-size: var(--font-size-sm);
  --headline-2xl-mid-font-size: var(--font-size-lg);
  --headline-2xl-max-font-size: var(--font-size-4xl);
  --headline-3xl-min-font-size: var(--font-size-md);
  --headline-3xl-mid-font-size: var(--font-size-2xl);
  --headline-3xl-max-font-size: var(--font-size-5xl);
}