.kv {
  background: url("/assets/img/works/works.webp") no-repeat 50% 50%;
  background-size: cover;
}

.case__inner {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 25px;
}

.case__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px 49px;
}

.case__item {
  display: flex;
  flex-direction: column;
  max-width: 370px;
  width: calc((100% - 98px) / 3);
}

.case__content {
  position: relative;
  min-height: 47%;
  height: 100%;
  padding: 26px 20px 15px;
  background: url("/assets/img/works/case_content-bg.png") no-repeat 0 0;
  background-size: cover;
  border-top: 6px solid yellow;
}
.case__content::before, .case__content::after {
  position: absolute;
  bottom: -1px;
  right: -1px;
  content: "";
  display: block;
  width: 23px;
  height: 23px;
}
.case__content::before {
  background-color: #454545;
  -webkit-clip-path: polygon(0 0, 100% 0, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 0% 100%);
}
.case__content::after {
  background-color: #0F0F0F;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(100% 0, 100% 100%, 0% 100%);
}

.case__tag {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 6px;
  font-size: 1.2;
  border: 1px solid #fff;
  border-radius: 2px;
}

.case__topic {
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}

.case__text {
  margin-top: 8px;
  font-size: 1.4rem;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 1000px) {
  .case__item {
    width: calc((100% - 49px) / 2);
    max-width: none;
  }
}
@media screen and (max-width: 853px) {
  .case__item {
    width: 100%;
  }
  .case__content {
    min-height: unset;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .case__inner {
    padding: 0 20px;
  }
  .case__content {
    min-height: unset;
    height: auto;
  }
}/*# sourceMappingURL=works.css.map */