/*
  orange: #f77421
  yellow: #f9c654
  black: #111
  white: #e9e9e9
*/
/*---   Allgmein ---*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;scroll-behavior: smooth;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body { overflow-x: hidden; margin:0;min-height:100%;padding-left: 0em;  background-color: #e9e9e9;  font-family: Generalsans, sans-serif;  color: #111;  font-size: 1vw;  line-height: 1.47;}
img{max-width:100%;vertical-align:middle;display:inline-block}
.image {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 100%;object-position: 50% 100%;}
.w-inline-block{max-width:100%;display:inline-block}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}
h1 {  margin-top: 0px;  margin-bottom: -0.04em;  font-family: Rosseta, sans-serif;  font-size: 6.94em;  line-height: 0.89;  font-weight: 400;  letter-spacing: -0.03em;}
h1 span{background: -webkit-linear-gradient(0.25turn, #f9c654, #f77421); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent;}
h2 {  margin-top: 0px;  margin-bottom: 0.1em;  font-family: Rosseta, sans-serif;  font-size: 6.94em;  line-height: 0.89;  font-weight: 400;  letter-spacing: -0.03em;}
h3 {  margin-top: 0px;  margin-bottom: 0em;  font-family: Rosseta, sans-serif;  font-size: 3.96em;  line-height: 1;  font-weight: 400;  letter-spacing: -0.03em;}
.size-1 {  margin-bottom: -0.08em;  font-size: 6.94em;}
.size-4 {  font-size: 2.2em;  line-height: 1.1;}p {  margin-bottom: 10px;  font-size: 1.4em;}
a {  color: #111;  text-decoration: underline;}
ul {  margin-top: 0;  margin-bottom: 2em;  padding-left: 20px;  font-size: 1.4em;  line-height: 1.8;list-style:none;}
li:before{content:"+";font-weight: 100;padding-right: 15px;}
/*---   Sections ---*/
.section:not(.full-width){ padding: 100px 0; }
.section.footer {  border-bottom-style: none; padding:0}
.section.home-v2-hero {  padding-top: 3.3em;}
.section.full-width {  -webkit-box-align: start;  -webkit-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start;}
.w-layout-grid {  display: flex; justify-content: space-around;}
.w-layout-grid > div{width:45%;}
.content {  position: relative;  width: 100%;  max-width: 100em;  margin-right: auto;  margin-left: auto;  padding: 5.8em;}
.section-header {  margin-bottom: 3.35em;}
.section-header.small-header {  margin-bottom: 1.5em;}
.section-header-text-box {  max-width: 27.77em;}
/*---   Navi ---*/
.w-nav{position:relative;background:#e9e9e9;z-index:1000}
.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}
.w-nav:after{clear:both}
.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#111;padding:20px;text-align:left;margin-left:auto;margin-right:auto}
.w-nav-link.w--current{color:#f77421}
.w-nav-menu{position:relative;float:right}
.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}
.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.navbar-container {  justify-content: flex-end;position: relative;  z-index: 100;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  height: 100%;  max-width: 100em;  margin-right: auto;  margin-left: auto;  padding-right: 5.8em;  padding-left: 5.8em; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;background-color: #e9e9e9;}
.button {  margin-left: 13px;position: relative;  display: inline-block;  overflow: hidden;  padding: 12px 29px;  border-radius: 32em;  background-color: #111;  -webkit-transition: color 200ms ease, background-color 200ms ease;  transition: color 200ms ease, background-color 200ms ease; font-weight: 700; color: #e9e9e9;  font-size: 18px;  line-height: 1;  text-align: center;  text-decoration: none;  text-transform: uppercase;}
.nav-menu {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center;align-items: center;}
.nav-link {padding-right: 1.2em;padding-left: 1.2em;font-size: 18px;font-weight:700;}
.nav-link.w--current {color: #111;}
.navigation {position: fixed;left: 0%;top: 0%;right: 0%;bottom: auto;height: 5em;border-bottom: 1px solid #111;background-color: transparent;}
.nav {position: absolute; z-index: 9;}
.navigation-animatin-anchor {height: 5em;}
.nav-filler {position: -webkit-sticky;position: sticky;left: 0%;top: 0%;right: 0%;bottom: auto;z-index: 8;height: 5em;background-color: #e9e9e9;}
.line-one, .line-two{transition: all .3s ease-out;}
.w--open .line-one{transform: translate3d(0px, 5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-45deg) skew(0deg, 0deg);  transform-style: preserve-3d;}
.w--open .line-two{transform: translate3d(0px, -5px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg, 0deg);  transform-style: preserve-3d;}
/*---   Hero ---*/
.hero-half-content {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  padding-right: 4em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.hero-half-image {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  width: 100%;  height: 100%;  min-height: 32em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: end;  -webkit-justify-content: flex-end;  -ms-flex-pack: end;  justify-content: flex-end;  border-style: solid;  border-width: 1px;  border-color: #111;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: 50% 100%;  object-position: 50% 100%;}
.hero-half-image.border-image {  border-style: solid;  border-width: 1px;  border-color: #111;border-radius: 50% 50% 0 0; }
.hero-v2-grid {display: -ms-grid;display: grid;grid-auto-columns: 1fr;grid-column-gap: 4em;grid-row-gap: 0px;-ms-grid-columns: 1fr 0.6fr;grid-template-columns: 1fr 0.6fr;-ms-grid-rows: auto;grid-template-rows: auto;}
.gradient-hero {position: absolute;left: 0%;top: 0%;right: auto;bottom: auto;z-index: -1;width: 50em;}
.gradient-hero-2 {position: absolute;left: auto;top: auto;right: 0%;bottom: -17%;z-index: -1;width: 50em;}.section {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 100%;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  border-bottom: 1px solid #111;  background-image: url("img/bg.svg");  background-position: 0px 0px;  background-size: auto;}
/*---   Skills ---*/
.mission-grid {grid-column-gap: 5.4em;-ms-grid-rows: auto;grid-template-rows: auto;}
.gradient-mission {position: absolute;left: auto;top: 4%;right: 0%;z-index: -1;width: 18em;}
/*---   Timeline ---*/
.timeline-track::-webkit-scrollbar { -webkit-appearance: none; appearance: none; }
.timeline-track::-webkit-scrollbar:vertical { width: 12px; }
.timeline-track::-webkit-scrollbar:horizontal { height: 6px; }
.timeline-track::-webkit-scrollbar-thumb { background-color: #111; }
.timeline-track::-webkit-scrollbar-thumb:hover { background-color: #111; }
.timeline-track::-webkit-scrollbar-track { background-color: transparent; border: 1px #111 solid; }
.timeline-box-year {  font-size: 6em;}
.timeline-box-subtitle {  margin-bottom: 0.2em;  opacity: 0.45;  font-weight:700;  font-size: 2em;}
.timeline-box-text {  overflow: hidden;  margin-bottom: 1em;}
/*.timeline-track-container {  height: 600vw;}*/
.timeline-sticky-parent {  position: -webkit-sticky;  position: sticky;  top: 5em; width: 99vw;  border-top: 1px solid #111;}
.timeline-track {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow-x: scroll;  width: 100vw;}
.timeline-item {  width: 45%;  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto;  flex: 0 0 auto;  border-right: 1px solid #111;}
.timeline-sticky-parent .designer-grid{margin-top: 100px;}
/*---   Get to know me ---*/
.designer-grid {  display: -ms-grid;  display: grid;  grid-auto-columns: 1fr;  grid-column-gap: 0px;  grid-row-gap: 0px;  -ms-grid-columns: 1fr 1fr;  grid-template-columns: 1fr 1fr;  -ms-grid-rows: auto;  grid-template-rows: auto;}
.designer-content {  padding-right: 7em;}
.designer-content.right {  padding-right: 14em;}
.designer-experience-box {  margin-bottom: 2.5em;  padding-bottom: 2em;  border-bottom: 1px solid rgba(17, 17, 17, 0.21);}
.designer-experience-box.last {  margin-bottom: 0em;  border-bottom-style: none;}
.designer-experience-image {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;width: 100%;height: 40em;max-width: 30em;margin-top: 1.5em;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;border-style: solid;border-width: 1px;border-color: #111;-o-object-fit: cover;object-fit: cover;}
/*---   Hobbies   ---*/
.service-single-content {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 100%;  max-width: 26em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.service-accordian-wrapper {  width: 100%;  border-bottom: 1px solid #111;}
.service-accordian-trigger {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  max-width: 100em;  margin-right: auto;  margin-left: auto;  padding: 4em 3.5em;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  cursor: pointer;}
.service-accordian-trigger.small-padding {  padding: 1em;}
.service-accordian-content {  overflow: hidden;}
.service-accordian-plus-wrapper {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 2.5em;  height: 2.5em;  margin-left: auto;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;}
.service-accordian-line-hor {  position: absolute;  width: 100%;  height: 1px;  background-color: #111;}
.service-accordian-line-ver {  width: 1px;  height: 100%;  background-color: #111;  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;}
.services-grid { -webkit-box-align: start;-webkit-align-items: start;-ms-flex-align: start;align-items: start; grid-column-gap: 5em;-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;-ms-grid-rows: auto;grid-template-rows: auto;}
.services-grid-box {padding-left: 1.86em;border-left: 1px solid #111;}
.services-grid-box.second-box { margin-top: 7em;}
.services-grid-box.third-box { margin-top: 14em;}
.services-grid-number {margin-bottom: -0.12em;font-family: Rosseta, sans-serif;font-size: 19.583333333333332em;line-height: 1;}
.gradient-services-grid {position: absolute;left: auto;top: 5%;right: 16%;z-index: -1;width: 34.2em;}
/*---   Portfolio ---*/
.border-link {  position: relative;  padding-bottom: 6px;  -webkit-transition: color 200ms ease, border-color 200ms ease;  transition: color 200ms ease, border-color 200ms ease;  font-weight:700;  color: #111;  font-size: 18px;  font-weight: 400;  text-decoration: none;  text-transform: uppercase;}.border-link:hover {  border-bottom-color: #848484;}
.border-line-wrapper {  position: absolute;  left: 0px;  bottom: 0px;  width: 100%;  height: 1px;  background-color: transparent;}
.border-link-fill {  position: absolute;  left: 0px;  bottom: 0px;  width: 10%;  height: 1px;  background-color: #111;}
.label {  margin-right: 0.5em;  margin-bottom: 0.5em;  opacity: 0.45;  font-weight:700;  font-size: 1.25em;  line-height: 1;  font-weight: 400;  text-transform: uppercase;}
.section.case-study-v2 {height: 100vh;  padding: 0;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;border-bottom-style: none;}
.case-study-hero {  position: relative;  z-index: 1;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  width: 100%;  min-height: 40em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;}
.case-study-hero-image {  position: absolute;  left: 0%;  top: 0%;  right: 0%;  bottom: 0%;  z-index: 1;  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}
.case-study-hero-gradient {  position: absolute;  left: 0%;  top: 0%;  right: 0%;  bottom: 0%;  z-index: 2;  width: 100%;  height: 100%;  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(5%, #e9e9e9), color-stop(77%, transparent));  background-image: linear-gradient(0deg, #e9e9e9 5%, transparent 77%);}
.case-study-hero-content {  position: relative;  z-index: 3;  width: 100%;  max-width: 25em;  padding: 1em 1em 2em;  background-color: hsla(0, 0%, 100%, 0.77);  -webkit-backdrop-filter: blur(8px);  backdrop-filter: blur(8px);  text-align: center;}
.case-study-label {  margin-bottom: 0.5em;  font-weight:700;  color: #747474;  font-size: 1.25em;}
.case-study-label.bottom-label {  margin-bottom: 0em;}
.case-study-heading {  margin-bottom: 0em;}
.case-study-project-position {  position: absolute;  top: -7em;  right: 7em;  z-index: 4;}
.case-study-project-link-wrapper {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 11em;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;}
.case-study-project-text-arc {  position: absolute;  top: auto;  z-index: -1;  width: 11em;  -webkit-perspective-origin: 50% 50%;  perspective-origin: 50% 50%;  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;}
.case-study-project-link {  position: relative;  z-index: 1;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 8.5em;  height: 8.5em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  border-style: solid;  border-width: 1px;  border-color: #626262;  border-radius: 100%;  background-color: transparent;}
.case-study-link-icon {  width: 28px;}
.case-study-content-grid {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  grid-auto-columns: 1fr;  -ms-grid-columns: 1fr minmax(200px, 28em);  grid-template-columns: 1fr minmax(200px, 28em);  -ms-grid-rows: auto;  grid-template-rows: auto;}
.case-study-grid-item-left {  position: relative;  top: -5em;  z-index: 1;  width: 100%;  padding-right: 6em;}
.case-study-grid-image {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: 50% 100%;  object-position: 50% 100%;}
.case-study-grid-image.is-2 {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  width: 38em;  height:25em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: end;  -webkit-justify-content: flex-end;  -ms-flex-pack: end;  justify-content: flex-end;}
.case-study-grid-heading {  width: 100%;  max-width: 50em;  margin-bottom: 2em;}
.case-study-grid-heading strong {  font-weight: 400;}
.case-study-grid-heading h2 {  font-size: 4.8em;}
.case-studies-tag-wrapper {  margin-top: 2em;  margin-bottom: 10em;}
.case-study-tags-grid {  display: -ms-grid;  display: grid;  margin-top: 2em;grid-auto-columns: 1fr;grid-column-gap: 3em;grid-row-gap: 2em;-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: auto;grid-template-rows: auto;}
.align-content-center {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;}
.case-study-main-content {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  padding-right: 11em;}
.case-study-main-content-text {  width: 100%;  max-width: 50em;  margin-left: auto;}
.case-study-main-content-text p {  margin-bottom: 2em;}
.case-study-main-content-text h3 {  margin-bottom: 0.5em;  font-family: Newyork;}
.case-study-main-content-text strong {  font-family: Newyork;  font-weight: 400;}
.case-study-tab-wrapper {  margin-bottom: 10em;}
.tab-link {  margin-right: 2.5em;  padding-right: 0px;  padding-bottom: 6px;  padding-left: 0px;  border-bottom: 1px solid transparent;  background-color: transparent;  opacity: 0.45;  -webkit-transition: border-color 200ms ease, opacity 200ms ease;  transition: border-color 200ms ease, opacity 200ms ease;  font-weight:700;  color: #111;  font-size: 1.25em;}
.tab-link:hover {  border-bottom-color: #111;  opacity: 0.7;}
.tab-link.w--current {  border-bottom-color: #111; background-color: transparent;  opacity: 1;  color: #111;}
.tab-pane {  padding-top: 2em;}
.case-study-next-section {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  width: 100%;  min-height: 60vh;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  color: #111;  text-decoration: none;}
.case-study-next-image {  position: absolute;  left: 0%;  top: 0%;  right: 0%;  bottom: 0%;  z-index: 1;  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;}
.case-study-next-gradient {  position: absolute;  z-index: 2;  width: 100%;  height: 100%;  background-color: #e9e9e9;  opacity: 0.2;}
.case-study-next-cursor {  position: absolute;  left: 0px;  top: 0px;  z-index: 5;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 6.5em;  height: 6.5em;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  border-radius: 100%;  background-color: hsla(0, 0%, 100%, 0.5);  font-weight:700;  font-size: 1em;}
.case-studies-horizontal-link {  position: relative;  display: block;  overflow: hidden;  height: 30em;  margin-bottom: 1em;  color: #111;  text-decoration: none;  cursor: none;}
.case-study-v1-wrapper {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  height: 228vh;}
.case-study-v1-intro-block {  width: 38vw;  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto;  flex: 0 0 auto;  border-right: 1px solid #111;}
.case-study-vertical-accordian {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto;  flex: 0 0 auto;  border-right: 1px solid #111;}
.case-study-vertical-trigger {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 8vw;  padding: 3em 2.8em 3em 2.5em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  cursor: pointer;}
.case-study-vertical-heading {  position: absolute;  top: 0.7em;  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg);  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  font-size: 5.3em;}
.case-study-vertical-category {  position: absolute;  right: 50%;  bottom: 3em;  opacity: 0.45;  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg);  -webkit-transform-origin: 100% 50%;  -ms-transform-origin: 100% 50%;  transform-origin: 100% 50%;  font-weight:700;  font-size: 1.25em;  line-height: 1;  text-transform: uppercase;  white-space: nowrap;}
.case-study-vertical-content {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  width: 30vw;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  border-left: 1px solid #111;}
.case-study-vertical-image {  width: 100%;  height: 25em;  margin-bottom: 2em;  -o-object-fit: cover;  object-fit: cover;}
.case-study-vertical-rail {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 228vw;  height: 100vh;  margin-top: -5em;  padding-top: 5em;}
.case-study-sticky-parent {  position: -webkit-sticky;  position: sticky;  top: 0em;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  width: 100%;  height: 100vh;  padding-top: 5em;  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto;  flex: 0 0 auto;}
.case-study-slide-wrapper {  position: relative;  width: 100%;  height: auto;}
.case-study-slide-sticky-parent {  position: -webkit-sticky;  position: sticky;  top: 0em;  overflow: hidden;  height: 100vh;  padding-top: 0;}
.case-study-slide-content-wrapper {  position: relative;  width: 100%;  height: 100%;}
.case-study-slide-list {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  height: 100%;  padding-top: 10vw;  padding-left: 3vw;overflow-x: scroll;}
.case-study-slide-item {  width: 30vw;  margin-right: 8vw;  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto;  flex: 0 0 auto;}
.case-study-slide-list-wrapper {  height: 100%;}
.case-study-slide-trigger {  position: relative;  z-index: 5;  padding-left: 25px;  text-decoration: none;  cursor: pointer;}
.case-study-slide-content {  position: absolute;  left: 3em;  bottom: 6em;  width: 33em;  background-color: #e9e9e9;}
.case-study-slide-image {  position: absolute;  top: 0px;  right: 0px;  z-index: -1;  width: 50vw;  height: 100vh;  max-width: none;  -o-object-fit: cover;  object-fit: cover;}
.case-study-slide-heading {  color: transparent;  font-size: 6.8em;-webkit-text-stroke: 1px #111;}
.case-study-slide-list::-webkit-scrollbar {-webkit-appearance: none; appearance: none; }
.case-study-slide-list::-webkit-scrollbar:vertical {width: 12px;}
.case-study-slide-list::-webkit-scrollbar:horizontal {height: 6px;}
.case-study-slide-list::-webkit-scrollbar-thumb {background-color: #111;}
.case-study-slide-list::-webkit-scrollbar-thumb:hover {background-color: #111;}
.case-study-slide-list::-webkit-scrollbar-track {background-color: #e9e9e9; border: 1px black solid; }
.case-study-order-number {  font-weight:700;  font-size: 18px;  line-height: 1;}
.case-study-order-numbers {  position: absolute;  left: -9px;  top: -3px;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;}
.case-study-order-numbers.static {  position: static;}
.case-study-slide-positions {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  margin-top: 45px;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;}
.case-study-slide-positions-line {  width: 50px;  height: 1px;  margin-right: 15px;  margin-left: 15px;  background-color: #111;}
.portfolio-list-item-full {  position: relative;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  width: 100%;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  border-bottom: 1px solid rgba(17, 17, 17, 0.27);  color: #111;  text-align: center;  text-decoration: none;  cursor: pointer;}
.portfolio-heading-track-full {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  width: 100%;  padding-top: 2em;  padding-bottom: 3em;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;}
.case-studies-v1-list-wrapper {  height: 100%;}
.case-studies-v1-list {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  height: 100%;}
.case-studies-v1-item {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  height: 100%;  -webkit-box-flex: 0;  -webkit-flex: 0 0 auto;  -ms-flex: 0 0 auto;  flex: 0 0 auto;}
.case-studies-mobile-wrapper {  display: none;}
.case-studies-mobile-image {  width: 100%;  height: 32em;  -o-object-fit: cover;  object-fit: cover;}
.case-studies-v3-content {  position: relative;  z-index: 1;}
.case-study-image-wrapper {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  overflow: hidden;  height: 43em;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: end;  -webkit-justify-content: flex-end;  -ms-flex-pack: end;  justify-content: flex-end;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;}
.case-study-grid-item-right {  width: 100%;  max-width: 33em;  padding-top: 11em;  padding-left: 4em;}
.case-study-image {  width: 100%;  height: 100%;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: 50% 100%;  object-position: 50% 100%;}



.footer-grid {  display: -ms-grid;  display: grid;  grid-auto-columns: 1fr;  grid-column-gap: 7em;  grid-row-gap: 0px;  -ms-grid-columns: 1fr 1fr 1fr;  grid-template-columns: 1fr 1fr 1fr;  -ms-grid-rows: auto;  grid-template-rows: auto;}
.social-link-footer {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;width: 2.3em;height: 3em;margin-right: 1.4em;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.socials-wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 0.5em;margin-left: -0.2em;}


@media screen and (min-width: 1600px) {
  body{font-size: 16px;}
}

@media screen and (max-width: 991px) {
  body { font-size: 11px; }
  .section.footer {font-size: 13px;}
  .navbar-container {padding-right: 3em;padding-left: 3em;background-color: #e9e9e9;}
  .content { padding: 3em; }
  .button.nav-button {margin-top: 12px;margin-left: 0px;}
  .footer-grid {margin-bottom: 1em;grid-column-gap: 0.75em;}
  .hero-half-content {padding-right: 3em;}
  .designer-content {padding-right: 7vw; width: 100% !important;}
  .designer-content.right {padding-right: 0vw;}
  .services-grid-number {font-size: 16.5em;}
  .mission-grid {grid-row-gap: 4em;-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
  .gradient-mission {top: 40em; width: 13.2em;}
  .nav-menu {overflow: scroll;max-height: 90vh;padding-top: 0em;padding-bottom: 2em; -webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;border-bottom: 1px solid #111;background-color: #e9e9e9;}
  .nav-link {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
  .navigation {height: 60px;}
  .hamburger-menu {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 12px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: justify;-webkit-justify-content: space-between; -ms-flex-pack: justify;justify-content: space-between;}
  .hamburger-line {width: 32px;height: 2px;padding-right: 0px;padding-bottom: 0px;background-color: #111;}
  .menu-button {padding-right: 0px;}
  .w-layout-grid > div{width:100%;}
  .section.case-study-v2 {    display: none;  }
  .case-study-project-position {    right: 0px;    bottom: 0px;  }
  .case-study-next-cursor {    display: none;  }
  .case-studies-mobile-wrapper {    display: block;    margin-top: 7vw;  }
  .case-studies-mobile-item {    margin-bottom: 10vw;    padding-bottom: 5em;    border-bottom: 1px solid #111;  }
  .case-studies-mobile-item a{text-decoration: none;}
  .case-studies-mobile-item p{margin-top: 0;}
  .case-studies-mobile-item:last-child {    margin-bottom: 0vw;    padding-bottom: 0vw;    border-bottom-style: none;  }
  .case-studies-mobile-image {    margin-bottom: 5em;  }
  .case-studies-mobile-image-link {    display: block;  }
  .case-studies-v3-content {    display: none;  }
  .mobile-only {    display: block;  }
  .section.first{padding-top: 50px;}
}

@media screen and (max-width: 767px) {
  body {font-size: 10px;}
  h1 {margin-bottom: 1vw;}
  h2 { margin-bottom: 1vw;}
  h3 { margin-bottom: 1vw; font-size: 5vw; }
  .content { padding: 4vw;}
  .button { font-size: 1.6em;}
  .footer-grid { grid-row-gap: 2em; -ms-grid-columns: 1fr; grid-template-columns: 1fr;}
  .service-single-content {max-width: 40vw;}
  .service-accordian-plus-wrapper {width: 30px; height: 30px;}
  .hero-half-image { min-height: 90vw; }
  .timeline-box-subtitle { font-size: 3vw;}
  .timeline-box-text {font-size: 3vw;}
  .timeline-track-container{height: auto;}
  .timeline-sticky-parent {position: static;top: 25vw;}
  .timeline-track { overflow: auto; width: auto; border-top-style: none;}
  .timeline-item{width: 95%;}
  .timeline-sticky-parent .content{padding-top: 100px;}
  .timeline-sticky-parent .timeline-item .content{padding: 50px;}
  .designer-grid { grid-row-gap: 20vw; -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  .designer-experience-image { margin-top: 3vw;}
  .designer-content:not(.right){order:10;}
  .social-link-footer { width: 4vw; }
  .curtain-anchor {height: 90%;}
  .services-grid {grid-row-gap: 4em;-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
  .services-grid-box { margin-top: 0em !important; display: flex; flex-flow: wrap; align-items: center;}
  .services-grid-number:after {content: "-";padding: 0 15px;}
  .nav-menu.w-nav-menu{display: none;}
  .w-nav-overlay .nav-menu.w-nav-menu{display: block;width: 100vw;text-align: center;padding-bottom:50px;}
  .navbar-container{padding:0;justify-content: unset;}
  .button.nav-button{margin-left:auto;}
  .w-nav-button{display: block;margin-left:auto;}
  .nav-link{align-items: center;}
  .section.home-v2-hero{padding-top: 50px;}
  .hero-half-content{order:10;}
  p{margin: 15px 0;}
  .w-layout-grid{display: block;}
  #hide .section-header.small-header{display: none;}
}
@media screen and (max-width: 479px) {
  body {padding-left: 0em;font-size: 8px;}
  h3 {font-size: 12vw;}
  p {margin-bottom: 3vw;font-size: 1.8em;}
  ul {font-size: 1.8em;}
  .section.home-v2-hero {padding-top: 7em;}
  .navbar-container {padding-right: 7vw; padding-left: 7vw;}
  .content {padding: 7vw;}
  .socials-wrapper { margin-top: 1.5vw; margin-left: -1vw;}
  .button {padding: 0.8em 2.8em;font-size: 2em;}
  .button.nav-button {margin-top: 18px;}
  .service-single-content {max-width: 70vw;}
  .service-accordian-plus-wrapper { width: 25px; height: 25px; }
  .hero-half-content { padding-right: 0em; }
  .timeline-box-subtitle {font-size: 5vw;}
  .timeline-box-text {font-size: 1.8em;}
  .timeline-track-container {height: auto;}
  .timeline-sticky-parent {position: static;}
  .timeline-track { overflow: auto; width: auto;  }
  .timeline-item { width: 80vw; }
  .designer-content {padding-right: 0vw;}
  .designer-experience-box {margin-bottom: 6vw;padding-bottom: 3vw;}
  .designer-experience-image { max-width: none;}
  .size-4 { font-size: 3.5em; }
  .social-link-footer { width: 6vw; }
  .socials-box-footer { margin-top: 12px;}
  .services-grid-number { font-size: 10.6em;}
  .gradient-hero-2 { bottom: -7%; width: 31em; }
  .gradient-mission { top: 26.3em; width: 10.2em;}
  .hero-v2-grid { grid-row-gap: 7vw;  -ms-grid-columns: 1fr;  grid-template-columns: 1fr; }
  .nav-link {padding-top: 12px;padding-bottom: 12px;}
}
@font-face {
  font-family: 'Generalsans';
  src: url('https://assets.website-files.com/6219184658e7f188b5899e67/6219184658e7f1400a899ea2_GeneralSans-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rosseta';
  src: url('Rosseta.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}