@charset "UTF-8";
/* «Премиальная инфраструктура»: блок 480 / 520 / 600, видео мячей (3:4) по центру шириной 1072 / 1294 / 100%
   (крупнее cover — как в макете). Фраза T1 белая по центру, окно — две строки (фразы лендинга в две строки).
   Смена — сдвиг ленты вверх на фразу (переход 1.04 с, ease-in-out — Smart Animate «Slow» макета),
   шаг — --benefits-video-index (ставит JS); последняя строка ленты — копия первой для бесшовного круга. */
.benefits-video {
  position: relative;
  display: grid;
  place-items: center;
  height: 30rem;
  overflow: hidden;
  background-color: var(--color-gray-light);
  padding-inline: 0.875rem;
}
@media (min-width: 768px) {
  .benefits-video {
    padding-inline: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .benefits-video {
    padding-inline: 1.75rem;
  }
}
@media (min-width: 768px) {
  .benefits-video {
    height: 32.5rem;
  }
}
@media (min-width: 1280px) {
  .benefits-video {
    height: 37.5rem;
  }
}
.benefits-video__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 67rem;
  max-width: none;
  height: auto;
  aspect-ratio: 3/4;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .benefits-video__video {
    width: 80.875rem;
  }
}
@media (min-width: 1280px) {
  .benefits-video__video {
    width: 100%;
  }
}
.benefits-video__window {
  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) {
  .benefits-video__window {
    font-size: 1.125rem;
  }
}
.benefits-video__window {
  position: relative;
  height: 2.48em;
  overflow: hidden;
  color: var(--color-white);
  text-align: center;
}
.benefits-video__list {
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateY(calc(var(--benefits-video-index, 0) * -2.48em));
}
.benefits-video__list--moving {
  transition: transform 1.04s cubic-bezier(0.45, 0, 0.55, 1);
}
.benefits-video__item {
  height: 2.48em;
}
.benefits-video__hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}