:root {
  --paper: #fcfcfc;
  --frame: #000;
  --stamp: #db3944f5;
}

body {
  background-color: var(--paper);
  color: var(--frame);
  letter-spacing: -.035em;
  -webkit-text-stroke-width: .0065em;
  font-family: chainprinter, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.18;
}

h1 {
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Averia Libre, sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.65em;
  line-height: 36px;
}

a {
  color: var(--stamp);
  text-decoration: none;
}

.ok-hand, .instagram-icon {
  width: 250px;
  height: 250px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container {
  flex-flow: column;
  width: 96vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.instagram-widget {
  z-index: 1;
  width: 70em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100svh;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
}

.section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 145vh;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
  position: relative;
}

.section.is--prints {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  height: 160vh;
  padding-top: 6em;
}

.section.is--instagram {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  height: auto;
  padding-bottom: 6em;
}

.section.is--text {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-top: 21em;
}

.section.is--work {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  height: auto;
  padding: 26vh 6em 0;
  display: flex;
}

.section.is--studio {
  grid-column-gap: 21em;
  grid-row-gap: 21em;
  height: auto;
  padding-top: 46em;
  padding-bottom: 6em;
}

.section.is--work-etxt {
  height: 50vh;
}

.nav {
  z-index: 100;
  mix-blend-mode: multiply;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1em;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.nav.is--contact {
  padding-left: 0;
  padding-right: 1.75em;
  left: auto;
  right: 0;
}

.nav__burger {
  z-index: 100;
  color: var(--stamp);
  cursor: pointer;
  mix-blend-mode: multiply;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-bottom: 4em;
  display: flex;
  position: relative;
}

.burger__line {
  width: 1.5em;
}

.burger__line.is--1st {
  position: absolute;
  transform: translate(0, -.4em);
}

.burger__line.is--3rd {
  position: absolute;
  transform: translate(0, .4em);
}

.menu {
  z-index: 99;
  background-color: #eaebe8d9;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu__wrapper {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu__item {
  letter-spacing: .01em;
  text-transform: uppercase;
  mix-blend-mode: multiply;
  font-family: Averia Libre, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1;
}

.logo__wrapper {
  filter: brightness(106%);
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 18em;
  position: absolute;
}

.logo__wrapper.is--nav {
  width: 9em;
  height: 100%;
}

.logo__img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: all .2s cubic-bezier(.165, .84, .44, 1);
}

.logo__img:hover {
  filter: brightness(90%);
}

.contact {
  z-index: 100;
  mix-blend-mode: multiply;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-right: 1.5em;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.contact.is--contact {
  padding-left: 0;
  padding-right: 1.75em;
  left: auto;
  right: 0;
}

.logo {
  z-index: -1;
  grid-column-gap: 33em;
  grid-row-gap: 33em;
  mix-blend-mode: multiply;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100svh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.logo.is--nav {
  z-index: 100;
  height: 12.5em;
  padding-top: 4em;
  padding-bottom: 0;
  bottom: auto;
}

.content {
  grid-column-gap: 1.65em;
  grid-row-gap: 1.65em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.content.is--print-1 {
  top: 26em;
}

.content.is--work {
  position: fixed;
  top: 17em;
}

.h1 {
  letter-spacing: .03em;
  mix-blend-mode: multiply;
}

.u-text {
  text-align: center;
  mix-blend-mode: multiply;
  font-size: .875em;
  line-height: 1.6;
}

.u-text.is--overlay {
  opacity: .8;
  color: var(--paper);
  text-align: center;
  font-size: 1em;
  position: relative;
}

.u-text.is--work {
  line-height: 1.45;
  position: fixed;
  inset: auto 0% 4%;
}

.u-text.is--hero {
  margin-bottom: -.5em;
}

.u-text.is--hero.is--2nd {
  top: auto;
  bottom: 17.5vh;
}

.u-text.is--maintenance {
  margin-bottom: 3em;
}

.wrapper {
  grid-column-gap: 14em;
  grid-row-gap: 14em;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center;
  display: grid;
}

.wrapper.u-link {
  font-size: 1em;
}

.img {
  border: .45em solid #000;
  border-radius: .1em;
  width: 18em;
  position: relative;
  inset: 0% -34em 0% auto;
}

.img.is--studio-2 {
  top: -3em;
  left: -34em;
  right: auto;
}

.img.is--studio-3 {
  width: 21em;
  left: auto;
  right: -25em;
}

.img.is--studio-4 {
  top: -6em;
  left: auto;
  right: -26em;
}

.img.is--print-1 {
  left: -24em;
  right: auto;
}

.img.is--print-2 {
  left: -32em;
  right: auto;
}

.img.is--print-3 {
  outline-color: var(--frame);
  outline-offset: 0px;
  outline-width: .7em;
  outline-style: none;
  left: auto;
  right: -32em;
}

.img.is--wu {
  border-width: .5em;
  width: 45vh;
  position: relative;
  right: auto;
}

.img.is--work-01 {
  top: 14em;
}

.img.is--work-02 {
  top: 0;
  left: -32em;
  right: auto;
}

.img.is-work-03 {
  width: 20em;
  left: auto;
  right: -24em;
}

.img.is--work-04 {
  top: 2em;
  left: -26em;
  right: auto;
}

.img.is--work-03 {
  top: 13em;
  right: -21em;
}

.img.is--work-05 {
  top: 13em;
  left: -31em;
  right: auto;
}

.img.is--work-06 {
  top: -19em;
  left: auto;
  right: -31em;
}

.img.is--work-07 {
  top: 6em;
  left: auto;
  right: -32em;
}

.img.is--work-08 {
  left: -21em;
  right: auto;
}

.img.is--work-010 {
  left: -29em;
  right: auto;
}

.img.is--work-09 {
  left: auto;
  right: -28em;
}

.img.is--work {
  background-color: #f0f0f0;
  border-width: .35em;
  width: 17em;
  right: auto;
}

.img.is--wu-home {
  border-width: .25em;
  width: 21em;
  right: auto;
}

.block {
  grid-column-gap: .55em;
  grid-row-gap: .55em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.block.is--work {
  grid-column-gap: .65em;
  grid-row-gap: .65em;
  position: fixed;
  top: 46%;
}

.block.is--2nd {
  margin-top: .5em;
}

.block.is--maintenance {
  margin-top: 12em;
}

.footer {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  padding: 1.5em 1.5em 1.25em;
  display: flex;
}

.footer__content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer__wrapper {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: row;
  display: flex;
}

.u-link {
  color: var(--frame);
  font-size: .885em;
  line-height: 1.45;
  transition: all .2s cubic-bezier(.165, .84, .44, 1);
}

.u-link:hover {
  filter: brightness(86%);
}

.img__content {
  width: 100%;
  height: 100%;
}

.img__content.is--cover {
  object-fit: cover;
}

.logo-trigger {
  width: 1px;
  height: 1em;
  position: absolute;
  top: 1.5em;
}

.bg {
  z-index: -2;
  opacity: 1;
  width: 100vw;
  display: none;
  position: fixed;
  inset: 0%;
}

.bg__img {
  opacity: .26;
  object-fit: cover;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.img__overlay {
  opacity: 0;
  mix-blend-mode: multiply;
  background-color: #b29c6199;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img__overlay.is--dark {
  opacity: .4;
  mix-blend-mode: normal;
  background-color: #000;
}

.img__text {
  z-index: 1;
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  opacity: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.5em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img__darken {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.img__darken.is--dark {
  opacity: .4;
  mix-blend-mode: normal;
  background-color: #000;
}

.main {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 100svh;
  padding-bottom: 4vh;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
}

.main.is--text {
  padding-top: 21em;
  padding-bottom: 9em;
}

.main.is--legal {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  padding-top: 24em;
  padding-bottom: 9em;
}

.main.is--wu {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  height: 104vh;
  padding-bottom: 5vh;
}

.main.is--faq {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  padding-top: 23em;
  padding-bottom: 7.5em;
}

.faq {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.faq.is--studio-1 {
  top: 3em;
}

.faq.is--print-1 {
  top: 9em;
}

.faq.is--studio-2 {
  top: 4.5em;
}

.divider {
  background-color: var(--stamp);
  border-radius: 60em;
  width: 8em;
  height: .165em;
}

.faq__question {
  width: 18%;
}

.faq__question.u-text {
  text-align: center;
}

.faq__answer {
  width: 29%;
}

.legal {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  display: flex;
}

.body {
  color: var(--stamp);
}

.nav__wrapper {
  display: flex;
}

.contact__link {
  mix-blend-mode: multiply;
  margin-bottom: 6.25vh;
  position: relative;
}

.contact__link-icon {
  mix-blend-mode: multiply;
  width: 1.885em;
  height: 1.885em;
}

.transition {
  z-index: 1000;
  background-color: var(--paper);
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.transition-trigger {
  display: none;
}

.transition-content {
  background-color: var(--frame);
  width: 100%;
  height: 100%;
  position: relative;
}

.text-wrapper {
  grid-column-gap: .35em;
  grid-row-gap: .35em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-wrapper.u-link {
  font-size: 1em;
}

.text-wrapper.is--studio {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  width: 90%;
}

.instagram {
  z-index: 100;
  mix-blend-mode: multiply;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1.5em;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0;
}

.instagram.is--contact {
  padding-left: 0;
  padding-right: 1.75em;
  left: auto;
  right: 0;
}

.instagram__icon {
  opacity: .82;
  mix-blend-mode: multiply;
  object-fit: contain;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: .1em;
}

.instagram__link {
  mix-blend-mode: multiply;
  margin-bottom: 6.25vh;
  position: relative;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 2.5em;
  }

  .section {
    height: 100vh;
  }

  .section.is--prints {
    height: 75vh;
  }

  .section.is--studio {
    padding-bottom: 9em;
  }

  .nav__burger {
    font-size: 1.7em;
  }

  .menu__wrapper {
    grid-column-gap: .85em;
    grid-row-gap: .85em;
  }

  .menu__item {
    font-size: 2.75em;
  }

  .logo__wrapper {
    font-size: 1.5vw;
  }

  .logo {
    grid-column-gap: 55em;
    grid-row-gap: 55em;
  }

  .logo.is--nav {
    font-size: 2em;
  }

  .h1 {
    font-size: 2.5em;
  }

  .u-text {
    font-size: 1.65em;
  }

  .wrapper.u-link {
    font-size: 1em;
  }

  .img {
    border-width: .85em;
    width: 24em;
  }

  .img.is--wu {
    width: 46vh;
  }

  .img.is--wu-home {
    width: 44em;
  }

  .u-link {
    font-size: 1.65em;
  }

  .main.is--text {
    min-height: 95vh;
  }

  .main.is--wu {
    height: 97vh;
  }

  .main.is--faq {
    padding-top: 35em;
  }

  .divider {
    font-size: 1.3em;
  }

  .legal {
    width: 33%;
  }

  .contact__link, .instagram__link {
    font-size: 1.65em;
  }
}

@media screen and (max-width: 767px) {
  .img.is--wu-home {
    width: 34em;
  }

  .divider {
    font-size: 1.3em;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 5.25em;
  }

  h2 {
    font-size: 7.5em;
  }

  .instagram-widget {
    width: 93em;
  }

  .section {
    height: 80vh;
  }

  .section.is--prints {
    grid-column-gap: 32em;
    grid-row-gap: 32em;
    height: auto;
    padding: 56em 9em 60em;
  }

  .section.is--instagram {
    grid-column-gap: 12em;
    grid-row-gap: 12em;
    padding-top: 6em;
    padding-bottom: 30em;
  }

  .section.is--work {
    grid-column-gap: 40em;
    grid-row-gap: 40em;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    padding: 58vh 9em 28em;
  }

  .section.is--studio {
    grid-column-gap: 56em;
    grid-row-gap: 56em;
    padding-top: 0;
    padding-left: 9em;
    padding-right: 9em;
  }

  .section.is--work-etxt {
    justify-content: flex-end;
    align-items: center;
    height: 87em;
  }

  .nav {
    justify-content: center;
    align-items: flex-start;
    padding-top: 2em;
    padding-left: 1.5em;
  }

  .nav__burger {
    font-size: 4.05em;
  }

  .menu__wrapper {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .menu__item {
    font-size: 7em;
  }

  .logo__wrapper {
    width: 19.5em;
    font-size: 2.5vw;
    bottom: 30svh;
  }

  .logo__wrapper.is--nav {
    width: 12em;
    height: auto;
    position: absolute;
    bottom: -13.5em;
  }

  .contact {
    justify-content: center;
    align-items: flex-start;
    padding-top: 4.35em;
    padding-right: 3em;
  }

  .logo {
    z-index: 1;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 22svh;
  }

  .logo.is--nav {
    z-index: 1;
    height: auto;
    padding-top: 7em;
    font-size: 3em;
  }

  .content.is--studio-1 {
    grid-column-gap: 3.5em;
    grid-row-gap: 3.5em;
    margin-top: 12em;
    margin-bottom: 12em;
  }

  .content.is--print-1 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    margin-bottom: -12em;
    top: 0;
  }

  .content.is--studio-2 {
    margin-top: 56em;
    margin-bottom: 12em;
    top: 0;
  }

  .content.is--work {
    position: relative;
    top: 0;
  }

  .h1 {
    font-size: 5.15em;
  }

  .u-text {
    font-size: 3.85em;
  }

  .u-text.is--hero {
    top: 26vh;
  }

  .u-text.is--hero.is--2nd {
    margin-top: .25em;
  }

  .wrapper {
    grid-column-gap: 2.35em;
    grid-row-gap: 2.35em;
  }

  .img {
    z-index: 1;
    object-fit: cover;
    border-width: 1.25em;
    width: 58em;
    margin-left: auto;
    margin-right: auto;
    right: 0;
  }

  .img.is--studio-2 {
    width: 58vw;
    margin-right: 0;
    top: 0;
    left: auto;
  }

  .img.is--studio-4 {
    margin-left: 0;
    right: auto;
  }

  .img.is--print-1 {
    width: 58em;
    margin-right: 0;
    left: auto;
  }

  .img.is--print-2 {
    width: 58em;
    margin-left: 0;
    left: auto;
  }

  .img.is--print-3 {
    width: 58em;
    right: auto;
  }

  .img.is--wu {
    border-width: 1.25em;
    width: 74em;
  }

  .img.is--work-01 {
    width: 53em;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    right: auto;
  }

  .img.is--work-02 {
    width: 52em;
    margin-left: auto;
    margin-right: 0;
    top: 0;
    left: auto;
  }

  .img.is--work-04 {
    width: 52em;
    margin-left: 0;
    top: 0;
    left: auto;
  }

  .img.is--work-03 {
    width: 52em;
    top: 0;
    right: auto;
  }

  .img.is--work-05 {
    width: 52em;
    margin-right: 0;
    top: 0;
    left: auto;
  }

  .img.is--work-06 {
    width: 52em;
    margin-left: auto;
    top: 0;
    right: auto;
  }

  .img.is--work-07 {
    width: 52em;
    margin-left: 0;
    top: 0;
    right: auto;
  }

  .img.is--work-08, .img.is--work-010 {
    width: 52em;
    margin-left: auto;
    top: 0;
    left: auto;
  }

  .img.is--work-09 {
    width: 52em;
    margin-right: 0;
    top: 0;
    right: auto;
  }

  .img.is--work {
    border-width: .75em;
    width: 40em;
  }

  .img.is--wu-home {
    border-width: .75em;
    width: 60em;
  }

  .block {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .block.is--work {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    position: fixed;
    inset: 40svh 0% auto;
  }

  .footer {
    padding-top: 4.5em;
    padding-bottom: 4em;
  }

  .footer__content {
    grid-column-gap: 3.5em;
    grid-row-gap: 3.5em;
  }

  .footer__wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .u-link {
    font-size: 3.75em;
  }

  .logo-trigger {
    top: 0;
  }

  .main.is--text {
    grid-column-gap: 9em;
    grid-row-gap: 9em;
    padding-top: 75em;
    padding-bottom: 15em;
  }

  .main.is--wu {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    height: auto;
    min-height: auto;
    padding-top: 68em;
  }

  .main.is--faq {
    grid-column-gap: 9.5em;
    grid-row-gap: 9.5em;
    padding-top: 75em;
    padding-bottom: 12em;
  }

  .faq {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .divider {
    font-size: 2.75em;
  }

  .faq__question.u-text {
    width: 40%;
  }

  .faq__answer.u-text {
    width: 68%;
  }

  .legal {
    grid-column-gap: 4.5em;
    grid-row-gap: 4.5em;
    width: 69%;
  }

  .contact__link {
    font-size: 3.9em;
  }

  .contact__link-icon {
    object-fit: contain;
    width: 2em;
    height: 2em;
  }

  .frame {
    width: 100vw;
    margin-bottom: 9em;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
  }

  .text-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .text-wrapper.is--studio {
    grid-column-gap: 4.5em;
    grid-row-gap: 4.5em;
  }

  .instagram {
    justify-content: center;
    align-items: flex-start;
    padding-top: 4.5em;
    padding-left: 3.75em;
  }

  .instagram__icon {
    width: 1.6em;
    height: 1.6em;
  }

  .instagram__link {
    font-size: 3.9em;
  }
}

#w-node-bbf24044-01ea-ff66-324e-5e6a0042faa8-021209c0, #w-node-a753cbae-a957-09bf-e0ec-bad2a502c7de-021209c0, #w-node-c679be74-cd2e-8a9f-800e-d93a4bde7478-021209c0 {
  justify-self: center;
}