/* subtitle */
.subtitle {
  font-size: var(--pos-headline-3);
  /* line-height: var(--pos-headline-3-line-height); */
  font-style: normal;
  font-weight: 700;

  background: linear-gradient(
    270deg,
    var(--subtitle-gradient-from, #2173c4) 0%,
    var(--subtitle-gradient-to, #0f7b0a) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* main title */
header .main-title {
  color: var(--pos-color-prominent);
  font-size: var(--pos-hero-page-title);
  line-height: var(--pos-hero-page-title-line-height);
  font-style: normal;
  font-weight: 700;
  padding-bottom: var(--pos-gap-section-title-content);
}

/* title */
header .title {
  color: var(--pos-color-prominent);
  font-size: var(--pos-headline-1);
  /* line-height: var(--pos-headline-1-line-height); */
  font-style: normal;
  font-weight: 700;
  padding-bottom: var(--pos-gap-section-title-content);
}

.about-paragraph {
  color: var(--pos-color-normal);
  font-size: var(--pos-headline-4);
  /* line-height: var(--pos-headline-4-line-height); */
  font-style: normal;
  font-weight: 400;
}

/* Our Story */
.story-title {
  color: var(--pos-color-normal);
  font-size: var(--pos-headline-2);
  line-height: var(--pos-headline-2-line-height);
  font-style: normal;
  font-weight: 700;
}

.story-description {
  color: var(--pos-color-normal);
  font-size: var(--pos-headline-3);
  /* line-height: var(--pos-headline-3-line-height); */
  font-style: normal;
  font-weight: 350;
}

.profile-name {
  color: var(--pos-color-prominent);
  font-size: var(--pos-headline-3);
  /* line-height: var(--pos-headline-3-line-height); */
  font-weight: 700;
}

/* Our philosophy */
.philosophy-card-title {
  color: var(--pos-color-prominent);
  font-size: var(--pos-headline-4);
  line-height: var(--pos-headline-4-line-height);
  font-weight: bold;
}

.philosophy-card-description {
  color: var(--pos-color-normal);
  font-size: 0.9rem;
}

/* Our crew */

.features-list li {
  color: var(--pos-color-prominent);
  font-size: var(--pos-headline-4);
  line-height: var(--pos-headline-4-line-height);
  font-weight: bold;
}

.our-crew-list-title {
  color: var(--pos-color-prominent);
  font-size: var(--pos-headline-3);
  line-height: var(--pos-headline-3-line-height);
  font-weight: bold;
}