@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=3480c3a9-38bd-4279-864c-1807b5e4efd3&fontids=1261935,1261937,1261940,1261942,1261944,1261946");
@font-face {
  font-family: "NeueHaasGroteskText";
  src: url("fonts/1261935/95ea534a-2fc2-4365-9df6-5530cbc58cdf.woff2")
      format("woff2"),
    url("fonts/1261935/4b96e8db-6bb0-4bbf-8561-ad1668425256.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NeueHaasGroteskText";
  src: url("fonts/1261937/97b5babc-fc62-47c7-9cd0-cfa792128ca9.woff2")
      format("woff2"),
    url("fonts/1261937/a258f2b1-cb57-42f2-9432-5eb93521fd2a.woff")
      format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "NeueHaasGroteskText";
  src: url("fonts/1261940/1001bda8-900d-48db-981a-eade9e19d721.woff2")
      format("woff2"),
    url("fonts/1261940/114cebe1-1e11-46b0-a45c-f29a2f907467.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "NeueHaasGroteskText";
  src: url("fonts/1261942/93b12373-28e1-431c-af96-085a9afe31f9.woff2")
      format("woff2"),
    url("fonts/1261942/8bc0c422-40f0-40ce-a57c-c12c4e542ae5.woff")
      format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "NeueHaasGroteskText";
  src: url("fonts/1261944/40682817-6626-411d-a1a3-76035e8a5a0f.woff2")
      format("woff2"),
    url("fonts/1261944/7eac4442-f81d-41ec-8517-bbe52aecfcbf.woff")
      format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "NeueHaasGroteskText";
  src: url("fonts/1261946/f1953d29-f26b-4b35-8ad5-669ba690dc16.woff2")
      format("woff2"),
    url("fonts/1261946/6628fcf5-2ef5-4a69-9bdf-1ead2f93295c.woff")
      format("woff");
  font-weight: 700;
  font-style: italic;
}
html {
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: y proximity;
  -ms-scroll-snap-type: y proximity;
  scroll-snap-type: y proximity;
}

body {
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  font-family: "NeueHaasGroteskText", "Arial", sans-serif;
  font-size: 14px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: geometricPrecision;
  scroll-behavior: smooth;
  background-color: transparent;
  color: black;
  background-color: #f2f2f2;
}

body.journal-page .title-bar,
body.journal-page .menu-btn span,
body.journal-page .description-content {
  -webkit-filter: saturate(0%) brightness(0%);
  filter: saturate(0%) brightness(0%);
}

main.main {
  background-color: #f2f2f2;
}

.journal-page.red-color {
  color: #c72128;
}
.journal-page.red-color a {
  color: #c72128;
}
.journal-page.red-color .swiper-button-next {
  right: 0;
  left: auto;
  cursor: url("../assets/cursor-red-next.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../assets/cursor-red-next.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-red-next.png") 1x,
        url("../assets/cursor-red-nex.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}
.journal-page.red-color .swiper-button-prev {
  right: auto;
  left: 0;
  cursor: url("../assets/cursor-red-prev.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../assets/cursor-red-prev.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-red-prev.png") 1x,
        url("../assets/cursor-red-prev.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}
.journal-page.red-color .menu-btn span {
  background-color: #c72128;
}

.journal-page.blue-color {
  color: #34449b;
}
.journal-page.blue-color a {
  color: #34449b;
}
.journal-page.blue-color .swiper-button-next {
  right: 0;
  left: auto;
  cursor: url("../assets/cursor-blue-next.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../assets/cursor-blue-next.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-blue-next.png") 1x,
        url("../assets/cursor-blue-next.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}
.journal-page.blue-color .swiper-button-prev {
  right: auto;
  left: 0;
  cursor: url("../assets/cursor-blue-prev.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../assets/cursor-blue-prev.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-blue-prev.png") 1x,
        url("../assets/cursor-blue-prev.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}
.journal-page.blue-color .menu-btn span {
  background-color: #34449b;
}

.journal-page.green-color {
  color: #136533;
}
.journal-page.green-color a {
  color: #136533;
}
.journal-page.green-color .swiper-button-next {
  right: 0;
  left: auto;
  cursor: url("../assets/cursor-green-next.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../assets/cursor-green-next.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-green-next.png") 1x,
        url("../assets/cursor-green-next.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}
.journal-page.green-color .swiper-button-prev {
  right: auto;
  left: 0;
  cursor: url("../cursor-green-prev.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../cursor-green-prev.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-green-prev.png") 1x,
        url("../assets/cursor-green-prev.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}
.journal-page.green-color .menu-btn span {
  background-color: #136533;
}

h1,
h2,
h3 {
  font-weight: normal;
}

a {
  color: black;
  text-decoration: none;
}

header {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  z-index: 1001;
  padding: 36px;
}
header h1 {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 0;
  -webkit-filter: saturate(0) brightness(0);
  filter: saturate(0) brightness(0);
}

/*************** Menu***************/
.menu-list {
  padding-left: 0;
  list-style: none;
  display: block;
  margin-top: 24px;
  font-size: 12px;
  margin-bottom: 0;
}
.menu-list li {
  display: block;
  margin-right: 30px;
  text-transform: none;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.menu-list li:last-of-type {
  margin-right: 0;
}
.menu-list li.active,
.menu-list li:hover {
  font-weight: bold;
}

.project-list {
  list-style: none;
  padding-left: 0;
  margin-top: 6px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 25px;
  display: none;
}
.project-list li {
  margin-bottom: 6px;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
}
.project-list li.active,
.project-list li:hover {
  font-weight: bold;
}

.swiper-navigation-icon {
  display: none;
}
/*************** Works - Journal ***************/
.col-description {
  -webkit-filter: saturate(0) brightness(0);
  filter: saturate(0) brightness(0);
}

.project,
.contact {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.project .col,
.contact .col {
  width: 50%;
  height: 100%;
}
.project .col-gallery,
.contact .col-gallery {
  z-index: 100000;
  position: relative;
}
.project .col-description,
.contact .col-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.project .location,
.contact .location {
  width: 33.33333%;
  padding-right: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.project .description,
.contact .description {
  width: 66.66666%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2em;
}
.project .description p:last-of-type,
.contact .description p:last-of-type {
  margin-bottom: 0;
}

.contact {
  scroll-snap-align: unset;
}

.swiper {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  padding: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper .swiper-slide {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper .swiper-slide img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top left;
  object-position: top left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper .swiper-slide img.slide-logo {
  width: 50px;
  -o-object-fit: initial;
  object-fit: initial;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10000;
  -o-object-position: unset;
  object-position: unset;
}
.swiper .swiper-container {
  height: 100%;
}

.illustration {
  position: relative;
}

.swiper-wrapper {
  min-height: 100%;
}

.swiper-navigation {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.swiper-slide {
  height: auto !important;
}

.slide-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.slide-description .description {
  width: 100%;
  height: 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-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.slide-description .title-bar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-transform: capitalize;
}
.slide-description .description-content {
  max-width: 550px;
  width: 100%;
}

.slide-description,
.slide-journal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.slide-description .description,
.slide-journal .description {
  width: 100%;
  height: 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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.slide-description .description p,
.slide-journal .description p {
  max-width: 550px;
}
.slide-description .title-bar,
.slide-journal .title-bar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-transform: capitalize;
}
.slide-description .description-content,
.slide-journal .description-content {
  max-width: 550px;
  width: 100%;
}

#journal-page a {
  -webkit-filter: saturate(0%) brightness(0%);
  filter: saturate(0%) brightness(0%);
}

.no-gallery .slide {
  height: 100%;
  width: 100%;
}

.location-xs {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  outline: none;
}
.swiper-button-next:focus,
.swiper-button-prev:focus {
  outline: none;
  border: none;
}

.swiper-button-next {
  right: 0;
  left: auto;
  cursor: url("../assets/cursor-next.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../assets/cursor-next.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-next.png") 1x,
        url("../assets/cursor-next@2x.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}

.swiper-button-prev {
  right: auto;
  left: 0;
  cursor: url("../assets/cursor-prev.png") 0 0, pointer !important;
  /* Legacy */
  cursor: url("../assets/cursor-prev.svg") 0 0, pointer !important;
  /* FF */
  cursor: -webkit-image-set(
        url("../assets/cursor-prev.png") 1x,
        url("../assets/cursor-prev@2x.png") 2x
      )
      0 0,
    pointer !important;
  /* Webkit */
}

.swiper-button-next,
.swiper-button-prev {
  top: 0!important;
  height: 100%;
  width: 50%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  opacity: 0;
}

.img-journal {
  margin-top: 15px;
}

/*************** Contact ***************/
.contact {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: auto;
  min-height: 100vh;
}
.contact .col-illustration {
  position: fixed;
  padding: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  right: 0;
  z-index: 100;
}
.contact .description {
  min-width: 400px;
}
.contact .col-description {
  padding-top: 148px;
  position: relative;
  -webkit-filter: none;
  filter: none;
}
.contact .col-description:after {
  background-color: #f2f2f2;
  width: 50%;
  height: 36px;
  position: fixed;
  bottom: 0;
  left: 0;
  content: "";
  text-align: center;
}

.illustration-contact {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top left;
  object-position: top left;
}

.col-description {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.col-contact {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.illustration-holder {
  padding: 35px;
  background-color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

.contact-page header {
  background-color: #f2f2f2;
  z-index: 99;
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 968px) and (max-width: 1280px) and (orientation: landscape) {
  body {
    font-size: 12px;
  }

  .location-xs {
    display: block;
    margin-top: 10px;
  }

  .location {
    display: none;
  }

  .project .description {
    width: 100%;
    padding-right: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .project .col-description {
    display: block;
  }

  .swiper {
    padding: 23px;
  }

  .project {
    padding: 20px;
  }

  header {
    padding: 20px;
  }

  .project,
  .contact {
    padding: 20px;
  }
}
.show-xs {
  display: none;
}

.hide-xs {
  display: block;
}

.project-list {
  display: none;
}

@media only screen and (max-width: 968px), (orientation: portrait) {
  .show-xs {
    display: block;
  }

  .hide-xs {
    display: none;
  }

  .menu-btn span {
    display: block;
    height: 2px;
    border-radius: 10px;
    left: calc(50% - 9px);
    position: absolute;
    width: 15px;
    background-color: black;
  }

  .menu-btn {
    color: black;
    cursor: pointer;
    display: block;
    height: 66px;
    width: 65px;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 150;
  }

  .menu-btn span:nth-child(1) {
    top: calc(50% - 6px);
  }

  .menu-btn span:nth-child(2) {
    top: 50%;
  }

  .menu-btn span:nth-child(3) {
    top: calc(50% + 6px);
  }

  .menu-btn.is-active span:nth-child(3) {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
  }

  .menu-btn.is-active span:nth-child(2) {
    display: none;
  }

  .menu-btn.is-active span:nth-child(1) {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
  }

  .project,
  .contact {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 0;
    height: auto;
    padding: 26px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 26px;
  }

  .project .col,
  .contact .col {
    width: 100%;
    height: auto;
  }

  .main {
    padding-top: 66px;
  }

  .col.col-gallery {
    height: calc(100vh - 170px);
  }

  .project .col-description {
    display: none;
  }

  header {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    z-index: 100001;
    padding: 22px 26px;
    top: 0;
    background-color: #f2f2f2;
  }
  header h1 {
    font-size: 18px;
    -webkit-filter: saturate(0) brightness(0);
    filter: saturate(0) brightness(0);
  }

  .menu-mobile {
    display: none;
    position: static;
  }

  .menu-mobile.is-active {
    display: block;
  }

  .project .description {
    width: 100%;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .title-bar .work-title {
    margin-right: 15px;
  }
  .title-bar .work-location {
    text-align: right;
  }

  .menu-list li {
    display: block;
    margin-right: 0px;
    text-transform: none;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .project {
    scroll-snap-align: none;
  }

  .swiper-button-prev,
  .swiper-button-next {
    cursor: default;
    display: none;
  }

  .project .description,
  .contact .description {
    width: 100%;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2em;
  }

  .title-mobile {
    margin-top: 0.5rem;
    text-transform: capitalize;
  }

  .slide-description .title-bar,
  .slide-journal .title-bar {
    text-transform: none;
    font-variant-caps: normal;
  }

  .contact {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .contact .col-illustration {
    position: static;
    padding: 0;
    z-index: 90;
  }
  .contact .description {
    min-width: 0;
    max-height: none;
  }
  .contact .col-description {
    padding-top: 0;
  }
  .contact .col-description:after {
    display: none;
  }

  .illustration-holder {
    padding: 26px;
  }

  .swiper {
    padding: 26px;
  }
}

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