/* ============================================================
   numbers.css — компонент темы Kremlin Group
   Сгенерировано split-css.py из dist/css/style.css
   ============================================================ */


.section-numbers__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 37.5rem;
  gap: .9375rem
}

.section-numbers__label {
  font-size: .6875rem;
  text-transform: uppercase;
  color: #a81111;
  font-weight: 800;
  letter-spacing: .0625rem
}

.section-numbers__title {
	color: #000;
  letter-spacing: -.0625rem;
  font-weight: 800;
  font-family: Manrope,sans-serif
}

.section-numbers__body {
  display: grid;
  grid-template-columns: repeat(4,1fr)
}

.section-numbers__body>.section-numbers__item {
  opacity: 0;
  -webkit-transform: translate3d(0,2.5rem,0);
  transform: translate3d(0,2.5rem,0);
  transition: opacity .9s cubic-bezier(.33,1,.68,1),-webkit-transform .9s cubic-bezier(.33,1,.68,1);
  transition: opacity .9s cubic-bezier(.33,1,.68,1),transform .9s cubic-bezier(.33,1,.68,1);
  transition: opacity .9s cubic-bezier(.33,1,.68,1),transform .9s cubic-bezier(.33,1,.68,1),-webkit-transform .9s cubic-bezier(.33,1,.68,1)
}

.section-numbers__body._watcher-view>.section-numbers__item {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(1) {
  transition-delay: 0s
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(2) {
  transition-delay: .12s
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(3) {
  transition-delay: .24s
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(4) {
  transition-delay: .36s
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(5) {
  transition-delay: .48s
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(6) {
  transition-delay: .6s
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(7) {
  transition-delay: .72s
}

.section-numbers__body._watcher-view>.section-numbers__item:nth-child(8) {
  transition-delay: .84s
}

.section-numbers__item {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem
}

.section-numbers__content {
  display: flex;
  flex-direction: column;
  gap: .9375rem
}

.section-numbers__value {
  color: #a81111;
  font-weight: 800;
  font-family: Manrope,sans-serif
}

.section-numbers__description {
	color: #000;
  font-size: 1.125rem;
  font-weight: 800
}

@media (min-width:91.875em) {
.section-numbers__container {
    padding-top: 5rem
  }
  .section-numbers__container {
    padding-bottom: 5rem
  }
  .section-numbers__header:not(:last-child) {
    margin-bottom: 2.5rem
  }
  .section-numbers__title {
    font-size: 2.5rem
  }
  .section-numbers__value {
    font-size: 5rem
  }
}

@media (max-width:20em) {
.section-numbers__container {
    padding-top: 3.125rem
  }
  .section-numbers__container {
    padding-bottom: 3.125rem
  }
  .section-numbers__header:not(:last-child) {
    margin-bottom: 1.25rem
  }
  .section-numbers__title {
    font-size: 1.75rem
  }
  .section-numbers__value {
    font-size: 3.375rem
  }
}

@media (max-width:47.99875em) {
.section-numbers__body {
    grid-template-columns: repeat(2,1fr)
  }
}

@media (max-width:29.99875em) {
.section-numbers__body {
    grid-template-columns: 1fr
  }
  .section-numbers__item {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-left: .9375rem;
    padding-right: .9375rem
  }
  .section-numbers__content {
    gap: .3125rem
  }
}

@media (min-width:20em)and (max-width:91.875em) {
.section-numbers__container {
    padding-top: clamp(3.125rem ,2.6032608696rem + 2.6086956522vw ,5rem)
  }
  .section-numbers__container {
    padding-bottom: clamp(3.125rem ,2.6032608696rem + 2.6086956522vw ,5rem)
  }
  .section-numbers__header:not(:last-child) {
    margin-bottom: clamp(1.25rem ,.902173913rem + 1.7391304348vw ,2.5rem)
  }
  .section-numbers__title {
    font-size: clamp(1.75rem ,1.5413043478rem + 1.0434782609vw ,2.5rem)
  }
  .section-numbers__value {
    font-size: clamp(3.375rem ,2.922826087rem + 2.2608695652vw ,5rem)
  }
}

@media (prefers-reduced-motion:reduce) {
.section-numbers__body>.section-numbers__item {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    transition: none
  }
}