.about-head { padding: 150px 40px 0; }

.about-head__title {
  margin: 0;
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(80px, 12vw, 190px);
  line-height: .92;
  letter-spacing: .04em;
  animation: fadeUp .9s cubic-bezier(.2, .7, .2, 1) both;
}

.about-head__lede {
  margin: 30px 0 0;
  max-width: 30ch;
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(26px, 3.4vw, 46px);
  line-height: 1.05;
  letter-spacing: .03em;
  animation: fadeUp .9s .08s cubic-bezier(.2, .7, .2, 1) both;
}

.about { padding: 80px 40px 0; }

/* same three-column rhythm as the services rows, so the two pages read as one
   site: index, heading, body */
.about__block {
  display: grid;
  grid-template-columns: 80px minmax(200px, 1fr) 1.5fr;
  gap: 30px;
  align-items: start;
  border-top: 1px solid #dedcd4;
  padding: 44px 0;
  animation: fadeUp .85s cubic-bezier(.2, .7, .2, 1) both;
  animation-timeline: view();
  animation-range: entry 0% entry 45%;
}

@supports not (animation-timeline: view()) {
  .about__block { animation: none; }
}

.about__end { border-top: 1px solid #dedcd4; }

.about__num {
  font-size: 11px;
  letter-spacing: .2em;
  color: #8a877f;
  font-weight: 600;
}

.about__title {
  margin: 0;
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(30px, 3.4vw, 54px);
  line-height: .95;
  letter-spacing: .04em;
}

.about__body { margin: 0; font-size: 14px; line-height: 1.8; color: #6d6a62; }

.about__points {
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
  display: grid;
  gap: 22px;
}

.about__point { border-top: 1px solid #e6e4dd; padding-top: 16px; }

.about__point-label {
  display: block;
  font-size: 11px;
  letter-spacing: .2em;
  font-weight: 600;
  color: #161512;
  margin-bottom: 8px;
}

.about__point p { margin: 0; font-size: 14px; line-height: 1.8; color: #6d6a62; }

@media (max-width: 860px) {
  .about__block { grid-template-columns: 1fr; gap: 16px; }
  .about__num { order: -1; }
}

@media (max-width: 720px) {
  .about-head { padding: 120px 20px 0; }
  .about { padding: 50px 20px 0; }
}
