.about-content {
  padding-block: 80px 100px;
  display: flex;
  flex-direction: column;
  gap: 43px;
}
.about-content > * {
  max-width: 1050px;
}

.about-content__intro {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--color-text);
  line-height: 1.8;
}

.about-achievements,
.about-directions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-achievements h3,
.about-directions h3 {
  font-size: 20px;
  color: var(--color-heading);
}

.about-achievements ol,
.about-directions ol {
  list-style: decimal;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--color-text);
  font-family: var(--font-body);
  line-height: 1.8;
}

.about-content__champion {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--color-heading);
  line-height: 1.8;
}

.about-callout {
  background: #e3efe7;
  border-radius: var(--radius-card);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.about-callout p:first-child { color: var(--color-text); }
.about-callout p:last-child {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 20px;
  color: var(--color-heading);
  line-height: 1.8;
}

@media (max-width: 960px) {
  .about-content { padding-block: 40px 60px; gap: 32px; }
}