@charset "UTF-8";
/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
.wk-grids-stripes {
  padding: 0 1%;
  font-family: 'akzidenz-grotesk-pro', sans-serif;
  overflow: hidden; }
  @media all and (max-width: 62.49em) {
    .wk-grids-stripes {
      padding: 0 3%; } }
  .wk-grids-stripes h1 {
    font-size: 138px;
    color: #000;
    line-height: 111px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -9px;
    letter-spacing: -0.03em; }
    @media all and (max-width: 62.49em) {
      .wk-grids-stripes h1 {
        left: 3vw;
        font-size: 118px;
        line-height: 1;
        top: 100%; } }
    @media all and (max-width: 47.99em) {
      .wk-grids-stripes h1 {
        font-size: 70px;
        margin-left: -4px; } }
  .wk-grids-stripes h2 {
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: -0.01em;
    margin: 0;
    margin-top: 5px;
    color: #000; }
  .wk-grids-stripes .wk-filters-buttons {
    display: flex;
    gap: 15px;
    justify-content: flex-end; }
    @media all and (max-width: 47.99em) {
      .wk-grids-stripes .wk-filters-buttons {
        margin-top: 40px; } }
    .wk-grids-stripes .wk-filters-buttons .wk-filters-buttons__placeholder {
      border: 0 !important; }
    .wk-grids-stripes .wk-filters-buttons div {
      padding: 10px 20px;
      border: 1px solid #000;
      border-radius: 50px;
      text-transform: uppercase;
      font-size: 13px;
      line-height: 14px;
      letter-spacing: -0.01em;
      white-space: nowrap;
      cursor: pointer;
      transition: all 0.3s ease-in-out; }
      .wk-grids-stripes .wk-filters-buttons div:hover {
        background-color: #000;
        color: #fff; }
    .wk-grids-stripes .wk-filters-buttons .wk-reset {
      opacity: .4;
      cursor: default; }
      .wk-grids-stripes .wk-filters-buttons .wk-reset:hover {
        background-color: transparent !important;
        color: #000 !important; }
      .wk-grids-stripes .wk-filters-buttons .wk-reset.active {
        cursor: pointer;
        opacity: 1; }
  .wk-grids-stripes .wk-projects__grid {
    margin: 15px -14px 0 -10px; }
    @media all and (max-width: 47.99em) {
      .wk-grids-stripes .wk-projects__grid {
        margin: 15px -10px 0; } }
    .wk-grids-stripes .wk-projects__grid a {
      display: block; }
      .wk-grids-stripes .wk-projects__grid a:hover {
        opacity: 1; }
    .wk-grids-stripes .wk-projects__grid .wk-projects__item {
      width: calc(25% - 1px);
      padding: 0 10px 20px;
      box-sizing: border-box;
      position: relative; }
      @media all and (min-width: 120.0625em) {
        .wk-grids-stripes .wk-projects__grid .wk-projects__item {
          width: calc(20% - 1px); } }
      @media all and (max-width: 47.99em) {
        .wk-grids-stripes .wk-projects__grid .wk-projects__item {
          width: 50%; } }
      .wk-grids-stripes .wk-projects__grid .wk-projects__item img {
        aspect-ratio: 455/597;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); }
        .wk-grids-stripes .wk-projects__grid .wk-projects__item img:nth-child(2) {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          pointer-events: none; }
      .wk-grids-stripes .wk-projects__grid .wk-projects__item .wk-project__item__img {
        position: relative; }
        .wk-grids-stripes .wk-projects__grid .wk-projects__item .wk-project__item__img img {
          aspect-ratio: 455/597;
          width: 100%;
          height: auto;
          -o-object-fit: cover;
             object-fit: cover;
          -webkit-filter: grayscale(100%);
                  filter: grayscale(100%);
          transition: all 0.3s ease-in-out; }
        .wk-grids-stripes .wk-projects__grid .wk-projects__item .wk-project__item__img:hover img {
          -webkit-filter: grayscale(0%);
                  filter: grayscale(0%); }
      .wk-grids-stripes .wk-projects__grid .wk-projects__item:hover img {
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%); }
        .wk-grids-stripes .wk-projects__grid .wk-projects__item:hover img:nth-child(2) {
          opacity: 1;
          pointer-events: all; }
  .wk-grids-stripes .wk-no-results {
    padding: 100px 0 140px;
    font-size: 20px;
    text-align: center; }

.wk-filters {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  background-color: #fff;
  padding: 20px;
  min-width: 400px;
  font-family: 'akzidenz-grotesk-pro', sans-serif;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
  overflow-y: auto; }
  @media all and (max-width: 47.99em) {
    .wk-filters {
      min-width: auto;
      width: 90%; } }
  .wk-filters ul {
    padding: 0; }
    .wk-filters ul li {
      list-style-type: none;
      text-transform: uppercase;
      color: #000;
      cursor: pointer;
      line-height: 1; }
      .wk-filters ul li.is-active {
        color: #000; }
        .wk-filters ul li.is-active::before {
          content: "×";
          margin-right: 5px; }
      .wk-filters ul li.wk-mt {
        margin-top: 20px; }
  .wk-filters > ul {
    margin-top: 30px; }
    .wk-filters > ul > li {
      margin-bottom: 30px; }
      .wk-filters > ul > li svg {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        transition: all 0.3s ease-in-out; }
      .wk-filters > ul > li span {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 3px; }
        .wk-filters > ul > li span.active svg {
          -webkit-transform: rotate(0);
                  transform: rotate(0); }
      .wk-filters > ul > li li {
        color: #999999;
        padding: 3px 0; }
  .wk-filters .wk-search {
    display: flex;
    gap: 20px; }
    .wk-filters .wk-search .wk-close-button {
      font-size: 13px;
      line-height: 14px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      padding: 10px 20px;
      border: 1px solid #000;
      border-radius: 50px;
      display: flex;
      align-items: center; }
  .wk-filters .input-search {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center; }
  .wk-filters .input-search .icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none; }
  .wk-filters .input-search input {
    padding: 0;
    padding-left: 25px;
    border: 0;
    outline: transparent; }

body::after {
  background-color: #000;
  opacity: .5; }

body.wk-filters-active .wk-filters {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

body.wk-filters-active::after {
  width: 100%;
  z-index: 99998; }

body:not(.notouch) .wk-projects-carousel .swiper-slide img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }