.works {
  position: relative;
  padding: var(--sp) 0;
}

.works__container {
  position: relative;
  z-index: 2;
}

.works__title {
  margin-bottom: 100px;
  max-width: none;
  text-align: center;
}

.works__slider {
  position: relative;
  height: 530px;
}

.works__slider .slide {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  height: auto;
  transition: var(--htr);
}

.works__slider .slide._active {
  width: 768px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 7 !important;
}

.works__slider .slide:nth-child(1) {
  width: 370px;
  transform: translate(-160%, 30%);
  z-index: 3;
}

.works__slider .slide:nth-child(2) {
  width: 478px;
  transform: translate(23%, -100%);
  z-index: 3;
}

.works__slider .slide:nth-child(3) {
  width: 478px;
  transform: translate(-113%, -23%);
  z-index: 3;
}

.works__slider .slide:nth-child(4) {
  width: 257px;
  transform: translate(100%, 50%);
}

.works__slider .slide:nth-child(5) {
  width: 257px;
  transform: translate(-250%, -100%);
}

.works__slider .slide:nth-child(6) {
  width: 370px;
  transform: translate(88%, -64%);
  z-index: 2;
}

.works__pitchili {
  top: -31%;
  left: 13%;
  transform: rotate(309deg) translate3d(0, 0, 0);
}

@media (max-width: 1260px) {
  .works__title {
    margin-bottom: 40px;
  }

  .works__slider .slide._active {
    width: 600px !important;
  }
}

@media (max-width: 760px) {
  .works__title {
    margin-bottom: 15px;
  }

  .works__slider {
    height: 330px;
  }

  .works__slider .slide._active {
    width: 100% !important;
  }

  .works__slider .slide:nth-child(1) {
    width: 170px;
    transform: translate(-124%, 30%);
  }

  .works__slider .slide:nth-child(2) {
    width: 253px;
  }

  .works__slider .slide:nth-child(3) {
    width: 178px;
  }

  .works__slider .slide:nth-child(4) {
    width: 140px;
  }

  .works__slider .slide:nth-child(5) {
    width: 200px;
    transform: translate(-150%, -150%);
  }
}