.hero-title {
  font-size: var(--title-L);
  font-weight: 700;
  line-height: var(--line-height-125);
  margin: 0;
  max-width: 728px;
  margin-bottom: 16px;
}

.cont-small{
    --cont-small-max-width: 536px;
    width: min(var(--cont-small-max-width), 100% - var(--cont-padding) * 2);
    margin: 0 auto;
}

.hero-subtitle {
  font-size: var(--default-font-size);
  line-height: var(--line-height-175);
  font-weight: 400;
  margin: 0;
  max-width: 728px;
}

h2 {
  font-size: var(--title-S);
  line-height: var(--line-height-140);
  font-weight: 700;
}