@font-face {
  font-family: "suisse-regular";
  src: url("/fonts/SuisseIntl-Regular-WebM.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "suisse-book";
  src: url("/fonts/SuisseIntl-Book-WebM.woff") format("woff");
  font-weight: 450;
}
@font-face {
  font-family: "suisse-medium";
  src: url("/fonts/SuisseIntl-Medium-WebM.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "suisse-semibold";
  src: url("/fonts/SuisseIntl-SemiBold-WebM.woff") format("woff");
  font-weight: 600;
}
.works {
  margin-top: 90px;
  padding-bottom: 267px;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .works {
    margin-top: 57px;
    padding-bottom: 260px;
  }
}

.works__inner {
  margin-inline: auto;
  width: 87.6923076923%;
}
@media screen and (min-width: 768px) {
  .works__inner {
    width: 94.7222222222%;
    display: grid;
    grid-template-columns: 1fr 46.6275659824%;
  }
}

.archive {
  padding: 0 24px;
  width: 100%;
  height: 57px;
  border-top: 1px solid #b3b3b3;
  background-color: #d6d6d6;
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  .archive {
    padding: 0;
    border-top: none;
    background-color: transparent;
    position: relative;
    overflow-x: visible;
  }
}

.archive__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .archive__inner {
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    grid-template-columns: minmax(0, 1fr);
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 16px;
  }
}

.archive__title {
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  font-family: "suisse-medium", sans-serif;
}
@media screen and (min-width: 768px) {
  .archive__title {
    font-size: 1.4rem;
  }
}

.works-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 13px;
       column-gap: 13px;
}
@media screen and (min-width: 768px) {
  .works-list {
    flex-wrap: wrap;
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
    max-width: 432px;
  }
}

.works-list__item:last-of-type {
  padding-right: 24px;
}

.works-list__link {
  position: relative;
}
.works-list__link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #2b2b2b;
  left: 0;
  bottom: 2px;
}
.works-list__link:hover::after, .works-list__link.is-current::after {
  opacity: 0.5;
}

.works-list__title {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  font-family: "suisse-regular", sans-serif;
  transition: opacity 0.4s;
}
.works-list__link:hover .works-list__title {
  opacity: 0.5;
}
.is-current .works-list__title {
  color: rgba(43, 43, 43, 0.5);
}

.photo-list {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 58px;
}
@media screen and (min-width: 768px) {
  .photo-list {
    margin-top: 51px;
    row-gap: 79px;
  }
}

.photo-item {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 23px;
}

.photo-item__image {
  width: 100%;
}
.photo-item__image img {
  width: 100%;
  height: auto;
  display: block;
}

.photo-item__caption {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  line-height: 1.6;
  font-family: "suisse-regular", sans-serif;
}

.back {
  margin-top: 65px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .back {
    margin-top: 0;
    position: fixed;
    width: -moz-fit-content;
    width: fit-content;
    top: 108px;
    left: 38px;
  }
}

.back__link {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.back__link-icon {
  width: 11px;
  display: inline-block;
  transition: opacity 0.4s;
}
.back__link-icon img {
  width: 100%;
  height: auto;
  display: block;
}
.back__link:hover .back__link-icon {
  opacity: 0.5;
}

.back__link-text {
  display: inline-block;
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  line-height: 1;
  font-family: "suisse-medium", sans-serif;
  transition: opacity 0.4s;
}
.back__link:hover .back__link-text {
  opacity: 0.5;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2dsb2JhbC9fdmFyaWFibGVzLnNjc3MiLCJ3b3Jrcy5jc3MiLCIuLi8uLi8uLi8uLi9zcmMvc2Nzcy93b3Jrcy5zY3NzIiwiLi4vLi4vLi4vLi4vc3JjL3Njc3MvZ2xvYmFsL19taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQTtFQUNFLDZCQUFBO0VBQ0EsOERBQUE7RUFDQSxnQkFBQTtBQ0xGO0FEUUE7RUFDRSwwQkFBQTtFQUNBLDJEQUFBO0VBQ0EsZ0JBQUE7QUNORjtBRFNBO0VBQ0UsNEJBQUE7RUFDQSw2REFBQTtFQUNBLGdCQUFBO0FDUEY7QURVQTtFQUNFLDhCQUFBO0VBQ0EsK0RBQUE7RUFDQSxnQkFBQTtBQ1JGO0FDakJBO0VBQ0UsZ0JBQUE7RUFDQSxxQkFBQTtFQUNBLGtCQUFBO0FEbUJGO0FFdkJFO0VEQ0Y7SUFLSSxnQkFBQTtJQUNBLHFCQUFBO0VEcUJGO0FBQ0Y7O0FDbEJBO0VBQ0UsbUJBQUE7RUFDQSxxQkFBQTtBRHFCRjtBRWxDRTtFRFdGO0lBSUkscUJBQUE7SUFDQSxhQUFBO0lBQ0EseUNBQUE7RUR1QkY7QUFDRjs7QUNwQkE7RUFDRSxlQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSw2QkFBQTtFQUNBLHlCRjZCVztFRTVCWCxlQUFBO0VBQ0EsU0FBQTtFQUNBLE9BQUE7RUFDQSxzQkFBQTtFQUNBLGdCQUFBO0FEdUJGO0FFdERFO0VEcUJGO0lBWUksVUFBQTtJQUNBLGdCQUFBO0lBQ0EsNkJBQUE7SUFDQSxrQkFBQTtJQUNBLG1CQUFBO0VEeUJGO0FBQ0Y7O0FDdEJBO0VBQ0UsYUFBQTtFQUNBLDBDQUFBO0VBQ0EsbUJBQUE7RUFDQSxxQkFBQTtPQUFBLGdCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7QUR5QkY7QUV4RUU7RUR5Q0Y7SUFRSSxrQkFBQTtJQUNBLHdCQUFBO0lBQUEsbUJBQUE7SUFDQSxxQ0FBQTtJQUNBLGtCQUFBO1NBQUEsYUFBQTtJQUNBLGFBQUE7RUQyQkY7QUFDRjs7QUN4QkE7RUFDRSxpQkFBQTtFQUNBLHNCQUFBO0VBQ0Esd0NGN0JVO0FDd0RaO0FFdkZFO0VEeURGO0lBS0ksaUJBQUE7RUQ2QkY7QUFDRjs7QUMxQkE7RUFDRSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSwyQkFBQTtFQUNBLHFCQUFBO09BQUEsZ0JBQUE7QUQ2QkY7QUVuR0U7RURrRUY7SUFNSSxlQUFBO0lBQ0EscUJBQUE7U0FBQSxnQkFBQTtJQUNBLGFBQUE7SUFDQSxnQkFBQTtFRCtCRjtBQUNGOztBQzNCRTtFQUNFLG1CQUFBO0FEOEJKOztBQzFCQTtFQUNFLGtCQUFBO0FENkJGO0FDNUJFO0VBQ0Usa0JBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtFQUNBLFdBQUE7RUFDQSx5QkY1Q1c7RUU2Q1gsT0FBQTtFQUNBLFdBQUE7QUQ4Qko7QUMxQkk7RUFDRSxZQUFBO0FENEJOOztBQ3ZCQTtFQUNFLGlCQUFBO0VBQ0Esc0JBQUE7RUFDQSx5Q0Y5RVU7RUUrRVYsd0JBQUE7QUQwQkY7QUN6QkU7RUFDRSxZQUFBO0FEMkJKO0FDekJFO0VBQ0UsNEJGeEVlO0FDbUduQjs7QUN2QkE7RUFDRSxXQUFBO0VBQ0EsYUFBQTtFQUNBLHFDQUFBO0VBQ0EsYUFBQTtBRDBCRjtBRW5KRTtFRHFIRjtJQU1JLGdCQUFBO0lBQ0EsYUFBQTtFRDRCRjtBQUNGOztBQ3pCQTtFQUNFLFdBQUE7RUFDQSxhQUFBO0VBQ0EscUNBQUE7RUFDQSxhQUFBO0FENEJGOztBQ3pCQTtFQUNFLFdBQUE7QUQ0QkY7QUMzQkU7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGNBQUE7QUQ2Qko7O0FDekJBO0VBQ0UsaUJBQUE7RUFDQSxzQkFBQTtFQUNBLGdCQUFBO0VBQ0EseUNGdkhVO0FDbUpaOztBQ3pCQTtFQUNFLGdCQUFBO0VBQ0EsV0FBQTtBRDRCRjtBRXJMRTtFRHVKRjtJQUlJLGFBQUE7SUFDQSxlQUFBO0lBQ0EsdUJBQUE7SUFBQSxrQkFBQTtJQUNBLFVBQUE7SUFDQSxVQUFBO0VEOEJGO0FBQ0Y7O0FDM0JBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxxQkFBQTtPQUFBLGdCQUFBO0FEOEJGOztBQzNCQTtFQUNFLFdBQUE7RUFDQSxxQkFBQTtFQUNBLHdCQUFBO0FEOEJGO0FDN0JFO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxjQUFBO0FEK0JKO0FDN0JFO0VBQ0UsWUFBQTtBRCtCSjs7QUMzQkE7RUFDRSxxQkFBQTtFQUNBLGlCQUFBO0VBQ0Esc0JBQUE7RUFDQSxjQUFBO0VBQ0Esd0NGOUpVO0VFK0pWLHdCQUFBO0FEOEJGO0FDN0JFO0VBQ0UsWUFBQTtBRCtCSiIsImZpbGUiOiJ3b3Jrcy5jc3MifQ== */