@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: STUDIO MICHALT COPY;
  src: url('../fonts/SMCR-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: STUDIO MICHALT HEADLINE;
  src: url('../fonts/240517.smhlvarGX.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --desktopheadlarge: "STUDIO MICHALT HEADLINE", sans-serif;
  --blackprimary: #1a1a1a;
  --lightprimary: #f5f5f5;
  --transparent: #fff0;
  --worksgutterhor: 0px;
  --temp01: #ff8686;
  --studiogutterhor: 80px;
  --black: black;
  --white: white;
  --oneoffsneg: -13vw;
  --lightsecondary: #b3b4b5;
  --marginbottom5vw: 5vw;
  --blacksecondary: #4d4d4d;
  --marginbottom10vw: 10vw;
  --docmarginbottom: 160px;
  --oneoffssmall: 37vh;
  --oneoffsmedium: 50vh;
  --oneoffslarge: 75vh;
  --oneoffsmax: 95vh;
  --accentlight: #f7faf7;
  --accentmedium: #e7fff5;
  --accentbold: #dbdccb;
  --mobileverikal: 33px;
}

strong {
  letter-spacing: 0;
  font-weight: 700;
}

.sectionintro {
  z-index: 555;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 50vh;
  min-height: auto;
  padding-top: 4vh;
  padding-bottom: 5vh;
  display: flex;
  position: relative;
  transform: translate(0);
}

.sectionintro.project {
  z-index: 999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 5vw;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  top: 4vh;
  transform: none;
}

.navbarwrapper {
  background-color: #0000;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: 90vw;
  height: auto;
  display: flex;
  position: sticky;
  top: 4vh;
}

.navbarwrapper.project {
  z-index: 999;
  background-color: #0000;
  height: 25vh;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: 4vh;
}

.textheadline {
  z-index: 33;
  font-family: var(--desktopheadlarge);
  color: var(--blackprimary);
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  letter-spacing: -1px;
  -webkit-text-stroke-width: .1px;
  text-transform: uppercase;
  width: auto;
  margin-top: 0;
  margin-left: -1px;
  font-size: 100px;
  line-height: 80px;
  text-decoration: none;
  display: block;
  position: static;
  overflow: visible;
}

.textheadline:hover {
  opacity: 1;
  color: var(--blackprimary);
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  -webkit-text-stroke-width: 0px;
}

.textheadline.navbar {
  margin-top: -10px;
  margin-bottom: 10px;
}

.textheadline.negative {
  color: var(--lightprimary);
  text-align: center;
  margin-top: 0;
}

.body {
  background-color: var(--lightprimary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  min-height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.body.home {
  background-color: var(--lightprimary);
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
}

.textcopyregularlm {
  color: var(--blackprimary);
  text-align: center;
  letter-spacing: .4px;
  text-transform: uppercase;
  width: auto;
  margin-bottom: 0;
  margin-right: auto;
  padding-left: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  overflow: hidden;
}

.textcopyregularlm.index {
  text-align: left;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 0;
  line-height: 14px;
}

.textcopyregularlm.negative {
  background-color: var(--transparent);
  color: var(--lightprimary);
  letter-spacing: .6px;
  width: auto;
  height: auto;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  display: block;
  position: static;
}

.textcopyregularlm.negative:hover {
  color: var(--lightprimary);
  text-align: center;
  letter-spacing: .6px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  text-decoration: none;
}

.textcopyregularlm.worksslidercaption {
  background-color: var(--transparent);
  color: var(--lightprimary);
  letter-spacing: .6px;
  width: auto;
  height: auto;
  margin: -4px 0 auto;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  display: block;
  position: sticky;
  top: 16px;
}

.textcopyregularlm.worksslidercaption:hover {
  color: var(--lightprimary);
  text-align: left;
  letter-spacing: .6px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  text-decoration: none;
}

.navbartext {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.navbartext.w--current {
  text-decoration: none;
}

.slider {
  z-index: 99;
  background-color: var(--transparent);
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12px 12px 16px;
  transition: opacity 1s cubic-bezier(.165, .84, .44, 1);
  display: none;
  position: fixed;
}

.sliderwrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  transform-origin: 50% 0;
  object-fit: fill;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  display: flex;
  overflow: visible;
  transform: translate(0);
}

.sliderwrapper.project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100vw;
  min-width: auto;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: -25vh;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  transform: none;
}

.img {
  box-sizing: border-box;
  aspect-ratio: auto;
  transform-origin: 50% 0;
  object-fit: cover;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  overflow: visible;
}

.img.oneoffs {
  z-index: 1;
  width: auto;
  height: 100%;
  position: static;
  top: 0;
  left: auto;
  overflow: visible;
}

.textheadlinell {
  outline-offset: 0px;
  font-family: var(--desktopheadlarge);
  color: var(--blackprimary);
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  letter-spacing: -1px;
  text-transform: uppercase;
  outline: 3px #171717;
  width: auto;
  margin-left: 0;
  font-size: 160px;
  line-height: 122px;
}

.textheadlinell:hover {
  outline-offset: 0px;
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  border: 0 #000;
  border-radius: 0;
  outline: 3px #171717;
  font-style: normal;
}

.textheadlinell.negative {
  color: var(--lightprimary);
}

.textheadlinell.negative._75 {
  text-align: center;
  font-size: 120px;
  line-height: 96px;
}

.textheadlinell.negative._75:hover {
  letter-spacing: -1px;
}

.workwrapper {
  aspect-ratio: auto;
  background-color: var(--transparent);
  object-fit: cover;
  flex-flow: column;
  align-items: flex-start;
  width: 50%;
  min-width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.workwrapper.left {
  aspect-ratio: auto;
  background-color: #0000;
  min-width: 50%;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: auto;
}

.workwrapper.right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  width: 50%;
  min-width: auto;
  height: auto;
  margin: 0 0 12px auto;
  overflow: visible;
}

.workwrapper.center {
  aspect-ratio: auto;
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  margin-left: 25%;
  margin-right: 25%;
}

.workwrapper.alignleft {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 0%;
  margin-right: auto;
  position: relative;
}

.workwrapper.alignleft.verticaldin {
  aspect-ratio: 210 / 297;
  width: auto;
  max-width: 50%;
  min-height: 37.5vw;
  max-height: 88vh;
  margin-left: auto;
  margin-right: 50%;
}

.workwrapper.alignleft.left {
  margin-bottom: 0;
  margin-left: 0%;
}

.workwrapper.alignright {
  flex-flow: column;
  margin-left: auto;
  margin-right: 0%;
  position: relative;
}

.workwrapper.alignright.vertical {
  aspect-ratio: 3 / 4;
  background-color: var(--temp01);
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: 50%;
  overflow: visible;
}

.workwrapper.alignright.right {
  margin-bottom: 0;
  margin-right: 0%;
}

.workwrapper.verticaldin.alignleft {
  aspect-ratio: auto;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
}

.workwrapper.verticaldin.alignleft.pos8 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 20%;
  margin-right: auto;
}

.workwrapper.verticaldin.alignleft.p8 {
  margin-left: 21%;
}

.workwrapper.verticaldin.alignright {
  width: auto;
  margin-left: 50%;
  margin-right: auto;
}

.workwrapper.vertical {
  box-sizing: border-box;
  aspect-ratio: 3 / 4;
  width: auto;
  min-width: auto;
  max-width: 50%;
  height: auto;
  min-height: 37.5vw;
  max-height: 88vh;
}

.workwrapper.vertical.alignright {
  background-color: var(--transparent);
  width: auto;
  min-width: auto;
  max-width: 50%;
  height: auto;
  min-height: 37.5vh;
  max-height: 88vh;
}

.workwrapper.p3 {
  z-index: 1;
  margin-left: 40%;
}

.workwrapper.pos4 {
  margin-left: 36%;
}

.workwrapper.pos5 {
  margin-left: 22%;
}

.workwrapper.pos6 {
  margin-left: 28%;
}

.workwrapper.pos7 {
  margin-left: 24%;
}

.workwrapper.pos9 {
  margin-left: 13%;
}

.workwrapper.pos10 {
  margin-left: 9%;
}

.workwrapper.pos11 {
  margin-left: 5%;
}

.workwrapper.pos12 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 0%;
}

.workwrapper.p4 {
  margin-left: 37%;
}

.workwrapper.p5 {
  margin-left: 33%;
}

.workwrapper.p6 {
  margin-left: 29%;
}

.workwrapper.p7 {
  margin-left: 25%;
}

.workwrapper.p9 {
  margin-left: 15%;
}

.workwrapper.p10 {
  margin-left: 11%;
}

.workwrapper.p12 {
  margin-left: 4%;
}

.workwrapper.p11 {
  margin-left: 8%;
}

.workwrapper.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.workwrapper.alignrightout {
  flex-flow: column;
  margin-left: auto;
  margin-right: 0%;
  position: relative;
}

.workwrapper.alignrightout.vertical {
  aspect-ratio: 3 / 4;
  background-color: var(--temp01);
  width: 101px;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: 50%;
  overflow: visible;
}

.workwrapper.alignrightout.right {
  margin-bottom: 0;
  margin-right: 0%;
}

.workwrapper.alignleftout {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: auto;
  position: relative;
}

.workwrapper.alignleftout.verticaldin {
  aspect-ratio: 210 / 297;
  width: auto;
  max-width: 50%;
  min-height: 37.5vw;
  max-height: 88vh;
  margin-left: auto;
  margin-right: 50%;
}

.workwrapper.alignleftout.left {
  margin-bottom: 0;
  margin-left: 0%;
}

.workwrapper.spacer {
  height: 100px;
}

.archivehoverimage {
  z-index: 99;
  aspect-ratio: auto;
  background-color: var(--transparent);
  transform-origin: 50% 100%;
  mix-blend-mode: normal;
  object-fit: cover;
  border: 1px #000;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 7px;
  margin-left: auto;
  margin-right: 0;
  padding-left: 12px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
}

.archivehoverimage.hor {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  order: 0;
  align-self: flex-end;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  top: 0;
  bottom: auto;
}

.archivehoverimage.posfinal {
  padding-right: 0;
}

.sectionstudio {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--transparent);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  min-height: auto;
  padding-top: 12px;
  padding-left: 12px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  transform: translate(0);
}

.sectionstudio:hover {
  transform: none;
}

.textheadlinels {
  font-family: var(--desktopheadlarge);
  color: var(--blackprimary);
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  letter-spacing: -.1px;
  text-transform: uppercase;
  width: auto;
  font-size: 75px;
  line-height: 58px;
}

.textheadlinels.chapterdoc {
  letter-spacing: -.1px;
  background-color: #0000;
  width: 100%;
  padding-bottom: 11px;
  line-height: 60px;
  display: none;
}

.serviceswrapper {
  background-color: #0000;
  border-top: 1px solid #000;
  border-bottom: 1px #000;
  border-left: 1px #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 64px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.clientswrapper {
  background-color: #0000;
  border-top: 1px solid #000;
  border-bottom: 1px #000;
  border-left: 1px #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 34px;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 0;
  display: flex;
}

.sectionoutro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  padding-bottom: 5vh;
  display: flex;
  overflow: hidden;
  transform: translate(0);
}

.sectionoutro.project {
  z-index: 999;
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  transform: none;
}

.footerwrapper {
  background-color: #0000;
  justify-content: space-between;
  align-self: center;
  align-items: flex-end;
  width: 90vw;
  height: auto;
  display: flex;
  position: static;
  overflow: visible;
}

.footerwrapper.project {
  margin-top: 25vh;
}

.footertextwrapper {
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.footertextwrapper.project {
  color: var(--blackprimary);
  margin-left: 0;
  margin-right: 120px;
  text-decoration: none;
}

.footertextwrapper.project.pos1 {
  margin-right: auto;
}

.footertextwrapper.project.link {
  margin-bottom: 5px;
}

.hoverimagewrapper {
  z-index: 999;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  aspect-ratio: auto;
  background-color: var(--transparent);
  pointer-events: none;
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-width: auto;
  height: auto;
  margin-top: 12px;
  margin-bottom: 0;
  margin-left: auto;
  padding-bottom: 0;
  padding-right: 12px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
  overflow: clip;
}

.navposhome {
  z-index: 999;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: fixed;
  inset: auto auto 16px 12px;
}

.navposhome.modedifference {
  mix-blend-mode: difference;
}

.textcopyregularlmnoslide {
  z-index: 999;
  color: var(--blackprimary);
  text-align: left;
  letter-spacing: .4px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  position: static;
  top: 15px;
}

.textcopyregularlmnoslide.navbar {
  color: var(--blackprimary);
  padding-right: 20px;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
}

.textcopyregularlmnoslide.navbar.contact {
  padding-right: 0;
}

.textcopyregularlmnoslide.index {
  z-index: 33;
  text-align: center;
  letter-spacing: .4px;
  width: auto;
  margin-bottom: -5px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  position: static;
}

.textcopyregularlmnoslide.index.neagtive {
  color: var(--lightprimary);
}

.textcopyregularlmnoslide.index.p {
  color: var(--lightprimary);
  letter-spacing: .6px;
  margin-bottom: -5px;
}

.textcopyregularlmnoslide.index.burger {
  margin-left: 1px;
}

.textcopyregularlmnoslide.negative {
  color: var(--lightprimary);
  text-align: center;
}

.textcopyregularlmnoslide.outline {
  background-color: var(--transparent);
  text-align: center;
  -webkit-text-stroke-width: .1px;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.textcopyregularlmnoslide.outline:hover {
  opacity: 1;
  -webkit-text-stroke-width: 0px;
  text-overflow: clip;
  overflow-wrap: normal;
  border-radius: 0;
}

.navbarheadline {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-left: 100px;
  margin-right: 120px;
  display: flex;
}

.link {
  z-index: 999;
  background-color: var(--transparent);
  color: var(--blackprimary);
  object-fit: cover;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  text-decoration: none;
  display: block;
  position: static;
  inset: 12px 12px auto auto;
  overflow: visible;
}

.projectcopywrapper {
  background-color: #0000;
  flex-flow: column;
  align-items: flex-start;
  width: 80vw;
  margin-left: 10vw;
  margin-right: auto;
  display: flex;
}

.projectcopywrapper.project {
  width: 90%;
  margin-top: 0;
  margin-bottom: 8px;
  margin-left: auto;
  position: static;
  top: 4vh;
}

.copywrapper {
  background-color: #0000;
  border: 1px #000;
  border-top-width: 0;
  flex-flow: wrap;
  order: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  min-width: 50%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.imghomehero {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  order: 0;
  width: 104%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: 104%;
  max-height: none;
  overflow: visible;
}

.textcopyregularlmdoc {
  color: var(--blackprimary);
  text-align: left;
  letter-spacing: .4px;
  text-transform: uppercase;
  width: 50%;
  margin-bottom: 0;
  padding-right: 8px;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.textwrappercontainer {
  z-index: 33;
  width: auto;
  height: auto;
  position: relative;
}

.backgroundvideo {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: 100vh;
  position: relative;
  overflow: visible;
}

.backgroundvideo.homeslider {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  aspect-ratio: 3 / 2;
  width: 100%;
  min-height: auto;
  margin-left: 0%;
  display: flex;
  position: absolute;
}

.backgroundvideo.work {
  z-index: 1;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  width: 100%;
  height: 100%;
  min-height: auto;
}

.backgroundvideo.archiveslider {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  aspect-ratio: 3 / 2;
  width: 100%;
  min-height: auto;
  margin-bottom: 7px;
  margin-left: auto;
  padding-left: 12px;
  display: block;
  position: static;
  overflow: clip;
}

.linkblock {
  text-decoration: none;
}

.oneoffcaptionplus {
  z-index: 3;
  background-color: #0000;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: auto;
  padding: 8px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto auto 0 0%;
}

.sectionslidesprojects {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  transform-origin: 50% 0;
  object-fit: fill;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  margin-top: 0;
  display: flex;
  overflow: visible;
  transform: translate(0);
}

.slidedesprojectwrapper {
  aspect-ratio: auto;
  perspective-origin: 50% 0;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80vw;
  height: auto;
  min-height: auto;
  margin-left: 5vw;
  margin-right: auto;
  padding-right: 0;
  display: flex;
  position: static;
  top: 0;
  overflow: visible;
}

.slidedesprojectwrapper.horizontalright {
  width: 80vw;
  margin-bottom: 5vw;
  margin-left: auto;
  margin-right: 7.5vw;
}

.slidedesprojectwrapper.horizontalleft {
  width: 80vw;
  margin-bottom: 5vw;
  margin-left: 7.5vw;
  margin-right: auto;
}

.slidedesprojectwrapper.verticalright {
  width: 40vw;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 5vw;
  margin-left: auto;
  margin-right: 7.5vw;
  overflow: visible;
}

.slidedesprojectwrapper.verticalleft {
  width: 40vw;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 5vw;
  margin-left: 7.5vw;
  margin-right: auto;
  overflow: visible;
}

.imgprojectintro {
  box-sizing: border-box;
  aspect-ratio: auto;
  transform-origin: 50% 0;
  object-fit: fill;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: auto;
  max-height: none;
  overflow: visible;
}

.projectmlsheropos1 {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 30%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 10vw;
  display: flex;
  position: static;
  top: 5vh;
  overflow: clip;
}

.projectmlsheropos2 {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 25%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  margin-left: 7.5vw;
  margin-right: auto;
  display: flex;
  position: static;
  top: 5vh;
  overflow: clip;
}

.projectmlsheropos3 {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 20%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin: -7.5vw 7.5vw 0 auto;
  display: flex;
  position: static;
  top: 5vh;
  overflow: clip;
}

.projectlmsheropos1 {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 20%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 10vw;
  display: flex;
  position: static;
  top: 5vh;
  overflow: clip;
}

.projectlmsheropos2 {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 25%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin: -7.5vw auto 0 7.5vw;
  display: flex;
  position: static;
  top: 5vh;
  overflow: clip;
}

.projectlmsheropos3 {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 30%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 7.5vw;
  display: flex;
  position: static;
  top: 5vh;
  overflow: clip;
}

.navwrapper {
  z-index: 999;
  mix-blend-mode: normal;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  min-height: 50px;
  margin-bottom: 16px;
  margin-left: 12px;
  display: block;
  position: fixed;
  inset: auto auto 0% 0%;
}

.navwrapper.pos2 {
  z-index: 999;
  width: 50%;
  margin-bottom: 16px;
  margin-left: 50%;
  padding-left: 12px;
  padding-right: 12px;
  position: fixed;
}

.navposwork {
  z-index: 999;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 50vw;
  display: flex;
  position: fixed;
  inset: auto auto 16px 0%;
}

.navposwork.passivelink {
  opacity: .25;
}

.navposwork.oneoffs {
  position: static;
}

.navposwork.mobile {
  margin-left: 0;
  left: 12px;
}

.navposwork.modedifference {
  mix-blend-mode: difference;
}

.navposstudio {
  z-index: 999;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: calc(50vw + 160px);
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: auto auto 16px 0%;
}

.navposstudio.mobile {
  margin-left: 0;
  left: 171px;
}

.navposstudio.modedifference {
  mix-blend-mode: difference;
}

.navposstudio.passivelink {
  opacity: .25;
}

.navposmail {
  z-index: 999;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: fixed;
  inset: auto 12px 16px auto;
}

.navposmail.mobile {
  display: flex;
  inset: auto auto 16px 353px;
}

.navposmail.modedifference {
  mix-blend-mode: difference;
}

.linkblocknavbar {
  z-index: 999;
  width: auto;
  text-decoration: none;
  transition: opacity .5s cubic-bezier(.165, .84, .44, 1);
  position: static;
  top: auto;
}

.linkblocknavbar:hover {
  opacity: .25;
}

.linkblocknavbar.w--current {
  margin-left: 0;
  margin-right: 0;
}

.linkblocknavbar.passive.w--current {
  opacity: .25;
}

.linkblocknavbar.contact {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.linkblocknavbar.negative {
  color: var(--lightprimary);
}

.linkblocknavbar.negative.bold {
  font-weight: 700;
}

.homesliderwrapper {
  aspect-ratio: 3 / 2;
  width: 50%;
}

.homesliderwrapper.pos1 {
  z-index: 5;
  cursor: e-resize;
  width: calc(50% - 12px);
  margin-left: 0;
  margin-right: auto;
  position: absolute;
}

.homesliderwrapper.pos2 {
  cursor: e-resize;
  margin-left: 12.5%;
  margin-right: auto;
}

.homesliderwrapper.pos2 {
  z-index: 4;
  cursor: e-resize;
  width: calc(50% - 12px);
  margin-left: 12.5%;
  margin-right: auto;
  display: none;
  position: absolute;
}

.homesliderwrapper.pos3 {
  z-index: 3;
  cursor: e-resize;
  width: calc(50% - 12px);
  margin-left: 25%;
  margin-right: auto;
  display: none;
  position: absolute;
}

.homesliderwrapper.pos4 {
  z-index: 2;
  cursor: e-resize;
  width: calc(50% - 12px);
  margin-left: 37.5%;
  margin-right: auto;
  display: none;
  position: absolute;
}

.homesliderwrapper.pos5 {
  z-index: 1;
  cursor: e-resize;
  width: calc(50% - 12px);
  margin-left: calc(50% - 12px);
  margin-right: 0;
  display: none;
  position: absolute;
}

.homesliderwrapper.pos3 {
  cursor: e-resize;
  object-fit: cover;
  margin-left: 25%;
  margin-right: auto;
}

.homesliderwrapper.pos1 {
  cursor: e-resize;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: calc(50% - 12px);
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.homesliderwrapper.pos4 {
  cursor: e-resize;
  object-fit: cover;
  margin-left: auto;
  margin-right: 12.5%;
}

.homesliderwrapper.pos5 {
  cursor: e-resize;
  object-fit: cover;
  margin-left: auto;
  margin-right: 0;
}

.homesliderwrapper.pos2 {
  cursor: e-resize;
  flex-flow: column;
  align-items: flex-end;
  margin-left: 12.5%;
  margin-right: auto;
  display: none;
}

.homesliderwrapper.pos3 {
  cursor: e-resize;
  flex-flow: column;
  align-items: flex-end;
  margin-left: 25%;
  margin-right: auto;
  display: none;
}

.homesliderwrapper.pos4 {
  cursor: e-resize;
  flex-flow: column;
  align-items: flex-end;
  margin-left: 37.5%;
  margin-right: auto;
  display: none;
}

.homesliderwrapper.pos5 {
  cursor: e-resize;
  flex-flow: column;
  align-items: flex-end;
  margin-left: calc(50% - 12px);
  margin-right: auto;
  display: none;
}

.sectionwork {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 33vh;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  display: flex;
  position: static;
}

.sectiontitle {
  z-index: 997;
  flex-flow: column;
  margin-top: 12px;
  margin-bottom: 0;
  margin-left: 50%;
  padding-left: 12px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.sectiontitle.projects {
  z-index: 999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-left: 0%;
  padding-right: 12px;
  display: flex;
}

.sectiontitle.archive {
  z-index: 999;
  background-color: var(--transparent);
  mix-blend-mode: normal;
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-left: 0%;
  padding-left: 12px;
  padding-right: 12px;
  position: static;
  top: 24px;
}

.sectiontitle.oneoffs {
  z-index: 995;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  mix-blend-mode: difference;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: 0%;
  margin-right: auto;
  padding-right: 12px;
  display: block;
  position: fixed;
  inset: 12px auto auto 8vw;
}

.sectiontitle.homeoneoffs {
  z-index: 995;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  mix-blend-mode: normal;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0%;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 0;
  display: block;
  position: static;
  inset: 0% auto auto 0%;
}

.imagework {
  aspect-ratio: 3 / 2;
  transform-origin: 50% 0;
  object-fit: cover;
  width: 100%;
  min-width: auto;
  max-width: none;
  overflow: clip;
}

.imagework.vertical {
  aspect-ratio: auto;
  object-fit: fill;
  width: auto;
  min-width: 100%;
  height: 100%;
}

.sectionmorefooter {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--transparent);
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  padding: 12px 12px 16px;
  display: flex;
  position: static;
}

.workmorewrapper {
  z-index: 998;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  aspect-ratio: auto;
  flex-flow: row;
  align-items: flex-start;
  width: 60%;
  height: auto;
  margin: 0 0 50px;
  padding-left: 0;
  display: flex;
  position: static;
  left: 0;
  right: 0;
}

.footposmore {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-right: 0;
  display: flex;
}

.workcaptionwrapper {
  z-index: 2;
  aspect-ratio: auto;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
  bottom: 0;
  left: auto;
  right: auto;
}

.footerlinkswrapper {
  z-index: 999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--transparent);
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
}

.navwrapperstudio {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  min-height: 50px;
  display: flex;
}

.navigationstudio {
  z-index: 999;
  mix-blend-mode: difference;
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-height: 100px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: fixed;
  inset: auto 0% 16px;
}

.bodynegative {
  background-color: var(--blackprimary);
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.bodynegative.studio {
  height: 100vh;
  margin-top: 0;
  padding-left: 12px;
}

.navstudioposwork, .navstudioposhome {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.studiowrappercopy {
  background-color: var(--transparent);
  width: 50%;
  height: auto;
  margin-bottom: 14px;
}

.studiowrappercopy.posdisclaimer {
  opacity: 1;
  background-color: #0000;
  width: auto;
  height: auto;
  margin-bottom: 16px;
  margin-left: 0;
  margin-right: auto;
}

.studiowrappercopy.director {
  width: 12.5%;
  margin-bottom: 0;
  margin-right: 0%;
  padding-top: 12px;
  padding-right: 12px;
}

.studiowrappercopy.studio {
  width: 12.5%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-right: 12px;
}

.studiowrappercopy.contact {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 12.5%;
  margin: 0 auto 0 0;
  padding-top: 12px;
  padding-right: 12px;
  display: flex;
}

.studiowrappercopy.products, .studiowrappercopy.clients {
  width: 12.5%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-right: 12px;
}

.imagecdportrait {
  aspect-ratio: auto;
  object-fit: cover;
  width: 50%;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  display: block;
  overflow: clip;
}

.pictostudio {
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  object-fit: cover;
  background-clip: border-box;
  width: auto;
  max-width: none;
  height: auto;
  max-height: 100px;
  margin-top: 12px;
  padding-right: 12px;
  position: static;
  top: 0;
  bottom: auto;
}

.pictostudio.clients {
  mix-blend-mode: normal;
  width: 80%;
  max-height: none;
  margin-top: 16px;
  margin-left: 10%;
  margin-right: auto;
  padding-right: 0;
}

.pictostudio.getintouch {
  width: 72px;
  padding-right: 0;
}

.navwrapperoneoffs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: auto;
  min-height: auto;
  display: flex;
}

.navwrapperoneoffs.pos2 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  padding-right: 0;
}

.navwrapperoneoffs.pos1 {
  width: 50%;
  margin-right: .12px;
}

.bodyoneoffs {
  background-color: var(--blackprimary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.linkblockimage {
  cursor: pointer;
}

.linkblockimage.homefooter {
  width: 100%;
  height: auto;
  padding-left: 0;
}

.backgroundvideofooter {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: auto;
  position: relative;
  overflow: visible;
}

.sectiononeoffshero {
  z-index: 1;
  background-color: var(--transparent);
  mix-blend-mode: normal;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  margin-bottom: 12vw;
  padding: 0;
  display: flex;
  position: relative;
  left: 0;
  overflow: visible;
}

.sectiononeoffshero.left {
  mix-blend-mode: normal;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
}

.sectiononeoffshero.center {
  mix-blend-mode: normal;
  width: auto;
  left: auto;
}

.sectiononeoffshero.right {
  mix-blend-mode: normal;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 12px;
  left: auto;
  right: 0;
}

.sectiononeoffsworks {
  z-index: 2;
  aspect-ratio: auto;
  background-color: var(--transparent);
  pointer-events: auto;
  mix-blend-mode: normal;
  object-fit: cover;
  flex-flow: column;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 50vw;
  min-width: auto;
  height: auto;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.sectiononeoffsworks.left {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 0;
  padding-left: 12px;
  padding-right: 12px;
  position: static;
}

.sectiononeoffsworks.right {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 0 auto auto;
  position: static;
  inset: auto 0% 0 auto;
  overflow: visible;
}

.oneoffsherocopy {
  color: var(--lightprimary);
  text-align: left;
  letter-spacing: .4px;
  text-transform: uppercase;
  width: auto;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.oneoffsherocopy.pos3 {
  text-align: center;
  mix-blend-mode: normal;
  height: auto;
  transition: opacity .5s cubic-bezier(.165, .84, .44, 1);
  position: static;
  inset: 0 0 auto auto;
}

.oneoffsherocopy.pos3:hover {
  opacity: .25;
}

.oneoffsherocopy.pos4 {
  text-align: center;
  mix-blend-mode: difference;
  z-index: 999;
  color: var(--lightprimary);
  text-align: center;
  mix-blend-mode: normal;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  position: static;
  inset: auto;
}

.linkoneoffsnav {
  z-index: 999;
  background-color: var(--transparent);
  color: var(--blackprimary);
  object-fit: cover;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  text-decoration: none;
  display: block;
  position: static;
  inset: 0 auto auto 12px;
  overflow: visible;
}

.linkoneoffsnav:hover {
  opacity: 1;
}

.linkoneoffsnav.w--current {
  position: fixed;
  top: auto;
  bottom: auto;
}

.linkoneoffsnav.w--current:hover {
  opacity: .2;
}

.sectionarchived {
  z-index: 998;
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--transparent);
  flex-flow: column;
  order: 0;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  height: auto;
  min-height: auto;
  margin: 0 auto 50vh;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.divnavbar {
  opacity: .25;
}

.workwrappernoslide {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #838383;
  align-items: flex-start;
  width: 50%;
  min-width: auto;
  height: auto;
  display: flex;
}

.workwrappernoslide.alignright {
  background-color: var(--transparent);
  flex-flow: column;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}

.workwrappernoslide.alignright.vertical {
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-left: 50%;
  margin-right: auto;
}

.workwrappernoslide.alignright.vertical.p2 {
  z-index: 1;
  background-color: var(--transparent);
  margin-left: 50%;
  padding-top: 0;
  padding-bottom: 0;
}

.workwrappernoslide.p1 {
  background-color: var(--transparent);
  flex-flow: column;
  margin-left: 50%;
}

.workwrappernoslide.home {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  padding-top: 12px;
  padding-right: 12px;
}

.workwrappernoslide.vertical.alignright {
  background-color: var(--transparent);
}

.navwrapperwork {
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  min-height: 50px;
  margin-bottom: 16px;
  margin-left: 12px;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.navwrapperwork.pos2 {
  z-index: 999;
  mix-blend-mode: normal;
  width: auto;
  margin-bottom: 16px;
  margin-left: 50%;
  padding-left: 12px;
  position: fixed;
}

.navigationoneoffs {
  z-index: 999;
  background-color: var(--transparent);
  mix-blend-mode: normal;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: fixed;
  inset: auto 0 20px 0%;
}

.oneoffindexwrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.oneoffindexwrapper.pos5 {
  width: 100%;
  margin-bottom: auto;
}

.oneoffsfooterindex {
  aspect-ratio: 1;
  vertical-align: text-top;
  object-fit: cover;
  width: 100%;
  height: auto;
  margin-bottom: 6px;
}

.oneoffsfooterindex.fitpositiontop {
  object-position: 50% 0%;
}

.sectiononeoffsindex {
  z-index: 999;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--lightprimary);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 12px 12px 18px;
  display: flex;
  position: relative;
}

.spanheadlight {
  width: auto;
  margin-left: -12px;
  margin-right: -16px;
  font-family: STUDIO MICHALT COPY, sans-serif;
}

.oneoffsvideo {
  z-index: 99;
  aspect-ratio: 3 / 2;
  width: auto;
  height: 50vh;
  position: fixed;
  inset: 25vh auto auto;
}

.oneoffsvideo.index {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  margin-bottom: 6px;
  position: relative;
  top: 0;
}

.oneoffsimage-2 {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 50vh;
  min-height: auto;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  overflow: clip;
}

.workslider {
  z-index: 1;
  aspect-ratio: 3 / 2;
  background-color: var(--transparent);
  object-fit: cover;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
}

.workslider.vertical {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 3 / 4;
  background-color: var(--transparent);
  mix-blend-mode: normal;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  width: 33vw;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  display: flex;
  top: auto;
  right: auto;
  overflow: visible;
}

.workslider.verticaldin {
  aspect-ratio: 210 / 297;
  object-fit: cover;
  width: 33vw;
  height: auto;
}

.slide-nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  background-color: var(--transparent);
  opacity: 1;
  outline-offset: 0px;
  transform-origin: 50%;
  color: var(--transparent);
  mix-blend-mode: difference;
  border-radius: 0;
  outline: 3px #fff0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 auto auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
  transform: scale(.4);
}

.left-arrow {
  cursor: w-resize;
  mix-blend-mode: normal;
  flex: 0 auto;
  order: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: auto;
  display: block;
}

.icon {
  mix-blend-mode: normal;
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30px;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  inset: auto auto 0% 0%;
  transform: scale(.5);
}

.right-arrow {
  opacity: 1;
  cursor: e-resize;
  mix-blend-mode: normal;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  height: auto;
  display: block;
}

.icon-2 {
  mix-blend-mode: normal;
  display: none;
  inset: auto 0% 0% auto;
  transform: scale(.5);
}

.slidercaption {
  z-index: 2;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--blackprimary);
  mix-blend-mode: difference;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  margin-top: 0;
  padding: 12px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.slidercaption.din {
  aspect-ratio: 210;
}

.navposig {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: row;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: static;
}

.linkarchivecaption {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  width: auto;
  text-decoration: none;
  display: block;
}

.linkarchivecaption:hover {
  opacity: 1;
  text-decoration: none;
}

.linkarchivecaption.cellslide15:hover {
  opacity: 1;
}

.spnarchivenumber {
  font-family: var(--desktopheadlarge);
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  -webkit-text-stroke-width: 0px;
  vertical-align: super;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  margin-bottom: 29px;
  font-size: 100px;
  font-weight: 400;
  display: flex;
}

.spnarchivenumber:hover {
  -webkit-text-stroke-width: 0px;
}

.cntarchived {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  width: 100%;
  height: 100vh;
  padding: 0;
}

.quick-stack-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.sectioncontact {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--transparent);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  min-height: auto;
  margin-left: 0%;
  padding-top: 12px;
  padding-left: 12px;
  display: flex;
  position: static;
  inset: 0% auto auto 12.5%;
  transform: translate(0);
}

.sectioncontact:hover {
  transform: none;
}

.sectionclients {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--transparent);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 12.5%;
  height: auto;
  min-height: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-left: 12px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 37.5%;
  transform: translate(0);
}

.sectionclients:hover {
  transform: none;
}

.sectionmichalt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--transparent);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 12.5%;
  height: auto;
  min-height: auto;
  padding-top: 12px;
  padding-left: 12px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 50%;
  transform: translate(0);
}

.sectionmichalt:hover {
  transform: none;
}

.sectionmichalt.img {
  left: 62.5%;
}

.sectionlegal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--transparent);
  opacity: 1;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 0;
  padding-right: 12px;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
  overflow: visible;
  transform: translate(0);
}

.sectionlegal:hover {
  transform: none;
}

.imprintdropdown {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.dropdowntoggle {
  background-color: var(--transparent);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 14px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  overflow: visible;
}

.dropdownlist {
  background-color: var(--transparent);
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  display: block;
  position: static;
  overflow: visible;
}

.sectionproducts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--transparent);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 12.5%;
  height: auto;
  min-height: auto;
  margin-left: 0%;
  padding-top: 12px;
  padding-left: 12px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 25%;
  transform: translate(0);
}

.sectionproducts:hover {
  transform: none;
}

.copybold {
  color: var(--blackprimary);
  font-weight: 700;
}

.copybold.negative {
  color: var(--lightprimary);
  text-transform: uppercase;
  text-decoration: none;
}

.dropdownarrowimg {
  aspect-ratio: 1;
  filter: invert();
  width: 10px;
  margin-bottom: 0;
  margin-left: 5px;
}

.workindex {
  z-index: 999;
  color: var(--white);
  text-align: left;
  letter-spacing: .8px;
  text-transform: uppercase;
  mix-blend-mode: normal;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding-right: 0;
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 14px;
  position: static;
  inset: 12px auto 0;
}

.workindex.alignleft, .workindex.posfinal {
  text-align: left;
  margin-left: 0;
  margin-right: -52px;
}

.oneoffimage {
  width: auto;
}

.herocontainer {
  padding-top: 0;
}

.herocontainer.top {
  mix-blend-mode: normal;
  margin-bottom: 10px;
}

.herocontainer.bottom {
  margin-top: -7px;
}

.oneoffsproject {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--transparent);
  mix-blend-mode: normal;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: auto;
  margin-bottom: 25vh;
  margin-right: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.oneoffsproject.vertical {
  aspect-ratio: 2 / 3;
  min-height: 75%;
}

.oneoffsproject.right {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.oneoffsproject.left {
  margin-left: 0;
  margin-right: auto;
}

.oneoffsproject.posfinal {
  height: auto;
  margin-bottom: 12px;
}

.oneoffsproject.alignleft {
  margin-left: 0%;
  margin-right: auto;
}

.oneoffsproject.alignright {
  margin-left: auto;
}

.oneoffsproject.sizes {
  width: 66%;
}

.oneoffswork {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
}

.oneoffswork.sizel {
  aspect-ratio: auto;
  vertical-align: top;
  object-fit: scale-down;
  width: auto;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-bottom: auto;
  overflow: auto;
}

.oneoffswork.sizem, .oneoffswork.sizes {
  width: auto;
  height: auto;
}

.oneoffswork.vertical {
  width: auto;
  height: 100vh;
}

.oneoffswork.vertical.sizel {
  height: 75vh;
}

.oneoffswork.vertical.sizem {
  height: 50vh;
  overflow: auto;
}

.oneoffswork.vertical.sizes {
  height: 25vh;
}

.oneoffswork.horizontal {
  width: 100%;
}

.oneoffswork.horizontal.sizem {
  width: 75%;
}

.oneoffswork.horizontal.sizes {
  width: 50%;
}

.oneoffswork.centerl {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffswork.rightm {
  width: 50%;
  margin-left: auto;
  margin-right: 0;
}

.oneoffswork.rightm.vertical, .oneoffswork.rightm.posfinal {
  margin-bottom: 0;
}

.oneoffswork.lefts {
  width: 30%;
  margin-left: 0;
  margin-right: auto;
}

.oneoffswork.lefts.cal31 {
  margin-bottom: var(--oneoffsneg);
}

.oneoffswork.lefts.cal31.posfinal {
  margin-bottom: -22vw;
}

.oneoffswork.lefts.vertical {
  aspect-ratio: 2 / 3;
  width: 50%;
  height: auto;
  min-height: auto;
  margin-left: 0;
}

.oneoffswork.lefts.vertical.round {
  border-radius: 0;
}

.oneoffswork.leftm {
  aspect-ratio: auto;
  width: 50%;
  margin-left: 0;
  margin-right: auto;
}

.oneoffswork.rights {
  width: 25%;
  margin-left: auto;
  margin-right: 0;
}

.oneoffswork.rights.vertical {
  aspect-ratio: 2 / 3;
  width: 50%;
  height: auto;
}

.oneoffswork.centerxl {
  border-radius: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffswork.centerxl.ira {
  border-radius: 12px;
}

.oneoffswork.centerm {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffswork.centers {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffswork.leftxs {
  margin-right: auto;
  margin-bottom: var(--oneoffsneg);
  width: 30%;
  margin-left: 10%;
}

.oneoffscaption {
  opacity: 1;
  direction: ltr;
  color: var(--lightprimary);
  text-align: left;
  letter-spacing: .4px;
  text-transform: uppercase;
  text-overflow: clip;
  border-radius: 0;
  width: auto;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  position: relative;
  inset: 0% auto auto 0%;
  transform: rotate(-90deg);
}

.oneoffscaption.left {
  opacity: 1;
  backface-visibility: visible;
  perspective-origin: 50%;
  transform-origin: 50%;
  text-align: left;
  border: 1px #000;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  text-decoration: none;
  display: block;
  position: static;
  inset: 0% auto auto 0%;
  transform: none;
}

.oneoffscaption.p1 {
  text-align: center;
  mix-blend-mode: normal;
  width: auto;
  margin-right: 20px;
  transform: none;
}

.oneoffscaption.p2 {
  text-align: center;
  margin-left: 0;
  margin-right: 20px;
  transform: none;
}

.oneoffscaption.p3 {
  text-align: center;
  margin-left: 0;
  transform: none;
}

.cookiebanner {
  position: fixed;
  inset: 0% auto auto 0%;
}

.slide-4 {
  object-fit: cover;
}

.backgroundgrid {
  z-index: 1;
  aspect-ratio: auto;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: difference;
  object-fit: cover;
  background-image: url('../images/oneOffsCanvasDots6.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  background-clip: border-box;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.indexarrowwrapper {
  z-index: 99;
  background-color: var(--transparent);
  opacity: 1;
  pointer-events: none;
  mix-blend-mode: difference;
  flex-flow: row;
  justify-content: flex-end;
  align-items: baseline;
  width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: 0;
  padding: 12px 16px;
  display: flex;
  position: sticky;
  top: 0;
  bottom: auto;
}

.indexarrowwrapper.home {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
}

.mask {
  position: absolute;
}

.workssliderarrow {
  height: 14px;
}

.mask-2 {
  position: absolute;
}

.slide-5 {
  position: static;
}

.archiveslidertrack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--transparent);
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 450vw;
  display: flex;
}

.archivesliderwrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  background-color: var(--transparent);
  object-fit: fill;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50vw;
  max-width: none;
  height: auto;
  margin-left: 0;
  padding-top: 12px;
  padding-bottom: 0;
  display: flex;
  position: static;
  overflow: visible;
}

.archivesliderwrapper.pos1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--temp01);
  width: 50vw;
  height: auto;
  margin-left: -50%;
}

.archivesliderwrapper.medium {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 37.5%;
}

.archivesliderwrapper.small {
  width: 40vw;
}

.archivesliderwrapper.posfinal {
  background-color: var(--transparent);
  width: 50vw;
  margin-right: 50vw;
}

.archivesliderwrapper.large {
  width: 60vw;
}

.archivesliderwrapper.poslast {
  padding-right: 12px;
}

.archiveslidercamera {
  z-index: 998;
  background-color: var(--transparent);
  object-fit: fill;
  width: 100vw;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-bottom: 0;
  padding-left: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.archivesliderframe {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--transparent);
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.linkmore {
  margin-left: auto;
  margin-right: 0;
  text-decoration: none;
}

.archivecaptions {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: 80px;
  display: flex;
}

.footerlinkswrapper-2 {
  z-index: 999;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
}

.textcopyregularlm_noslide {
  z-index: 999;
  color: #1a1a1a;
  text-align: left;
  letter-spacing: .4px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  position: static;
  top: 15px;
}

.textcopyregularlm_noslide.index {
  z-index: 33;
  letter-spacing: .4px;
  width: auto;
  margin-bottom: -5px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  position: static;
}

.textheadlinelm-2 {
  z-index: 33;
  color: #1a1a1a;
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  letter-spacing: -1px;
  -webkit-text-stroke-width: .1px;
  text-transform: uppercase;
  width: auto;
  margin-top: 0;
  margin-left: -1px;
  font-family: STUDIO MICHALT HEADLINE, sans-serif;
  font-size: 100px;
  line-height: 80px;
  text-decoration: none;
  display: block;
  position: static;
  overflow: visible;
}

.textheadlinelm-2:hover {
  opacity: 1;
  color: #1a1a1a;
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  -webkit-text-stroke-width: 0px;
}

.sectionmorefooter-2 {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  padding: 12px 12px 16px;
  display: flex;
  position: static;
}

.sectionfooter {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: calc(100vh + 4px);
  min-height: calc(100vh + 4px);
  padding-top: 4px;
  padding-left: 12px;
  display: flex;
}

.sectionfooter.oneoffs {
  mix-blend-mode: normal;
  height: 50vh;
  min-height: auto;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.worksmoreimage {
  z-index: 99;
  aspect-ratio: auto;
  transform-origin: 50% 100%;
  mix-blend-mode: normal;
  object-fit: cover;
  border: 1px #000;
  border-radius: 0;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: auto;
  margin-right: 0;
  display: block;
  position: relative;
  top: 0;
  bottom: auto;
}

.worksmoreimage.hor {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  order: 0;
  align-self: flex-end;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  top: 0;
  bottom: auto;
}

.worksmoreimage.posfinal {
  padding-right: 0;
}

.worksmoreimage.oneoffs {
  margin-bottom: 7px;
  position: static;
  left: 0;
}

.archivetitle.pos1 {
  mix-blend-mode: difference;
  flex-flow: column;
  align-items: center;
  width: 50%;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.archivetitle.pos3 {
  margin-left: 0;
  margin-right: auto;
  display: none;
}

.archivetitle.pos2 {
  background-color: var(--black);
  width: 40px;
  height: 3px;
  margin-bottom: 31px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.oneoffsworkvid {
  width: 100%;
}

.oneoffsworkvid.horizontal.sizes {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
  overflow: visible;
}

.oneoffsworkvid.square.sizes {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
  overflow: visible;
}

.oneoffsworkvid.vertical {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
}

.oneoffsworkvid.vertical.sizem {
  aspect-ratio: 2 / 3;
  background-color: var(--transparent);
  width: 100%;
  height: auto;
  min-height: auto;
}

.oneoffsworkvid.vertical.sizel {
  width: 75%;
  height: auto;
}

.oneoffsworkvid.vertical.sizes {
  width: 50%;
}

.oneoffsworkvid.vertical.sizem {
  width: 75%;
}

.oneoffsworkvid.sizes {
  width: 100%;
}

.oneoffsworkvid.sizem {
  width: 50%;
}

.oneoffsvid {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.oneoffsvid.square {
  aspect-ratio: 1;
}

.oneoffsvid.vertical {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: 100%;
  min-height: auto;
  position: relative;
  overflow: hidden;
}

.oneoffsvid.vertical.round {
  border-radius: 12px;
}

.oneoffsvid.horizontal {
  aspect-ratio: 3 / 2;
}

.textheadlinelmnoslide {
  z-index: 33;
  font-family: var(--desktopheadlarge);
  color: var(--blackprimary);
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  text-align: center;
  letter-spacing: -1.5px;
  -webkit-text-stroke-width: .1px;
  text-transform: uppercase;
  width: auto;
  margin-top: 0;
  margin-left: -1px;
  font-size: 100px;
  line-height: 80px;
  text-decoration: none;
  display: block;
  position: static;
  overflow: visible;
}

.textheadlinelmnoslide:hover {
  opacity: 1;
  color: var(--blackprimary);
  font-variation-settings: "slnt" 0, "cond" 50, "stre" 0;
  -webkit-text-stroke-width: 0px;
}

.textheadlinelmnoslide.navbar {
  margin-top: -10px;
  margin-bottom: 10px;
}

.textheadlinelmnoslide.negative {
  color: var(--lightprimary);
  margin-top: 0;
}

.textheadlinelmnoslide.archive {
  width: auto;
  max-width: 700px;
}

.oneoffscaptionwrapper {
  z-index: 99;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--transparent);
  mix-blend-mode: difference;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-bottom: -4px;
  margin-left: 50%;
  margin-right: auto;
  padding-right: 0;
  display: flex;
  position: sticky;
  top: 12px;
  left: auto;
}

.oneoffscaptionwrapper.alignright {
  margin-left: 50%;
}

.oneoffsworkhero {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  display: flex;
}

.oneoffsworkhero.sizel {
  aspect-ratio: auto;
  vertical-align: top;
  object-fit: scale-down;
  width: auto;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-bottom: auto;
  overflow: auto;
}

.oneoffsworkhero.sizem, .oneoffsworkhero.sizes {
  width: auto;
  height: auto;
}

.oneoffsworkhero.vertical {
  width: auto;
  height: 100vh;
}

.oneoffsworkhero.vertical.sizel {
  height: 75vh;
}

.oneoffsworkhero.vertical.sizem {
  height: 50vh;
  overflow: auto;
}

.oneoffsworkhero.vertical.sizes {
  height: 25vh;
}

.oneoffsworkhero.horizontal {
  width: 100%;
}

.oneoffsworkhero.horizontal.sizem {
  width: 75%;
}

.oneoffsworkhero.horizontal.sizes {
  width: 50%;
}

.oneoffsworkhero.centerl {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffsworkhero.rightm {
  margin-right: 0;
  margin-bottom: var(--oneoffsneg);
  width: 50%;
  margin-left: auto;
}

.oneoffsworkhero.lefts {
  width: 40%;
  margin-right: auto;
}

.oneoffsworkhero.leftm {
  margin-right: auto;
  margin-bottom: var(--oneoffsneg);
  width: 50%;
  margin-left: 0;
}

.oneoffsworkhero.rights {
  width: 40%;
  margin-left: auto;
  margin-right: 0;
}

.oneoffsworkhero.centerxl {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffsworkhero.centerm {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffsworkhero.centers {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.oneoffsworkhero.p1 {
  width: 25%;
  position: absolute;
  top: 0;
  left: auto;
  right: 8vw;
}

.oneoffsworkhero.p2 {
  width: 25%;
  position: absolute;
  inset: 8vh auto auto 8vw;
}

.oneoffsworkhero.p3 {
  width: 25%;
  position: absolute;
  inset: 50vh 0% auto 50vw;
}

.oneoffsworkhero.p4 {
  width: 25%;
  position: absolute;
  inset: auto auto 4vh 4vw;
}

.oneoffsworkhero.p5 {
  width: 25%;
  position: absolute;
  inset: auto 4vw -12vw auto;
}

.footercontact {
  background-color: var(--transparent);
  mix-blend-mode: normal;
  width: 208px;
  height: auto;
  margin: auto 141px 7px auto;
}

.footercontact.pos1 {
  mix-blend-mode: difference;
  margin-left: 0;
  margin-right: auto;
}

.footercontact.pos3 {
  margin-left: 0;
  margin-right: auto;
  display: none;
}

.footercontact.pos2 {
  background-color: var(--black);
  width: 40px;
  height: 3px;
  margin-bottom: 31px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.footercontact.oneoffs {
  height: 50vh;
  margin-left: auto;
}

.footermore {
  width: 50%;
  margin-top: 12px;
  margin-left: 0;
  margin-right: auto;
}

.div-block-2 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.oneoffswraphrt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.oneoffswraphrt.sizes {
  width: 75%;
}

.oneoffswraphrt.posfinal {
  height: 100vh;
}

.archivehovervid {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
}

.navbarmain {
  background-color: var(--transparent);
  mix-blend-mode: normal;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: auto;
  display: flex;
  position: fixed;
  bottom: 16px;
}

.navbarmain.oneoffs {
  mix-blend-mode: difference;
  min-width: auto;
}

.navbarcontainer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--transparent);
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.menu-button {
  padding-bottom: 0;
  padding-right: 12px;
  display: none;
}

.brand {
  margin-left: 0;
  margin-right: auto;
}

.navmenu {
  flex-flow: column;
  justify-content: flex-end;
  width: 50vw;
  display: flex;
}

.navmenu.brand {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  padding-left: 12px;
}

.navmenu.links {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  padding-right: 12px;
}

.oneoffswrapvrt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.navbaricon {
  aspect-ratio: 1;
  background-color: var(--transparent);
  border-radius: 0%;
  width: auto;
  height: auto;
}

.contactcta.pos1 {
  mix-blend-mode: difference;
  margin-left: 0;
  margin-right: auto;
}

.contactcta.pos3 {
  margin-left: 0;
  margin-right: auto;
  display: none;
}

.contactcta.pos2 {
  background-color: var(--black);
  width: 40px;
  height: 3px;
  margin-bottom: 31px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.link-block {
  text-decoration: none;
}

.wrapperposfinal {
  width: 100%;
  height: 100vh;
}

.oneoffscta {
  z-index: 999;
  background-color: var(--transparent);
  mix-blend-mode: difference;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-bottom: 25vh;
  margin-left: 50%;
  margin-right: auto;
  display: flex;
  position: relative;
}

.oneoffscta.pos1 {
  mix-blend-mode: difference;
  margin-left: 0;
  margin-right: auto;
}

.oneoffscta.pos3 {
  margin-left: 0;
  margin-right: auto;
  display: none;
}

.oneoffscta.pos2 {
  background-color: var(--black);
  width: 40px;
  height: 3px;
  margin-bottom: 31px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.oneoffscta.oneoffs {
  height: 50vh;
  margin-left: auto;
}

.linkhomeoneoffs {
  aspect-ratio: auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navburger {
  z-index: 999;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: auto 12px 16px auto;
}

.navburger.modedifference {
  mix-blend-mode: difference;
}

.navburger.mobile {
  opacity: .25;
  display: flex;
}

.navmobile {
  z-index: 9999;
  background-color: var(--lightsecondary);
  flex-flow: column;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.navmobile.studio {
  background-color: var(--blackprimary);
  display: none;
}

.navmobile.oneoffs {
  background-color: var(--blackprimary);
  width: 100vw;
  display: none;
  inset: 0% auto auto 0%;
}

.navbarwrap {
  display: flex;
}

.imagegetintouch {
  width: 80px;
  margin-bottom: 7px;
}

.studiowrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  height: auto;
  padding-top: 12px;
  padding-right: 12px;
  display: flex;
}

.studiowrappercopynoslide {
  background-color: var(--transparent);
  width: 50%;
  height: auto;
  margin-bottom: 14px;
}

.studiowrappercopynoslide.posdisclaimer {
  opacity: 1;
  background-color: #0000;
  width: auto;
  height: auto;
  margin-bottom: 16px;
  margin-left: 0;
  margin-right: auto;
}

.studiowrappercopynoslide.director {
  width: 12.5%;
  margin-bottom: 0;
  margin-right: 12.5%;
  padding-top: 12px;
  padding-right: 12px;
}

.studiowrappercopynoslide.studio {
  width: 12.5%;
  margin-top: 12px;
  margin-bottom: 0;
  padding-right: 12px;
}

.studiowrappercopynoslide.contact {
  width: 12.5%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-right: 12px;
}

.studiowrappercopynoslide.products, .studiowrappercopynoslide.clients {
  width: 12.5%;
  margin-bottom: 0;
  padding-top: 12px;
  padding-right: 12px;
}

.image {
  z-index: 111;
  width: 80px;
  margin-left: auto;
  margin-right: 24px;
  position: absolute;
  inset: auto 0% auto auto;
  transform: rotate(90deg);
}

.image.oneoffs {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  position: static;
  transform: none;
}

.image.archive {
  margin-top: 27px;
  margin-bottom: 27px;
  margin-right: auto;
  position: static;
  left: auto;
  right: auto;
}

.navpostime {
  z-index: 999;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-left: 50vw;
  display: flex;
  position: fixed;
  inset: auto auto 16px 0%;
}

.navpostime.passivelink {
  opacity: .25;
}

.navpostime.oneoffs {
  position: static;
}

.navpostime.mobile {
  margin-left: 0;
  top: 16px;
  bottom: auto;
  left: 12px;
}

.navpostime.modedifference {
  mix-blend-mode: difference;
}

.code {
  display: none;
}

.navbarbackground {
  z-index: 999;
  background-color: var(--transparent);
  width: 100vw;
  height: 145px;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.navbarbackground.studio {
  pointer-events: none;
}

.workwrapperspacer {
  aspect-ratio: auto;
  background-color: var(--transparent);
  object-fit: cover;
  flex-flow: column;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  height: 0;
  display: flex;
  position: relative;
}

.workwrapperspacer.left {
  aspect-ratio: auto;
  background-color: #0000;
  min-width: 50%;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: auto;
}

.workwrapperspacer.right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  width: 50%;
  min-width: auto;
  height: auto;
  margin: 0 0 12px auto;
  overflow: visible;
}

.workwrapperspacer.center {
  aspect-ratio: auto;
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  margin-left: 25%;
  margin-right: 25%;
}

.workwrapperspacer.alignleft {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 12%;
  margin-right: auto;
  position: relative;
}

.workwrapperspacer.alignleft.verticaldin {
  aspect-ratio: 210 / 297;
  width: auto;
  max-width: 50%;
  min-height: 37.5vw;
  max-height: 88vh;
  margin-left: auto;
  margin-right: 50%;
}

.workwrapperspacer.alignleft.left {
  margin-bottom: 0;
  margin-left: 0%;
}

.workwrapperspacer.alignright {
  flex-flow: column;
  margin-left: auto;
  margin-right: 12%;
  position: relative;
}

.workwrapperspacer.alignright.vertical {
  aspect-ratio: 3 / 4;
  background-color: var(--temp01);
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: 50%;
  overflow: visible;
}

.workwrapperspacer.alignright.right {
  margin-bottom: 0;
  margin-right: 0%;
}

.workwrapperspacer.verticaldin.alignleft {
  aspect-ratio: auto;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
}

.workwrapperspacer.verticaldin.alignleft.pos8 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 20%;
  margin-right: auto;
}

.workwrapperspacer.verticaldin.alignleft.p8 {
  margin-left: 21%;
}

.workwrapperspacer.verticaldin.alignright {
  width: auto;
  margin-left: 50%;
  margin-right: auto;
}

.workwrapperspacer.vertical {
  box-sizing: border-box;
  aspect-ratio: 3 / 4;
  width: auto;
  min-width: auto;
  max-width: 50%;
  height: auto;
  min-height: 37.5vw;
  max-height: 88vh;
}

.workwrapperspacer.vertical.alignright {
  background-color: var(--transparent);
  width: auto;
  min-width: auto;
  max-width: 50%;
  height: auto;
  min-height: 37.5vh;
  max-height: 88vh;
}

.workwrapperspacer.p3 {
  z-index: 1;
  margin-left: 40%;
}

.workwrapperspacer.pos4 {
  margin-left: 36%;
}

.workwrapperspacer.pos5 {
  margin-left: 22%;
}

.workwrapperspacer.pos6 {
  margin-left: 28%;
}

.workwrapperspacer.pos7 {
  margin-left: 24%;
}

.workwrapperspacer.pos9 {
  margin-left: 13%;
}

.workwrapperspacer.pos10 {
  margin-left: 9%;
}

.workwrapperspacer.pos11 {
  margin-left: 5%;
}

.workwrapperspacer.pos12 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 0%;
}

.workwrapperspacer.p4 {
  margin-left: 37%;
}

.workwrapperspacer.p5 {
  margin-left: 33%;
}

.workwrapperspacer.p6 {
  margin-left: 29%;
}

.workwrapperspacer.p7 {
  margin-left: 25%;
}

.workwrapperspacer.p9 {
  margin-left: 15%;
}

.workwrapperspacer.p10 {
  margin-left: 11%;
}

.workwrapperspacer.p12 {
  margin-left: 4%;
}

.workwrapperspacer.p11 {
  margin-left: 8%;
}

.workwrapperspacer.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.workwrapperspacer.alignrightout {
  flex-flow: column;
  margin-left: auto;
  margin-right: 0%;
  position: relative;
}

.workwrapperspacer.alignrightout.vertical {
  aspect-ratio: 3 / 4;
  background-color: var(--temp01);
  width: 101px;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-left: 50%;
  overflow: visible;
}

.workwrapperspacer.alignrightout.right {
  margin-bottom: 0;
  margin-right: 0%;
}

.workwrapperspacer.alignleftout {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: auto;
  position: relative;
}

.workwrapperspacer.alignleftout.verticaldin {
  aspect-ratio: 210 / 297;
  width: auto;
  max-width: 50%;
  min-height: 37.5vw;
  max-height: 88vh;
  margin-left: auto;
  margin-right: 50%;
}

.workwrapperspacer.alignleftout.left {
  margin-bottom: 0;
  margin-left: 0%;
}

.workwrapperspacer.spacer {
  height: 100px;
}

.navposclaim {
  z-index: 999;
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-left: 50vw;
  display: flex;
  position: fixed;
  inset: auto auto 16px 0%;
}

.navposclaim.passivelink {
  opacity: .25;
}

.navposclaim.oneoffs {
  position: static;
}

.navposclaim.mobile {
  justify-content: flex-end;
  align-items: center;
  width: 440px;
  margin-left: 0;
  top: 12px;
  bottom: auto;
  left: 12px;
}

.navposclaim.modedifference {
  mix-blend-mode: difference;
}

.spanlockup {
  margin-left: -4px;
}

.link-2, .link-3 {
  text-decoration: none;
}

.bold-text {
  text-decoration: none;
  -webkit-text-decoration-color: var(--lightprimary);
  text-decoration-color: var(--lightprimary);
}

.link-4 {
  color: var(--lightprimary);
  text-decoration: none;
  -webkit-text-decoration-color: var(--lightprimary);
  text-decoration-color: var(--lightprimary);
}

.link-5 {
  color: var(--lightprimary);
  text-decoration: none;
}

.wrapperexplore {
  flex-flow: column;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

@media screen and (max-width: 991px) {
  .body {
    background-color: var(--lightprimary);
  }

  .body.home {
    padding-left: 0;
    padding-right: 0;
  }

  .textcopyregularlm {
    margin-left: auto;
  }

  .slider {
    padding-left: 0;
    padding-right: 0;
  }

  .workwrapper.alignleft {
    width: 75%;
    margin-left: 0%;
  }

  .workwrapper.alignright {
    width: 75%;
    margin-right: 0%;
  }

  .workwrapper.alignright.vertical {
    max-width: none;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
  }

  .workwrapper.verticaldin.alignleft.p8 {
    margin-left: 0%;
  }

  .workwrapper.verticaldin.alignright {
    margin-left: 25%;
  }

  .workwrapper.p3 {
    width: 100%;
    margin-left: 0%;
  }

  .workwrapper.p4, .workwrapper.p5 {
    width: 75%;
    margin-left: 0%;
  }

  .workwrapper.p6 {
    width: 75%;
    margin-left: auto;
    margin-right: 0;
  }

  .workwrapper.p7, .workwrapper.p9, .workwrapper.p10, .workwrapper.p12 {
    width: 100%;
    margin-left: 0%;
  }

  .workwrapper.p13 {
    width: 100%;
  }

  .workwrapper.p11 {
    width: 100%;
    margin-left: 0%;
  }

  .workwrapper.aligncenter {
    width: 75%;
  }

  .workwrapper.alignrightout {
    width: 75%;
    margin-right: 0%;
  }

  .workwrapper.alignrightout.vertical {
    max-width: none;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
  }

  .workwrapper.alignleftout {
    width: 75%;
    margin-left: 0%;
  }

  .archivehoverimage {
    padding-right: 12px;
  }

  .navposwork {
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: 40px;
    display: none;
  }

  .navposwork.mobile {
    margin-bottom: 0;
    display: flex;
    inset: auto auto 16px 12px;
  }

  .navposstudio {
    margin-bottom: 40px;
    display: none;
  }

  .navposstudio.mobile {
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    inset: auto auto 16px 166px;
  }

  .navposmail {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: none;
  }

  .navposmail.mobile {
    margin-left: 0;
    margin-right: auto;
    display: flex;
    inset: auto auto 16px 346px;
  }

  .homesliderwrapper.pos1 {
    width: calc(100% - 24px);
    margin-left: 12px;
  }

  .sectionwork {
    margin-top: 34px;
    margin-bottom: 25vh;
  }

  .sectiontitle.projects {
    width: 390px;
  }

  .sectiontitle.archive {
    width: auto;
    margin-left: auto;
    margin-right: 0;
  }

  .sectiontitle.oneoffs {
    width: 40%;
    margin-right: auto;
    left: 8vw;
  }

  .sectiontitle.homeoneoffs {
    width: 100vw;
    padding-right: 12px;
  }

  .imagework {
    aspect-ratio: auto;
  }

  .footposmore {
    width: auto;
  }

  .navigationstudio {
    margin-right: 12px;
  }

  .bodynegative {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .bodynegative.studio {
    flex-flow: wrap;
    height: auto;
  }

  .studiowrappercopy.director {
    width: 25%;
    margin-right: 0%;
  }

  .studiowrappercopy.studio {
    width: 25%;
  }

  .studiowrappercopy.contact {
    width: 25%;
    margin: 0 25% 80px auto;
  }

  .studiowrappercopy.products {
    width: 25%;
  }

  .studiowrappercopy.clients {
    width: 25%;
    margin-bottom: 40px;
  }

  .imagecdportrait {
    width: 25%;
  }

  .pictostudio.clients {
    width: 80%;
    margin-left: 10%;
  }

  .sectiononeoffshero {
    min-height: 100vh;
  }

  .sectionarchived {
    margin-bottom: 25vh;
  }

  .workwrappernoslide.alignright {
    width: 75%;
    margin-top: 0;
  }

  .workwrappernoslide.alignright.vertical {
    margin-left: auto;
  }

  .workwrappernoslide.alignright.vertical.p2 {
    margin-left: auto;
    margin-right: 0;
  }

  .workwrappernoslide.p1 {
    width: 50%;
    margin-left: auto;
    margin-right: 0;
  }

  .workwrappernoslide.home {
    width: 100%;
    margin-left: 0%;
    padding-left: 12px;
  }

  .workwrappernoslide.vertical.alignright {
    margin-left: 25%;
  }

  .navigationoneoffs {
    margin-right: 12px;
  }

  .workslider.vertical, .workslider.verticaldin {
    width: 66vw;
  }

  .left-arrow {
    display: block;
  }

  .slidercaption {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: auto;
  }

  .sectionlegal {
    width: 75%;
    margin-bottom: 25vh;
    margin-left: auto;
    margin-right: 0;
    position: static;
  }

  .dropdownlist {
    padding-right: 12px;
  }

  .oneoffsproject {
    width: 90%;
  }

  .oneoffsproject.posfinal {
    margin-bottom: 8px;
  }

  .oneoffsproject.sizes {
    width: 80%;
  }

  .oneoffswork.centerxl.ira {
    border-radius: 8px;
  }

  .archiveslidertrack {
    height: auto;
  }

  .archivesliderwrapper {
    width: 75vw;
    margin-bottom: -5px;
    margin-left: auto;
  }

  .archivesliderwrapper.small {
    width: 75vw;
  }

  .archivesliderwrapper.large, .archiveslidercamera {
    width: 100vw;
  }

  .archivesliderframe {
    flex-flow: column;
    width: 100%;
    padding-bottom: 5px;
  }

  .archivecaptions {
    justify-content: center;
    align-items: flex-start;
    width: 75vw;
    margin-right: 0;
  }

  .sectionfooter {
    flex-flow: column;
    height: calc(100vh + 4px);
    min-height: calc(100vh + 4px);
    padding-right: 12px;
  }

  .archivetitle.pos1 {
    width: 75vw;
  }

  .oneoffsworkhero.p1, .oneoffsworkhero.p2 {
    width: 40%;
  }

  .oneoffsworkhero.p3 {
    width: 40%;
    inset: 0% 0% 0% 50vw;
  }

  .oneoffsworkhero.p4 {
    width: 40%;
    top: auto;
    bottom: 6vh;
  }

  .oneoffsworkhero.p5 {
    width: 40%;
    bottom: 0;
  }

  .footercontact {
    margin-bottom: 7px;
  }

  .footermore {
    background-color: var(--transparent);
    width: 100%;
    height: auto;
    padding-top: 0;
  }

  .navbarmain {
    overflow: visible;
  }

  .navmenu.links {
    background-color: var(--temp01);
    width: 50vw;
    height: 100vh;
    margin-top: -400px;
    position: absolute;
  }

  .oneoffscta {
    justify-content: flex-end;
    align-items: center;
    height: auto;
    padding-bottom: 16px;
  }

  .navburger {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .navmobile {
    background-color: var(--lightprimary);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: none;
  }

  .navmobile.studio {
    background-color: var(--blackprimary);
    display: none;
  }

  .navbarwrap {
    flex-flow: row;
  }

  .studiowrapper {
    flex-flow: row;
    width: 66%;
    margin-bottom: 6vh;
    margin-right: auto;
  }

  .studiowrapper.pos1 {
    margin-bottom: 0;
  }

  .studiowrapper.pos2 {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 0;
  }

  .studiowrapper.pos3 {
    margin-bottom: 0;
  }

  .studiowrappercopynoslide.director {
    width: 25%;
    margin-right: 0%;
  }

  .studiowrappercopynoslide.studio {
    width: 25%;
  }

  .studiowrappercopynoslide.contact {
    width: 25%;
    margin: -12px 25% 40px 50%;
  }

  .studiowrappercopynoslide.products, .studiowrappercopynoslide.clients {
    width: 25%;
  }

  .image {
    display: block;
  }

  .image.archive {
    display: none;
  }

  .navpostime {
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: 40px;
    display: none;
  }

  .navpostime.mobile {
    margin-bottom: 0;
    display: flex;
    inset: auto auto 16px 12px;
  }

  .workwrapperspacer.alignleft {
    width: 75%;
    margin-left: 0%;
  }

  .workwrapperspacer.alignright {
    width: 75%;
    margin-right: 0%;
  }

  .workwrapperspacer.alignright.vertical {
    max-width: none;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
  }

  .workwrapperspacer.verticaldin.alignleft.p8 {
    margin-left: 0%;
  }

  .workwrapperspacer.verticaldin.alignright {
    margin-left: auto;
  }

  .workwrapperspacer.p3 {
    width: 100%;
    margin-left: 0%;
  }

  .workwrapperspacer.p4, .workwrapperspacer.p5 {
    width: 75%;
    margin-left: 0%;
  }

  .workwrapperspacer.p6 {
    width: 75%;
    margin-left: auto;
    margin-right: 0;
  }

  .workwrapperspacer.p7, .workwrapperspacer.p9, .workwrapperspacer.p10, .workwrapperspacer.p12 {
    width: 100%;
    margin-left: 0%;
  }

  .workwrapperspacer.p13 {
    width: 100%;
  }

  .workwrapperspacer.p11 {
    width: 100%;
    margin-left: 0%;
  }

  .workwrapperspacer.aligncenter {
    width: 75%;
  }

  .workwrapperspacer.alignrightout {
    width: 75%;
    margin-right: 0%;
  }

  .workwrapperspacer.alignrightout.vertical {
    max-width: none;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
  }

  .workwrapperspacer.alignleftout {
    width: 75%;
    margin-left: 0%;
  }

  .navposclaim {
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: 40px;
    display: none;
  }

  .navposclaim.mobile {
    margin-bottom: 0;
    display: flex;
    inset: 12px auto auto 12px;
  }
}

@media screen and (max-width: 767px) {
  .navposstudio.mobile {
    left: 164px;
  }

  .sectiontitle.projects {
    width: 400px;
  }

  .sectiontitle.homeoneoffs, .archivetitle.pos1 {
    width: 520px;
  }

  .navburger.mobile {
    opacity: .25;
  }

  .navmobile, .navmobile.studio {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .textheadline {
    font-size: 80px;
    line-height: 64px;
  }

  .textcopyregularlm.negative {
    margin-top: 0;
  }

  .workwrapper.alignleft {
    margin-bottom: var(--worksgutterhor);
    width: 100%;
    margin-left: auto;
  }

  .workwrapper.alignleft.vertcal {
    width: auto;
  }

  .workwrapper.alignright {
    margin-right: auto;
    margin-bottom: var(--worksgutterhor);
    width: 100%;
  }

  .workwrapper.alignright.vertical {
    margin-right: auto;
  }

  .workwrapper.verticaldin.alignright {
    aspect-ratio: auto;
    margin-left: auto;
  }

  .workwrapper.vertical.alignright {
    opacity: 1;
  }

  .workwrapper.aligncenter {
    width: 100%;
  }

  .workwrapper.alignrightout {
    width: 100%;
    margin-right: auto;
  }

  .workwrapper.alignrightout.vertical {
    margin-right: auto;
  }

  .workwrapper.alignleftout {
    width: 100%;
    margin-left: auto;
  }

  .workwrapper.alignleftout.vertcal {
    width: auto;
  }

  .archivehoverimage {
    aspect-ratio: 4 / 3;
    height: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .backgroundvideo.homeslider.home {
    aspect-ratio: 4 / 3;
  }

  .navposwork.mobile {
    justify-content: flex-end;
    align-items: center;
    width: 120px;
    margin-left: 0;
    inset: auto auto 250px 12px;
  }

  .navposstudio.mobile {
    width: 120px;
    margin-left: 0;
    inset: auto auto 140px 12px;
  }

  .navposmail.mobile {
    justify-content: flex-end;
    align-items: center;
    width: 120px;
    margin-left: 0;
    inset: auto auto 16px 12px;
  }

  .sectiontitle.projects {
    width: 100%;
  }

  .sectiontitle.archive {
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-right: auto;
  }

  .sectiontitle.oneoffs {
    width: 100%;
    left: auto;
  }

  .sectiontitle.homeoneoffs {
    width: 100%;
  }

  .imagework {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .studiowrappercopy.director {
    margin-right: 0;
    margin-bottom: var(--studiogutterhor);
    width: 50%;
    margin-left: 0%;
  }

  .studiowrappercopy.studio {
    margin-right: 0%;
    margin-bottom: var(--studiogutterhor);
    width: 50%;
  }

  .studiowrappercopy.contact {
    margin: 0px auto var(--studiogutterhor);
    width: 50%;
  }

  .studiowrappercopy.products {
    margin: 0px 0% var(--studiogutterhor) 0px;
    width: 50%;
  }

  .studiowrappercopy.clients {
    width: 50%;
    margin-bottom: 40px;
    margin-left: 0%;
  }

  .sectiononeoffshero {
    margin-bottom: 0;
  }

  .sectionarchived {
    z-index: 997;
    justify-content: flex-start;
    align-items: center;
  }

  .workwrappernoslide.alignright {
    margin-top: 0;
    margin-bottom: var(--worksgutterhor);
    width: 100%;
  }

  .workwrappernoslide.home {
    box-sizing: border-box;
    aspect-ratio: auto;
    position: fixed;
  }

  .workwrappernoslide.vertical.alignright {
    margin-left: auto;
  }

  .workslider {
    aspect-ratio: 4 / 3;
  }

  .workslider.vertical {
    width: 80vw;
  }

  .workslider.verticaldin {
    width: 80vw;
    height: auto;
  }

  .workslider.home {
    aspect-ratio: 4 / 3;
  }

  .left-arrow {
    display: block;
  }

  .slidercaption {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: var(--black);
    padding-top: 10px;
    padding-left: 12px;
  }

  .sectionlegal {
    width: 100%;
    margin-bottom: 25vh;
    margin-left: auto;
  }

  .dropdownlist {
    padding-right: 0;
  }

  .workindex {
    margin-bottom: auto;
  }

  .oneoffsproject, .oneoffsproject.sizes, .oneoffswork.rightm {
    width: 100%;
  }

  .oneoffswork.lefts.vertical {
    width: 100%;
    margin-left: auto;
  }

  .oneoffswork.leftm {
    width: 100%;
  }

  .oneoffswork.rights.vertical {
    width: 100%;
    margin-right: auto;
  }

  .oneoffswork.centerm {
    width: 100%;
  }

  .indexarrowwrapper {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: auto;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .archivesliderwrapper {
    aspect-ratio: 4 / 3;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: -4px;
    padding-left: 0;
    padding-right: 0;
  }

  .archivesliderwrapper.small {
    aspect-ratio: 4 / 3;
    width: 100vw;
  }

  .archivesliderframe {
    padding-bottom: 5px;
  }

  .archivecaptions {
    width: 100%;
    margin-right: auto;
    padding-right: 0;
  }

  .sectionfooter {
    height: calc(100vh + 4px);
    min-height: calc(100vh + 4px);
    padding-top: 0;
  }

  .archivetitle.pos1 {
    width: 100%;
    margin-left: auto;
  }

  .oneoffsvid.vertical.round {
    border-radius: 8px;
  }

  .textheadlinelmnoslide {
    letter-spacing: -1.5px;
    font-size: 80px;
    line-height: 64px;
  }

  .oneoffscaptionwrapper {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-left: auto;
  }

  .oneoffscaptionwrapper.alignright {
    margin-left: auto;
  }

  .oneoffsworkhero.p1 {
    width: 50%;
    top: 57px;
  }

  .oneoffsworkhero.p2 {
    width: 50%;
    top: 30vh;
    left: 4vw;
    overflow: auto;
  }

  .oneoffsworkhero.p3 {
    width: 50%;
    inset: 50vh 4% auto auto;
  }

  .oneoffsworkhero.p4 {
    width: 50%;
    display: none;
  }

  .oneoffsworkhero.p5 {
    width: 50%;
    right: 16vw;
  }

  .footercontact {
    margin-bottom: 120px;
    margin-left: auto;
    margin-right: auto;
  }

  .footermore {
    margin-bottom: 0;
  }

  .oneoffswraphrt {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .archivehovervid {
    aspect-ratio: auto;
    height: 100%;
  }

  .oneoffscta {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .navburger.mobile {
    opacity: .25;
  }

  .navmobile {
    background-color: var(--lightprimary);
    opacity: 1;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: none;
    top: auto;
    bottom: 0;
  }

  .navmobile.studio {
    background-color: var(--blackprimary);
    opacity: 1;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    display: none;
  }

  .navmobile.oneoffs {
    display: none;
  }

  .div-block-3 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin-bottom: -12px;
    padding-bottom: 12px;
    display: flex;
  }

  .slide-6 {
    object-fit: contain;
  }

  .studiowrappercopynoslide.director {
    width: 75%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0%;
  }

  .studiowrappercopynoslide.studio {
    width: 75%;
    margin-bottom: 40px;
    margin-right: 0%;
  }

  .studiowrappercopynoslide.contact {
    width: 50%;
    margin-top: 0;
    margin-left: 0%;
    margin-right: 0%;
  }

  .studiowrappercopynoslide.products {
    width: 50%;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .studiowrappercopynoslide.clients {
    width: 50%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .navpostime.mobile {
    margin-left: 0;
    inset: auto auto 236px 12px;
  }

  .navbarbackground {
    z-index: 998;
    background-color: var(--lightprimary);
    opacity: 1;
    mix-blend-mode: normal;
    border-radius: 4px;
    width: auto;
    height: 132px;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    display: block;
  }

  .navbarbackground.studio {
    background-color: var(--blackprimary);
    opacity: 1;
    pointer-events: none;
    height: 132px;
  }

  .workwrapperspacer {
    height: 80px;
  }

  .workwrapperspacer.alignleft {
    margin-bottom: var(--worksgutterhor);
    width: 100%;
    margin-left: auto;
  }

  .workwrapperspacer.alignleft.vertcal {
    width: auto;
  }

  .workwrapperspacer.alignright {
    margin-right: auto;
    margin-bottom: var(--worksgutterhor);
    width: 100%;
  }

  .workwrapperspacer.alignright.vertical {
    margin-right: auto;
  }

  .workwrapperspacer.verticaldin.alignright {
    aspect-ratio: auto;
  }

  .workwrapperspacer.vertical.alignright {
    opacity: 1;
  }

  .workwrapperspacer.aligncenter {
    width: 100%;
  }

  .workwrapperspacer.alignrightout {
    width: 100%;
    margin-right: auto;
  }

  .workwrapperspacer.alignrightout.vertical {
    margin-right: auto;
  }

  .workwrapperspacer.alignleftout {
    width: 100%;
    margin-left: auto;
  }

  .workwrapperspacer.alignleftout.vertcal {
    width: auto;
  }

  .navposclaim.mobile {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    inset: 12px auto auto;
  }

  .wrapperexplore {
    margin-right: auto;
  }
}


@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'STUDIO MICHALT COPY';
  src: url('../fonts/SMCR-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'STUDIO MICHALT HEADLINE';
  src: url('../fonts/240517.smhlvarGX.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}