/* Content, notice and figures */
.fold--content-figures {
  width: 100%;
}

.content-figures--top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
}

.content-figures--headline {
  hyphens: auto;
  margin: 0 0 2rem;
  color: #00B596;
  font-family: "CalvertMT", "sans serif";
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 700;
}

.content-figures--intro {
  color: #fff;
  font-size: 1rem;
  line-height: 1.6875rem;
}

.content-figures--intro p,
.content-figures--box-text p {
  margin: 0 0 1.5rem;
}

.content-figures--intro p:last-child,
.content-figures--box-text p:last-child {
  margin-bottom: 0;
}

.content-figures--intro a,
.content-figures--box-text a {
  color: inherit;
  text-decoration: underline;
}

.content-figures--box {
  align-self: start;
  padding: 2rem 1.5rem;
  border-radius: 1.5rem;
  background: #2641D9;
  color: #fff;
}

.content-figures--box-headline {
  margin: 0 0 1.5rem;
  color: #00B596;
  font-family: "CalvertMT", "sans serif";
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 700;
}

.content-figures--box-text {
  font-size: 1rem;
  line-height: 1.6875rem;
}

.content-figures--counters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 3rem;
  padding: 1rem;
  border-radius: 1.5rem;
  background: #0f0faa;
}

.content-figures--counter {
  min-width: 0;
  padding: 1.25rem 1rem;
}

.content-figures--counter:nth-child(even) {
  border-left: 1px solid #00B596;
}

.content-figures--counter:nth-child(n + 3) {
  border-top: 1px solid #00B596;
}

.content-figures--counter-value.figure--figure {
  position: relative;
  margin: 0 0 0.25rem;
  color: #00B596;
  font-family: "CalvertMT", "sans serif";
  font-size: 2.75rem;
  line-height: 3.25rem;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}

.content-figures--counter-value.figure--figure::after {
  display: none;
}

.content-figures--counter-label.figure--label {
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  text-align: left;
}

.fold__white .content-figures--intro {
  color: #00007D;
}

@media (max-width: 43.115em) {
  .content-figures--counter {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .content-figures--counter-value.figure--figure {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
  }

  .content-figures--counter-label.figure--label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: clamp(0.75rem, 3vw, 0.9375rem);
    line-height: 1.25rem;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
  }
}

@media (min-width: 43.125em) {
  .content-figures--headline {
    font-size: 3.125rem;
    line-height: 3.875rem;
  }

  .content-figures--intro,
  .content-figures--box-text {
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .content-figures--box {
    padding: 2.5rem;
    border-radius: 2rem;
  }

  .content-figures--box-headline {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .content-figures--counters {
    margin-top: 4rem;
    padding: 1.5rem;
    border-radius: 2rem;
  }

  .content-figures--counter {
    padding: 1.5rem;
  }

  .content-figures--counter-value.figure--figure {
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .content-figures--counter-label.figure--label {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 64.0625em) {
  .content-figures--top {
    grid-template-columns: minmax(0, 1.35fr) minmax(22rem, 0.85fr);
    gap: clamp(3rem, 10vw, 12rem);
    align-items: start;
  }

  .content-figures--counters {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 5rem;
  }

  .content-figures--counter,
  .content-figures--counter:nth-child(even),
  .content-figures--counter:nth-child(n + 3) {
    border-top: 0;
    border-left: 1px solid #00B596;
  }

  .content-figures--counter:nth-child(4n + 1) {
    border-left: 0;
  }

  .content-figures--counter:nth-child(n + 5) {
    border-top: 1px solid #00B596;
  }
}

@media (min-width: 80.0625em) {
  .content-figures--headline {
    font-size: 3.5rem;
    line-height: 4.25rem;
  }

  .content-figures--box {
    padding: 2.5rem 3rem;
  }

  .content-figures--counter {
    padding: 1.5rem 2rem;
  }
}
