:root {
      --typo-title-xl-font-size: 4.5rem;
      --typo-title-xl-line-height: 4.2rem;
      --typo-title-xl-letter-spacing: -0.18rem;

      --typo-title-l-font-size: clamp(1.9rem, 9vw, 2.7rem);
      --typo-title-l-line-height: clamp(1.9rem, 9vw, 2.7rem);
      --typo-title-l-letter-spacing: clamp(-0.038rem, -0.18vw, -0.054rem);

      --typo-title-m-font-size: clamp(1.5rem, 7vw, 1.9rem);
      --typo-title-m-line-height: clamp(1.65rem, 7.7vw, 2.09rem);
      --typo-title-m-letter-spacing: clamp(-0.015rem, -0.07vw, -0.019rem);

      --typo-title-s-font-size: clamp(1.2rem, 5.5vw, 1.3rem);
      --typo-title-s-line-height: clamp(1.55rem, 6.6vw, 1.56rem);
      --typo-title-s-letter-spacing: clamp(-0.006rem, -0.0275vw, -0.0065rem)-0.005rem;

      --typo-title-xs-font-size: 1rem;
      --typo-title-xs-line-height: 1.25rem;
      --typo-title-xs-letter-spacing: -0.005rem;

      --typo-text-l-font-size: 1rem;
      --typo-text-l-line-height: 1.5rem;

      --typo-text-m-font-size: 0.875rem;
      --typo-text-m-line-height: 1.35625rem;
      --typo-text-m-line-height-narrow: 1.35625rem;

      --typo-text-s-font-size: 0.8125rem;
      --typo-text-s-line-height: 1.3125rem;
      --typo-text-s-line-height-narrow: 1.25rem;

      --typo-text-ui-font-size: max(0.75rem, 13px);
      --typo-list-item-margim: 0.75rem;
      --typo-list-font-size: var(--typo-text-m-font-size);
      --typo-list-line-height: var(--typo-text-m-line-height);
      --typo-list-bullet: "—";
      --page-padding-inline: 5.55vw;
      --page-content-max-width-m: 64.5rem;
      --page-text-max-width: var(--typo-text-block-max-width);
      --page-font-face: "Onest";
      --border-radius-xs: 0.187rem;
      --border-radius-s: 0.375rem;
      --border-radius-m: 1rem;
      --border-radius-l: 2rem;
      --page-section-gap: 10rem;
      --typo-text-block-max-width: 35rem;
      --typo-text-block-l-max-width: 45rem;
      --typo-narrw-text-block-max-width-2: 17.5rem;
      --control-button-border-radius: var(--border-radius-s);
      --control-button-size-m-height: var(--control-height-m);
      --control-button-size-s-height: var(--control-height-s);
      --control-input-border-radius: var(--border-radius-s);
      --control-input-size-m-height: 3rem;
      --control-input-size-s-height: 2.25rem;
      --control-input-size-m-padding-inline: 0.5rem;
      --control-height-m: 2.25rem;
      --control-height-s: 1.5rem;
      --gap-xxxs: 0.1875rem;
      --gap-xxs: 0.375rem;
      --gap-xs: 0.75rem;
      --gap-s: 1.5rem;
      --gap-m: 3rem;
      --gap-l: 6rem;
      --gap-xl: 9rem;
      --header-height: 3rem;
      --header-opacity: 4.6875rem;
      --header-backdrop-blur: 3rem;
      --hero-title-font-size: 4rem;
      --hero-title-line-height: 4rem;
      --hero-title-letter-spacing: -0.12rem;
      --padding-xxs: var(--gap-xxs);
      --padding-xs: var(--gap-xs);
      --padding-s: var(--gap-s);
      --padding-m: var(--gap-m);
      --padding-l: var(--gap-l);
      --padding-xl: var(--gap-xl);
      --card-size-xs-width: 20rem;
      --card-size-s-width: 24rem;
      --card-size-m-width: 32rem;
      --card-size-l-width: 40rem;

      --typo-title-xl: var(--typo-title-xl-font-size) var(--font-weight-title) var(var(--typo-title-xl-line-height));
      --typo-title-l: var(--typo-title-l-font-size) var(--font-weight-title) var(var(--typo-title-l-line-height));
      --typo-title-m: var(--typo-title-m-font-size) var(--font-weight-title) var(var(--typo-title-m-line-height));
      --typo-title-s: var(--typo-title-s-font-size) var(--font-weight-title) var(var(--typo-title-s-line-height));
      --typo-title-xs: var(--typo-title-xs-font-size) var(--font-weight-title) var(var(--typo-title-xs-line-height));
      --typo-text-l: var(--typo-text-l-font-size) var(--font-weight-title) var(var(--typo-text-l-line-height));
      --typo-text-m: var(--typo-text-m-font-size) var(--font-weight-title) var(var(--typo-text-m-line-height));
      --typo-text-s: var(--typo-text-s-font-size) var(--font-weight-title) var(var(--typo-text-s-line-height));
}