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

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Black-App.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-BlackItalic-App.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-BoldItalic-App.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Extralight-App.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Semibold-App.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-ExtralightItalic-App.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-LightItalic-App.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-MediumItalic-App.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Regular-App.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-RegularItalic-App.ttf') format("truetype"), url('../fonts/Graphik-SuperItalic-App.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-SemiboldItalic-App.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Medium-App.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-Thin-App.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url('../fonts/Graphik-ThinItalic-App.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vegan Sans;
  src: url('../fonts/VeganSansBasic-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-1.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-2.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-4.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-5.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-6.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-3.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-7.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-8.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Metal;
  src: url('../fonts/Metal-Reg-9.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: BD Relaunch;
  src: url('../fonts/BD_Relaunch.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blacktext: #111;
  --white-smoke: #eff1f3;
}

.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-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

a {
  color: var(--blacktext);
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none;
}

.body_1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-smoke);
  color: var(--blacktext);
  flex-direction: column;
  grid-template-rows: 75vh 75vh auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 1920px;
  margin: auto;
  padding: 3rem;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  line-height: 16px;
  transition: flex-grow .2s;
  display: flex;
}

.header {
  background-color: var(--blacktext);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
}

.header.colours_100 {
  -webkit-text-fill-color: inherit;
  background-color: #d2d6d8;
  background-clip: border-box;
  border-radius: 1.25rem;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: auto;
  max-height: none;
  margin-bottom: auto;
  padding: 50px;
  display: flex;
}

.logo {
  color: var(--blacktext);
  mix-blend-mode: normal;
  object-fit: fill;
  flex: 0 auto;
  align-items: flex-start;
  width: 72px;
  margin-top: auto;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.logo_contain {
  align-items: flex-end;
  width: 200px;
  margin: 0 auto auto 0;
  display: flex;
  position: relative;
}

.section {
  width: 100%;
  max-width: 1920px;
  height: 85vh;
  min-height: 700px;
  max-height: 1000px;
  margin-bottom: 0;
  position: relative;
}

.sites_contain {
  object-fit: scale-down;
  flex-flow: row;
  flex: 0 auto;
  place-content: flex-start flex-end;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: auto 50px 50px auto;
  overflow: visible;
}

.site_cols {
  clear: left;
  object-fit: scale-down;
  flex-direction: row;
  flex: 0 13vh;
  order: 1;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-start;
  height: auto;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  position: relative;
}

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

.svg_cols_home {
  color: #000;
  cursor: pointer;
  transition: color .2s ease-in-out;
  position: relative;
}

.svg_cols_home:hover {
  color: #ffb300;
}

.div-block {
  mix-blend-mode: soft-light;
  background-color: #d2d6d8;
  border-radius: 20px;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: 100%;
  max-height: none;
  margin-right: 0;
  display: flex;
  overflow: hidden;
  box-shadow: inset 4px 5px 17px -7px #00000087;
}

.div-block.colours {
  mix-blend-mode: normal;
  background-color: #d2d6d8;
  width: 100%;
  height: 2px;
}

.image {
  flex: 0 auto;
  width: auto;
  max-width: none;
  height: 100%;
}

.container {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: start;
  place-items: center start;
  max-width: 100%;
  padding-left: 0;
  display: flex;
}

.home_work-th-1 {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-SM.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.homepage-work-thumbs {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: transform .3s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.homepage-work-thumbs:hover {
  transform: scale(1.02);
}

.thumb-contain-1 {
  background-color: #172e7c;
  background-image: linear-gradient(to top, #ff017c, #752044);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.additional-work-hp {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  display: grid;
}

.div-block-6 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-right: 2em;
  display: flex;
}

.bd-type {
  outline-offset: 0px;
  color: #0000008f;
  letter-spacing: 14px;
  text-transform: uppercase;
  mix-blend-mode: normal;
  outline: 3px #eff1f3;
  max-width: 890px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 2em;
  position: relative;
}

.bd-type.outline-heading {
  color: #fff;
  mix-blend-mode: difference;
  outline-width: 0;
}

.div-block-7 {
  margin-top: auto;
  margin-bottom: 0;
}

.homepage-work-thumbs-text-descript {
  flex-direction: column;
  flex: 1;
  width: 100%;
  margin-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.heading-hp-txt-descript {
  letter-spacing: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
}

.paragraph-hp-text-descript {
  letter-spacing: normal;
  text-transform: none;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.case-studies-hp-contain {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  flex-direction: column;
  max-width: 100%;
  display: flex;
}

.section-2 {
  flex-direction: column;
  width: 100%;
  max-width: 1920px;
  margin-bottom: 0;
  display: block;
}

.top-stack {
  background-color: #fff;
  background-image: radial-gradient(circle closest-corner at 50% 36%, #a5dfff, #fff 60%);
  border-radius: 0 0 20px 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  max-width: 100%;
  height: 75vh;
  min-height: 75vh;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.bottom-stack {
  background-color: #f0f0f3;
  background-image: radial-gradient(circle, #f0f0f3 22%, #c4c4c7);
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  max-width: 100%;
  height: 75vh;
  min-height: 75vh;
  max-height: none;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.middle-stack-2 {
  background-color: #cacaca;
  background-image: radial-gradient(circle, #fefcf2 33%, #cfccbe);
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 75vh;
  min-height: 75vh;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text-block {
  color: #817e78;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
}

.text-block.work-open {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  font-family: Graphik, sans-serif;
  font-size: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block.work-open:hover {
  color: #fff;
}

.text-block.work-close {
  opacity: 0;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-block.work-close:hover {
  color: #fff;
}

.nav-menu {
  z-index: 1000;
  color: #b6b6b6;
  background-color: #0000;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 40vw;
  height: 100vh;
  margin: auto 60px 0 auto;
  padding-bottom: 60px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.html-embed {
  color: #817e78;
}

.html-embed.casa-menu-logo-color {
  width: 55px;
  height: 30px;
}

.html-embed.casa-menu-logo-color:hover {
  color: #fff;
}

.heading {
  color: #fdfbf5;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 40px;
  padding-bottom: 10px;
  font-size: 32px;
  line-height: 32px;
  display: flex;
  position: relative;
}

.menu-button {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-left: auto;
  margin-right: 0;
  padding: 13px 85px 0;
  font-size: 18px;
  display: flex;
  right: auto;
}

.menu-button.w--open {
  background-color: #000;
  right: auto;
}

.container-2 {
  z-index: 999;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  height: 50px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.brand {
  color: #0000;
  flex: 0 auto;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 60px;
  display: flex;
}

.brand.casa-menu-logo-color {
  color: #807e78;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  left: 40%;
  right: 40%;
}

.brand.casa-menu-logo-color:hover {
  color: #fff;
}

.text-span {
  color: #000;
  background-color: #ffb300;
  border-radius: 20px;
  margin-left: 5px;
  padding: 1px 7px 8px;
}

.about {
  color: #817e78;
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-left: 0;
  margin-right: auto;
  padding-top: 13px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Graphik, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
}

.about:hover {
  color: #fff;
}

.navbar {
  z-index: 1000;
  color: #000;
  background-color: #000;
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  height: 50px;
  font-family: Metal, sans-serif;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.work-menu-bg {
  z-index: 1;
  opacity: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-image: linear-gradient(329deg, #0c0c0c 40%, #0d0d0d80);
  border-radius: 0;
  flex: none;
  margin-bottom: 50px;
  display: none;
  position: fixed;
  inset: 0%;
}

.white-text-nav-link {
  color: #fdfbf5;
  align-self: stretch;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  font-size: 20px;
  font-weight: 300;
  display: flex;
}

.white-text-nav-link:hover {
  color: #ffb300;
}

.div-block-116 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: auto;
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
  bottom: 0;
  right: 0;
}

.casestudyfeatureimage {
  width: auto;
  height: auto;
  margin: 100px 50px 30px;
  display: flex;
}

.casestudycopy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50rem;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.casestudycopy.dark-text {
  color: var(--white-smoke);
}

.homepage-cs-title {
  text-transform: none;
  flex: 1;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Graphik, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
  display: flex;
}

.text-block-2 {
  font-size: 1rem;
  line-height: 1.75rem;
}

.homepage-cs-cate {
  color: #11111180;
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
  line-height: .8rem;
}

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

.cont {
  z-index: 2;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 1297px;
  margin: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.cont.no-lr-padding {
  max-width: 1920px;
}

.footer {
  z-index: auto;
  text-align: center;
  background-color: #d9dcde;
  border-radius: 1.5rem;
  align-items: flex-end;
  width: 100%;
  max-width: 1920px;
  margin-top: 4rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
}

.footer.colours {
  background-color: #d2d6d8;
  max-width: 1300px;
}

.footer-button {
  background-color: #11111180;
  background-image: linear-gradient(to top, #00000029, #eff1f352);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 55px;
  margin-left: 10px;
  margin-right: 10px;
  transition: all .2s cubic-bezier(.86, 0, .07, 1);
  display: flex;
  position: relative;
}

.footer-button:hover {
  background-color: var(--blacktext);
  background-image: linear-gradient(#00000026, #00000026);
  bottom: 2px;
  box-shadow: 0 5px 8px #0000006e;
}

.footer-button:active {
  box-shadow: none;
  background-color: #11111180;
  background-image: linear-gradient(#0003, #eff1f340 75%);
  bottom: -3px;
}

.footer-button.ultramarine {
  color: #fdfbf5;
  background-color: #4e67f5;
}

.footer-button.mango {
  color: #1a1919;
  background-color: #11111180;
}

.footer-button.mango:hover {
  background-image: linear-gradient(#77000026, #77000026);
}

.footer-button.tomao {
  color: #1a1919;
  background-color: #f65036;
}

.footer-flex-container {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-3 {
  color: var(--white-smoke);
  padding-left: 10px;
  font-size: 18px;
}

.html-embed-2 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.text-block-4 {
  color: #1a1919;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  font-weight: 300;
}

.italic-text {
  flex: 0 auto;
  align-self: baseline;
  margin-right: .75rem;
}

.image-2 {
  width: 300px;
  max-width: none;
  height: 100px;
}

.home_work-th-2 {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-brain_health.jpg');
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: 664px;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-th-2.wandh {
  background-size: cover;
}

.thumb-contain-2 {
  background-color: #172e7c;
  background-image: linear-gradient(45deg, #013594, #006fff);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.middle-stack-1 {
  background-color: #272630;
  background-image: url('../images/hp_cs_won_bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px 20px 0 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 75vh;
  min-height: 75vh;
  max-height: none;
  display: flex;
}

.image-3 {
  width: 100%;
  min-width: auto;
  max-width: none;
}

.homepage-cs-cate-dark {
  color: #eff1f380;
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
  line-height: .8rem;
}

.image-4 {
  width: 100%;
}

.div-block-119 {
  z-index: auto;
  background-image: url('../images/002-Watercolor-Paper.png');
  background-position: 0 0;
  background-size: auto;
  width: 80%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.dsfsdfsd {
  width: 100%;
  max-width: none;
  position: static;
  top: -100%;
}

.image-5 {
  width: 100%;
  max-width: none;
}

.heading-2 {
  color: #11111180;
  text-align: center;
  letter-spacing: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #00000080;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 23px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.heading-2.dark_bg {
  border-bottom-color: var(--white-smoke);
  color: #eff1f3;
}

.section-3 {
  width: 100%;
  max-width: 1920px;
}

.secition_header {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 50px;
  display: flex;
}

.secition_header.dark_bg {
  margin-top: 0;
}

.center-contain-hp {
  flex-flow: column wrap;
  place-content: center flex-start;
  align-items: center;
  height: 100%;
  min-height: 100%;
  margin: auto;
  display: flex;
}

.image-6 {
  width: 100%;
  max-width: none;
}

.case_study_contain {
  flex-direction: column;
  flex: none;
  justify-content: center;
  height: auto;
  margin: 100px 50px;
  display: block;
}

.div-block-120 {
  color: var(--blacktext);
  flex: 1;
  width: 100%;
  margin-top: 50px;
  margin-left: 16px;
  margin-right: 16px;
  font-weight: 600;
  display: flex;
}

.html-embed-3 {
  width: 1em;
  height: 1em;
}

.html-embed-3.colours {
  background-color: #d2d6d8;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-right: .5em;
  padding: .1em .1em .1em .05em;
  display: flex;
}

.thumb-contain-3 {
  background-color: #172e7c;
  background-image: linear-gradient(#12b4ff, #00344d);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-3 {
  background-color: #000;
  background-image: url('../images/Untitled-standard-scale-2_00x-gigapixel.jpg');
  background-position: 44% 45%;
  background-repeat: no-repeat;
  background-size: 914px;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-tchange {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-getWaisted.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-tchange.techchange {
  background-image: url('../images/homepage-techChange.webp');
  background-position: 50% 0;
}

.thumb-contain-4 {
  background-color: #172e7c;
  background-image: linear-gradient(286deg, #f2ff00, #af0);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-5 {
  background-color: #172e7c;
  background-image: linear-gradient(135deg, #c400c1, #ff5601);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-5 {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-UXkiosk.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.thumb-contain-6 {
  background-color: #172e7c;
  background-image: linear-gradient(270deg, #f26605, #ecbd44);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-6 {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-Personal.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-th-6.wandh {
  background-position: 50% 0;
  background-size: cover;
}

.text-block-5 {
  flex: 0 auto;
  align-items: flex-start;
  max-width: none;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  display: block;
}

.div-block-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  margin: auto;
  display: flex;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
}

.home-li-link {
  direction: ltr;
  text-align: left;
  text-transform: uppercase;
  background-image: url('../images/link-arrow_white.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 0;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
  list-style-type: none;
  position: relative;
  inset: 0;
}

.home-li-link:hover {
  color: #ffb300;
}

.div-block-2 {
  background-color: #333331;
  flex-direction: column;
  width: 100%;
  height: 75vh;
  max-height: 620px;
  display: flex;
}

.div-block-3 {
  background-color: #fdfbf5;
  background-image: url('../images/brain-splat.svg'), none;
  background-position: 100%, 0 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  width: 100%;
  height: 75vh;
  max-height: 620px;
  display: flex;
}

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

.bold-text {
  flex: none;
  align-self: auto;
  display: inline;
  position: relative;
}

.prefoot-home {
  margin-top: 140px;
}

.link-block {
  color: #fdfbf5;
  font-size: 16px;
  text-decoration: none;
  position: relative;
}

.link-block.inline-copy-link {
  flex: 0 auto;
  align-self: baseline;
  display: flex;
}

.link-block.inline-copy-link.view-case-space {
  top: 32px;
}

.section-4 {
  width: 100%;
  max-width: 1920px;
  margin-top: 100px;
}

.middle {
  width: 100%;
  display: block;
}

.prefooter {
  background-color: var(--blacktext);
  border-radius: 1.25rem;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.div-block-121 {
  background-image: url('../images/Artboard.svg');
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: contain;
  flex-direction: column;
  flex: 1;
  width: 30%;
  height: 100%;
  display: flex;
}

.div-block-121.colours {
  background-color: #706e6e;
  background-image: none;
  width: 33%;
}

.div-block-122 {
  background-image: url('../images/1_Untitled-1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-122.colours {
  background-image: url('../images/Artboard.svg');
  background-position: 0 0;
  background-size: contain;
  width: 100%;
}

.div-block-123 {
  filter: saturate(0%);
  mix-blend-mode: normal;
  background-image: url('../images/_DSC2602.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 300px;
  width: 320px;
  min-width: 280px;
  max-width: none;
  height: 320px;
  min-height: 280px;
  max-height: none;
  transition: filter .5s cubic-bezier(.77, 0, .175, 1);
}

.div-block-123:hover {
  filter: saturate();
}

.paragraph {
  max-width: 700px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 16px;
  line-height: 1.5em;
}

.div-block-124 {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 2em;
}

.div-block-12w {
  color: var(--blacktext);
  flex: 1;
  width: 100%;
  margin-top: 1em;
  margin-left: 16px;
  margin-right: 16px;
  font-weight: 600;
  display: flex;
}

.hu--manhi {
  color: var(--white-smoke);
  margin-left: 16px;
  font-size: 33px;
  font-weight: 400;
  line-height: 33px;
}

.paragraphasdad {
  color: var(--white-smoke);
  max-width: 700px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 16px;
  line-height: 1.5em;
}

.wfwddw {
  color: var(--white-smoke);
  font-weight: 400;
}

.link {
  font-weight: 400;
}

.link.wfsdfsd {
  color: var(--white-smoke);
}

.header_subpages {
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  height: auto;
  position: relative;
}

.header_subpages.colours_100 {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: auto;
  padding: 0;
  display: block;
}

.logo_contain_subpages {
  border-bottom: 1px solid #b8b8b8;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 10px 0;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-125 {
  width: 100%;
  height: 2px;
}

.div-block-125.colours_100 {
  background-color: #d2d6d8;
  flex: 1;
  display: flex;
}

.logo_home {
  color: var(--blacktext);
  mix-blend-mode: overlay;
  object-fit: fill;
  flex: 0 auto;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.logo_sub {
  opacity: 1;
  color: #000;
  mix-blend-mode: normal;
  object-fit: fill;
  flex: 0 auto;
  align-items: center;
  width: 50px;
  margin: 10px;
  display: flex;
  position: relative;
}

.section_allworks_1 {
  width: 100%;
  max-width: 1920px;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: 0;
  position: relative;
}

.sub_page_page_title {
  text-align: right;
  width: auto;
  margin-top: 0;
  margin-left: 20px;
  font-size: 72px;
  font-weight: 300;
  line-height: 72px;
  display: block;
  position: static;
}

.div-block-126 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-127 {
  background-color: var(--blacktext);
  border-radius: 20px;
  width: 30px;
  height: 60px;
  margin-left: 20px;
}

.div-block-127.colours {
  background-color: red;
  border-bottom: 1px #f60000;
  border-radius: 0;
  width: 37px;
  height: 54px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 10px;
}

.image-7 {
  opacity: .59;
  mix-blend-mode: screen;
  height: 100%;
}

.paragraph-2 {
  clear: both;
  width: 32em;
  height: 100%;
  margin-top: 17px;
  margin-left: 20px;
  font-size: .75rem;
  line-height: 1.3em;
  display: block;
  position: relative;
}

.div-block-128 {
  display: flex;
}

.thumb-contain-aou {
  background-color: #172e7c;
  background-image: linear-gradient(#f3c68a, #f89c6a);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  transition: flex-grow .2s;
  display: flex;
}

.home_work-th-aou {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-aou1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.thumb-contain-won {
  background-color: #172e7c;
  background-image: linear-gradient(to top, #d5be65, #6b553f);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-won {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-won1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.thumb-contain-c19n {
  background-color: #172e7c;
  background-image: linear-gradient(#0d50fb, #002275);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-c19n {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-covid1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-th-c19n.wandh {
  background-position: 50%;
  background-size: cover;
}

.thumb-contain-ctsi {
  background-color: #172e7c;
  background-image: linear-gradient(#ebc844, #f8e71b);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-ctsi {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-ctsi4.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-th-ctsi.wandh {
  background-position: 50% 0;
  background-size: cover;
}

.thumb-contain-bud {
  background-color: #172e7c;
  background-image: linear-gradient(#5879e4, #30007e);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-bud {
  background-color: #000;
  background-image: url('../images/PXL_20220116_033346477-DeNoiseAI-clear-very_compressed-width-1500px-gigapixel.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-th-bud.wandh {
  background-position: 50%;
}

.home_work-th-bb {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-BB.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.thumb-contain-bb {
  background-color: #172e7c;
  background-image: linear-gradient(#ffe13c, #ad3500);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-email {
  background-color: #000;
  background-image: url('../images/homepage-cs-email.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.thumb-contain-email {
  background-color: #172e7c;
  background-image: linear-gradient(to right, #f87b5f, #db548c);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-food {
  background-color: #000;
  background-image: url('../images/homepage-cs-food.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.thumb-contain-food {
  background-color: #172e7c;
  background-image: linear-gradient(#dfd899, #4c911e);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-1_sm {
  background-color: #172e7c;
  background-image: linear-gradient(to top, #ff017c, #752044);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-th-sm {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-SM.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.container-3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  display: flex;
}

.nav-menu-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-weight: 200;
  display: flex;
}

.navbar-2 {
  background-color: #0000;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  width: 100%;
  max-width: 1920px;
  display: flex;
  position: relative;
}

.brand-2 {
  opacity: .5;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.brand-2.w--current {
  opacity: 1;
  cursor: default;
  flex: 0 auto;
}

.nav-link-3 {
  text-align: right;
  flex: 0 auto;
  margin-left: auto;
  margin-right: 0;
}

.nav-link-3.w--current {
  color: var(--blacktext);
  cursor: default;
  font-weight: 700;
}

.nav-link-4 {
  flex: 0 auto;
  margin-left: 0;
  margin-right: auto;
}

.nav-link-4.w--current {
  color: var(--blacktext);
  cursor: default;
  font-weight: 600;
}

.page_header {
  clear: both;
  border-bottom: 1px solid #b8b8b8;
  width: 100%;
  max-width: 1920px;
  margin-top: 80px;
  padding-bottom: 90px;
  padding-left: 60px;
  padding-right: 60px;
}

.work_h2 {
  opacity: .5;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}

.work_h1 {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
}

.work_h3 {
  text-transform: none;
  margin-top: 20px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
}

.work_h3.sadasdas {
  padding-left: 32px;
}

.bold-text-2 {
  font-weight: 600;
}

.list-item {
  text-transform: capitalize;
  margin-bottom: .5em;
}

.summary {
  clear: both;
  border-bottom: 1px #b8b8b8;
  width: 100%;
  max-width: 926px;
  margin-top: 80px;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
}

.paragraph-3 {
  color: #4e67f5;
}

.project_text {
  clear: both;
  border-bottom: 1px #b8b8b8;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 926px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
  display: block;
}

.project_text.no_bottom {
  padding-bottom: 0;
}

.text-block-6 {
  white-space: normal;
  font-size: 16px;
  line-height: 24px;
}

.section-r3efwds {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  margin-top: 0;
  display: grid;
}

.elements_div {
  border-radius: 20px;
  overflow: hidden;
}

.image_caption {
  flex: 0 auto;
  font-size: 12px;
}

.additional-work-allpage {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  display: grid;
}

.div-block-129 {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-3 {
  font-weight: 500;
}

.project_text_wide {
  clear: both;
  border-bottom: 1px #b8b8b8;
  width: 100%;
  max-width: 1160px;
  margin-top: 90px;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
}

.won_day_night {
  clear: both;
  border-bottom: 1px #b8b8b8;
  width: 100%;
  max-width: 926px;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
}

.div-block-130 {
  background-image: url('../images/won_night.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 75vw;
  max-width: 926px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image-8 {
  opacity: 1;
  border-radius: 40px;
  overflow: visible;
}

.text-block-7 {
  color: #111111a3;
  text-align: center;
  background-color: #00000008;
  border-radius: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.project_xwide {
  clear: both;
  text-align: left;
  mix-blend-mode: normal;
  border-bottom: 1px #b8b8b8;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  width: 100%;
  max-width: 1440px;
  margin-top: 0;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
  display: flex;
}

.project_xwide.with_background_gradient {
  background-image: linear-gradient(#e3b124, #fff 75%);
  border-radius: 20px;
  padding: 60px;
}

.project_xwide.with_background_gradient.fixxxx {
  display: block;
}

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

.project_xwide.wewddwadws {
  mix-blend-mode: multiply;
}

.project_xwide.wfwefdwfw {
  display: block;
}

.image-9, .image-10 {
  border-radius: 20px;
}

.section-video {
  background-color: var(--blacktext);
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  max-height: none;
  margin-top: 0;
  padding: 60px;
  display: flex;
  overflow: hidden;
}

.heading-4 {
  font-weight: 500;
}

.video-4 {
  flex: 0 0 100%;
  align-items: flex-start;
  width: auto;
  max-width: 100%;
  height: auto;
  display: flex;
}

.heading-5 {
  color: var(--white-smoke);
  text-align: center;
  font-size: 50px;
  font-weight: 500;
}

.dark_bg {
  color: var(--white-smoke);
}

.an_video_art {
  margin-bottom: auto;
}

.an_video_art.add_margin {
  margin-bottom: 100px;
}

.section-photo {
  background-color: gray;
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  max-height: none;
  margin-top: 100px;
  padding: 60px;
  display: flex;
  overflow: hidden;
}

.project_images {
  clear: none;
  text-align: left;
  background-color: #0000;
  border-radius: 0;
  flex-flow: wrap;
  flex: 0 auto;
  place-content: flex-start space-around;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.project_images.bahbsdhbadha {
  margin-bottom: 0;
}

.project_images.sfsdfsdfs {
  justify-content: center;
  max-width: 1920px;
}

.desktop_sizes {
  flex-flow: wrap;
  flex: 1;
  place-content: flex-start center;
  align-self: center;
  align-items: stretch;
  margin-top: auto;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.desktop_sizes.sgsdfs {
  background-image: linear-gradient(#e3e9e8, #a2a2a2);
  border-radius: 20px;
}

.div-block-8 {
  clear: none;
  background-color: var(--blacktext);
  background-image: linear-gradient(#424242, #111011);
  border-radius: 20px;
  flex-flow: wrap;
  flex: 0 100%;
  place-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding: 60px;
  display: block;
  position: relative;
}

.text_title {
  clear: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border-top: 1px solid #000;
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  flex: 1;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  min-width: 320px;
  max-width: 320px;
  height: auto;
  margin-bottom: 10px;
  margin-right: auto;
  padding: 0 20px 10px 0;
  font-size: 16px;
  font-weight: 300;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
}

.div-block-27-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
  box-shadow: 6px 6px 20px #000;
}

.scratch-copy {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 320px;
  height: 320px;
  display: flex;
  overflow: hidden;
}

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

.image_caption2 {
  opacity: .63;
  color: var(--white-smoke);
  margin-top: 10px;
  font-size: 12px;
}

.photo_contain.add_margin {
  margin-bottom: 100px;
}

.div-block-28 {
  flex-wrap: wrap;
  place-content: flex-start center;
  width: 50vw;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-29 {
  flex-wrap: wrap;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: auto;
}

.div-block-30 {
  z-index: 20;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 235px;
}

.image-12 {
  flex: none;
  width: 25vw;
  max-width: 497px;
  position: relative;
  box-shadow: 0 20px 20px 8px #0000002b;
}

.image-13 {
  z-index: 10;
  width: 35vw;
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-shadow: 0 14px 14px #0000004d;
}

.image-14 {
  z-index: 0;
  margin-top: 100px;
  display: block;
  position: relative;
  box-shadow: 0 3px 7px #00000059;
}

.fdsdvdf {
  clear: none;
  background-color: var(--blacktext);
  background-image: linear-gradient(#6e6852, #dad0ae);
  border-radius: 20px;
  flex-flow: wrap;
  flex: 0 100%;
  place-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding: 60px;
  display: block;
  position: relative;
}

.image-15 {
  max-height: 80vh;
  margin-top: 60px;
  margin-bottom: 60px;
  box-shadow: 0 7px 17px #0003;
}

.div-block-27 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: flex-start center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.lightbox-link {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-end;
  width: 320px;
  height: 320px;
  display: flex;
  overflow: scroll;
}

.lightbox-link.scratch {
  flex: 0 auto;
}

.fsdfssdf {
  width: 200%;
  max-width: none;
  height: auto;
  display: inline-block;
}

.lightbox-link-2 {
  align-items: flex-end;
  width: 320px;
  height: 320px;
  display: flex;
  overflow: scroll;
}

.lightbox-link-2.scratch {
  align-items: flex-end;
}

.scratch {
  align-self: flex-end;
  align-items: center;
  width: 320px;
  height: 320px;
  display: flex;
  overflow: hidden;
}

.desktop_sizessdfsdf {
  background-color: red;
  border-radius: 20px;
  flex-flow: column wrap;
  flex: 1;
  place-content: flex-start center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.desktop_sizessdfsdf.sgsdfs {
  background-image: linear-gradient(#e3e9e8, #a2a2a2);
  border-radius: 20px;
}

.desktop_sizes-2 {
  background-color: #fff;
  background-image: linear-gradient(#80ccff, #e5e9d3);
  border-radius: 20px;
  flex-wrap: wrap;
  flex: 0 100%;
  place-content: flex-start center;
  align-self: center;
  align-items: flex-start;
  margin-top: auto;
  padding: 60px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-131 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
  box-shadow: 0 6px 12px #00000052;
}

.div-block-132 {
  clear: none;
  flex-flow: wrap;
  flex: 0 100%;
  place-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
}

.div-block-27-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
  box-shadow: 0 1px 15px #00000080;
}

.scratch-copy-copy-copy {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 320px;
  height: 320px;
  display: flex;
  overflow: hidden;
}

.desktop_sizes34 {
  background-color: #fff;
  background-image: linear-gradient(#132603, #d8c48b);
  border-radius: 20px;
  flex-wrap: wrap;
  flex: 0 100%;
  place-content: flex-start center;
  align-self: center;
  align-items: flex-start;
  margin-top: auto;
  padding: 60px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.desktop_sizes-3 {
  background-image: linear-gradient(#80929e, #276a62);
  border-radius: 20px;
  flex-wrap: wrap;
  flex: 0 100%;
  place-content: flex-start center;
  align-self: center;
  align-items: flex-start;
  margin-top: auto;
  padding: 60px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-133 {
  clear: none;
  flex-flow: wrap;
  flex: 0 100%;
  place-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
}

.div-block-27-copy-copy-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
  box-shadow: 0 1px 13px #0000005e;
}

.scratch-copy-copy {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 320px;
  height: 320px;
  display: flex;
  overflow: hidden;
}

.section-illustration {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  max-height: none;
  margin-top: 0;
  padding: 60px;
  display: flex;
  overflow: hidden;
}

.an_illlustration {
  margin-bottom: auto;
}

.an_illlustration.add_margin {
  margin-bottom: 100px;
}

.light_bg {
  color: var(--blacktext);
}

.light_bg.margin_bottom {
  margin-bottom: 100px;
}

.dfsdfsdfds {
  background-color: #fff;
  border: 6px solid #000;
  border-radius: 11px;
  max-width: none;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  box-shadow: 1px 1px 14px #00000070;
}

.illust_contain {
  border-radius: 20px;
  padding: 60px;
}

.illust_contain.bg_gradient_1 {
  background-image: linear-gradient(#f0d, red);
}

.illust_contain.bg_gradient_2 {
  background-image: linear-gradient(#fef6d4, #f07b04);
}

.illust_contain.bg_gradient_3 {
  background-image: linear-gradient(#eaff00, #ffea00);
}

.illust_contain.bg_gradient_4 {
  background-image: linear-gradient(#f6e8e1, #e66e53);
}

.illust_contain.bg_gradient_fxfsdfx {
  background-image: linear-gradient(#e42027, #161616);
}

.dfsdfsdfds-2 {
  background-color: #fff;
  border: 6px solid #000;
  border-radius: 11px;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 1px 13px #0000006e;
}

.dfsdfsdfds-3 {
  background-color: #fff;
  border: 6px solid #000;
  border-radius: 11px;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 2px 7px 16px -2px #0000005c;
}

.dfsdfsdfds-4 {
  background-color: #fff;
  border: 6px solid #000;
  border-radius: 11px;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 1px 15px #00000080;
}

.image-16 {
  border-radius: 20px;
}

.margin_bottom {
  margin-bottom: 60px;
}

.image-17, .image-18, .image-19, .image-20, .image-21, .image-22, .image-23, .image-24, .image-25 {
  margin-bottom: 40px;
}

.text-block-8 {
  font-size: 16px;
  line-height: 24px;
}

.grid-3 {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
}

.project_text_no_bottom_padding {
  clear: both;
  border-bottom: 1px #b8b8b8;
  width: 100%;
  max-width: 926px;
  padding-bottom: 0;
  font-size: 30px;
  line-height: 50px;
}

.project_text_no_bottom_padding.no_bottom {
  padding-bottom: 0;
}

.grid-3242 {
  grid-column-gap: 17px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr;
}

.grid-3243 {
  grid-template-rows: auto;
}

.div-block-136 {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-137 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  max-width: 1000px;
  margin: 60px auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.grid-3244 {
  grid-template-rows: auto;
}

.div-block-138 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  mix-blend-mode: normal;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image_caption3 {
  font-size: 12px;
}

.image-26 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-27 {
  mix-blend-mode: normal;
  margin-left: auto;
  margin-right: auto;
}

.image-28 {
  mix-blend-mode: multiply;
}

.image-29 {
  border-radius: 20px;
}

.multiply {
  mix-blend-mode: multiply;
}

.image-30 {
  border-radius: 20px;
}

.sfssdfsdfs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  mix-blend-mode: normal;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.image-31 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.addsfdsf {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  mix-blend-mode: normal;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.sec_gen {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  max-height: none;
  margin-top: 0;
  padding: 60px;
  display: flex;
  overflow: hidden;
}

.slide-10 {
  background-image: url('../images/Asset-102x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-11 {
  background-image: url('../images/Asset-112x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.video-3 {
  flex: 1;
  width: auto;
  height: auto;
  display: flex;
}

.slide-5 {
  background-image: url('../images/Asset-32x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slider-2 {
  letter-spacing: 0;
  background-color: #0000;
  flex: 0 80%;
  height: 75vh;
  margin-bottom: 30px;
  font-family: Inconsolata, monospace;
}

.slide-7 {
  background-image: url('../images/Asset-72x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop_sizes-4 {
  flex-wrap: wrap;
  flex: 0 100%;
  place-content: flex-start center;
  align-self: center;
  align-items: flex-start;
  margin-top: auto;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-26 {
  flex: 0 50%;
  margin-top: 40px;
  display: block;
}

.left-arrow {
  left: -75px;
}

.slide-8 {
  background-image: url('../images/Asset-82x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-6 {
  background-image: url('../images/Asset-62x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-4 {
  background-image: url('../images/Asset-22x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-9 {
  background-image: url('../images/Asset-92x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.right-arrow {
  left: auto;
  right: -75px;
}

.slide-1-2 {
  background-image: url('../images/Asset-132x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-1 {
  background-image: url('../images/Asset-122x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-3 {
  background-image: url('../images/Asset-142x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.conta {
  letter-spacing: 0;
  background-color: #0000;
  flex: 0 80%;
  width: 100%;
  height: 75vh;
  min-height: auto;
  margin-bottom: 30px;
  font-family: Inconsolata, monospace;
  display: block;
}

.slider-3 {
  background-color: #0000;
  height: 75vh;
}

.fsdfsdfsdf {
  flex: 0 50%;
  margin-top: 40px;
  display: block;
}

.logo_contain_avout {
  border-bottom: 1px solid #b8b8b8;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 10px 0;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block-139 {
  background-image: url('../images/ed79bd0ac5e42ac9e0eb2c0577b00ea1-low_res-width-2048px-gigapixel.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 280px;
  padding: 0 10px 0 20px;
  display: flex;
}

.image_captionfrsdfsd {
  color: var(--white-smoke);
  flex: 0 auto;
  align-items: flex-end;
  font-size: 12px;
  display: flex;
}

.link-2 {
  color: var(--white-smoke);
}

.div-block-139wfffsd {
  background-image: url('../images/PXL_20220116_034811324_sml.jpg');
  background-position: 50%;
  background-size: 167%;
  width: 100%;
  height: 280px;
  padding: 0 10px 0 20px;
  display: flex;
}

.project_text-copy {
  clear: both;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px #b8b8b8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 926px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
  display: grid;
}

.project_text-copy.no_bottom {
  padding-bottom: 0;
}

.grid-3245 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.image-32, .image-33 {
  width: 100%;
  max-width: none;
}

.image-34 {
  width: 100%;
}

.div-block-140 {
  background-image: url('../images/black-stone-wall-pattern-texture-background.jpeg');
  background-position: 0 0;
  background-size: auto;
}

.grid-3246 {
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  height: auto;
  margin-top: 60px;
}

.image-35 {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.left-arrow-2, .right-arrow-2, .slide-nav-2 {
  display: none;
}

.slider-4 {
  z-index: 0;
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}

.image-36, .image-334r3r, .ferfervsdf, .fsdfdsfs, .fdfsdfds {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.video-5 {
  width: 100%;
}

.wcwdscsf {
  color: var(--blacktext);
  flex: 1;
  width: 100%;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 16px;
  font-weight: 600;
  display: flex;
}

.fefed {
  color: var(--blacktext);
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 400;
}

.fefed.wfsdfsd, .fefed.sfwfw {
  color: var(--white-smoke);
}

.sbfhsbfsfs {
  letter-spacing: normal;
  text-transform: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 98%;
  display: flex;
  position: static;
}

.browser {
  background-color: #414141;
  border-radius: 20px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: block;
  box-shadow: 0 6px 7px #00000080;
}

.browser.fsdfdsfs {
  flex: 1;
  max-width: 100%;
  display: flex;
}

.browser.sdfsfsd3 {
  max-height: none;
  margin-right: 20px;
  padding-bottom: 11px;
  overflow: scroll;
}

.speaker {
  margin-top: 15px;
  margin-left: 0;
  padding-bottom: 15px;
  display: flex;
}

.div-block-143 {
  background-image: linear-gradient(124deg, #333, #919191);
  border-radius: 100px;
  width: 22px;
  height: 22px;
  margin-right: 17px;
}

.div-block-144 {
  width: 100%;
  max-height: 80vh;
  margin-bottom: 16px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: scroll;
}

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

.mobile_phone {
  background-color: #414141;
  border-radius: 10px;
  height: 100%;
  box-shadow: 0 4px 8px #00000080;
}

.fwsfdsdfdfzs {
  background-image: linear-gradient(#000, #919191);
  border-radius: 100px;
  width: 75%;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-146 {
  height: auto;
  max-height: 80vh;
  padding-left: 5px;
  padding-right: 2px;
  display: block;
  overflow: scroll;
}

.windows_buttons {
  margin-top: 15px;
  margin-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

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

.image-37 {
  width: 53%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.image-38 {
  opacity: 1;
  mix-blend-mode: normal;
}

.image-39 {
  mix-blend-mode: normal;
}

.image-40, .image-41 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.grid-3249 {
  grid-column-gap: 60px;
  grid-template-columns: 1fr 1fr;
}

.div-block-147 {
  text-align: left;
  mix-blend-mode: multiply;
  justify-content: center;
  width: 1920px;
  margin-top: 100px;
  display: flex;
}

.refwesz {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 16px;
  line-height: 24px;
  display: grid;
}

.f23qwdasc {
  color: #4e67f5;
  font-size: 50px;
  font-weight: 500;
  line-height: 70px;
}

.video-6 {
  width: 100%;
  height: auto;
}

.div-block-148 {
  width: 31vh;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.image-42 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-149 {
  background-image: url('../images/ParisCafe9362pikaconstruct.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 75vh;
}

.erwerwrwef {
  color: #11111180;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.list-item-2 {
  margin-bottom: .5em;
}

.div-block-150 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.div-block-151 {
  width: auto;
  height: 700px;
  max-height: none;
  display: block;
  overflow: auto;
}

.div-block-152 {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-153 {
  mix-blend-mode: multiply;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.heading-6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.cdsfdsvxs {
  border-radius: 0;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  overflow: visible;
}

.image-43 {
  width: 100%;
}

.image-44 {
  padding-bottom: 40px;
}

.text-block-9 {
  clear: none;
  text-align: center;
  flex-wrap: nowrap;
  flex: 0 auto;
  width: 100%;
  max-width: 1920px;
  font-size: 16px;
  display: block;
  position: relative;
}

.div-block-154 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: block;
}

.div-block-155 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-151-copy {
  background-color: #fff;
  height: 60vh;
  min-height: 700px;
  max-height: 60vh;
  overflow: auto;
}

.div-block-156 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 100px;
  display: grid;
}

.image-45, .image-46, .image-47, .image-48 {
  border-radius: 20px;
}

.image-49 {
  width: 100%;
}

.div-block-155-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  padding: 15px;
  display: grid;
}

.image-50 {
  width: 100%;
  height: 100%;
  display: block;
}

.image-51 {
  display: block;
}

.image-52 {
  width: 100%;
}

.fdsfsdfsdf {
  background-color: #0000;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 15px;
  display: flex;
}

.adasdacz {
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  background-color: #0000;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-self: auto;
  place-items: start stretch;
  width: 100%;
  padding: 0;
  display: grid;
  position: relative;
}

.grid-3250 {
  mix-blend-mode: multiply;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-53 {
  mix-blend-mode: multiply;
  max-width: 0%;
}

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

.wff3ewdscs {
  height: 80vh;
  margin-bottom: 22px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}

.image-54 {
  width: 100%;
}

.beta {
  background-color: #07f;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 30px;
  margin-top: -50px;
  display: flex;
}

.text-block-10 {
  color: var(--white-smoke);
  text-align: center;
}

.rvxvxvsd {
  background-color: #fff;
  height: auto;
  min-height: auto;
  max-height: none;
  overflow: visible;
}

.related_link_text {
  background-image: url('../images/AOU.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 280px;
  flex-direction: row;
  flex: 0 100%;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.related_link_text.mbm-multiply {
  border: 1px none var(--white-smoke);
  color: var(--blacktext);
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-image: linear-gradient(#f4eee033, #f4eee033);
  border-radius: 500px;
  align-self: stretch;
  align-items: center;
  padding: 33px;
  font-family: Graphik, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.related_link_text.mbm-multiply.related_brain {
  background-image: linear-gradient(#f4eee0bf, #f4eee0bf), url('../images/BRAIN.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.related_link_text.mbm-multiply.related_detect {
  background-image: linear-gradient(#f4eee033, #f4eee033), url('../images/DETECT.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.related_link_text.mbm-multiply.related_aou {
  opacity: 1;
  color: var(--blacktext);
  letter-spacing: normal;
  text-transform: uppercase;
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/2_Homepage_Redesign.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-color: #000;
  flex-direction: column;
  flex: 1;
  align-self: center;
  min-width: 100%;
  height: 100%;
  padding: 0 5px;
  font-family: Graphik, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  display: flex;
}

.related_link_text.mbm-multiply.related_ctsi {
  color: #000;
  background-image: linear-gradient(#fff9, #fff9), url('../images/dweasdasd.png');
  background-position: 0 0, -75% 39%;
  background-size: auto, 1070px;
}

.related_link_text.mbm-multiply.related_ctsi.colours {
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/dweasdasd.png');
  background-position: 0 0, -75% 39%;
  background-size: auto, 1070px;
}

.related_link_text.mbm-multiply.related_covid19 {
  background-image: linear-gradient(#fff9, #fff9), url('../images/homepage-cs-feat-covid1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  line-height: 26px;
}

.related_link_text.mbm-multiply.related_covid19.colours {
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/homepage-cs-feat-covid1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.related_link_text.mbm-multiply.related_aou {
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/homepage-cs-feat-aou1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.related_link_text.mbm-multiply.related_wondros {
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url('../images/homepage-cs-feat-won1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.related_link {
  background-color: #e0eb13;
  border-radius: 300px;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 200px;
  height: 200px;
  display: flex;
  position: relative;
}

.related_link.feature_related {
  background-color: #4ac124;
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  width: 280px;
  height: 280px;
  margin: 10px 20px;
  text-decoration: none;
}

.heading-7 {
  color: #000;
  text-align: center;
  border: 1px #000;
  border-bottom-style: solid;
  flex: 0 100%;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 40px;
  padding-bottom: 10px;
  font-size: 26px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  position: relative;
}

.project_images_container {
  background-color: #eeeae2;
  border-radius: 30px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0 30px 30px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.project_images_container.sgsdfsdf {
  background-color: #0000;
}

.related_content {
  text-align: center;
  width: 100%;
}

.italic-text-2 {
  align-self: center;
  display: block;
}

.elements_div_about2 {
  background-image: url('../images/_DSC2674.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  overflow: hidden;
}

.elements_div_about1 {
  border-radius: 20px;
  height: auto;
  overflow: hidden;
}

.elements_div_about3 {
  border-radius: 20px;
  overflow: hidden;
}

.about_ports {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  height: auto;
  margin-top: 0;
  display: grid;
}

.page_header-copy {
  clear: both;
  border-bottom: 0 #b8b8b8;
  width: 100%;
  max-width: 1300px;
  margin-top: 80px;
  padding-bottom: 90px;
  padding-left: 0;
  padding-right: 0;
}

.work_h1sfdsfsd {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 72px;
  font-weight: 500;
  line-height: 72px;
}

.bold-text-3 {
  color: #11111140;
  font-weight: 200;
}

.div-block-157 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-11 {
  font-size: 18px;
  line-height: 27px;
}

.heading-8 {
  font-weight: 500;
}

.fsdfdsfdsfsdf {
  margin-top: auto;
  font-size: 18px;
  line-height: 27px;
}

.div-block-158 {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .5fr;
  grid-auto-columns: 1fr;
  max-width: 1920px;
  display: grid;
}

.fdzfzf {
  color: #0004ff;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: underline;
}

.text-span-2 {
  font-size: 24px;
  font-weight: 500;
}

.gfdgsxfsddf {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  box-shadow: 6px 6px 20px #000;
}

.wrewrwzsf {
  clear: none;
  background-color: var(--blacktext);
  background-image: linear-gradient(#ffb200, #ff6100);
  border-radius: 20px;
  flex-flow: wrap;
  flex: 0 100%;
  place-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  padding: 60px;
  display: block;
  position: relative;
}

.eergdc {
  box-shadow: 0 4px 10px 4px #00000059;
}

.div-block-159 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: grid;
}

.image-56 {
  max-width: 80%;
}

.project_xwide-copy {
  clear: both;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  mix-blend-mode: normal;
  border-bottom: 1px #b8b8b8;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  width: 100%;
  max-width: 1920px;
  margin-top: 0;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
  display: grid;
}

.project_xwide-copy.with_background_gradient {
  background-image: linear-gradient(#e3b124, #fff 75%);
  border-radius: 20px;
  padding: 60px;
}

.project_xwide-copy.sfsfsdfsd {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project_xwide-copy.wewddwadws {
  mix-blend-mode: multiply;
}

.thumb-contain-3453543 {
  background-color: #172e7c;
  background-image: linear-gradient(286deg, #f2ff00, #af0);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-3453543.wandh {
  background-image: url('../images/new_1.svg'), linear-gradient(286deg, #ffe78d, #fec809);
  background-position: 0 0, 0 0;
}

.new_badge {
  z-index: auto;
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: url('../images/new.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  max-width: 150px;
  height: 100%;
  max-height: 150px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: block;
  position: absolute;
  top: auto;
}

.home_work-gw {
  background-color: #000;
  background-image: url('../images/homepage-cs-feat-getWaisted.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-gw.techchange {
  background-image: url('../images/homepage-techChange.webp');
  background-position: 50% 0;
}

.home_work-techchabge {
  background-color: #000;
  background-image: url('../images/homepage-techChange.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-techchabge.techchange {
  background-image: url('../images/homepage-techChange.webp');
  background-position: 50% 0;
}

.thumb-contain-tc {
  background-color: #172e7c;
  background-image: linear-gradient(196deg, #fec809, #f6efed);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-tc.wandh.new_badge_bg {
  background-image: url('../images/new_1.svg'), linear-gradient(196deg, #fec809, #f6efed);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.thumb-contain-tc.new_bg {
  background-image: url('../images/new_1.svg'), linear-gradient(196deg, #fec809, #f6efed);
  background-position: 50%, 0 0;
  background-size: auto, auto;
}

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

.image-59 {
  mix-blend-mode: normal;
  border-radius: 11px;
  flex-direction: row;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin-top: auto;
  margin-bottom: 100px;
  display: block;
  box-shadow: 0 9px 13px 2px #00000029;
}

.image-60 {
  flex: 0 auto;
}

.flex-block {
  z-index: 99999;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}

.image-61 {
  width: 20vw;
  min-width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.div-block-160 {
  flex-direction: column;
  flex: 1;
  margin-top: 135px;
  display: flex;
}

.text-block-12 {
  clear: none;
  align-self: flex-start;
  display: block;
  position: relative;
}

.image-62 {
  mix-blend-mode: multiply;
  flex-direction: row;
  flex: 0 auto;
  margin-bottom: 100px;
  display: block;
}

.project_text-vxccdvew {
  clear: both;
  border-bottom: 1px #b8b8b8;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 926px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-size: 30px;
  line-height: 50px;
  display: block;
}

.project_text-vxccdvew.no_bottom {
  padding-bottom: 0;
}

.div-block-160-fdsfsdfsd {
  flex-direction: column;
  flex: 1;
  margin-top: auto;
  display: flex;
}

.image-63 {
  border-radius: 9px;
  max-height: 100%;
  margin-bottom: 100px;
  box-shadow: 0 8px 12px #0003;
}

.image-64 {
  width: 80vw;
  max-width: 1440px;
}

.image-65 {
  mix-blend-mode: multiply;
  margin-bottom: 100px;
}

.slider-5 {
  height: 100%;
}

.image-66 {
  width: 75vw;
  margin-bottom: 3em;
}

.cell {
  align-items: center;
}

.quick-stack {
  padding: 0;
}

.thumb-contain-equin {
  background-color: #172e7c;
  background-image: url('../images/new_1.svg'), linear-gradient(313deg, #f3a7a2, #edb283);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.home_work-equin {
  background-color: #000;
  background-image: url('../images/homepage-equin.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 914px;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.homepage-work-thumbs_bbod {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: transform .3s cubic-bezier(.86, 0, .07, 1);
  display: flex;
}

.homepage-work-thumbs_bbod:hover {
  transform: scale(1.02);
}

.thumb-contain-3--bbod, .thumb-contain-3-copy, .thumb-contain-3-bbod {
  background-color: #172e7c;
  background-image: linear-gradient(#12b4ff, #00344d);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-3-bbod.wandh {
  background-image: linear-gradient(#110101, #c6450a);
}

.home_work-th-3-bbod {
  background-color: #000;
  background-image: url('../images/Untitled-standard-scale-2_00x-gigapixel.jpg');
  background-position: 44% 45%;
  background-repeat: no-repeat;
  background-size: 914px;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-th-3-bbod.wandh {
  background-image: url('../images/3_1.jpeg');
  background-position: 100%;
  background-size: cover;
}

.thumb-contain-3-email {
  background-color: #172e7c;
  background-image: linear-gradient(#12b4ff, #00344d);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-3-email.wandh {
  background-image: linear-gradient(#fd7a5f, #dc538b);
}

.home_work-th--email {
  background-color: #000;
  background-image: url('../images/Untitled-standard-scale-2_00x-gigapixel.jpg');
  background-position: 44% 45%;
  background-repeat: no-repeat;
  background-size: 914px;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.home_work-th--email.wandh {
  background-image: url('../images/1.png');
  background-position: 50% 0;
  background-size: cover;
}

.thumb-contain-blka {
  background-color: #172e7c;
  background-image: linear-gradient(#12b4ff, #00344d);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-blka.wandh {
  background-image: linear-gradient(to top, #c97dae, #604989);
}

.t-humb-contain-blka {
  background-color: #000;
  background-image: url('../images/Untitled-standard-scale-2_00x-gigapixel.jpg');
  background-position: 44% 45%;
  background-repeat: no-repeat;
  background-size: 914px;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.t-humb-contain-blka.wandh {
  background-image: url('../images/Red-Carpet.jpg');
  background-position: 50%;
  background-size: cover;
}

.thumb-contain-infograph {
  background-color: #172e7c;
  background-image: linear-gradient(#12b4ff, #00344d);
  border-radius: 1.25rem;
  justify-content: center;
  width: 100%;
  height: 480px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.thumb-contain-infograph.wandh {
  background-image: linear-gradient(#49006b, #1c002a);
}

.txhumb-contain-infograph {
  background-color: #000;
  background-image: url('../images/Untitled-standard-scale-2_00x-gigapixel.jpg');
  background-position: 44% 45%;
  background-repeat: no-repeat;
  background-size: 914px;
  border-radius: 1rem;
  width: 80%;
  min-width: 10px;
  height: 100%;
  min-height: 10px;
  display: flex;
  box-shadow: 1px 2px 15px -1px #0000007d;
}

.txhumb-contain-infograph.wandh {
  background-image: url('../images/7.png');
  background-position: 50% 0;
  background-size: cover;
}

.project_text_wide_centered {
  clear: both;
  text-align: center;
  border-bottom: 1px #b8b8b8;
  width: 100%;
  max-width: 1160px;
  margin-top: 90px;
  padding-bottom: 90px;
  font-size: 30px;
  line-height: 50px;
}

.section-3-copy {
  text-align: center;
  width: 100%;
  max-width: 1920px;
}

.heading-2-copy {
  color: #11111180;
  text-align: center;
  letter-spacing: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #00000080;
  margin: 0 auto 30px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 23px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.heading-2-copy.dark_bg {
  border-bottom-color: var(--white-smoke);
  color: #eff1f3;
}

.additional-work-allpage-copy {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  display: grid;
}

.svsfvsdfvsdcfsd {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  box-shadow: 0 10px 10px 9px #0003;
}

.nksfjfkjnsfdknsdfksdfs {
  width: 100%;
}

.fsdfdsfdsfsdf-copy {
  margin-top: auto;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}

.text-span-3, .text-span-4 {
  color: #4e67f5;
}

@media screen and (max-width: 991px) {
  .body_1, .header.colours_100 {
    padding: 2rem;
  }

  .logo_contain {
    width: 8rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: auto;
  }

  .section {
    height: 50vh;
    min-height: auto;
    max-height: 590px;
  }

  .home_work-th-1 {
    background-size: auto 100%;
  }

  .div-block-6 {
    margin-right: 2rem;
  }

  .bd-type {
    font-size: 1.1rem;
    line-height: 2.2rem;
  }

  .top-stack {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .bottom-stack, .middle-stack-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-block.work-open {
    height: 50px;
    padding-bottom: 6px;
    font-size: 23px;
    display: flex;
    position: absolute;
  }

  .text-block.work-close {
    opacity: 0;
  }

  .nav-menu {
    width: 50vw;
    margin-right: 50px;
    padding-top: 10vh;
    position: fixed;
  }

  .html-embed.casa-menu-logo-color {
    width: 55px;
    height: 30px;
  }

  .heading {
    padding-top: 30px;
    font-size: 24px;
  }

  .menu-button.w--open {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
  }

  .brand.casa-menu-logo-color {
    padding-top: 0;
    padding-bottom: 0;
    left: 35%;
    right: 35%;
  }

  .about {
    font-size: 22px;
  }

  .white-text-nav-link {
    font-size: 16px;
  }

  .casestudycopy {
    width: 100%;
  }

  .cont {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cont.no-lr-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .footer {
    padding: 1rem 0;
  }

  .footer-button {
    background-color: #11111180;
    background-image: linear-gradient(to top, #00000029, #eff1f352);
    justify-content: center;
    width: 98%;
    min-width: 210px;
    height: 38px;
    margin-left: 8px;
    margin-right: 8px;
    display: flex;
  }

  .footer-button.mango {
    justify-content: center;
    align-items: center;
  }

  .footer-flex-container {
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-3 {
    font-size: 14px;
  }

  .html-embed-2 {
    width: 24px;
    height: 24px;
  }

  .text-block-4 {
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
  }

  .home_work-th-2 {
    background-position: 22% 10%;
  }

  .home_work-th-2.wandh {
    background-position: 50% 0;
    background-size: cover;
  }

  .middle-stack-1 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .image-3 {
    max-width: none;
    height: auto;
  }

  .home_work-th-3 {
    background-size: auto 182%;
  }

  .home_work-tchange {
    background-size: auto 100%;
  }

  .home_work-tchange.techchange {
    background-size: cover;
  }

  .home_work-th-5, .home_work-th-6 {
    background-size: auto 100%;
  }

  .div-block-4 {
    max-width: 80%;
  }

  .home-li-link {
    font-size: 18px;
  }

  .div-block-3 {
    background-position: 100% 0, 0 100%;
  }

  .prefooter {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-123 {
    width: 280px;
    height: 280px;
  }

  .header_subpages.colours_100 {
    padding: 2rem;
  }

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

  .section_allworks_1 {
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .paragraph-2 {
    line-height: 1.3em;
  }

  .home_work-th-aou, .home_work-th-won, .home_work-th-c19n {
    background-size: auto 100%;
  }

  .home_work-th-c19n.wandh {
    background-size: cover;
  }

  .home_work-th-ctsi, .home_work-th-bud {
    background-size: auto 100%;
  }

  .home_work-th-bud.wandh {
    background-position: 50%;
  }

  .home_work-th-bb, .home_work-th-email, .home_work-th-food, .home_work-th-sm {
    background-size: auto 100%;
  }

  .project_xwide {
    margin-top: 0;
  }

  .project_images {
    border-radius: 30px;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    padding-left: 27px;
    padding-right: 27px;
    display: flex;
  }

  .desktop_sizes {
    margin-top: auto;
  }

  .div-block-8 {
    clear: none;
    flex-wrap: wrap;
    flex: 0 100%;
    align-content: flex-start;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .text_title {
    clear: none;
    flex-wrap: nowrap;
    flex: 0 auto;
    justify-content: flex-start;
    min-width: auto;
    max-width: 320px;
    margin-bottom: 0;
  }

  .div-block-28 {
    justify-content: center;
  }

  .div-block-30 {
    position: absolute;
    top: 100px;
  }

  .image-14 {
    margin-top: 67px;
  }

  .fdsdvdf {
    clear: none;
    flex-wrap: wrap;
    flex: 0 100%;
    align-content: flex-start;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .div-block-27 {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .desktop_sizessdfsdf, .desktop_sizes-2 {
    margin-top: auto;
  }

  .div-block-131 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-132 {
    clear: none;
    flex-wrap: wrap;
    flex: 0 100%;
    align-content: flex-start;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .div-block-27-copy-copy {
    grid-template-columns: 1fr 1fr;
  }

  .desktop_sizes34, .desktop_sizes-3 {
    margin-top: auto;
  }

  .div-block-133 {
    clear: none;
    flex-wrap: wrap;
    flex: 0 100%;
    align-content: flex-start;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .div-block-27-copy-copy-2 {
    grid-template-columns: 1fr 1fr;
  }

  .dfsdfsdfds {
    width: 100%;
    height: auto;
  }

  .illust_contain.bg_gradient_1, .illust_contain.bg_gradient_2, .illust_contain.bg_gradient_3, .illust_contain.bg_gradient_4, .illust_contain.bg_gradient_fxfsdfx {
    padding-left: 40px;
    padding-right: 40px;
  }

  .dfsdfsdfds-2, .dfsdfsdfds-3, .dfsdfsdfds-4 {
    width: 100%;
    height: auto;
  }

  .slider-2 {
    background-color: #0000;
    flex-basis: 75%;
    height: 55vh;
  }

  .desktop_sizes-4 {
    margin-top: auto;
  }

  .left-arrow {
    left: -75px;
  }

  .right-arrow {
    left: auto;
    right: -75px;
  }

  .conta {
    background-color: #0000;
    flex-basis: 75%;
    height: 55vh;
  }

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

  .speaker {
    margin-left: 0;
  }

  .erwerwrwef {
    font-size: 10px;
    line-height: 15px;
  }

  .heading-7 {
    margin-bottom: 10px;
  }

  .project_images_container {
    border-radius: 30px;
    height: auto;
    margin-top: 0;
    padding-left: 27px;
    padding-right: 27px;
  }

  .wrewrwzsf {
    clear: none;
    flex-wrap: wrap;
    flex: 0 100%;
    align-content: flex-start;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .project_xwide-copy {
    margin-top: 0;
  }

  .home_work-gw {
    background-size: auto 100%;
  }

  .home_work-gw.techchange {
    background-size: cover;
  }

  .home_work-techchabge {
    background-position: 0 0;
    background-size: auto 100%;
  }

  .home_work-techchabge.techchange {
    background-size: cover;
  }

  .thumb-contain-tc.wandh.new_badge_bg {
    background-size: 74px, auto;
  }

  .image-61 {
    width: 34vw;
    min-width: auto;
  }

  .thumb-contain-equin {
    background-size: 74px, auto;
  }

  .home_work-equin, .home_work-th-3-bbod, .home_work-th--email, .t-humb-contain-blka, .txhumb-contain-infograph {
    background-size: auto 182%;
  }

  .additional-work-allpage-copy {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .header.colours_100 {
    flex-direction: column;
    height: auto;
    padding: 1.25rem;
  }

  .logo {
    margin-top: 0;
    margin-bottom: auto;
  }

  .logo_contain {
    width: 25vw;
    margin: 0 auto 0 0;
  }

  .section {
    flex-direction: column;
    height: auto;
    max-height: none;
    margin-bottom: 0;
    display: block;
  }

  .site_cols {
    flex-basis: 11vh;
    max-height: 80vh;
    margin-left: 6px;
    margin-right: 6px;
  }

  .div-block {
    height: auto;
  }

  .image {
    width: 100%;
    height: auto;
  }

  .homepage-work-thumbs {
    margin-bottom: 1rem;
  }

  .additional-work-hp {
    flex-direction: column;
    display: flex;
  }

  .div-block-6 {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .bd-type {
    font-size: 1.9rem;
    line-height: 3.4rem;
  }

  .div-block-7 {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .homepage-work-thumbs-text-descript, .paragraph-hp-text-descript {
    letter-spacing: normal;
    text-transform: none;
  }

  .top-stack {
    height: auto;
    min-height: auto;
    padding-top: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .bottom-stack {
    align-items: center;
    height: auto;
    min-height: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .middle-stack-2 {
    height: auto;
    min-height: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .text-block.work-open {
    font-size: 1rem;
    left: auto;
  }

  .text-block.work-close {
    opacity: 0;
    margin-right: auto;
    font-size: 14px;
    left: auto;
  }

  .nav-menu {
    width: 80vw;
    padding-top: 0;
    top: 10vh;
    bottom: auto;
  }

  .html-embed.casa-menu-logo-color {
    width: 45px;
    height: 25px;
  }

  .heading {
    font-size: 18px;
  }

  .menu-button {
    margin-right: 10px;
  }

  .brand.casa-menu-logo-color {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    inset: auto 35%;
  }

  .about {
    padding-left: 20px;
    font-size: 1rem;
  }

  .casestudyfeatureimage {
    width: 100%;
  }

  .cont {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer {
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    display: flex;
  }

  .footer-button {
    background-color: #333331;
    width: 320px;
    min-width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .footer-flex-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .text-block-4 {
    text-transform: none;
    font-size: 7px;
    line-height: 7px;
  }

  .home_work-th-2 {
    background-position: 35% 10%;
  }

  .home_work-th-2.wandh {
    background-size: contain;
    width: 165px;
    height: 165px;
  }

  .thumb-contain-2.wandh {
    height: auto;
  }

  .middle-stack-1 {
    height: auto;
    min-height: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .thumb-contain-3.wandh {
    height: auto;
  }

  .home_work-th-3 {
    background-size: auto 238%;
  }

  .home_work-th-3.wandh, .home_work-tchange.wandh {
    width: 165px;
    height: 165px;
  }

  .home_work-tchange.techchange {
    -webkit-text-fill-color: inherit;
    background-size: cover;
    background-clip: border-box;
    width: 165px;
    height: 165px;
  }

  .thumb-contain-4.wandh {
    height: auto;
  }

  .thumb-contain-5 {
    height: 480px;
  }

  .thumb-contain-5.wandh {
    flex: 1;
  }

  .home_work-th-5 {
    flex-direction: row;
    justify-content: center;
  }

  .home_work-th-5.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-6 {
    height: 480px;
  }

  .thumb-contain-6.wandh {
    flex: 1;
  }

  .home_work-th-6 {
    background-position: 50% 0;
    background-size: cover;
    width: 80%;
  }

  .home_work-th-6.wandh {
    width: 165px;
    height: 165px;
  }

  .grid-2 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .home-li-link {
    font-size: 16px;
  }

  .div-block-2 {
    margin-bottom: -15px;
  }

  .div-block-3.shorten-prefoot-home-img {
    height: 568px;
  }

  .prefooter {
    flex-direction: column;
    align-items: center;
    height: auto;
    min-height: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .div-block-123 {
    width: 280px;
    height: 280px;
  }

  .div-block-124 {
    margin-left: auto;
    margin-right: auto;
  }

  .header_subpages.colours_100 {
    flex-direction: column;
    height: auto;
    padding: 1.25rem;
  }

  .logo_contain_subpages {
    width: 100%;
    margin: 0 auto 0 0;
  }

  .logo_home, .logo_sub {
    margin-top: 0;
    margin-bottom: auto;
  }

  .section_allworks_1 {
    flex-direction: column;
    height: auto;
    max-height: none;
    margin-bottom: 0;
    display: block;
  }

  .paragraph-2 {
    flex: 1;
    font-size: .55rem;
    line-height: 1.3em;
  }

  .thumb-contain-aou {
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .home_work-th-aou {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-won {
    flex: 0 auto;
    align-self: auto;
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .home_work-th-won {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-c19n {
    flex: 0 auto;
    height: auto;
  }

  .home_work-th-c19n.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-ctsi.wandh {
    height: auto;
  }

  .home_work-th-ctsi.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-bud.wandh {
    height: auto;
  }

  .home_work-th-bud {
    background-position: 50%;
    background-size: cover;
  }

  .home_work-th-bud.wandh, .home_work-th-bb.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-bb.wandh {
    height: auto;
  }

  .home_work-th-email.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-email.wandh {
    height: auto;
  }

  .home_work-th-food.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-food.wandh, .thumb-contain-1_sm.wandh {
    height: auto;
  }

  .home_work-th-sm.wandh {
    width: 165px;
    height: 165px;
  }

  .brand-2 {
    padding-left: 0;
  }

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

  .work_h2 {
    font-size: 14px;
  }

  .work_h1 {
    font-size: 50px;
    line-height: 50px;
  }

  .section-r3efwds {
    flex-direction: column;
    display: flex;
  }

  .additional-work-allpage {
    grid-column-gap: 9px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-129 {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text-block-7 {
    font-size: .5em;
    line-height: 16px;
  }

  .section-video, .section-photo {
    flex-direction: column;
    display: flex;
  }

  .project_images {
    border-radius: 20px;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin: 0 15px;
    padding: 20px;
  }

  .desktop_sizes {
    margin-top: auto;
  }

  .div-block-8 {
    flex-wrap: wrap;
    flex: 0 100%;
    width: auto;
    margin: 0 20px 20px 0;
    display: block;
    position: relative;
  }

  .text_title {
    border-radius: 0;
    min-width: auto;
    max-width: none;
    display: block;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .div-block-27-copy {
    display: flex;
  }

  .div-block-28 {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-29 {
    flex: none;
    justify-content: center;
  }

  .div-block-30 {
    position: absolute;
    top: 88px;
  }

  .image-14 {
    margin-top: 51px;
  }

  .fdsdvdf {
    flex-wrap: wrap;
    flex: 0 100%;
    width: auto;
    margin: 0 20px 20px 0;
    display: block;
    position: relative;
  }

  .div-block-27 {
    display: flex;
  }

  .desktop_sizessdfsdf, .desktop_sizes-2 {
    margin-top: auto;
  }

  .div-block-131 {
    grid-template-columns: 1fr;
    display: flex;
  }

  .div-block-132 {
    flex-wrap: wrap;
    flex: 0 100%;
    width: auto;
    margin: 0 20px 20px 0;
    display: block;
    position: relative;
  }

  .div-block-27-copy-copy {
    display: flex;
  }

  .desktop_sizes34, .desktop_sizes-3 {
    margin-top: auto;
  }

  .div-block-133 {
    flex-wrap: wrap;
    flex: 0 100%;
    width: auto;
    margin: 0 20px 20px 0;
    display: block;
    position: relative;
  }

  .section-illustration {
    flex-direction: column;
    display: flex;
  }

  .dfsdfsdfds {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .illust_contain.bg_gradient_1, .illust_contain.bg_gradient_2, .illust_contain.bg_gradient_3, .illust_contain.bg_gradient_4, .illust_contain.bg_gradient_fxfsdfx {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dfsdfsdfds-2, .dfsdfsdfds-3, .dfsdfsdfds-4 {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .sec_gen {
    flex-direction: column;
    display: flex;
  }

  .slider-2 {
    background-color: #0000;
    flex-basis: 85%;
    height: 40vh;
  }

  .desktop_sizes-4 {
    margin-top: auto;
  }

  .div-block-26 {
    flex-basis: 90%;
  }

  .conta {
    background-color: #0000;
    flex-basis: 85%;
    height: 40vh;
  }

  .fsdfsdfsdf {
    flex-basis: 90%;
  }

  .logo_contain_avout {
    width: 100%;
    margin: 0 auto 0 0;
  }

  .link-2 {
    margin-bottom: 20px;
    line-height: 12px;
  }

  .speaker {
    margin-left: 0;
  }

  .heading-7 {
    margin-bottom: 10px;
  }

  .project_images_container {
    border-radius: 20px;
    margin: 0 15px 15px;
    padding: 20px;
  }

  .related_content {
    justify-content: center;
    display: block;
  }

  .about_ports {
    flex-direction: column;
    display: flex;
  }

  .page_header-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .work_h1sfdsfsd {
    font-size: 50px;
    line-height: 50px;
  }

  .gfdgsxfsddf {
    display: flex;
  }

  .wrewrwzsf {
    flex-wrap: wrap;
    flex: 0 100%;
    width: auto;
    margin: 0 20px 20px 0;
    display: block;
    position: relative;
  }

  .thumb-contain-3453543.wandh {
    height: auto;
  }

  .new_badge {
    max-width: 75px;
    max-height: 75px;
  }

  .home_work-gw {
    background-size: cover;
  }

  .home_work-gw.wandh {
    width: 165px;
    height: 165px;
  }

  .home_work-gw.techchange {
    -webkit-text-fill-color: inherit;
    background-size: cover;
    background-clip: border-box;
    width: 165px;
    height: 165px;
  }

  .home_work-techchabge {
    background-size: cover;
    width: 80%;
    height: 100%;
  }

  .home_work-techchabge.wandh {
    width: 165px;
    height: 165px;
  }

  .home_work-techchabge.techchange {
    -webkit-text-fill-color: inherit;
    background-size: cover;
    background-clip: border-box;
    width: 165px;
    height: 165px;
  }

  .thumb-contain-tc {
    height: 480px;
  }

  .thumb-contain-tc.wandh {
    height: auto;
  }

  .thumb-contain-tc.new_bg {
    background-size: 74px, auto;
    height: 480px;
  }

  .image-61 {
    width: 31vw;
    min-width: 200px;
  }

  .image-66 {
    width: auto;
  }

  .thumb-contain-equin.wandh {
    height: auto;
  }

  .home_work-equin {
    background-size: auto 238%;
    width: 80%;
    height: 100%;
  }

  .home_work-equin.wandh {
    width: 165px;
    height: 165px;
  }

  .homepage-work-thumbs_bbod {
    margin-bottom: 1rem;
  }

  .thumb-contain-3--bbod.wandh, .thumb-contain-3-copy.wandh, .thumb-contain-3-bbod.wandh {
    height: auto;
  }

  .home_work-th-3-bbod {
    background-size: auto 238%;
  }

  .home_work-th-3-bbod.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-3-email.wandh {
    height: auto;
  }

  .home_work-th--email {
    background-size: auto 238%;
  }

  .home_work-th--email.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-blka.wandh {
    height: auto;
  }

  .t-humb-contain-blka {
    background-size: auto 238%;
  }

  .t-humb-contain-blka.wandh {
    width: 165px;
    height: 165px;
  }

  .thumb-contain-infograph.wandh {
    height: auto;
  }

  .txhumb-contain-infograph {
    background-size: auto 238%;
  }

  .txhumb-contain-infograph.wandh {
    width: 165px;
    height: 165px;
  }

  .additional-work-allpage-copy {
    grid-column-gap: 9px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
}

@media screen and (max-width: 479px) {
  .body_1 {
    grid-auto-flow: column dense;
    padding: 1.25rem;
    display: flex;
  }

  .header.colours_100 {
    border-radius: 10px;
    flex-direction: column;
    padding: 1.25rem;
  }

  .logo_contain {
    margin: 0 auto auto 0;
  }

  .section {
    margin-bottom: 0;
  }

  .sites_contain {
    flex: 0 auto;
    bottom: 20px;
    right: 20px;
  }

  .site_cols {
    clear: none;
    object-fit: fill;
    flex-flow: wrap;
    flex: 0 auto;
    order: 0;
    place-content: flex-end;
    align-self: flex-end;
    align-items: flex-end;
    width: auto;
    max-height: none;
    margin-left: 2px;
    margin-right: 2px;
    font-family: Inconsolata, monospace;
    display: flex;
    position: relative;
  }

  .svg_cols_home {
    object-fit: none;
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .homepage-work-thumbs {
    margin-bottom: 1rem;
    display: block;
    position: static;
  }

  .bd-type {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .div-block-7 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .homepage-work-thumbs-text-descript {
    margin-top: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-hp-txt-descript, .paragraph-hp-text-descript {
    font-size: .8rem;
    line-height: 1.25rem;
  }

  .top-stack {
    background-image: radial-gradient(circle closest-corner at 50% 15%, #a5dfff, #fff 60%);
    padding: 0 0 0 0;
  }

  .bottom-stack {
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }

  .middle-stack-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    width: 93vw;
    margin-left: auto;
    margin-right: 10px;
    top: 3vh;
    bottom: auto;
  }

  .menu-button {
    padding-left: 15px;
    padding-right: 15px;
  }

  .brand.casa-menu-logo-color {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    inset: auto 33%;
  }

  .about {
    padding-left: 15px;
    padding-right: 15px;
  }

  .casestudyfeatureimage {
    width: 100%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .casestudycopy {
    margin-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .homepage-cs-title {
    font-size: 1.5rem;
    line-height: 2rem;
    display: block;
  }

  .link-block-3 {
    display: flex;
  }

  .cont {
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cont.no-lr-padding {
    padding-left: 0;
    padding-right: 0;
  }

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

  .footer-button {
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    min-width: 240px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-button.mango {
    min-width: 280px;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .text-block-4 {
    text-align: center;
    text-transform: none;
    margin-bottom: 20px;
    font-size: 8px;
    line-height: 12px;
  }

  .italic-text {
    flex: 0 auto;
    margin-right: .5rem;
    display: flex;
  }

  .home_work-th-2 {
    background-position: 23% 10%;
  }

  .home_work-th-2.wandh {
    background-size: cover;
    width: 120px;
    height: 120px;
  }

  .thumb-contain-2 {
    height: 320px;
  }

  .thumb-contain-2.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .middle-stack-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2 {
    letter-spacing: 9px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 22px;
  }

  .heading-2.dark_bg {
    flex: 1;
    width: 100%;
  }

  .secition_header {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .thumb-contain-3 {
    height: 320px;
  }

  .thumb-contain-3.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-3 {
    background-size: auto 183%;
  }

  .home_work-th-3.wandh {
    width: 120px;
    height: 120px;
  }

  .home_work-tchange {
    background-image: url('../images/homepage-techChange.webp');
    background-size: cover;
    flex: 0 auto;
    text-decoration: none;
  }

  .home_work-tchange.wandh {
    width: 120px;
    height: 120px;
  }

  .home_work-tchange.techchange {
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    width: 80%;
    min-width: 10px;
    height: 100%;
    display: block;
    position: static;
  }

  .thumb-contain-4 {
    height: 320px;
  }

  .thumb-contain-4.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .thumb-contain-5 {
    height: 320px;
  }

  .thumb-contain-5.wandh {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-5 {
    background-size: 100%;
  }

  .home_work-th-5.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-6 {
    height: 320px;
  }

  .thumb-contain-6.wandh {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-6 {
    background-position: 50%;
    background-size: cover;
  }

  .home_work-th-6.wandh {
    width: 120px;
    height: 120px;
  }

  .home-li-link {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
  }

  .div-block-2 {
    height: auto;
    padding-top: 42px;
    padding-bottom: 66px;
  }

  .div-block-3.shorten-prefoot-home-img {
    height: 414px;
  }

  .prefooter {
    padding: 40px 10px;
  }

  .div-block-123 {
    width: 240px;
    min-width: 240px;
    height: 240px;
    min-height: 240px;
  }

  .div-block-124 {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .div-block-12w {
    margin-left: 0;
  }

  .hu--manhi {
    margin-left: 0;
    margin-right: auto;
  }

  .paragraphasdad {
    margin-left: auto;
  }

  .header_subpages.colours_100 {
    border-radius: 10px;
    flex-direction: column;
    padding: 1.25rem;
  }

  .logo_contain_subpages {
    margin: 0 auto auto 0;
    padding-bottom: 10px;
  }

  .logo_sub {
    width: 50px;
    margin-left: 0;
  }

  .section_allworks_1 {
    margin-bottom: 0;
  }

  .sub_page_page_title {
    clear: none;
    margin-left: 10px;
    font-size: 36px;
    line-height: 36px;
    position: relative;
  }

  .div-block-126 {
    flex-direction: column;
    margin-top: 10px;
    display: flex;
  }

  .div-block-127.colours {
    width: 21px;
    height: auto;
    margin-top: 0;
  }

  .paragraph-2 {
    clear: none;
    flex-flow: column;
    flex: 1;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    width: 96%;
    height: auto;
    margin-top: auto;
    margin-left: 10px;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .div-block-128 {
    align-items: flex-start;
  }

  .thumb-contain-aou {
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-aou {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-won {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-won {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-c19n {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-c19n.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-ctsi.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-ctsi.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-bud {
    height: 320px;
  }

  .thumb-contain-bud.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-bud {
    background-position: 50%;
    background-size: 100%;
  }

  .home_work-th-bud.wandh, .home_work-th-bb.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-bb.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-email.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-email.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-food.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-food.wandh, .thumb-contain-1_sm.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-sm.wandh {
    width: 120px;
    height: 120px;
  }

  .nav-menu-2 {
    align-items: center;
  }

  .brand-2 {
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    align-self: center;
    font-size: 14px;
  }

  .nav-link-2 {
    align-self: center;
    font-size: 15px;
  }

  .nav-link-3 {
    padding-right: 10px;
  }

  .nav-link-4 {
    padding-left: 10px;
  }

  .work_h1.sfsdfsdfsdfs {
    font-size: 31px;
    line-height: 41px;
  }

  .section-r3efwds {
    flex-direction: column;
    display: flex;
  }

  .additional-work-allpage {
    grid-column-gap: 15px;
  }

  .div-block-129 {
    display: flex;
  }

  .won_day_night {
    padding-bottom: 10px;
  }

  .text-block-7 {
    font-size: .38em;
    line-height: 16px;
  }

  .project_xwide {
    width: 100%;
  }

  .project_xwide.with_background_gradient {
    padding: 20px;
  }

  .project_xwide.sfsfsdfsd {
    flex-direction: column;
    display: flex;
  }

  .image-9, .image-10 {
    border-radius: 5px;
  }

  .section-video {
    flex-direction: column;
    padding: 20px;
    display: flex;
  }

  .an_video_art, .an_video_art.add_margin {
    margin-bottom: 60px;
  }

  .section-photo {
    flex-direction: column;
    padding: 20px;
    display: flex;
  }

  .project_images {
    clear: none;
    border-radius: 15px;
    flex: 0 100%;
    width: auto;
    margin: 0 auto;
    padding: 10px 13px 13px;
    display: block;
    overflow: visible;
  }

  .project_images.bahbsdhbadha {
    padding: 0;
  }

  .desktop_sizes.sgsdfs {
    width: 100%;
    margin-left: auto;
    padding: 20px;
    position: static;
  }

  .div-block-8 {
    clear: none;
    flex-wrap: wrap;
    flex: 0 auto;
    width: 100%;
    margin: 6px auto 20px;
    padding: 10px 0;
    display: block;
  }

  .text_title {
    border-radius: 0;
    flex: 0 auto;
    width: auto;
    min-width: auto;
    max-width: none;
    padding-right: 0;
    font-size: 14px;
    line-height: 14px;
    display: block;
  }

  .div-block-27-copy {
    flex-flow: column wrap;
    align-items: center;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .scratch-copy {
    align-self: center;
    width: 100%;
    height: 250px;
    padding-left: 0;
    padding-right: 0;
  }

  .photo_contain.add_margin {
    flex: 1;
  }

  .div-block-28 {
    flex-wrap: wrap;
    place-content: flex-start center;
    align-items: flex-start;
    width: 71vw;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .div-block-29 {
    flex: 0 100%;
    align-content: flex-start;
    align-items: flex-start;
    top: auto;
  }

  .div-block-30 {
    z-index: 2;
    flex: none;
    width: 116px;
    position: absolute;
    top: 78px;
  }

  .image-12 {
    z-index: 2;
    flex: 0 0 100%;
    display: block;
  }

  .image-13 {
    z-index: 1;
    flex: none;
    width: 57vw;
  }

  .image-14 {
    flex: 0 auto;
    margin-top: 46px;
  }

  .fdsdvdf {
    clear: none;
    flex-wrap: wrap;
    flex: 0 0 100%;
    margin: 6px auto 20px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .image-15 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .lightbox-link.scratch {
    width: 100%;
    height: 250px;
  }

  .lightbox-link-2.scratch {
    width: 100%;
  }

  .scratch {
    width: 100%;
    height: 250px;
  }

  .desktop_sizes-2 {
    padding: 20px;
    display: flex;
  }

  .div-block-131 {
    flex-direction: column;
    align-items: center;
    width: auto;
    max-width: none;
    margin-right: auto;
  }

  .div-block-132 {
    clear: none;
    flex-wrap: wrap;
    flex: 0 auto;
    align-self: center;
    width: 100%;
    margin: 6px auto 20px;
    display: block;
  }

  .scratch-copy-copy-copy {
    width: 250px;
    height: 250px;
  }

  .desktop_sizes34 {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .desktop_sizes-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-133 {
    clear: none;
    flex-wrap: wrap;
    flex: 0 0 100%;
    margin: 6px auto 20px;
    display: block;
  }

  .div-block-27-copy-copy-2 {
    display: flex;
  }

  .scratch-copy-copy {
    width: 250px;
    height: 250px;
  }

  .section-illustration {
    flex-direction: column;
    padding: 20px;
    display: flex;
  }

  .dfsdfsdfds {
    width: 100%;
    height: auto;
  }

  .illust_contain.bg_gradient_1, .illust_contain.bg_gradient_2, .illust_contain.bg_gradient_3, .illust_contain.bg_gradient_4, .illust_contain.bg_gradient_fxfsdfx {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dfsdfsdfds-2, .dfsdfsdfds-3, .dfsdfsdfds-4 {
    width: 100%;
    height: auto;
  }

  .grid-3, .grid-3242 {
    flex-direction: column;
    display: flex;
  }

  .div-block-134, .div-block-135 {
    display: none;
  }

  .div-block-136, .div-block-137, .grid-3244, .div-block-138, .addsfdsf {
    flex-direction: column;
    display: flex;
  }

  .sec_gen {
    flex-direction: column;
    padding: 20px;
    display: flex;
  }

  .slider-2 {
    background-color: #0000;
    height: 40vh;
  }

  .div-block-26 {
    flex-basis: 90%;
  }

  .slide-nav {
    font-family: Inconsolata, monospace;
  }

  .conta {
    background-color: #0000;
    height: 40vh;
  }

  .slider-3 {
    height: auto;
  }

  .fsdfsdfsdf {
    flex-basis: 90%;
  }

  .logo_contain_avout {
    margin: 0 auto auto 0;
    padding-bottom: 10px;
  }

  .link-2 {
    line-height: 12px;
  }

  .project_text-copy, .grid-3245 {
    flex-direction: column;
    display: flex;
  }

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

  .browser {
    margin-bottom: 40px;
  }

  .speaker {
    margin-left: 0;
  }

  .div-block-143 {
    width: 10px;
    height: 10px;
    margin-right: 11px;
  }

  .grid-3247 {
    display: block;
  }

  .mobile_phone {
    height: auto;
  }

  .fwsfdsdfdfzs {
    margin-top: 17px;
  }

  .windows_buttons {
    margin-top: 0;
    padding-top: 14px;
  }

  .grid-3248 {
    flex-direction: column;
    display: flex;
  }

  .image-37 {
    flex: 0 auto;
    width: 100%;
  }

  .grid-3249 {
    flex-direction: column;
    display: flex;
  }

  .div-block-147 {
    width: auto;
    margin-top: auto;
  }

  .refwesz {
    flex-direction: column;
    display: flex;
  }

  .f23qwdasc {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px;
  }

  .div-block-148 {
    width: auto;
  }

  .erwerwrwef {
    font-size: 10px;
    line-height: 15px;
  }

  .div-block-151 {
    height: auto;
  }

  .div-block-152 {
    flex-direction: column;
    display: flex;
  }

  .cdsfdsvxs {
    margin-bottom: 60px;
  }

  .text-block-9 {
    text-align: left;
    line-height: 26px;
  }

  .div-block-151-copy {
    height: 80vh;
    min-height: auto;
    max-height: 80vh;
  }

  .div-block-156 {
    flex-direction: column;
    display: flex;
  }

  .fdsfsdfsdf {
    flex-direction: column;
  }

  .adasdacz {
    flex-direction: column;
    margin-top: 40px;
    display: flex;
  }

  .grid-3250 {
    flex-direction: column;
    display: flex;
  }

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

  .wff3ewdscs {
    height: auto;
  }

  .rvxvxvsd {
    height: auto;
    min-height: auto;
    max-height: 80vh;
  }

  .heading-7 {
    margin-bottom: 20px;
    line-height: 24px;
  }

  .project_images_container {
    clear: none;
    border-radius: 15px;
    margin-top: 0;
    padding: 13px;
    overflow: visible;
  }

  .related_content {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .elements_div_about2, .elements_div_about1, .elements_div_about3 {
    height: auto;
  }

  .about_ports {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .div-block-158 {
    flex-direction: column;
    display: flex;
  }

  .image-55 {
    width: 100%;
    max-width: none;
    display: block;
  }

  .html-embed-4 {
    width: 100%;
  }

  .gfdgsxfsddf {
    flex-flow: column wrap;
    align-items: center;
    max-width: 211px;
    padding: 0;
  }

  .wrewrwzsf {
    clear: none;
    flex-wrap: wrap;
    flex: 0 auto;
    width: 100%;
    margin: 6px auto 20px;
    padding: 10px 0;
    display: block;
  }

  .project_xwide-copy {
    width: 100%;
  }

  .project_xwide-copy.with_background_gradient {
    padding: 20px;
  }

  .project_xwide-copy.sfsfsdfsd {
    flex-direction: column;
    display: flex;
  }

  .thumb-contain-3453543 {
    height: 320px;
  }

  .thumb-contain-3453543.wandh {
    flex: 0 auto;
    align-self: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .new_badge {
    max-width: 75px;
    margin-right: -215px;
  }

  .image-57 {
    max-width: none;
    display: block;
  }

  .home_work-gw {
    background-size: cover;
  }

  .home_work-gw.wandh {
    width: 120px;
    height: 120px;
  }

  .home_work-gw.techchange {
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    width: 80%;
    min-width: 10px;
    height: 100%;
    display: block;
    position: static;
  }

  .home_work-techchabge {
    background-image: url('../images/homepage-techChange.webp');
    background-size: cover;
    width: 80%;
    height: 100%;
  }

  .home_work-techchabge.wandh {
    width: 120px;
    height: 120px;
  }

  .home_work-techchabge.techchange {
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    width: 80%;
    min-width: 10px;
    height: 100%;
    display: block;
    position: static;
  }

  .thumb-contain-tc {
    height: 320px;
  }

  .thumb-contain-tc.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .thumb-contain-tc.new_bg {
    background-size: 74px, auto;
    height: 320px;
  }

  .image-61 {
    width: 50vw;
    min-width: auto;
  }

  .project_text-vxccdvew {
    padding-bottom: 0;
  }

  .thumb-contain-equin {
    height: 320px;
  }

  .thumb-contain-equin.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-equin {
    background-size: auto 183%;
    width: 80%;
    height: 100%;
  }

  .home_work-equin.wandh {
    width: 120px;
    height: 120px;
  }

  .homepage-work-thumbs_bbod {
    margin-bottom: 1rem;
    display: block;
    position: static;
  }

  .thumb-contain-3--bbod {
    height: 320px;
  }

  .thumb-contain-3--bbod.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .thumb-contain-3-copy {
    height: 320px;
  }

  .thumb-contain-3-copy.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .thumb-contain-3-bbod {
    height: 320px;
  }

  .thumb-contain-3-bbod.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th-3-bbod {
    background-size: auto 183%;
  }

  .home_work-th-3-bbod.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-3-email {
    height: 320px;
  }

  .thumb-contain-3-email.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home_work-th--email {
    background-size: auto 183%;
  }

  .home_work-th--email.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-blka {
    height: 320px;
  }

  .thumb-contain-blka.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .t-humb-contain-blka {
    background-size: auto 183%;
  }

  .t-humb-contain-blka.wandh {
    width: 120px;
    height: 120px;
  }

  .thumb-contain-infograph {
    height: 320px;
  }

  .thumb-contain-infograph.wandh {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .txhumb-contain-infograph {
    background-size: auto 183%;
  }

  .txhumb-contain-infograph.wandh {
    width: 120px;
    height: 120px;
  }

  .heading-2-copy {
    letter-spacing: 9px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 22px;
  }

  .heading-2-copy.dark_bg {
    flex: 1;
    width: 100%;
  }

  .additional-work-allpage-copy {
    grid-column-gap: 15px;
  }
}

#w-node-b011b0ee-eaf1-93ca-24a1-bcf02a950692-36527b5c, #w-node-_62d343c9-3243-a2b8-4bb3-1ea5cae577f7-36527b5c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5f548e7a-e5ea-3123-eb39-8ee2e394fd3c-36527b5c {
  place-self: stretch stretch;
}

#w-node-_725ffc93-adc0-1636-50ae-cda946784a3c-36527b5c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b5cd22fd-ad83-854f-69c4-e6a7bb6c26f3-36527b5c {
  place-self: stretch stretch;
}

#w-node-_771e6c9e-14ed-a2b2-cb72-4963137f487f-36527b5c, #w-node-_98d52602-b7c7-9fd5-03f6-9a8ed8a2eb3d-36527b5c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2cac7781-e3a7-81f2-258f-706a6019f9f0-36527b5c {
  place-self: stretch stretch;
}

#w-node-ae959a28-baea-8a2b-1201-97adc55b69aa-36527b5c, #w-node-_7225882c-ecbb-f8a3-0b3c-a345fa978e1a-36527b5c, #w-node-_079571d1-54f2-12dc-7a85-a2732c922288-5bdeaa22, #w-node-c1384c4d-7a4f-4807-4ead-3025929c8730-5bdeaa22, #w-node-_90ed574e-9417-ec16-0b99-a7f0bfc861a0-5bdeaa22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8f4fb221-eed4-7e97-c1e3-be74412a18a9-5bdeaa22 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d3122f33-911b-6f01-1518-ffab32775964-5bdeaa22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9928bdcc-f24c-d6da-ae38-19d781219993-5bdeaa22 {
  place-self: stretch stretch;
}

#w-node-_8a52c1c3-7bc4-e599-17a9-6f0f23e896a7-5bdeaa22, #w-node-ed0469dd-5e7e-739b-72a7-ba6f9df9bb6b-5bdeaa22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed0469dd-5e7e-739b-72a7-ba6f9df9bb6c-5bdeaa22 {
  place-self: stretch stretch;
}

#w-node-d5072dcf-20a6-e207-f92a-326db1eac573-5bdeaa22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9928bdcc-f24c-d6da-ae38-19d7812199ab-5bdeaa22, #w-node-_9928bdcc-f24c-d6da-ae38-19d78121999b-5bdeaa22, #w-node-f7fc799a-07a9-4323-149e-93ab904e1f0d-5bdeaa22, #w-node-_281111fa-242a-368e-3d3d-799e52c8dee7-5bdeaa22, #w-node-_3045e6f9-cd86-90d5-6e99-dcb92d29f3c3-5bdeaa22, #w-node-b76ee933-d8b5-17ca-ca0e-58539e269a75-5bdeaa22 {
  place-self: stretch stretch;
}

#w-node-_043706d8-720b-6484-3a28-ab7e807c8c8d-f1f46d9a, #w-node-_3dc14ce9-77c5-428e-4f99-6082e2f8b24b-f1f46d9a, #w-node-_3dc14ce9-77c5-428e-4f99-6082e2f8b24d-f1f46d9a, #w-node-_27cad411-0282-4b4e-cea3-f329042f98e7-f1f46d9a, #w-node-_31cd2c11-80de-022b-9d31-81e59f650fee-3f19e9e5, #w-node-daf59784-706b-d899-00ae-d7b63c57ad1a-3f19e9e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_304dc067-1b81-78a0-c92f-2010c956834e-3f19e9e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_396bf08e-1a53-75bf-ad11-6d955bab1b61-3f19e9e5, #w-node-_8e211459-c689-01fd-dd0d-1337ec3fa546-3f19e9e5, #w-node-_36425ba0-f358-e480-a385-86c363a2c561-3f19e9e5, #w-node-_73d238d1-df37-f3b2-c07c-0166c55b0174-3f19e9e5, #w-node-_6e7a899d-e50a-370b-44c9-4f1e2e441cd8-3f19e9e5, #w-node-_6e7a899d-e50a-370b-44c9-4f1e2e441cdd-3f19e9e5, #w-node-efae7b27-902f-bad2-c1c6-455ae2e2ce02-c77aad2f, #w-node-_039238c6-2cea-a026-9fd5-754449317b7b-c77aad2f, #w-node-_859633ea-fda3-e061-90b4-54ce3cb2f236-c77aad2f, #w-node-_3c2c2051-163c-2a70-1efb-30dfad3effe6-c77aad2f, #w-node-_4dda68ee-8f76-48d3-14de-1af289b4da98-c77aad2f, #w-node-_0322cfcf-fccd-1a10-55e2-f1b440f6a24a-32a0daa0, #w-node-b3e8ac31-15bd-6087-289d-ec5dd93ef069-32a0daa0, #w-node-a45d8178-49cc-a916-e136-582aa4b52776-98745946, #w-node-ed81fafd-c659-4fd7-dcbf-d0c716b10e66-98745946 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4eb215df-ee97-1b8b-fc89-dac9e480cec2-98745946 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-afccf8af-4410-03ed-3442-df2ba5cdbdce-98745946 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e91af437-8062-bc29-c8ea-b23a6cab32a0-98745946 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_970fa3d7-adcf-bc90-b8b7-e47087287ace-8824dfd3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ff46f53b-6238-b7c2-6808-7f2182613ce9-8824dfd3, #w-node-_48911f62-b7c4-39fd-60dc-acb7374ed5a8-8824dfd3, #w-node-adac9068-6866-a1b3-f840-459a71b72d02-8824dfd3, #w-node-_710e6de6-6f83-ad20-3f89-1afceb927290-8824dfd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2f9729c-5430-5cdb-68a2-6f2273b189d8-8824dfd3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_00a326a2-b1b2-19a6-2322-8e7c534c4e91-8824dfd3, #w-node-bbf32815-f932-2dfd-ddee-eeb91259df7c-8824dfd3, #w-node-_6201680a-0836-75c7-9b9f-be887ebca56c-8824dfd3, #w-node-c52ca1c7-11e3-ce61-5661-9ef915cadd81-8824dfd3, #w-node-fd332f7d-f582-b616-950a-59b905f802e8-8824dfd3, #w-node-_556ee7d8-6e0e-d267-be6c-4dfaa1e985ed-8824dfd3, #w-node-c6bd2a57-8e32-388a-316b-098a0f5ac540-8824dfd3, #w-node-c06b482e-9eda-f1b7-27a8-88a45efc85e2-8824dfd3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c31f536-071e-c434-a44c-549bd5e964a5-4955909f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_399a6d09-a62a-f526-ee37-2cbacc0248d0-4955909f, #w-node-_440efd83-3e51-f626-0231-e5838e472696-4955909f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_3ff9abe6-7e1d-0232-01fb-743610aebab8-4955909f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b9daa54b-bd6b-4ab3-05d6-342a973639f0-4955909f, #w-node-fe52c92d-a2ed-881c-5aa0-ca6b711a941c-4955909f, #w-node-_78c6b994-e4d5-7ade-52c4-3deb986d399f-4955909f, #w-node-_8b4b16aa-ea71-cf84-73c3-fa903bc10ce2-4955909f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e8b126ee-8b54-819b-9f99-37567ce7098d-4955909f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-acffdce7-0e9b-7f26-0901-62398d6396e8-4955909f, #w-node-fa9400e7-574b-530e-5cdb-3c2e3a14ce18-4955909f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77a1c390-51e3-ad42-7521-d7bde4c9f46e-4955909f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c4b3d53-4342-457c-98a8-ca6b13ef60b4-bc4e0ec5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7b1a7fd7-af82-91a6-033f-d9a92215bb07-bc4e0ec5, #w-node-e7911846-271f-06b2-6374-41902a88f898-bc4e0ec5, #w-node-_0600f7ec-4d7c-0daa-f1a2-684b6ffaa879-bc4e0ec5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c31f536-071e-c434-a44c-549bd5e964a5-bc4e0ec5, #w-node-_3ff9abe6-7e1d-0232-01fb-743610aebab8-bc4e0ec5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d9be347b-3113-7b46-87d4-84b5409852d3-bc4e0ec5, #w-node-_759b0bc6-7bb9-34fd-67e2-796c15eecf87-bc4e0ec5, #w-node-_3c31f536-071e-c434-a44c-549bd5e964a5-c7527034, #w-node-_02857a14-a575-60a8-b0be-69b4c11480af-c7527034, #w-node-_3379315f-a4ee-680f-b27e-d9274fda690d-c7527034, #w-node-_7d79d737-b7fe-c237-dd35-897f56f6a827-c7527034 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ff9abe6-7e1d-0232-01fb-743610aebab8-c7527034, #w-node-_144c881d-1e7e-f3e0-72db-6b5a877203ca-c7527034, #w-node-_2da19a5d-9e71-3ffd-c582-bfa26a2abf1c-c7527034, #w-node-_6c6e3dd4-460c-9182-303f-c9a0a9c34df5-c7527034, #w-node-a52c27f7-9f5d-7f1c-a5ae-5647aa256bbf-da2739e3, #w-node-fb8e91fc-8ee4-9d0b-9bf1-6d6e4201b7f6-da2739e3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_18cbc1f0-6c31-c558-216f-8b3063b334fc-da2739e3, #w-node-_650dd6ae-2706-cf1e-59ff-3b6e5071f8cf-da2739e3, #w-node-a4614104-dd1b-e41f-1bf3-33ee62a8a2a5-da2739e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0cc378d8-6271-9a17-fbde-4f50af1afd38-da2739e3, #w-node-_96a51b34-fa65-eef4-fc55-34063c6ba994-da2739e3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_10ca3d3b-c72d-4396-5de5-5a51677fd9ae-da2739e3, #w-node-_6840d4fa-0581-a353-7e0a-e3ac24ca43f7-da2739e3, #w-node-a100e44d-b781-8664-d946-090b5d88cd3e-da2739e3, #w-node-b51d61a9-a409-43aa-7d85-620732f56f4c-da2739e3, #w-node-_8af121e8-4c1e-2dd4-7424-2bcc8b529358-da2739e3, #w-node-_996a10a7-1af2-8e76-b55a-2b641dc3b928-da2739e3, #w-node-db8eedb7-9570-83c7-d2ff-9205518bae9f-da2739e3, #w-node-_09857ad1-6c4f-16b4-dbb4-1edd67ad1246-da2739e3, #w-node-_3a843f1a-8e80-2b41-5a21-03202b1914bd-da2739e3, #w-node-_45f7b5c4-44a5-997b-1c35-a71d64625733-da2739e3, #w-node-_8bf11456-b7f3-ec00-2fd3-9fbea8ff12d3-da2739e3, #w-node-b237c3dd-d4f9-f116-0ad5-0832596168f0-da2739e3, #w-node-a43da318-0a01-7f9e-8044-a85749c10429-da2739e3, #w-node-_5563608a-bf44-fae3-5c18-c8d443e4b76e-da2739e3, #w-node-_80ba7866-1d0a-079f-b149-74b595bc8509-da2739e3, #w-node-_5cd03cef-401a-e0e1-a083-c216f65f0cd1-da2739e3, #w-node-_6c4c1aeb-e787-39fa-ea39-904eef3cfdbb-2e374961 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b369e60-1625-dbc1-b953-b1cdd42da9a8-2e374961 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bab40db3-a012-e760-7f10-10148e821252-2e374961, #w-node-d7a838d3-4a90-5b41-fc24-690c140f032c-2e374961 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f588780-fa67-ae63-c17b-fd2b7cae0b93-2e374961 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: center;
}

#w-node-_05ee3365-7123-fbc8-9278-9de3d7433b43-2e374961, #w-node-_0a2dbf55-3254-11c9-6989-960e9772113e-2e374961, #w-node-bdb97cb7-c9c9-6995-3f82-45c9624eee98-2e374961, #w-node-ee50d54c-4d81-8418-3db4-2dd298666fac-2e374961, #w-node-_82279dd1-15fb-0448-39dc-eddd69b64502-2e374961, #w-node-_0557f2f3-dc38-2dc9-e5d1-04faa82e19b6-2e374961, #w-node-e779b18f-e8fe-f079-d4c4-49374af3f288-2e374961, #w-node-_1fdd66d7-e880-4091-fba0-cf3ecefc91b7-2e374961, #w-node-_1acf89ea-3993-1547-daa7-326824706162-2e374961, #w-node-e38fb9e4-e443-e85c-19ca-6a59726168b4-5e8ee881, #w-node-d9be347b-3113-7b46-87d4-84b5409852d3-2b58ca38, #w-node-_759b0bc6-7bb9-34fd-67e2-796c15eecf87-2b58ca38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6462a20a-2969-f0ea-4183-3c80549ea3b9-2b58ca38 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6462a20a-2969-f0ea-4183-3c80549ea3ba-2b58ca38, #w-node-f84b9fd8-ae1f-4941-7bea-aa8b46e39d09-2b58ca38, #w-node-_6462a20a-2969-f0ea-4183-3c80549ea3bb-2b58ca38, #w-node-b703cab3-0020-0896-4124-5d4559afec9e-2b58ca38, #w-node-_2d4c0488-9589-a9c6-4506-9714010e0c40-2b58ca38, #w-node-f48a5181-2fac-956e-a342-0498ab3419f4-2b58ca38, #w-node-_4285d2d2-ea64-e6cc-9cac-98be84a5457e-2b58ca38, #w-node-d8dd7fbc-d79f-afb6-c9c2-9766920a2273-2b58ca38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c31f536-071e-c434-a44c-549bd5e964a5-2b58ca38, #w-node-_3ff9abe6-7e1d-0232-01fb-743610aebab8-2b58ca38, #w-node-_3ff9abe6-7e1d-0232-01fb-743610aebab8-7f6df790 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b1fb3b1e-9a00-af89-ec8f-7e4c6e3defc2-7f6df790 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-b1fb3b1e-9a00-af89-ec8f-7e4c6e3defc3-7f6df790, #w-node-_3589bd9e-9193-4dcd-f250-c51713c43b93-7f6df790 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45e32cd7-c493-a954-ec76-ff2c07bcdd63-7f6df790 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_45e32cd7-c493-a954-ec76-ff2c07bcdd64-7f6df790, #w-node-_07510411-188b-b65b-dcd1-3bf5bde60a24-7f6df790, #w-node-_4b71b1c7-a1b2-aeac-6fde-5b52b3bdd306-e3abc20e, #w-node-_4b71b1c7-a1b2-aeac-6fde-5b52b3bdd318-e3abc20e, #w-node-_4b71b1c7-a1b2-aeac-6fde-5b52b3bdd32f-e3abc20e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Bold-App.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Black-App.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-BlackItalic-App.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-BoldItalic-App.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Extralight-App.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Semibold-App.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-ExtralightItalic-App.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-LightItalic-App.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-MediumItalic-App.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Regular-App.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-RegularItalic-App.ttf') format('truetype'), url('../fonts/Graphik-SuperItalic-App.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Light-App.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-SemiboldItalic-App.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Medium-App.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Thin-App.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-ThinItalic-App.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vegan Sans';
  src: url('../fonts/VeganSansBasic-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-1.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-2.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-4.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-5.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-6.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-3.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-7.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-8.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metal';
  src: url('../fonts/Metal-Reg-9.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BD Relaunch';
  src: url('../fonts/BD_Relaunch.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}