/* «О проекте» — Figma `2318:2227`, 1920×748.
   4 карточки 417×356 с шагом 437 (gap 20), третья залита оранжевым.
   Внизу — строка метрик, центрированная (1275 px при 1920). */

.about {
  height: 46.75rem; /* 748 */
}

.about__cards {
  display: grid;
  grid-template-columns: repeat(4, 26.0625rem); /* 417 */
  gap: 1.25rem; /* 20 */
  margin-top: 4rem; /* 240 − 176 */
}

.about__card {
  height: 22.25rem; /* 356 */
  padding: 3rem; /* 48 */
}

/* Карточка «Советы» — инверсная */
.about__card--accent {
  background: var(--c-accent);
  color: var(--c-on-dark);
}

.about__card-title {
  font-family: var(--f-display);
  font-weight: 800;
  font-size: 1.75rem; /* 28 */
  line-height: 2rem; /* 32 */
  letter-spacing: 0.0107em; /* 0.3px при кегле 28 */
  color: inherit;
}

.about__card-text {
  margin-top: 1.25rem; /* 340 − 288 − 32 */
  width: 19.625rem; /* 314 */
  font-size: 1.25rem; /* 20 */
  line-height: 1.75rem; /* 28 */
  color: inherit;
}

.about__card-icon {
  position: absolute;
  right: 2rem; /* 32 */
  bottom: 2rem; /* 32 */
  width: 5rem; /* 80 */
  height: 5rem;
}

/* Сердце наполовину выступает за верхний край карточки «Помощь и сборы» */
.about__card-heart {
  position: absolute;
  right: 2rem; /* 32 */
  top: -1.5rem; /* −24 */
  width: 5rem;
  height: 5rem;
}

/* Штриховой пёс в той же карточке — крупнее иконки и ниже к краю */
.about__card-dog {
  position: absolute;
  right: 2rem; /* 32 */
  bottom: 1.25rem; /* 20 */
  width: 6.8125rem; /* 109 */
  height: 7.75rem; /* 124 */
}

.about__card--accent .about__card-title,
.about__card--accent .about__card-text {
  color: var(--c-on-dark);
}

/* --- Метрики --- */
.about__stats {
  display: flex;
  justify-content: center;
  gap: 8.875rem; /* 142 */
  margin-top: 5rem; /* 676 − 596 */
}

.about__stat {
  display: flex;
  align-items: flex-end; /* counterAxisAlignItems=MAX */
  gap: 1.25rem; /* 20 */
}

.about__stat-value {
  font-family: var(--f-display);
  font-weight: 800;
  font-size: 4rem; /* 64 */
  line-height: 4.5rem; /* 72 */
  letter-spacing: 0.0047em;
  color: var(--c-brand);
}

.about__stat-label {
  font-family: var(--f-display);
  font-weight: 700;
  font-size: 1.75rem; /* 28 */
  line-height: 2rem; /* 32 */
  letter-spacing: 0.0107em;
  color: var(--c-text);
}

/* --- Адаптив: макета нет, раскладка спроектирована здесь --- */
@media (max-width: 1199px) {
  .about {
    height: auto;
    padding-block: 3.5rem;
  }

  .about__cards {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    margin-top: 2.5rem;
  }

  .about__card {
    height: auto;
    min-height: 15rem;
    padding: 1.75rem;
  }

  .about__card-text {
    width: auto;
    font-size: 1rem;
    line-height: 1.5;
  }

  .about__card-icon,
  .about__card-dog {
    position: static;
    margin-top: 1.5rem;
    margin-left: auto;
  }

  .about__stats {
    flex-wrap: wrap;
    gap: 2rem 3rem;
    margin-top: 3rem;
  }

  .about__stat-value {
    font-size: 2.5rem;
    line-height: 1.1;
  }

  .about__stat-label {
    font-size: 1.125rem;
    line-height: 1.2;
  }
}