.content.portfolio .slide-container {
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; /* Removes tap highlight on mobile */
}
.content.portfolio .slide-container.paused {
  outline: 2px solid rgba(255, 255, 255, 0.05);
  border-radius: 3px;
  overflow: hidden;
}
.content.portfolio .slide-container.paused::after {
  content: "Paused";
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  text-transform: uppercase;
}
.content.portfolio .slide-container.transition > .slide {
  transition: opacity 1s ease-in-out;
}
.content.portfolio .slide-container > .slide {
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  visibility: hidden;
  width: 100%;
}
.content.portfolio .slide-container > .slide:first-of-type {
  position: relative;
}
.content.portfolio .slide-container > .slide.active {
  visibility: visible;
}
.content.portfolio .slide-container > .slide img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.content.portfolio .hero.slide-container {
  height: 100vh;
  height: 100dvh;
}
.content.portfolio .hero.slide-container > .slide {
  padding: var(--margin-size-small);
}
.content.portfolio > .item {
  margin: 0 auto;
  padding: 0 var(--margin-size-small);
}
.content.portfolio > .item.full-width > .image > figure > img {
  width: 100%;
}
.content.portfolio > .item.double-column, .content.portfolio > .item.triple-column, .content.portfolio > .item.quad-column {
  display: flex;
  gap: var(--margin-size-small);
  justify-content: center;
}
.content.portfolio > .item.double-column > .image, .content.portfolio > .item.triple-column > .image, .content.portfolio > .item.quad-column > .image {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.content.portfolio > .item.double-column > .image > figure, .content.portfolio > .item.triple-column > .image > figure, .content.portfolio > .item.quad-column > .image > figure {
  margin-bottom: var(--margin-size-small);
}
.content.portfolio > .item.double-column > .image > figure > img, .content.portfolio > .item.triple-column > .image > figure > img, .content.portfolio > .item.quad-column > .image > figure > img {
  width: 100%;
}
.content.portfolio > .item.double-column > .image > figcaption, .content.portfolio > .item.triple-column > .image > figcaption, .content.portfolio > .item.quad-column > .image > figcaption {
  margin-top: auto;
}
.content.portfolio > .item.double-column > .description-wrapper, .content.portfolio > .item.triple-column > .description-wrapper, .content.portfolio > .item.quad-column > .description-wrapper {
  width: 50%;
  display: flex;
}
.content.portfolio > .item.double-column > .description-wrapper > .description, .content.portfolio > .item.triple-column > .description-wrapper > .description, .content.portfolio > .item.quad-column > .description-wrapper > .description {
  font-weight: bold;
  font-size: calc(18px + 2vw);
  top: var(--margin-size);
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
}
.content.portfolio > .item.double-column > .description-wrapper > .description > .client, .content.portfolio > .item.triple-column > .description-wrapper > .description > .client, .content.portfolio > .item.quad-column > .description-wrapper > .description > .client {
  text-transform: uppercase;
}
.content.portfolio > .item.double-column.max-page-height, .content.portfolio > .item.triple-column.max-page-height, .content.portfolio > .item.quad-column.max-page-height {
  max-height: 100vh;
  max-height: 100dvh;
}
.content.portfolio > .item.double-column.max-page-height figcaption, .content.portfolio > .item.triple-column.max-page-height figcaption, .content.portfolio > .item.quad-column.max-page-height figcaption {
  text-align: center;
}
.content.portfolio > .item.double-column.max-page-height.slideshow-wrapper, .content.portfolio > .item.triple-column.max-page-height.slideshow-wrapper, .content.portfolio > .item.quad-column.max-page-height.slideshow-wrapper {
  max-height: unset;
}
.content.portfolio > .item.double-column.max-page-height.slideshow-wrapper > .image.slideshow, .content.portfolio > .item.triple-column.max-page-height.slideshow-wrapper > .image.slideshow, .content.portfolio > .item.quad-column.max-page-height.slideshow-wrapper > .image.slideshow {
  width: unset;
}
.content.portfolio > .item.double-column.max-page-height.slideshow-wrapper > .image.slideshow > .slide-container, .content.portfolio > .item.triple-column.max-page-height.slideshow-wrapper > .image.slideshow > .slide-container, .content.portfolio > .item.quad-column.max-page-height.slideshow-wrapper > .image.slideshow > .slide-container {
  max-height: 100vh;
  max-height: 100dvh;
}
.content.portfolio > .item.triple-column > .image > .description-wrapper {
  width: 33.333%;
}
.content.portfolio > .item.quad-column > .image > .description-wrapper {
  width: 25%;
}
.content.portfolio > .item + .item {
  margin-top: var(--margin-size-small);
}

@media only screen and (max-width: 767px) {
  .content.portfolio > .item.double-column, .content.portfolio > .item.triple-column, .content.portfolio > .item.quad-column {
    flex-direction: column;
  }
  .content.portfolio > .item.double-column > .description-wrapper, .content.portfolio > .item.triple-column > .description-wrapper, .content.portfolio > .item.quad-column > .description-wrapper {
    width: 100%;
    justify-content: center;
  }
  .content.portfolio > .item.double-column > .description-wrapper > .description, .content.portfolio > .item.triple-column > .description-wrapper > .description, .content.portfolio > .item.quad-column > .description-wrapper > .description {
    position: initial;
    text-align: center;
  }
  .content.portfolio > .item.double-column.max-page-height, .content.portfolio > .item.triple-column.max-page-height, .content.portfolio > .item.quad-column.max-page-height {
    max-height: unset;
  }
  .content.portfolio > .item.double-column.max-page-height figcaption, .content.portfolio > .item.triple-column.max-page-height figcaption, .content.portfolio > .item.quad-column.max-page-height figcaption {
    text-align: right;
  }
  .content.portfolio > .item.double-column.max-page-height.slideshow-wrapper > .image.slideshow, .content.portfolio > .item.triple-column.max-page-height.slideshow-wrapper > .image.slideshow, .content.portfolio > .item.quad-column.max-page-height.slideshow-wrapper > .image.slideshow {
    width: unset;
  }
  .content.portfolio > .item.double-column.max-page-height.slideshow-wrapper > .image.slideshow > .slide-container, .content.portfolio > .item.triple-column.max-page-height.slideshow-wrapper > .image.slideshow > .slide-container, .content.portfolio > .item.quad-column.max-page-height.slideshow-wrapper > .image.slideshow > .slide-container {
    max-height: unset;
    height: unset;
  }
  .content.portfolio > .item.double-column > .image, .content.portfolio > .item.triple-column > .image, .content.portfolio > .item.quad-column > .image {
    width: 100%;
  }
}
.layout figure {
  position: relative;
}
.layout figure .overlay-wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: Helvetica, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", Helvetica, sans-serif;
  padding: var(--margin-size-small);
  font-size: min(6.5vw, 150px);
  font-weight: bold;
}
.layout figure .overlay-wrapper .overlay-top-wrapper {
  flex: 1;
}
.layout figure .overlay-wrapper .overlay-top-wrapper > .overlay-top {
  position: sticky;
  top: var(--margin-size-small);
  text-align: center;
}
.layout figure .overlay-wrapper .overlay-top-wrapper > .overlay-top.justify {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .layout figure .overlay-wrapper .overlay-top-wrapper > .overlay-top {
    top: calc(var(--margin-size-small) + var(--menu-height));
  }
}/*# sourceMappingURL=portfolio.css.map */