h3 {
  font-size: clamp(26px, 3vw, 100cqw);
  margin-bottom: 1em;
  font-weight: 400;
}

.project-item {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(46px, 6vw, 100cqw);
  width: 100%;
}
.project-item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.project-item .item-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.project-item .item-content .author-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.project-item h2 {
  margin-bottom: 1em;
}
.project-item .author-img {
  width: clamp(70px, 6vw, 100cqw);
  aspect-ratio: 0.88;
}
.project-item .author-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-item .author-name {
  font-size: clamp(20px, 1.388888vw, 100cqw);
  font-weight: 700;
  letter-spacing: 0.9;
}
.project-item .service-list {
  margin-top: clamp(26px, 3vw, 100cqw);
  margin-bottom: clamp(26px, 3vw, 100cqw);
}
.project-item .btn__ghost_tag {
  font-size: clamp(14px, 1vw, 100cqw);
  font-weight: 600;
  padding: 1em 2em;
}
.project-item .image-box {
  max-width: clamp(280px, 41.6666vw, 100cqw);
  width: 100%;
}
.project-item .project-imgs {
  overflow: hidden;
}
.project-item .project-imgs .swiper-slide {
  border: 1px solid #D9D9D9;
  width: 100% !important;
  aspect-ratio: 1.69;
}
.project-item .project-imgs .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio-controls {
  margin-top: clamp(8px, 0.555vw, 100cqw);
}

.portfolio-counter {
  font-size: clamp(18px, 1.25vw, 100cqw);
}

@media screen and (max-width: 1094px) {
  .project-item .text-box {
    -ms-flex-negative: unset;
        flex-shrink: unset;
  }
}
@media screen and (max-width: 768px) {
  .project-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .project-item .image-box {
    max-width: 100%;
  }
  .project-item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*# sourceMappingURL=portfolio.css.map */