@charset "UTF-8";
/* «RCC PADEL»: чёрный блок 720 / 1000 / 1280, ч/б фото (кадр макета: ширина 1462 / 2514 / 2514, сдвиг
   −538×−48 / −874×−202 / −538×0). Точки по центру: ширина 268 / 536 / 536, сверху 118 / 132 / 264.
   Низ: тексты (телефон — столбиком через 20; md — две колонки и пустая 114 между; xl — три равные, средняя
   пустая, по центру по вертикали), под ними надпись RCC PADEL во всю ширину с полями 14 / 22 / 28. */
.home-about {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 45rem;
  overflow: hidden;
  background-color: var(--color-black);
}
@media (min-width: 768px) {
  .home-about {
    height: 62.5rem;
  }
}
@media (min-width: 1280px) {
  .home-about {
    height: 80rem;
  }
}
.home-about__image {
  position: absolute;
  top: -3rem;
  left: -33.625rem;
  width: 91.375rem;
  max-width: none;
  height: auto;
}
@media (min-width: 768px) {
  .home-about__image {
    top: -12.625rem;
    left: -54.625rem;
    width: 157.125rem;
  }
}
@media (min-width: 1280px) {
  .home-about__image {
    top: 0;
    left: -33.625rem;
  }
}
.home-about__dots {
  position: absolute;
  top: 7.375rem;
  left: 50%;
  width: 16.75rem;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .home-about__dots {
    top: 8.25rem;
    width: 33.5rem;
  }
}
@media (min-width: 1280px) {
  .home-about__dots {
    top: 16.5rem;
  }
}
.home-about__texts {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-inline: 0.875rem;
}
@media (min-width: 768px) {
  .home-about__texts {
    padding-inline: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .home-about__texts {
    padding-inline: 1.75rem;
  }
}
@media (min-width: 768px) {
  .home-about__texts {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 7.125rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
  }
}
@media (min-width: 1280px) {
  .home-about__texts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
  }
}
.home-about__text {
  font-family: var(--font-text);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--color-white-60);
}
@media (min-width: 1280px) {
  .home-about__text {
    max-width: 21.25rem;
  }
}
.home-about__lead {
  font-family: var(--font-text);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.24;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  .home-about__lead {
    font-size: 1.125rem;
  }
}
.home-about__lead {
  color: var(--color-white);
}
@media (min-width: 768px) {
  .home-about__lead {
    grid-column: 3;
    max-width: 14rem;
  }
}
.home-about__title {
  position: relative;
  padding: 0.875rem;
  color: var(--color-green);
}
@media (min-width: 768px) {
  .home-about__title {
    padding: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .home-about__title {
    padding: 1.75rem;
  }
}
.home-about__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.home-about__sign {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1359.57/360;
}