@charset "utf-8";
.works.l-section {
  padding-bottom: 370px;
}



.works__container {
  margin-top: 71px;
}

.works__container .webgene-blog {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 41px;
  position: relative;
}

@media screen and (min-width: 600px) {
  .works__container .webgene-blog {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1000px) {
  .works__container .webgene-blog {
    grid-template-columns: repeat(3, 1fr);
  }
}

.works__item {
  margin-bottom: 60px;
  display: grid;
}

.works__item .top__works-card {
  display: grid;
  grid-template-rows: subgrid;
  grid-column: span 3;
}