@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
  --nordic-ff-base: "Open Sans", sans-serif;
}

/* prettier-ignore */
@media (min-width: 500px) {
  :root {
    /* font-sizes: heading */
    --nordic-fs-heading-h1: 3rem; /* 48px */
    --nordic-fs-heading-h2: 2rem; /* 32px */
    --nordic-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --nordic-fs-body-base: 1.125rem; /* 18px */
    --nordic-fs-body-10: 0.625rem; /* 10px */
    --nordic-fs-body-12: 0.75rem; /* 12px */
    --nordic-fs-body-13: 0.8125rem; /* 13px */
    --nordic-fs-body-paragraph: 1.25rem; /* 20px */
    --nordic-fs-body-14: 0.875rem; /* 14px */
    --nordic-fs-body-16: 1rem; /* 16px */
    /* font-sizes: label */
    --nordic-fs-label-18: 1.125rem; /* 18px */
    --nordic-fs-label-16: 1rem; /* 16px */
    --nordic-fs-label-14: 0.875rem; /* 14px */
    /* font-sizes: type */
    --nordic-fs-type-quote: 1.5rem; /* 24px */
    --nordic-fs-type-eyebrow: 1.25rem; /* 20px */
    --nordic-fs-type-small: 0.8125rem; /* 13px */
    /* line-heights: heading */
    --nordic-lh-heading-h1: 1.1360416667; /* 54.53px */
    --nordic-lh-heading-h2: 1.40625; /* 45px */
    --nordic-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --nordic-lh-body-base: 1.2222222222; /* 22px */
    --nordic-lh-body-10: 1.8; /* 18px */
    --nordic-lh-body-12: 1.8333333333; /* 22px */
    --nordic-lh-body-13: 1.6923076923; /* 22px */
    --nordic-lh-body-paragraph: 1.1; /* 22px */
    --nordic-lh-body-14: 1.5714285714; /* 22px */
    --nordic-lh-body-16: 1.5; /* 24px */
    /* line-heights: label */
    --nordic-lh-label-18: 1.3333333333; /* 24px */
    --nordic-lh-label-16: 1.5; /* 24px */
    --nordic-lh-label-14: 1.5714285714; /* 22px */
    /* line-heights: type */
    --nordic-lh-type-quote: 1; /* 24px */
    --nordic-lh-type-eyebrow: 1.2; /* 24px */
    --nordic-lh-type-small: 1.6923076923; /* 22px */
  }
}
@media (min-width: 992px) {
  :root {
    /* font-sizes: heading */
    --nordic-fs-heading-h1: 3rem; /* 48px */
    --nordic-fs-heading-h2: 2rem; /* 32px */
    --nordic-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --nordic-fs-body-base: 1.125rem; /* 18px */
    --nordic-fs-body-10: 0.625rem; /* 10px */
    --nordic-fs-body-12: 0.75rem; /* 12px */
    --nordic-fs-body-13: 0.8125rem; /* 13px */
    --nordic-fs-body-paragraph: 1.25rem; /* 20px */
    --nordic-fs-body-14: 0.875rem; /* 14px */
    --nordic-fs-body-16: 1rem; /* 16px */
    /* font-sizes: label */
    --nordic-fs-label-18: 1.125rem; /* 18px */
    --nordic-fs-label-16: 1rem; /* 16px */
    --nordic-fs-label-14: 0.875rem; /* 14px */
    /* font-sizes: type */
    --nordic-fs-type-quote: 1.5rem; /* 24px */
    --nordic-fs-type-eyebrow: 1.25rem; /* 20px */
    --nordic-fs-type-small: 0.8125rem; /* 13px */
    /* line-heights: heading */
    --nordic-lh-heading-h1: 1.1360416667; /* 54.53px */
    --nordic-lh-heading-h2: 1.40625; /* 45px */
    --nordic-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --nordic-lh-body-base: 1.4444444444; /* 26px */
    --nordic-lh-body-10: 2; /* 20px */
    --nordic-lh-body-12: 2.1666666667; /* 26px */
    --nordic-lh-body-13: 2; /* 26px */
    --nordic-lh-body-paragraph: 1.3; /* 26px */
    --nordic-lh-body-14: 1.7142857143; /* 24px */
    --nordic-lh-body-16: 1.5; /* 24px */
    /* line-heights: label */
    --nordic-lh-label-18: 1.5555555556; /* 28px */
    --nordic-lh-label-16: 1.5; /* 24px */
    --nordic-lh-label-14: 1.7142857143; /* 24px */
    /* line-heights: type */
    --nordic-lh-type-quote: 1.1666666667; /* 28px */
    --nordic-lh-type-eyebrow: 1.2; /* 24px */
    --nordic-lh-type-small: 1.8461538462; /* 24px */
  }
}
@media (min-width: 1024px) {
  :root {
    /* font-sizes: heading */
    --nordic-fs-heading-h1: 3rem; /* 48px */
    --nordic-fs-heading-h2: 2rem; /* 32px */
    --nordic-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --nordic-fs-body-base: 1.125rem; /* 18px */
    --nordic-fs-body-10: 0.625rem; /* 10px */
    --nordic-fs-body-12: 0.75rem; /* 12px */
    --nordic-fs-body-13: 0.8125rem; /* 13px */
    --nordic-fs-body-paragraph: 1.25rem; /* 20px */
    --nordic-fs-body-14: 0.875rem; /* 14px */
    --nordic-fs-body-16: 1rem; /* 16px */
    /* font-sizes: label */
    --nordic-fs-label-18: 1.125rem; /* 18px */
    --nordic-fs-label-16: 1rem; /* 16px */
    /* font-sizes: type */
    --nordic-fs-type-quote: 1.5rem; /* 24px */
    --nordic-fs-type-eyebrow: 1.25rem; /* 20px */
    /* line-heights: heading */
    --nordic-lh-heading-h1: 1.1360416667; /* 54.53px */
    --nordic-lh-heading-h2: 1.40625; /* 45px */
    --nordic-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --nordic-lh-body-base: 1.1361111111; /* 20.45px */
    --nordic-lh-body-10: 2.2; /* 22px */
    --nordic-lh-body-12: 2.1666666667; /* 26px */
    --nordic-lh-body-13: 2; /* 26px */
    --nordic-lh-body-paragraph: 1.3; /* 26px */
    --nordic-lh-body-14: 1.7142857143; /* 24px */
    --nordic-lh-body-16: 1.75; /* 28px */
    /* line-heights: label */
    --nordic-lh-label-18: 1.5555555556; /* 28px */
    --nordic-lh-label-16: 1.75; /* 28px */
    /* line-heights: type */
    --nordic-lh-type-quote: 1.1666666667; /* 28px */
    --nordic-lh-type-eyebrow: 1.4; /* 28px */
  }
}
@media (min-width: 1200px) {
  :root {
    /* font-sizes: heading */
    --nordic-fs-heading-h1: 3rem; /* 48px */
    --nordic-fs-heading-h2: 2rem; /* 32px */
    --nordic-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --nordic-fs-body-base: 1.125rem; /* 18px */
    --nordic-fs-body-10: 0.625rem; /* 10px */
    --nordic-fs-body-12: 0.75rem; /* 12px */
    --nordic-fs-body-13: 0.8125rem; /* 13px */
    --nordic-fs-body-paragraph: 1.25rem; /* 20px */
    --nordic-fs-body-14: 0.875rem; /* 14px */
    /* line-heights: heading */
    --nordic-lh-heading-h1: 1.1360416667; /* 54.53px */
    --nordic-lh-heading-h2: 1.40625; /* 45px */
    --nordic-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --nordic-lh-body-base: 1.1361111111; /* 20.45px */
    --nordic-lh-body-10: 2.4; /* 24px */
    --nordic-lh-body-12: 2.1666666667; /* 26px */
    --nordic-lh-body-13: 2; /* 26px */
    --nordic-lh-body-paragraph: 1.3; /* 26px */
    --nordic-lh-body-14: 1.7142857143; /* 24px */
  }
}

:root {
  --nordic-fw-lighter: 300;
  --nordic-fw-light: 350;
  --nordic-fw-regular: 400;
  --nordic-fw-medium: 500;
  --nordic-fw-bold: 700;
  --nordic-fw-bolder: 800;
}