:root {
  --orange-red: #ff6200;
  --black: #141414;
  --orange: #ffa700;
  --dim-grey: #555;
}

.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;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1vw;
  line-height: 1.6px;
}

.header-section {
  color: #000;
  background-color: #0000;
  height: 76vh;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.header-section.home {
  position: fixed;
}

.brand {
  align-items: center;
  margin-top: 0;
  display: block;
}

.nav_container {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  max-width: 100vw;
  margin-top: 3em;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar {
  background-color: #0000;
  padding-right: 3em;
}

.navbar.home {
  margin-top: 0;
  padding-right: 0;
}

.image-2 {
  max-width: 75%;
  height: 100%;
  margin-top: 0;
  padding-top: 0;
}

.heading-container {
  z-index: -1;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  height: 85vh;
  max-height: none;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.heading-container.about {
  height: 89vh;
}

.main-heading-div {
  color: #fff;
  flex: 1;
  align-self: auto;
  max-width: none;
  margin-top: -26.9em;
  padding-left: 0;
  font-size: .6em;
}

.heading {
  color: #000;
  text-shadow: none;
  width: auto;
  max-width: 12.9em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 11.8em;
  font-weight: 400;
  line-height: 1.2;
}

.heading.home-1 {
  color: #fff;
  width: auto;
  max-width: 10em;
  max-height: 11em;
  margin-left: 0;
  font-size: 6em;
  font-weight: 300;
  position: static;
}

.heading.home-1.sports {
  width: auto;
  max-width: none;
}

.heading.homepage {
  color: #fff;
  max-width: 19.5em;
  font-size: 6em;
  font-weight: 300;
}

.heading.about-me {
  color: #fff;
  max-width: 12em;
  font-size: 6em;
  font-weight: 300;
}

.heading-2 {
  color: #000;
  text-shadow: none;
  object-fit: fill;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11.9em;
  font-weight: 300;
  line-height: .8;
}

.heading-2.footer-text {
  text-align: center;
  margin-left: 0;
  font-size: 50px;
}

.design-list-columns_img-left {
  margin-top: 60px;
  display: flex;
  overflow: hidden;
}

.image-column_left {
  padding-left: 0;
  padding-right: 0;
}

.column-text-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 60px;
  transition: opacity .2s;
  display: flex;
  overflow: visible;
}

.image-3 {
  object-fit: fill;
  width: 100%;
  max-width: none;
  height: 100%;
}

.heading-4 {
  z-index: 1;
  color: var(--black);
  width: 100%;
  margin-left: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 4.9em;
  font-weight: 400;
  line-height: 1;
  transition: text-shadow .2s;
  display: block;
  position: relative;
  inset: 2% 0% 0%;
}

.heading-4:hover {
  color: #000;
  font-style: normal;
}

.heading-4.heading-left {
  color: #000;
  width: 100%;
  margin-left: 0;
  text-decoration: none;
  transition: text-shadow .2s;
  left: 0%;
}

.heading-4.heading-left:hover {
  color: var(--black);
  text-shadow: none;
}

.design-list-para {
  color: var(--black);
  margin-top: .5em;
  margin-bottom: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.5;
}

.button {
  color: #000;
  background-color: #fff;
  border: 2px #000;
  border-radius: 0;
  margin-top: .5em;
  padding: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 2;
  text-decoration: underline;
  transition: background-color .2s, color .2s;
}

.button:hover {
  color: #000;
  background-color: #0000;
}

.column-text-left {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: visible;
}

.image-column_right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.design-list-columns_img-right {
  margin-top: 60px;
  display: flex;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  border: 0 #000;
  width: auto;
  min-width: 1em;
  max-width: none;
  padding: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 1;
}

.nav-link:hover {
  outline-offset: 0px;
  border-top-style: none;
  border-bottom: 2px #000;
  outline: 1px #000;
  text-decoration: underline;
}

.nav-link.w--current {
  color: #fff;
  padding: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
  transition: text-shadow .2s;
}

.nav-link.w--current:hover {
  text-shadow: none;
}

.nav-link.white-bg {
  color: #000;
  font-size: 1.2em;
  text-decoration: none;
}

.nav-link.current {
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  text-decoration: none;
}

.nav-link.current.w--current {
  font-family: neue-haas-unica, sans-serif;
  font-weight: 300;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-right: 0;
  display: flex;
}

.nav-menu.on-white {
  flex-direction: row;
  align-items: center;
  margin-top: 0;
}

.photo-list-section {
  margin-top: -221px;
  display: none;
}

.project-hero-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: center start;
  min-height: 100vh;
  margin-bottom: 100px;
  display: flex;
}

.image-7 {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.heading-5 {
  color: var(--orange);
  font-family: aktiv-grotesk-extended, sans-serif;
}

.heading-5.project-heading {
  color: #020202;
  font-family: neue-haas-unica, sans-serif;
  font-size: 5.9em;
  font-weight: 400;
  line-height: 1;
}

.div-block-4 {
  border-bottom: 2px #000;
  padding-bottom: 0;
  padding-right: 0;
}

.project-main-logo {
  max-width: 60%;
  margin-top: 0;
}

.project-main-logo.abbey {
  width: 25%;
  max-width: 48%;
}

.project-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-top: 0;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.project-paragraph {
  color: #fff;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.4;
}

.project-paragraph.about-info {
  width: 100%;
  line-height: 1.5;
}

.project-paragraph.about-info.black-bg {
  color: #fff;
  margin-left: 0;
  font-weight: 300;
}

.image {
  width: 100%;
  max-width: 100vw;
  height: 100%;
}

.image.abbey-symbols {
  height: 11em;
}

.full-width-image-div {
  width: 100%;
  max-width: 100vw;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: visible;
}

.full-width-image-div.synergy {
  flex: 0 auto;
  justify-content: space-around;
  width: 100%;
  max-width: 100vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 2em;
  display: block;
}

.full-width-image-div.lab {
  margin-top: 2em;
  margin-bottom: 1em;
}

.full-width-image-div.mobile-2-grid {
  display: none;
}

.full-width-image-div.sports {
  margin-top: 1em;
  margin-bottom: 1em;
}

.full-width-image-div.bottom-div {
  margin-top: 1em;
  margin-bottom: 5em;
}

.full-width-image-div.grey-background {
  background-color: #d6d6d6;
}

.full-width-image-div.whg {
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-image-div {
  flex: 0 auto;
  max-width: 100vw;
  margin-top: 20px;
}

.video {
  width: 90vw;
  margin-bottom: 40px;
}

.footer-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 75vh;
  margin-top: 100px;
  display: flex;
}

.div-block-5 {
  align-self: center;
  width: 75%;
}

.paragraph {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: aktiv-grotesk-extended, sans-serif;
}

.body {
  color: #000;
  background-color: #000;
  border: 1px #000;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

.body.home {
  color: #fff;
  background-color: #000;
  font-family: neue-haas-unica, sans-serif;
}

.body.white-bg {
  background-color: #fff;
}

.social-media-link-block {
  width: 25px;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
}

.div-block-6 {
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.image-12 {
  max-width: 100%;
}

.photo-grid {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr .25fr 1fr 1fr;
  grid-auto-flow: column;
  place-content: start;
  place-items: start;
  margin-bottom: -146px;
  padding-left: 40px;
  padding-right: 40px;
}

.portrait_image {
  object-fit: cover;
  width: 100%;
  margin-top: 2em;
  position: static;
}

.div-block-7 {
  width: 100%;
}

.project-list-link-block, .project-list-link-block:hover, .project-list-link-block:focus, .project-list-link-block:visited {
  text-decoration: none;
}

.image-30, .image-31 {
  margin-top: 2em;
}

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

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

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

._404-heading {
  color: var(--orange);
  margin-bottom: 40px;
  font-family: aktiv-grotesk-extended, sans-serif;
  font-size: 66px;
}

.text-block-4 {
  color: var(--dim-grey);
  font-size: 22px;
  line-height: 37px;
}

.image-35 {
  object-fit: fill;
  width: 100%;
  max-width: 100vw;
  margin-top: 0;
  position: static;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 10em;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.heading-1 {
  color: #fff;
  max-width: 100%;
  margin-top: .5em;
  margin-bottom: .6em;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 4.3em;
  font-weight: 300;
  line-height: 1;
}

.heading-1.white-bg {
  color: #fff;
  max-width: 100%;
  font-weight: 400;
}

.website-footer-container {
  z-index: 1;
  border: 1px solid #0000;
  border-top-color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: 2em;
  margin-right: 2em;
  padding-top: .3em;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.footer-text {
  color: #fff;
  padding-bottom: 1em;
  font-family: neue-haas-unica, sans-serif;
  font-size: .8em;
  font-weight: 300;
}

.footer-text.right {
  color: #fff;
  margin-bottom: 1em;
  margin-left: 0;
  padding-bottom: 0;
  font-size: .9em;
  text-decoration: none;
}

.footer-text.right:hover {
  text-decoration: underline;
}

.footer-text.right.white-bg {
  font-weight: 400;
}

.footer-text.white-bg {
  color: #000;
  font-weight: 400;
}

.footer-link-block {
  margin-left: 1.9em;
  text-decoration: none;
}

.zer0100-top-logo {
  color: #fff;
  letter-spacing: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.7em;
  font-weight: 300;
  line-height: 1;
}

.zer0100-top-logo.white-bg {
  color: #000;
  font-weight: 300;
}

.nav-link-holder {
  margin-left: 2em;
  line-height: 1;
  overflow: hidden;
}

.photogrid-travel {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr .25fr .25fr 1fr 1fr;
  grid-auto-flow: column;
  place-content: start;
  place-items: start;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-11 {
  object-fit: cover;
}

.project-section-v2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10em;
  display: block;
}

.project-about-container {
  justify-content: center;
  margin-top: 2em;
  margin-bottom: 15em;
  margin-left: 0;
  display: flex;
}

.project-duty-text-body {
  color: #fff;
  width: auto;
  margin-bottom: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1em;
  font-weight: 300;
}

.project-heading-section-v2 {
  background-color: #000;
  width: 100vw;
  height: 52%;
  margin-top: 7em;
  padding-top: 0;
  display: block;
  overflow: hidden;
}

.project-header-image-div {
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  width: 100vw;
  height: 56em;
  margin-top: 0;
  display: block;
  position: static;
  overflow: hidden;
}

.responsibilities-div {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.project-title-responsibilities {
  background-color: #000;
  border-bottom: 3px #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 14.5em;
  margin-right: 14.5em;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.project-image-header {
  object-fit: cover;
  width: 100%;
  max-width: 100vw;
  height: 100%;
}

.track {
  height: 400vw;
  display: none;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  perspective: 1000px;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.item {
  flex: none;
  width: 38vw;
  height: 50vh;
  padding: 20px;
}

.item.top {
  perspective: 1000px;
  cursor: auto;
  flex: none;
  width: 30vw;
  height: 50vh;
  margin-top: 3.5em;
  margin-right: 10em;
}

.item.bottom {
  perspective: 1000px;
  width: 30vw;
  height: auto;
  margin-top: 24.2em;
  margin-right: 10em;
  padding: 0;
}

.item.bottom.text {
  align-items: center;
  padding-left: 0;
  display: flex;
}

.image-39 {
  perspective: 1000px;
  mix-blend-mode: normal;
  object-fit: cover;
  width: auto;
  height: auto;
  position: static;
}

.horizontal-view-more-work {
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.5vw;
  font-weight: 300;
  text-decoration: underline;
}

.work-list-section {
  margin-top: -2.9em;
  margin-bottom: 0;
  padding-bottom: 4.5em;
}

.work-list-container {
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  height: 100%;
  max-height: none;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  overflow: hidden;
}

.grid {
  grid-column-gap: 5em;
  grid-row-gap: 10em;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto auto auto;
  align-content: stretch;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.work-list-headerline {
  background-color: #fff;
  height: 2px;
}

.work-list-heading {
  color: #fff;
  margin-top: .125em;
  font-family: neue-haas-unica, sans-serif;
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1;
}

.home-heading-div {
  color: #fff;
  flex: 1;
  align-self: auto;
  max-width: 100%;
  margin-top: 0;
  padding-left: 0;
  font-size: .6em;
}

.half-width-image {
  max-width: 50vw;
  margin-top: 0;
  margin-bottom: 0;
}

.two-up-div {
  grid-column-gap: 2em;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 2em;
  display: flex;
}

.two-up-div.synergy {
  grid-column-gap: 2em;
  flex: none;
  justify-content: space-around;
  align-items: center;
  max-width: 100%;
  margin-top: 2em;
  margin-bottom: 1em;
  display: flex;
  overflow: visible;
}

.two-up-div.hide {
  display: none;
}

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

.back-to-top-text {
  color: #fff;
  width: auto;
  margin-top: auto;
  margin-bottom: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  text-decoration: underline;
}

.back-top-link-block {
  color: #000;
  flex: none;
  margin-top: 16em;
  margin-bottom: 0;
}

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

.link-block-3 {
  color: #fff;
  text-decoration: none;
}

.about-info-section {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10em;
}

.about-info-container {
  grid-column-gap: 0em;
  justify-content: space-between;
  max-width: 100vw;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.about-info-text-div {
  width: 50%;
}

.about-info-photo {
  object-fit: fill;
  width: 35vw;
  max-width: none;
  margin-top: 0;
  display: block;
}

.about-info-photo-div {
  flex-flow: column wrap;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: -31.9em;
  display: block;
}

.brands-worked-with {
  color: #fff;
  width: 35em;
  max-width: 49.6em;
  margin-top: 0;
  margin-bottom: 3em;
  padding-right: 0;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
}

.brands-worked-with.about-info {
  width: 30em;
}

.brands-worked-with.about-info.work-with {
  flex: none;
  width: auto;
  max-width: 20em;
  margin-top: .25em;
  margin-bottom: 0;
  font-size: 1.4em;
  line-height: 1.5;
}

.brands-worked-with.header {
  width: auto;
  max-width: none;
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1.7em;
  line-height: 1;
  text-decoration: underline;
}

.link {
  color: #fff;
}

.project-image-link, .project-image-link.synergy {
  text-decoration: none;
}

.footer-2022-on-white {
  border-style: solid none none;
  border-color: #000;
}

.in-paragraph-link {
  color: #fff;
}

.ghq-logo-lockup {
  background-color: #fff;
  justify-content: center;
  width: 100%;
  max-width: 100vw;
  height: auto;
  margin-bottom: 2em;
  padding: 0;
  display: flex;
}

.ghq-logo-div {
  background-color: #fff;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100vw;
  height: 50em;
  margin-bottom: 2em;
  padding: 0;
  display: flex;
}

.ghq-logo-div.abbey {
  background-color: #fff;
  height: 50em;
}

.image-41, .image-42 {
  width: 100%;
  max-width: none;
}

._2-up-image-block {
  flex: 0 auto;
  width: 100%;
}

._2-up-image-block.tall {
  width: 60%;
  text-decoration: none;
}

.globalhq-linkblock {
  text-decoration: none;
}

.abbey-symbol {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 30em;
  margin-bottom: 2em;
  padding: 0;
  display: flex;
}

.grid-row-3 {
  justify-content: space-between;
  display: flex;
}

._3-grid-item {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 1em;
}

.image-43, .image-44 {
  width: 100%;
  max-width: 100vw;
}

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

.contact-full-menu {
  display: none;
}

.full-width-photo {
  width: 100%;
  max-width: 100vw;
}

.full-width-photo.whg {
  width: 75%;
  max-width: none;
}

.sport-photos-section {
  margin-top: -21.4em;
}

.portrait-section {
  margin-top: -19em;
  margin-bottom: auto;
}

.landscapes-section {
  margin-top: -11.9em;
}

.image-46, .image-47, .image-48, .image-49 {
  margin-top: 2em;
}

.page-padding {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

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

.content-container {
  max-width: 1440px;
}

.labs-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  column-count: 2;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.labs-grid-image {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.supie-video-player-story {
  width: 100%;
  height: auto;
}

.html-video-container {
  flex: 0 auto;
  width: 100%;
}

.under-line-animation {
  background-color: var(--black);
  width: 100%;
  height: .0625rem;
}

.underline-animation {
  object-fit: fill;
  background-color: #fff;
  height: 1px;
  overflow: hidden;
}

.project-heading-about.margin-vertical.margin-xxhuge {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

.project-heading-about.margin-vertical.margin-custom1 {
  margin-top: 15.6rem;
  margin-bottom: 15.6rem;
}

.padding-0 {
  padding: 0;
}

.padding-tiny {
  padding: .125rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-small {
  padding: 1rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-0 {
  margin: 0;
}

.margin-tiny {
  margin: .125rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.margin-xsmall {
  margin: .5rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-xhuge {
  margin: 8rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

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

.project-heading_container {
  padding-left: 2rem;
  padding-right: 2rem;
}

.container-large {
  max-width: 90rem;
  margin-left: 0;
  margin-right: 0;
}

.project-info-container {
  grid-column-gap: 6rem;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.project-info-text_container {
  flex: 0 auto;
  width: 70%;
}

.roles_text {
  color: #fff;
  width: 10rem;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.25vw;
  font-weight: 300;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.home-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto auto auto auto;
  align-content: stretch;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.home_project-text {
  margin-top: 1rem;
}

.heading-6 {
  color: #fff;
  font-family: neue-haas-unica, sans-serif;
}

.project-label {
  color: #fff;
  font-size: 1.75vw;
  font-weight: 300;
  line-height: 1.2;
  text-decoration: none;
}

.project-tags {
  color: #bebebe;
  font-family: neue-haas-unica, sans-serif;
  font-size: 1.25vw;
  font-weight: 300;
}

.home_see-more-container {
  justify-content: center;
  align-items: center;
  margin-top: 5rem;
  display: flex;
}

.see-more-button {
  color: #fff;
  font-size: 2vw;
  font-weight: 300;
}

.padding-bottom_section {
  padding-bottom: 8rem;
}

.see-more-button_link {
  text-decoration: none;
  overflow: hidden;
}

.project-video-container {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100vw;
  height: 50em;
  margin-bottom: 2em;
  padding: 0;
  display: flex;
}

.project-video-container.abbey {
  background-color: #fff;
  height: 50em;
}

.project-bg-video_container {
  width: 100%;
  height: 100%;
}

.project-full-width_image {
  width: 100%;
  max-width: 100vw;
}

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

.project_small-image-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  padding-top: 12rem;
  padding-bottom: 12rem;
  display: grid;
}

.small-image_container {
  width: 85%;
}

.project-video {
  object-fit: cover;
  width: 100%;
}

.home-project_video-container {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

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

._750-space-div {
  height: 750px;
}

.full-width-3col {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  overflow: visible;
}

.full-width-3col.synergy {
  flex: 0 auto;
  justify-content: space-around;
  width: 100%;
  max-width: 100vw;
  height: auto;
  margin-top: 0;
  margin-bottom: 2em;
  display: block;
}

.full-width-3col.lab {
  margin-top: 2em;
  margin-bottom: 1em;
}

.full-width-3col.mobile-2-grid {
  display: none;
}

.full-width-3col.sports {
  margin-top: 1em;
  margin-bottom: 1em;
}

.full-width-3col.bottom-div {
  margin-top: 1em;
  margin-bottom: 5em;
}

.full-width-3col.grey-background {
  background-color: #d6d6d6;
}

.full-3col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 2rem;
  display: grid;
}

._3-col-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.banger-link-trailer {
  text-decoration: none;
}

.banger-caption-container {
  margin-top: 1rem;
  text-decoration: none;
}

.banger-caption {
  color: #fff;
  font-size: 1.2vw;
  font-weight: 300;
  text-decoration: none;
}

@media screen and (min-width: 1440px) {
  .header-section.home {
    display: none;
  }

  .nav-link.white-bg, .nav-link.current {
    font-size: 1em;
  }

  .project-paragraph {
    width: auto;
    font-family: neue-haas-unica, sans-serif;
    font-size: 1.5em;
    font-weight: 300;
  }

  .zer0100-top-logo {
    font-size: 1.4em;
  }

  .project-image-header {
    width: 100%;
  }

  .work-list-image {
    object-fit: cover;
  }

  .back-to-top-text {
    font-weight: 300;
  }

  ._2-up-image-block.tall {
    width: 50%;
  }

  .container-large {
    width: 100%;
    max-width: none;
  }

  .project-info-container {
    justify-content: space-between;
    width: 100%;
  }

  .project-info-text_container {
    width: 70rem;
    padding-right: 4rem;
  }

  .roles_text {
    font-size: 1vw;
  }

  .padding-bottom_section {
    padding-bottom: 12rem;
  }

  .project_small-image-grid {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .small-image_container {
    width: 80%;
  }
}

@media screen and (max-width: 991px) {
  .header-section {
    background-image: none;
    height: 75vh;
  }

  .header-section.home {
    display: none;
  }

  .brand {
    margin-top: 0;
    padding-top: 0;
  }

  .nav_container {
    margin-top: 2em;
  }

  .heading-container {
    padding-left: 2em;
  }

  .heading-container.about {
    height: 75vh;
  }

  .main-heading-div {
    margin-top: 0;
    padding-left: 1.3em;
    font-size: 1.2em;
  }

  .heading {
    width: 100%;
    margin-left: .25em;
    font-size: 6.8em;
    line-height: 1.2;
  }

  .heading.homepage {
    width: 100%;
    max-width: 20em;
    margin-left: 0;
    font-size: 5.6em;
  }

  .heading-2 {
    margin-left: 40px;
    font-size: 74px;
    line-height: 75px;
  }

  .column-text-right {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-4 {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 5em;
    line-height: 1.2;
  }

  .heading-4.heading-left {
    line-height: 1.2;
  }

  .design-list-para {
    width: 100%;
  }

  .button {
    margin-top: 10px;
  }

  .column-text-left {
    padding-left: 20px;
    padding-right: 0;
  }

  .nav-link, .nav-link.w--current {
    font-size: 2.1em;
  }

  .nav-link.white-bg {
    padding-left: 1em;
    font-size: 1.9em;
  }

  .heading-5.project-heading {
    font-size: 48px;
    line-height: 44px;
  }

  .div-block-4 {
    padding-bottom: 0;
    padding-right: 0;
  }

  .project-main-logo {
    max-width: 80%;
    margin-top: 0;
  }

  .project-container {
    flex-wrap: nowrap;
  }

  .project-paragraph {
    width: auto;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 2.3em;
  }

  .project-paragraph.about-info.black-bg {
    max-width: 100%;
    margin-top: 0;
  }

  .full-width-image-div {
    margin-top: 0;
    margin-bottom: 140px;
  }

  .full-width-image-div.synergy {
    margin-top: 1em;
    margin-bottom: 4em;
  }

  .full-width-image-div.sports {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .full-width-image-div.supie, .full-width-image-div.whg {
    margin-bottom: 4em;
  }

  .project-image-div {
    margin-top: 20px;
  }

  .photo-grid {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-35 {
    max-width: 100%;
  }

  .container {
    padding-left: 3em;
    padding-right: 3em;
  }

  .heading-1 {
    font-size: 5.7em;
  }

  .heading-1.white-bg {
    font-size: 5.5em;
  }

  .footer-text, .footer-text.right {
    font-size: 1.4em;
  }

  .zer0100-top-logo {
    font-size: 2.3em;
  }

  .photogrid-travel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-about-container {
    justify-content: center;
    margin-left: 0;
  }

  .project-duty-text-body {
    font-size: 2em;
  }

  .project-heading-section-v2 {
    margin-top: 7em;
  }

  .track {
    display: none;
  }

  .item.top, .item.bottom {
    width: 70vw;
  }

  .work-list-section {
    padding-left: 2em;
    padding-right: 2em;
  }

  .work-list-container {
    padding-left: 0;
    padding-right: 0;
  }

  .grid {
    margin-bottom: 5em;
  }

  .work-list-heading {
    font-size: 2.9em;
  }

  .home-heading-div {
    margin-top: 0;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.2em;
  }

  .half-width-image {
    margin-top: 0;
    margin-bottom: 0;
  }

  .two-up-div {
    margin-top: 0;
    margin-bottom: 4em;
  }

  .two-up-div.synergy {
    margin-top: 2em;
  }

  .two-up-div.supie {
    margin-bottom: 4em;
  }

  .back-to-top-text {
    font-size: 2.5em;
  }

  .about-info-photo-div {
    margin-top: -25em;
  }

  .brands-worked-with {
    width: auto;
    margin-top: 100px;
    margin-bottom: 100px;
    font-size: 17px;
  }

  .brands-worked-with.about-info.work-with {
    font-size: 1.7em;
  }

  .contact-full-menu {
    display: none;
  }

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

  .labs-grid {
    grid-template-columns: 1fr;
  }

  .project-heading-about.margin-vertical.margin-xxhuge {
    width: auto;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

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

  .container-large {
    width: auto;
  }

  .project-info-container {
    grid-column-gap: 6rem;
    align-items: flex-start;
    width: 100%;
  }

  .project-info-text_container {
    align-self: flex-start;
    width: 100%;
  }

  .roles_text {
    width: 5.5rem;
    font-size: 1.5vw;
  }

  .home-grid {
    margin-bottom: 5em;
  }

  .project-label {
    font-size: 4vw;
  }

  .project-tags {
    font-size: 1.75vw;
  }

  .see-more-button {
    font-size: 3vw;
  }

  .project_small-image-grid {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .small-image_container {
    width: 100%;
  }

  .full-width-3col {
    margin-top: 0;
    margin-bottom: 140px;
  }

  .full-width-3col.synergy {
    margin-top: 1em;
    margin-bottom: 4em;
  }

  .full-width-3col.sports {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .full-width-3col.supie {
    margin-bottom: 4em;
  }
}

@media screen and (max-width: 767px) {
  .header-section {
    background-position: 0%;
  }

  .brand {
    padding-left: 0;
  }

  .nav_container {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 2em;
    margin-left: 2em;
    margin-right: 2em;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    inset: 0% 0% auto;
  }

  .navbar.home {
    z-index: 3;
  }

  .main-heading-div {
    font-size: 1.5em;
  }

  .heading {
    width: auto;
    margin-left: .125em;
    font-size: 5.3em;
    line-height: 1.2;
  }

  .heading.homepage {
    white-space: normal;
    width: 100%;
    margin-left: 0;
    font-size: 5.3em;
  }

  .heading-2 {
    margin-left: 10px;
    font-size: 56px;
    line-height: 62px;
  }

  .design-list-columns_img-left {
    flex-wrap: nowrap;
  }

  .image-column_left {
    justify-content: center;
    align-self: flex-start;
    display: flex;
  }

  .column-text-right {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-4 {
    width: 327px;
    margin-top: 0;
    margin-left: -81px;
    font-size: 35px;
    line-height: 40px;
  }

  .heading-4.heading-left {
    width: 159%;
    line-height: 40px;
  }

  .design-list-para {
    font-size: 14px;
    line-height: 25px;
  }

  .column-text-left {
    padding-left: 10px;
  }

  .image-column_right {
    padding-right: 0;
  }

  .nav-link {
    text-align: center;
    width: 100vw;
    min-width: 100%;
    height: auto;
    margin-top: 60px;
    font-size: 10em;
    line-height: 1;
  }

  .nav-link.white-bg {
    margin-top: 1em;
    margin-right: auto;
    padding-left: 0;
    font-size: 10em;
    font-weight: 300;
  }

  .nav-link.current {
    margin-right: auto;
    font-size: 10em;
  }

  .menu-button {
    background-color: #0000;
    flex: none;
    align-self: center;
    margin-right: 0;
    padding: 0;
    position: static;
    inset: 0% 0% auto auto;
  }

  .menu-button.w--open {
    z-index: 2;
    color: #fff;
    background-color: #0000;
    position: relative;
  }

  .nav-menu {
    background-color: var(--black);
    flex-flow: column;
    align-self: center;
    height: 100vh;
    margin-top: 0;
    position: fixed;
    inset: 0%;
  }

  .nav-menu.on-white {
    background-color: #fff;
    flex-direction: column;
    padding-right: 0;
  }

  .icon {
    color: #fff;
  }

  .icon.on-white {
    color: #000;
  }

  .project-hero-section {
    overflow: hidden;
  }

  .heading-5.project-heading {
    margin-left: -22px;
    font-size: 43px;
    line-height: 39px;
  }

  .project-main-logo {
    order: -1;
    max-width: 75%;
  }

  .project-container {
    clear: none;
    flex-flow: column;
    justify-content: center;
    padding-left: 14px;
    padding-right: 14px;
  }

  .project-paragraph {
    order: -1;
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
    font-size: 2.7em;
  }

  .project-paragraph.about-info {
    margin-top: 5.5rem;
  }

  .project-paragraph.about-info.black-bg {
    margin-top: 2em;
    font-size: 4em;
  }

  .full-width-image-div {
    order: -1;
    margin-bottom: 100px;
  }

  .full-width-image-div.synergy {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .full-width-image-div.lab {
    margin-top: 1em;
  }

  .full-width-image-div._3-row {
    display: none;
  }

  .full-width-image-div.mobile-2-grid {
    display: block;
  }

  .full-width-image-div.bottom-div {
    margin-bottom: 10em;
  }

  .full-width-image-div.supie, .full-width-image-div.whg {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .project-image-div {
    margin-top: 20px;
  }

  .photo-grid {
    align-content: start;
  }

  .heading-1 {
    font-size: 8.8em;
  }

  .heading-1.white-bg {
    font-size: 6.2em;
  }

  .website-footer-container {
    display: flex;
  }

  .footer-text {
    font-size: 1.8em;
  }

  .right-footer-div {
    font-size: 1.5vw;
  }

  .zer0100-top-logo {
    font-size: 3.7em;
  }

  .nav-link-holder {
    align-self: center;
    width: 100vw;
    margin-left: 0;
  }

  .photogrid-travel {
    align-content: start;
  }

  .project-duty-text-body {
    font-size: 2.3em;
  }

  .project-title-responsibilities {
    margin-top: 2em;
    margin-left: 2em;
    margin-right: 2em;
  }

  .track {
    display: none;
  }

  .frame {
    align-items: center;
  }

  .item.top {
    width: 75vw;
  }

  .grid {
    grid-row-gap: 6.75em;
    flex-direction: column;
    display: flex;
  }

  .work-list-heading {
    font-size: 4.8em;
  }

  .work-list-right-text {
    order: 0;
  }

  .home-heading-div {
    font-size: 1.5em;
  }

  .half-width-image {
    order: -1;
    margin-bottom: 0;
  }

  .two-up-div {
    order: -1;
    margin-bottom: 2em;
  }

  .two-up-div.synergy {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .two-up-div.supie {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .back-to-top-text {
    font-size: 3em;
  }

  .about-info-container {
    flex-wrap: wrap;
  }

  .about-info-text-div {
    flex: none;
    order: 1;
    width: 100%;
  }

  .about-info-photo, .about-info-photo-div {
    width: 100%;
  }

  .brands-worked-with {
    order: -1;
    margin-bottom: 40px;
  }

  .brands-worked-with.about-info.work-with {
    margin-top: .25em;
    font-size: 3.7em;
  }

  .brands-worked-with.header {
    margin-top: 2.5em;
    font-size: 4em;
  }

  .ghq-logo-lockup {
    order: -1;
  }

  .ghq-logo-div {
    flex: 0 auto;
    order: -1;
  }

  ._2-up-image-block.hide, ._2-up-image-block.hiide {
    display: none;
  }

  .grid-row-3 {
    grid-column-gap: 2em;
    flex-wrap: wrap;
  }

  ._3-grid-item {
    width: 48%;
    margin-bottom: 2em;
  }

  .grid-row-2 {
    justify-content: space-around;
    display: flex;
  }

  ._2-grid-mobile-item {
    width: 48%;
    margin-bottom: 2em;
  }

  .contact-full-menu {
    border-top: 1px solid #000;
    flex-direction: column;
    justify-content: center;
    margin-top: 10em;
    display: flex;
  }

  .contact-full-menu.on-black {
    border-top-style: none;
  }

  .in-menu-contact-link {
    color: var(--black);
    margin-top: 1em;
    font-family: neue-haas-unica, sans-serif;
    font-size: 3.1em;
    text-decoration: none;
  }

  .in-menu-contact-link.on-black {
    color: #fff;
  }

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

  .labs-grid {
    column-count: 1;
  }

  .underline-animation {
    display: none;
  }

  .menu-button_lottie {
    width: 1.5rem;
    height: 1.5rem;
  }

  .project-heading-about.margin-vertical.margin-custom1 {
    margin-top: 12.4rem;
    margin-bottom: 12.4rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

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

  .project-info-container {
    justify-content: space-between;
  }

  .roles_text {
    font-size: 2vw;
  }

  .home-grid {
    grid-row-gap: 6.75em;
    flex-direction: column;
    display: flex;
  }

  .project-tags {
    font-size: 2.5vw;
  }

  .see-more-button {
    font-size: 4vw;
  }

  .project-video-container {
    flex: 0 auto;
    order: -1;
  }

  .project_small-image-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .small-image_container {
    width: 85%;
  }

  .full-width-3col {
    order: -1;
    margin-bottom: 100px;
  }

  .full-width-3col.synergy {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .full-width-3col.lab {
    margin-top: 1em;
  }

  .full-width-3col._3-row {
    display: none;
  }

  .full-width-3col.mobile-2-grid {
    display: block;
  }

  .full-width-3col.bottom-div {
    margin-bottom: 10em;
  }

  .full-width-3col.supie {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}

@media screen and (max-width: 479px) {
  .header-section {
    background-image: none;
    height: 100vh;
  }

  .brand {
    max-width: 67%;
  }

  .nav_container {
    grid-column-gap: 0em;
    justify-content: space-between;
    align-items: center;
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: absolute;
  }

  .navbar.home {
    margin-top: 2em;
    position: relative;
  }

  .heading-container.about {
    height: 100vh;
  }

  .main-heading-div {
    flex: 0 auto;
    max-width: 200em;
    height: auto;
    max-height: 100vh;
    padding-left: 0;
    font-size: .9em;
    overflow: visible;
    transform: rotate(-90deg);
  }

  .heading {
    text-shadow: none;
    font-size: 60px;
    line-height: 64px;
  }

  .heading.home-1 {
    width: 131vw;
    max-width: 100%;
    margin-left: 1em;
    font-size: 12.4em;
    line-height: 1.1em;
    top: 0;
  }

  .heading.homepage {
    direction: ltr;
    white-space: normal;
    width: 100%;
    max-width: 18em;
    margin-left: 0;
    font-size: 6.7em;
    line-height: 1.4;
  }

  .heading.about-me {
    width: 54vh;
    max-width: 18.9em;
    font-size: 10em;
    line-height: 1.4;
  }

  .heading-2 {
    text-shadow: none;
    font-size: 38px;
    line-height: 43px;
  }

  .heading-2.footer-text {
    font-size: 32px;
  }

  .design-list-columns_img-left {
    flex-wrap: wrap;
  }

  .image-3 {
    object-fit: cover;
    max-width: 100vw;
    height: auto;
    display: inline-block;
    overflow: hidden;
  }

  .heading-4 {
    width: auto;
    margin-top: 10px;
    margin-left: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .heading-4.heading-left {
    width: auto;
    margin-top: 10px;
    font-size: 28px;
    line-height: 32px;
  }

  .column-text-left {
    order: 1;
    padding-right: 10px;
  }

  .design-list-columns_img-right {
    flex-wrap: wrap;
  }

  .nav-link {
    margin-right: auto;
    font-size: 10em;
    line-height: 1;
  }

  .nav-link.white-bg, .nav-link.current {
    margin-top: 1em;
  }

  .menu-button {
    z-index: 2;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .menu-button.w--open {
    margin-top: 0;
    margin-right: 0;
    position: relative;
  }

  .nav-menu {
    background-color: #000;
    padding-right: 0;
    display: block;
    position: fixed;
  }

  .nav-menu.on-white {
    margin-top: 0;
    padding-right: 0;
  }

  .icon {
    z-index: 2;
    color: #fff;
    font-size: 27px;
    position: relative;
  }

  .project-hero-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    min-height: 75vh;
    margin-bottom: 100px;
  }

  .heading-5.project-heading {
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 30px;
    line-height: 36px;
  }

  .div-block-4 {
    padding-left: 10px;
    padding-right: 20px;
  }

  .project-main-logo {
    order: -1;
    max-width: 100%;
    margin-top: 0;
  }

  .project-main-logo.abbey {
    margin-top: 0;
  }

  .project-container {
    flex-wrap: wrap;
    margin-top: 10px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .project-paragraph {
    order: -1;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4.8em;
    line-height: 1.4;
  }

  .project-paragraph.about-info.black-bg {
    font-size: 4.5em;
  }

  .full-width-image-div.synergy {
    margin-top: 2em;
    margin-bottom: 4em;
  }

  .full-width-image-div.supie, .full-width-image-div.whg {
    margin-bottom: 4em;
  }

  .project-image-div {
    width: 100vw;
    height: auto;
    margin-top: 10px;
  }

  .image-11 {
    max-width: 100vw;
  }

  .footer-section {
    margin-top: 20px;
  }

  .photo-grid {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: .5fr;
    grid-auto-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-30 {
    object-fit: cover;
    width: auto;
    height: auto;
  }

  .image-31 {
    width: auto;
    height: auto;
  }

  .heading-1 {
    font-size: 13.7em;
  }

  .heading-1.white-bg {
    font-size: 7.6em;
  }

  .website-footer-container {
    display: none;
  }

  .footer-text.right {
    font-size: 1em;
  }

  .left-footer-div {
    display: none;
  }

  .right-footer-div {
    justify-content: space-between;
    width: 100%;
    font-size: 3vw;
    display: flex;
  }

  .footer-link-block {
    margin-left: 0;
  }

  .zer0100-top-logo {
    margin-top: .125em;
    font-size: 4.9em;
  }

  .photogrid-travel {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: .5fr;
    grid-auto-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .project-duty-text-body {
    font-size: 3em;
  }

  .project-heading-section-v2 {
    margin-top: 15em;
  }

  .project-header-image-div {
    height: 70vh;
  }

  .project-title-responsibilities {
    margin-left: 4em;
    margin-right: 4em;
  }

  .project-image-header {
    object-fit: cover;
    height: 70vh;
  }

  .frame {
    align-items: center;
  }

  .grid {
    grid-row-gap: 5em;
    margin-bottom: 10em;
  }

  .work-list-heading {
    font-size: 6.2em;
  }

  .home-heading-div {
    max-width: 100%;
    height: auto;
    max-height: 100vh;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.2em;
    overflow: visible;
  }

  .two-up-div {
    margin-top: 2em;
    margin-bottom: 4em;
  }

  .two-up-div.synergy {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .two-up-div.supie {
    margin-bottom: 4em;
  }

  .back-to-top-text {
    font-size: 4.3em;
  }

  .about-info-photo-div {
    margin-top: 0;
  }

  .brands-worked-with {
    order: -1;
    margin-top: 100px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  .brands-worked-with.about-info.work-with, .brands-worked-with.header {
    font-size: 4.5em;
  }

  .footer-2022-on-white {
    display: none;
  }

  .ghq-logo-div {
    align-items: stretch;
  }

  .ghq-logo-div.abbey {
    font-family: neue-haas-unica, sans-serif;
  }

  .contact-full-menu.on-black {
    border-top: 1px solid #fff;
    border-bottom: 1px #000;
    border-left: 1px #000;
    border-right: 0 #000;
  }

  .in-menu-contact-link {
    font-size: 4.9em;
  }

  .in-menu-contact-link.on-black {
    color: #fff;
    font-weight: 300;
  }

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

  .underline-animation {
    display: none;
  }

  .project-heading-about.margin-vertical.margin-custom1 {
    margin-top: 9.9rem;
    margin-bottom: 9.9rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

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

  .project-info-container {
    grid-column-gap: 0rem;
    grid-row-gap: 2.75rem;
    flex-direction: column;
  }

  .project-info-container.margin-top.margin-xlarge {
    grid-row-gap: 2.75rem;
  }

  .project-info-text_container {
    width: 100%;
  }

  .roles_text {
    width: auto;
    font-size: 4vw;
  }

  .home-grid {
    grid-row-gap: 5em;
    margin-bottom: 10em;
  }

  .project-video-container {
    align-items: stretch;
  }

  .project-video-container.abbey {
    font-family: neue-haas-unica, sans-serif;
  }

  .full-width-3col.synergy {
    margin-top: 2em;
    margin-bottom: 4em;
  }

  .full-width-3col.supie {
    margin-bottom: 4em;
  }
}

#w-node-e3303ccb-8853-961f-fc90-c5b44e286d86-69bec983, #w-node-_905a015d-eae5-4cb5-d19c-82f4b0474be0-69bec983, #w-node-_905a015d-eae5-4cb5-d19c-82f4b0474be1-69bec983, #w-node-_674fd1fb-1bc7-9f09-0e41-041806e61a98-69bec983, #w-node-_674fd1fb-1bc7-9f09-0e41-041806e61a99-69bec983, #w-node-_7a9f933e-0800-abc6-c79f-eb4e88b2fc0e-69bec983, #w-node-_7a9f933e-0800-abc6-c79f-eb4e88b2fc0f-69bec983, #w-node-f067385e-6f24-235c-47ea-ad5699196124-69bec983, #w-node-f067385e-6f24-235c-47ea-ad5699196125-69bec983, #w-node-e3303ccb-8853-961f-fc90-c5b44e286d8d-69bec983, #w-node-e3303ccb-8853-961f-fc90-c5b44e286d8e-69bec983, #w-node-e3303ccb-8853-961f-fc90-c5b44e286d95-69bec983, #w-node-_1ace1816-8688-037e-3d92-d76c59bc3faf-69bec983, #w-node-_1ace1816-8688-037e-3d92-d76c59bc3fb0-69bec983, #w-node-cfdcd7d8-f625-7856-cedf-325b974e6e5d-69bec983, #w-node-cfdcd7d8-f625-7856-cedf-325b974e6e5e-69bec983, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec16-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec17-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec18-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec19-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec1b-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec1e-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec1f-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec20-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec22-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec25-066115b7, #w-node-_1d6ff307-51d6-bfa7-3c9f-462a6b37657a-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec26-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec27-066115b7, #w-node-_36584fd0-6cbd-2321-47ab-54364bd2ec28-066115b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2462c7dc-0f5e-d994-59e8-5802fb31cf1b-0f7ec794 {
  grid-area: 1 / 1 / 3 / 5;
  align-self: center;
}

#w-node-d6d498af-0311-f8a2-6037-f0180f853c1e-0f7ec794 {
  grid-area: 1 / 4 / 3 / 8;
  align-self: center;
}

#w-node-_2462c7dc-0f5e-d994-59e8-5802fb31cf1b-d375a242 {
  grid-area: 1 / 1 / 3 / 5;
  align-self: center;
}

#w-node-d6d498af-0311-f8a2-6037-f0180f853c1e-d375a242 {
  grid-area: 1 / 4 / 3 / 8;
  align-self: center;
}

#w-node-a5ac70d0-0311-29f1-4543-7a595d96d9ff-d375a242 {
  grid-area: 4 / 4 / 13 / 9;
}

#w-node-f0f06f36-b7f4-c4ef-3ac8-3128c96e3f48-d375a242 {
  grid-area: 1 / 1 / 8 / 4;
}

#w-node-_6263fe98-5bbd-abb2-7c19-27fed01728db-d375a242 {
  grid-area: 12 / 1 / 21 / 4;
}

#w-node-e98fd22a-74f5-fd5d-c4b8-c7fb786ee68c-d375a242 {
  grid-area: 19 / 4 / 26 / 9;
}

#w-node-b9d723ed-e41d-d986-7411-9fa61d7e6f13-d375a242 {
  grid-area: 29 / 4 / 34 / 9;
}

#w-node-d2a0c6d1-4725-1332-0d36-9cce40008ad6-d375a242 {
  grid-area: 25 / 1 / 30 / 4;
}

#w-node-a3b0e4ae-28eb-5db5-9939-e59eb826ff4c-d375a242 {
  grid-area: 33 / 1 / 39 / 4;
}

#w-node-_20de4d05-d257-90fb-d709-442fb7d497fd-c3b346d5 {
  grid-area: 6 / 2 / 11 / 6;
}

#w-node-_4dcd11ac-854b-94c0-05d2-ea5f253f1f92-c3b346d5 {
  grid-area: 3 / 1 / 6 / 3;
}

#w-node-bed4f0e6-a43e-b1ce-9bdb-827635f870ee-c3b346d5 {
  grid-area: 1 / 4 / 5 / 7;
}

#w-node-_043845f7-c92f-25fa-28bb-e2a57de45ebe-c3b346d5 {
  grid-area: 11 / 1 / 14 / 7;
}

#w-node-_6b367e9c-a355-a422-db9b-fe7ede6f352c-c3b346d5 {
  grid-area: 14 / 1 / 17 / 5;
}

#w-node-_0955b5b3-6d8c-afb7-2bea-f91cfa343e0b-c3b346d5 {
  grid-area: 17 / 3 / 20 / 7;
}

#w-node-_4b325184-2b06-faf2-b5a0-eb537d5485ba-c3b346d5 {
  grid-area: 19 / 1 / 21 / 3;
}

#w-node-d3401681-7639-f52e-5567-99475837ca0a-95cae4ea {
  grid-area: 1 / 3 / 4 / 6;
}

#w-node-af1d622e-9c9d-a590-bb2b-5f7c0abb1b3d-95cae4ea {
  grid-area: 4 / 1 / 7 / 5;
}

#w-node-_259b68f4-2af7-5759-fa3c-604b7067e142-95cae4ea {
  grid-area: 7 / 1 / 10 / 6;
}

#w-node-b3f29893-0bd9-a3b5-daf6-fb83cbcdd18d-95cae4ea {
  grid-area: 10 / 2 / 13 / 6;
}

#w-node-_67d7ef72-62e6-6e2f-b00c-da3b1ead57a7-95cae4ea {
  grid-area: 13 / 1 / 16 / 5;
}

#w-node-_4f3a0275-f347-cd7f-8d0d-ac4626d267b1-95cae4ea {
  grid-area: 16 / 1 / 20 / 6;
}

#w-node-_2462c7dc-0f5e-d994-59e8-5802fb31cf1b-9318fe7b {
  grid-area: 1 / 1 / 3 / 5;
  align-self: auto;
}

#w-node-d6d498af-0311-f8a2-6037-f0180f853c1e-9318fe7b {
  grid-area: 1 / 5 / 3 / 8;
  align-self: center;
}

#w-node-_08ca0f67-6191-7862-cea6-43c238011278-2a1ef67b {
  grid-area: 1 / 1 / 3 / 5;
  align-self: auto;
}

#w-node-_08ca0f67-6191-7862-cea6-43c238011279-2a1ef67b {
  grid-area: 1 / 5 / 3 / 8;
  align-self: center;
}

#w-node-_3a0df45d-e011-20cd-0605-cd74d3be2c7d-a51544f2, #w-node-ca4119ee-bd53-df07-66f3-3bce5c07b6e8-a51544f2, #w-node-_00e95231-e984-bf8b-5db6-d3f34594c1cb-a51544f2, #w-node-_00e95231-e984-bf8b-5db6-d3f34594c1cc-a51544f2, #w-node-_00e95231-e984-bf8b-5db6-d3f34594c1ce-a51544f2, #w-node-_2e1f01ab-d402-cee7-7c35-b653b2e968c4-a51544f2, #w-node-_2e1f01ab-d402-cee7-7c35-b653b2e968c5-a51544f2, #w-node-bc8cb6df-d462-b99b-b6f7-73c6f092ff4c-a51544f2, #w-node-bc8cb6df-d462-b99b-b6f7-73c6f092ff4d-a51544f2, #w-node-bc8cb6df-d462-b99b-b6f7-73c6f092ff4e-a51544f2, #w-node-_98769cfc-bd11-d230-83d7-38b1bf9f159c-a51544f2, #w-node-_7aa18c35-ee50-41e4-c480-ec1b31ac8f87-a51544f2, #w-node-_7aa18c35-ee50-41e4-c480-ec1b31ac8f89-a51544f2, #w-node-_28b7997d-3ce7-793b-7b0b-0cecb3227d08-a51544f2, #w-node-_7c80917e-4dfe-4888-25d8-76143a533a74-a51544f2, #w-node-f7ea25f6-0470-1a78-8d12-ce033f7ecdc0-a51544f2, #w-node-f7ea25f6-0470-1a78-8d12-ce033f7ecdc1-a51544f2, #w-node-f7ea25f6-0470-1a78-8d12-ce033f7ecdc2-a51544f2, #w-node-_5e36401f-1d0b-2f97-0eda-0b1109f2b48a-a51544f2, #w-node-a3e15da7-7b70-4387-0264-f892352e416b-a51544f2, #w-node-a3e15da7-7b70-4387-0264-f892352e416c-a51544f2, #w-node-_9c4b6111-7c21-95f2-5029-09c009850331-a51544f2, #w-node-cb178519-bda9-f552-c625-e1241550966a-a51544f2, #w-node-cd94fdc1-76e7-4e64-0760-f61de8405412-a51544f2, #w-node-cd94fdc1-76e7-4e64-0760-f61de8405413-a51544f2, #w-node-cd94fdc1-76e7-4e64-0760-f61de8405415-a51544f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aa9036b4-41b8-e1d3-a3a4-60606fc7210d-2f9937f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto center;
}

#w-node-_02c0814d-f908-85d7-4536-497bc2771703-2f9937f2 {
  grid-area: 2 / 1 / 3 / 3;
  align-self: start;
}

#w-node-_87a0ae0c-31b3-7d33-9bff-7dc4e37be217-2f9937f2 {
  grid-area: 2 / 3 / 3 / 4;
  align-self: start;
}

#w-node-_74f1d5ab-6b46-fa14-fa18-72eb7c2d12ee-393bf3fa {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_39b2e7ed-603a-72e3-2e59-a5737f03b987-393bf3fa, #w-node-c25572ed-1788-1f81-dd67-1e4cdfad616d-393bf3fa, #w-node-_3232c7ec-02ed-299b-cfb8-6ff8e7f4fcfe-393bf3fa, #w-node-c034a7f8-5ba9-c0cd-21ef-c04ec91b64b7-393bf3fa, #w-node-_8b003e6e-f3de-08ac-e232-663420aa3cfa-393bf3fa {
  place-self: center;
}

@media screen and (min-width: 1440px) {
  #w-node-e3303ccb-8853-961f-fc90-c5b44e286d8d-69bec983, #w-node-_00e95231-e984-bf8b-5db6-d3f34594c1cb-a51544f2, #w-node-_2e1f01ab-d402-cee7-7c35-b653b2e968c4-a51544f2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4dcd11ac-854b-94c0-05d2-ea5f253f1f92-c3b346d5 {
    grid-area: 2 / 1 / 6 / 4;
  }

  #w-node-_87a0ae0c-31b3-7d33-9bff-7dc4e37be217-2f9937f2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d3401681-7639-f52e-5567-99475837ca0a-95cae4ea {
    grid-area: 1 / 1 / 4 / 6;
  }

  #w-node-af1d622e-9c9d-a590-bb2b-5f7c0abb1b3d-95cae4ea {
    grid-area: 4 / 1 / 7 / 6;
  }

  #w-node-b3f29893-0bd9-a3b5-daf6-fb83cbcdd18d-95cae4ea {
    grid-area: 10 / 1 / 13 / 6;
  }

  #w-node-_67d7ef72-62e6-6e2f-b00c-da3b1ead57a7-95cae4ea {
    grid-area: 13 / 1 / 16 / 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_2462c7dc-0f5e-d994-59e8-5802fb31cf1b-0f7ec794 {
    grid-area: 1 / 1 / 5 / 5;
    place-self: auto start;
  }

  #w-node-d6d498af-0311-f8a2-6037-f0180f853c1e-0f7ec794 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: end;
  }

  #w-node-_2462c7dc-0f5e-d994-59e8-5802fb31cf1b-d375a242 {
    grid-area: 1 / 1 / 5 / 5;
    place-self: auto start;
  }

  #w-node-d6d498af-0311-f8a2-6037-f0180f853c1e-d375a242 {
    grid-area: 5 / 1 / 6 / 5;
    align-self: center;
  }

  #w-node-a5ac70d0-0311-29f1-4543-7a595d96d9ff-d375a242 {
    grid-area: 5 / 1 / 11 / 5;
  }

  #w-node-_6263fe98-5bbd-abb2-7c19-27fed01728db-d375a242 {
    grid-area: 12 / 1 / 18 / 5;
  }

  #w-node-e98fd22a-74f5-fd5d-c4b8-c7fb786ee68c-d375a242 {
    grid-area: 18 / 1 / 24 / 5;
  }

  #w-node-b9d723ed-e41d-d986-7411-9fa61d7e6f13-d375a242 {
    grid-area: 37 / 1 / 42 / 5;
  }

  #w-node-d2a0c6d1-4725-1332-0d36-9cce40008ad6-d375a242 {
    grid-area: 31 / 1 / 37 / 5;
  }

  #w-node-a3b0e4ae-28eb-5db5-9939-e59eb826ff4c-d375a242 {
    grid-area: 25 / 1 / 32 / 5;
  }

  #w-node-_20de4d05-d257-90fb-d709-442fb7d497fd-c3b346d5 {
    grid-area: 8 / 1 / 10 / 4;
  }

  #w-node-_4dcd11ac-854b-94c0-05d2-ea5f253f1f92-c3b346d5 {
    grid-area: span 3 / span 3 / span 3 / span 3;
  }

  #w-node-bed4f0e6-a43e-b1ce-9bdb-827635f870ee-c3b346d5 {
    grid-area: 1 / 1 / 5 / 4;
  }

  #w-node-_043845f7-c92f-25fa-28bb-e2a57de45ebe-c3b346d5 {
    grid-area: 10 / 1 / 12 / 4;
  }

  #w-node-_6b367e9c-a355-a422-db9b-fe7ede6f352c-c3b346d5 {
    grid-area: 12 / 1 / 14 / 4;
  }

  #w-node-_0955b5b3-6d8c-afb7-2bea-f91cfa343e0b-c3b346d5 {
    grid-area: 14 / 1 / 16 / 4;
  }

  #w-node-_4b325184-2b06-faf2-b5a0-eb537d5485ba-c3b346d5 {
    grid-area: 16 / 1 / 19 / 4;
  }

  #w-node-d3401681-7639-f52e-5567-99475837ca0a-95cae4ea {
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-af1d622e-9c9d-a590-bb2b-5f7c0abb1b3d-95cae4ea {
    grid-area: 4 / 1 / 6 / 4;
  }

  #w-node-_259b68f4-2af7-5759-fa3c-604b7067e142-95cae4ea {
    grid-area: 6 / 1 / 8 / 4;
  }

  #w-node-b3f29893-0bd9-a3b5-daf6-fb83cbcdd18d-95cae4ea {
    grid-area: 8 / 1 / 10 / 4;
  }

  #w-node-_67d7ef72-62e6-6e2f-b00c-da3b1ead57a7-95cae4ea {
    grid-area: 10 / 1 / 12 / 4;
  }

  #w-node-_4f3a0275-f347-cd7f-8d0d-ac4626d267b1-95cae4ea {
    grid-area: 12 / 1 / 14 / 4;
  }

  #w-node-_2462c7dc-0f5e-d994-59e8-5802fb31cf1b-9318fe7b {
    grid-area: 1 / 1 / 5 / 5;
    place-self: auto start;
  }

  #w-node-d6d498af-0311-f8a2-6037-f0180f853c1e-9318fe7b {
    grid-area: 5 / 1 / 6 / 5;
    align-self: center;
  }

  #w-node-_08ca0f67-6191-7862-cea6-43c238011278-2a1ef67b {
    grid-area: 1 / 1 / 5 / 5;
    place-self: auto start;
  }

  #w-node-_08ca0f67-6191-7862-cea6-43c238011279-2a1ef67b {
    grid-area: 5 / 1 / 6 / 5;
    align-self: center;
  }
}


@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jetbrainsmono';
  src: url('../fonts/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}