body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  letter-spacing: var(--font-body-letter-spacing);
}
/* headlines */
h1 {
  color: inherit;
  
  font-family: var(--font-h1-family);
  font-weight: var(--font-h1-weight);
  font-variation-settings: var(--font-h1-variation-settings);
  font-optical-sizing: var(--font-h1-optical-sizing);
  font-style: var(--font-h1-style);
  line-height: var(--font-h1-line-height);
  letter-spacing: var(--font-h1-letter-spacing);
  font-size: var(--font-h1-size);
  text-align: inherit;
}


h2 {
  color: inherit;
  font-family: var(--font-h2-family);
  font-variation-settings: var(--font-h2-variation-settings);
  font-optical-sizing: var(--font-h2-optical-sizing);
  font-style: var(--font-h2-style);
  line-height: var(--font-h2-line-height);
  font-weight: var(--font-h2-weight);
  letter-spacing: var(--font-h2-letter-spacing);
  font-size: var(--font-h2-size);
  text-align: inherit;
}
h2.bold {
  font-variation-settings: var(--font-h2-bold-variation-settings);
  letter-spacing: 0.1rem;
}
h2.lg {
  font-size: var(--font-h2-lg-size);
}
h3 {
  color: inherit;
  font-family: var(--font-h3-area-family);
  font-variation-settings: var(--font-h3-variation-settings);
  font-optical-sizing: var(--font-h3-optical-sizing);
  font-style: var(--font-h3-style);
  line-height: var(--font-h3-line-height);
  font-weight: var(--font-h3-weight);
  letter-spacing: var(--font-h3-letter-spacing);
  font-size: var(--font-h3-size);
  text-align: inherit;
}
h3.area {
  font-family: var(--font-h3-area-family);
  font-variation-settings: var(--font-h3-area-variation-settings);
  font-weight: var(--font-h3-area-weight);
  font-size: var(--font-h3-area-size);
  text-align: inherit;
}


h4 {
  color: inherit;
  font-family: var(--font-h4-family);
  font-variation-settings: var(--font-h4-variation-settings);
  font-optical-sizing: var(--font-h4-optical-sizing);
  font-style: var(--font-h4-style);
  font-weight: var(--font-h4-weight);
  line-height: var(--font-h4-line-height);
  letter-spacing: var(--font-h4-letter-spacing);
  font-size: var(--font-h4-size);
}
h4.md {
  font-family: var(--font-h4-md-family);
  font-variation-settings: var(--font-h4-md-variation-settings);
  font-weight: var(--font-h4-md-weight);
  font-size: var(--font-h4-md-size);
}
h4.sm {
  font-family: var(--font-h4-sm-family);
  font-variation-settings: var(--font-h4-sm-variation-settings);
  font-weight: var(--font-h4-sm-weight);
  font-size: var(--font-h4-sm-size);
}



h5 {
  color: inherit;
  font-family: var(--font-h5-family);
  font-variation-settings: var(--font-h5-variation-settings);
  font-optical-sizing: var(--font-h5-optical-sizing);
  font-style: var(--font-h5-style);
  line-height: var(--font-h5-line-height);
  font-weight: var(--font-h5-weight);
  letter-spacing: var(--font-h5-letter-spacing);
  font-size: var(--font-h5-size);

  text-align: inherit;
}
h5.semi-bold {
  font-variation-settings: var(--font-h5-semi-bold-variation-settings);
  font-weight: var(--font-h5-semi-bold-weight);
}
h5.lg {
  font-size: var(--font-h5-lg-size);
}

h6 {
  color: inherit;
  font-family: var(--font-h6-family);
  font-variation-settings: var(--font-h6-variation-settings);
  font-optical-sizing: var(--font-h6-optical-sizing);
  font-style: var(--font-h6-style);
  line-height: var(--font-h6-line-height);
  font-weight: var(--font-h6-weight);
  letter-spacing: var(--font-h6-letter-spacing);
  font-size: var(--font-h6-size);
  text-align: inherit;
  font-size: 3rem;
}
h6.semi-bold  {
  font-variation-settings: "wght" 500, "wdth" 90;
  letter-spacing: 0.1rem;
}



p {
  color: inherit;
}
p, p.base, .base,
.p-base {
  /* paragraphs/regular/base */
  font-family: inherit;
  font-size: 1.6rem;
  line-height: 1.8rem; /* 150% */
  letter-spacing: var(--font-body-letter-spacing);
}

p.xlg,
.p-xlg {
  font-size: 2.4rem;
  line-height: 2.8rem; /* 155.556% */
  letter-spacing: var(--font-body-letter-spacing);
}
p.lg,
.p-lg {
  font-size: 2.0rem ;
  line-height: 2.2rem; /* 155.556% */
  letter-spacing: var(--font-body-letter-spacing);
}

.p-base.em {
  font-weight: 600;
}
p.sm,
.p-sm {
  font-size: 1.4rem;
  line-height: 1.6rem; /* 142.857% */
}

@media (max-width: 380px) {
  p.sm,
  .p-sm  {
    font-size: 1.2rem;
  }
}

p.xs, .xs,
.p-xs {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.2rem; /* 133.333% */
}
p.xss, .xss,
.p-xss {
  font-weight: 400;
  font-size: 1.0rem;
  font-style: normal;
  line-height: 1.6rem; /* 133.333% */
}

p.em-lg, .em-lg,
.p-em-lg {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.8rem; /* 155.556% */
  letter-spacing: var(--font-body-letter-spacing);
}
p.em, p.em-base,
.p-em, .p-em-base {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.4rem; /* 150% */
}
p.em-sm,
.p-em-sm {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.0rem; /* 142.857% */
}
p.em-xs,
.p-em-xs {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem; /* 133.333% */
}