.project-listing .section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 7.5rem; }
  @media screen and (min-width: 2561px) {
    .project-listing .section__content {
      gap: 4.6875vw; } }
  @media screen and (max-width: 2200px) {
    .project-listing .section__content {
      gap: 5.625rem; } }
  @media screen and (max-width: 1850px) {
    .project-listing .section__content {
      gap: 4.375rem; } }
  @media screen and (max-width: 1340px) {
    .project-listing .section__content {
      gap: 3.125rem; } }
  @media screen and (max-width: 630px) {
    .project-listing .section__content {
      gap: 1.875rem; } }

.project-listing__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 7.5rem; }
  @media screen and (min-width: 2561px) {
    .project-listing__list {
      gap: 4.6875vw; } }
  @media screen and (max-width: 2200px) {
    .project-listing__list {
      gap: 6.25rem; } }
  @media screen and (max-width: 1850px) {
    .project-listing__list {
      gap: 5rem; } }
  @media screen and (max-width: 1340px) {
    .project-listing__list {
      gap: 3.125rem; } }
  @media screen and (max-width: 630px) {
    .project-listing__list {
      gap: 2.5rem; } }

.project-listing__year {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 3.75rem; }
  @media screen and (min-width: 2561px) {
    .project-listing__year {
      gap: 2.34375vw; } }
  @media screen and (max-width: 1850px) {
    .project-listing__year {
      gap: 3.125rem; } }
  @media screen and (max-width: 1340px) {
    .project-listing__year {
      gap: 1.875rem; } }
  @media screen and (max-width: 630px) {
    .project-listing__year {
      gap: 1.25rem; } }
  .project-listing__year > .text {
    position: relative;
    width: 100%;
    display: block;
    color: var(--text-dark-primary);
    font: var(--font-body-M-r); }
    .project-listing__year > .text::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      z-index: -1;
      width: 100%;
      height: 1px;
      background: var(--stroke-dark-15); }
      @media screen and (min-width: 2561px) {
        .project-listing__year > .text::before {
          height: 0.03906vw; } }
    .project-listing__year > .text span {
      position: relative;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      display: block; }
      .project-listing__year > .text span::after {
        content: "";
        position: absolute;
        top: -0.9375rem;
        left: -0.9375rem;
        width: calc(100% + 0.9375rem * 2);
        height: calc(100% + 0.9375rem * 2);
        background-color: transparent;
        opacity: 0;
        opacity: 1;
        background: var(--common-background);
        z-index: -1; }
        @media screen and (min-width: 2561px) {
          .project-listing__year > .text span::after {
            top: -0.58594vw;
            left: -0.58594vw;
            width: calc(100% + 0.58594vw * 2);
            height: calc(100% + 0.58594vw * 2); } }

.project-listing__cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: var(--grid-column-gap);
     -moz-column-gap: var(--grid-column-gap);
          column-gap: var(--grid-column-gap);
  row-gap: 3.75rem; }
  @media screen and (min-width: 2561px) {
    .project-listing__cards {
      row-gap: 2.34375vw; } }
  @media screen and (max-width: 1850px) {
    .project-listing__cards {
      row-gap: 2.5rem; } }
  @media screen and (max-width: 1340px) {
    .project-listing__cards {
      row-gap: 1.875rem; } }
  @media screen and (max-width: 57.5rem) {
    .project-listing__cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 630px) {
    .project-listing__cards {
      row-gap: 1.25rem; } }
  @media screen and (max-width: 27.5rem) {
    .project-listing__cards {
      grid-template-columns: 1fr; } }
  .project-listing__cards > div {
    max-width: unset; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc2VjdGlvbnMvcHJvamVjdC1saXN0aW5nL3Byb2plY3QtbGlzdGluZy5zY3NzIiwibWl4aW5zL19taW5pLnNjc3MiLCJtaXhpbnMvX21lZGlhLnNjc3MiLCJtaXhpbnMvX3BzZXVkby1ob3Zlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBRUksb0JBQWE7RUFBYixvQkFBYTtFQUFiLGFBQWE7RUFDYiw0QkFBc0I7RUFBdEIsNkJBQXNCO01BQXRCLDBCQUFzQjtVQUF0QixzQkFBc0I7RUFDdEIseUJBQW1CO01BQW5CLHNCQUFtQjtVQUFuQixtQkFBbUI7RUFDbkIsdUJBQTJCO01BQTNCLG9CQUEyQjtVQUEzQiwyQkFBMkI7RUFDM0IsV0NQMkIsRUFBQTtFQ0E3QjtJRkNGO01BU00sYUNOK0IsRUFBQSxFRHdCbEM7RUV0QkQ7SUZMRjtNQWFNLGFDZHlCLEVBQUEsRUQ0QjVCO0VFaEJEO0lGWEY7TUFpQk0sYUNsQnlCLEVBQUEsRUQ0QjVCO0VFVkQ7SUZqQkY7TUFxQk0sYUN0QnlCLEVBQUEsRUQ0QjVCO0VFSkQ7SUZ2QkY7TUF5Qk0sYUMxQnlCLEVBQUEsRUQ0QjVCOztBQUVEO0VBQ0UsV0FBVztFQUNYLG9CQUFhO0VBQWIsb0JBQWE7RUFBYixhQUFhO0VBQ2IsNEJBQXNCO0VBQXRCLDZCQUFzQjtNQUF0QiwwQkFBc0I7VUFBdEIsc0JBQXNCO0VBQ3RCLHdCQUF1QjtNQUF2QixxQkFBdUI7VUFBdkIsdUJBQXVCO0VBQ3ZCLHVCQUEyQjtNQUEzQixvQkFBMkI7VUFBM0IsMkJBQTJCO0VBQzNCLFdDcEMyQixFQUFBO0VDQTdCO0lGOEJBO01BU0ksYUNuQytCLEVBQUEsRURxRGxDO0VFbkREO0lGd0JBO01BYUksWUMzQ3lCLEVBQUEsRUR5RDVCO0VFN0NEO0lGa0JBO01BaUJJLFNDL0N5QixFQUFBLEVEeUQ1QjtFRXZDRDtJRllBO01BcUJJLGFDbkR5QixFQUFBLEVEeUQ1QjtFRWpDRDtJRk1BO01BeUJJLFdDdkR5QixFQUFBLEVEeUQ1Qjs7QUFFRDtFQUNFLFdBQVc7RUFDWCxvQkFBYTtFQUFiLG9CQUFhO0VBQWIsYUFBYTtFQUNiLDRCQUFzQjtFQUF0Qiw2QkFBc0I7TUFBdEIsMEJBQXNCO1VBQXRCLHNCQUFzQjtFQUN0Qix3QkFBdUI7TUFBdkIscUJBQXVCO1VBQXZCLHVCQUF1QjtFQUN2Qix1QkFBMkI7TUFBM0Isb0JBQTJCO1VBQTNCLDJCQUEyQjtFQUMzQixZQ2pFMkIsRUFBQTtFQ0E3QjtJRjJEQTtNQVNJLGNDaEUrQixFQUFBLEVENEhsQztFRXBIRDtJRitDQTtNQWFJLGFDeEV5QixFQUFBLEVEZ0k1QjtFRTlHRDtJRnlDQTtNQWlCSSxhQzVFeUIsRUFBQSxFRGdJNUI7RUV4R0Q7SUZtQ0E7TUFxQkksWUNoRnlCLEVBQUEsRURnSTVCO0VBckVBO0lBeUJHLGtCQUFrQjtJQUVsQixXQUFXO0lBQ1gsY0FBYztJQUVkLCtCQUErQjtJQUMvQiwwQkFBMEIsRUFBQTtJQS9CN0I7TUFrQ0ssV0FBVztNQUVYLGtCQUFrQjtNQUNsQixNQUFNO01BQ04sU0FBUztNQUNULE9BQU87TUFDUCxZQUFZO01BQ1osV0FBVztNQUVYLFdBQVc7TUFDWCxXQUFXO01BRVgsaUNBQWlDLEVBQUE7TUV6R3ZDO1FGMkRDO1VBaURPLGlCQ3hHMkIsRUFBQSxFRDBHOUI7SUFuREo7TUFzREssa0JBQWtCO01BRWxCLDBCQUFrQjtNQUFsQix1QkFBa0I7TUFBbEIsa0JBQWtCO01BQ2xCLDJCQUFtQjtNQUFuQix3QkFBbUI7TUFBbkIsbUJBQW1CO01BQ25CLGNBQWMsRUFBQTtNQTFEbkI7UUczREQsV0FBVztRQUNYLGtCQUFrQjtRQUNsQixlQUFxQjtRQUNyQixnQkFBc0I7UUFFdEIsaUNBQXNDO1FBQ3RDLGtDQUF1QztRQUV2Qyw2QkFBNkI7UUFFN0IsVUFBVTtRSCtHQSxVQUFVO1FBQ1Ysb0NBQW9DO1FBQ3BDLFdBQVcsRUFBQTtRRTNIckI7VUYyREM7WUc5Q0MsZUFBSztZQUNMLGdCQUFNO1lBRU4saUNBQXNDO1lBQ3RDLGtDQUF1QyxFQUFBLEVINEdsQzs7QUFLUDtFQUNFLFdBQVc7RUFDWCxhQUFhO0VBQ2IscUNBQXFDO0VBQ3JDLDBDQUFrQztLQUFsQyx1Q0FBa0M7VUFBbEMsa0NBQWtDO0VBQ2xDLGdCQ3ZJMkIsRUFBQTtFQ0E3QjtJRmtJQTtNQVFJLGtCQ3RJK0IsRUFBQSxFRGdLbEM7RUV4SkQ7SUZzSEE7TUFZSSxlQzlJeUIsRUFBQSxFRG9LNUI7RUVsSkQ7SUZnSEE7TUFnQkksaUJDbEp5QixFQUFBLEVEb0s1QjtFRXRJRDtJRm9HQTtNQW9CSSxxQ0FBcUMsRUFBQSxFQWN4QztFRTVJRDtJRjBHQTtNQXdCSSxnQkMxSnlCLEVBQUEsRURvSzVCO0VFdElEO0lGb0dBO01BNEJJLDBCQUEwQixFQUFBLEVBTTdCO0VBbENBO0lBZ0NHLGdCQUFnQixFQUFBIiwiZmlsZSI6ImNvbXBvbmVudHMvc2VjdGlvbnMvcHJvamVjdC1saXN0aW5nL3Byb2plY3QtbGlzdGluZy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0IFwiLi4vLi4vLi4vbWl4aW5zXCI7XG5cbi5wcm9qZWN0LWxpc3Rpbmcge1xuICAmIC5zZWN0aW9uX19jb250ZW50IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgZ2FwOiByZW0oMTIwKTtcblxuICAgIEBpbmNsdWRlIG1lZGlhQmlnRGVza3RvcCB7XG4gICAgICBnYXA6IGJpZygxMjApO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIG1lZGlhRGVza3RvcCB7XG4gICAgICBnYXA6IHJlbSg5MCk7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgbWVkaWFMYXB0b3Age1xuICAgICAgZ2FwOiByZW0oNzApO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIG1lZGlhVGFibGV0IHtcbiAgICAgIGdhcDogcmVtKDUwKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBtZWRpYU1vYmlsZSB7XG4gICAgICBnYXA6IHJlbSgzMCk7XG4gICAgfVxuICB9XG5cbiAgJl9fbGlzdCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBnYXA6IHJlbSgxMjApO1xuXG4gICAgQGluY2x1ZGUgbWVkaWFCaWdEZXNrdG9wIHtcbiAgICAgIGdhcDogYmlnKDEyMCk7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgbWVkaWFEZXNrdG9wIHtcbiAgICAgIGdhcDogcmVtKDEwMCk7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgbWVkaWFMYXB0b3Age1xuICAgICAgZ2FwOiByZW0oODApO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIG1lZGlhVGFibGV0IHtcbiAgICAgIGdhcDogcmVtKDUwKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBtZWRpYU1vYmlsZSB7XG4gICAgICBnYXA6IHJlbSg0MCk7XG4gICAgfVxuICB9XG5cbiAgJl9feWVhciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICBnYXA6IHJlbSg2MCk7XG5cbiAgICBAaW5jbHVkZSBtZWRpYUJpZ0Rlc2t0b3Age1xuICAgICAgZ2FwOiBiaWcoNjApO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIG1lZGlhTGFwdG9wIHtcbiAgICAgIGdhcDogcmVtKDUwKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBtZWRpYVRhYmxldCB7XG4gICAgICBnYXA6IHJlbSgzMCk7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgbWVkaWFNb2JpbGUge1xuICAgICAgZ2FwOiByZW0oMjApO1xuICAgIH1cblxuICAgICYgPiAudGV4dCB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG5cbiAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LWRhcmstcHJpbWFyeSk7XG4gICAgICBmb250OiB2YXIoLS1mb250LWJvZHktTS1yKTtcblxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcblxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgIHotaW5kZXg6IC0xO1xuXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDFweDtcblxuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1zdHJva2UtZGFyay0xNSk7XG5cbiAgICAgICAgQGluY2x1ZGUgbWVkaWFCaWdEZXNrdG9wIHtcbiAgICAgICAgICBoZWlnaHQ6IGJpZygxKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgQGluY2x1ZGUgcHNldWRvKDE1KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tY29tbW9uLWJhY2tncm91bmQpO1xuICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fY2FyZHMge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTtcbiAgICBjb2x1bW4tZ2FwOiB2YXIoLS1ncmlkLWNvbHVtbi1nYXApO1xuICAgIHJvdy1nYXA6IHJlbSg2MCk7XG5cbiAgICBAaW5jbHVkZSBtZWRpYUJpZ0Rlc2t0b3Age1xuICAgICAgcm93LWdhcDogYmlnKDYwKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBtZWRpYUxhcHRvcCB7XG4gICAgICByb3ctZ2FwOiByZW0oNDApO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIG1lZGlhVGFibGV0IHtcbiAgICAgIHJvdy1nYXA6IHJlbSgzMCk7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgbWVkaWEoI3tyZW0oOTIwKX0pIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgbWVkaWFNb2JpbGUge1xuICAgICAgcm93LWdhcDogcmVtKDIwKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBtZWRpYSgje3JlbSg0NDApfSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgfVxuXG4gICAgJiA+IGRpdiB7XG4gICAgICBtYXgtd2lkdGg6IHVuc2V0O1xuICAgIH1cbiAgfVxufVxuIiwiQGZ1bmN0aW9uIHJlbSgkcGl4ZWxzKSB7XG4gIEByZXR1cm4gI3skcGl4ZWxzIC8gMTZ9cmVtO1xufVxuXG5AZnVuY3Rpb24gYmlnKCRwaXhlbHMpIHtcbiAgQHJldHVybiAjeyRwaXhlbHMgLyAyNTYwICogMTAwfXZ3O1xufVxuIiwiQG1peGluIG1lZGlhQmlnRGVza3RvcCB7XG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDI1NjFweCkge1xuICAgIEBjb250ZW50O1xuICB9XG59XG5cbkBtaXhpbiBtZWRpYURlc2t0b3Age1xuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAyMjAwcHgpIHtcbiAgICBAY29udGVudDtcbiAgfVxufVxuXG5AbWl4aW4gbWVkaWFMYXB0b3Age1xuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxODUwcHgpIHtcbiAgICBAY29udGVudDtcbiAgfVxufVxuXG5AbWl4aW4gbWVkaWFUYWJsZXQge1xuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMzQwcHgpIHtcbiAgICBAY29udGVudDtcbiAgfVxufVxuXG5AbWl4aW4gbWVkaWFNb2JpbGUge1xuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2MzBweCkge1xuICAgIEBjb250ZW50O1xuICB9XG59XG5cbkBtaXhpbiBtZWRpYSgkd2lkdGgpIHtcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHdpZHRoKSB7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn1cbiIsIkBtaXhpbiBwc2V1ZG8oJHBpeGVsKSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtI3tyZW0oJHBpeGVsKX07XG4gIGxlZnQ6IC0je3JlbSgkcGl4ZWwpfTtcblxuICB3aWR0aDogY2FsYygxMDAlICsgI3tyZW0oJHBpeGVsKX0gKiAyKTtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgKyAje3JlbSgkcGl4ZWwpfSAqIDIpO1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIG9wYWNpdHk6IDA7XG5cbiAgQGluY2x1ZGUgbWVkaWFCaWdEZXNrdG9wIHtcbiAgICB0b3A6ICN7YmlnKC0kcGl4ZWwpfTtcbiAgICBsZWZ0OiAje2JpZygtJHBpeGVsKX07XG4gIFxuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAje2JpZygkcGl4ZWwpfSAqIDIpO1xuICAgIGhlaWdodDogY2FsYygxMDAlICsgI3tiaWcoJHBpeGVsKX0gKiAyKTtcbiAgfVxuXG4gIEBjb250ZW50O1xufVxuIl19 */