/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-projects-collection/block-projects-collection.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.errorPage {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .errorPage__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .errorPage__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .errorPage__text {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .errorPage__text p {
      margin: 0 0 48px; }
    .errorPage__text h1 {
      margin: 0 0 48px; }
    .errorPage__text .btn.show {
      animation: fadeInUp 0.3s forwards; }

.projectsCollection {
  padding: 96px 0; }
  .projectsCollection__nosearch {
    max-width: 1864px;
    width: 100%;
    padding: 0 60px;
    margin: 0 auto; }
    .projectsCollection__nosearch.hidden {
      display: none; }
  .projectsCollection__wrapper {
    max-width: 1864px;
    padding: 0 60px 154px;
    margin: 0 auto;
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 129px;
    grid-row-gap: 96px;
    position: relative; }
    @media screen and (max-width: 1440px) {
      .projectsCollection__wrapper {
        grid-column-gap: 48px;
        grid-row-gap: 48px; } }
    @media screen and (max-width: 768px) {
      .projectsCollection__wrapper {
        padding: 0 20px 154px;
        grid-template-columns: repeat(1, 1fr); } }
    .projectsCollection__wrapper-loadmore {
      cursor: pointer; }
      .projectsCollection__wrapper-loadmore.btn {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
        .projectsCollection__wrapper-loadmore.btn span {
          pointer-events: none; }
        @media screen and (max-width: 768px) {
          .projectsCollection__wrapper-loadmore.btn {
            padding: 12px 8px; } }
      .projectsCollection__wrapper-loadmore.show {
        animation: enterLeftTransform 0.7s forwards; }
    .projectsCollection__wrapper-item {
      opacity: 0; }
      .projectsCollection__wrapper-item.show:nth-child(even) {
        animation: enterLeft 0.7s forwards; }
      .projectsCollection__wrapper-item.show:nth-child(odd) {
        animation: enterRight 0.7s forwards; }
      @media (hover: hover) and (pointer: fine) {
        .projectsCollection__wrapper-item:hover .projectsCollection__wrapper-item--image::after {
          opacity: 1; }
        .projectsCollection__wrapper-item:hover .projectsCollection__wrapper-item--image---view {
          opacity: 1;
          visibility: visible; }
          .projectsCollection__wrapper-item:hover .projectsCollection__wrapper-item--image---view::after {
            transform: scaleX(1); } }
      .projectsCollection__wrapper-item--image {
        height: 504px;
        width: 100%;
        position: relative; }
        .projectsCollection__wrapper-item--image::after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          content: "";
          transition: 0.3s ease;
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(0deg, rgba(165, 132, 96, 0.5) 0%, rgba(165, 132, 96, 0.5) 100%);
          background-blend-mode: normal, overlay, luminosity, normal; }
          @media screen and (max-width: 768px) {
            .projectsCollection__wrapper-item--image::after {
              opacity: 1; } }
        .projectsCollection__wrapper-item--image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .projectsCollection__wrapper-item--image---view {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          display: flex;
          align-items: flex-end;
          opacity: 0;
          visibility: hidden;
          transition: 0.3s ease;
          z-index: 1;
          color: #fff;
          padding: 0 0 16px; }
          .projectsCollection__wrapper-item--image---view::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            content: "";
            height: 5px;
            background: #a58460;
            transform: scaleX(0);
            transform-origin: left;
            transition: 0.3s ease; }
          .projectsCollection__wrapper-item--image---view svg {
            width: 32px;
            height: 32px;
            margin: 0 0 6px 16px; }
            @media screen and (max-width: 768px) {
              .projectsCollection__wrapper-item--image---view svg {
                width: 20px;
                height: 20px;
                margin: 0 0 4px 12px; } }
          @media screen and (max-width: 768px) {
            .projectsCollection__wrapper-item--image---view {
              opacity: 1;
              visibility: visible; }
              .projectsCollection__wrapper-item--image---view::after {
                transform: scaleX(1); } }
      .projectsCollection__wrapper-item--text {
        color: #000; }
        .projectsCollection__wrapper-item--text h3 {
          margin: 48px 0 24px; }

@media screen and (min-width: 1921px) {
  .projectsCollection {
    padding: 5vw 0; }
    .projectsCollection__wrapper {
      max-width: 97.08333vw;
      padding: 0 3.125vw 8.02083vw;
      grid-column-gap: 6.71875vw;
      grid-row-gap: 5vw; }
      .projectsCollection__wrapper-item--image {
        height: 26.25vw; }
        .projectsCollection__wrapper-item--image---view {
          padding: 0 0 0.83333vw; }
          .projectsCollection__wrapper-item--image---view::after {
            height: 0.26042vw; }
          .projectsCollection__wrapper-item--image---view svg {
            width: 1.66667vw;
            height: 1.66667vw;
            margin: 0 0 0.3125vw 0.83333vw; }
      .projectsCollection__wrapper-item--text h3 {
        margin: 2.5vw 0 1.25vw; } }