:root {
  --salmon: #ed7a71;
  --off-black: #333;
  --subject-teal: #59ebba;
  --white: white;
  --black: black;
  --black-tanslucent: rgba(0, 0, 0, .6);
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  color: #333;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

.columns {
  clear: none;
  object-fit: fill;
  flex-direction: row;
  height: 100%;
  min-height: 100%;
  margin-left: 60px;
  margin-right: 60px;
  font-family: Helvetica, sans-serif;
  font-weight: 200;
  display: block;
  position: relative;
}

.image {
  margin-top: 29px;
  margin-left: 30px;
}

.logo {
  width: 25vh;
  margin-top: 0;
  margin-left: 0;
}

.logo-container {
  clear: none;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.sidebar {
  padding-left: 0;
  padding-right: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 21vh;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.body-column {
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 60px;
  padding-right: 0;
  display: block;
  position: relative;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.nav-bar {
  z-index: 1;
  clear: none;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100.034%;
  height: 15vh;
  margin-bottom: 6vh;
  padding: 0 60px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.about-nav {
  float: none;
  text-align: right;
  margin-right: 0;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2vh;
  line-height: 0%;
  position: relative;
}

.research-nav {
  float: none;
  text-align: right;
  margin-left: 0;
  padding-right: 2vh;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2vh;
  line-height: 0%;
  position: relative;
}

.body {
  color: var(--salmon);
  margin-right: 0;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 200;
}

.sidebar-text {
  color: var(--off-black);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 2.1vh;
  font-weight: 300;
  line-height: 3vh;
}

.sidebar-link {
  color: var(--salmon);
  text-decoration: none;
}

.sidebar-link.contact {
  font-weight: 300;
}

.bold-text {
  color: var(--subject-teal);
  font-weight: 300;
  text-decoration: none;
}

.bold-text.contact {
  font-weight: 300;
}

.bold-text.contact.at {
  letter-spacing: 0;
  text-indent: 0;
  font-size: 1.7vh;
}

.bold-text-2 {
  text-decoration: none;
}

.collection-list-wrapper {
  margin-top: 249px;
}

.grid-container {
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  margin: 0 0 50px;
  padding-left: 0;
  display: block;
  position: relative;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.projects-grid {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
  justify-content: center;
  align-items: start;
}

.project-thumbnail {
  float: none;
  clear: left;
  object-fit: scale-down;
  flex: 0 auto;
  order: 0;
  align-self: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  display: block;
  position: static;
  top: 0;
  overflow: visible;
}

.project-thumbnail.tm {
  margin-bottom: 0;
  top: 0;
  left: 0;
  transform: scale(1.04);
}

.project-thumbnail.research-thumbnail {
  display: none;
}

.project-title {
  clear: none;
  perspective: none;
  transform: ;
  color: var(--white);
  object-fit: fill;
  flex-flow: row;
  flex: none;
  align-content: flex-end;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  margin: -30px 0 0 16px;
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.project-title.black {
  color: var(--black);
}

.project-title.white {
  float: left;
  clear: left;
  border: 0px none var(--black-tanslucent);
  object-fit: fill;
  background-color: #272727;
  border-radius: 6px;
  flex: none;
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 6px 8px 4px;
  font-size: 1.3vh;
  line-height: 1.3vh;
  display: block;
  position: relative;
  left: -100%;
}

.project-title.white.tm {
  margin-bottom: 11px;
  position: relative;
  top: auto;
  bottom: 3%;
  left: -100%;
  right: auto;
}

.project-title.white.object-title {
  float: left;
  opacity: 1;
  object-fit: fill;
  border-radius: 6px;
  flex: none;
  align-self: flex-end;
  min-width: 0%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 11px;
  margin-right: 11px;
  font-size: 1.3vh;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.project-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-end;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.project-block.object-block {
  flex-flow: row;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.project-block.object, .project-block.object-copy {
  flex-flow: wrap;
  align-content: flex-end;
  justify-content: flex-start;
  align-items: center;
  min-width: 0%;
  height: auto;
  display: flex;
  position: relative;
}

.div-block {
  height: 80px;
}

.nav-link {
  color: var(--subject-teal);
  font-size: 2vh;
  line-height: 2.5vh;
  text-decoration: none;
}

.project-image-container {
  border-bottom: 1px none var(--subject-teal);
  flex-flow: row;
  align-items: flex-start;
  width: auto;
  margin: 50px 0 0;
  padding-bottom: 40px;
  display: block;
  position: relative;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.project-image-container.object-image-container {
  border-bottom-style: dotted;
  margin-bottom: 50px;
  padding-bottom: 30px;
}

.footer {
  height: 80px;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
}

.heading.project-title {
  color: var(--off-black);
  flex: 1;
  order: 0;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 30px;
  line-height: 30px;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.heading.project-title.research-index {
  margin-bottom: 12px;
  font-weight: 300;
}

.heading.project-title.research-index:hover {
  color: var(--subject-teal);
}

.paragraph {
  margin-bottom: 1px;
  margin-right: 27px;
  position: relative;
}

.project-description-col-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-right: 0;
  display: block;
}

.project-description-col-right {
  padding-left: 0;
}

.text-block {
  column-count: 2;
}

.project-description-text {
  border-bottom: 1px none var(--subject-teal);
  color: var(--off-black);
  column-count: 1;
  column-rule-style: none;
  column-rule-width: 0px;
  white-space: normal;
  column-gap: 30px;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.project-description-text.body-link.back {
  order: 1;
  align-self: flex-start;
  margin-top: 0;
  padding-top: 0;
  font-size: 16px;
  display: block;
}

.project-description-text.body-link.back.arrow {
  text-align: left;
  letter-spacing: normal;
  white-space: normal;
  object-fit: fill;
  border-bottom-style: none;
  flex: 0 auto;
  order: -1;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 14px;
  padding-right: 8px;
  font-size: 40px;
  display: block;
}

.project-meta {
  border-top: 1px dotted var(--subject-teal);
  color: var(--off-black);
  text-align: left;
  margin-top: 20px;
  padding-top: 10px;
  font-style: italic;
}

.project-image {
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 20px;
}

.project-image.theresa-may {
  margin: 30px 0 -20px;
  padding-left: 0;
  padding-right: 0;
  transform: scale(1.045);
}

.grid-spacer {
  height: 5vh;
  position: relative;
}

.grid-spacer.projects-page {
  height: 4vh;
}

.grid-spacer.nav-bar {
  height: 7.5vh;
}

.div-block-2 {
  background-color: rgba(255, 255, 255, .83);
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  position: fixed;
  top: 200px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sidebar-mask {
  background-color: rgba(255, 255, 255, .8);
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: relative;
  top: 0;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.object-grid {
  grid-column-gap: 16px;
  grid-template: ". Mirror Mirror Mirror Mirror Outsider-Radio Outsider-Radio Outsider-Radio"
                 "Known-Unknowns Known-Unknowns Known-Unknowns Dior-Coasters Dior-Coasters Approved-by-Pablo Approved-by-Pablo ."
                 "Known-Unknowns Known-Unknowns Known-Unknowns Dior-Coasters Dior-Coasters . Room-441 Room-441"
                 ". Paria-Farzaneh-AW2021 Paria-Farzaneh-AW2021 The-Forrager The-Forrager The-Forrager The-Forrager ."
                 "Stone-Headphones Stone-Headphones Art-of-Football Art-of-Football Art-of-Football Library-dedicated-to-Claude-L-vi-Strauss Library-dedicated-to-Claude-L-vi-Strauss Library-dedicated-to-Claude-L-vi-Strauss"
                 "Stone-Headphones Stone-Headphones Art-of-Football Art-of-Football Art-of-Football Goldsmiths-Prize Goldsmiths-Prize ."
                 ". DeBeauvoir-Studio DeBeauvoir-Studio Dusk-Lamp Dusk-Lamp Dusk-Lamp Care-Mask Care-Mask"
                 "Dont-Forget-to-Have-Fun Dont-Forget-to-Have-Fun Dont-Forget-to-Have-Fun The-Generator The-Generator Paria-Farzaneh-SS2021 Paria-Farzaneh-SS2021 Paria-Farzaneh-SS2021"
                 ". Watching-From-Below Watching-From-Below Watching-From-Below . Paria-Farzaneh-SS2021 Paria-Farzaneh-SS2021 Paria-Farzaneh-SS2021"
                 ". Watching-From-Below Watching-From-Below Watching-From-Below Spurious-Architectures Spurious-Architectures Spurious-Architectures ."
                 ". Watching-From-Below Watching-From-Below Watching-From-Below Spurious-Architectures Spurious-Architectures Spurious-Architectures ."
                 ". . . . Spurious-Architectures Spurious-Architectures Spurious-Architectures ."
                 / 1fr 1fr;
  grid-auto-flow: row;
}

.body-link {
  color: var(--subject-teal);
  text-decoration: none;
}

.grid-container-2 {
  margin-top: 0;
}

.text-block-2 {
  opacity: .98;
}

.title-container {
  z-index: 2;
  clear: left;
  object-fit: fill;
  border: 1px solid red;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  display: block;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
}

.h-centre-group {
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.div-block-4 {
  height: 4vh;
}

.link-container {
  float: right;
  clear: none;
  object-fit: fill;
  flex-direction: row;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: visible;
}

.div-block-5 {
  font-size: 2vh;
  line-height: 2.5vh;
}

.project-nav-h-spacer {
  width: 2.5vh;
}

.sidebar-mask-container {
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sidebar-mask-spacer {
  height: 12vh;
}

.object-mask-container {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  flex: none;
  justify-content: center;
  align-self: stretch;
  min-width: 0%;
  max-width: 100%;
  transition: opacity .2s;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.object-mask-container:hover, .object-mask-container:active {
  opacity: 1;
}

.object-title {
  background-color: var(--white);
  color: var(--off-black);
  object-fit: fill;
  align-self: center;
  width: auto;
  max-width: none;
  padding: .4vw .4vw .2vw;
  font-family: Helvetica, sans-serif;
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 1vw;
  overflow: visible;
}

.object-title.project-title {
  clear: left;
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 2vw;
  position: relative;
  top: auto;
  left: auto;
}

.object-title.project-title:hover {
  color: var(--subject-teal);
}

.object-title.project-title.tm {
  margin-bottom: 1.1vw;
}

.object-text-container {
  flex-direction: column;
  align-self: flex-end;
  width: 100%;
  max-height: 100%;
  margin: 1vw 1vw 1.3vw;
  display: flex;
}

.object-description {
  color: var(--black);
  border-left: 1px solid rgba(0, 0, 0, .8);
  margin-top: .6vw;
  margin-left: 0;
  padding-left: .3vw;
  font-size: .8vw;
  font-weight: 300;
  line-height: 1.1vw;
}

.project-text-container {
  flex: none;
  order: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  max-width: 100%;
  display: block;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.column-mask {
  display: none;
  overflow: visible;
}

.staggered-link-container {
  float: none;
  flex-wrap: nowrap;
  align-items: center;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.object-grid-container {
  z-index: 0;
  flex-direction: row;
  margin-top: 0;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-caption {
  color: var(--black);
  margin-bottom: 20px;
}

.back-container {
  flex-flow: row;
  align-items: flex-start;
  height: auto;
  margin-top: 30px;
  display: flex;
}

.back-container.footer {
  display: none;
  overflow: visible;
}

.back-arrow-container {
  height: auto;
  margin-right: 6px;
}

.back-arrow {
  height: 14px;
  margin-bottom: 3px;
  margin-right: 0;
  padding-bottom: 0;
}

html.w-mod-js [data-ix="sidebar-mask-fade"] {
  display: block;
}

@media screen and (max-width: 991px) {
  .columns, .columns.project-columns, .columns.about {
    margin-left: 40px;
    margin-right: 40px;
  }

  .logo {
    width: 20vh;
  }

  .logo-container {
    height: 77px;
  }

  .logo-container.w--current {
    height: auto;
  }

  .sidebar {
    margin-bottom: 39px;
    position: relative;
    top: 0;
  }

  .body-column {
    padding-left: 0;
    position: relative;
  }

  .nav-bar {
    height: 12vh;
    margin-bottom: 4vh;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .sidebar-text {
    margin-top: 0;
    font-size: 2.1vh;
    line-height: 3vh;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    transform: translate(0);
  }

  .bold-text.contact.at {
    font-size: 1.7vh;
  }

  .grid-container {
    position: relative;
  }

  .projects-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .project-title.white {
    margin-top: -30px;
    padding: 4px 6px 2px;
    font-size: 13px;
    font-weight: 300;
    line-height: 14px;
  }

  .project-title.white.tm {
    margin-top: -42px;
    margin-bottom: 19px;
    line-height: 16px;
    bottom: -1%;
  }

  .sidebar-container {
    width: auto;
  }

  .project-image-container {
    margin-top: 0;
    padding-bottom: 20px;
  }

  .project-image-container.image-on-top {
    margin-bottom: 50px;
  }

  .heading.project-title.research-index.tm {
    line-height: 38px;
  }

  .project-description-text {
    column-count: 1;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
  }

  .project-image.theresa-may {
    margin-top: 0;
    margin-bottom: 0;
  }

  .grid-spacer {
    height: 5vh;
  }

  .grid-spacer.nav-bar {
    height: 7vh;
  }

  .object-title.project-title {
    font-size: 2vw;
    line-height: 2vw;
  }

  .object-title.project-title.tm {
    margin-bottom: 1.6vw;
  }

  .object-text-container {
    object-fit: fill;
    max-height: 100%;
    overflow: visible;
  }

  .object-grid-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .image-caption {
    color: var(--off-black);
    font-size: 17px;
    font-weight: 300;
  }

  .image-caption.body-link {
    color: var(--subject-teal);
  }

  .back-container {
    z-index: 1;
    display: none;
  }

  .back-container.footer {
    z-index: auto;
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 40px;
    display: flex;
    position: relative;
  }

  .back-arrow {
    margin-bottom: 3.5px;
  }
}

@media screen and (max-width: 767px) {
  .logo {
    width: 165px;
  }

  .logo-container {
    z-index: 1;
    width: 240px;
    height: auto;
    margin-bottom: 0;
    position: relative;
  }

  .logo-container.w--current {
    width: 240px;
  }

  .sidebar {
    margin-bottom: 30px;
    position: relative;
    top: 0;
  }

  .body-column {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .nav-bar {
    flex: 0 auto;
    height: 100px;
    position: relative;
  }

  .research-nav {
    padding-right: 20px;
  }

  .sidebar-text {
    font-size: 17px;
    line-height: 22px;
  }

  .sidebar-text.hidden {
    display: none;
  }

  .bold-text.contact.at {
    font-size: 13px;
  }

  .grid-container {
    margin-bottom: 20px;
  }

  .projects-grid {
    justify-content: center;
    align-items: start;
    justify-items: stretch;
    margin-left: 0;
  }

  .project-thumbnail {
    flex: 1;
  }

  .project-title.white {
    font-size: 14px;
    line-height: 17px;
  }

  .project-title.white.tm {
    margin-bottom: -155px;
    bottom: -1%;
  }

  .project-title.white.object-title {
    font-size: 1.4vh;
  }

  .nav-link {
    font-size: 18px;
    line-height: 18px;
  }

  .nav-link.w--current {
    font-size: 18px;
  }

  .project-image-container {
    background-color: var(--white);
    padding-bottom: 20px;
    position: relative;
  }

  .project-image-container.object-image-container {
    margin-bottom: 40px;
  }

  .project-image-container.image-on-top {
    margin-bottom: 50px;
  }

  .heading.project-title {
    font-size: 25px;
    line-height: 28px;
  }

  .project-description-text {
    line-height: 22px;
  }

  .project-description-text.body-link.back.arrow {
    padding-top: 14px;
  }

  .project-image.theresa-may {
    margin-top: 0;
  }

  .grid-spacer {
    background-color: var(--white);
    height: 60px;
    margin-top: 0;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .grid-spacer.projects-page {
    object-fit: fill;
    height: 0;
    margin-top: -65px;
    display: block;
    position: relative;
    top: 185px;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .grid-spacer.nav-bar {
    width: auto;
    height: 74px;
    margin-top: 2px;
    display: block;
  }

  .sidebar-mask {
    background-color: var(--white);
    opacity: 1;
    width: auto;
    height: auto;
    margin-top: 0;
    position: absolute;
    top: 34%;
    bottom: -43%;
    left: 0%;
    right: 0%;
  }

  .object-grid {
    grid-template: "Mirror"
                   "Known-Unknowns"
                   "Art-of-Football"
                   "Approved-by-Pablo"
                   "Outsider-Radio"
                   "Paria-Farzaneh-AW2021"
                   "The-Forrager"
                   "Stone-Headphones"
                   "Dior-Coasters"
                   "Care-Mask"
                   "The-Generator"
                   "DeBeauvoir-Studio"
                   "Room-441"
                   "Dusk-Lamp"
                   "Library-dedicated-to-Claude-L-vi-Strauss"
                   "Watching-From-Below"
                   "Spurious-Architectures"
                   "Goldsmiths-Prize"
                   "Paria-Farzaneh-SS2021"
                   "Dont-Forget-to-Have-Fun"
                   / 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .grid-container-2 {
    background-color: var(--white);
    margin: 50px 50px 0 0;
    padding-bottom: 30px;
    display: block;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .h-centre-group {
    height: 40px;
  }

  .link-container {
    margin-top: 9px;
  }

  .project-nav-h-spacer {
    width: 5vw;
  }

  .sidebar-mask-container {
    display: none;
  }

  .object-title {
    padding: 8px 8px 6px;
    font-size: 14px;
    line-height: 14px;
  }

  .object-title.project-title {
    font-size: 18px;
    line-height: 18px;
  }

  .object-title.project-title.tm {
    margin-bottom: 20px;
  }

  .object-text-container {
    margin: 20px 20px 24px;
  }

  .object-description {
    margin-top: 10px;
    padding-left: 6px;
    font-size: 13px;
    line-height: 17px;
  }

  .column-mask {
    z-index: 0;
    background-color: #fff;
    margin-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    top: 120px;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .image-caption {
    line-height: 22px;
  }

  .back-container.footer {
    align-self: flex-start;
  }

  .back-arrow {
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 479px) {
  .columns, .columns.project-columns, .columns.about {
    margin-left: 20px;
    margin-right: 20px;
  }

  .logo {
    width: 100px;
  }

  .logo-container {
    width: 130px;
  }

  .logo-container.w--current {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .sidebar {
    margin-bottom: 20px;
  }

  .nav-bar {
    height: 70px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .research-nav {
    padding-right: 12px;
  }

  .sidebar-text {
    font-size: 14px;
    line-height: 18px;
    display: block;
  }

  .bold-text.contact.at {
    font-size: 12px;
  }

  .projects-grid {
    grid-column-gap: 18px;
    grid-row-gap: 14px;
  }

  .project-thumbnail {
    flex: 1;
  }

  .project-title.white {
    margin-top: -32px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 13px;
  }

  .project-title.white.tm {
    margin-top: 0;
    margin-bottom: 18px;
  }

  .nav-link {
    font-size: 12px;
    line-height: 12px;
  }

  .nav-link.w--current {
    font-size: 12px;
  }

  .sidebar-container {
    margin-top: 0;
  }

  .project-image-container {
    padding-bottom: 0;
  }

  .project-image-container.object-image-container {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .project-image-container.image-on-top {
    margin-bottom: 40px;
  }

  .heading.project-title {
    font-size: 16px;
    line-height: 19px;
  }

  .heading.project-title.research-index {
    margin-bottom: 0;
  }

  .heading.project-title.research-index.tm {
    line-height: 22px;
  }

  .project-description-text {
    font-size: 14px;
    line-height: 18px;
  }

  .project-description-text.body-link.back {
    font-size: 12px;
    font-weight: 400;
  }

  .project-description-text.body-link.back.arrow {
    padding-top: 10px;
    padding-right: 6px;
    font-size: 30px;
  }

  .project-meta {
    font-size: 11px;
    line-height: 14px;
  }

  .project-image.image-on-top {
    margin-bottom: 0;
  }

  .grid-spacer {
    height: auto;
    margin-top: 0;
    display: block;
    top: 0;
  }

  .grid-spacer.projects-page {
    margin-top: -145px;
    top: 0;
  }

  .grid-spacer.nav-bar {
    display: none;
  }

  .object-grid {
    grid-auto-flow: column;
  }

  .h-centre-group {
    align-self: center;
  }

  .link-container {
    margin-top: 0;
  }

  .project-nav-h-spacer {
    width: 18px;
    display: block;
  }

  .sidebar-mask-container {
    margin-top: 0;
    display: none;
  }

  .sidebar-mask-spacer {
    height: 100px;
  }

  .object-mask-container {
    opacity: 0;
  }

  .object-title {
    margin-left: 0;
    padding: 5px 6px 4px;
    font-size: 11px;
    line-height: 11px;
  }

  .object-title.project-title {
    font-size: 14px;
    line-height: 17px;
  }

  .object-title.project-title.tm {
    margin-bottom: 14px;
  }

  .object-text-container {
    width: 100%;
    margin: 14px 14px 16px;
  }

  .object-description {
    border-left: 1px solid rgba(0, 0, 0, .66);
    margin-top: 8px;
    margin-left: 0;
    padding-left: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
  }

  .column-mask {
    margin-top: 0;
    top: 70px;
  }

  .object-grid-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .image-caption {
    color: var(--off-black);
    font-size: 14px;
    line-height: 18px;
  }

  .back-container {
    margin-left: 20px;
  }

  .back-container.footer {
    align-self: flex-start;
    margin-top: 10px;
    margin-left: 0;
  }

  .back-arrow-container {
    margin-right: 3px;
  }

  .back-arrow {
    height: 10px;
    margin-bottom: 5px;
  }
}

#w-node-be524c01-ef42-acca-ec47-74ffeb475208-55f88739, #w-node-be524c01-ef42-acca-ec47-74ffeb475210-55f88739 {
  align-self: end;
}

#w-node-cab7c26a-8430-584e-3925-74df9cf3a257-debf5ba4 {
  grid-area: The-Generator;
}

#w-node-eef11094-b1d5-b977-b4d3-1929ca36fa65-debf5ba4 {
  grid-area: Library-dedicated-to-Claude-L-vi-Strauss;
  align-self: start;
}

#w-node-_432a2695-eedb-27be-8e73-aee5ce91b206-debf5ba4 {
  grid-area: Paria-Farzaneh-SS2021;
  align-self: start;
}

#w-node-_16b8ae3d-c03a-2453-1882-c60f9193e3f2-debf5ba4 {
  grid-area: Art-of-Football;
}

#w-node-_6e22dbaa-d84a-b400-f0aa-611c57e211c0-debf5ba4 {
  grid-area: Paria-Farzaneh-AW2021;
}

#w-node-_75defa50-86e1-56f3-a5f8-a35c8b255968-debf5ba4 {
  grid-area: Stone-Headphones;
}

#w-node-a1d10e90-16fc-faba-392f-9b04793d408c-debf5ba4 {
  grid-area: Dusk-Lamp;
  align-self: end;
}

#w-node-d29389a7-3f26-69a1-8638-48c0bbaf6b39-debf5ba4 {
  grid-area: Goldsmiths-Prize;
  align-self: end;
}

#w-node-_9e62b842-a666-5e99-7a03-26603daf04cf-debf5ba4 {
  grid-area: Known-Unknowns;
}

#w-node-a53305bc-9181-27d3-5148-d52c4190cf68-debf5ba4 {
  grid-area: Dont-Forget-to-Have-Fun;
  align-self: start;
}

#w-node-e54f6340-222b-851b-eaca-7e4a769f09a5-debf5ba4 {
  grid-area: Room-441;
}

#w-node-_49a87871-d893-fd7f-23ce-5af3e1b1b78b-debf5ba4 {
  grid-area: Dior-Coasters;
}

#w-node-_812ea578-e57d-610d-0c80-cf395ae0c192-debf5ba4 {
  grid-area: DeBeauvoir-Studio;
}

#w-node-_5975f154-4516-a15c-54dd-1d2653fa6d95-debf5ba4 {
  grid-area: Mirror;
  align-self: center;
}

#w-node-a80d3b75-0175-df1d-3ece-f0b96e502bcf-debf5ba4 {
  grid-area: The-Forrager;
  align-self: center;
}

#w-node-fdc63d33-fb8e-dff7-f91f-bd7f72691baf-debf5ba4 {
  grid-area: Outsider-Radio;
  align-self: end;
}

#w-node-_8cae4c0e-1c98-fca3-a76a-9ca4c2652386-debf5ba4 {
  grid-area: Care-Mask;
  align-self: start;
}

#w-node-_88588767-30f0-b8a9-389a-e06c949ecdf9-debf5ba4 {
  grid-area: Approved-by-Pablo;
  align-self: start;
}

#w-node-_18065b13-b946-c7d9-8bae-2aa6c8129ca5-debf5ba4 {
  grid-area: Watching-From-Below;
  align-self: start;
}

#w-node-_273aaac8-ffb7-d3d4-1bb6-d970bd0463c8-debf5ba4 {
  grid-area: Spurious-Architectures;
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-cab7c26a-8430-584e-3925-74df9cf3a257-debf5ba4 {
    grid-area: The-Generator;
  }

  #w-node-eef11094-b1d5-b977-b4d3-1929ca36fa65-debf5ba4 {
    grid-area: Library-dedicated-to-Claude-L-vi-Strauss;
  }

  #w-node-_432a2695-eedb-27be-8e73-aee5ce91b206-debf5ba4 {
    grid-area: Paria-Farzaneh-SS2021;
  }

  #w-node-_16b8ae3d-c03a-2453-1882-c60f9193e3f2-debf5ba4 {
    grid-area: Art-of-Football;
  }

  #w-node-_6e22dbaa-d84a-b400-f0aa-611c57e211c0-debf5ba4 {
    grid-area: Paria-Farzaneh-AW2021;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_88588767-30f0-b8a9-389a-e06c949ecdf9-debf5ba4 {
    grid-area: Approved-by-Pablo;
    align-self: end;
  }

  #w-node-_18065b13-b946-c7d9-8bae-2aa6c8129ca5-debf5ba4 {
    grid-area: Watching-From-Below;
    align-self: end;
  }

  #w-node-_273aaac8-ffb7-d3d4-1bb6-d970bd0463c8-debf5ba4 {
    grid-area: Spurious-Architectures;
    align-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_88588767-30f0-b8a9-389a-e06c949ecdf9-debf5ba4 {
    grid-area: Approved-by-Pablo;
  }

  #w-node-_18065b13-b946-c7d9-8bae-2aa6c8129ca5-debf5ba4 {
    grid-area: Watching-From-Below;
  }

  #w-node-_273aaac8-ffb7-d3d4-1bb6-d970bd0463c8-debf5ba4 {
    grid-area: Spurious-Architectures;
  }
}


@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}