@font-face{
  font-family: Geist Wght;
  src: url('../fonts/Geistwght.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face{
  font-family: Geist;
  src: url('../fonts/Geist-BoldItalic.woff2') format("woff2"), url('../fonts/Geist-ExtraBoldItalic.woff2') format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

@font-face{
  font-family: Geist;
  src: url('../fonts/Geist-ExtraLightItalic.woff2') format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face{
  font-family: Geist;
  src: url('../fonts/Geist-Italicwght.woff2') format("woff2"), url('../fonts/Geist-RegularItalic.woff2') format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

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

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

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

@font-face{
  font-family: Geist;
  src: url('../fonts/Geist-SemiBoldItalic.woff2') format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

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

:root{
  --_colors---text-secondary: #6e6c69;
  --_colors---text-display: #2a2927;
  --_colors---bg: white;
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_spacing---m: 2rem;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_colors---divider: #e1e0dd;
  --_spacing---l: 4rem;
  --_radius---s: 4px;
  --_spacing---xl: 6rem;
  --_spacing---s: 1rem;
  --_colors---img: #29292933;
  --_colors---img-hover: #29292999;
  --_spacing---sm: 1.5rem;
  --_colors---text-primary: #3e3d3b;
  --_spacing---xxs: .5rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_colors---important: #8d6f58;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  --_radius---l: 12px;
  --_spacing---xxl: 8rem;
  --_radius---m: 8px;
  --_colors---text-tertiary: #a8a39e;
  --_colors---img-overlay: #2929294d;
  --_colors---bg-muted: #fcfcfc;
  --_spacing---xs: .75rem;
  --_spacing---xxxs: .25rem;
}

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

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

a{
  color: var(--_colors---text-secondary);
  font-weight: 500;
  text-decoration: none;
}

a:hover{
  color: var(--_colors---text-display);
}

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

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

.body{
  background-color: var(--_colors---bg);
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
}

.header-wrapper{
  z-index: 100;
  background-color: var(--_colors---bg);
  --_spacing---m: 2rem;
  --_spacing---l: 4rem;
  --_spacing---xl: 6rem;
  --_spacing---s: 1rem;
  --_spacing---sm: 1.5rem;
  --_spacing---xxs: .5rem;
  --_spacing---xxl: 8rem;
  --_spacing---xs: .75rem;
  --_spacing---xxxs: .25rem;
  width: 100%;
  display: flex;
}

.nav-title{
  width: auto;
  color: var(--_colors---text-display);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.nav-title:hover{
  color: var(--_colors---text-secondary);
}

.header{
  z-index: 9999;
  width: 100%;
  padding: 3rem;
  display: flex;
}

.nav-wrapper{
  grid-column-gap: var(--_spacing---m);
  grid-row-gap: var(--_spacing---m);
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.nav-link{
  color: var(--_colors---text-secondary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>);
  line-height: var(--_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  font-weight: 500;
  text-decoration: none;
}

.nav-link:hover{
  color: var(--_colors---text-display);
}

.nav-link.work-link{
  display: none;
}

.nav-link.work-link.w--current{
  transition: color .2s;
}

.nav-link.work-link.w--current:hover{
  color: var(--_colors---text-display);
  font-weight: 400;
}

.nav-link.work-link.is-active{
  display: none;
}

.nav-link.work-link.is-active.w--current{
  color: var(--_colors---text-display);
  font-weight: 500;
}

.nav-link.about-link{
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  font-weight: 400;
  transition: color .2s;
}

.nav-link.about-link.w--current{
  color: var(--_colors---text-display);
}

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

.footer{
  --_spacing---m: 2rem;
  --_spacing---l: 4rem;
  --_spacing---xl: 6rem;
  --_spacing---s: 1rem;
  --_spacing---sm: 1.5rem;
  --_spacing---xxs: .5rem;
  --_spacing---xxl: 8rem;
  --_spacing---xs: .75rem;
  --_spacing---xxxs: .25rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 3rem 2rem;
}

.footer-links{
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: flex;
}

.footer-link{
  color: var(--_colors---text-secondary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s;
}

.footer-link:hover{
  color: var(--_colors---text-display);
}

.footer-text{
  color: var(--_colors---text-secondary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  margin-left: auto;
  margin-right: 0;
}

.footer-wrapper{
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--_colors---divider);
  border-radius: 1px;
  padding-top: 1rem;
  display: flex;
}

.main{
  width: 100%;
  color: var(--_colors---text-display);
  --_spacing---m: 2rem;
  --_spacing---l: 4rem;
  --_spacing---xl: 6rem;
  --_spacing---s: 1rem;
  --_spacing---sm: 1.5rem;
  --_spacing---xxs: .5rem;
  --_spacing---xxl: 8rem;
  --_spacing---xs: .75rem;
  --_spacing---xxxs: .25rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.selected-projects-grid{
  grid-column-gap: var(--_spacing---l);
  grid-row-gap: var(--_spacing---l);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-card{
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: static;
}

.section-work{
  width: 100%;
  max-width: 1440px;
  padding-top: var(--_spacing---xl);
  padding-bottom: var(--_spacing---xl);
  grid-column-gap: var(--_spacing---s);
  grid-row-gap: var(--_spacing---s);
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-work.fade-up-load-delayed{
  padding-left: 10rem;
  padding-right: 10rem;
}

.project-img{
  aspect-ratio: 3 / 2;
  border-radius: var(--_radius---s);
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px var(--_colors---img);
  cursor: pointer;
  transition: filter .4s cubic-bezier(.22, 1, .36, 1), box-shadow .4s cubic-bezier(.47, 0, .745, .715);
  position: relative;
  overflow: hidden;
}

.project-img:hover{
  box-shadow: inset 0 0 0 1px var(--_colors---img-hover);
  filter: saturate(102%) contrast(102%) brightness(102%);
}

.project-title{
  color: var(--_colors---text-display);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.text-block{
  color: var(--_colors---text-secondary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  font-weight: 400;
}

.div-block{
  flex-flow: column;
  display: flex;
}

.project-img-wrapper{
  border-radius: var(--_radius---s);
  transition: box-shadow .3s cubic-bezier(.47, 0, .745, .715);
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000000d;
}

.project-img-wrapper:hover{
  box-shadow: 0 4px 8px #0000001a;
}

.project-img-el{
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.project-img-el:hover{
  box-shadow: inset 0 0 0 1px var(--_colors---img-hover);
}

.inner-vignette{
  z-index: 3;
  border-radius: var(--_radius---s);
  box-shadow: inset 0 0 0 1px var(--_colors---img);
  transition: box-shadow .4s cubic-bezier(.47, 0, .745, .715);
  position: absolute;
  inset: 0;
}

.inner-vignette:hover{
  box-shadow: inset 0 0 0 1px var(--_colors---img-hover);
}

.project-media{
  transform: scale3d(1none, 1none, 1none);
  object-fit: cover;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hover-video{
  z-index: 2;
  opacity: 0;
  cursor: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.section-info{
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-grid{
  grid-column-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  display: flex;
}

.info-block{
  flex-flow: column;
  max-width: 1024px;
  display: flex;
}

.info-text{
  max-width: 60ch;
  color: var(--_colors---text-primary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  text-align: left;
  letter-spacing: var(--_typography---ls--base);
  margin-bottom: 0;
}

.info-heading{
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-bottom: .75rem;
  font-weight: 500;
}

.info-list{
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.info-list-item{
  color: var(--_colors---text-primary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  justify-content: flex-start;
  align-items: center;
}

.case-header{
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.case-title{
  max-width: 30ch;
  color: var(--_colors---text-display);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--xl);
  line-height: var(--_typography---lh--xl);
  letter-spacing: var(--_typography---ls--xl);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.case-subtitle{
  max-width: 45ch;
  color: var(--_colors---text-secondary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--m);
  line-height: var(--_typography---lh--m);
  letter-spacing: var(--_typography---ls--m);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-bottom: 0;
  font-weight: 400;
}

.case-intro-text{
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: flex;
}

.case-hero{
  border: 1px solid var(--_colors---img);
  border-radius: var(--_radius---s);
  margin-bottom: 0;
  overflow: hidden;
}

.image-hero{
  object-fit: cover;
  height: auto;
  display: block;
}

.case-intro{
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-color: black black var(--_colors---divider);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 360px;
  grid-auto-columns: 1fr;
  margin-bottom: 3rem;
  padding-top: 0;
  padding-bottom: 3rem;
  display: flex;
}

.case-media{
  border: 1px solid var(--_colors---img);
  border-radius: var(--_radius---s);
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.meta-term{
  color: var(--_colors---text-primary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.meta-definition{
  min-width: 20ch;
  color: var(--_colors---text-primary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-bottom: 0;
}

.text-important{
  color: var(--_colors---important);
  font-weight: 600;
}

.case-section-content{
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-left: auto;
  margin-right: auto;
  flex-flow: column;
  margin-inline: auto;
  padding-top: 10rem;
  padding-bottom: 4rem;
  display: flex;
}

.case-section-heading{
  max-width: 30ch;
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--l);
  line-height: var(--_typography---lh--l);
  letter-spacing: var(--_typography---ls--l);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.section-body{
  width: 100%;
  max-width: 58ch;
  color: var(--_colors---text-primary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  overflow-wrap: anywhere;
  word-break: normal;
  margin-bottom: 0;
}

.case-overview-text{
  max-width: 65ch;
  color: var(--_colors---text-primary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  overflow-wrap: anywhere;
  word-break: normal;
  margin-bottom: 0;
}

.meta-item{
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  display: flex;
}

.case-meta{
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.next-projects{
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6rem;
  display: flex;
}

.next-projects.fade-up-scroll{
  padding-left: 10rem;
  padding-right: 10rem;
}

.more-projects-heading{
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: var(--_typography---ls--base);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.see-more-projects-grid{
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-gallery{
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  padding-top: 1rem;
  display: flex;
}

.image-9-16{
  object-fit: cover;
}

.gallery-item{
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  display: flex;
}

.variant-title{
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--s);
  line-height: var(--_typography---lh--s);
  text-align: center;
  letter-spacing: var(--_typography---ls--s);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.variant-note{
  color: var(--_colors---text-secondary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--s);
  line-height: var(--_typography---lh--s);
  text-align: center;
  letter-spacing: var(--_typography---ls--s);
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
}

.variant{
  flex-flow: column;
  display: flex;
}

.italic-text{
  color: var(--_colors---important);
  letter-spacing: var(--_typography---ls--base);
}

.caption{
  border-left-color: var(--_colors---important);
  width: 100%;
  max-width: 50ch;
  color: var(--_colors---text-secondary);
  font-family: Geist, Arial, sans-serif;
  font-size: var(--_typography---fs--base);
  line-height: var(--_typography---lh--base);
  letter-spacing: .025em;
  --_typography---fs--base: 1rem;
  --_typography---lh--base: 1.5;
  --_typography---ls--base: 0em;
  --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
  --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
  --_typography---fs--xl: 2rem;
  --_typography---lh--xl: 1.18;
  --_typography---ls--xl: .015em;
  --_typography---fs--m: 1.5rem;
  --_typography---lh--m: 1.4;
  --_typography---ls--m: -.005em;
  --_typography---fs--l: 1.8rem;
  --_typography---lh--l: 1.25;
  --_typography---ls--l: .01em;
  --_typography---fs--s: .875rem;
  --_typography---lh--s: 1.35;
  --_typography---ls--s: .02em;
  overflow-wrap: anywhere;
  margin: 3rem auto 0;
  padding: .5rem 0 .5rem 1rem;
}

.comparison-content{
  border: 1px solid var(--_colors---img);
  border-radius: var(--_radius---s);
  margin-bottom: 0;
  overflow: hidden;
}

.case-comparison{
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding-top: 1rem;
  display: flex;
}

.image-wrapper-left{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---img);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---img);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---img);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---img);
  border-top-left-radius: var(--_radius---s);
  border-top-right-radius: var(--_radius---s);
  border-bottom-left-radius: var(--_radius---s);
  border-bottom-right-radius: var(--_radius---s);
  flex: .5381 1 0;
  height: auto;
  margin-bottom: 0;
  overflow: hidden;
}

.image-wrapper-right{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_colors---img);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_colors---img);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_colors---img);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_colors---img);
  border-top-left-radius: var(--_radius---s);
  border-top-right-radius: var(--_radius---s);
  border-bottom-left-radius: var(--_radius---s);
  border-bottom-right-radius: var(--_radius---s);
  flex: 1.259 1 0;
  height: auto;
  margin-bottom: 0;
  overflow: hidden;
}

.media-row{
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: start;
  width: 100%;
  height: 100%;
  display: flex;
}

.left-image,
.right-image{
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.case-post-purchase{
  width: 100%;
  max-width: 1440px;
  padding-top: var(--_spacing---xl);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 2fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10rem;
  padding-right: 10rem;
}

.case-section{
  flex-flow: column;
  display: flex;
}

.info-link{
  color: var(--_colors---text-primary);
  font-weight: 500;
}

.info-link:hover{
  color: var(--_colors---text-secondary);
}

.credit-block{
  border-top: 1px solid var(--_colors---divider);
  flex-flow: column;
  max-width: 1440px;
  margin-top: 6rem;
  display: flex;
}

.text-span-8,
.text-span-9{
  font-weight: 500;
}

.img{
  object-fit: cover;
  height: auto;
  display: block;
}

.case-grid-2x2{
  grid-column-gap: .75rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  display: grid;
}

.case-grid-1x2{
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  display: grid;
}

.case-grid-2x1{
  grid-column-gap: .75rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  display: grid;
}

.text-coming-soon{
  color: var(--_colors---text-secondary);
  font-style: italic;
  font-weight: 400;
}

.header-compact{
  z-index: 999;
  width: 100%;
  padding: 1rem 3rem;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.gallery-items{
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.case-grid-2{
  grid-column-gap: .75rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  display: grid;
}

.case-grid-1x1{
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  display: grid;
}

.list-item-paragraph{
  margin-bottom: 0;
}

html.w-mod-js [data-ix="displaynoneonload"]{
  opacity: 0;
  height: 0;
  display: none;
}

html.w-mod-js [data-ix="herowrapperdisplaynone"]{
  display: none;
}

@media screen and (min-width: 1920px) {
  .section-work.fade-up-load-delayed{
    padding-left: 0;
    padding-right: 0;
  }

  .case-subtitle{
    margin-bottom: 0;
  }

  .next-projects.fade-up-scroll{
    padding-left: 0;
    padding-right: 0;
  }

  .image-9-16{
    aspect-ratio: 9 / 16;
  }

  .case-post-purchase{
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {

  .header-wrapper{
    --_spacing---m: 1.5rem;
    --_spacing---l: 3rem;
    --_spacing---xl: 4rem;
    --_spacing---s: .875rem;
    --_spacing---sm: 1.25rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 6rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
  }

  .nav-title{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .header{
    padding: 2rem;
  }

  .nav-link{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .footer{
    --_spacing---m: 1.5rem;
    --_spacing---l: 3rem;
    --_spacing---xl: 4rem;
    --_spacing---s: .875rem;
    --_spacing---sm: 1.25rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 6rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
    padding-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .footer-link{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .main{
    --_spacing---m: 1.5rem;
    --_spacing---l: 3rem;
    --_spacing---xl: 4rem;
    --_spacing---s: .875rem;
    --_spacing---sm: 1.25rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 6rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .selected-projects-grid{
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .section-work.fade-up-load-delayed{
    padding-left: 0;
    padding-right: 0;
  }

  .project-title,
.text-block{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .content-grid{
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .info-heading,
.info-list-item{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .case-header{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .case-title,
.case-subtitle{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .case-intro-text{
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .case-intro{
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }

  .meta-term,
.meta-definition{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .case-section-content{
    padding-top: 6rem;
    padding-bottom: 2rem;
  }

  .case-section-heading,
.section-body,
.case-overview-text{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .case-meta{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .next-projects.fade-up-scroll{
    padding-left: 0;
    padding-right: 0;
  }

  .more-projects-heading{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .see-more-projects-grid{
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .gallery-item{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .variant-title,
.variant-note,
.caption{
    --_typography---fs--base: 1rem;
    --_typography---lh--base: 1.5;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.75rem;
    --_typography---lh--xl: 1.22;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.375rem;
    --_typography---lh--m: 1.45;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.6rem;
    --_typography---lh--l: 1.35;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .875rem;
    --_typography---lh--s: 1.4;
    --_typography---ls--s: .02em;
  }

  .case-comparison{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .case-post-purchase{
    padding-left: 0;
    padding-right: 0;
  }

  .case-grid-2x2,
.case-grid-1x2,
.case-grid-2x1{
    grid-row-gap: 2rem;
  }

  .header-compact{
    padding: 1rem 2rem;
  }

  .gallery-items{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .case-grid-2,
.case-grid-1x1{
    grid-row-gap: 2rem;
  }
}

@media screen and (max-width: 767px) {

  .header-wrapper{
    --_spacing---m: 1.25rem;
    --_spacing---l: 2.5rem;
    --_spacing---xl: 3rem;
    --_spacing---s: .75rem;
    --_spacing---sm: 1rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 4rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
  }

  .nav-title{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .header{
    padding: 1rem;
  }

  .nav-link{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .footer{
    --_spacing---m: 1.25rem;
    --_spacing---l: 2.5rem;
    --_spacing---xl: 3rem;
    --_spacing---s: .75rem;
    --_spacing---sm: 1rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 4rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
    padding: 3rem 1rem 1rem;
  }

  .footer-link{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .main{
    --_spacing---m: 1.25rem;
    --_spacing---l: 2.5rem;
    --_spacing---xl: 3rem;
    --_spacing---s: .75rem;
    --_spacing---sm: 1rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 4rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .selected-projects-grid{
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .project-card{
    border-radius: var(--_radius---s);
  }

  .project-title,
.text-block,
.info-heading,
.info-list-item{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .case-header{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .case-title,
.case-subtitle{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .case-intro{
    padding-top: 0;
    padding-bottom: 2rem;
  }

  .meta-term,
.meta-definition{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .case-section-heading,
.section-body{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
    max-width: 100%;
  }

  .case-overview-text{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
    min-width: 0;
    max-width: 100%;
  }

  .more-projects-heading{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .see-more-projects-grid{
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .case-gallery{
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .variant-title,
.variant-note{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .caption{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
    max-width: 100%;
  }

  .image-wrapper-left,
.image-wrapper-right{
    flex: 0 auto;
  }

  .media-row{
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: center;
  }

  .left-image{
    height: auto;
    display: block;
  }

  .case-post-purchase{
    padding-top: 4rem;
  }

  .case-grid-2x2,
.case-grid-1x2{
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .case-grid-2x1{
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .header-compact{
    padding: 1rem;
  }

  .case-grid-2{
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .case-grid-1x1{
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {

  .header-wrapper{
    --_spacing---m: 1.25rem;
    --_spacing---l: 2rem;
    --_spacing---xl: 2.5rem;
    --_spacing---s: .75rem;
    --_spacing---sm: .875rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 3rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
  }

  .nav-title,
.nav-link{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .footer{
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    --_spacing---m: 1.25rem;
    --_spacing---l: 2rem;
    --_spacing---xl: 2.5rem;
    --_spacing---s: .75rem;
    --_spacing---sm: .875rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 3rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1rem;
  }

  .footer-links{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-link{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .main{
    --_spacing---m: 1.25rem;
    --_spacing---l: 2rem;
    --_spacing---xl: 2.5rem;
    --_spacing---s: .75rem;
    --_spacing---sm: .875rem;
    --_spacing---xxs: .5rem;
    --_spacing---xxl: 3rem;
    --_spacing---xs: .625rem;
    --_spacing---xxxs: .25rem;
  }

  .project-card{
    border-radius: var(--_radius---s);
  }

  .project-title,
.text-block,
.info-heading,
.info-list-item{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .case-header{
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .case-title,
.case-subtitle,
.meta-term,
.meta-definition,
.case-section-heading,
.section-body,
.case-overview-text,
.more-projects-heading,
.variant-title,
.variant-note,
.caption{
    --_typography---fs--base: .9375rem;
    --_typography---lh--base: 1.6;
    --_typography---ls--base: 0em;
    --_typography---fs--body\<deleted\|variable-13df8918-a950-0630-84f7-62e77dc1a3b3\>: 1rem;
    --_typography---lh--body\<deleted\|variable-1aee0772-c4c0-2d7e-09c2-7005e779b534\>: 1.6rem;
    --_typography---fs--xl: 1.3rem;
    --_typography---lh--xl: 1.26;
    --_typography---ls--xl: .015em;
    --_typography---fs--m: 1.25rem;
    --_typography---lh--m: 1.5;
    --_typography---ls--m: -.005em;
    --_typography---fs--l: 1.4rem;
    --_typography---lh--l: 1.4;
    --_typography---ls--l: .01em;
    --_typography---fs--s: .8125rem;
    --_typography---lh--s: 1.45;
    --_typography---ls--s: .02em;
  }

  .case-grid-1x1{
    grid-template-rows: auto;
  }
}

#w-node-_097c59bb-3082-f840-b2a0-4641697bcc19-fdc9cc97{
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@font-face{
  font-family: 'Geist Wght';
  src: url('../fonts/Geistwght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-BoldItalic.woff2') format('woff2'), url('../fonts/Geist-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-Bold.woff2') format('woff2'), url('../fonts/Geist-ExtraBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-Italicwght.woff2') format('woff2'), url('../fonts/Geist-RegularItalic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: 'Geist';
  src: url('../fonts/Geist-ThinItalic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}