.team-slider {
   & .swiper-wrapper {
      @include _Tablet {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
      }

      @include _Desktop {
         grid-template-columns: repeat(4, 1fr);
      }

      @include _HDesktop {
         row-gap: 40px;
      }
   }
   &__slide {
      // Начальное состояние для "показать ещё" (см. team-load-more.js):
      // на планшете (768-1199px) видно 6 карточек (3 колонки × 2 ряда),
      // от 1200px — 8 (4 колонки × 2 ряда). На мобилке (<768px) это
      // правило не действует вообще — там Swiper показывает всех.
      @include _Tablet {
         &:nth-child(n + 7) {
            display: none;
         }
      }

      @include _Desktop {
         &:nth-child(n) {
            display: block;
         }
         &:nth-child(n + 9) {
            display: none;
         }
      }
   }

   &__img {
      aspect-ratio: 44/49;
      margin-bottom: 8px;

      img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      @include _XSDesktop {
         aspect-ratio: 15/17;
      }
      @include _Desktop {
         aspect-ratio: 9/10;
      }

      @include _HDesktop {
         margin-bottom: 16px;
      }
   }

   &__name {
      margin-bottom: 4px;

      @include _HDesktop {
         margin-bottom: 8px;
      }
   }

   &__post {
   }
}
