.worksArchive {
  background: var(--color-black);
}

.worksSingle {
  background: var(--color-black);
}

.worksArchive-pageTitle .worksArchive-pageTitle__title {
  width: max(225px, calc(225 / 1920 * 100vw));
}
@media (max-width: 768px) {
  .worksArchive-pageTitle .worksArchive-pageTitle__title {
    width: 134px;
  }
}
.worksArchive-pageTitle .worksArchive-pageTitle__title > img {
  aspect-ratio: 171/36;
}

.worksArchive-posts .post__head {
  background: var(--color-white);
}
.worksArchive-posts .post__body {
  background: var(--color-black);
  padding-bottom: max(150px, calc(150 / 1920 * 100vw));
}
.worksArchive-posts .post__body ::selection {
  background: var(--color-white);
  color: var(--color-black);
}
@media (max-width: 768px) {
  .worksArchive-posts .post__body {
    padding-bottom: 100px;
  }
}

.worksSingle-detail {
  background: var(--color-black);
}
.worksSingle-detail .worksSingle-detail__head {
  background: var(--color-white);
}

.worksSingle-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}
@media (max-width: 768px) {
  .worksSingle-gallery {
    grid-template-columns: repeat(2, minmax(0, 50%));
  }
}
.worksSingle-gallery .worksSingle-gallery__item {
  margin: 0;
  overflow: hidden;
  background: var(--color-black);
}
.worksSingle-gallery .worksSingle-gallery__item--full {
  grid-column: 1/-1;
}
.worksSingle-gallery .worksSingle-gallery__item--full .worksSingle-gallery__image {
  aspect-ratio: 1920/1440;
}
.worksSingle-gallery .worksSingle-gallery__item--half .worksSingle-gallery__image {
  aspect-ratio: 960/740;
}
.worksSingle-gallery .worksSingle-gallery__image {
  width: 100%;
  object-fit: cover;
}

.worksSingle-content {
  background: var(--color-white);
  padding-top: max(150px, calc(150 / 1920 * 100vw));
  padding-bottom: max(160px, calc(160 / 1920 * 100vw));
  padding-inline: 100px;
}
@media screen and (max-width: 560px) {
  .worksSingle-content {
    padding-inline: 20px;
  }
}
@media (max-width: 768px) {
  .worksSingle-content {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.worksSingle-editor__inner {
  width: 100%;
}

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