.cards {
  --transition-duration: 0.8s;
}
.cards__container {
  display: grid;
}
@media (min-width: 47.9375em) {
  .cards__container {
    gap: 1.25rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__container {
    gap: clamp( 0.5rem , -0.7543554007rem  +  4.181184669vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .cards__container {
    gap: 0.5rem;
  }
}
@media (min-width: 75em) {
  .cards__container {
    padding-top: 3.125rem;
  }
}
@media (min-width: 62em) and (max-width: 75em) {
  .cards__container {
    padding-top: clamp( 0.625rem , -11.2980769231rem  +  19.2307692308vw , 3.125rem );
  }
}
@media (max-width: 62em) {
  .cards__container {
    padding-top: 0.625rem;
  }
}
@media (min-width: 47.9375em) {
  .cards__container {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__container {
    padding-bottom: clamp( 2.5rem , 1.4547038328rem  +  3.4843205575vw , 3.125rem );
  }
}
@media (max-width: 30em) {
  .cards__container {
    padding-bottom: 2.5rem;
  }
}
@media (width >= 61.99875em) {
  .cards__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cards__item {
  background-color: var(--light-grey-color);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  translate: 0 50%;
  opacity: 0;
}
.loaded ._watcher-view .cards__item {
  opacity: 1;
  translate: 0;
}
@media (min-width: 47.9375em) {
  .cards__item {
    padding-left: 1.875rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__item {
    padding-left: clamp( 1.25rem , 0.2047038328rem  +  3.4843205575vw , 1.875rem );
  }
}
@media (max-width: 30em) {
  .cards__item {
    padding-left: 1.25rem;
  }
}
@media (min-width: 47.9375em) {
  .cards__item {
    padding-right: 1.875rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__item {
    padding-right: clamp( 1.25rem , 0.2047038328rem  +  3.4843205575vw , 1.875rem );
  }
}
@media (max-width: 30em) {
  .cards__item {
    padding-right: 1.25rem;
  }
}
@media (min-width: 47.9375em) {
  .cards__item {
    padding-top: 1.875rem;
  }
}
@media (min-width: 22.5em) and (max-width: 47.9375em) {
  .cards__item {
    padding-top: clamp( 1rem , 0.226044226rem  +  3.4398034398vw , 1.875rem );
  }
}
@media (max-width: 22.5em) {
  .cards__item {
    padding-top: 1rem;
  }
}
@media (min-width: 47.9375em) {
  .cards__item {
    padding-bottom: 1.875rem;
  }
}
@media (min-width: 22.5em) and (max-width: 47.9375em) {
  .cards__item {
    padding-bottom: clamp( 1rem , 0.226044226rem  +  3.4398034398vw , 1.875rem );
  }
}
@media (max-width: 22.5em) {
  .cards__item {
    padding-bottom: 1rem;
  }
}
.loaded .cards__item {
  transition: all var(--transition-duration) ease calc(var(--i) * var(--transition-duration) / 3);
}
.cards__number {
  line-height: 1.3;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
}
@media (min-width: 47.9375em) {
  .cards__number {
    --font-size: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__number {
    --font-size: clamp( 0.9375rem , 0.8329703833rem  +  0.3484320557vw , 1rem );
  }
}
@media (max-width: 30em) {
  .cards__number {
    --font-size: 0.9375rem;
  }
}
.cards__main {
  flex: 1 1 auto;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
}
@media (min-width: 47.9375em) {
  .cards__main {
    --font-size: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__main {
    --font-size: clamp( 0.9375rem , 0.8329703833rem  +  0.3484320557vw , 1rem );
  }
}
@media (max-width: 30em) {
  .cards__main {
    --font-size: 0.9375rem;
  }
}
@media (min-width: 62em) {
  .cards__main {
    height: 14.25rem;
  }
}
@media (min-width: 30em) and (max-width: 62em) {
  .cards__main {
    height: clamp( 9.875rem , 5.7734375rem  +  13.671875vw , 14.25rem );
  }
}
@media (max-width: 30em) {
  .cards__main {
    height: 9.875rem;
  }
}
.cards__main img {
  max-height: 100%;
}
.cards__main:not(:last-child) {
  margin-bottom: 1rem;
}
.cards__main h1, .cards__main h2, .cards__main h3, .cards__main h4, .cards__main h5 {
  display: inline;
  font-family: Evolventa;
  line-height: 0.9;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
}
@media (min-width: 62em) {
  .cards__main h1, .cards__main h2, .cards__main h3, .cards__main h4, .cards__main h5 {
    --font-size: 11.25rem;
  }
}
@media (min-width: 30em) and (max-width: 62em) {
  .cards__main h1, .cards__main h2, .cards__main h3, .cards__main h4, .cards__main h5 {
    --font-size: clamp( 7.5rem , 3.984375rem  +  11.71875vw , 11.25rem );
  }
}
@media (max-width: 30em) {
  .cards__main h1, .cards__main h2, .cards__main h3, .cards__main h4, .cards__main h5 {
    --font-size: 7.5rem;
  }
}
.cards__title {
  line-height: 1.2;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
}
@media (min-width: 47.9375em) {
  .cards__title {
    --font-size: 1.25rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__title {
    --font-size: clamp( 1rem , 0.5818815331rem  +  1.393728223vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .cards__title {
    --font-size: 1rem;
  }
}
.cards__text {
  color: var(--grey-on-white-color);
  line-height: 1.3;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
}
@media (min-width: 47.9375em) {
  .cards__text {
    --font-size: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .cards__text {
    --font-size: clamp( 0.9375rem , 0.8329703833rem  +  0.3484320557vw , 1rem );
  }
}
@media (max-width: 30em) {
  .cards__text {
    --font-size: 0.9375rem;
  }
}