:where(strong) {
  font-weight: var(--fontWeightBold);
}

:where(body) {
  font-family: var(--fontMain);
  font-weight: var(--fontWeightMedium);
  font-size: var(--fSizeBase);
  line-height: var(--lineBase);
}

:where(h1),
h2.h_one {
  font-size: var(--fSizeH1);
  line-height: var(--lineH1);
  margin-bottom: var(--spaceH1);
  font-weight: var(--fontWeightRegular);
}

h1.title__page {
  text-align: center;
  margin-top: var(--space2xl);
  margin-bottom: var(--spaceXl);
}

h1.hero__heading {
  font-size: var(--fSizeH1Hero);
}

:where(h2) {
  font-size: var(--fSizeH2);
  line-height: var(--lineH2);
  margin-bottom: var(--spaceH2);
  font-weight: var(--fontWeightBold);
}

h2.title__card {
  font-size: var(--fSizeH4);
  line-height: var(--lineH4);
  margin-bottom: var(--spaceH4);
}

h2.title__section {
  display: inline-block;
}

h2.title__section__plain {
  margin-bottom: var( --spaceXl);
  color: var(--colorText);
}

h2.wp-block-heading,
h3.wp-block-heading {
  text-align: center;
}

:where(h3) {
  font-size: var(--fSizeH3);
  line-height: var(--lineH3);
  margin-bottom: var(--spaceH3);
  font-weight: var(--fontWeightMedium);
}

:where(h4) {
  font-size: var(--fSizeH4);
  line-height: var(--lineH4);
  margin-bottom: var(--spaceH4);
  font-weight: var(--fontWeightMedium);
}

:where(h5) {
  font-size: var(--fSizeH5);
  line-height: var(--lineH5);
  margin-bottom: var(--spaceH5);
  font-weight: var(--fontWeightMedium);
}

:where(h6) {
  font-size: var(--fSizeH6);
  line-height: var(--lineH6);
  margin-bottom: var(--spaceH6);
  font-weight: var(--fontWeightMedium);
}

:where(p) {
  font-size: var(--fSizeP);
  line-height: var(--lineP);
  margin-bottom: var(--spaceP);
}

p.text__preamble {
  font-weight: var(--fontWeightBold);
}

p.text__small {
  font-size: var(--fSizeMinimum);
}

.card :where(p) {
  font-size: var(--fSizeCard);
  margin-bottom: var(--spaceS);
}

.card p:nth-last-child(1) {
  margin-bottom: 0;
}

:where(li) {
  font-size: var(--fSizeLi);
  line-height: var(--lineLi);
  margin-bottom: var(--spaceLi);
}

:where(body) {
  letter-spacing: -0.01em;
}

:where(h1,h2,h3,h4,h5,h6) {
  letter-spacing: -0.03em;
  text-wrap: balance;
  font-family: var(--fontDisplay);
}

:where(p, li) {
  text-wrap: pretty;
}

.title__section__label {
  color: var(--colorBronze);
  font-size: clamp(1.4rem, 0.99vw, 1.9rem);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-family: var(--fontSecondary);
  font-weight: 500;
  margin-bottom: 0;
}

.title__section__divider {
  width: clamp(4rem, 3.28vw, 6.3rem);
  height: clamp(0.1rem, 0.16vw, 0.3rem);
  background-color: var(--colorBronze);
  margin-bottom: var(--spaceM);
  margin-top: var(--spaceS);
}


