@font-face {
  font-family: Shentoxtrial Bdit;
  src: url('../fonts/ShentoxTRIAL-BdIt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Shentoxtrial Ultltit;
  src: url('../fonts/ShentoxTRIAL-UltLtIt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Shentoxtrial Thit;
  src: url('../fonts/ShentoxTRIAL-ThIt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Shentoxtrial Smbd;
  src: url('../fonts/ShentoxTRIAL-SmBd.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Shentoxtrial Ultlt;
  src: url('../fonts/ShentoxTRIAL-UltLt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Shentoxtrial Smbdit;
  src: url('../fonts/ShentoxTRIAL-SmBdIt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Shentoxtrial Mdit;
  src: url('../fonts/ShentoxTRIAL-MdIt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Shentoxtrial Rgit;
  src: url('../fonts/ShentoxTRIAL-RgIt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: Shentoxtrial Ltit;
  src: url('../fonts/ShentoxTRIAL-LtIt.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --lime-green: #00c20640;
  --black-3: #000000bf;
  --black-4: #292929e6;
  --global-background: #dfdbd1;
  --dark-goldenrod-2: #96793d;
  --grey: #858585;
  --black-2: #00000080;
  --orange: #ffae00;
  --body-color-overlay: #dfdcd6e0;
  --white-smoke-2: #fdfcf8;
  --dim-grey: #58585769;
  --white-smoke: #f3f3f3e6;
  --light-grey: #d3d1cae6;
  --indian-red: #f04d4de6;
  --dark-orange: #ff9633e6;
  --lawn-green: #66ff0ee6;
  --dark-goldenrod: #b37a00;
  --dark-slate-grey: #113626;
  --black: #00000014;
  --light-coral: #f77;
  --cornsilk: #24252c78;
  --silver: #b9b6ade0;
  --silver-2: #b9b6ade0;
  --goldenrod: #e0ab38;
  --khaki: #fdff8759;
  --lawn-green-2: #66ff0e1f;
  --royal-blue: #006aff1a;
  --magenta: #ff00cc26;
  --black-5: #0000000d;
  --papaya-whip: #f5e8cd;
  --slate-blue: #544ddd40;
  --grey-2: #818181;
  --floral-white: #f3f0e6;
  --steel-blue: #007cd536;
  --gold: #ffe1004f;
  --midnight-blue: #1e2870;
  --light-blue: #c1e8f3;
  --yellow: #e6ff2e;
}

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

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

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

.body {
  background-color: #fff;
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/Wappen-Bg-Sides.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.hero {
  background-color: #000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.hero.experience {
  background-color: #0000;
  background-image: linear-gradient(#000000bd, #0000 13%), linear-gradient(225deg, #0000, #000000cf), url('../images/Carackters-Experience.png');
  background-position: 0 0, 0 0, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, contain;
  padding-right: 10vw;
}

.hero.casestudies {
  background-color: #0000;
  background-image: linear-gradient(to top, #000000d6 12%, #0000 36%), linear-gradient(#0000009e, #0000 21%), url('../images/Web3-Assistant-Bot.png');
  background-position: 0 0, 0 0, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, contain;
}

.hero.startups {
  background-color: #0000;
  background-image: none;
}

.hero.contact {
  filter: contrast(106%);
  padding-left: 0;
  padding-right: 0;
}

.hero.biography {
  background-color: #0000;
  background-image: linear-gradient(to top, #000000a6, #0000), url('../images/Hero-Biography-Ghost-RecLight.gif'), url('../images/Hero-Biography-Carackters.gif'), url('../images/Ghost-Cutout.png');
  background-position: 0 0, 100% 100%, 100% 100%, 100% 100%;
  background-repeat: repeat, no-repeat, repeat, no-repeat;
  background-size: auto, contain, contain, contain;
}

.hero.designforgood {
  filter: brightness(106%);
  background-color: #0000;
  justify-content: flex-start;
}

.hero.welcome {
  background-color: #0000;
  background-image: linear-gradient(#000000db, #0000 13%), linear-gradient(40deg, #0000008f 26%, #0000 46%), url('../images/Carackters-Frontlights.gif'), url('../images/Carackters-Avatar-Light.gif'), url('../images/Carackters-Ghost-Light-3.gif'), url('../images/Carackters-No-Elements.png');
  background-position: 0 0, 0 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, contain, contain, contain, contain;
  padding-right: 10vw;
}

.explore {
  margin-left: 10vw;
  margin-right: 10vw;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  height: 25vh;
  margin-top: 0;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-top: 5vh;
  display: grid;
}

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

.scroll-content {
  flex-direction: column;
  margin-top: 9%;
  display: flex;
}

.scroll-fixed {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.scroll-image {
  background-color: #000;
  border-radius: .2vw;
  width: 90%;
  height: 90%;
}

.heading {
  color: #000;
  text-align: left;
  letter-spacing: -1px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #ffffffc7;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 10vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2.2vw;
  font-weight: 700;
  line-height: 3vw;
}

.heading.large {
  font-size: 3vw;
  line-height: 3.6vw;
}

.heading.large.center {
  border-bottom: 10px none var(--lime-green);
  color: var(--black-3);
  text-align: center;
  letter-spacing: -1px;
  font-family: Roboto, sans-serif;
  font-size: 3.6vw;
  font-weight: 900;
  line-height: 4vw;
}

.heading.large.center.dark-bg {
  color: #ffffffbf;
}

.heading.large.intro-bio {
  font-size: 2.8vw;
  line-height: 3.4vw;
}

.heading.small {
  color: var(--black-3);
  text-align: left;
  letter-spacing: 0;
  text-shadow: none;
  border-radius: .4vw;
  margin-top: 0;
  margin-bottom: 4vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 1.9vw;
  font-weight: 700;
  line-height: 2.3vw;
}

.heading.small.wildernessyeras {
  margin-bottom: 5vh;
}

.heading.small.wildernessyeras.white._1 {
  text-align: center;
  letter-spacing: 0;
  font-size: 1.7vw;
}

.heading.small.wildernessyeras.white._1._2 {
  text-align: center;
  font-size: 2.3vw;
  line-height: 2.6vw;
}

.heading.small._2 {
  color: #000;
  text-align: left;
  letter-spacing: 0;
  text-shadow: 0 1px 1px #ffffff54;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 1.6vw;
  font-weight: 700;
  line-height: 2.3vw;
}

.heading.small._2.home {
  line-height: 2.2vw;
}

.heading.small._2.left {
  color: #000000b5;
  -webkit-text-stroke-color: #000;
  text-shadow: none;
  background-color: #0000;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 3vw;
  line-height: 3.2vw;
}

.heading.small._3 {
  color: #000;
  letter-spacing: -1px;
  margin-top: 1vh;
  margin-bottom: 2vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 1.9vw;
  font-weight: 400;
  line-height: 2vw;
}

.heading.small.white {
  color: #fff;
  text-shadow: 0 1px 6px #0000009e;
}

.heading.small.white.center {
  text-align: left;
  white-space: pre-line;
  width: auto;
  margin-bottom: 10vh;
}

.heading.small.white.center.large {
  color: #fff;
  text-align: left;
  margin-bottom: 5vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2.2vw;
  line-height: 3vw;
}

.heading.small.center {
  text-align: center;
  letter-spacing: 0;
}

.heading.small.left {
  text-align: left;
  text-shadow: none;
}

.heading.small.blue {
  text-shadow: none;
}

.heading.onlinebook {
  color: var(--black-4);
  text-align: center;
  letter-spacing: -1px;
  margin-bottom: 0;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2.5vw;
}

.heading.onlinebook._2 {
  font-size: 1.9vw;
}

.heading.onlinebook._2.white {
  color: var(--black-3);
  text-shadow: 0 1px 1px #fff3;
  margin-top: 0;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 3.2vw;
}

.heading.onlinebook._2.white.xcore {
  font-size: 2.7vw;
  line-height: 3vw;
}

.heading.onlinebook._2.white.onbk {
  text-shadow: 0 1px 1px #ffffffa1;
  margin-bottom: 3vh;
  font-size: 2.7vw;
}

.heading.muselayers-scroll {
  margin-bottom: 2vh;
}

.heading.casestudythumb {
  font-size: 3vw;
}

.heading.casestudy-headline {
  color: #000000e6;
  text-align: left;
  letter-spacing: -2px;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 3.9vw;
  font-weight: 700;
  line-height: 4.5vw;
}

.heading.casestudy-headline.smaller {
  margin-bottom: 5vh;
  font-size: 2.5vw;
}

.heading.casestudy-headline.smaller._5 {
  color: #000;
  margin-bottom: 10vh;
  font-size: 2.8vw;
}

.heading.casestudy-headline._2 {
  margin-bottom: 5vh;
  font-size: 2.3vw;
}

.heading.casestudy-headline._3 {
  text-align: center;
  margin-bottom: 5vh;
  font-size: 3vw;
  line-height: 3.8vw;
}

.heading.casestudy-headline._4 {
  color: #000;
  text-align: center;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 3.5vw;
}

.heading._2 {
  font-size: 2vw;
  font-weight: 400;
}

.heading._3 {
  font-size: 2vw;
  line-height: 2.2vw;
}

.heading._4 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 2vh;
  margin-bottom: 2vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
}

.heading._4.side {
  text-align: left;
}

.heading._4.mid {
  text-align: center;
  text-transform: none;
  text-shadow: 0 1px 1px #00000052;
  margin-bottom: .5vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 2.2vw;
  font-weight: 200;
}

.heading._4.mid.smaller {
  text-transform: uppercase;
  text-shadow: 0 1px 1px #00000075;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 1.2vw;
}

.heading._5 {
  text-align: left;
  letter-spacing: -2px;
  text-shadow: 0 1px 1px #ffffff9e;
  margin-top: 0;
  margin-bottom: 5vh;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 3vw;
}

.heading.scrollbar {
  color: var(--dark-goldenrod-2);
  font-family: Roboto, sans-serif;
  font-size: 1.9vw;
  font-weight: 400;
}

.heading.exp {
  color: var(--black-4);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 3.5vw;
  position: relative;
  bottom: 0;
}

.heading.cover {
  color: var(--dark-goldenrod-2);
}

.div-block-3 {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 2vh;
  display: flex;
}

.heading-2 {
  color: var(--grey);
  letter-spacing: .1vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .8vw;
  font-weight: 200;
  line-height: 1vw;
}

.heading-2.hashtag {
  margin-bottom: 2vh;
  font-size: .7vw;
}

.heading-2.casestudy {
  letter-spacing: 1px;
  font-weight: 700;
}

.heading-2.casestudy._2 {
  color: #000;
  margin-bottom: 5vh;
  font-family: Roboto Serif, sans-serif;
  font-size: .9vw;
  font-weight: 200;
}

.heading-2.casestudy._2.lowercase {
  text-transform: none;
}

.heading-2.bold {
  color: #000;
  font-family: Roboto Serif, sans-serif;
  font-weight: 300;
}

.heading-2.bold._2 {
  letter-spacing: 1px;
  margin-bottom: 5vh;
  font-family: Roboto Serif, sans-serif;
  font-size: .9vw;
  font-weight: 300;
}

.heading-2.bold._2.experience {
  color: gray;
  font-weight: 500;
}

.heading-2.bold._2.experience._4 {
  color: var(--black-2);
  margin-bottom: 0;
  line-height: 1.2vw;
}

.heading-2.sidebar {
  margin-bottom: 1vh;
  font-family: Roboto Serif, sans-serif;
  font-weight: 200;
}

.heading-2.paragraph {
  color: #000;
  margin-bottom: 2vh;
  font-family: Shentoxtrial Md, sans-serif;
  font-weight: 300;
}

.heading-2.paragraph._2 {
  opacity: 0;
  text-align: right;
  margin-bottom: 4vh;
}

.heading-2.paragraph._3 {
  margin-bottom: 2vh;
}

.heading-2.paragraph.white._5vh {
  text-align: left;
  margin-bottom: 3vh;
}

.heading-2._2 {
  color: #474747;
  text-transform: uppercase;
  border: 1px #fff;
  margin-bottom: 2vh;
  font-family: Roboto Serif, sans-serif;
  font-weight: 300;
}

.heading-2._2.caption {
  color: #fff;
  text-align: center;
  letter-spacing: .1vw;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #00000096;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 100;
  line-height: 1.5vw;
  text-decoration: none;
}

.heading-2._2.cover {
  color: #555;
  text-transform: uppercase;
}

.heading-2._2.cover.white {
  color: #e6e6e6;
}

.heading-2._2.white {
  color: #9b9b9b;
  margin-bottom: 0;
}

.heading-2._3 {
  color: #000;
  text-align: left;
  margin-bottom: 0;
  font-size: .9vw;
}

.heading-2._3.title {
  text-align: left;
  margin-bottom: 5vh;
}

.heading-2._3.logos {
  color: #1e2870;
  background-color: #0000;
  margin-left: 0;
  padding-left: 1vw;
  padding-right: 1vw;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 400;
}

.heading-2.white {
  color: #f7f7f7;
  text-transform: uppercase;
  margin-bottom: 2vh;
  font-family: Shentoxtrial Rg, sans-serif;
}

.heading-2.intro-bio {
  margin-bottom: 10vh;
}

.heading-2.left {
  color: #000;
  margin-right: 2vw;
}

.heading-2.left.white {
  color: #ffffff80;
}

.heading-2.right {
  color: #000;
  margin-left: 2vw;
}

.heading-2.right.today {
  font-size: .7vw;
}

.heading-2.right.white {
  color: #ffffff80;
}

.heading-2.chapter-text-start {
  color: #000;
  margin-bottom: 5vh;
  font-weight: 300;
}

.heading-2.chapter-text-start.white {
  color: #ffffff80;
}

.heading-2.chapter-text-start.white.indiv {
  height: 5vh;
}

.heading-2.chapter-text-start.grey-bg {
  color: #000;
  font-weight: 300;
}

.heading-2.chapter-smaller-space {
  color: #000;
  margin-bottom: 2vh;
  font-family: Shentoxtrial Smbd, sans-serif;
  font-weight: 200;
}

.heading-2.chapter-smaller-space.grey-bg {
  color: #000;
  margin-bottom: 1vw;
  font-family: Shentoxtrial Md, sans-serif;
  font-weight: 300;
}

.heading-2.chapter-smaller-space.grey-bg.white {
  color: #fff;
}

.heading-2.featured {
  color: #0c0c0c;
  text-shadow: 0 1px 1px #ffffff87;
  margin-bottom: 3vh;
  font-family: Shentoxtrial Md, sans-serif;
}

.heading-2.featured.bellow {
  margin-bottom: 0;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .7vw;
  font-weight: 300;
}

.heading-2.grey-bg {
  color: #000;
  margin-bottom: 2vw;
}

.heading-2.grey-bg.featured {
  margin-bottom: 0;
}

.text-block {
  color: #000;
  text-align: justify;
  text-shadow: 0 1px 1px #ffffffc7;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .9vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.text-block._90 {
  text-align: right;
  width: 70%;
  font-size: .8vw;
}

.text-block.intro {
  color: #000;
  text-align: justify;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 100;
  line-height: 1.7vw;
}

.text-block.intro._2 {
  text-align: left;
}

.text-block.intro._2.breakfree {
  text-align: justify;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.text-block.intro._80 {
  width: 80%;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-block.intro.experience {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.text-block.stretch {
  color: #efefef;
  text-align: justify;
  text-shadow: none;
  font-family: Roboto, sans-serif;
  font-size: .9vw;
  font-weight: 100;
  line-height: 2vw;
}

.text-block.stretch.white2 {
  color: #f2f2f2;
  font-family: Shentoxtrial Rg, sans-serif;
  font-size: 1vw;
}

.text-block.right2vw {
  margin-left: 2vw;
}

.text-block.dark-banners {
  margin-top: 2vh;
}

.text-block.project-thumb {
  font-size: .7vw;
}

.text-block.themecloud {
  color: #fffcfc;
  text-shadow: none;
  background-color: #0000;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: .8vw;
  font-weight: 300;
}

.text-block.themecloud._2 {
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.text-block.themecloud._2.white {
  text-shadow: none;
  background-color: #0000;
  padding-bottom: 0;
}

.text-block.white {
  color: #ebebeb;
  text-shadow: 0 1px 1px #0000008a;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .8vw;
}

.text-block.header-text {
  color: #000;
  text-shadow: none;
  font-family: Roboto, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 2vw;
}

.text-block.header-text.white {
  color: #fff;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fff;
  text-shadow: 0 1px 1px #0003;
}

.div-block-4 {
  justify-content: flex-end;
  padding-top: 2vh;
  display: flex;
}

.div-block-5 {
  background-color: #000;
  border-radius: .2vw;
  height: 30vh;
  margin-bottom: 3vh;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 2vh;
  font-size: 1.5vw;
}

.div-block-6 {
  margin-bottom: 15vh;
}

.track {
  background-color: #0000;
  height: 400vw;
}

.track.casestudies {
  margin-bottom: 0;
}

.track.home {
  background-color: #000;
}

.track.spotify {
  background-color: #000;
  height: 200vw;
}

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

.frame {
  height: 100%;
  display: flex;
}

.item {
  color: #fff;
  background-color: #0000;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  display: flex;
}

.item.spotify {
  background-color: #0000;
  border: 1px #000;
}

.item-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  margin-left: 8vw;
  margin-right: 10vw;
  display: grid;
}

.item-grid.left {
  width: 100%;
  height: 100%;
  margin-right: 0%;
}

.item-grid.next {
  margin-left: 0;
  margin-right: 16vw;
}

.div-block-7, .div-block-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-9 {
  background-color: #000;
  width: 90%;
  height: 90%;
}

.div-block-10 {
  background-color: #000;
  background-image: url('../images/Biden-Interview.jpeg'), linear-gradient(to top, #000000a8, #0000 4%);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  border-radius: .3vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 80vw;
  height: 85vh;
  display: flex;
}

.div-block-10.spotify {
  background-image: linear-gradient(#0000 4%, #000000d1), url('../images/ipad_spotify_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.div-block-10.nowthis {
  background-image: linear-gradient(135deg, #000, #0000 38%), linear-gradient(#0000 4%, #000000a8 91%), url('../images/NowThis-App-Sample.jpeg');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.div-block-10.vonfal {
  background-image: linear-gradient(to top, #000000a8, #0000 4%);
}

.div-block-10.biography {
  background-color: #353434;
  background-image: linear-gradient(to top, #000000a8, #0000 52% 65%);
}

.div-block-10.experience {
  background-image: linear-gradient(to top, #000000a8, #0000 4%), url('../images/MuseLayers.jpeg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.div-block-11 {
  background-color: #000;
  border-radius: .4vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 70vh;
  margin-top: 0;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-top: 20px;
  display: flex;
}

.div-block-11.dfg {
  background-image: url('../images/dfg2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 5vw;
  margin-right: 5vw;
}

.div-block-12 {
  background-color: #000;
  background-image: url('../images/DFG-Sample.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .3vw;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 90%;
  display: flex;
}

.side-nav {
  width: 10vw;
  height: 30vh;
  margin-top: 40vh;
  margin-right: .5vw;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-14 {
  color: #000;
  border-radius: .2vw;
  flex-direction: column;
  justify-content: flex-start;
  width: 90%;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.div-block-15 {
  flex-direction: column;
  align-items: center;
  width: 10%;
  display: flex;
}

.div-block-16 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1d1d1d4d;
  border-radius: 0;
  width: 4px;
  height: 2vw;
  margin-bottom: .5vw;
  padding-top: 0;
}

.div-block-16:hover {
  background-color: #ffb327;
}

.div-block-16.w--current {
  background-color: #000;
}

.div-block-17 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
  grid-auto-columns: 1fr;
  margin-top: 20vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: grid;
}

.div-block-18 {
  flex-direction: column;
  height: 100vh;
  padding-top: 5vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-19 {
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.div-block-20 {
  flex-direction: column;
  width: 1vw;
  height: 30vh;
  margin-top: 2vh;
  display: flex;
}

.div-block-21 {
  flex-direction: column;
  padding-top: 5vh;
  display: flex;
}

.div-block-22 {
  grid-column-gap: 149px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-bottom: 10vh;
  display: grid;
}

.div-block-23 {
  flex-direction: column;
  justify-content: flex-start;
  height: 70vh;
  display: flex;
}

.div-block-24 {
  flex-direction: column;
  height: 70vh;
  margin-top: 8vh;
  padding-top: 0;
  display: flex;
}

.div-block-25 {
  background-color: #000;
  border-radius: .3vw;
  width: 60%;
  height: 40vh;
  margin-bottom: 4vh;
}

.heading-4 {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: .8vh;
  font-family: Varela, sans-serif;
  font-size: 1.3vw;
  line-height: 1.8vw;
}

.heading-4.expertise-section {
  color: #f7f7f7;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 3vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 3vw;
}

.heading-4.expertise-section.smaller {
  font-size: 1vw;
}

.heading-4.expertise-section.white {
  color: #fff;
  text-align: left;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #00ff6f66;
  text-shadow: 0 1px 1px #0003;
  margin-bottom: 5vh;
}

.heading-4.expertise-section.white.handwritting {
  color: #fff;
  text-align: center;
  margin-bottom: 3vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 2.2vw;
  font-weight: 500;
  transform: rotate(-1deg);
}

.heading-4.expertise-section.white.handwritting.left {
  text-align: left;
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: 2.8vw;
  line-height: 2.5vw;
  transform: none;
}

.heading-4.expertise-section.white.handwritting.left.dark {
  color: #b3b3b3;
  text-shadow: 0 1px 1px #fff3;
}

.heading-4.expertise-section.white._2 {
  color: #d3d3d3;
  letter-spacing: 1px;
  -webkit-text-stroke-color: #00ff6f00;
  margin-bottom: 3vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
  font-weight: 300;
}

.heading-4.expertise-section.headline {
  color: #000;
  text-align: left;
  text-shadow: none;
  font-size: 2.5vw;
  line-height: 2.5vw;
}

.heading-4.expertise-section._2 {
  color: #000;
  overflow-wrap: normal;
  font-family: Roboto Serif, sans-serif;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 3.5vw;
}

.heading-4.projects {
  color: #fff;
  text-align: center;
  justify-content: flex-start;
  margin-bottom: 0;
  font-family: Varela, sans-serif;
  display: flex;
}

.heading-4.projects.white {
  color: #000;
  text-align: left;
}

.heading-4.projects.white.contract {
  color: #fff;
}

.heading-4.projects.black {
  color: #000;
  font-family: Shentoxtrial Bd, sans-serif;
}

.heading-4.projects.review {
  color: #000;
  background-color: #2d2d3500;
  padding-bottom: 0;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2vw;
  font-weight: 400;
}

.div-block-26 {
  padding-right: 9vw;
}

.div-block-27 {
  color: #000;
  border-top-right-radius: .2vw;
  border-bottom-right-radius: .2vw;
  justify-content: flex-end;
  align-items: center;
  height: 2vw;
  margin-bottom: .5vw;
  padding-right: 0;
  display: flex;
}

.div-block-27:hover {
  color: #000;
}

.text-block-2 {
  color: #000;
  text-align: right;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: .4vw;
  font-size: .4vw;
  line-height: .6vw;
}

.text-block-2:hover {
  color: #000;
}

.div-block-28 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.div-block-29 {
  background-color: #0000;
  border-radius: .2vw;
  width: 80%;
  height: 100%;
  display: flex;
}

.div-block-29.home {
  align-items: center;
  width: auto;
  margin-left: 5vw;
  margin-right: 5vw;
}

.div-block-30 {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 50%;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10vh;
  padding-right: 40%;
  display: flex;
}

.headline-hero {
  color: #fff;
  margin-bottom: 2vh;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 4vw;
}

.headline-hero.smaller {
  font-size: 2.5vw;
}

.headline-hero.bio {
  font-size: 2.5vw;
  line-height: 3vw;
}

.headline-hero.bio.larger {
  font-size: 3.5vw;
  line-height: 4vw;
}

.headline-hero.bio.larger._3vh {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.8vw;
  font-weight: 400;
  line-height: 3.9vw;
}

.headline-hero.bio.larg {
  margin-bottom: 0;
  font-size: 3.3vw;
  line-height: 4vw;
}

.headline-hero.projects {
  text-align: center;
  margin-top: 3vh;
  margin-bottom: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  line-height: 3.7vw;
}

.headline-hero.projects.main {
  text-align: center;
  margin-bottom: 10vh;
  font-size: 2.5vw;
}

.headline-hero.larger {
  margin-bottom: 3vh;
  font-family: Droid Serif, serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 4vw;
}

.headline-hero.larger._3vh {
  margin-bottom: 3vh;
  font-weight: 700;
}

.headline-hero.larger._3vh._2 {
  width: 100%;
  font-family: Droid Serif, serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 4vw;
}

.headline-hero.center {
  color: #cea754;
  text-align: left;
  letter-spacing: -1px;
  width: 60%;
  margin-top: 0;
  margin-bottom: 2vh;
  padding-right: 1.2vw;
  font-family: Roboto, sans-serif;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 3vw;
}

.headline-hero.center.home {
  color: #f3cb74;
  width: 80%;
  font-size: 2vw;
  line-height: 2.6vw;
}

.text-block-3 {
  color: var(--global-background);
  text-align: justify;
  font-size: 1vw;
  line-height: 2vw;
}

.div-block-31 {
  justify-content: center;
  align-self: auto;
  width: 100%;
  height: 20%;
  display: flex;
}

.div-block-31.bio {
  height: 20%;
  margin-top: 2vh;
}

.div-block-31.designforgood {
  justify-content: center;
  align-self: flex-start;
  height: 20%;
}

.div-block-32 {
  flex-direction: column;
  width: 40%;
  padding-top: 3vh;
  display: flex;
}

.div-block-32.bio {
  width: 40%;
  padding-top: 5vh;
}

.div-block-33 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 10%;
  height: 8vh;
  margin-top: 1.1vw;
  padding-top: 1vh;
  text-decoration: none;
  display: flex;
}

.div-block-33:hover {
  color: var(--orange);
}

.div-block-33.w--current {
  margin-top: 1.1vw;
  padding-top: 1vh;
  text-decoration: none;
}

.div-block-33.button {
  align-items: center;
  width: 20%;
}

.div-block-34 {
  background-image: url('../images/Wappen-Sample.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 60%;
}

.div-block-34.bio {
  height: 70%;
}

.div-block-34.designforgood {
  background-image: none;
}

.text-block-4 {
  opacity: .7;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: .1vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: .7vw;
  font-weight: 100;
  line-height: 1vw;
}

.text-block-4:hover {
  border-bottom: 1px none var(--orange);
  color: #fff;
}

.text-block-4.scroll {
  color: #fff;
  text-shadow: 0 1px 1px #0003;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: .5vw;
  font-weight: 500;
  line-height: .5vw;
}

.text-block-4.scroll:hover {
  color: var(--orange);
}

.text-block-4.scroll.active {
  color: var(--orange);
  font-size: .6vw;
  font-weight: 700;
  line-height: .6vw;
}

.text-block-4.scroll.active.brand {
  color: #000;
  -webkit-text-stroke-color: #000;
  font-weight: 900;
}

.text-block-4.scroll.bottom {
  padding-bottom: 0;
  font-size: .5vw;
  line-height: .5vw;
}

.text-block-4.scroll.bottom.chapther {
  color: #000;
  margin-right: .3vw;
  font-size: .5vw;
}

.text-block-4.scroll.bottom.chapther:hover {
  color: #000;
}

.text-block-4.scroll.button {
  font-size: .4vw;
}

.text-block-4.active {
  border-bottom: 1px none var(--orange);
  color: var(--orange);
  padding-bottom: .1vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: .7vw;
  text-decoration: none;
}

.div-block-35 {
  width: 20%;
  margin-left: 2vw;
}

.div-block-36 {
  background-color: #000;
  border-radius: 100vw;
  width: 8vw;
  height: 8vw;
}

.heading-5 {
  color: #fff;
  margin-bottom: 2vh;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 2.2vw;
  font-weight: 700;
}

.div-block-37 {
  margin-bottom: 5vw;
  margin-left: 5vw;
}

.text-block-5 {
  color: #fff;
  text-align: justify;
  font-size: .9vw;
  line-height: 1.4vw;
}

.background-video {
  background-color: #0000;
  border-radius: .3vw;
  width: 100%;
  height: 100%;
  display: flex;
}

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

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

.div-block-40 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 3vw;
  padding-left: 3vw;
  display: flex;
}

.button.dark {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #ffffff7d;
  border-radius: 20vw;
  margin-top: 0;
  padding-left: 2vw;
  padding-right: 2vw;
  font-family: Roboto, sans-serif;
  font-size: .5vw;
  font-weight: 100;
}

.button.dark._2 {
  color: #fff;
  border-color: #fff;
}

.button.dark._3 {
  background-color: #000;
  border-style: none;
}

.button.projects {
  color: #ffffffeb;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #fffdfd69;
  border-radius: 20vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2vh;
  font-family: Open Sans, sans-serif;
  font-size: .5vw;
  font-weight: 300;
  line-height: 1.2vw;
  display: flex;
}

.button.projects.confidential {
  color: #fff;
  cursor: not-allowed;
  background-color: #00000017;
  border-style: dashed;
  border-color: #ffffff94;
  font-size: .5vw;
}

.button.projects.dark {
  background-color: #f3f2ef;
  border-color: #0000;
}

.button.projects.white {
  color: #000000ed;
  background-color: #c1d4b3;
  border: 1px #0000008f;
  border-radius: 10vw;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Shentoxtrial Md, sans-serif;
  line-height: 1vw;
}

.button.projects.white.green {
  background-color: #bec3a5;
}

.button.projects.white.blue {
  background-color: #ddeafe;
  border-style: none;
}

.button.projects.white.purple {
  background-color: #f8dfee;
  border-style: none;
}

.button.projects.white.jp {
  font-size: .6vw;
}

.button-overlay-banner {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 3vh;
  display: flex;
}

.text-block-6 {
  color: #ddd;
  margin-left: 1vw;
  font-family: Open Sans, sans-serif;
  font-size: .7vw;
  font-style: normal;
  font-weight: 300;
  display: flex;
}

.div-block-42 {
  flex-direction: column;
  margin-top: 3vw;
  margin-left: 3vw;
  display: flex;
}

.div-block-43 {
  background-image: url('../images/xcorecity-logo-sample.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 50%;
}

.text-block-7 {
  margin-bottom: 2vh;
  font-size: 1vw;
}

.div-block-44 {
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  padding-bottom: 3vw;
  padding-right: 3vw;
  display: flex;
}

.body-2 {
  background-color: #fff;
}

.div-block-45 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2vh;
  display: flex;
}

.div-block-45.absolute {
  position: static;
  bottom: 0;
}

.button-2 {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 20vw;
  padding-left: 1vw;
  padding-right: 1vw;
}

.text-block-8 {
  margin-left: 1vw;
}

.experience-intro {
  grid-column-gap: 61px;
  grid-row-gap: 88px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  margin: 0 10vw 5vh;
  padding-top: 10vh;
  display: grid;
}

.experience-intro.first {
  background-image: url('../images/Cuber-1.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 90%;
  margin-top: 0;
}

.experience-intro._1row {
  grid-template-rows: auto;
}

.experience-intro._1row._2 {
  grid-template-rows: auto auto;
  margin-bottom: 10vh;
}

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

.div-block-47.right {
  flex-direction: column;
}

.text-block-9 {
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.text-block-9.right {
  color: #000;
  margin-left: 5vw;
  font-family: Roboto, sans-serif;
  font-weight: 100;
  line-height: 1.8vw;
}

.text-block-9.expertise {
  width: 100%;
  height: 100%;
  margin-top: 1vh;
  font-size: .7vw;
  font-weight: 300;
  line-height: 1.7vw;
}

.text-block-9.expertise.right._2 {
  margin-left: 5vw;
}

.text-block-9.expertise._2 {
  color: #fff;
  background-color: #0000;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Shentoxtrial Rg, sans-serif;
  font-size: .9vw;
  font-weight: 300;
  line-height: 1.4vw;
}

.text-block-9.expertise._2.review {
  color: #000;
  margin-top: 1vh;
  margin-bottom: 0;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .9vw;
  line-height: 1vw;
}

.text-block-9.expertise._2.contract {
  color: #fff;
}

.text-block-9.expertise.grey {
  color: #9e9e9e;
  font-weight: 600;
}

.text-block-9.expertise.white {
  color: #000;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .8vw;
}

.text-block-9.bullets {
  margin-top: 2vh;
  line-height: 1.9vw;
}

.text-block-9.bullets.auto {
  color: #000;
  flex: 0 auto;
  margin-top: 0;
  font-weight: 300;
  position: static;
  bottom: auto;
}

.experience-section-banner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: 0;
  margin-left: 5vw;
  margin-right: 5vw;
  display: flex;
}

.div-block-49 {
  color: #fff;
  background-color: #000;
  background-image: linear-gradient(#00000091, #00000091);
  border-radius: .3vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 80vh;
  display: flex;
}

.div-block-49._2 {
  background-image: linear-gradient(#0000, #0000);
  height: 80vh;
}

.div-block-49._1 {
  background-color: #0000;
  background-image: none;
  justify-content: flex-end;
  height: 50vh;
}

.skills-section-2 {
  grid-column-gap: 5vw;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.5fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 15vh;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.div-block-51 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-52 {
  background-color: #0000;
  border-radius: .4vw;
  width: 100%;
  height: 100vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-right: 5vw;
}

.div-block-52.muse {
  background-image: url('../images/TC_Mobile_Chat.jpg');
  background-position: 0%;
  background-size: cover;
  align-items: flex-end;
  padding: 5vh;
  display: flex;
}

.div-block-52.muse.linkedin {
  background-color: #000;
  background-image: none;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.expertise-box {
  background-color: #0000;
  background-image: linear-gradient(0deg, #0000 3%, #87878b6b 39%);
  border: 1px #0000003d;
  border-radius: 1vw 1vw 0 0;
  width: 100%;
  height: auto;
  margin-bottom: 10vh;
  padding-bottom: 15vh;
  overflow: hidden;
}

.expertise-box.last-div {
  background-color: #000;
  border-radius: 1vw;
  margin-bottom: 0;
  padding-bottom: 0;
}

.expertise-box.dark {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #171717;
  border-radius: 1vw;
}

.expertise-box.last-post {
  margin-bottom: 25vh;
}

.expertise-box.last {
  margin-bottom: 0;
}

.div-block-54 {
  padding-top: 15vh;
}

.div-block-54.approach-scroll {
  padding-left: 10vw;
  padding-right: 15vw;
}

.div-block-54._2 {
  padding: 5vh 4vh 5vh 4vw;
}

.div-block-54.skills {
  padding-top: 5vh;
  padding-left: 4vw;
  padding-right: 4vw;
}

.expertise._2 {
  background-color: #0000;
  padding-top: 15vh;
  padding-bottom: 25vh;
}

.expertise._2.new {
  background-color: #c8c9d1;
  border-left: 10px #46ff39;
  padding-top: 0;
  padding-bottom: 15vh;
}

.approach {
  background-color: #c8c9d1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.contracts._2 {
  background-color: #2d2d35;
  background-image: url('../images/Wappen-bg-transparent.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 0;
  padding-top: 5vh;
  padding-bottom: 25vh;
}

.div-block-55 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 10vw;
  margin-right: 10vw;
  display: grid;
}

.div-block-56 {
  background-color: #0000;
  border-radius: .4vw;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-56._2 {
  padding-top: 0;
}

.div-block-56._3 {
  padding-top: 15vh;
  padding-bottom: 15vh;
}

.div-block-56.spaces {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-57 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 75vh;
  margin-bottom: 1.5vh;
  padding-top: 2vh;
  display: grid;
}

.div-block-58 {
  background-color: #000;
  border-top-left-radius: .3vw;
  border-top-right-radius: .3vw;
  flex-direction: column;
  align-items: flex-start;
  height: 45%;
  display: flex;
}

.div-block-58.bottom-div {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: #000;
  background-color: #0003;
  border-radius: 0 0 .3vw .3vw;
  justify-content: center;
  align-items: center;
  height: 55%;
  padding: 2vh 1vw 1vw;
}

.div-block-58.redbull {
  background-image: url('../images/RedBull-Project.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.div-block-58.onlinebook {
  background-image: url('../images/625451d139d5a18181591efa_onbk-ad.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-59 {
  background-color: #2e2e2e;
  border-radius: .3vw;
  width: 100%;
  height: 100%;
}

.button-3 {
  color: #000000c4;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000007a;
  border-left-color: #000000ba;
  border-radius: 20vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2vh;
  margin-bottom: 1vh;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: .7vw;
  display: flex;
}

.button-3.archived {
  color: #dfdbd1f2;
  background-color: #00000030;
  border-style: none;
  border-color: #dfdbd169;
}

.button-3.casestudy {
  color: #000000d6;
  background-color: #00000014;
  border-style: none;
  border-color: #00000026;
}

.button-3.casestudy-button {
  color: #272727c4;
  border-style: dashed;
  border-radius: 20vw;
}

.div-block-60 {
  color: var(--global-background);
  background-color: #000;
  border-radius: .3vw;
}

.div-block-60.nowthis {
  background-image: linear-gradient(#0000, #b1ac9f 79%), url('../images/Obama-NowThis.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-bottom: 0;
}

.div-block-60.project35 {
  color: var(--global-background);
  background-color: #0000;
}

.div-block-60.redbull {
  color: #000;
  background-color: #0000;
}

.div-block-61 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 4vw;
  height: 2vh;
  margin-top: 1vw;
  margin-left: 1vw;
  display: flex;
}

.text-block-10 {
  font-size: .6vw;
  line-height: .6vw;
}

.div-block-62 {
  flex-direction: column;
  width: 100%;
  height: 30%;
  margin-bottom: 5vh;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-63 {
  opacity: 1;
  outline-offset: 0px;
  background-color: #000;
  outline: .1vw #333;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100%;
  padding-bottom: 1vw;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.heading-6 {
  color: #5f5f5e;
  align-items: flex-end;
  padding-left: 1vw;
  font-size: 1.5vw;
  display: flex;
}

.div-block-64 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 10vh;
  padding-left: 0;
  display: flex;
}

.div-block-65 {
  width: 100%;
  height: 80%;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-left: 0;
}

.div-block-66 {
  background-color: #000;
  background-image: linear-gradient(#0000 30%, #00000061), url('../images/Hero-Experience.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: .3vw;
  width: 80%;
  height: 80%;
}

.div-block-67 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-68 {
  color: var(--global-background);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 3vw;
  padding-left: 3vw;
  display: flex;
}

.div-block-69 {
  width: 80%;
}

.div-block-70 {
  align-items: flex-end;
  padding-bottom: 3vw;
  padding-right: 3vw;
  display: flex;
}

.reviews-div._2 {
  background-color: #000;
  margin-top: 0;
  padding-top: 5vh;
  padding-bottom: 15vh;
}

.div-block-71 {
  color: #fff;
  background-image: linear-gradient(0deg, #000, #fcfcfc00 81%, #fff0);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 2vw;
  padding-bottom: 3vw;
  padding-left: 3vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
  bottom: auto;
}

.div-block-71.designforgood {
  width: 30vw;
}

.div-block-71.expertise {
  align-items: center;
  height: auto;
  padding-bottom: 10vh;
  padding-left: 2vh;
  padding-right: 2vh;
}

.div-block-71._2 {
  background-image: none;
  padding-top: 5vh;
}

.div-block-71.bio-header {
  justify-content: flex-start;
  align-items: center;
}

.text-block-11 {
  text-align: justify;
  margin-top: 2vh;
  font-family: Open Sans, sans-serif;
  font-size: .9vw;
  font-weight: 300;
  line-height: 1.4vw;
}

.text-block-11.casestudythumb {
  font-size: 1vw;
}

.text-block-11._2 {
  text-align: left;
  margin-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: .8vw;
  font-weight: 300;
}

.text-block-11._2.caption {
  opacity: .66;
  text-align: justify;
  font-family: Roboto, sans-serif;
  font-size: .7vw;
  line-height: 1.2vw;
}

.div-block-72 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #2e2c2c;
  background-image: linear-gradient(to top, #000000c9 21%, #0000);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
}

.div-block-72.safehouse {
  background-image: linear-gradient(to top, #000000c9 21%, #0000);
  height: 100%;
}

.div-block-72.xcorecity {
  background-image: linear-gradient(to top, #000000c9 21%, #0000);
}

.div-block-72.muselayers {
  background-image: linear-gradient(to top, #0003 21%, #0000);
}

.div-block-73 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-74 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.div-block-75 {
  filter: invert();
  background-image: url('../images/Vonfal-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6vw;
  height: 10vw;
  margin-top: 2vw;
  margin-left: 2vw;
}

.div-block-75.xcoremarkets, .div-block-75.safehouselab {
  background-image: url('../images/XcoreMarkets-Logo-Sample.png');
}

.div-block-75.yoishogames {
  background-image: url('../images/YoishoGames-Logo-Sample.png');
}

.div-block-75.safehhouseshow {
  background-image: none;
  width: auto;
}

.div-block-75.spotify {
  background-image: url('../images/Spotify.png');
  width: 10vw;
}

.div-block-75.nowthis {
  background-image: url('../images/NowThis-Logo.png');
  width: 10vw;
}

.div-block-75.muselayers {
  filter: none;
  background-image: url('../images/MuseLayers.png');
  width: 9vw;
}

.div-block-75.xcorecity {
  filter: none;
  background-image: url('../images/xcorecity-logo-sample.png');
}

.div-block-75._2 {
  background-image: url('../images/XcoreMarkets-Logo-Sample.png');
}

.div-block-75._3 {
  background-image: url('../images/Safehouse-Logo-Sample.png');
}

.div-block-75._4 {
  background-image: url('../images/YoishoGames-Logo-Sample.png');
}

.div-block-76 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-77 {
  background-color: #000;
  border-radius: .3vw;
  flex-direction: column;
  justify-content: flex-end;
  width: 80%;
  height: 80%;
  display: flex;
}

.heading-7 {
  color: #000;
  font-size: 2vw;
  line-height: 2vw;
}

.div-block-78 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2vw;
  padding-right: 3vw;
  display: flex;
}

.div-block-79 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2vw;
  padding-right: 3vw;
  display: flex;
}

.div-block-80 {
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 2vw;
  padding-right: 3vw;
  display: flex;
}

.div-block-81 {
  align-items: flex-end;
  padding-bottom: 2vw;
  padding-right: 3vw;
  display: flex;
}

.testimonials {
  background-color: #c8c9d1;
  background-image: url('../images/Noisex10.png'), url('../images/Wappen-bg-transparent.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  margin-top: 0;
  padding-top: 5vh;
  padding-bottom: 0;
}

.div-block-82 {
  grid-column-gap: 0vw;
  grid-row-gap: 2vw;
  background-image: linear-gradient(to top, #1c1e22b8 45%, #fff0);
  grid-template-rows: auto;
  grid-template-columns: .5fr 2fr 3.25fr;
  grid-auto-columns: 1fr;
  margin-top: 5vh;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.div-block-83 {
  height: 100vh;
  position: sticky;
  top: 0;
}

.div-block-84 {
  align-items: flex-end;
  padding-bottom: 2vw;
  padding-right: 3vw;
  display: flex;
}

.div-block-85 {
  height: 30vh;
  padding-top: 2vw;
  padding-left: 2vw;
  display: flex;
}

.div-block-86 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 5vh 5vw 5vh 0;
  display: flex;
}

.div-block-87 {
  background-color: #000;
  border-radius: .4vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-88 {
  padding-top: 0;
}

.div-block-89 {
  height: 30vh;
  padding-top: 2vw;
}

.div-block-90 {
  grid-column-gap: 70px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  height: 40vh;
  margin-bottom: 20vh;
  display: grid;
}

.div-block-90.last {
  margin-bottom: 3vh;
}

.div-block-91 {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-92 {
  background-color: #0000;
  height: 100vh;
  margin-bottom: 30vh;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: flex;
}

.div-block-93 {
  background-color: #000;
  border-top-left-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 100%;
  height: 100%;
}

.div-block-94 {
  background-color: #000;
  border-radius: 100vw;
  width: 10vw;
  height: 100%;
}

.div-block-94.adam {
  background-image: url('../images/Adam-Avatar.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 8vw;
  height: 100%;
}

.div-block-94.adamschneider {
  filter: brightness(92%) contrast(141%);
  background-image: url('../images/Adam-Avatar.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10.3vw;
}

.div-block-95 {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-right: 8vw;
  display: flex;
}

.div-block-96, .div-block-97 {
  padding-right: 5vw;
}

.footer-global {
  background-color: #161616;
  height: 100vh;
}

.div-block-99 {
  width: 100%;
  height: 70vh;
  margin-top: 0;
}

.div-block-100 {
  background-color: #0000;
  border-radius: .3vw;
  flex-direction: column;
  width: 70%;
  height: 100%;
  display: flex;
}

.div-block-101 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 50%;
  padding: 1vw 1vw 1vw 0;
  display: flex;
}

.div-block-101.top {
  background-color: #000;
  border-radius: .3vw;
}

.div-block-102 {
  position: static;
  top: 0;
}

.div-block-103 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.div-block-103.right {
  margin-top: 10vw;
}

.div-block-104 {
  background-color: #000;
  border-radius: .3vw .3vw 0 0;
  width: 20vw;
  height: 30vw;
  margin-bottom: 2vw;
}

.div-block-105 {
  color: var(--global-background);
  align-self: stretch;
  align-items: center;
  height: 1.8vw;
  margin-bottom: .8vh;
  display: flex;
}

.text-block-12 {
  color: #dfdbd145;
  border: 1px #0000008c;
  border-radius: 1vw;
  margin-left: 0;
  margin-right: .5vw;
  padding-left: 0;
  padding-right: 0;
  font-size: .7vw;
  line-height: 1vw;
}

.div-block-106 {
  width: 18vw;
  margin-bottom: 2vh;
  display: flex;
}

.div-block-107 {
  align-self: stretch;
  align-items: center;
  height: 2vw;
  display: flex;
}

.button-4 {
  color: #000000eb;
  background-color: #dfdbd1a1;
  border: 1px #000;
  border-radius: 1vw;
  font-size: .7vw;
}

.text-block-13 {
  color: #dfdbd157;
  margin-left: .5vw;
}

.div-block-108 {
  color: #000;
  background-color: #0000002b;
  border-radius: .3vw;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.div-block-109 {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 1vw;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.div-block-110 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-111 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 3vw;
  padding-left: 3vw;
  display: flex;
}

.div-block-112 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 3vw;
  padding-right: 3vw;
  display: flex;
}

.div-block-113 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr .25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 70%;
  padding-bottom: 3vw;
  display: grid;
}

.div-block-113.bio {
  grid-column-gap: 0px;
  grid-template-columns: 1.25fr 1fr .25fr;
  height: 70%;
  padding-bottom: 5vw;
}

.div-block-113.designforgood {
  height: 30%;
}

.div-block-114 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 0;
  display: flex;
}

.div-block-114.home {
  padding-right: 0;
}

.div-block-114.bio {
  justify-content: flex-end;
}

.div-block-115 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
}

.div-block-116 {
  grid-column-gap: 0px;
  grid-row-gap: 5vh;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 10vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: grid;
}

.text-block-14 {
  margin-bottom: 3vh;
  font-family: Open Sans, sans-serif;
  font-size: .8vw;
  font-weight: 400;
  line-height: 1.3vw;
}

.background-video-2 {
  color: var(--global-background);
  border-radius: .3vw;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-117 {
  grid-column-gap: 56px;
  grid-row-gap: 16px;
  border: 1px #0000009c;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 5vh;
  padding-top: 0;
  display: grid;
}

.div-block-118, .div-block-119 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-120 {
  margin-bottom: 20vh;
}

.div-block-121 {
  border: 1px #000;
  border-top-color: #dfdbd16b;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
  display: flex;
}

.div-block-122 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #5759c2a6;
  background-image: url('../images/NowThis.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 3vw;
  border-radius: 100vw;
  width: 5vw;
  height: 5vw;
  margin-top: 1vw;
  margin-left: 1vw;
}

.background-video-3 {
  border-top-left-radius: .3vw;
  border-top-right-radius: .3vw;
  height: 45%;
}

.body-3 {
  background-color: #bebebe;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.bio-headline-div {
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-top: 10vh;
}

.div-block-124 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 9vw;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.div-block-124.right {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  margin-top: 5vh;
  margin-bottom: 1vh;
  padding-left: 0;
}

.div-block-124.right.casestudies {
  align-items: flex-start;
  padding-top: 5vh;
}

.div-block-124.right.home {
  align-items: flex-end;
  padding-right: 10vw;
}

.div-block-124.right.designforgood {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.div-block-124.right._2 {
  align-items: flex-end;
  width: 100%;
  margin-bottom: 0;
}

.text-block-15 {
  color: #fff;
  text-align: justify;
  letter-spacing: 0;
  margin-bottom: 1.5vh;
  font-size: .8vw;
}

.text-block-15.last {
  color: #fff;
  margin-bottom: 0;
}

.text-block-15.last.bulletpoint {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: .6vw;
  font-weight: 300;
}

.text-block-15.year {
  color: #ffae00;
  text-align: left;
  margin-bottom: 1vh;
  font-family: Open Sans, sans-serif;
  font-size: .6vw;
}

.text-block-15.hero-bulletpoints {
  color: #fff;
  margin-bottom: 1vh;
  font-family: Open Sans, sans-serif;
  font-size: .6vw;
  font-weight: 300;
}

.text-block-15._2 {
  width: 100%;
  margin-bottom: 0;
  line-height: 1.5vw;
}

.text-block-15._2._1 {
  width: 75%;
}

.text-block-15._2._3 {
  width: 80%;
}

.text-block-15._2.center {
  text-align: left;
  letter-spacing: 1px;
  text-shadow: 1px 1px 6px #000;
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: .7vw;
  font-weight: 100;
  line-height: 1.7vw;
}

.div-block-125 {
  color: #fff;
  margin-right: .3vw;
}

.div-block-125.date {
  text-align: left;
  margin-right: 1vw;
}

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

.div-block-127 {
  align-items: flex-end;
  width: 20vw;
  height: 100%;
  display: flex;
}

.text-block-16 {
  color: #fff;
  font-size: .9vw;
  line-height: 1.6vw;
}

.div-block-128 {
  text-align: justify;
  width: 60%;
  margin-right: 5vw;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.div-block-128.home {
  margin-right: 10vw;
}

.div-block-128.casestudies {
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.div-block-128.biography {
  width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 300;
}

.div-block-129 {
  color: #fff;
  border-left: 1px #fff;
  width: 18vw;
  padding-left: 2vw;
  display: flex;
}

.div-block-130 {
  margin-left: 0;
  margin-right: 2vw;
  display: flex;
}

.div-block-131, .div-block-132 {
  display: flex;
}

.div-block-133 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.div-block-134 {
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 5vh;
  display: flex;
}

.chapther-bio-header-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  height: 5vh;
  margin-bottom: 7vh;
  display: grid;
}

.chapther-bio-header-div.white {
  filter: invert();
}

.chapther-bio-header-div._2 {
  grid-template-columns: 1fr 1.75fr 1fr;
}

.div-block-136 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-137 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-138 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-139 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chapter-intro {
  grid-column-gap: 104px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  margin-top: -5vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
}

.fashion {
  height: 50vh;
}

.div-block-142 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-143 {
  background-color: #000;
  background-image: url('../images/SvF-Banner_1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  width: 90%;
  height: 90%;
  display: flex;
}

.div-block-143.mtv {
  filter: contrast(98%);
  background-image: url('../images/MTV.jpeg');
  background-position: 100% 40%;
  background-size: cover;
  border: 1px #00000080;
  border-radius: 1vw;
}

.div-block-143.web1 {
  background-image: url('../images/621ec5ac1e3b758857a816f2_metro.jpg');
  background-position: 50%;
  background-size: cover;
  border-left-style: none;
  border-radius: 1vw;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
}

.div-block-143.web2 {
  background-image: url('../images/Web2-Consultant.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.div-block-143.wildernessyears {
  background-image: linear-gradient(#0000 57%, #00000082), url('../images/OntheRun.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border-radius: 2vw;
  justify-content: center;
  align-items: flex-end;
}

.div-block-144 {
  text-align: left;
  padding-top: 5vh;
}

.text-block-17 {
  color: #000;
  text-align: justify;
  -webkit-text-stroke-color: #6e6e6e;
  text-shadow: 0 1px 1px #fff3;
  background-color: #0000;
  margin-top: -.3vw;
  font-family: Shentoxtrial Rg, sans-serif;
  font-size: .9vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.text-block-17.full {
  color: #000;
  text-align: justify;
  font-family: Roboto, sans-serif;
  font-weight: 100;
}

.text-block-17.full._1.list {
  margin-top: 5vw;
}

.text-block-17.full._1.white {
  color: #fff;
  font-size: 1.1vw;
  line-height: 2vw;
}

.text-block-17.full._1.white.large {
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  font-family: Shentoxtrial Ultlt, sans-serif;
  font-size: 1.1vw;
  font-weight: 100;
  line-height: 2vw;
}

.text-block-17.full._1.auto {
  position: relative;
  bottom: 0;
}

.text-block-17.full.featured {
  color: #000;
  text-shadow: none;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.text-block-17.full.featured.top {
  margin-bottom: 0;
}

.text-block-17.full.featured.top.blue {
  text-shadow: 0 1px 2px #ddebff;
}

.text-block-17.full.featured._1 {
  margin-bottom: 0;
}

.text-block-17.full.featured._5vh {
  color: #000000b8;
  text-shadow: none;
  margin-bottom: 0;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: 1vw;
}

.text-block-17.white {
  color: #fff;
  text-shadow: 0 1px 2px #000000e6;
  font-family: Shentoxtrial Rg, sans-serif;
  font-size: 1vw;
  font-weight: 100;
  line-height: 1.7vw;
}

.text-block-17.white.center {
  width: auto;
  margin-top: 0;
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: 1vw;
}

.text-block-17.white._2 {
  font-family: Shentoxtrial Rg, sans-serif;
  font-size: .8vw;
}

.text-block-17.featured {
  text-shadow: none;
}

.div-block-145, .div-block-145._5vh {
  margin-bottom: 5vh;
}

.highlights-featured-fashion {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #0000007d;
  border-radius: 1vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 40vh;
  margin-top: 15vh;
  margin-left: 5vw;
  margin-right: 5vw;
  display: grid;
  overflow: hidden;
}

.div-block-147 {
  background-color: #000;
  border-radius: .3vw;
}

.div-block-147.tokyocover {
  background-image: linear-gradient(#ff77770f, #ff77770f), url('../images/japan-RightOn.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 0;
  height: 100%;
}

.div-block-147.id {
  background-image: linear-gradient(#ff77770f, #ff77770f), url('../images/624ee8bf6301cf482cfbbd3e_iD-2.jpeg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 0;
  height: 100%;
}

.div-block-147.moet {
  background-image: url('../images/610fb7b89242da63b99f2271_MoetAd.jpeg');
  background-position: 50%;
  background-size: cover;
}

.div-block-147.moet._2 {
  background-image: linear-gradient(#ff77770f, #ff77770f), url('../images/610fb7b89242da63b99f2271_MoetAd.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 0;
  height: 100%;
}

.div-block-148 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000;
  background-image: url('../images/Guess.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 2vw 3vw 2vw 2vw;
  display: flex;
}

.text-block-18 {
  margin-bottom: 2vh;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .8vw;
  font-weight: 300;
}

.text-block-18.last {
  margin-bottom: 0;
}

.div-block-149 {
  color: #000;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-top: 3vh;
  display: flex;
}

.div-block-150 {
  flex-direction: column;
  width: 80%;
  display: flex;
}

.highlights-widget-wrapper {
  grid-column-gap: 23px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: 0;
  margin-right: 5vw;
  padding-left: 5vw;
  display: grid;
}

.highlights-widget-wrapper.web1 {
  background-color: #0000;
  background-image: none;
  margin-top: 0;
  margin-right: 0;
  padding-top: 15vh;
  padding-bottom: 0;
  padding-right: 5vw;
}

.highlights-widget-wrapper.designforgood {
  margin-top: 10vh;
}

.highlights-widget-wrapper.expertise {
  margin-top: -5vh;
}

.highlights-widget-wrapper.expertise.contracts {
  grid-template-columns: .3fr .75fr;
  margin-right: 0;
  padding-top: 0;
  padding-left: 8vw;
}

.highlights-widget-wrapper.bio {
  margin-top: 0;
  margin-right: 0;
  padding-top: 10vh;
}

.left-highlight-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.left-highlight-div.larger-thumb {
  padding-top: 10vh;
  padding-bottom: 10vh;
}

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

.div-block-154 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  padding-top: 0;
  display: grid;
}

.div-block-154.raw {
  margin-top: 25vh;
}

.div-block-154.next {
  margin-top: 15vh;
}

.div-block-154.overflow {
  margin-top: -10vw;
}

.div-block-154.morespace {
  margin-bottom: 10vh;
}

.div-block-154.lontext-above {
  padding-top: 10vh;
}

.div-block-155 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000;
  border-radius: .4vw;
  width: 20vw;
  height: auto;
  margin-top: 0;
  overflow: hidden;
}

.div-block-155.morespace, .div-block-155.topspace {
  margin-top: 0;
}

.div-block-155.reviews {
  background-color: #d9dbe2;
  background-image: none;
  border: 1px solid #0000009e;
  width: 25vw;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 3px 9px 1px #00000026;
}

.div-block-156 {
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.div-block-156.morespace {
  margin-bottom: 10vh;
}

.div-block-156.andreas {
  margin-bottom: 15vh;
}

.div-block-157 {
  justify-content: center;
  align-items: flex-end;
  height: 60vw;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.div-block-157.longtext {
  margin-top: 15vh;
}

.div-block-157.longtext._2 {
  margin-top: 25vh;
}

.div-block-157.morespace {
  margin-top: 10vh;
}

.div-block-157.morespace._2 {
  justify-content: center;
  height: auto;
}

.div-block-158, .div-block-159 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-160 {
  color: #fff;
  background-color: #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  padding: 2vw;
  display: flex;
}

.div-block-160.projects {
  opacity: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #070707;
  background-color: #babbc200;
  background-image: none;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-160.projects.confiential {
  border: 1px #000;
}

.div-block-160.projects.light {
  color: #fff;
  background-color: #000;
}

.div-block-160.projects.dark {
  color: #c2c2c1;
  background-color: #4a4a4c;
}

.div-block-160.projects.reviews {
  background-color: #ebebeb;
}

.div-block-160.designforgood {
  color: #fff;
}

.div-block-160.designforgood.exotic {
  background-color: #ffc800ab;
  border-top: 1px solid #000;
}

.div-block-160.designforgood.legendary {
  background-color: #d100b559;
}

.div-block-160.designforgood.ultra-rare {
  background-color: #03c52d54;
}

.div-block-160.designforgood.rare {
  background-color: #1047df4f;
}

.div-block-160.yellow {
  background-color: #cbdfbec2;
  align-items: center;
}

.div-block-160.green {
  color: #000;
  background-color: #b8c7db;
}

.div-block-160.blue {
  background-color: #e9cd90;
}

.div-block-160.purple {
  background-color: #c49bb296;
}

.div-block-161 {
  background-color: #000;
  border-top-left-radius: .3vw;
  border-top-right-radius: .3vw;
  align-items: flex-start;
  height: 28vw;
  display: flex;
}

.div-block-161.fordmodels {
  background-image: linear-gradient(#e662621a, #e662621a), linear-gradient(to top, #000000b0, #0000 44%), url('../images/FordSupermodel2000.jpeg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  border-radius: 0;
}

.div-block-161.beat {
  filter: brightness(92%);
  background-image: linear-gradient(#e562621a, #e562621a), linear-gradient(to top, #0009, #0000 44%), url('../images/Beat-Ginther.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.div-block-161.irenemarie {
  background-image: url('../images/SvF-Miami.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.div-block-161.realitytv {
  background-image: url('../images/Model-Hotel.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-161.tokyo {
  filter: brightness(141%);
  background-image: url('../images/9Z5M5805.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .4px;
}

.div-block-161.modelwerk {
  background-image: url('../images/Claudia_Midolo-1.jpg');
  background-position: 0 100%;
  background-size: cover;
}

.div-block-161.sabriane {
  background-image: linear-gradient(to top, #0003, #0000 55% 89%), url('../images/SandS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

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

.div-block-161.redbull {
  background-image: linear-gradient(to top, #0000003b, #0000 94%), url('../images/NYC2.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.div-block-161.redbull._2 {
  background-image: url('../images/RedBull3.jpg');
}

.div-block-161._20thstreet {
  background-image: linear-gradient(to top, #4a4a4c 4%, #0000 50%), url('../images/BryantPark.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-161.amex {
  filter: contrast(111%) brightness(119%);
  background-color: #0000;
  background-image: linear-gradient(to top, #0000006b, #0000), url('../images/AMEX-Img_1.png');
  background-position: 0 0, 30%;
  background-size: auto, cover;
}

.div-block-161.w2c {
  background-image: url('../images/S-Ogier-Spain17-Red-BullJaanus-Ree-pic.jpg');
  background-position: 70%;
  background-size: cover;
}

.div-block-161.dfg1 {
  height: 20vw;
}

.div-block-161.dfg2 {
  background-image: url('../images/Hero-Sample.jpg');
  background-position: 100%;
  background-size: cover;
  border: 3px #ffb60040;
  height: 20vw;
}

.div-block-161.adam {
  background-image: url('../images/Adam-Avatar.jpeg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.stratos {
  filter: brightness(94%);
  background-image: url('../images/Stratos1.jpeg');
  background-position: 40%;
  background-size: cover;
}

.div-block-161.rihanna {
  background-image: url('../images/Rihanna.jpeg');
  background-position: 59% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-161.gdn3 {
  filter: brightness(127%);
  background-image: url('../images/RplusG.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.hotelcloud {
  filter: brightness(105%);
  background-image: url('../images/Hotelcloud-WebAd.jpg');
  background-position: 80%;
  background-size: cover;
}

.div-block-161._20 {
  background-image: url('../images/20thstreet-Adam-Me-2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.div-block-161.enter {
  background-image: url('../images/EnterPrenoun.jpg');
  background-position: 0%;
  background-size: cover;
}

.div-block-161.beatrice {
  filter: brightness(101%);
  background-image: url('../images/sss_0989BIOF6-copy-site-1024x1012.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.summeroflove {
  background-image: linear-gradient(to top, #00000054, #0000 57%), url('../images/Heike-2012.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.div-block-161.video {
  background-color: #0000;
}

.div-block-161.school {
  background-image: linear-gradient(#4a4e3436, #4a4e3436), url('../images/SvF-School.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.div-block-161.chris {
  background-image: url('../images/Chris-4.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-161.andreas {
  filter: brightness(131%);
  background-image: url('../images/Andreas.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.andreas._2 {
  filter: none;
  background-image: linear-gradient(#0000 22%, #d8dbe2), url('../images/Andreas.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vw;
}

.div-block-161.onbklaunch {
  background-image: url('../images/ONBK-Launch.jpg');
  background-position: 28% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-161.nyc {
  filter: brightness(114%);
  background-image: url('../images/Xara.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.p35 {
  filter: brightness(161%);
  background-image: url('../images/Thumbnails-Highlights-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.obama {
  background-image: url('../images/ObamaVSMcCain.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.igp {
  filter: brightness(147%);
  background-image: url('../images/Jailbreak.jpg');
  background-position: 60%;
  background-size: cover;
}

.div-block-161.twitkick {
  filter: brightness(118%);
  background-image: url('../images/TwitkickWebsite.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.candy {
  background-image: url('../images/Candy.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.tigerspike {
  background-image: url('../images/Tigerspike-Img.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161._28black {
  filter: contrast(95%) brightness(141%);
  background-image: linear-gradient(to top, #0000003b, #0000 64%), url('../images/28BlackBillboard.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.div-block-161.riedel {
  filter: brightness(131%);
  background-image: url('../images/Riedel-Wine-Thumb.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.reviews {
  height: 20vw;
}

.div-block-161.reviews.adam {
  background-image: linear-gradient(#0000 58%, #d9dbe2), url('../images/Adam-Avatar.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 40vw;
}

.div-block-161.reviews.dominiqu {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
}

.div-block-161.reviews.alex {
  background-image: linear-gradient(#0000 59%, #d8dbe2 95%), url('../images/1517586474526.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 40vw;
}

.div-block-161.leffrontee {
  background-color: #0000;
}

.div-block-161.victoria {
  background-image: linear-gradient(#0000 38%, #d8dbe2 95%), url('../images/621e009ebd36720ee0bb700b_1516563279327.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vw;
}

.div-block-161.dominiqu {
  background-image: linear-gradient(#0000 50%, #d8dbe2 94%), url('../images/621e018f8410e6c96172cfe2_1604084237918.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vw;
  line-height: 40px;
}

.div-block-161.aaron {
  background-image: linear-gradient(#0000 46%, #d8dbe2), url('../images/1558501838703.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vw;
}

.div-block-161.elio {
  background-image: url('../images/Elio.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.irene {
  background-image: url('../images/IreneMarie.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.miami {
  filter: brightness(111%);
  background-image: url('../images/Chappel.jpg');
  background-position: 80%;
  background-size: cover;
}

.div-block-161.spotify {
  background-image: url('../images/Spotify-Thumb.jpg');
  background-position: 15% 40%;
  background-size: cover;
}

.div-block-161.reinerjohn {
  background-image: url('../images/1930510_35780650627_4468_n.jpeg');
  background-position: 100% 0;
  background-size: cover;
}

.div-block-161.annastaija {
  background-image: url('../images/Ana-Orion.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-161.evita {
  background-image: url('../images/Patreon-Evita.jpg');
  background-position: 50%;
  background-size: cover;
}

.text-block-19 {
  color: #000;
  text-align: justify;
  -webkit-text-stroke-color: #fff;
  text-shadow: 0 1px 1px #fff3;
  margin-top: 2vh;
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: .8vw;
  font-weight: 300;
  line-height: 1.4vw;
}

.text-block-19.projects {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-weight: 100;
}

.text-block-19.projects.reviews {
  color: #000;
  text-align: justify;
  letter-spacing: 0;
  -webkit-text-stroke-color: #000;
  background-color: #c8c9d100;
  background-image: none;
  margin-top: 0;
  margin-bottom: 5vh;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Shentoxtrial Rgit, sans-serif;
  font-size: .9vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5vw;
}

.text-block-19.projects.top-text {
  margin-bottom: 2vh;
  font-weight: 400;
}

.text-block-19.projects.contract, .text-block-19.white {
  color: #fff;
}

.text-block-19.caption {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.5vw;
}

.text-block-19.agencies {
  width: 100%;
  margin-bottom: 3vh;
}

.text-block-19.hand {
  text-align: center;
  font-family: Bad Script, sans-serif;
  font-size: 1.4vw;
  line-height: 2.5vw;
}

.text-block-19.hand.green {
  color: #effee5;
  -webkit-text-stroke-color: #effde5;
}

.bio-banner {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: 0 0;
  display: flex;
  overflow: hidden;
}

.bio-banner.auto {
  border-radius: .4vw .4vw 0 0;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.div-block-163 {
  filter: contrast(71%) brightness(82%);
  background-color: #000;
  border-radius: .3vw;
  width: 100%;
  height: 80vh;
}

.div-block-163.travel {
  background-image: url('../images/SabrineMe.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-163.onbk {
  filter: none;
  background-image: linear-gradient(0deg, #bdd9ff, #0000 33%), url('../images/Onbk.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 90vh;
}

.div-block-163.muselayers {
  filter: contrast(102%) brightness(102%);
  background-image: url('../images/MuseLayers.jpeg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-163.xcorevendor {
  filter: none;
  background-image: linear-gradient(#0000 75%, #000), linear-gradient(#0003, #0003), url('../images/Touch2.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, contain;
  border-radius: 2vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  padding-bottom: 5vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.div-block-164 {
  grid-column-gap: 184px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  height: 50vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: grid;
}

.div-block-164._2 {
  grid-column-gap: 2vw;
  grid-template-columns: .75fr .5fr;
  height: auto;
}

.div-block-165 {
  align-items: center;
  line-height: 1.8vw;
  display: flex;
}

.chapter_fashion {
  background-color: #e7ffd700;
  border-top: 0 #0000004d;
  border-left: 10px #cef9b0;
  padding-bottom: 0;
}

.featured-widget-fashion {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 15vh;
  padding: 0 5vw;
  display: flex;
}

.chapter-web1 {
  background-color: #d6e7ff00;
  background-image: linear-gradient(#cccccced, #cccccced);
  border-top: 1px #0000004d;
  border-left: 10px #ade8ff;
  margin-top: 0;
  padding-bottom: 0;
}

.highlights-featured-div {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border: 1px solid #bba5b0;
  border-radius: 1vw;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin: 10vh 5vw 0;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  overflow: hidden;
}

.div-block-167 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-168 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #bdd9ff;
  border-top-right-radius: .4vw;
  border-bottom-right-radius: .4vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 5vh 3vw;
  display: flex;
}

.div-block-168.white-bg {
  background-color: #fff;
  border-top-right-radius: .4vw;
  border-bottom-right-radius: .4vw;
  padding-left: 3vw;
  padding-right: 3vw;
}

.div-block-168.dark-bg {
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  color: #0000;
  text-align: center;
  background-color: #0000;
  border-top-right-radius: .4vw;
  border-bottom-right-radius: .4vw;
  align-items: center;
  padding: 4vw 0 0;
}

.div-block-168.dark-bg._2 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.div-block-168.dark {
  background-color: #e0b8cf94;
}

.div-block-168.dark._2 {
  background-color: #f1dbe8;
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.div-block-168.xcore {
  background-color: #c0b15b52;
}

.div-block-169 {
  background-color: #0000;
  border-radius: .3vw;
  width: 100%;
  height: 60vh;
}

.div-block-170 {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-right: 0;
  display: flex;
}

.div-block-170._2 {
  align-items: center;
}

.background-video-4 {
  z-index: 1;
  border-radius: .4vw 0 0 .4vw;
  width: 100%;
  height: 100%;
  display: flex;
}

.background-video-4.nowthis {
  z-index: 1;
  border-radius: .4vw 0 0 .4vw;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  top: auto;
}

.div-block-171 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-172 {
  grid-column-gap: 126px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  height: 50vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: grid;
}

.div-block-172._2 {
  grid-column-gap: 108px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-shadow: 0 1px 1px #ffffffb3;
  background-color: #bdd9ff;
  border-radius: 0;
  grid-template-columns: .5fr .5fr;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 3vw;
}

.div-block-172._2.xcorevendor {
  background-color: #ffe5ab;
  height: 40vh;
}

.div-block-172._3 {
  grid-column-gap: 24px;
  grid-template-columns: .75fr .75fr;
}

.chapter-web2 {
  background-color: #d6e7ff00;
  background-image: linear-gradient(#cccccced, #cccccced);
  border: 1px #0006;
  border-left: 10px #ffbbfd;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.div-block-173 {
  align-items: center;
  height: 5vh;
  margin-top: 5vh;
  margin-bottom: 5vh;
  display: flex;
}

.div-block-173.rihanna {
  margin-top: 3vh;
  margin-bottom: 0;
}

.div-block-173.muselayers-bio {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.button-5 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #000000d4;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #00000082;
  border-radius: .2vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-family: Open Sans, sans-serif;
  font-size: .5vw;
  font-weight: 300;
}

.button-5.light {
  background-color: #fff;
  border-style: none;
  font-weight: 400;
}

.button-5.light.purple {
  background-color: #f8deed;
}

.button-5.yellow {
  background-color: #ffe2a2;
  border-style: none;
  font-family: Shentoxtrial Md, sans-serif;
}

.text-block-20 {
  margin-left: .5vw;
  font-family: Open Sans, sans-serif;
  font-size: .6vw;
  font-style: normal;
  font-weight: 300;
}

.chapter-lightfall {
  text-align: center;
  background-color: #000;
  padding-bottom: 0;
}

.footer-bio {
  background-color: #e9cd90;
  width: 100%;
  height: 100vh;
  margin-top: 0;
}

.div-block-175 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-176 {
  grid-column-gap: 103px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-bottom: 0;
  margin-left: 5vw;
  margin-right: 5vw;
  display: grid;
}

.div-block-177 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-178 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-179 {
  background-image: url('../images/DadQuote.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .2vw;
  width: 40vw;
  height: 50vw;
}

.div-block-180 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 100%;
  display: flex;
}

.div-block-181 {
  background-color: #606060;
}

.div-block-182 {
  background-color: #1a1a1a;
  border-top-left-radius: .4vw;
  border-bottom-left-radius: .4vw;
}

.chapter-web3 {
  background-color: #0000;
  border-left: 10px #ffebbe;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-183 {
  border-radius: .4vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 15vh;
  margin-left: 5vw;
  margin-right: 5vw;
  display: flex;
  overflow: hidden;
}

.div-block-183.xcore {
  height: auto;
  margin-top: 0;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-top: 15vh;
  padding-bottom: 0;
}

.div-block-184 {
  background-color: #000;
  background-image: url('../images/DFG-Sample.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .3vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.body-4 {
  background-color: #000;
}

.text-block-21 {
  color: #fff;
  font-size: 1vw;
  line-height: 1.8vw;
}

.div-block-185 {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  color: #dfdfdf;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 0;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-top: 0;
  display: grid;
}

.div-block-186 {
  grid-column-gap: 9vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  display: grid;
}

.div-block-187 {
  align-items: center;
  height: 20%;
  display: flex;
}

.div-block-188 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-bottom: 5vh;
  display: grid;
}

.background-video-5 {
  border-radius: .4vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 90vh;
  display: flex;
}

.div-block-189 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.text-block-22 {
  margin-top: 2vh;
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: .9vw;
  line-height: 1.4vw;
}

.text-block-22.bold {
  margin-top: 1vh;
  font-weight: 700;
}

.div-block-190 {
  background-color: #1c1c1c;
  border-radius: 1vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-191 {
  background-color: #1c1c1c;
  border-radius: 3vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5vh;
  display: flex;
}

.div-block-192 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.div-block-192.right {
  text-align: center;
  background-color: #1c1c1c;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
}

.div-block-193 {
  background-color: #1c1c1c;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-194 {
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-195 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  padding-right: 2vw;
  display: flex;
}

.div-block-196 {
  filter: invert();
  background-image: url('../images/Vonfal-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 10vw;
  display: flex;
}

.div-block-197 {
  padding-top: 10vh;
  display: flex;
}

.body-5 {
  background-color: #000;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.text-block-23 {
  color: #fff;
  width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: .8vw;
  font-weight: 300;
  line-height: 2vw;
}

.text-block-23.home {
  width: 80%;
}

.body-6 {
  background-color: #000;
}

.div-block-198 {
  color: var(--global-background);
  background-color: #000;
}

.div-block-199 {
  background-color: #000;
  background-image: linear-gradient(#000000a8, #000000a8), url('../images/Flowers-Background.png');
  background-position: 0 0, 50% 100%;
  background-size: auto, contain;
  height: 25vh;
}

.div-block-200 {
  background-color: #0000;
  height: 25vh;
}

.div-block-201, .div-block-202 {
  background-image: url('../images/dfg-logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20vw;
  height: 20vw;
}

.text-span {
  letter-spacing: 0;
}

.scroll-navihation {
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #fff;
  background-color: #000000b0;
  border-radius: 0;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 3vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% auto auto;
  overflow: visible;
  box-shadow: 0 2px 10px #0003;
}

.scroll-navihation.biography {
  margin-top: 1vh;
}

.div-block-203 {
  width: 20%;
}

.div-block-204 {
  width: 10%;
}

.div-block-205 {
  background-color: #0000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-206 {
  align-items: center;
  width: 20%;
  height: 100%;
  padding-left: 3vw;
  display: flex;
}

.div-block-207 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  font-family: Roboto, sans-serif;
  font-size: .5vw;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.div-block-207:hover {
  color: #000;
}

.div-block-207.w--current {
  color: #000;
  font-weight: 400;
}

.text-block-24 {
  text-align: right;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: .5vw;
  font-size: .4vw;
  line-height: .6vw;
}

.div-block-208 {
  justify-content: flex-end;
  align-items: center;
  height: 2vw;
  margin-bottom: .5vw;
  display: flex;
}

.div-block-209 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-left: 5vw;
  margin-right: 5vw;
  display: flex;
}

.div-block-210 {
  background-color: #0000;
  width: 100%;
  height: 80%;
}

.background-video-6 {
  background-color: #0000;
  border-radius: .3vw;
  width: 100%;
  height: 80%;
}

.background-video-6.xcorecity {
  flex-direction: column;
  display: flex;
}

.div-block-211 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-212 {
  flex-direction: column;
  display: flex;
}

.div-block-213 {
  opacity: .92;
  background-image: url('../images/NowThis-Logo.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 5.5vw;
  width: 45%;
  height: 100%;
}

.div-block-213.redbulls {
  background-image: url('../images/RedBulls.png');
  background-size: 7vw;
}

.div-block-214 {
  width: 100%;
  height: auto;
  margin-bottom: 2vh;
}

.heading-8 {
  margin-top: 0;
  font-size: 1vw;
}

.div-block-215 {
  height: 40vh;
}

.div-block-216 {
  width: 50%;
  height: 10vw;
  margin-bottom: 200px;
}

.div-block-217 {
  opacity: .93;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #2a200729;
  border-radius: .3vw;
  align-items: flex-end;
  width: 45%;
  height: 18vw;
  margin-top: 5vh;
  margin-bottom: 0;
  padding: 1vw;
  display: flex;
}

.heading-9 {
  font-size: 1.3vw;
  line-height: 1.3vw;
}

.background-video-7 {
  background-image: linear-gradient(to top, #0000004f, #0000 36%);
  border-top-left-radius: .3vw;
  border-top-right-radius: .3vw;
  align-items: flex-start;
  height: 30vw;
  display: flex;
}

.background-video-7.spotify {
  background-image: linear-gradient(to top, #0009, #0000 76%), linear-gradient(to top, #0000004f, #0000 36%);
}

.div-block-218 {
  filter: invert();
  background-image: url('../images/NowThis-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3vw;
  height: 3vw;
  margin-top: 2vw;
  margin-left: 2vw;
}

.div-block-218.redbull {
  background-image: url('../images/RedBulls.png');
  background-position: 0 0;
  width: 4vw;
  height: 4vw;
  margin-left: 1.5vw;
}

.div-block-218.spotify {
  background-image: url('../images/Spotify.png');
  background-size: cover;
  width: 3vw;
  height: 3vw;
}

.div-block-220 {
  background-color: #0000;
  background-image: linear-gradient(#fff, #0000 31%);
  padding-top: 15vh;
}

.div-block-221 {
  background-image: url('../images/Hero-Welcome2.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.background-video-8 {
  background-color: #0000;
  background-image: url('../images/Stephan-Ghost-Bio.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.background-video-8.casestudy {
  background-image: url('../images/Skills-Hero-Figure-Left-Cut-V2.png');
  background-position: 50%;
  background-size: cover;
}

.background-video-8.contact {
  background-image: linear-gradient(#000000e0, #fff0 10%);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.background-video-8.bio {
  background-image: url('../images/SvF-Ghost-Bio-Retouch.png');
}

.div-block-222 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  filter: brightness(80%);
  background-image: url('../images/Carackters.png');
  background-position: 65% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.background-video-9 {
  height: 1px;
}

.background-video-10 {
  height: 100vh;
}

.background-video-11 {
  height: 400vh;
}

.div-block-223 {
  background-color: #0000;
}

.background-video-12 {
  height: 100vh;
}

.biography-hero {
  background-image: none;
  background-position: 0 0;
  height: auto;
}

.biography-hero.home {
  background-image: linear-gradient(#0000001c, #0000001c), url('../images/Bot-Side-3.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.biography-hero.experience {
  background-image: url('../images/Stephan-Cover-PNG-V1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-224 {
  background-image: url('../images/Carackters.png');
  background-position: 0 0;
  background-size: auto;
  height: 100vh;
  margin-top: -100vh;
}

.background-video-14 {
  width: 100%;
  height: 100vh;
}

.text-block-25 {
  color: #fff9;
  margin-bottom: 2vh;
  margin-left: 2vh;
  font-family: Bad Script, sans-serif;
}

.div-block-225 {
  background-color: #ffae004a;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 60%;
  font-size: .4vw;
  display: flex;
}

.background-video-15 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.background-video-16 {
  height: 100vh;
}

.div-block-226 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 50%;
  margin-top: 0;
  display: grid;
}

.div-block-227 {
  background-image: url('../images/Hand-Human-Left.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: -10vw;
}

.div-block-228 {
  background-image: url('../images/AI-Hand-Right.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: -10vw;
}

.div-block-229 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 35vw;
  display: flex;
}

.div-block-229._2 {
  background-image: url('../images/dfg-logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-230 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 15vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: flex;
}

.body-7 {
  color: #fff;
  background-color: #000;
  background-image: linear-gradient(#000000c9, #000000c9), url('../images/Skills-Bottom-Section.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.div-block-231 {
  background-color: #181717;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 80%;
  display: flex;
}

.div-block-232 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: grid;
}

.div-block-233 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: flex;
}

.div-block-234 {
  background-color: #0f0f0f;
  width: 100%;
  height: 80%;
}

.div-block-235 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 2vw;
  margin-bottom: 2vw;
  display: flex;
}

.div-block-235.scroll {
  margin-top: 2vw;
}

.button-8 {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1.2px solid #000;
  border-radius: 100vw;
  padding-top: 0;
  padding-bottom: 0;
  font-size: .6vw;
  line-height: 1.6vw;
}

.button-8:hover {
  color: #dfdbd1;
  background-color: #202020;
}

.button-8.eth {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.image-6 {
  filter: invert();
  margin-left: 1vw;
}

.text-block-38 {
  margin-left: 1vw;
  font-size: .7vw;
  font-style: normal;
}

.text-block-39 {
  margin-top: 5vh;
  font-size: .9vw;
  line-height: 1.5vw;
}

.text-block-39.smaller {
  margin-top: 1vh;
  margin-bottom: 2vh;
  font-size: .8vw;
}

.div-block-236 {
  height: 100vh;
}

.div-block-238 {
  background-color: #0000;
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.div-block-238.muselayers {
  background-image: linear-gradient(#47402eb5, #47402eb5);
}

.div-block-239 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 10vh;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-top: 0;
  display: flex;
}

.body-8 {
  background-color: #fff;
  flex-direction: column;
  display: flex;
}

.div-block-240 {
  height: 100vh;
}

.background-video-17 {
  border-radius: .3vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70%;
  margin-top: 0;
  display: flex;
}

.background-video-17.spotify {
  background-image: linear-gradient(#000000bd, #000000bd);
}

.background-video-17.muselayers {
  filter: contrast(116%);
  background-image: linear-gradient(#25252596, #25252596);
}

.div-block-241 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 30%;
  display: grid;
}

.div-block-242 {
  color: #e9e9e9;
  justify-content: space-between;
  margin-top: 13vh;
  margin-bottom: 10vh;
  display: flex;
}

.casestudy-nav {
  flex-direction: column;
  width: 10vw;
  height: 5vh;
  display: flex;
}

.casestudy-nav.left {
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
}

.casestudy-nav.middle {
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.casestudy-nav.right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
}

.heading-18 {
  color: #dfdbd1;
  letter-spacing: .1vh;
  font-size: 1vw;
  font-weight: 400;
  text-decoration: none;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  height: 10%;
  padding-left: 10vw;
  padding-right: 10vw;
}

.grid-2 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  height: 90vh;
  padding-left: 10vw;
  padding-right: 10vw;
}

.heading-19 {
  color: #adadad;
  letter-spacing: .1vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: .6vw;
  font-weight: 400;
  line-height: 1vw;
}

.heading-19.center {
  text-align: center;
}

.heading-19.right {
  text-align: right;
}

.heading-19.close {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: .9vw;
}

.heading-19.active {
  color: snow;
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: .6vw;
}

.heading-19.title {
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: 1vw;
  line-height: 1.3vw;
}

.div-block-243 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-244 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-245 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.text-block-40 {
  font-size: 1vw;
  line-height: 2vw;
}

.text-block-40.casestudy-intro-bullet {
  margin-top: 0;
}

.div-block-246 {
  margin-bottom: 5vh;
}

.div-block-247 {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-248 {
  flex-direction: column;
  height: 25vh;
  display: flex;
}

.div-block-249 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 25vh;
  display: flex;
}

.div-block-250 {
  align-items: center;
  display: flex;
}

.text-block-41 {
  color: #fff;
  font-size: 1vw;
  line-height: 2vw;
}

.div-block-251 {
  background-color: var(--body-color-overlay);
  background-image: linear-gradient(#dfdcd6c2, #dfdcd6c2), url('../images/Wappen-Bg.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.div-block-252, .div-block-253, .div-block-254 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-255 {
  grid-column-gap: 1px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 50%;
  display: grid;
}

.div-block-255.right {
  grid-template-columns: 1.25fr .5fr;
}

.div-block-255.right.spotify {
  grid-template-columns: 1.25fr .25fr;
}

.div-block-255.center {
  grid-template-columns: .75fr .75fr;
}

.div-block-255.spotify {
  grid-template-columns: .5fr 1fr;
}

.heading-20 {
  color: #fff;
  font-size: 4.3vw;
  line-height: 3.9vw;
}

.heading-20.muselayers {
  margin-right: 1vw;
}

.div-block-256 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-256.right, .div-block-256.center {
  align-items: flex-end;
}

.text-block-42 {
  color: #fff;
  text-transform: uppercase;
  align-items: center;
  font-size: .8vw;
  line-height: 1.1vw;
  display: flex;
}

.div-block-257 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-257.right {
  align-items: flex-end;
}

.div-block-257.center {
  padding-left: 1vw;
}

.div-block-258 {
  height: 100vh;
}

.div-block-259 {
  filter: invert();
  background-image: url('../images/NowThis-Logo.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 10vw;
}

.div-block-259.spotify {
  background-image: url('../images/Spotify.png');
  background-position: 50%;
  background-size: cover;
}

.div-block-259.muselayers {
  filter: none;
  background-image: url('../images/MuseLayers.png');
}

.heading-21 {
  color: #fff;
  margin-top: 0;
  font-size: 1.8vw;
  line-height: 2vw;
}

.body-9 {
  background-color: var(--white-smoke-2);
  background-image: url('../images/Noisex10.png');
  background-position: 0 0;
  background-size: auto;
}

.body-10 {
  background-color: #f3f1ed;
  background-image: url('../images/Noisex10.png');
  background-position: 0 0;
  background-size: auto;
}

.body-11 {
  background-color: #000;
}

.div-block-260 {
  width: 100%;
  height: auto;
  margin-top: 5vh;
}

.div-block-261 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-image: linear-gradient(315deg, #0000 47%, #ffffff52);
  border: 1px #fff;
  border-radius: 10vw;
  grid-template-rows: auto;
  grid-template-columns: .5fr 2.75fr;
  grid-auto-columns: 1fr;
  width: 50%;
  height: 5vh;
  margin-bottom: 1vh;
  padding-left: .3vw;
  text-decoration: none;
  display: grid;
}

.div-block-261:hover {
  background-color: #0000;
  background-image: linear-gradient(270deg, #0000 17%, #ffffff4d);
  border-radius: 10vw;
  padding-left: .3vw;
}

.div-block-261.exotic {
  background-image: linear-gradient(315deg, #0000 47%, #ffae0085);
}

.div-block-261.exotic:hover {
  background-image: linear-gradient(315deg, #0000, #ffae0099);
}

.div-block-261.exotic.w--current {
  transition: all .525s cubic-bezier(.755, .05, .855, .06);
}

.div-block-262 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-263 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 1vw;
  text-decoration: none;
  display: flex;
}

.div-block-264 {
  background-color: var(--orange);
  background-image: url('../images/8447799.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4vh;
  height: 4vh;
  display: flex;
}

.div-block-264.legendary {
  background-color: #ff24af;
}

.div-block-264.ultrarare {
  background-color: #00cf34;
}

.div-block-264.rare {
  background-color: #4772ff;
}

.text-block-43 {
  color: #fff;
  font-size: 1vw;
  text-decoration: none;
}

.div-block-265 {
  opacity: 1;
  margin-top: 10vh;
}

.background-video-18 {
  align-items: center;
  width: 100%;
  height: 80%;
  display: flex;
}

.background-video-18._2 {
  display: block;
}

.div-block-266 {
  background-color: #000;
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  height: 70vh;
  margin-top: 10vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: flex;
}

.div-block-268 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-269 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.div-block-270 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.shop {
  background-color: #0000;
  height: auto;
  margin-bottom: 35vh;
  padding-top: 0;
  padding-left: 5vw;
  padding-right: 5vw;
}

.shop.first {
  margin-top: 25vh;
}

.shop.top {
  background-color: #000;
}

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

.div-block-272.nowthis {
  grid-template-rows: auto;
  height: 40vh;
}

.div-block-272.nowthis._3 {
  grid-template-columns: .75fr 1fr;
}

.div-block-272.nowthis._4 {
  grid-template-columns: .5fr 1fr;
}

.div-block-273 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90vh;
  margin-top: 15vh;
  margin-bottom: 10vh;
  display: flex;
}

.div-block-273.nowthis {
  border-radius: .4vw;
  height: auto;
  margin-top: 10vh;
  margin-bottom: 10vh;
  overflow: hidden;
}

.div-block-274 {
  background-color: #000;
  background-image: url('../images/MuseLayers.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: .3vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-274._2 {
  background-image: none;
  height: 90vh;
  margin-top: 10vh;
}

.div-block-274.ad {
  background-image: url('../images/62d97d50b39f6cf8aff5f94b_Layer-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  height: 90vh;
  margin-top: 0;
}

.div-block-274.nowthis {
  background-image: none;
  border-radius: .4vw;
}

.div-block-274._3 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.div-block-275 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  color: #000;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: -4.5vh;
  display: grid;
}

.div-block-275._2 {
  grid-template-columns: .75fr 1.25fr;
}

.div-block-275._4 {
  grid-column-gap: 0px;
  grid-template-columns: .5fr .5fr;
}

.div-block-275.nowthis-1 {
  grid-template-columns: .5fr .5fr;
  margin-bottom: 5vh;
}

.ux-video-scroll {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-left: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.ux-video-scroll._2 {
  justify-content: flex-end;
}

.div-block-277 {
  background-color: #0000;
  border-radius: .3vw;
  width: 100%;
  height: 90%;
}

.div-block-278 {
  filter: brightness(85%);
  background-color: #0000;
  flex-direction: column;
  width: 100%;
  height: auto;
  display: flex;
}

.protopype-scroll-div {
  color: #000;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-right: 5vw;
}

.protopype-scroll-div.ntxbid, .protopype-scroll-div.web {
  padding-right: 5vw;
}

.background-video-19 {
  width: 100%;
  height: 100%;
}

.background-video-20 {
  filter: brightness(90%);
  border: 1px #000;
  border-radius: 1vw;
  width: 100%;
  height: 100%;
}

.div-block-280, .div-block-281 {
  align-items: flex-end;
  display: flex;
}

.div-block-282 {
  align-items: flex-start;
  padding-top: 1vh;
  display: flex;
}

.div-block-282.nowthis {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-283 {
  flex-direction: row;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-283._2 {
  margin-bottom: 5vh;
}

.div-block-284, .div-block-284._2 {
  width: 100%;
  margin-bottom: 10vh;
}

.div-block-285 {
  filter: brightness(91%);
  border-radius: .3vw;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-top: 10vh;
  display: flex;
}

.div-block-286 {
  width: 80%;
  height: 40vw;
  margin-top: 5vh;
}

.themecloud {
  background-color: #000;
  padding: 0 5vw 25vh;
}

.div-block-288 {
  background-color: #0000;
  height: 25vh;
}

.div-block-289 {
  border-radius: .5vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  margin-bottom: 10vh;
  display: flex;
  overflow: hidden;
}

.div-block-290 {
  background-image: url('../images/TC_Mobile_Chat.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .3vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-44 {
  color: #ffffffab;
  margin-bottom: 2vh;
  margin-left: 2vh;
  margin-right: 2vh;
  font-size: .6vw;
}

.muselayers-block {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  color: #fff;
  background-color: #262b2e;
  border: 1px solid #00000082;
  border-radius: 1vw;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 10vh;
  margin-bottom: 5vw;
  padding: 3vw 0;
  display: grid;
  overflow: hidden;
  box-shadow: 0 4px 9px #0000005e;
}

.muselayers-block._2 {
  background-color: #101010;
  padding: 3vw 5vw;
}

.div-block-292 {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  height: 100vh;
  margin-top: 5vh;
  display: grid;
}

.div-block-293 {
  border-radius: .3vw;
  width: 100%;
  height: 90%;
  margin-right: 3vw;
  padding-right: 0;
}

.div-block-294 {
  height: auto;
  padding-left: 1.5vw;
}

.heading-22 {
  letter-spacing: -2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 6vw;
  font-weight: 700;
  line-height: 4.8vw;
}

.heading-22._2 {
  font-size: 2vw;
  line-height: 2.5vw;
}

.div-block-295 {
  justify-content: center;
  align-items: center;
  height: 30vh;
  padding-left: 5vw;
  display: flex;
}

.div-block-296 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 30vh;
  padding-right: 5vw;
  display: flex;
}

.div-block-296._3 {
  padding-right: 5vw;
}

.div-block-297 {
  margin-top: 2vh;
}

.div-block-298 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 70vh;
  margin-bottom: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.div-block-299 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 15%;
  margin-top: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  display: grid;
}

.div-block-300 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-301 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-302 {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.div-block-304 {
  flex-direction: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.div-block-304._2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-bottom: 10vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
}

.casestudyhero {
  background-image: linear-gradient(to top, #00000061, #0000 19%), linear-gradient(#0000008c, #0000 34%), linear-gradient(#00000080, #00000080);
  height: 100vh;
}

.casestudyhero.spotify {
  background-image: url('../images/Noisex10.png'), linear-gradient(#081b0bd9, #081b0bd9);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.casestudyhero.nowthis {
  background-image: url('../images/Noisex10.png'), linear-gradient(#183b61d6, #183b61d6);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
}

.casestudyhero.hotelcloud {
  background-image: linear-gradient(to top, #00000061, #0000 19%), linear-gradient(#0000008c, #0000 34%), linear-gradient(#7b8a9a, #7b8a9a);
}

.div-block-305 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 15%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
}

.div-block-306 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-307 {
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-307.w--current {
  text-decoration: none;
}

.div-block-307.close {
  justify-content: flex-end;
}

.div-block-308 {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #ffffff5e;
  border: 1px solid #fff;
  border-radius: 20vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7vw;
  height: 2.5vw;
  font-family: Shentoxtrial Smbd, sans-serif;
  text-decoration: none;
  display: flex;
}

.div-block-309 {
  border: 1px #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 18vw;
  height: 18vw;
  margin-right: 2vw;
  display: flex;
}

.heading-23 {
  margin-bottom: .5vw;
  font-size: 2vw;
  line-height: 2vw;
}

.div-block-310 {
  background-color: var(--global-background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.div-block-311 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 50%;
  display: grid;
}

.div-block-312 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 4.25fr;
  grid-auto-columns: 1fr;
  height: 6vw;
  display: grid;
}

.div-block-313 {
  background-image: url('../images/MuseLayers.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-314 {
  padding-left: 1vw;
}

.div-block-315 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-316 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  height: 60%;
  display: grid;
}

.div-block-316._2 {
  grid-template-rows: auto auto;
  align-content: end;
  align-items: center;
  width: 100%;
  height: 100%;
}

.heading-24 {
  text-transform: uppercase;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 5vw;
  font-weight: 900;
  line-height: 5vw;
}

.div-block-317 {
  justify-content: center;
  align-items: center;
  margin-top: 5vh;
  margin-bottom: 2vh;
  display: flex;
}

.div-block-318 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 30vh;
  display: flex;
}

.casestudy-sub-headline {
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 2vw;
  font-weight: 300;
  line-height: 2vw;
}

.div-block-319 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-320 {
  background-image: url('../images/MuseLayers.png');
  background-position: 0 0;
  background-size: contain;
  width: 5vw;
  height: 5vw;
}

.div-block-320.spotify {
  background-image: url('../images/Spotify-Logo-Gold.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.div-block-320.nowthis {
  filter: invert();
  background-image: url('../images/NowThis-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.button-9 {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 20vw;
  margin-top: 4vh;
  margin-bottom: 0;
  font-size: .7vw;
  position: relative;
  bottom: 0;
}

.big-arrow {
  width: 1vw;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 10vh 50%;
}

.big-arrow.bio {
  width: 1vw;
}

.big-arrow.casestudies {
  width: .7vw;
  margin-top: 5vh;
}

.big-arrow.dark {
  filter: invert();
  width: .7vw;
}

.div-block-321 {
  background-image: url('../images/dfg-logo.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 70%;
}

.div-block-322 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 30%;
  display: flex;
}

.button-10 {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 10vw;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: .8vw;
  line-height: 1.2vw;
}

.div-block-323 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  display: flex;
}

.div-block-324 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 50%;
  display: flex;
}

.div-block-325 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
  display: grid;
}

.heading-25 {
  text-align: left;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 4vw;
}

.div-block-326 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-46 {
  text-align: justify;
  margin-top: 4vh;
  font-size: 1vw;
  line-height: 2vw;
}

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

.div-block-328 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-26 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 5vw;
  line-height: 5vw;
}

.div-block-329, .div-block-330 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-47 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: .9vw;
}

.div-block-331 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 30%;
  display: grid;
}

.div-block-332 {
  color: #131313;
  background-color: #3838383b;
  border-radius: .3vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 40%;
  display: flex;
}

.div-block-333 {
  background-color: #414141;
  width: 100%;
  height: 80%;
}

.div-block-334 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 80%;
  display: flex;
}

.div-block-335 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 10%;
  padding-left: 2vw;
  padding-right: 2vw;
  display: grid;
}

.div-block-336 {
  align-items: center;
  display: flex;
}

.div-block-337 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-338 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-339 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35%;
  display: flex;
}

.heading-27 {
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 2vw;
  font-weight: 400;
}

.div-block-340 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-341 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.div-block-342 {
  align-items: flex-end;
  width: 100%;
  height: 8vh;
  display: flex;
}

.div-block-343 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-344 {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 8vh;
  display: flex;
}

.casestudy-details-text {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 700;
  line-height: 1.2vw;
}

.casestudy-details-text.right {
  text-align: right;
}

.text-block-49 {
  text-align: right;
  text-transform: uppercase;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .8vw;
  line-height: 1.2vw;
}

.div-block-345 {
  height: 100%;
}

.background-video-22 {
  background-image: linear-gradient(#00000080, #00000080);
  height: 100vh;
}

.background-video-23 {
  z-index: 1;
  height: 100vh;
}

.div-block-346 {
  background-image: url('../images/62daabb6e24055090cece8a5_Dashboard_V3.1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .3vw;
  height: 80vh;
}

.div-block-347 {
  background-image: url('../images/62daae0cb998457ec3d62cbf_H.jpeg');
  background-position: 0 0;
  background-size: cover;
  border-radius: .3vw;
  height: 80vh;
}

.image-7 {
  border-radius: .3vw;
}

.image-8 {
  border-radius: .3vw;
  margin-top: 2.1vw;
}

.webframe-image {
  filter: brightness(98%);
  background-image: url('../images/Apeture_cover.png');
  background-position: 0 0;
  background-size: cover;
  height: 60vh;
  margin-bottom: 5vh;
}

.webframe-image.aperture {
  filter: none;
  background-image: url('../images/ap_1.png');
  background-position: 50% 100%;
  border-radius: 0 0 .3vw .3px;
  align-items: flex-end;
  width: 35vw;
  height: 30vw;
  margin-bottom: 0;
  display: flex;
}

.webframe-image._2 {
  background-image: url('../images/ca_2.png');
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 32vw;
  margin-bottom: 0;
}

.webframe-image._3 {
  background-image: url('../images/cs_1.png');
  background-position: 0 0;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 30vw;
  margin-bottom: 0;
}

.webframe-image._4 {
  background-image: url('../images/ed_3.png');
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 30vw;
  margin-bottom: 0;
}

.webframe-image._5 {
  background-image: url('../images/mu_1.png');
  background-position: 0 0;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 32vw;
  margin-bottom: 0;
}

.webframe-image._6 {
  background-image: url('../images/mr2_4.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 36vw;
  margin-bottom: 0;
}

.webframe-image._7 {
  filter: contrast(122%);
  background-image: url('../images/http_3.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 30vw;
  margin-bottom: 0;
}

.webframe-image._8 {
  background-image: url('../images/d_9.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 31vw;
  margin-bottom: 0;
}

.webframe-image._9 {
  filter: brightness(82%);
  background-image: url('../images/md_2.png');
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 30vw;
  margin-bottom: 0;
}

.webframe-image._10 {
  filter: brightness(94%);
  background-image: url('../images/br_2.png');
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 35vw;
  height: 31vw;
}

.webframe-image._10.last {
  margin-bottom: 0;
}

.webframe-image._11 {
  background-image: url('../images/st_3.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 35vw;
  height: 32vw;
}

.webframe-image._11.last {
  margin-bottom: 0;
}

.background-video-muse {
  filter: brightness(65%);
  border-radius: 1vw;
  width: 100%;
  height: 100%;
}

.div-block-349 {
  background-image: url('../images/62d5e4e61d98f6680f0fcd6c_ThemeCloud_Cover.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  margin-top: 15vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 3px 10px #0000006b;
}

.video {
  border-radius: 0;
}

.div-block-350 {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 5vh;
  display: grid;
}

.div-block-350._2 {
  height: 100vh;
}

.div-block-351 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-top: 15vh;
  margin-bottom: 20vh;
  display: flex;
}

.div-block-352 {
  grid-column-gap: 13px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 80%;
  display: grid;
}

.div-block234-353 {
  background-color: #161616;
  width: 19vw;
  height: 40vh;
}

.div-block234-353._1 {
  background-image: url('../images/Thumb-MuseLayers.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 65vh;
  overflow: hidden;
}

.www2342434 {
  background-color: #161616;
  width: 19vw;
  height: 40vh;
}

.www2342434._2 {
  background-image: url('../images/Thumb-Office.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 65vh;
  overflow: hidden;
}

.div-block-3348953 {
  background-color: #161616;
  width: 19vw;
  height: 40vh;
}

.div-block-3348953._3 {
  background-image: url('../images/Thumb-Dev.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 65vh;
}

.marketing {
  background-color: #000;
  padding-bottom: 30vh;
  padding-left: 5vw;
  padding-right: 5vw;
}

.div-block-3348955 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #1d1d1c;
  background-image: url('../images/Noisex10.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: .5vw;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 10vh;
  padding: 5vh 5vw;
  display: grid;
  box-shadow: 0 2px 7px #00000061;
}

.div-block-3348956 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3348957 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3348958 {
  grid-column-gap: 5vh;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 10vh;
  display: grid;
}

.themecloud-google-ad {
  background-color: #000;
  width: 25vw;
  height: 50vw;
  display: flex;
}

.themecloud-google-ad._1 {
  background-color: #0000;
  background-image: url('../images/ThemeCloud-Ads-1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 23vw;
  height: 43vw;
}

.themecloud-google-ad._2 {
  background-color: #0000;
  background-image: url('../images/ThemeCloud-Ads-3.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 23vw;
  height: 43vw;
}

.themecloud-google-ad._3 {
  background-color: #0000;
  background-image: url('../images/ThemeCloud-Ads-2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 23vw;
  height: 43vw;
}

.div-block-3348959 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3348960 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3348961 {
  border-radius: 1vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.image-9, .image-10, .image-11 {
  border-radius: .3vw;
  height: 90%;
}

.div-block-3348962 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-3348963 {
  background-image: url('../images/Layer-28.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 60vw;
  margin-top: 10vh;
}

.div-block-3348963._2 {
  background-image: url('../images/MuseRetailer_M5.jpg');
  background-position: 50%;
  background-size: contain;
  height: 70%;
}

.div-block-3348964 {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 10vh;
  margin-bottom: 0;
  display: grid;
}

.columns-42 {
  margin-bottom: 10vh;
}

.column-108 {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-3348965 {
  background-image: url('../images/62267639732e496f71da565a_10748065_514934455314561_1942975658_n.jpeg');
  background-position: 0 0;
  background-size: cover;
  width: 25vw;
  height: 25vw;
  line-height: 30vh;
  display: flex;
}

.div-block-3348965._2 {
  background-image: url('../images/Industry.jpg');
}

.div-block-3348965._3 {
  background-image: url('../images/622675bf95bb5739928f9a92_12107560_431580043705251_1642149382_n.jpeg');
}

.div-block-3348965._4 {
  background-image: url('../images/Brooklyn_Large.jpg');
}

.div-block-3348965._5 {
  background-image: url('../images/Facebook.jpg');
}

.div-block-3348965._6 {
  background-image: url('../images/Delicatessen.jpg');
}

.div-block-3348965._7 {
  background-image: url('../images/Minimal_add.jpg');
}

.div-block-3348965._8 {
  background-image: url('../images/InstaMuse_Ad-2.jpg');
}

.div-block-3348965._9 {
  background-image: url('../images/Beatmaker.jpg');
}

.column-109 {
  justify-content: center;
  display: flex;
}

.column-110 {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-3348966 {
  background-image: url('../images/62267639732e496f71da565a_10748065_514934455314561_1942975658_n.jpeg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1vw;
  height: 30vw;
}

.div-block-3348967 {
  background-image: url('../images/622675bf95bb5739928f9a92_12107560_431580043705251_1642149382_n.jpeg');
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 1vw;
  height: 30vw;
}

.div-block-3348968 {
  background-image: url('../images/Industry.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  height: 30vw;
}

.div-block-3348969 {
  background-image: url('../images/Brooklyn_Large.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  height: 30vw;
}

.div-block-3348970 {
  background-image: url('../images/Delicatessen.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  height: 30vw;
}

.div-block-3348971 {
  background-image: url('../images/InstaMuse_Ad-2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  height: 30vw;
}

.div-block-3348972 {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.div-block-3348973 {
  filter: brightness(86%) contrast(120%);
  background-image: url('../images/Casestudy-V2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .4vw;
  width: 100%;
  height: 60vw;
  margin-top: 10vh;
}

.div-block-3348974 {
  background-color: #000;
  background-image: url('../images/Layer-28.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 55vw;
  margin-bottom: 10vh;
}

.div-block-3348974._2 {
  background-image: url('../images/Casestudy-V2.jpg');
  height: 60vw;
  margin-bottom: 25vw;
}

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

.lightbox-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3348975 {
  border-radius: .3vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.div-block-3348976 {
  background-color: #ec2b2b;
  margin-top: 0;
}

.div-block-3348977 {
  background-image: url('../images/Casestudy-V2.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 95%;
}

.div-block-3348978 {
  background-image: url('../images/TC-Ad-3.jpg');
  background-position: 50%;
  background-size: contain;
  border-radius: .4vw;
  width: 100%;
  height: 50vw;
}

.div-block-3348978._2 {
  background-image: url('../images/TC-Ad-1.jpg');
}

.div-block-3348978._3 {
  background-image: url('../images/TC-Ad-2.jpg');
}

.text-block-50 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2vh;
  font-family: Roboto Serif, sans-serif;
  font-size: .8vw;
  font-weight: 100;
  line-height: 1vw;
}

.text-block-50._2 {
  font-size: .8vw;
  line-height: 1.3vw;
}

.div-block-3348979 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  height: 5vw;
  margin-top: 0;
  display: grid;
}

.div-block-3348980 {
  background-image: url('../images/Wappen-Sample.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  align-items: center;
  width: 5vw;
  height: 13vh;
  display: flex;
}

.heading-28 {
  color: #ffffffe0;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-left: 1vw;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 100;
  line-height: 1.3vw;
}

.div-block-3348981 {
  margin-bottom: 20vh;
}

.div-block-3348981._2 {
  height: auto;
  margin-bottom: 0;
}

.div-block-3348981.focus {
  background-color: #d1d5d6;
  border-radius: .3vw;
  margin-left: -1vw;
  padding: 1vw;
}

.div-block-3348981.focus.last {
  color: #fff;
  background-color: #d1d5d6;
  margin-bottom: 0;
  padding: 3vw;
}

.div-block-3348981.focus.wite {
  color: #fff;
  background-color: #000;
  background-image: url('../images/Noisex10.png');
  background-size: auto;
  border: 1px solid #000000ab;
  border-radius: 1vw;
  margin-left: 0;
  padding: 3vw;
}

.div-block-3348981.focus.wite.red {
  background-color: #ee9b99c7;
}

.div-block-3348981.focus.wite.last {
  background-color: #0c0c0c;
}

.div-block-3348981.focus.wite.bottom {
  margin-bottom: 0;
}

.video-2 {
  display: flex;
}

.div-block-3348982 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 90%;
}

.div-block-3348982.dfg {
  background-color: #000;
  height: 70vh;
}

.bold-text {
  letter-spacing: -1px;
  font-family: Droid Serif, serif;
  font-weight: 400;
}

.div-block-3348983 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-3348984 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 90%;
}

.background-video-24 {
  width: 100%;
  height: 90%;
  margin-bottom: 10vh;
}

.div-block-3348985 {
  background-color: #000;
  border-radius: .3vw;
  width: 100%;
  height: 90%;
}

.background-video-25 {
  width: 100%;
  height: 90%;
}

.div-block-3348986 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 90%;
}

.div-block-3348987 {
  margin-top: 50vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.background-video-26 {
  width: 100%;
  height: 90%;
}

.background-video-27 {
  filter: brightness(90%);
  border-radius: .3vw;
  width: 100%;
  height: 95%;
  display: flex;
}

.div-block-3348988 {
  background-color: #000;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 10vh;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.div-block-3348988._3 {
  height: 9vh;
}

.div-block-3348989 {
  filter: contrast(92%) brightness(118%);
  background-color: #000;
  background-image: linear-gradient(to top, #000, #0000 16%), linear-gradient(#00000073, #00000073), url('../images/Obama.png');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90%;
  display: flex;
}

.div-block-3348989.bideninterview {
  background-image: url('../images/Biden-Interview.jpeg');
  background-position: 50%;
  background-size: cover;
}

.div-block-3348989.breaking {
  filter: contrast(92%);
  background-image: linear-gradient(0deg, #000, #0000 16%), url('../images/NowThis-News.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border: 1px solid #00000087;
  border-radius: 1vw;
  height: 90vh;
  margin-top: 10vh;
  margin-bottom: 10vh;
  box-shadow: 0 2px 8px #00000070;
}

.div-block-3348990 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 90%;
}

.div-block-3348990._1 {
  background-image: url('../images/JoeBiden-INterview-App.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  height: 100%;
}

.div-block-3348991 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  display: grid;
}

.div-block-3348992 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3348993 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 90%;
  display: grid;
}

.div-block-3348994 {
  background-color: #0000;
  width: 15vw;
  height: 15vw;
}

.div-block-3348994._1 {
  background-image: url('../images/Breaking.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
  font-size: 13px;
}

.div-block-3348994._2 {
  background-image: url('../images/Politics.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348994._3 {
  background-image: url('../images/Science.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348994._4 {
  background-image: url('../images/Gaming.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348994._5 {
  background-image: url('../images/Money.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348994._6 {
  background-image: url('../images/Entertainment.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348994._7 {
  background-image: url('../images/Food.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348994._8 {
  background-image: url('../images/Sport.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348994._9 {
  background-image: url('../images/Nerd.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 11vw;
  height: 11vw;
}

.div-block-3348995 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3348996 {
  justify-content: center;
  align-items: center;
  width: 11vw;
  height: 11vw;
  display: flex;
}

.div-block-3348997 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3348998 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3348999 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349000 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

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

.div-block-3349002 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349003 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349004 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  padding-top: 10vh;
  display: flex;
}

.div-block-3349005 {
  align-items: flex-end;
  width: 100%;
  height: 50%;
  padding-bottom: 10vh;
  display: flex;
}

.div-block-3349006 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.div-block-3349007 {
  background-image: url('../images/1898226_988158687912360_7544372435634926836_n.png');
  background-position: 50%;
  background-size: cover;
  width: 11vw;
  height: 11vw;
  margin: 0 .2vw;
}

.div-block-3349008 {
  background-image: url('../images/1898226_988158687912360_7544372435634926836_n.png');
  background-position: 50%;
  background-size: cover;
  height: 7.5vw;
  margin: 0 .2vw;
}

.div-block-3349008._3 {
  background-image: url('../images/12360377_1067339429964213_5066420128456679808_n-copy.jpg');
  background-repeat: no-repeat;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-3349009 {
  grid-column-gap: 103px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  display: grid;
}

.div-block-3349010 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-3349011 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80%;
  display: grid;
}

.nowthisblock {
  background-color: #0000;
  width: 15vw;
  height: 15vw;
}

.nowthisblock._1 {
  background-image: url('../images/Breaking.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
  font-size: 13px;
}

.nowthisblock._2 {
  background-image: url('../images/Politics.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock._3 {
  background-image: url('../images/Science.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock._4 {
  background-image: url('../images/Gaming.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock._5 {
  background-image: url('../images/Money.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock._6 {
  background-image: url('../images/Entertainment.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock._7 {
  background-image: url('../images/Food.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock._8 {
  background-image: url('../images/Sport.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock._9 {
  background-image: url('../images/Nerd.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 7vw;
  height: 7vw;
}

.nowthisblock-before {
  background-image: url('../images/1898226_988158687912360_7544372435634926836_n.png');
  background-position: 50%;
  background-size: cover;
  width: 8vw;
  height: 8vw;
  margin: 0 .2vw;
}

.nowthisblock-before._2 {
  background-image: url('../images/12122454_899980246751108_2415612963630017049_n.png');
}

.nowthisblock-before._3 {
  background-image: url('../images/12360377_1067339429964213_5066420128456679808_n-copy.jpg');
  background-repeat: no-repeat;
  margin-top: 0;
  margin-bottom: 0;
}

.nowthisblock-before._4 {
  background-image: url('../images/unnamed.jpg');
}

.div-block-3349012 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  display: grid;
}

.div-block-3349013 {
  flex-direction: column;
  padding-right: 5vw;
  display: flex;
}

.div-block-3349014 {
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 0;
  display: flex;
}

.div-block-3349015 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-3349016 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.div-block-3349018 {
  align-items: center;
  display: flex;
}

.div-block-3349019 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349020 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349021 {
  align-items: center;
  display: flex;
}

.div-block-3349022 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349023 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349024 {
  height: 80%;
  display: block;
}

.flex-scroll-casestudies {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.flex-scroll-casestudies._5 {
  grid-column-gap: 0px;
  grid-template-columns: .5fr .5fr;
  margin-top: 0;
}

.div-block-3349026 {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3349027 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--dim-grey);
  filter: brightness(151%);
  border-radius: .3vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 50vh;
  margin-bottom: 5vh;
  padding-left: 2vw;
  padding-right: 2vw;
  display: grid;
}

.div-block-3349027.before {
  filter: none;
  color: #444;
  background-color: #2d2c2c;
  border: 5px #000;
  border-radius: .5vw;
  grid-template-rows: auto auto;
  height: 43vh;
  margin-bottom: 10vh;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 3vw;
  box-shadow: 0 2px 7px #00000085;
}

.div-block-3349027.after {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  filter: none;
  background-color: #444;
  border: 5px #0000005c;
  border-radius: .5vw;
  height: 50vh;
  padding: 3vw;
  box-shadow: 0 2px 7px #00000085;
}

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

.div-block-3349029 {
  background-image: url('../images/Breaking.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7vw;
  height: 7vw;
}

.div-block-3349029.background-video-13 {
  background-image: url('../images/unnamed.jpg');
  width: 6vw;
  height: 6vw;
}

.div-block-3349029._2 {
  background-image: url('../images/12360377_1067339429964213_5066420128456679808_n-copy.jpg');
  width: 6vw;
  height: 6vw;
}

.div-block-3349029._3 {
  background-image: url('../images/1898226_988158687912360_7544372435634926836_n.png');
  width: 6vw;
  height: 6vw;
}

.div-block-3349029._4 {
  background-image: url('../images/12122454_899980246751108_2415612963630017049_n.png');
  width: 6vw;
  height: 6vw;
}

.div-block-3349029._5 {
  background-image: url('../images/NT-Comic.jpg');
  width: 6vw;
  height: 6vw;
}

.div-block-3349029._6 {
  background-image: url('../images/NT-Booz.jpg');
  width: 6vw;
  height: 6vw;
}

.div-block-3349029._11 {
  background-image: url('../images/Politics.png');
}

.div-block-3349029._12 {
  background-image: url('../images/Gaming.png');
}

.div-block-3349029._13 {
  background-image: url('../images/Money.png');
  width: 7vw;
  height: 7vw;
}

.div-block-3349029._15 {
  background-image: url('../images/Entertainment.png');
  width: 7vw;
  height: 7vw;
}

.div-block-3349029._16 {
  filter: brightness(400%) hue-rotate();
  background-image: url('../images/Food.png');
}

.div-block-3349029._14 {
  background-image: url('../images/Science.png');
  width: 7vw;
  height: 7vw;
}

.div-block-3349029._17 {
  background-image: url('../images/Sport.png');
}

.div-block-3349030 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349031 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349032 {
  align-items: center;
  display: flex;
}

.div-block-3349033 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349034 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349035 {
  align-items: center;
  display: flex;
}

.div-block-3349036 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349037 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349038 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: -10px;
}

.div-block-3349038._2 {
  align-items: flex-end;
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.background-video-28 {
  opacity: 1;
  border-radius: 1vw;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 8px #00000075;
}

.background-video-28.ux {
  opacity: .9;
  filter: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-video-28.nowthis-logo {
  filter: none;
}

.div-block-3349039 {
  color: #fff;
  padding-top: 5vh;
  padding-right: 10vw;
}

.div-block-3349040 {
  height: 100vh;
}

.div-block-3349041 {
  margin-top: 30vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.nowthis-app-sketch {
  height: 30vw;
  margin-bottom: 2vw;
}

.nowthis-app-sketch.verticlevideos {
  background-image: url('../images/Verticle.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  height: 45vw;
  margin-bottom: 10vw;
}

.nowthis-app-sketch.gesture {
  background-image: url('../images/Gesture.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 40vw;
  margin-bottom: 0;
}

.nowthis-app-sketch.share {
  background-image: url('../images/Share.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  height: 50vw;
}

.background-video-29 {
  filter: saturate(163%) brightness(76%);
  border: 1vh #dfdbd1;
  border-radius: .4vw;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 90%;
  display: block;
  position: relative;
}

.storyvideosystem {
  background-color: #000;
  margin-top: 25vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5vw;
  padding-right: 5vw;
}

.div-block-3349043 {
  filter: brightness(94%);
  background-image: url('../images/Biden-Interview.jpeg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
  margin-bottom: 10vh;
}

.div-block-3349044 {
  background-image: url('../images/iPadPro.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 30vw;
  margin-bottom: 2vw;
  line-height: 30px;
}

.div-block-3349044._4 {
  background-image: url('../images/NowThisWebsite.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 0;
  height: 24vw;
  margin-bottom: 0;
}

.div-block-3349044._2 {
  background-image: url('../images/stagewebsite.png');
  background-size: cover;
  border-radius: 0;
  height: 24vw;
  margin-bottom: 0;
}

.div-block-3349044._3 {
  background-image: url('../images/Timeline-Tocker.png');
}

.div-block-3349044._3d {
  transform-style: preserve-3d;
  margin-bottom: 0;
  transform: rotateX(10deg)rotateY(0)rotateZ(0);
}

.div-block-3349045 {
  filter: invert();
  background-image: url('../images/NowThis-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13vw;
  height: 13vw;
}

.div-block-3349046 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349047 {
  align-items: center;
  display: flex;
}

.div-block-3349048 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349049 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 3vh;
  margin-bottom: -.6vw;
  margin-left: 0;
  display: grid;
}

.text-block-51 {
  margin-top: 5vh;
  font-family: Varela, sans-serif;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1.8vw;
}

.text-block-51._2 {
  font-weight: 400;
}

.div-block-3349050 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 3vh;
  padding-right: .5vw;
  display: flex;
}

.div-block-3349051 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 3vh;
  display: flex;
}

.div-block-3349052 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 90%;
}

.div-block-3349052._2 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/AdobeStock_223835678_Preview.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.div-block-3349053 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 90%;
}

.div-block-3349054 {
  background-color: #000;
  background-image: url('../images/Biden-Interview.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: .4vw;
  width: 100%;
  height: 90vh;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.webframe {
  border-radius: .4vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 35vw;
  height: auto;
  margin-bottom: 10vh;
  display: flex;
  overflow: hidden;
}

.webframe.last {
  margin-bottom: 0;
}

.browserbar {
  background-color: #000000e0;
  border-top-left-radius: .3vw;
  border-top-right-radius: .3vw;
  flex-direction: row;
  width: 100%;
  height: 1vw;
  display: flex;
}

.div-block-3349057 {
  align-items: center;
  width: 50%;
  height: 1vw;
  padding-left: .5vw;
  display: flex;
}

.div-block-3349058 {
  width: 50%;
  height: 1vw;
}

.div-block-3349059 {
  background-color: var(--white-smoke);
  color: var(--light-grey);
  border-radius: 100%;
  width: .5vw;
  height: .5vw;
  margin-right: .5vw;
}

.div-block-3349059._1 {
  background-color: var(--indian-red);
}

.div-block-3349059._2 {
  background-color: var(--dark-orange);
}

.div-block-3349059._3 {
  background-color: var(--lawn-green);
}

.div-block-3349060 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: grid;
}

.div-block-3349061 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3349062 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-right: 5vw;
  display: flex;
}

.div-block-3349063 {
  background-color: #000;
  border-radius: .3vw;
  flex-direction: column;
  width: 90%;
  height: 41vw;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 17px -4px #0000005e;
}

.div-block-3349064 {
  background-color: #000;
  border-radius: .3vw .3vw 0 0;
  width: 100%;
  height: 1vw;
  display: flex;
}

.div-block-3349065 {
  filter: brightness(110%);
  background-color: #000;
  background-image: url('../images/62daabb6e24055090cece8a5_Dashboard_V3.1.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 100%;
  height: 49vw;
}

.div-block-3349066 {
  background-color: #000;
  border: 4px solid #8a8a8a;
  border-radius: 1vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 40vw;
  display: flex;
  box-shadow: 0 9px 16px 1px #0000005c;
}

.div-block-3349067 {
  filter: brightness(122%);
  background-image: url('../images/62daae0cb998457ec3d62cbf_H.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 90%;
  height: 90%;
}

.div-block-3349068 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2vw;
  padding-right: 1vw;
  display: flex;
}

.div-block-3349069 {
  align-items: center;
  width: 50%;
  height: 1vw;
  padding-left: .5vw;
  display: flex;
}

.div-block-3349070 {
  background-color: #8a742dd1;
  border-radius: 100%;
  width: .5vw;
  height: .5vw;
  margin-right: .5vw;
  padding-right: 0;
}

.div-block-3349070._1 {
  background-color: var(--indian-red);
}

.div-block-3349070._2 {
  background-color: var(--dark-orange);
}

.div-block-3349070._3 {
  background-color: var(--lawn-green);
}

.div-block-3349071 {
  width: 100%;
  height: 90vw;
}

.image-13 {
  filter: brightness(112%);
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 100%;
}

.image-14 {
  filter: brightness(107%);
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 100%;
}

.image-14._2 {
  filter: none;
}

.productdesign {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5vw;
  padding-right: 5vw;
}

.div-block-3349072 {
  border-radius: .3vw;
  flex-direction: column;
  justify-content: flex-end;
  height: auto;
  margin-bottom: 10vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 19px 3px #0000004f;
}

.div-block-3349073 {
  color: #d3d1cae6;
  background-color: #f3f3f3e6;
  border-radius: 100%;
  width: .5vw;
  height: .5vw;
  margin-right: .5vw;
}

.div-block-3349073._1 {
  background-color: #f04d4de6;
}

.div-block-3349073._2 {
  background-color: #ff9633e6;
}

.div-block-3349073._3 {
  background-color: #66ff0ee6;
}

.div-block-3349074 {
  border-radius: .3vw;
  margin-bottom: 10vh;
  overflow: hidden;
}

.div-block-3349074.last {
  margin-bottom: 10vh;
  box-shadow: 0 2px 19px 3px #0000004f;
}

.div-block-3349075 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000000d;
  border-radius: .4vw;
  margin: 0;
  padding: 0;
}

.div-block-3349076 {
  background-color: #252525;
  background-image: linear-gradient(225deg, #414141 34%, #000 34%, #292929 34%);
  border: 2px solid #000;
  border-radius: 2vw;
  justify-content: center;
  align-items: center;
  height: 40vw;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 0 8px #363636, 0 4px 6px 3px #000000c2;
}

.div-block-3349076._06 {
  background-image: url('../images/IMG_0030.png'), linear-gradient(225deg, #414141 34%, #000 34%, #292929 34%);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.div-block-3349077 {
  opacity: .75;
  background-color: #0f0f0f;
  background-image: url('../images/IMG_0038.png');
  background-position: 0 0;
  background-size: cover;
  border: 2px solid #000;
  width: 90%;
  height: 31.5vw;
  overflow: hidden;
  box-shadow: 0 1px 1px 1px #ffffff1c, inset 0 0 5px 5px #00000075;
}

.div-block-3349077._1 {
  opacity: .72;
  background-image: url('../images/IMG_0022.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 31.5vw;
  overflow: hidden;
  box-shadow: inset 0 0 12px -6px #000;
}

.div-block-3349077._2 {
  opacity: .72;
  background-image: url('../images/IMG_0031.webp');
}

.div-block-3349077._3 {
  opacity: .72;
  background-image: url('../images/IMG_0038.png');
}

.div-block-3349077._01 {
  background-image: url('../images/IMG_0038.png');
  background-position: 50% 0;
  background-size: cover;
}

.div-block-3349077._02 {
  background-image: url('../images/IMG_0022.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3349077._03 {
  background-image: url('../images/IMG_0031.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3349077._04 {
  background-image: url('../images/IMG_0024.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3349077._05 {
  background-image: url('../images/IMG_0035.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3349077._06 {
  background-image: url('../images/IMG_0030.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3349078 {
  height: 100vh;
}

.div-block-3349079 {
  background-image: url('../images/Share.png');
  background-position: 0 0;
  background-size: cover;
  height: 50vw;
  margin-top: 5vh;
}

.div-block-3349080 {
  margin-left: 0;
  margin-right: 0;
}

.bg-vid {
  filter: saturate(163%) brightness(76%);
  border: 1vh #dfdbd1;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
}

.bg-vid.spotify {
  filter: contrast(139%) saturate(131%);
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.spotify-banner-v1 {
  filter: brightness(71%);
  background-image: url('../images/a67ae1d6b6f3fa01eac86d17d68e8036-1920-80.jpg.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .4vw;
  width: 100%;
  height: 80%;
  margin-top: 0;
  margin-left: 10vw;
  margin-right: 10vw;
}

.div-block-3349081 {
  border-radius: .4vw;
  margin-top: 10vh;
  overflow: hidden;
}

.workstation {
  background-color: #2b2b2b;
  background-image: url('../images/Office.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .4vw;
  width: 100%;
  height: 90vh;
  margin-bottom: 0;
}

.div-block-3349082 {
  grid-column-gap: 101px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-3349083 {
  background-color: #0000;
  border-radius: 100%;
  width: 95%;
  height: 2vw;
  box-shadow: inset 0 0 1vw -4vw #000;
}

.div-block-3349084 {
  width: 100%;
  height: 300vh;
}

.background-video-30 {
  width: 100%;
  height: 300vh;
  padding-left: 0;
  position: static;
  top: 0;
}

.div-block-3349085 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 50vh;
  margin-bottom: 10vh;
  display: grid;
}

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

.heading-29 {
  text-transform: uppercase;
  font-size: 1vw;
}

.div-block-3349087, .div-block-3349088 {
  display: flex;
}

.heading-30 {
  text-align: center;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 4vw;
}

.div-block-3349089 {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-block-52 {
  font-size: 1vw;
  line-height: 2vw;
}

.text-block-52.right {
  text-align: right;
}

.div-block-3349091 {
  align-items: flex-end;
  display: flex;
}

.div-block-3349092 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.second-headliner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-bottom: 10vh;
  display: grid;
}

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

.div-block-3349094 {
  align-items: flex-start;
  display: flex;
}

.div-block-3349095 {
  align-items: flex-end;
  display: flex;
}

.div-block-3349096 {
  align-items: flex-start;
  display: flex;
}

.shortvideosystem {
  z-index: 3;
  margin: 0 0;
  padding-bottom: 15vh;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
}

.video-3 {
  margin-top: 10vh;
  display: flex;
}

.video-4 {
  margin-top: 0;
}

.div-block-3349097 {
  border-radius: 1vw;
  margin-top: 15vh;
  margin-bottom: 15vh;
  overflow: hidden;
}

.crosschannelbranding {
  background-color: #000;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20vh;
  padding-left: 5vw;
  padding-right: 5vw;
}

.verticlevideoresearch {
  margin-top: 25vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5vw;
  padding-right: 5vw;
}

.verticlevideoresearch.handwritting {
  margin-top: 0;
}

.div-block-3349098 {
  background-image: url('../images/NowThis-test.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: .4vw;
  width: 100%;
  height: 100%;
  font-family: Roboto, sans-serif;
  box-shadow: 0 2px 7px 2px #00000026;
}

.div-block-3349099 {
  background-color: #000;
  background-image: url('../images/Noisex10.png');
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #000;
  border-radius: 1vw;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  margin-bottom: 10vh;
  display: flex;
  box-shadow: 0 2px 7px #0000008a;
}

.div-block-3349099.last {
  background-color: #fff;
  margin-bottom: 0;
}

.div-block-3349099.last.spotify {
  background-color: #fff;
}

.div-block-3349099.last2 {
  margin-bottom: 0;
}

.div-block-3349099.spotify {
  filter: hue-rotate(45deg) contrast(114%);
  background-color: #000;
  background-image: none;
  border-style: solid;
  border-radius: 1vw;
}

.div-block-3349099.spotify.last-div {
  background-color: #000;
  border-radius: 1vw;
  margin-bottom: 0;
}

.div-block-3349100 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-3349101 {
  filter: grayscale();
  background-image: url('../images/Shuttle-Verticle-Dark-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 50vh;
  margin-top: 3vw;
  margin-left: 0;
  margin-right: 0;
}

.div-block-3349101._2 {
  filter: grayscale();
  background-image: url('../images/Shuttle-Gesture-Based-Dark.png');
  background-size: contain;
  height: 50vh;
}

.div-block-3349101._3 {
  opacity: 1;
  filter: grayscale();
  background-image: url('../images/Share-Video-Dark-2.png');
  height: 50vh;
}

.div-block-3349101._4 {
  filter: grayscale();
  background-image: url('../images/Shuttle-Download-Dark-2.png');
}

.div-block-3349101._11 {
  filter: invert() grayscale();
  background-image: url('../images/All-Nav.png');
  background-position: 50%;
  background-size: 70%;
  height: 36vw;
}

.div-block-3349101._12 {
  filter: invert() grayscale();
  background-image: url('../images/Half-Pannel-v2.png');
  background-size: 70%;
  height: 33vw;
  margin-left: 0;
  padding-left: 0;
}

.div-block-3349101._13 {
  filter: invert() grayscale();
  background-image: url('../images/Cover-V2.png');
  background-size: 80%;
  height: 33vw;
}

.div-block-3349102 {
  width: 100%;
  height: auto;
  margin-top: 2vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 5vh;
  padding-left: 3vw;
  padding-right: 3vw;
}

.casestudy-footer {
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.playlist-prototype {
  background-color: #d8d8d8;
  border-radius: 2vw;
  height: auto;
  margin: 10vh 0 0;
  padding: 3vh 3vw;
}

.div-block-3349105 {
  grid-column-gap: 63px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 3vw;
  margin-bottom: 5vh;
  display: grid;
}

.h3-nt-proto {
  opacity: .62;
  align-items: flex-end;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  display: flex;
}

.h3-nt-proto.bold {
  opacity: .66;
  margin-bottom: 10px;
  font-size: 1.2vw;
  font-weight: 900;
}

.h3-nt-proto.active {
  opacity: 1;
  margin-bottom: 7px;
  font-family: Roboto, sans-serif;
}

.div-block-3349106 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 2vh;
  display: grid;
}

.div-block-3349107 {
  background-color: #000;
  border-radius: .3vw;
}

.div-block-3349107._1 {
  background-image: linear-gradient(#005c17c2, #005c17c2), url('../images/Biden-4.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 1vw;
  flex-direction: column;
  height: 60vh;
  display: flex;
  box-shadow: 0 2px 10px 4px #00000045;
}

.div-block-3349107._2 {
  background-image: linear-gradient(#2030e68c, #2030e68c), url('../images/Biden-3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 1vw;
  flex-direction: column;
  height: 60vh;
  display: flex;
  box-shadow: 0 2px 10px 4px #00000045;
}

.div-block-3349107._3 {
  background-image: linear-gradient(#b80101b5, #b80101b5), url('../images/Biden-1.jpg');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 1vw;
  flex-direction: column;
  height: 60vh;
  display: flex;
  box-shadow: 0 2px 10px 4px #00000045;
}

.div-block-3349107._4 {
  background-image: linear-gradient(#d0c60099, #d0c60099), url('../images/Biden-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 1vw;
  flex-direction: column;
  height: 60vh;
  display: flex;
  box-shadow: 0 2px 10px 4px #00000045;
}

.div-block-3349107._5 {
  background-image: linear-gradient(#0d6447cc, #0d6447cc), url('../images/Biden-4.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 1vw;
}

.div-block-3349108 {
  align-items: flex-end;
  height: auto;
  display: flex;
}

.div-block-3349109 {
  border-bottom: 3px solid #000;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.div-block-3349110 {
  flex-direction: row;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.div-block-3349111, .div-block-3349112, .div-block-3349113, .div-block-3349114 {
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.div-block-3349115 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 50%;
  padding: 2vw;
  display: flex;
}

.div-block-3349115.top {
  align-items: flex-start;
  padding-right: 2vw;
}

.div-block-3349116 {
  background-image: url('../images/Snapchat.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3vw;
  height: 4vw;
}

.div-block-3349116.twitter {
  background-image: url('../images/Twitter-Logo.png');
  background-position: 0 0;
  width: 5vw;
  margin-top: -1vw;
  margin-left: -1vw;
}

.div-block-3349116.youtube {
  background-image: url('../images/YT-Logo.png');
  width: 2.7vw;
}

.div-block-3349116.vine {
  background-image: url('../images/Vine-logo.png');
  width: 2.5vw;
}

.div-block-3349116.snapchat {
  margin-top: -1vw;
  margin-left: -1vw;
}

.heading-31 {
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 2vw;
  font-weight: 900;
  line-height: 2.5vw;
}

.heading-32 {
  text-transform: uppercase;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1vw;
}

.div-block-3349117 {
  width: 100%;
  height: 80%;
  padding-left: 0;
  padding-right: 5vw;
}

.div-block-3349117._01 {
  padding-left: 5vw;
}

.div-block-3349117._02 {
  padding-right: 10vw;
}

.uxresearch {
  background-color: #0000;
  margin: 0 0 20vh;
  padding-left: 5vw;
  padding-right: 5vw;
}

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

.div-block-3349120 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-3349121 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 20%;
  padding-top: 1vw;
  display: flex;
}

.div-block-3349122 {
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.div-block-3349123 {
  background-color: #272727;
  background-image: linear-gradient(#0000004a, #0000004a), url('../images/23243rrewgrg.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: .5vw;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 80vh;
  margin: 0 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.div-block-3349124 {
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 25vh;
  display: flex;
}

.heading-33 {
  font-size: 15vw;
  line-height: 10vw;
}

.text-rotator-wrapper {
  align-items: center;
  width: 100%;
  margin-top: 1vw;
  margin-bottom: 2vw;
  display: flex;
  position: relative;
  inset: 0 auto auto 0%;
  overflow: hidden;
}

.text-rotator-content {
  align-items: center;
  display: flex;
}

.text-rotator {
  color: #000;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 1.9vw;
  font-weight: 700;
  line-height: 1;
}

.start-icon {
  background-color: #000;
  flex: none;
  width: 3vw;
  height: .3vw;
  margin-left: 30px;
  margin-right: 30px;
}

.div-block-3349125 {
  border-right: 1px solid #000;
  flex-direction: column;
  display: flex;
}

.div-block-3349126 {
  align-items: flex-start;
  height: 20%;
  padding-top: 1vw;
  display: flex;
}

.div-block-3349126.right {
  justify-content: flex-end;
}

.div-block-3349127 {
  align-items: flex-end;
  height: 80%;
  margin-bottom: 0;
  padding-bottom: .3vw;
  display: flex;
}

.div-block-3349128 {
  align-items: flex-end;
  width: 100%;
  height: 80%;
  padding-bottom: .3vw;
  display: flex;
}

.div-block-3349129 {
  filter: brightness(0%) invert();
  background-image: url('../images/NowThis-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5vw;
  height: 5vw;
}

.div-block-3349130 {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.div-block-3349131 {
  background-color: #000;
  height: 100vh;
}

.div-block-3349132 {
  margin-bottom: 25vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.video-5 {
  border-radius: .4vw;
  overflow: hidden;
}

.video-6 {
  border: 0 #5b6ef500;
  border-radius: 1vw;
  width: 100%;
  margin-top: 5vh;
  overflow: hidden;
}

.biden-video-nowthis {
  border: 6px #1b228d00;
  border-radius: 1vw;
  width: 100%;
  margin: 10vh 0 10vh 1.5vw;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.div-block-3349134 {
  background-image: url('../images/2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .4vw;
  width: 80%;
  height: 90%;
}

.background-video-31 {
  filter: none;
  border-radius: 1vw;
  width: 100%;
  height: 100%;
}

.div-block-3349135 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: -4px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-3349136 {
  grid-column-gap: 3vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 80vh;
  display: grid;
}

.div-block-3349136._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 70vh;
}

.div-block-3349137 {
  background-color: #151515;
  background-image: linear-gradient(to top, black 23%, var(--dim-grey));
  border-radius: .3vw;
  flex-direction: column;
  display: flex;
}

.div-block-3349137.bio {
  background-image: linear-gradient(to top, #0000009e 4%, #0000), url('../images/20thStreetMedia.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-3349137.experience {
  background-image: linear-gradient(to top, #000000c4, var(--dim-grey)), url('../images/Chris-4.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-3349137.casestudies {
  background-image: linear-gradient(to top, #000c 13%, #0000), url('../images/Hotelcloud-Ad.png');
  background-position: 0 0, 80%;
  background-size: auto, cover;
}

.div-block-3349137.startups {
  background-image: linear-gradient(to top, #0000008f 19%, #0000), url('../images/621ec5ac1e3b758857a816f2_metro.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-3349138 {
  align-items: flex-start;
  height: 50%;
  display: flex;
}

.div-block-3349138._2 {
  align-items: flex-end;
}

.verticle-banner-logo {
  width: 5vw;
  height: 5vw;
  margin-top: 2vw;
  margin-left: 2vw;
}

.verticle-banner-logo._1 {
  filter: invert();
  background-image: url('../images/NowThis-Logo.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.verticle-banner-logo._2 {
  background-image: url('../images/Spotify.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-3349139 {
  width: 100%;
  margin-top: 2vw;
}

.body-12 {
  background-color: #fff;
}

.div-block-3349140 {
  background-color: var(--global-background);
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 0 10vw;
  display: flex;
}

.div-block-3349141 {
  background-color: #000;
  border-radius: .4vw;
  width: 80%;
  height: 80%;
}

.button-11 {
  background-color: #0000;
  border-bottom: 2px #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 4vw;
  padding-left: 0;
  padding-right: 0;
  font-size: .6vw;
  line-height: .5vw;
  text-decoration: underline;
  display: flex;
}

.div-block-3349142 {
  background-color: #000;
  border-radius: .4vw;
  flex-direction: column;
  height: 80vh;
  margin-top: 10vh;
  margin-left: 5vw;
  margin-right: 5vw;
  display: flex;
}

.div-block-3349143 {
  background-color: #000;
  width: 100%;
  height: 100vh;
}

.div-block-3349144 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 80%;
  padding-bottom: 10vh;
  display: grid;
}

.div-block-3349145 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-right: 0;
  display: flex;
}

.div-block-3349145.home {
  padding-right: 0;
}

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

.div-block-3349147 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.div-block-3349148 {
  grid-column-gap: 97px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #c09ab080;
  border-bottom-right-radius: .4vw;
  border-bottom-left-radius: .4vw;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: auto;
  margin-left: 5vw;
  margin-right: 5vw;
  padding: 5vw;
  display: grid;
}

.div-block-3349148._2 {
  background-color: #f1dbe8;
  margin-left: 0;
  margin-right: 0;
}

.div-block-3349149 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.background-video-32 {
  width: 100%;
  height: 100%;
}

.div-block-3349150 {
  justify-content: flex-end;
  width: 10%;
  display: flex;
}

.div-block-3349151 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 1vw;
  padding-left: 1vw;
  display: flex;
}

.div-block-3349152 {
  padding-top: 1vw;
  padding-left: 1vw;
}

.div-block-3349153 {
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.text-span-2 {
  text-align: left;
  letter-spacing: 2px;
  font-family: Open Sans, sans-serif;
  font-size: .9vw;
  font-weight: 300;
}

.text-span-3, .text-span-4, .text-span-5, .text-span-6, .text-span-7 {
  font-weight: 400;
}

.div-block-3349154 {
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 8vh;
  display: flex;
}

.mobile-nav {
  display: none;
}

.navbar {
  background-color: #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.container {
  color: #fff;
  flex: 1;
  width: 100%;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.nav {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Roboto Serif, sans-serif;
  font-size: .6vw;
  font-weight: 100;
}

.div-block-3349155 {
  display: none;
}

.featured-widget-web2 {
  padding-bottom: 10vh;
}

.mobile-featured-highlight {
  display: none;
}

.featured-widget-web1 {
  background-color: #ffe5ab00;
  padding: 10vh 5vw 25vh;
}

.div-block-3349160 {
  display: none;
}

.div-block-3349162 {
  opacity: .44;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3vh;
  margin-top: 5vh;
  display: flex;
}

.div-block-3349162.white {
  filter: invert();
}

.div-block-3349163 {
  background-color: #000;
  width: 2vw;
  height: 1px;
}

.div-block-3349164 {
  background-image: url('../images/ml_eye_project_thumb.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 3vw;
  height: 100%;
}

.div-block-3349165 {
  background-color: var(--dark-goldenrod);
  width: auto;
  height: 100vh;
  margin-left: 10vw;
  margin-right: 10vw;
}

.intro {
  grid-column-gap: 5vw;
  grid-row-gap: 16px;
  color: #f7f7f7;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin: 25vh 10vw 0;
  display: grid;
}

.div-block-3349167 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3349168 {
  background-color: #141414;
  width: 100%;
  height: 100%;
}

.div-block-3349169 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: grid;
}

.chapters {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 0;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-top: 10vh;
  display: grid;
}

.chapters.casestudy {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  width: 100%;
  padding-top: 0;
}

.chapters.startup {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-left: 5vw;
  margin-right: 5vw;
}

.div-block-3349170 {
  border: 1px solid #000;
  border-radius: .4vw;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.div-block-3349171 {
  background-color: #1f1f1f;
  background-image: linear-gradient(#ddac4357, #ddac4357), linear-gradient(#0000, #0000006e), linear-gradient(#0000002e, #0000002e), url('../images/V-Bot-Front-withGhost.png');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  border-radius: .2vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.div-block-3349171.fashion {
  background-image: url('../images/NeueDeutsche.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-3349171._1 {
  background-color: #58431f;
  background-image: linear-gradient(#2d6b1870, #2d6b1870), linear-gradient(to top, #000, #0000 82%), linear-gradient(#0000002e, #0000002e), url('../images/9Z5M5805.jpg');
  background-position: 0 0, 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  border: 1px solid #000;
  border-radius: .4vw;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  box-shadow: inset 1px 1px 1px 1px #fff3;
}

.div-block-3349171._2 {
  background-color: #1d6f8a;
  background-image: linear-gradient(#313d6987, #313d6987), linear-gradient(#0000 80%, #0000004a), linear-gradient(#0000001c, #0000001c), url('../images/621ec5ac1e3b758857a816f2_metro.jpg');
  background-position: 0 0, 0 0, 0 0, 60%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  height: 100%;
  text-decoration: none;
}

.div-block-3349171._3 {
  background-color: #923980;
  background-image: linear-gradient(#7c3d6a78, #7c3d6a78), linear-gradient(#0000, #00000073), linear-gradient(#00000024, #00000024), url('../images/Web2-Consultant.jpg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-size: auto, auto, auto, cover;
  height: 100%;
  text-decoration: none;
}

.div-block-3349171._4 {
  background-color: #080808;
  background-image: linear-gradient(#0006, #0006), linear-gradient(#ffffff5c, #0006), linear-gradient(#00000024, #00000024), url('../images/OntheRun.jpeg');
  background-position: 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  height: 100%;
  text-decoration: none;
}

.div-block-3349171.nowthis {
  background-color: #525252;
  background-image: linear-gradient(#0000003b, #0000003b), url('../images/NowThis-News.jpg');
  background-position: 0 0, 45% 0;
  background-size: auto, cover;
}

.div-block-3349171.nowthis.w--current {
  background-image: url('../images/Biden-Interview.jpeg'), linear-gradient(#0000, #0000);
  background-position: 100%, 0 0;
  background-size: cover, auto;
  border-radius: 1vw;
  overflow: hidden;
}

.div-block-3349171.spotify {
  background-color: #525252;
  background-image: url('../images/IMG_0031.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1vw;
  overflow: hidden;
}

.div-block-3349171.spotify.w--current {
  background-image: linear-gradient(#0000002b, #0000002b), url('../images/IMG_0024.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.div-block-3349171.muse {
  background-color: #525252;
  background-image: linear-gradient(#0006, #0006), url('../images/62d5e4e61d98f6680f0fcd6c_ThemeCloud_Cover.jpeg');
  background-position: 0 0, 80%;
  background-size: auto, cover;
  border-radius: 1vw;
  overflow: hidden;
}

.div-block-3349171.startups {
  background-image: none;
}

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

.chapter {
  background-color: #000;
  border-bottom: 1px #0000004a;
  height: 120vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10vh;
}

.chapter.dark {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #000;
  margin-bottom: 0;
  padding-bottom: 0;
}

.chapter.home {
  margin-bottom: 0;
  padding-bottom: 0;
}

.chapter.home._2 {
  height: auto;
}

.chapter._2 {
  align-items: center;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.chapter._2.white {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5vh;
  padding-left: 5vw;
  padding-right: 5vw;
}

.div-block-3349174 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10vh;
  margin-left: 10vw;
  margin-right: 10vw;
  display: grid;
}

.div-block-3349175 {
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-right: 5vw;
}

.div-block-3349176 {
  padding-right: 5vw;
}

.div-block-3349177 {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.div-block-3349178 {
  grid-column-gap: 10vw;
  grid-row-gap: 16px;
  background-color: #0000;
  border-radius: .2vw;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  margin: 0 10vw;
  padding: 5vh 0 0;
  display: grid;
}

.div-block-3349179 {
  background-color: #252525;
  background-image: url('../images/DFG-Sample.jpeg');
  background-position: 0 0;
  background-size: cover;
  border-radius: .2vw;
  height: 80vh;
  margin-top: 20vh;
  margin-left: 10vw;
  margin-right: 10vw;
  overflow: hidden;
}

.div-block-3349180 {
  flex-direction: column;
  display: flex;
}

.div-block-3349181 {
  background-color: #242424;
  border-radius: .2vw;
  width: 100%;
  height: 100%;
}

.div-block-3349182 {
  background-color: #00000052;
  width: 100%;
  height: 1px;
}

.div-block-3349182.dark {
  background-color: #ffffff52;
}

.div-block-3349183 {
  background-color: #00000078;
  width: 10vw;
  height: 1px;
  margin-top: 5vh;
}

.div-block-3349183.smaller {
  width: 8vw;
  margin-top: 0;
}

.div-block-3349183.smaller.top {
  margin-bottom: 2vh;
}

.div-block-3349183.bottom {
  background-color: #00000047;
  width: 100%;
}

.div-block-3349184 {
  background-image: linear-gradient(0deg, #000 6%, #0000 62%);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  display: flex;
}

.div-block-3349184.contacts {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.div-block-3349185 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 20% 40% 40%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100%;
  padding-top: 5vh;
  display: grid;
}

.navigation-items {
  padding-left: 5vw;
  padding-right: 5vw;
}

.navigation-items.test {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.information-items {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-left: 10vw;
  padding-right: 5vw;
  display: flex;
}

.bottom-items {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.heading-34 {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  -webkit-text-stroke-color: var(--orange);
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 5vw;
  font-family: Shentoxtrial Th, sans-serif;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 2.5vw;
}

.heading-34.bio {
  width: 80%;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.heading-34.bio._2 {
  text-align: justify;
  width: 60vw;
  font-size: 1.4vw;
  line-height: 2.2vw;
}

.heading-34.home {
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 1.2vw;
  line-height: 2.5vw;
}

.heading-34.home.t {
  text-align: justify;
  margin-bottom: 5vh;
  padding-right: 0;
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 2vw;
}

.div-block-3349186 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-3349187 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 10vh;
  padding-left: 10vw;
  display: flex;
}

.div-block-3349188 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 10vh;
  padding-right: 10vw;
  display: flex;
}

.text-block-53 {
  color: #fff;
  margin-top: 1.5vh;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 100;
  line-height: 1vw;
}

.text-block-53.headline {
  letter-spacing: 1px;
  font-size: .7vw;
}

.text-block-53._2 {
  margin-top: 0;
  line-height: 1.5vw;
}

.text-block-53.top {
  margin-top: 0;
}

.heading-35 {
  color: #ddd;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 100;
}

.heading-35._2 {
  margin-bottom: 0;
  font-family: Roboto Serif, sans-serif;
}

.heading-35._2._5 {
  margin-bottom: 5vh;
}

.div-block-3349189 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 10vh;
  padding-left: 5vw;
  display: flex;
}

.background-video-33 {
  background-image: linear-gradient(45deg, #000000e6, #0000 74%);
  width: 100%;
  height: 100vh;
}

.div-block-3349190 {
  height: 100vh;
}

.text-span-8 {
  text-decoration: none;
}

.div-block-3349191 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #777;
  border-radius: 17px;
  width: 20vw;
  height: 25vh;
  padding-top: 1vw;
  padding-left: 1vw;
}

.div-block-3349192 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 5vw;
  margin-left: 5vw;
  margin-right: 5vw;
  display: flex;
}

.div-block-3349193 {
  opacity: .92;
  align-items: flex-end;
  width: 3vw;
  padding-bottom: 0;
  display: flex;
}

.div-block-3349194 {
  background-image: linear-gradient(#00000080, #00000080);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.div-block-3349195 {
  height: auto;
  margin-bottom: 0;
  margin-left: 5vw;
  margin-right: 5vw;
  display: flex;
}

.div-block-3349195.home {
  margin-bottom: 0;
}

.heading-36 {
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2vw;
  font-size: 10vw;
  line-height: 8vw;
  display: flex;
}

.div-block-3349196 {
  background-image: url('../images/A-Letter.png');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40vw;
}

.div-block-3349197 {
  width: 100%;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
}

.div-block-3349198 {
  background-color: #000;
}

.sub-navigation {
  z-index: 3;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #000;
  background-color: #ffffffa3;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: .2vw;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 -1px 5px #0003;
}

.div-block-3349200 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  height: 1.5vw;
  font-family: Roboto, sans-serif;
  font-size: .5vw;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-block-3349200:hover {
  color: #000;
}

.div-block-3349200.w--current {
  color: #000;
  letter-spacing: 1px;
  font-size: .5vw;
  font-weight: 400;
}

.div-block-3349200.fashion {
  letter-spacing: 1px;
  height: 100%;
  font-size: .6vw;
  font-weight: 400;
}

.div-block-3349200.fashion:hover {
  color: var(--dark-slate-grey);
  background-color: #0000;
}

.div-block-3349200.fashion.w--current {
  color: #000;
  font-weight: 300;
}

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

.div-block-3349201 {
  background-image: url('../images/5358849.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  width: 3vw;
  height: 1.5vw;
}

.div-block-3349202 {
  justify-content: flex-end;
  align-items: center;
  width: 10vw;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-3349203 {
  justify-content: flex-end;
  width: 100%;
  height: 50vh;
  display: flex;
}

.div-block-3349204 {
  width: 1vw;
  height: 100%;
}

.div-block-3349205 {
  opacity: .49;
  align-items: flex-end;
  width: 5vw;
  display: flex;
}

.button-12 {
  color: #ffffff82;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px #ffffff5c;
  border-radius: 0;
  justify-content: flex-start;
  margin-top: 2vw;
  padding-left: .5vw;
  padding-right: .5vw;
  font-family: Roboto, sans-serif;
  font-size: .4vw;
  font-style: normal;
  font-weight: 300;
  line-height: .5vw;
  display: flex;
}

.div-block-3349206 {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.div-block-3349207 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

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

.div-block-3349209 {
  width: auto;
  height: 50vh;
}

.div-block-3349210 {
  background-color: #2d2d2d;
  height: 50vh;
}

.div-block-3349211 {
  margin-top: 1vh;
}

.div-block-3349212 {
  align-items: flex-start;
  display: flex;
}

.div-block-3349213 {
  background-color: #00000073;
  width: 100%;
  height: 1px;
  margin-left: 2vw;
  margin-right: 2vw;
}

.div-block-3349214 {
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 5vh;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-3349215 {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  border-radius: 1vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: grid;
}

.div-block-3349216 {
  background-color: #141414;
  border: 1px #ffffff63;
  border-radius: 1vw;
  align-items: flex-end;
  height: 70vh;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.div-block-3349216.expertise {
  filter: contrast(110%);
  background-color: #151515;
  background-image: url('../images/Stephan-Cover-Img.jpg');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  border-color: #ffffff63;
  border-radius: 1vw;
  height: 70vh;
}

.div-block-3349216.approach {
  background-image: url('../images/Wappen-bg-transparent.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.div-block-3349217 {
  background-color: #181818;
  border-radius: .4vw;
  width: 80vw;
  height: 80vh;
}

.div-block-3349217._1 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 90vw;
  padding: 3vw;
  display: flex;
}

.heading-37 {
  color: #fff;
  margin-bottom: 2vw;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 3vw;
  font-weight: 500;
  line-height: 3vw;
}

.div-block-3349218 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 30vw;
  display: flex;
}

.text-block-54 {
  text-align: justify;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .8vw;
  font-weight: 100;
  line-height: 1.3vw;
}

.text-block-54.white {
  color: #fff;
}

.button-13 {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #ffffff61;
  border-radius: 20vw;
  margin-top: 5vh;
  font-family: Roboto, sans-serif;
  font-size: .5vw;
  font-weight: 100;
}

.div-block-3349219 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 50% 50%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: grid;
}

.div-block-3349219._2 {
  filter: contrast(110%);
  background-color: #151515;
  background-image: url('../images/SH2.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.div-block-3349219._5 {
  filter: contrast(110%);
  background-color: #151515;
  background-image: url('../images/SvF-VR-Profile.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.div-block-3349219.venture {
  background-image: url('../images/20240516_203914.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  overflow: hidden;
}

.div-block-3349219.reviews {
  filter: contrast(110%);
  background-image: url('../images/Review-Thumb.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.div-block-3349220 {
  opacity: .95;
  filter: brightness(94%);
  background-image: url('../images/Cuber-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 8vw;
  height: 5.5vw;
}

.div-block-3349220._2 {
  background-image: url('../images/Cube-2.png');
}

.div-block-3349220._3 {
  background-image: url('../images/Cube-3.png');
}

.div-block-3349220._4 {
  background-image: url('../images/Cube-4.png');
}

.div-block-3349220._5 {
  background-image: url('../images/Cube-5.png');
}

.div-block-3349221 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-3349222 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  height: 65vh;
  margin-bottom: 0;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-top: 0;
  display: grid;
}

.div-block-3349223 {
  background-color: var(--black);
  opacity: 1;
  background-image: url('../images/Cube-Expertise.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  border-radius: 2vw;
  width: 20vw;
  height: 20vw;
}

.div-block-3349223._2 {
  background-image: url('../images/Cube-Approach.png');
  background-position: 50%;
}

.div-block-3349223._3 {
  background-image: url('../images/Cube-Projects.png');
  background-position: 50%;
}

.div-block-3349223._5 {
  background-image: url('../images/Cube-Startups.png');
}

.div-block-3349223._6 {
  background-color: var(--black);
  background-image: url('../images/Cube-Team.png');
  background-position: 50%;
  background-size: 80%;
  border-radius: 4vw;
}

.div-block-3349223.small {
  width: 10vw;
  height: 10vw;
}

.div-block-3349223.small._2 {
  width: 8vw;
}

.div-block-3349223.small._1 {
  background-color: #0000;
  background-position: 0%;
  background-size: contain;
  border-right: 1px solid #000000b8;
  border-radius: 0;
  width: 100%;
  height: 30vh;
}

.div-block-3349223.small._3, .div-block-3349223.small._5 {
  width: 8vw;
}

.div-block-3349224 {
  opacity: .61;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3349225 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349226 {
  grid-column-gap: 0vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.div-block-3349227 {
  background-color: #0000;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 5vh;
  position: sticky;
  top: 0;
}

.div-block-3349228 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding-right: 10vw;
  display: flex;
}

.div-block-3349228._2 {
  margin-top: 15vh;
}

.div-block-3349229 {
  background-color: #2c2c2c;
  border-radius: .4vw;
  width: 100%;
  height: 100%;
}

.div-block-3349230 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3349231 {
  background-color: #272626;
  border-radius: .4vw;
  height: 40vh;
  margin-bottom: 5vh;
}

.div-block-3349232 {
  background-image: url('../images/Vonfal-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 8vw;
  height: 15vw;
}

.div-block-3349232.xcore {
  background-image: url('../images/XcoreMarkets-Logo-Sample.png');
}

.vonfal-bg-video {
  background-color: #202020;
  border-radius: .4vw;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.vonfal-bg-video._2 {
  width: 70%;
}

.div-block-3349234 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.heading-38 {
  color: var(--dark-goldenrod-2);
}

.background-video-34 {
  filter: brightness(92%) contrast(135%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3349235 {
  filter: invert();
  background-image: url('../images/Vonfal-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 10vw;
}

.div-block-3349236 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  border-radius: .4vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.div-block-3349236._2 {
  background-color: #0000;
  background-image: linear-gradient(#00000059, #00000059);
}

.div-block-3349236._1 {
  background-color: #b8903c;
}

.div-block-3349236._3 {
  background-image: linear-gradient(#000000b0, #000000b0), url('../images/Flower-Banner-1.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.div-block-3349236._3._2 {
  background-image: linear-gradient(to bottom, null, null), url('../images/Thumb-MuseLayers.jpg');
}

.div-block-3349236._3.web1 {
  background-image: none;
}

.div-block-3349236.web3-now {
  filter: brightness(178%);
  background-image: linear-gradient(to top, #000000eb 10%, #0000);
}

.heading-39 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2vw;
  line-height: 2.2vw;
}

.heading-39._2 {
  font-family: Great Vibes, cursive;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 3vw;
}

.heading-39.hand {
  font-family: Roboto Serif, sans-serif;
  font-size: 1.9vw;
  line-height: 3vw;
}

.heading-39.home {
  margin-bottom: 5vh;
}

.heading-39.projects {
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2vw;
  line-height: 2vw;
}

.div-block-3349237 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 2vh;
  padding-left: 2vh;
  padding-right: 2vh;
  display: flex;
}

.button-14 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000000d;
  border: 1px solid #ffffff82;
  border-radius: 10vw;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .6vw;
}

.button-14.projects {
  margin-top: 5vh;
}

.div-block-3349238 {
  background-color: #1d1c1c;
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.heading-40 {
  color: #fff;
  text-align: center;
  font-size: 2vw;
  line-height: 5vw;
}

.div-block-3349239 {
  padding-top: 5vh;
  padding-left: 3vh;
}

.div-block-3349240 {
  filter: invert();
  background-image: url('../images/Vonfal-Logo.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5vw;
  height: 6vw;
}

.div-block-3349241 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000;
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3349241._2 {
  background-image: url('../images/NYC2.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-3349241._1 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #ebebeb;
  border: 1px #000;
  flex-direction: column;
  width: 80%;
  overflow: hidden;
}

.div-block-3349241._1._1990 {
  background-image: linear-gradient(#523801c4, #523801c4), url('../images/FordSupermodel2000.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-end;
  padding-bottom: 5vh;
}

.div-block-3349241._1._1990._2 {
  background-image: linear-gradient(#423416cc, #423416cc), url('../images/NYC2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.background-video-35 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3349242 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2vw;
  display: flex;
}

.div-block-3349243 {
  background-color: #fff;
  border-radius: 10vw;
  width: .5vw;
  height: .5vw;
  margin-bottom: 1vw;
}

.div-block-3349243:hover {
  background-color: #ad8d46;
}

.div-block-3349243.w--current {
  background-color: #ffd06c;
}

.div-block-3349244 {
  filter: invert();
  background-image: url('../images/ml_eye_project_thumb.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 2vw;
  height: 2vw;
  margin-top: 0;
  margin-bottom: 2vh;
}

.video-7 {
  align-items: flex-end;
  display: flex;
}

.expertise-box-banner {
  background-color: #292929;
  border-radius: 0;
  width: 100%;
  height: 30vh;
  margin-bottom: 2vh;
}

.expertise-box-content {
  color: #000;
  background-color: #5383aa00;
  border-radius: .4vw;
  padding: 3vw 2vw 2vw;
}

.expertise-box-content.dark {
  color: #ffffff52;
  -webkit-text-stroke-color: #a3964a66;
  background-color: #0000;
  border: 1px #0000;
  border-radius: 0;
  padding-top: 2vw;
  padding-bottom: 4vw;
}

.expertise-box-content.dark.featured {
  color: #000;
  background-color: #a3964a52;
}

.expertise-box-content.dark._1 {
  background-image: linear-gradient(#0000, #cbcbcbe3 25%, #e4e4e4 34%), url('../images/Firefly-Cyberpunk-design-studio-558.jpg');
  background-position: 0 0, 50% -80%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.expertise-box-content.dark-bg {
  color: #fff;
  background-color: #000000d1;
}

.div-block-3349245 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  padding: 3vh 2vh 2vh 3vh;
  display: flex;
}

.div-block-3349246 {
  filter: invert();
  background-image: url('../images/NowThis.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 6vw;
  width: 10vw;
  height: 10vw;
  display: flex;
}

.div-block-3349246._2 {
  background-image: url('../images/Spotify.png');
  background-size: 8vw;
}

.div-block-3349246._3 {
  filter: none;
  background-image: url('../images/MuseLayers.png');
  background-size: 5.5vw;
}

.div-block-3349246.startups {
  background-image: none;
}

.div-block-3349246._4 {
  filter: invert() invert();
  background-image: url('../images/logo-hc.png');
}

.div-block-3349246.vonfal {
  background-image: url('../images/Vonfal-Logo.png');
  background-size: 5vw;
}

.div-block-3349246.safehouse {
  background-image: url('../images/Safehouse-Logo-Sample.png');
  background-size: 4.5vw;
}

.div-block-3349246.xcorevendor {
  background-image: url('../images/XcoreMarkets-Logo-Sample.png');
  background-size: 4.7vw;
}

.button-15 {
  color: #fff9;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #ffffff8a;
  border-radius: 20vw;
  margin-top: 2vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: .6vw;
  font-weight: 300;
  position: relative;
  inset: auto 0%;
}

.div-block-3349247 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3vh;
  padding-left: 3vh;
  padding-right: 3vh;
  display: flex;
}

.div-block-3349248 {
  opacity: .37;
  background-color: #fff;
  border-radius: 10vw;
  width: .5vw;
  height: .5vw;
  margin-bottom: 2vh;
}

.div-block-3349248:hover, .div-block-3349248.w--current {
  opacity: 1;
}

.div-block-3349249 {
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.div-block-3349249.vonfal {
  align-items: center;
}

.div-block-3349250 {
  justify-content: flex-start;
  height: auto;
  margin-bottom: 15vh;
  padding-top: 5vh;
  display: flex;
}

.chapter-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-3349252 {
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 3vw;
  display: flex;
}

.div-block-3349253 {
  align-items: center;
  padding-top: 3vw;
  padding-left: 0;
  display: flex;
}

.background-video-36 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.background-video-37 {
  width: 100%;
  height: 100%;
}

.div-block-3349254 {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 3vh;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-3349255 {
  align-items: center;
  height: 20vh;
  display: flex;
}

.div-block-3349256 {
  padding-right: 0%;
}

.div-block-3349257, .div-block-3349258, .div-block-3349259 {
  padding-right: 20%;
}

.div-block-3349260 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3349261 {
  background-color: #0000;
  border-radius: 20vw;
  flex-direction: column;
  align-items: center;
  width: 3vw;
  height: auto;
  padding-top: .5vh;
  padding-bottom: .5vh;
  display: flex;
}

.div-block-3349262 {
  background-color: #000;
  border-radius: 20vw;
  width: 2.7vw;
  height: 2.7vw;
  margin-bottom: 2vh;
}

.div-block-3349262.last {
  margin-bottom: 0;
}

.div-block-3349262.last.andreas {
  background-image: url('../images/Andreas.jpg');
  background-position: 0 0;
  background-size: cover;
}

.div-block-3349262.adam {
  background-image: url('../images/Adam-Avatar.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.div-block-3349262.victoria {
  opacity: 1;
  background-image: url('../images/621e009ebd36720ee0bb700b_1516563279327.jpg');
  background-position: 0 0;
  background-size: cover;
}

.div-block-3349262.dominiqu {
  background-image: url('../images/621e018f8410e6c96172cfe2_1604084237918.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-3349262.alex {
  background-image: url('../images/1517586474526.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-3349262.andreas {
  background-image: url('../images/Andreas.jpg');
  background-position: 0 0;
  background-size: cover;
}

.div-block-3349262.aaron {
  background-image: url('../images/1558501838703.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-3349263 {
  flex-direction: column;
  justify-content: center;
  width: 5vw;
  display: flex;
}

.div-block-3349264 {
  padding-right: 20%;
}

.heading-41 {
  color: #000;
  margin-bottom: 5vh;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 1.9vw;
  line-height: 2.5vw;
}

.heading-41._2 {
  width: 27vw;
  font-size: 2.5vw;
  line-height: 2.5vw;
}

.div-block-3349265 {
  margin-top: 2vh;
}

.div-block-3349266 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  width: 100%;
  height: 50vh;
  margin-bottom: 5vh;
  display: grid;
}

.div-block-3349267 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding-left: 3vw;
  display: flex;
}

.div-block-3349268 {
  align-items: center;
  display: flex;
}

.div-block-3349269 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 80vh;
}

.div-block-3349270 {
  align-items: center;
  display: flex;
}

.div-block-3349271 {
  height: 50vh;
  padding-left: 5vw;
  padding-right: 5vw;
}

.heading-42 {
  color: var(--dark-goldenrod-2);
  text-align: center;
  font-size: 4vw;
  line-height: 5vw;
}

.div-block-3349272 {
  width: 10vw;
  height: 10vw;
}

.div-block-3349273 {
  border-radius: .4vw;
  width: 100%;
  height: 80vh;
  overflow: hidden;
}

.background-video-38 {
  width: 100%;
  height: 100%;
}

.div-block-3349274 {
  background-color: #181818;
  border-radius: .4vw;
  align-items: flex-end;
  width: 100%;
  height: 70vh;
  padding: 2vw;
  display: flex;
}

.button-16 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 10vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Roboto, sans-serif;
  display: flex;
}

.div-block-3349275 {
  margin-bottom: 15vh;
}

.div-block-3349276 {
  background-color: #0000;
  border-radius: .4vw;
  margin-left: 14vw;
  margin-right: 5vw;
  padding: 0;
}

.div-block-3349276.top-height {
  margin-top: 10vh;
}

.div-block-3349277 {
  margin-left: 5vw;
  margin-right: 5vw;
}

.div-block-3349278 {
  padding-left: 10vw;
}

.div-block-3349279 {
  margin-bottom: 5vh;
}

.bio-sidebar-widget {
  background-color: #ccdbc4;
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  padding-bottom: 5vh;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.bio-sidebar-widget._2 {
  background-image: linear-gradient(#0000 62%, #000), url('../images/grid_0-2.webp');
  background-position: 0 0, 60%;
}

.bio-sidebar-widget._3 {
  background-image: linear-gradient(#0000 62%, #000), url('../images/12.png');
  background-position: 0 0, 40%;
}

.bio-sidebar-widget.web1 {
  background-image: linear-gradient(#0000, #0000), linear-gradient(#0000 62%, #000), url('../images/12.png');
  background-position: 0 0, 0 0, 50%;
}

.bio-sidebar-widget.web2 {
  background-image: linear-gradient(#0000, #0000), linear-gradient(#0000 62%, #000), url('../images/Firefly-new-york-skyline-sunset-purple-clouds-58028.jpg');
  background-position: 0 0, 0 0, 100% 100%;
}

.bio-sidebar-widget.web3 {
  background-image: linear-gradient(#0000, #0000), linear-gradient(#0000 62%, #000), url('../images/Avatar-X.png');
  background-position: 0 0, 0 0, 0%;
}

.div-block-3349281 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  background-image: linear-gradient(#0000, #0000004d);
  grid-template-rows: 60% 40%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  box-shadow: 0 2px 5px #fff3;
}

.div-block-3349281.web2-cd {
  background-image: linear-gradient(#0000 57%, #00000073);
}

.div-block-3349281.fashion {
  background-image: linear-gradient(#0000, #0000003b);
  border: 6px #927c00;
  border-radius: .4vw;
}

.div-block-3349282 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2vw;
  padding-left: 2vw;
  display: flex;
}

.div-block-3349283 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 10%;
  padding-bottom: 0;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.div-block-3349284 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3349285 {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.video-8 {
  height: auto;
}

.div-block-3349286 {
  z-index: -1;
  background-color: var(--lime-green);
  width: 70%;
  height: 1vw;
  margin-top: -26px;
  position: relative;
}

.text-block-55 {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Roboto Serif, sans-serif;
  font-size: 1vw;
  font-weight: 100;
}

.heading-43 {
  text-align: center;
  margin-top: 5vh;
  margin-bottom: 5vh;
  font-family: Roboto, sans-serif;
  font-size: 3vw;
  font-weight: 900;
  line-height: 4vw;
}

.text-block-56 {
  text-align: center;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 100;
}

.spotifyad {
  height: 100vh;
  padding: 10vh 5vw;
  display: block;
}

.div-block-3349288 {
  background-color: #000;
  border-radius: .4vw;
  width: 100%;
  height: 100%;
}

.lightbox-link-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.image-17 {
  width: 9vw;
  height: auto;
}

.background-video-39 {
  z-index: 1;
  height: 45vh;
  margin-bottom: 5vh;
}

.div-block-3349289 {
  border-radius: 1vw;
  height: 45vh;
  margin-top: 5vh;
  margin-bottom: 5vh;
  overflow: hidden;
  box-shadow: 0 2px 7px #0000001a;
}

.lightbox-link-5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-18 {
  width: 9vw;
  height: auto;
}

.div-block-3349290 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: .4vw;
  grid-template-rows: auto;
  grid-template-columns: .75fr .25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: grid;
  overflow: hidden;
}

.div-block-3349291 {
  background-color: #ebebeb;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.video-9 {
  height: 100%;
  display: flex;
}

.button-17 {
  color: #000;
  background-color: #fff;
  border-radius: 20vw;
  margin-top: 2vw;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.div-block-3349292 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: .4vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin: 0 0;
  display: grid;
  overflow: visible;
}

.video-10 {
  border-radius: .4vw;
  height: auto;
  margin-top: 5vh;
  overflow: hidden;
}

.shl-video {
  border-radius: .4vw;
  height: auto;
  margin-top: 5vh;
  display: flex;
  overflow: hidden;
}

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

.div-block-3349295 {
  grid-column-gap: 62px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-columns: 1fr;
  margin: 0 5vw;
  display: grid;
}

.div-block-135 {
  background-image: url('../images/Shuttle-Server23.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  width: 100%;
  height: 40vw;
  display: flex;
}

.div-block-3349296 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.button-18 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
  letter-spacing: 2px;
  -webkit-text-stroke-color: #d4d6d5;
  background-color: #d2d2d2cf;
  border: 3px #454345;
  border-radius: 10vw;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 4vh;
  margin-top: 4vh;
  margin-right: 4vw;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  display: flex;
}

.div-block-3349297 {
  align-items: center;
  display: flex;
}

.div-block-3349298 {
  background-color: #0000;
}

.div-block-3349299 {
  background-color: #141414;
  border-radius: .4vw;
  height: 60vh;
  margin-top: 15vh;
  margin-left: 5vw;
  margin-right: 5vw;
}

.div-block-3349300 {
  background-color: #292828;
  border-radius: .4vw;
  width: 100%;
  height: 50vh;
  margin-bottom: 7vh;
}

.background-video-40 {
  z-index: 1;
}

.div-block-3349301 {
  border-radius: 1vw;
  height: 40vh;
  margin-top: 5vh;
  margin-bottom: 5vh;
  overflow: hidden;
}

.background-video-41 {
  z-index: 1;
  filter: brightness(90%);
  height: 100%;
  box-shadow: 0 2px 7px 16px #0000001a;
}

.video-11 {
  border-radius: .4vw;
  margin-top: 5vh;
  margin-bottom: 5vh;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.video-12 {
  border-radius: .4vw;
  margin-top: 5vh;
  margin-bottom: 5vh;
  overflow: hidden;
  box-shadow: 0 2px 7px #0000001a;
}

.text-block-57 {
  font-size: .5vw;
  line-height: .5vw;
}

.text-block-58, .text-block-59, .text-block-60, .text-block-61, .text-block-62 {
  line-height: .5vw;
}

.div-block-3349302 {
  background-color: #181818;
  border-radius: .4vw;
  height: 80vh;
  margin: 15vh 5vw 0;
  overflow: hidden;
}

.background-video-42 {
  z-index: 1;
  background-image: linear-gradient(#00000080, #00000080);
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  height: 70vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.div-block-3349303 {
  background-image: url('../images/xcorecity-logo-sample.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 15vh;
}

.div-block-3349304 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  height: 40vh;
  margin-bottom: 5vh;
}

.video-13 {
  border-radius: .4vh;
  margin-bottom: 5vh;
  overflow: hidden;
}

.video-14 {
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.video-15 {
  margin-left: 5vw;
  margin-right: 5vw;
}

.div-block-3349305 {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 5vw;
  display: flex;
}

.video-16 {
  background-color: #0000;
  width: 100%;
  margin-left: 5vw;
  margin-right: 5vw;
}

.heading-44 {
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: 1.5vw;
}

.html-embed {
  width: 100%;
  display: flex;
}

.div-block-3349306 {
  grid-column-gap: 10vh;
  grid-row-gap: 10vh;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 50vh;
  margin-bottom: 10vh;
  display: grid;
}

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

.heading-45 {
  color: #000000ba;
  text-align: center;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.5vw;
  text-decoration: none;
  display: flex;
}

.heading-45._2 {
  margin-bottom: 5vh;
}

.heading-45.font {
  font-size: .7vw;
}

.heading-45.center {
  font-family: Roboto Serif, sans-serif;
  font-size: 1.8vw;
  font-weight: 400;
}

.heading-45.white {
  color: #fff;
}

.heading-45.white.lightfall {
  font-family: Shentoxtrial Th, sans-serif;
}

.heading-45.larger {
  color: #000;
  font-size: 1vw;
}

.heading-45.blue {
  text-shadow: 0 1px 1px #ddebff;
}

.heading-45.new {
  text-align: left;
}

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

.div-block-3349309 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349310 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349311 {
  background-image: url('../images/Cuber-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7vw;
  height: 10vw;
}

.div-block-3349312 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-46 {
  text-align: center;
  letter-spacing: -1px;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 3.4vw;
  line-height: 4vw;
}

.heading-46.chapter {
  font-size: 2vw;
}

.heading-46.mask {
  text-transform: none;
  width: 80vw;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 3.5vw;
  line-height: 4vw;
}

.heading-46.mask._2 {
  font-size: 2vw;
  line-height: 2.5vw;
}

.heading-46.mask.red {
  color: #000;
  letter-spacing: -2px;
  -webkit-text-stroke-color: #5f5050;
  text-shadow: 0 0 9px #effee5;
  font-size: 4vw;
}

.heading-46.mask.red._2 {
  font-size: 8vw;
  line-height: 8vw;
}

.heading-46.white {
  color: #000;
  text-shadow: 0 1px 1px #ffffffba;
  width: 80vw;
}

.heading-46.white.l {
  color: #090808;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffffd1;
  text-shadow: none;
  font-size: 9vw;
  line-height: 9vw;
}

.heading-46.blue {
  text-shadow: 0 1px 14px #ddebffd4;
}

.heading-46.blue._2 {
  font-size: 8vw;
  line-height: 8vw;
}

.heading-46.dark {
  text-shadow: 0 0 13px #000000d4;
  font-size: 8vw;
  line-height: 8vw;
}

.heading-46._2 {
  font-size: 8vw;
  line-height: 8vw;
}

.text-span-9 {
  font-size: 1vw;
}

.div-block-3349313 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 10vh;
  margin: 5vh 5vw 0;
  display: grid;
}

.div-block-3349314 {
  align-items: flex-end;
  display: flex;
}

.div-block-3349315 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.flex-chapter-hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5vh 5vw;
  display: grid;
}

.flex-chapter-hero.white {
  color: #fff;
}

.flex-chapter-hero.casestudies {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-chapter-hero.test {
  z-index: 1;
  mix-blend-mode: normal;
  position: absolute;
}

.flex-chapter-hero.background {
  background-color: #fff;
  background-image: url('../images/Approach.png'), linear-gradient(#0000 87%, #ffffff7d), linear-gradient(#fdfffc7d, #fdfffc7d), url('../images/Expertise-Wappen-V2.png'), linear-gradient(#ffffff7d, #0000 33%);
  background-position: 50% 100%, 0 0, 0 0, 100% 100%, 0 0;
  background-repeat: no-repeat, repeat, repeat, no-repeat, repeat;
  background-size: auto, auto, auto, cover, auto;
  background-attachment: scroll, scroll, scroll, fixed, scroll;
  width: 100%;
}

.flex-chapter-hero.version-2.green {
  background-image: none;
}

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

.div-block-3349318.version-2 {
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-3349319 {
  align-items: flex-start;
  display: flex;
}

.div-block-3349319.white {
  color: #fff;
}

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

.div-block-3349320.bio {
  align-items: flex-start;
  height: 100%;
}

.div-block-3349321 {
  align-items: flex-end;
  display: flex;
}

.div-block-3349322 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.div-block-3349322._2, .div-block-3349322._3 {
  justify-content: flex-end;
}

.div-block-3349323 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.div-block-3349323.expertise {
  justify-content: flex-end;
}

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

.flex-page-nav {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-3349326 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 50vh;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.div-block-3349327 {
  color: #000;
  text-align: right;
  background-color: #0000;
  border-right: .2vw solid #000c;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 4vh;
  margin-bottom: .5vw;
  margin-right: .2vw;
  padding-right: .3vw;
  font-family: Roboto Serif, sans-serif;
  font-size: .6vw;
  text-decoration: none;
  transition: border-radius .5s, opacity .5s;
  display: flex;
}

.div-block-3349327:hover {
  border-right-width: .2vw;
  font-weight: 600;
}

.div-block-3349327.w--current {
  border-right-width: .2vw;
  border-right-color: #000c;
  transition: border-radius .2s, opacity .2s;
}

.text-block-63 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: .5vw;
  font-weight: 700;
}

.text-block-63.smaller {
  font-size: .4vw;
}

.div-block-3349328 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: grid;
}

.heading-47 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Roboto Serif, sans-serif;
  font-size: .8vw;
  font-weight: 300;
}

.div-block-3349329 {
  align-items: center;
  display: flex;
}

.div-block-3349330 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349331 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349332 {
  width: 100%;
  height: 25vh;
  padding-top: 5vh;
  padding-right: .3vw;
  display: flex;
}

.div-block-3349332.bottom {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 1.5vw;
}

.div-block-3349333 {
  opacity: .51;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  padding-right: .5vw;
  text-decoration: none;
  display: flex;
}

.div-block-3349333:hover {
  opacity: 1;
}

.text-block-64 {
  color: #000;
  text-align: right;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.text-span-10 {
  font-size: .4vw;
}

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

.div-block-3349335 {
  align-items: flex-start;
  display: flex;
}

.heading-48 {
  text-align: center;
  letter-spacing: -3px;
  font-family: Roboto, sans-serif;
  font-size: 3.6vw;
  line-height: 4vw;
}

.div-block-3349336 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

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

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

.heading-49 {
  text-transform: uppercase;
  font-family: Roboto Serif, sans-serif;
  font-size: .8vw;
  font-weight: 500;
}

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

.div-block-3349340 {
  align-items: center;
  display: flex;
}

.div-block-3349341 {
  align-items: flex-end;
  display: flex;
}

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

.div-block-3349343 {
  align-items: flex-start;
  display: flex;
}

.heading-50 {
  text-align: center;
  letter-spacing: 0;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 3.6vw;
  line-height: 4vw;
}

.div-block-3349344 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

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

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

.heading-51 {
  text-transform: uppercase;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: 1vw;
  font-weight: 500;
}

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

.div-block-3349348 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349349 {
  align-items: flex-end;
  display: flex;
}

.heading-52 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Serif, sans-serif;
  font-size: 1.8vw;
  font-weight: 500;
  text-decoration: none;
}

.div-block-3349350, .div-block-3349351 {
  background-color: #fff;
}

.div-block-3349352 {
  background-image: url('../images/Icon-1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10vw;
  height: 10vw;
}

.div-block-3349352.entrepreneur {
  background-image: url('../images/icon-2.png');
}

.div-block-3349352.creativedirector {
  background-image: url('../images/Icon-5.png');
}

.div-block-3349352.lightfall {
  background-image: url('../images/Icon-4.png');
}

.div-block-3349352.engineering {
  background-image: url('../images/icon-3.png');
}

.div-block-3349353 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 505px;
  padding-top: 2vh;
  display: flex;
}

.div-block-3349354 {
  opacity: .69;
  filter: invert();
  background-image: url('../images/icon-2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5vw;
  height: 5vw;
  margin-top: 5vh;
}

.div-block-3349354._2 {
  background-image: url('../images/Icon-1.png');
}

.div-block-3349354._3 {
  background-image: url('../images/Icon-5.png');
}

.div-block-3349354._4 {
  filter: none;
  background-image: url('../images/Icon-4.png');
}

.div-block-3349354._5 {
  background-image: url('../images/icon-3.png');
}

.video-17 {
  height: auto;
}

.div-block-3349355 {
  border-radius: .4vw;
  height: 80vh;
  overflow: hidden;
}

.lightbox-link-6 {
  background-image: url('../images/NowTHisxBiden-Cover-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3349356 {
  justify-content: center;
  align-items: flex-end;
  width: 10vw;
  height: 2vw;
  display: flex;
  position: static;
  bottom: 0;
}

.text-block-65 {
  text-align: center;
}

.div-block-3349357 {
  background-color: #000;
  border-radius: .5vw;
  width: 100%;
  height: 70vh;
}

.div-block-3349358 {
  background-color: #000;
  width: 100%;
  height: 80vh;
}

.div-block-3349360 {
  align-items: flex-end;
  height: 6vh;
  display: flex;
}

.div-block-3349361 {
  opacity: .4;
  filter: invert();
  background-image: url('../images/Scroll-Down-Arrow.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1vw;
  height: 1vw;
  margin-top: 10vh;
}

.div-block-3349362 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.arrow-next-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  display: flex;
}

.div-block-3349363 {
  flex-direction: column;
  width: 1vw;
  height: 10vh;
  display: flex;
}

.div-block-3349364 {
  justify-content: center;
  align-items: flex-end;
  width: 1vw;
  height: 8vh;
  display: flex;
}

.div-block-3349365 {
  justify-content: center;
  align-items: center;
  width: 1vw;
  height: 2vh;
  display: flex;
}

.div-block-3349366 {
  background-color: #fff;
  width: .1vw;
  height: 8vh;
}

.div-block-3349367 {
  background-color: #fff;
  border: 1px #fff;
  border-radius: 20px;
  width: .8vw;
  height: .8vw;
}

.div-block-3349368 {
  height: 100vh;
}

.div-block-3349369 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 6vh;
  display: grid;
  position: sticky;
  inset: auto 0% 0%;
}

.div-block-3349370 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-3349371 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #bbbbbb5e;
  border-radius: 10vw;
  width: 7vw;
  height: 2vw;
  box-shadow: 0 1px 5px #00000038;
}

.div-block-3349372 {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  width: 10vw;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-3349373 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: end;
  width: 100vh;
  height: 60vh;
  margin-right: .5vw;
  display: grid;
  position: relative;
}

.div-block-3349374 {
  width: 1vw;
  height: 5vh;
}

.div-block-3349375 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 9vw;
  height: 10vh;
  margin-bottom: .2vw;
  margin-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-3349376 {
  background-color: #adadab;
  border: 1px solid #fff;
  width: .5vw;
  height: 90%;
}

.div-block-3349376.w--current {
  background-color: #000;
  width: .5vw;
}

.heading-53 {
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -.6vw;
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: .5vw;
  line-height: .5vw;
  transform: rotate(90deg);
}

.div-block-3349377 {
  background-color: #0000;
  border: 2px #525252;
  border-right: 6px solid #9c9c9c;
  border-radius: 0;
  width: .5vw;
  height: 100%;
}

.div-block-3349377.w--current {
  background-color: #0000;
  border-style: none solid none none;
  border-width: 1px 6px 1px 1px;
  border-right-color: #fffaef;
}

.div-block-3349378 {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 9.5vw;
  height: 100%;
  padding-right: .5vw;
  display: flex;
}

.div-block-3349378.w--current {
  background-image: linear-gradient(270deg, #f3f3f369, #0000);
}

.div-block-3349378.c1 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  flex-direction: column;
  text-decoration: none;
  position: relative;
}

.div-block-3349378.c1:hover {
  mix-blend-mode: normal;
}

.div-block-3349378.c1.w--current {
  background-color: #525252;
  background-image: none;
  border-radius: 0;
}

.div-block-3349378.c1._2 {
  background-image: none;
  border-radius: 0;
  overflow: hidden;
}

.div-block-3349378.c2 {
  flex-direction: column;
  text-decoration: none;
}

.div-block-3349378.c2:hover {
  background-image: linear-gradient(#2e5535c4, #2e5535c4), url('../images/621ec5ac1e3b758857a816f2_metro.jpg');
  background-position: 0 0, 0 40%;
  background-size: auto, cover;
}

.div-block-3349378.c2.w--current {
  border-radius: 0;
}

.div-block-3349378.c2.w--current:hover {
  background-image: none;
}

.div-block-3349378.c3 {
  border-radius: 0;
  flex-direction: column;
  text-decoration: none;
}

.div-block-3349378.c3:hover, .div-block-3349378.c3.w--current {
  background-image: linear-gradient(#244466cf, #244466cf), url('../images/Web2-Consultant.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.div-block-3349378.c4 {
  border-radius: 0;
  flex-direction: column;
  text-decoration: none;
}

.div-block-3349378.c4:hover {
  background-image: linear-gradient(#0c0c0cb8, #0c0c0cb8), url('../images/OntheRun.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-3349378.c4.w--current {
  background-image: linear-gradient(#00000080, #00000080), url('../images/OntheRun.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-3349378.c5 {
  border-radius: 0;
  flex-direction: column;
}

.div-block-3349378.c5:hover {
  background-image: linear-gradient(#5c522edb, #5c522edb), url('../images/Hero-Welcome2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-3349378.c5.w--current {
  text-decoration: none;
}

.heading-54 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Shentoxtrial Md, sans-serif;
  font-size: .6vw;
  font-weight: 400;
  line-height: 1vw;
}

.heading-54.larger {
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: .8vw;
}

.div-block-3349379 {
  opacity: .4;
  background-image: url('../images/MTV.jpeg');
  background-position: 50% 0;
  background-size: cover;
  height: 100vh;
}

.div-block-3349380 {
  width: 50%;
  height: .3vw;
}

.chapter-hero-banner {
  height: 100vh;
  margin-top: -100vh;
}

.chapter-hero-banner.web1 {
  background-color: #0000;
  border-left-width: 0;
}

.chapter-hero-banner.web2 {
  background-color: #0000;
}

.chapter-hero-banner.lightfall {
  background-image: none;
}

.chapter-hero-banner.web3 {
  background-color: #0000;
}

.seperation-div-red {
  background-color: var(--light-coral);
  width: 5vw;
  height: .3vw;
  margin-bottom: 2vh;
}

.seperation-div-red.chapter {
  width: 10vw;
}

.div-block-3349381 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.link-block {
  color: #000;
  align-items: flex-end;
  height: 10vh;
  text-decoration: none;
  display: flex;
}

.headline-line-div {
  border-left: 2px #fc8181;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.headline-line-div.right {
  border-left-style: none;
  border-right: 3px solid #fc8181;
  padding-left: 0;
  padding-right: .5vw;
}

.div-block-3349382 {
  background-color: #ee5c5c;
  width: 20vw;
  height: .2vw;
  margin-top: 5vh;
}

.div-block-3349383 {
  justify-content: flex-end;
  align-items: center;
  width: 10vw;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-3349384 {
  background-color: #000;
  border-top-right-radius: .2vw;
  border-bottom-right-radius: .2vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 1.5vw;
  height: 100vw;
  display: flex;
}

.div-block-3349385 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff69;
  width: .6vw;
  height: 10%;
  margin-bottom: 1vw;
}

.div-block-3349385.w--current {
  width: .8vw;
}

.div-block-3349386 {
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 2vw;
  margin-bottom: 1vw;
  margin-right: 0;
  padding-right: 1vw;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.link-block-2 {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 2vw;
  font-family: Shentoxtrial Bd, sans-serif;
  text-decoration: none;
  display: flex;
}

.div-block-3349387 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff6;
  border-radius: 10vw;
  justify-content: center;
  align-items: center;
  width: 5%;
  height: 2vw;
  display: flex;
}

.div-block-3349388 {
  width: 90%;
  height: 2vw;
}

.text-block-66 {
  text-transform: uppercase;
  font-family: Shentoxtrial Bd, sans-serif;
}

.side-navigation-wrapper {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  margin-top: 0;
  margin-left: .2vw;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.side-navigation-wrapper.skills {
  margin-left: 0;
}

.div-block-3349390 {
  flex-direction: column;
  display: flex;
}

.div-block-3349391 {
  background-color: #00000040;
  width: .4vw;
  height: 3vw;
  margin-top: .1vw;
}

.div-block-3349391.w--current {
  background-color: #303030;
}

.div-block-3349392 {
  background-color: #ffffff47;
  width: .2vw;
  height: 1vw;
  margin-top: .5vw;
}

.div-block-3349392.w--current {
  background-color: #e9fedb;
}

.div-block-3349393 {
  flex-direction: row;
  justify-content: flex-end;
  width: 2vw;
  height: 3vw;
  margin-top: .3vw;
  display: flex;
}

.div-block-3349393.larger {
  align-items: center;
  height: 20%;
}

.div-block-3349394 {
  background-color: #0000;
  background-image: linear-gradient(to top, #949494a8, #aaaaaacf);
  border: 1px solid #0000001c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1vw;
  height: 100%;
  display: flex;
  box-shadow: inset 0 1px 1px 1px #0000003d;
}

.div-block-3349394:hover {
  background-image: linear-gradient(to top, #615e5e, #aaa);
  box-shadow: inset -1px -1px 0 1px #0003, inset 1px 1px 0 2px #ffffff36, inset 0 1px 1px 1px #fff3;
}

.div-block-3349394:active {
  background-image: linear-gradient(#707070, #aaa);
  box-shadow: 0 3px 3px 3px #fff3, inset -1px -1px 0 1px #0003, inset 1px 1px 0 2px #ffffff36, inset 0 1px 1px 1px #fff3;
}

.div-block-3349394.w--current {
  background-color: #000;
  background-image: linear-gradient(315deg, #303030, #7a7a7a);
}

.div-block-3349394.lightfall.w--current {
  background-image: linear-gradient(315deg, #fffcfc, #ffebeb);
}

.div-block-3349395 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 3vw;
  height: 3vw;
  padding-left: .3vw;
  padding-right: 0;
  display: flex;
}

.div-block-3349396 {
  background-color: #0000;
  background-image: linear-gradient(315deg, #7474748a, #c2c1c1);
  border: 1px solid #00000057;
  border-radius: 0;
  width: .5vw;
  height: .5vw;
  margin-top: .5vw;
  margin-left: 0;
  box-shadow: inset -1px 0 0 2px #ffffff2b, 0 1px 1px 1px #fff3, inset 1px 0 1px 1px #52525230;
}

.div-block-3349396:hover {
  background-image: linear-gradient(315deg, #443f3f8a, #fffc);
  box-shadow: inset -1px 0 0 1px #00000059, 0 1px 1px 1px #fff3, inset 1px 0 0 1px #ffffff42;
}

.div-block-3349396:active {
  background-image: linear-gradient(#2c2c2cd9, #858585d9);
}

.div-block-3349396.w--current {
  background-color: #000c;
  background-image: linear-gradient(315deg, #7474748a, #979595);
}

.div-block-3349396.start {
  border-color: #00000057;
  border-radius: 0;
  width: .5vw;
  margin-top: 0;
}

.div-block-3349396.start.w--current {
  width: .5vw;
}

.fashion-section2 {
  background-color: #0000;
  margin-top: 0;
  padding-bottom: 15vh;
}

.div-block-3349397 {
  padding-bottom: 25vh;
}

.div-block-3349398 {
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.div-block-3349399 {
  background-color: #000;
  background-image: url('../images/SabrineMe.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
  box-shadow: 0 2px 7px #0000001a;
}

.chapter-readmore-button {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5vh;
  padding-bottom: 0;
  display: flex;
}

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

.fashion-start {
  background-color: #ccc0;
  padding-bottom: 10vh;
}

.div-block-3349401 {
  flex-direction: column;
  display: flex;
}

.div-block-3349402 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.web1-start {
  background-image: linear-gradient(0deg, #cccccced, #0000 23%);
  padding-bottom: 10vh;
}

.div-block-3349403 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.hero-bio {
  width: 100vw;
}

.web2-start {
  background-image: linear-gradient(#0000 49%, #cccccced);
  padding-bottom: 10vw;
}

.div-block-3349404, .div-block-3349405 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-3349406 {
  background-image: linear-gradient(#00000061, #00000061), url('../images/Wappen-Bg.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
}

.web3-start {
  background-image: linear-gradient(#0000 56%, #cccccced);
}

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

.web1-section2 {
  background-color: #0000;
}

.div-block-3349408 {
  border: 1px solid #6167a89e;
  border-radius: .4vw;
  overflow: hidden;
  box-shadow: 0 2px 7px #00000014;
}

.div-block-3349409 {
  background-image: url('../images/Poepey-Mag.jpg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.text-span-11, .text-span-12 {
  font-family: Shentoxtrial Md, sans-serif;
}

.web2-section-2 {
  background-color: #0000;
  padding-bottom: 25vh;
}

.lightfall-start {
  padding-bottom: 10vh;
}

.lightfall-section2 {
  background-color: #0000;
  padding-top: 5vh;
  padding-bottom: 0;
}

.div-block-3349410 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 70vh;
  display: grid;
}

.web3-section2 {
  background-color: #0000;
}

.div-block-3349411 {
  background-image: linear-gradient(#000, #fff0 38%), url('../images/Brickwall-Tablet-Stream.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 5vh;
  padding-bottom: 15vh;
  display: flex;
}

.div-block-3349412 {
  background-color: #0e0e0e;
  border-radius: 3vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: hidden;
}

.div-block-3349413 {
  background-color: #1a1919;
  background-image: linear-gradient(0deg, #0e0e0e, #fff0 55%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
}

.div-block-3349414 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-bottom: 8vh;
  display: grid;
}

.div-block-3349415 {
  align-items: center;
  padding: 10vh 5vh 3vh 2vw;
  display: flex;
}

.div-block-3349416 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 3vw 5vh 0;
  display: flex;
}

.div-block-3349416._1 {
  justify-content: center;
  align-items: center;
  padding-top: 4vw;
}

.text-block-67 {
  margin-bottom: 12vh;
  font-family: Shentoxtrial Lt, sans-serif;
}

.bold-text-2 {
  color: #fff;
  margin-bottom: 10vh;
  font-family: Bad Script, sans-serif;
  font-size: 1vw;
  line-height: 1.6vw;
  display: flex;
}

.div-block-3349417 {
  grid-column-gap: 96px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 5vw;
  padding-left: 3vw;
  padding-right: 3vw;
  display: grid;
}

.bold-text-3 {
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: 1vw;
}

.image-19 {
  filter: invert();
}

.expertise-subhero-wrapper {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.expertise-subhero-wrapper._4 {
  background-image: none;
}

.headline-large-expertise {
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.read-more-expertise {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.div-block-3349418, .div-block-3349419, .image-20 {
  margin-bottom: 5vh;
}

.image-21 {
  margin-bottom: 3vh;
}

.image-22 {
  position: absolute;
}

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

.sections-headline {
  text-transform: none;
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
  font-weight: 600;
}

.image-23 {
  width: 70vw;
}

.div-block-3349421 {
  background-color: #0000;
  border-top-right-radius: 1vw;
  border-bottom-right-radius: 1vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 3vw;
  height: 50vh;
  margin-top: 25vh;
  padding-left: .5vw;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.div-block-3349422 {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000;
  background-color: #00000040;
  border: 2px solid #fffffff0;
  width: .6vw;
  height: 5vh;
  margin-bottom: .5vw;
}

.div-block-3349422.w--current {
  background-color: #000000ab;
}

.div-block-3349423 {
  background-image: url('../images/Hero-Skills-V1.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.background-video-43 {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.image-24 {
  height: 120vh;
  margin-top: -20vh;
  padding-top: 0;
}

.div-block-3349424 {
  filter: hue-rotate(270deg) brightness(103%);
  background-image: url('../images/NewKills.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 120vh;
  margin-top: -20vh;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.div-block-3349424.dark {
  background-image: url('../images/Skills-Hero-Full-Figure-Dark.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  position: absolute;
}

.glass {
  background-color: #fff;
  width: 50%;
  height: 100%;
}

.div-block-3349425 {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.image-25 {
  width: 70vw;
}

.div-block-3349426 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-3349426.dark {
  background-image: none;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-right: 5vw;
}

.div-block-3349427 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-3349428 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.div-block-3349429 {
  background-image: url('../images/Skills-Hero-Full-Figure-Dark.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-3349430 {
  background-image: linear-gradient(#0000 11%, #909196 62%);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 80vh;
  margin-top: -80vh;
  padding-bottom: 10vh;
  display: flex;
  position: absolute;
}

.button-19 {
  background-color: #5e5e69;
  border-radius: 10vw;
  font-family: Shentoxtrial Rg, sans-serif;
}

.div-block-3349431 {
  padding-top: 0;
}

.div-block-3349431.contracts {
  flex-direction: column;
  align-items: center;
  padding-right: 5vw;
  display: block;
}

.div-block-3349432 {
  background-image: url('../images/Project-Bot-Side.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  position: sticky;
  top: 0;
}

.div-block-3349433 {
  background-image: linear-gradient(#0000 29%, #403f47 82%);
  width: 100%;
  height: 80vh;
  margin-top: -80vh;
  position: absolute;
}

.div-block-3349434 {
  z-index: -2;
  background-image: url('../images/dgfergregreg.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

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

.div-block-3349436 {
  background-image: url('../images/dgfergregreg.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 100vh;
  position: sticky;
  top: 0;
}

.slide-navigation {
  z-index: 1;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-end;
  width: 5vw;
  height: 60vh;
  margin: 20vh 0 10vh;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-right: 1vw;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.div-block-3349438 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #eec37e;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 1px 1px #0003;
  background-color: #ffffff7d;
  border: 1px solid #e7e7e7;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 1vw;
  height: 20%;
  margin-bottom: .1vw;
  margin-left: 0;
  font-family: Shentoxtrial Bd, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: -4px 4px 8px -2px #00000014;
}

.div-block-3349438:hover {
  color: #eec37e;
  -webkit-text-stroke-color: #eec37e;
  text-shadow: 0 1px 1px #0003;
  background-color: #ffffffe3;
}

.div-block-3349438:active {
  background-color: #c2c2c2e3;
  border-color: #fffefe;
}

.div-block-3349438.w--current {
  color: #000000db;
  -webkit-text-stroke-color: #fff;
  text-shadow: none;
  background-color: #ffffffd6;
  border-color: #fffef9;
}

.div-block-3349438.top {
  border-top-left-radius: .3vw;
  border-top-right-radius: .3vw;
  height: 10%;
  margin-top: .1vw;
}

.div-block-3349438.top.w--current {
  background-color: #ffffffd6;
}

.div-block-3349438.footer {
  box-shadow: none;
  border-bottom-right-radius: .3vw;
  border-bottom-left-radius: .3vw;
  height: 10%;
}

.div-block-3349438.second {
  height: 10%;
}

.div-block-3349439 {
  width: .1vw;
  height: 20%;
}

.image-26 {
  filter: brightness(101%);
  width: 30vw;
}

.text-block-68 {
  color: #f7c46e;
  text-shadow: 0 1px 1px #0000004f;
  font-family: Shentoxtrial Smbd, sans-serif;
}

.div-block-3349440 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 25vh;
  margin-top: 5vh;
  display: grid;
}

.front-div {
  background-color: #313131;
  align-items: flex-end;
  padding-bottom: 2vw;
  padding-left: 2vw;
  display: flex;
}

.div-block-3349442, .div-block-3349443 {
  background-color: #313131;
  align-items: flex-end;
  display: flex;
}

.text-block-69 {
  transform: rotate(0);
}

.div-block-3349444 {
  flex-direction: row;
  width: 50vw;
  height: 1vw;
  margin-top: 1vw;
  margin-right: 1vw;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.div-block-3349445 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #f4de97;
  letter-spacing: 2px;
  text-shadow: 0 1px 1px #00000082;
  background-color: #4440;
  background-image: linear-gradient(315deg, #94949470, #9998987d);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 100%;
  margin-right: .1vw;
  font-family: Shentoxtrial Md, sans-serif;
  text-decoration: none;
  display: flex;
}

.div-block-3349445.first {
  border-top-left-radius: .3vw;
  border-bottom-left-radius: .3vw;
  width: 10%;
}

.div-block-3349445.last {
  border-top-right-radius: .3vw;
  border-bottom-right-radius: .3vw;
}

.div-block-3349446 {
  background-image: url('../images/Wappen-Sample.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15vw;
  height: 12vw;
}

.div-block-3349447 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.section {
  align-items: flex-end;
  width: 100%;
  height: 50%;
  padding-bottom: 10vh;
  padding-left: 5vw;
  display: flex;
}

.section.top {
  align-items: flex-start;
  padding-top: 0;
  padding-left: 0;
}

.section.top.contacts {
  height: 20%;
  padding-left: 5vw;
  padding-right: 5vw;
}

.section.top.case {
  background-image: linear-gradient(#0000007d, #fff0);
}

.section.contacts {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80%;
}

.div-block-3349448 {
  background-image: url('../images/Wappen-Sample.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 29vw;
  height: 15vw;
}

.div-block-3349449 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-3349450 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 5vh;
  padding-left: 5vh;
  display: flex;
}

.large-start-letter {
  margin-right: .1vw;
  font-family: Roboto Serif, sans-serif;
  font-size: 3vw;
  font-weight: 700;
}

.text-hero-small {
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: .8vw;
  line-height: 1.5vw;
}

.div-block-3349451 {
  background-image: linear-gradient(#0000, #fff);
  height: 20vh;
}

.div-block-3349452 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding-left: 2vw;
  display: flex;
  position: sticky;
  top: 0;
}

.slide-buttons {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff9c;
  border: 1px solid #fffffff0;
  border-radius: 5vw;
  width: .8vw;
  height: .8vw;
  margin-bottom: 1vw;
  box-shadow: 0 2px 7px #0000002b;
}

.slide-buttons.dark {
  background-color: #ffffff91;
  border: 1px solid #ffffffd6;
  border-radius: 5vw;
  height: .8vw;
  box-shadow: 0 2px 5px #000000db;
}

.slide-buttons.dark:hover {
  background-color: #ffbf00;
}

.slide-buttons.dark.w--current {
  background-color: #ffffffd9;
}

.text-block-70 {
  color: #fff;
  margin-top: 3vh;
  font-size: .8vw;
  line-height: 1.3vw;
}

.projects {
  background-color: #000;
  padding-bottom: 20vh;
}

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

.div-block-3349455 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3349456 {
  width: 50%;
  height: 60vh;
}

.div-block-3349457 {
  flex-direction: column;
  display: flex;
}

.thumb-div-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 5vh;
  display: grid;
}

.thumb-div-wrapper.top {
  height: auto;
  margin-top: 0;
  margin-bottom: 10vh;
}

.thumb-div-wrapper.top-long-content {
  margin-top: 10vh;
}

.thumb-div-wrapper.pull-up {
  margin-top: 0;
}

.thumb-div-holder {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.thumb-div-holder.left {
  border: 1px #28361c;
  align-items: flex-start;
  padding-top: 5vh;
}

.thumb-div-holder.left.top-emptyspace {
  margin-top: -10vh;
}

.thumb-div-holder.left.top-emptyspace._2 {
  margin-top: -20vh;
}

.thumb-div-holder.left.top-emptyspace.top {
  margin-top: 0;
}

.thumb-div-holder.rechts {
  border: 1px #000000db;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 15vh;
  padding-bottom: 5vh;
}

.thumb-div {
  background-color: #15151500;
  border-radius: 1vw;
  width: 80%;
  height: auto;
  overflow: hidden;
}

.thumb-div._130vh {
  border: 1px solid #000;
  width: 70%;
  height: auto;
}

.thumb-div._130vh.green {
  box-shadow: none;
  background-color: #daf6c7;
  border: 1px solid #40613038;
  border-radius: 1vw;
}

.thumb-div._130vh.green.blue {
  color: #ddebfe;
  background-color: #bdd9ff;
  background-image: none;
  background-size: auto;
  border-style: none;
  border-color: #7aaceedb;
}

.thumb-div._130vh.green.blue.purple {
  background-color: #f1dbe8;
  border: 2px #bba5b0;
}

.thumb-div._130vh.green.blue.purple.yellow {
  background-color: #ffe5ab;
  border: 2px #caa961c7;
}

.thumb-div._130vh.green.blue.top {
  margin-top: 5vh;
}

.thumb-div._130vh.green.top {
  margin-top: 10vh;
}

.projects-content-div {
  height: 50%;
}

.projects-content-div.image {
  background-color: #616161;
  background-image: linear-gradient(0deg, #141418, #fff0 26%);
  height: 60vh;
}

.projects-content-div.image._28black {
  background-image: linear-gradient(to top, #141418, #fff0 49%), url('../images/28BlackBillboard.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.projects-content-div.image.tigerspike {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/Tigerspike-Img.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image._20thstreet {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/20thstreet-Adam-Me.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.onlinebook {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/Onbk.jpg');
  background-position: 0 0, 80%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.redbulls {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/62bb7052d3b3c823da534ea2_RedBullsNY.jpeg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.projects-content-div.image.riedel {
  background-color: #61616100;
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/Riedel-Wine-Thumb.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.projects-content-div.image.rbstartus {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/Stratos.jpg');
  background-position: 0 0, 70%;
  background-size: auto, cover;
}

.projects-content-div.image.madonna {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/Madonna-Timberlake.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.amex {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/AMEX-Img_1.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.video {
  background-image: none;
}

.projects-content-div.image.rihanna {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/Rihanna-backstage.jpg');
  background-position: 0 0, 70%;
  background-size: auto, cover;
}

.projects-content-div.image.obama {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/ObamaVSMcCain.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.worldrally {
  background-image: none;
}

.projects-content-div.image.hotelcloud {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/Hotelcloud-Meeting.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.phillipplein {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/PhillipPlain.jpg');
  background-position: 0 0, 70%;
  background-size: auto, cover;
}

.projects-content-div.image.vonfalmedia, .projects-content-div.image.xcorevendor {
  background-image: linear-gradient(to top, #141418, #fff0 26%);
}

.projects-content-div.image.supermodel {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/FordSupermodel2000.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.beat {
  background-image: linear-gradient(to top, #141418, #fff0 26%), url('../images/Beat-Ginther.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.green {
  background-image: linear-gradient(to top, #92998c, #fff0 26%);
}

.projects-content-div.image.green.supermodel {
  background-image: linear-gradient(to top, #7c8f70, #fff0 26%), url('../images/FordSupermodel2000.jpeg'), linear-gradient(#0000, #0000);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
}

.projects-content-div.image.green.fordsupermodels {
  background-image: linear-gradient(to top, #daf6c7 3%, #fff0 26%), url('../images/FordSupermodel2000.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.green.beatginther {
  background-image: linear-gradient(to top, #daf6c6 2%, #fff0 26%), url('../images/Beat-Ginther.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.green.elio {
  background-image: linear-gradient(to top, #daf6c6 1%, #fff0 26%), url('../images/Elio.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.green.orionhotel {
  background-image: linear-gradient(to top, #daf6c6 1%, #fff0 26%), url('../images/Model-Hotel.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.green.reiner {
  background-image: linear-gradient(to top, #daf6c7 4%, #fff0 32%), url('../images/ReinerJohn.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.green.calvarychappel {
  background-image: linear-gradient(0deg, #daf6c7 3%, #fff0 26%), url('../images/Chappel_1.jpg');
  background-position: 0 0, 30%;
  background-size: auto, cover;
}

.projects-content-div.image.green.irenemarie {
  background-image: linear-gradient(0deg, #daf6c7, #fff0 10%), url('../images/IreneMarie.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.projects-content-div.image.green.isseymiyake {
  background-image: linear-gradient(to top, #daf6c7, #fff0 26%), url('../images/grid_0-1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.green.modelwerk {
  background-image: linear-gradient(0deg, #daf6c7, #fff0 15%), url('../images/Claudia_Midolo-1.jpg');
  background-position: 0 0, 10%;
  background-size: auto, cover;
}

.projects-content-div.image.green.sabriane {
  background-image: linear-gradient(to top, #daf6c7, #fff0 26%), url('../images/IMG_3279.JPG');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.green.sam {
  background-image: linear-gradient(to top, #daf6c7, #fff0 26%), url('../images/sss_0989BIOF6-copy-site-1024x1012.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.green.polaroids {
  background-image: linear-gradient(to top, #daf6c7, #fff0 26%), url('../images/PS2.jpg');
  background-position: 0 0, 0 100%;
  background-size: auto, cover;
}

.projects-content-div.image.blue {
  background-image: linear-gradient(to top, #c9d4e4, #fff0 26%);
}

.projects-content-div.image.blue.uni {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/SvF-School.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.projects-content-div.image.blue.christianlamb {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/Chris-4.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.blue.andreas {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/Andreas.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.blue.xara {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/Xara.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.blue.project35 {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/Thumbnails-Highlights-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.blue.obama {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/ObamaVSMcCain.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.blue.iphonegameplay {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/Jailbreak.jpg');
  background-position: 0 0, 70%;
  background-size: auto, cover;
}

.projects-content-div.image.blue.onbk {
  background-image: linear-gradient(0deg, #bdd9ff, #fff0 26%), url('../images/ONBK-Launch.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.purple {
  background-image: linear-gradient(to top, #dbbbce, #fff0 26%);
}

.projects-content-div.image.purple._20th {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/20thstreet-Adam-Me.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.purple.twitkick {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/TwitKick2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.purple.hotelcloud {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/Hotelcloud-Meeting.jpg'), linear-gradient(#0000, #0000);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
}

.projects-content-div.image.purple.gdn3 {
  background-image: linear-gradient(0deg, #f1dbe8, #fff0 26%), url('../images/IMG-20240624-WA0001.jpg');
  background-position: 0 0, 15%;
  background-size: auto, cover;
  height: 40vh;
}

.projects-content-div.image.purple.riedel {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/Riedel-Wine-Thumb.jpg'), linear-gradient(#0000, #0000);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
}

.projects-content-div.image.purple.spotify {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 34%), url('../images/ipad_spotify_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.purple.heike {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/Heike-2012.jpg');
  background-position: 0 0, 60%;
  background-size: auto, cover;
}

.projects-content-div.image.purple._28black {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/28BlackBillboard.jpg'), linear-gradient(#0000, #0000);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
}

.projects-content-div.image.purple.amex {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/AMEX-Img_1.png'), linear-gradient(#0000, #0000);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
}

.projects-content-div.image.purple.tigerspike {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/Tigerspike-Img.jpg'), linear-gradient(#0000, #0000);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
}

.projects-content-div.image.purple.redbull {
  background-image: linear-gradient(to top, #f1dbe8, #fff0 26%), url('../images/NYC2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.purple.candy {
  background-image: linear-gradient(to top, #f1dbe8 2%, #fff0 31%), url('../images/Candy.jpg');
  background-position: 0 0, 20%;
  background-size: auto, cover;
}

.projects-content-div.image.purple.enterprenoun {
  background-image: linear-gradient(0deg, #f1dbe8, #fff0 27%), url('../images/EnterPrenoun.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.purple.brothers {
  background-image: linear-gradient(0deg, #f1dbe8, #fff0 26%), url('../images/Screenshot_20240708-234751_Instagram.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vh;
}

.projects-content-div.image.yellow {
  background-image: linear-gradient(0deg, #ffe5ab, #fff0 23%);
}

.projects-content-div.image.yellow.safehouse {
  filter: contrast(110%);
  background-image: linear-gradient(0deg, #f8dfa7, #fff0 23%), url('../images/CD.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.yellow.vonfalllc {
  background-image: linear-gradient(0deg, #ffe5ab, #fff0 23%), url('../images/Avatar-Green-Bg.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.yellow.ascania {
  background-color: #273d17;
  background-image: url('../images/Arms_of_the_house_of_Anhalt_15th_century.svg-1.png'), linear-gradient(0deg, #ffe5ab, #fff0 33%), linear-gradient(#132e03ba, #132e03ba), url('../images/schloss-ballenstedt-gespiegelt-e1d3bac5-9e66-42c9-bf31-d71d8246a91a.jpg');
  background-position: 50%, 0 0, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat, repeat;
  background-size: 10vw, auto, auto, cover;
  display: flex;
}

.projects-content-div.image.yellow.safehouseteam {
  background-image: linear-gradient(0deg, #ffe5ab, #fff0 23%), url('../images/Eric-Mod.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  height: 50vh;
}

.projects-content-div.image.yellow.canary {
  background-image: linear-gradient(0deg, #ffe5ab, #fff0 23%), url('../images/20240607_205351.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.yellow.stream {
  background-image: linear-gradient(0deg, #ffe5ab, #fff0 23%), url('../images/Stephan-SafehouseLab.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.projects-content-div.image.yellow.horizon {
  background-image: linear-gradient(0deg, #ffe5ab, #fff0 23%), url('../images/65d5db7ac24a8ab01571c8bf_UX.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.projects-content-div.image.yellow.pixel {
  background-image: linear-gradient(0deg, #ffe5ab, #fff0 12%), url('../images/IMG_20240825_160149_530.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  height: 50vh;
}

.projects-content-div.image.a {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/Adam-Avatar.jpeg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.projects-content-div.image.victoria {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/621e009ebd36720ee0bb700b_1516563279327.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.image.alexander {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/1517586474526.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.projects-content-div.image.andreas {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/621dff96dbd631c4ba2d04d6_1610986946683.jpg');
  background-position: 0 0, 50%;
}

.projects-content-div.image.dom {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/621e018f8410e6c96172cfe2_1604084237918.jpg');
  background-position: 0 0, 50%;
}

.projects-content-div.image.rally {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/S-Ogier-Spain17-Red-BullJaanus-Ree-pic.jpg');
  background-position: 0 0, 70%;
  background-size: auto, cover;
}

.projects-content-div.image.ihs {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/Jet2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.ascania {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/Project0Img-HoA.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.safehouse {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/SafehouseLab-Profile-V3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.projects-content-div.image.aaron {
  background-image: linear-gradient(0deg, #141418, #fff0 26%), url('../images/1558501838703.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projects-content-div.content {
  flex-direction: column;
  align-items: flex-start;
  height: 50vh;
  padding: 2vh 2vw;
  display: flex;
}

.projects-content-div.content.auto {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: linear-gradient(0deg, #0000, #151515);
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 0;
  padding-bottom: 3vh;
}

.projects-content-div.content.auto.bio {
  color: #f0fee6;
  text-align: center;
  background-image: none;
  align-items: center;
  padding-top: 2vh;
  padding-bottom: 5vh;
}

.thumb-h1 {
  color: #fffcfc;
  text-align: center;
  margin-top: 0;
  margin-bottom: 3vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 1.6vw;
  line-height: 2vw;
}

.thumb-h1.black {
  color: #080808;
  text-align: center;
  letter-spacing: 0;
  font-family: Roboto Serif, sans-serif;
  font-weight: 700;
}

.thumb-h1.black.green {
  color: #000;
  text-shadow: 0 1px 1px #fff;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 1.8vw;
  line-height: 2vw;
}

.thumb-h1.black.blue {
  color: #ddebfe;
}

.thumb-h1.black.smaller {
  font-size: 1.9vw;
}

.thumb-h1.black.featured {
  font-size: 1.8vw;
  line-height: 2.2vw;
}

.thumb-h1.black.left {
  text-align: left;
}

.thumb-h1.center {
  text-align: center;
}

.thumb-h1.center.smaller {
  font-size: 1.5vw;
}

.thumb-h2 {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 1px #000000a3;
  margin-top: 0;
  margin-bottom: 5vh;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.5vw;
}

.thumb-h2.bio {
  margin-bottom: 2vh;
}

.thumb-h2.project {
  text-align: center;
  font-weight: 100;
}

.thumb-text {
  color: #fff;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.7vw;
}

.thumb-text.black {
  color: #000;
  text-shadow: none;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
}

.thumb-text.black.hotelcloud {
  text-shadow: none;
}

.thumb-text.black.green {
  color: #616161;
  -webkit-text-stroke-color: #a7c593;
  text-shadow: none;
  font-family: Shentoxtrial Rg, sans-serif;
}

.thumb-text.black.blue {
  color: #ddebfe;
}

.thumb-text.featured {
  font-size: 1.1vw;
  line-height: 2vw;
}

.thumb-text.featured.white {
  font-weight: 100;
}

.thumb-text.reviews {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: .9vw;
  font-weight: 300;
  line-height: 1.7vw;
}

.thumb-text.justify {
  text-align: justify;
}

.thumb-text.white {
  font-size: 1.1vw;
  font-weight: 100;
  line-height: 1.8vw;
}

.thumb-text.white.stretched {
  text-align: justify;
}

.thumb-text.centered {
  text-align: center;
}

.thumb-button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: none;
  background-color: #0000000f;
  border-radius: 10vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4vh;
  margin-top: 0;
  padding-left: 0;
  font-family: Roboto, sans-serif;
  font-size: .9vw;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
}

.thumb-button.black {
  color: #000;
  background-color: #2e2d351a;
  justify-content: center;
  align-items: center;
  margin-top: 3vh;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
}

.thumb-button.black.green {
  color: #000;
  text-shadow: 0 1px 1px #fff3;
}

.thumb-button.featured {
  width: 60%;
}

.thumb-button.white {
  color: #8e8e8e;
  background-color: #9d9d9d24;
  font-weight: 300;
}

.project-content-top {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 90%;
  display: flex;
}

.project-content-bottom {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 5vh;
  display: flex;
}

.div-block-3349458 {
  background-color: #4e4e5c;
  background-image: none;
  border-radius: .4vw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 70%;
  height: 80vh;
  padding-bottom: 2vh;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.project-video {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.div-block-3349459 {
  background-image: linear-gradient(to top, #141418 1%, #fff0);
  width: 100%;
  height: 100%;
}

.background-video-45 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.div-block-3349460 {
  background-image: linear-gradient(to top, #141418, #fff0 65%);
  width: 100%;
  height: 100%;
}

.div-block-3349461 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3349462 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 80vh;
  display: flex;
}

.div-block-3349463 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 3vw;
  height: 3vw;
  display: grid;
}

.div-block-3349464 {
  width: 1.5vw;
}

.div-block-3349465 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-3349466 {
  background-image: linear-gradient(#0000 23%, #d9dbe2 95%), url('../images/Flower-Banner-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 40vh;
}

.div-block-3349467 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 10vh;
  margin-left: 3vw;
  margin-right: 3vw;
  display: grid;
}

.heading-57 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: .5vw;
  margin-bottom: 0;
  font-family: Roboto Serif, sans-serif;
  font-size: .9vw;
  line-height: .8vw;
}

.heading-57:hover {
  color: #ffd464;
}

.heading-57.subliner {
  margin-top: .5vh;
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: .7vw;
}

.text-span-14, .text-span-15 {
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 2vw;
}

.bold-text-4, .bold-text-5 {
  font-family: Shentoxtrial Rg, sans-serif;
}

.navigation-div {
  opacity: 1;
  color: #fff;
  text-shadow: 0 1px 5px #0000008a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.navigation-div:hover {
  opacity: 1;
  color: #ffe7a8;
  -webkit-text-stroke-color: #ffac22;
}

.navigation-div.w--current {
  opacity: 1;
  color: #ffd464;
}

.div-block-3349468 {
  background-image: url('../images/SVF-Eng.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bold-text-6 {
  letter-spacing: 1px;
  font-size: 1.4vw;
  font-weight: 100;
}

.bold-text-6.fullwidth {
  font-size: 1.2vw;
  font-weight: 300;
}

.heading-58 {
  color: #565656;
  text-align: center;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #3347253b;
  overflow-wrap: normal;
  width: 50vw;
  font-family: Roboto, sans-serif;
  font-size: 7vw;
  font-weight: 100;
  line-height: 8vw;
  position: absolute;
  transform: rotate(90deg);
}

.heading-58.blue {
  color: #d4e6ff;
  -webkit-text-stroke-color: #8e95a0;
  text-shadow: none;
}

.heading-58.yellow {
  color: #ffebbe;
  letter-spacing: 0;
  -webkit-text-stroke-color: #fce2a975;
  text-transform: none;
  text-shadow: none;
  font-size: 6.5vw;
}

.heading-58.purple {
  color: #f3d8e8;
  -webkit-text-stroke-color: #c990ab;
  text-shadow: 0 3px 6px #0000001c;
}

.heading-58.black {
  opacity: .9;
  color: #262626;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fdfdfdb3;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #0003;
  font-family: Roboto Serif, sans-serif;
  font-size: 6vw;
  font-weight: 700;
}

.image-27 {
  width: 36vw;
}

.div-block-3349469 {
  border-radius: 1vw;
  margin-left: 5vw;
  margin-right: 5vw;
  overflow: hidden;
}

.heading-59 {
  color: #dae9ff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #b7d2f7;
  text-transform: uppercase;
  text-shadow: 0 5px 16px #00000036;
  font-family: Shentoxtrial Smbd, sans-serif;
  font-size: 12vw;
  line-height: 12vw;
}

.bold-text-7 {
  color: #000;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #c09ab0;
}

.image-28, .image-29 {
  width: 30vw;
}

.image-30 {
  width: 70vw;
}

.bold-text-8 {
  text-shadow: 0 1px 1px #fff3;
}

.image-31 {
  width: 70vw;
}

.bold-text-9 {
  text-shadow: 0 1px 1px #ffffffa3;
}

.div-block-3349470 {
  border: 1px solid #caa961c7;
  border-radius: .4vw;
  overflow: hidden;
  box-shadow: 0 2px 8px #0000000a;
}

.video-18 {
  border: 1px solid #00000045;
  border-radius: .4vw;
  width: 90vw;
  height: auto;
  overflow: hidden;
  box-shadow: 0 2px 7px #00000061;
}

.video-19 {
  justify-content: space-around;
  align-items: stretch;
  width: 80vw;
  height: auto;
  display: flex;
}

.image-32 {
  width: 35vw;
}

.image-33 {
  margin-bottom: 5vh;
}

.div-block-3349471 {
  filter: contrast(200%);
  background-image: linear-gradient(#0003, #0003);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.background-video-46 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.image-34 {
  width: 70vw;
}

.div-block-3349473 {
  margin-bottom: 2vh;
}

.div-block-3349474 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.heading-60 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Shentoxtrial Th, sans-serif;
  font-size: 1.5vw;
  line-height: 2.5vw;
}

.heading-60.nav {
  font-size: 1vw;
  line-height: 4vw;
}

.heading-60.bottom {
  text-align: justify;
  letter-spacing: 2px;
  text-transform: none;
  font-family: Roboto, sans-serif;
  font-size: 1.1vw;
  font-weight: 100;
  line-height: 2.3vw;
}

.heading-60.bottom.home {
  font-weight: 300;
  line-height: 2vw;
}

.image-35 {
  margin-bottom: 3vh;
}

.div-block-3349475 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 5vh;
  padding-left: 5vw;
  display: flex;
}

.image-36 {
  width: 15vw;
}

.div-block-3349476 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5vh;
  padding-left: 5vw;
  display: flex;
}

.div-block-3349477 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 5vh;
  padding-right: 0;
  display: flex;
}

.button-20 {
  background-color: #3898ec00;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.homenavbtn {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 20vw;
  height: 5vh;
  margin-bottom: 4vh;
  display: flex;
}

.homenavbtn.last {
  margin-bottom: 0;
}

.text-block-71 {
  width: 1vw;
}

.div-block-3349479 {
  background-image: url('../images/Line.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 100%;
  display: flex;
}

.div-block-3349480 {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 18vw;
  height: 100%;
  padding-left: 1vw;
  text-decoration: none;
  display: flex;
}

.text-block-72 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Roboto Serif, sans-serif;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.div-block-3349481 {
  background-color: #252525;
  border-radius: .4vw;
  width: 20vw;
  height: 20vh;
}

.div-block-3349482 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 5vh;
  padding-right: 4vw;
  display: flex;
}

.background-video-47 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-37 {
  width: 70vw;
}

.image-38 {
  width: 80vw;
}

.image-39 {
  width: 70vw;
}

.ipadhtml5 {
  border-radius: 2vw;
  box-shadow: 0 4px 20px 17px #00000080;
}

.image-40 {
  width: 80vw;
}

.background-video-48 {
  filter: brightness(65%) contrast(141%);
  border-radius: .4vw;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
  box-shadow: 0 5px 8px -1px #000000ab;
}

.image-41 {
  width: 80vw;
}

.div-block-3349483 {
  height: 100vh;
}

.button-21 {
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ffffff78;
  border: 1px solid #ffffffb0;
  border-radius: 100vw;
  font-family: Roboto, sans-serif;
}

.text-span-16 {
  font-family: Shentoxtrial Md, sans-serif;
  font-weight: 400;
}

.hero-bottom-div.contact {
  flex-flow: row;
  margin-right: 3vw;
  padding-right: 0%;
  display: flex;
}

.image-42 {
  margin-bottom: 5vh;
}

.div-block-3349484 {
  height: 80vh;
}

.div-block-3349485 {
  background-color: #e2c484ed;
  background-image: url('../images/Noisex10.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.div-block-3349486 {
  background-color: #252525;
  background-image: url('../images/Noisex10.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 1vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 60vh;
  display: flex;
}

.background-video-49 {
  background-image: url('../images/Contct-Avataar.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 100%;
}

.bio-chapter-h1 {
  color: #000;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #769e5a;
  font-family: Roboto Serif, sans-serif;
  font-size: 10vw;
  line-height: 10vw;
}

.bio-chapter-h1.web2 {
  color: #ffbbfd;
  font-family: Shentoxtrial Bd, sans-serif;
}

.bio-chapter-h1.blue {
  color: #000;
}

.bio-chapter-h1.purple {
  color: #000;
  -webkit-text-stroke-width: 0px;
}

.bio-chapter-h1.yellow {
  color: #000;
}

.bio-chapter-h1.white {
  color: #fff;
}

.heading-62 {
  color: #ade8ff;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #69cdf4;
  text-shadow: 0 1px 4px #00000091;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 10vw;
  line-height: 10vw;
}

.heading-63 {
  color: #ffebbe;
  text-shadow: 0 1px 7px #00000045;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 10vw;
  line-height: 10vw;
}

.div-block-3349487 {
  background-image: url('../images/Spotify.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 40vh;
  margin-top: 2vh;
  margin-bottom: 2vh;
  display: flex;
}

.div-block-3349488 {
  background-image: url('../images/62d5e4e61d98f6680f0fcd6c_ThemeCloud_Cover.jpeg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 45vh;
  margin-top: 2vh;
  margin-bottom: 2vh;
  display: flex;
}

.div-block-3349489 {
  background-image: linear-gradient(0deg, #f1dbe8, #fff0 18%), url('../images/9E3A7457_1.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  border-top-left-radius: .3vw;
  border-top-right-radius: .3vw;
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
}

.background-video-50 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.div-block-3349490 {
  background-image: linear-gradient(#0000002b, #0000002b), url('../images/Safehouse-Logo-White-Worenout.png'), linear-gradient(#0000, #0000009c);
  background-position: 0 0, 50%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, 10vw, auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3349491 {
  background-image: url('../images/Twitch-Video-Cover-V2.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  margin-top: 3vh;
  margin-bottom: 5vh;
  display: flex;
}

.div-block-3349491._2 {
  background-image: url('../images/20240811_121410-12.jpg');
  height: 50vh;
}

.div-block-3349492 {
  background-color: #000;
  border-radius: 1vw;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 5vh;
  display: flex;
}

.div-block-3349493, .div-block-3349494 {
  background-color: #000;
}

.heading-64 {
  color: #2a83ff;
  text-align: center;
  text-transform: uppercase;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 10vh;
  line-height: 10vh;
}

.chapterh1 {
  color: #000;
  text-transform: none;
  font-family: Roboto Serif, sans-serif;
  font-size: 10vw;
  line-height: 10vw;
}

.chapterh1.white {
  color: #fff;
  -webkit-text-stroke-width: 1px;
}

.heading-66 {
  text-transform: none;
  font-family: Shentoxtrial Bd, sans-serif;
  font-size: 10vw;
  line-height: 10vw;
}

.chapter-image {
  background-image: url('../images/SvF-VR-Profile.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 100%;
}

.chapter-image.expertise {
  background-color: #000;
  background-image: url('../images/Stephan-Cover-Img.jpg'), url('../images/Brickwall-Tablet-Stream.jpg');
  background-position: 50% 0, 50%;
  background-size: cover, cover;
  background-attachment: scroll, fixed;
}

.subh1 {
  text-align: left;
  font-family: Roboto Serif, sans-serif;
  font-size: 3.8vw;
  font-weight: 800;
  line-height: 4.5vw;
}

.subh1.center {
  text-align: center;
  text-transform: none;
  text-shadow: none;
}

.subh1.center.featured {
  font-family: Roboto Mono, sans-serif;
  font-size: 3vw;
  font-weight: 700;
  line-height: 3.5vw;
}

.subh1.white {
  color: #fff;
  font-weight: 700;
}

.subh1._2vw {
  font-size: 2.3vw;
  line-height: 2.8vw;
}

.mainh2 {
  color: #000;
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2.6vw;
}

.mainh2.white {
  color: #000;
  font-family: Roboto Serif, sans-serif;
  font-weight: 700;
}

.mainh2.white.singleline {
  color: #000;
}

.globaltext {
  font-family: Roboto, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 2vw;
}

.globaltext.white {
  color: #fff;
  text-transform: none;
  font-size: 1.3vw;
  font-weight: 100;
  line-height: 2.5vw;
}

.globaltext.white.center {
  text-align: center;
}

.subtext {
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.subtext.white {
  color: #000;
  font-family: Roboto, sans-serif;
}

.subtext.white.reviews {
  font-size: 1.2vw;
}

.subtext.white.centered {
  color: #000;
}

.div-block-3349496 {
  margin-bottom: 3vh;
}

.heroh1 {
  margin-bottom: 4vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 4vw;
  font-weight: 800;
  line-height: 6vw;
}

.chapter-h3 {
  color: #737373;
  text-transform: uppercase;
  text-shadow: none;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  display: none;
}

.chapter-h3.white {
  color: #fff;
  font-weight: 400;
  display: flex;
}

.chapter-h3.black {
  color: #000;
}

.div-block-3349497 {
  margin-bottom: 5vh;
}

.div-block-3349498, .div-block-3349499 {
  text-align: justify;
}

.button-22 {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ffffff85;
  border-radius: 20vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
}

.div-block-3349500 {
  margin-bottom: 2vh;
}

.div-block-3349501 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.casestudy-chapter-h1 {
  text-align: center;
  font-family: Roboto Serif, sans-serif;
  font-size: 8vw;
  line-height: 8vw;
}

.casestudy-chapter-h1.white {
  color: #fff;
}

.div-block-3349502 {
  margin-bottom: 5vh;
}

.casestudy-headline {
  font-family: Roboto Serif, sans-serif;
  font-size: 8vw;
  line-height: 10vw;
}

.nowthis-thumbnail-div {
  margin-bottom: 3vh;
}

.div-block-3349503 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.div-block-3349504, .div-block-3349505 {
  margin-bottom: 5vh;
}

.heading-67 {
  margin-top: 5vh;
  margin-bottom: 5vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 4vw;
  line-height: 5vw;
}

.div-block-3349506, .div-block-3349507 {
  margin-bottom: 5vh;
}

.div-block-3349508 {
  filter: brightness(95%);
  background-color: #000;
  background-image: url('../images/Spotify.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80%;
  display: flex;
}

.div-block-3349509, .div-block-3349510 {
  margin-bottom: 5vh;
}

.navigation-text {
  color: #fff;
  text-shadow: 0 1px 1px #00000073;
  font-family: Roboto Serif, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  text-decoration: none;
}

.navigation-text.logo {
  font-family: Roboto Serif, sans-serif;
  font-size: 3vw;
  font-weight: 800;
}

.navigation-thumb-div {
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-3349511 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3349512 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-3349513 {
  background-color: #00000a;
  background-image: linear-gradient(#00000045, #00000045), url('../images/Wallpaper-SvF.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.heading-68 {
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2vw;
}

.text-block-73 {
  color: #fff;
  font-family: Roboto Serif, sans-serif;
  font-size: 1.1vw;
  line-height: 1.1vw;
}

.div-block-3349514 {
  z-index: 1;
  background-image: url('../images/V-Bot-Front-Ghostonly.png');
  background-position: 50% 100%;
  background-size: contain;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.mobile-chapter-image, .mobile-navigation {
  display: none;
}

.button-div {
  width: 100%;
  margin-top: 3vh;
}

.top-navigation {
  display: none;
}

.chapters-nav {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #000101;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4vh;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.chapters-nav.mobile {
  z-index: 3;
  background-color: #00010100;
  background-image: linear-gradient(0deg, #000000b0, #0000009e);
}

.div-block-3349517 {
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4vh;
  display: flex;
}

.div-block-3349518 {
  color: #b7b7b7;
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 100%;
  padding-top: 0;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 100;
  line-height: 1vw;
  text-decoration: none;
  display: flex;
}

.div-block-3349518:hover {
  color: #fff;
  background-image: radial-gradient(circle, #fff8db4a, #fff0 46%);
}

.div-block-3349518.w--current {
  color: #fff;
  background-image: radial-gradient(circle, #ffffff5e, #fff0);
}

.div-block-3349518.top {
  width: 10%;
}

.div-block-3349518.mobile.top.contacts {
  width: 25%;
}

.div-block-3349518.mobile.small {
  font-weight: 300;
}

.div-block-3349518.mobile.small.contacts {
  width: 25%;
}

.div-block-3349518.mobile.small.contacts:hover {
  color: #fff;
}

.div-block-3349518.mobile.small.top {
  color: #5c5c5c;
  font-size: 1vw;
}

.div-block-3349518.mobile.small.top:hover {
  color: #fff;
}

.div-block-3349518.mobile.small.top.w--current {
  background-image: none;
}

.div-block-3349519, .div-block-3349520 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-44 {
  width: 15vw;
}

.div-block-3349522 {
  background-color: #ffffff69;
  width: 100%;
  height: .1vw;
  margin-top: 4vh;
}

.div-block-3349523 {
  background-color: #ffffff1c;
  width: 100%;
  height: .1vw;
  margin-bottom: 4vh;
}

.project-details-div {
  text-align: center;
  margin-top: 0;
  margin-bottom: 4vh;
}

.mobile-video-hero-div, .div-block-3349525 {
  display: none;
}

.div-block-3349526 {
  filter: brightness(90%);
  background-image: url('../images/House3.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 3vw;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.heading-69 {
  margin-bottom: 5vh;
  font-family: Roboto Serif, sans-serif;
}

.jshsjs {
  background-color: #1c1c1c;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-17 {
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
}

.div-block-3349527 {
  height: 100vh;
  padding-top: 5vh;
  position: sticky;
  top: 0;
}

.heading-70 {
  color: #fff;
  text-align: center;
  font-family: Roboto Serif, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 4vw;
}

.div-block-3349528 {
  margin-bottom: 5vh;
}

.text-block-75 {
  font-family: Roboto, sans-serif;
  font-size: 1.7vw;
  font-weight: 100;
  line-height: 3vw;
}

.text-block-75.stretch {
  text-align: justify;
  font-weight: 100;
}

.text-block-75.stretch._2 {
  margin-top: 5vh;
}

.text-block-75.stretch._2.links {
  font-weight: 100;
}

.div-block-3349529 {
  filter: contrast(110%) brightness(101%);
  background-color: #070707;
  background-image: url('../images/SafehouseLab-Profile.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 90vh;
}

.heading-71 {
  font-family: Roboto Serif, sans-serif;
  font-weight: 300;
}

.contact-detail-div {
  background-image: linear-gradient(0deg, #0000, #080808);
  margin-bottom: 0;
  padding-bottom: 5vh;
}

.contact-detail-div._2 {
  background-image: none;
  margin-bottom: 15vh;
}

.div-block-3349531 {
  margin-bottom: 2vh;
}

.div-block-3349532 {
  padding-top: 0;
}

.contact-link {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.footer-dark {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 5vw 15px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.global-footer {
  background-color: #000;
  border-top: 1px #444;
  width: 100%;
  height: 90vh;
}

.div-block-3349534 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#000, #fff0 22%), url('../images/Hero-Welcome-upsidedown.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-3349535 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10vh;
  display: flex;
}

.div-block-3349536 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 0;
  display: flex;
}

.heading-72 {
  color: #fff;
  font-family: Roboto Serif, sans-serif;
}

.text-block-76 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.section-2 {
  margin-bottom: 3vh;
}

.div-block-3349537, .div-block-3349538 {
  margin-bottom: 2vh;
}

.div-block-3349539 {
  background-image: url('../images/AI-Hand-Right.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-footer-link {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.background-video-52 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.div-block-3349540 {
  background-image: linear-gradient(0deg, #151515, #fff0 30%);
  width: 100%;
  height: 100%;
}

.div-block-3349541 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 5vh;
  display: flex;
}

.div-block-3349542 {
  display: none;
}

.background-video-53 {
  width: 100%;
}

.background-video-54 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.heading-73 {
  color: #dedddd;
  text-align: center;
  text-shadow: 0 1px 1px #000000bf;
  font-family: Roboto Serif, sans-serif;
  font-size: 2.5vw;
  line-height: 3vw;
}

.link {
  color: #fff;
  text-decoration: underline;
}

.image-48 {
  width: 30vw;
}

.heading-74 {
  display: none;
}

.linkconnectpage {
  color: #e9e9e9;
  font-weight: 300;
  text-decoration: none;
}

.preloader {
  z-index: 100;
  background-color: #000;
  background-image: radial-gradient(circle, #201f1e, #000 44%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-3349545 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-49 {
  opacity: .72;
  width: 5vw;
  margin-bottom: -14vh;
  position: relative;
}

.image-51 {
  width: 10vw;
  margin-bottom: 2vh;
}

.text-block-102 {
  color: #1d8148;
  text-align: center;
}

.bold-text-13 {
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 1px 1px 15px #fff3;
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: 1.1vw;
  line-height: 1.1vw;
}

.div-block-3349546 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-52 {
  opacity: .72;
  width: 5vw;
  margin-bottom: -14vh;
  position: relative;
}

.image-54 {
  width: 10vw;
  margin-bottom: 2vh;
}

.text-block-103 {
  color: #1d8148;
  text-align: center;
}

.bold-text-14 {
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 1px 1px 15px #fff3;
  font-family: Shentoxtrial Lt, sans-serif;
  font-size: 1.1vw;
  line-height: 1.1vw;
}

.preloader-biography {
  z-index: 777;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

._1 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 100;
  position: fixed;
}

._1.h1 {
  font-weight: 700;
}

.image-55 {
  width: 11vw;
}

.fadein {
  z-index: 77;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-56 {
  width: 13vw;
}

.counter {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3vh;
  display: flex;
}

.div-block-3349548 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-57 {
  width: 18vw;
}

.text-block-104 {
  color: #b29e3e;
  margin-top: 2vh;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.image-58 {
  filter: grayscale();
  width: 13vw;
  margin-top: -36vh;
}

.image-59 {
  width: 13vw;
  margin-top: -50vh;
}

.preloader-elements {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.preloader-nowthis {
  z-index: 777;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.preloader-spotify, .preloader-themecloud, .preloader-experience, .preloader-casestudies, .preloader-contact {
  z-index: 777;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-3349549 {
  background-color: #0000006b;
  border-radius: 20vw;
  justify-content: flex-start;
  align-items: center;
  width: 11vw;
  height: 5vh;
  font-family: Ubuntu, Helvetica, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 9px #0003;
}

.div-block-3349550 {
  background-color: #ffb700;
  border: 1px #ff31dd;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  margin-left: 0;
  display: flex;
  position: fixed;
}

.div-block-3349550._2 {
  width: 1vw;
  height: 1vw;
  margin-left: 0;
}

.div-block-3349551 {
  justify-content: center;
  align-items: center;
  margin-left: 2vw;
  display: flex;
}

.text-block-105 {
  color: #fff;
  margin-top: .2vh;
  margin-left: 1.5vw;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 700;
  line-height: .8vw;
}

.div-block-3349552 {
  background-image: linear-gradient(0deg, #0000005e, #fff0 42%);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-3349553 {
  background-image: linear-gradient(#0000, #000);
  background-position: 0 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.background-video-55 {
  z-index: 2;
  border-radius: 0;
  width: 90vw;
  height: 45vw;
  margin-top: 10vh;
  margin-bottom: 5vh;
}

.div-block-3349554 {
  background-image: linear-gradient(0deg, #0000005e, #fff0 42%);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.background-video-56 {
  z-index: 2;
  border-radius: 0;
  width: 80vw;
  height: 45vw;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-3349555 {
  background-image: linear-gradient(0deg, #0000005e, #fff0 42%);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.link-3 {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.heading-75 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Serif, sans-serif;
  font-size: 2.5vw;
}

.heading-75._2 {
  margin-top: 3vh;
  font-size: 2.3vw;
}

.link-4 {
  color: #fff;
}

.div-block-3349556 {
  background-image: url('../images/JoeBiden-INterview-App.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.5vw;
  width: 100%;
  height: 100%;
}

.div-block-3349557 {
  width: 100%;
  height: 80vh;
  margin-top: 0;
  display: flex;
}

.div-block-3349558 {
  width: 50%;
  height: 100%;
}

.div-block-3349558.l {
  background-image: url('../images/Streamer-2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-60 {
  width: 80vw;
}

.text-block-106 {
  color: #ae9600;
  text-align: center;
  margin-top: 1vh;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 400;
  line-height: 1.5vw;
}

.div-block-3349559 {
  background-image: url('../images/Hand-Human-Left.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.heading-76 {
  color: #a99100;
  font-family: Merriweather, serif;
  font-size: 1.8vw;
}

.image-61 {
  margin-bottom: 1vh;
}

.bold-text-15 {
  color: #ffc800;
  font-family: Roboto Serif, sans-serif;
}

.div-block-3349560 {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90vw;
  height: auto;
  display: grid;
}

.activity-div {
  background-color: #1a1919;
  background-image: linear-gradient(#0000 22%, #000 80%), url('../images/_e5f8660b-9b20-4b1d-8ad7-95cb3d9f48d9.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 1vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 60vh;
  padding-bottom: 3vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.activity-div.atlantisdivers {
  background-image: linear-gradient(#0000 22%, #000 80%), url('../images/_AMS9431.jpg');
}

.activity-div.bringthemlight {
  background-image: linear-gradient(#0000 22%, #000 80%), url('../images/BringThemLightCover.jpg');
}

.activity-div.safehouseshow {
  background-image: linear-gradient(#0000 49%, #000 80%), url('../images/eg.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.activity-div.houseofascania {
  background-image: linear-gradient(#0000 22%, #000 80%), url('../images/Project0Img-HoA.jpg');
  background-position: 0 0, 50% 0;
}

.activity-div.eliotzimet {
  background-image: linear-gradient(#0000 22%, #000 80%), url('../images/66ca056ea8e14500a8156079_nyc_skyline_02.jpg');
}

.heading-77 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1.5vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
}

.text-block-107 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 300;
  line-height: 1.5vw;
}

.heading-78 {
  color: #fff;
  margin-bottom: 0;
  font-family: Roboto Serif, sans-serif;
  font-size: 4vw;
  line-height: 6vw;
}

.button-23 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #e4e4e4;
  letter-spacing: 1px;
  background-color: #202020;
  border-radius: 20vw;
  margin-top: 2vh;
  font-family: Roboto, sans-serif;
  font-size: .7vw;
  font-weight: 300;
  line-height: 1.8vw;
}

.text-block-108 {
  margin-bottom: 1vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 1vw;
}

.div-block-3349561 {
  background-color: #1f1e1e00;
  justify-content: flex-end;
  align-items: center;
  width: 20vw;
  height: 4vh;
  display: flex;
}

.text-block-109 {
  font-size: .7vw;
}

.text-block-110 {
  color: #fff;
  margin-bottom: 3vh;
  font-family: Bad Script, sans-serif;
  font-size: 3vw;
  line-height: 3vw;
}

.div-block-3349562 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 90vw;
  margin-bottom: 5vh;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

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

.div-block-3349564 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button-24 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
  letter-spacing: 1px;
  background-color: #c7c7c7;
  border-radius: 20vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 2.5vw;
}

.text-block-111 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1vh;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 300;
}

.bold-text-16 {
  color: #e7c53e;
  text-shadow: 0 1px 3px #0000005e;
  font-size: 2vw;
  line-height: 4vw;
}

.div-block-3349566 {
  background-image: url('../images/Brickwall-Tablet-Stream.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.div-block-3349567 {
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  margin-top: 10vh;
  margin-bottom: 10vh;
  overflow: hidden;
}

.background-video-57 {
  z-index: 3;
  filter: contrast(105%);
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.button-25 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  letter-spacing: 1px;
  background-color: #0000007d;
  border-radius: .8vw;
  margin-bottom: 2vh;
  margin-right: 2vh;
  font-family: Roboto, sans-serif;
  font-size: .8vw;
  font-weight: 300;
  line-height: 2vw;
}

.heading-79 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 2vh;
  font-family: Roboto Serif, sans-serif;
  font-size: 2vw;
  line-height: 3vw;
}

.div-block-3349568 {
  background-image: url('../images/Avatar-Green-Bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100vw;
  width: 15vw;
  height: 15vw;
  margin-bottom: 3vh;
  box-shadow: 0 2px 17px 20px #000000ab;
}

.div-block-3349569 {
  background-image: url('../images/Avatar-Green-Bg.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 200vw;
  width: 20vw;
  height: 20vw;
}

.heading-80 {
  text-align: center;
  margin-right: 0;
  font-family: Droid Serif, serif;
}

.div-block-3349570 {
  filter: saturate(120%);
  background-image: linear-gradient(#0000 43%, #000 98%), url('../images/SvF-Contacts.png'), url('../images/Ghost-Flipside-Small.png');
  background-position: 0 0, 50% 40%, 20% 30%;
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, 50vw, 14vw;
  flex-flow: column;
  order: -1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 15vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-3349571 {
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
}

.div-block-3349573 {
  background-image: linear-gradient(#0000009e, #fff0);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 30%;
  display: flex;
}

.div-block-3349574 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 70%;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.text-block-112 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2vw;
}

.heading-81 {
  color: #fff;
  text-align: center;
  font-family: Roboto Serif, sans-serif;
  font-size: 3.5vw;
  line-height: 4.5vw;
}

.div-block-3349575 {
  color: #e7c53e;
  background-color: #fff;
  background-image: url('../images/Instagram.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  border-radius: 100vw;
  width: 3.5vw;
  height: 3.5vw;
  margin-right: 2vw;
}

.div-block-3349575._2 {
  background-image: url('../images/TikTok-Logo-Transparent-Images.png');
  background-position: 50%;
  background-size: 90%;
}

.div-block-3349575._3 {
  background-image: url('../images/Threads-Logo.png');
  background-size: 55%;
}

.div-block-3349575._4 {
  filter: contrast(200%) saturate(0%);
  background-image: url('../images/YouTube-Logo.png');
}

.profile-seperation-div {
  background-color: #3b3b3b;
  width: 100%;
  height: .1vw;
  margin-top: 15vh;
  margin-bottom: 15vh;
}

.background-video-58 {
  width: 100%;
  height: 100%;
}

.image-62 {
  width: 2vw;
  margin-right: .5vw;
}

.mobile-contact-vid {
  display: none;
}

.div-block-3349576 {
  background-color: #f80707;
  border-radius: 60vw;
  width: .5vw;
  height: .5vw;
  margin-bottom: 1vw;
}

.image-63 {
  display: none;
}

.contacts-wrapper {
  border-radius: 1vw 1vw 0 0;
  margin-bottom: 15vh;
  overflow: hidden;
}

.contact-details-image {
  background-image: url('../images/SHL-logo-Neon-On.png'), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Brickwall-Tablet-Stream.jpg');
  background-position: 50%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 28vw, auto, cover;
  height: 40vh;
}

.contact-details-image.ascania {
  background-image: url('../images/Arms_of_the_house_of_Anhalt_15th_century.svg-1.png'), linear-gradient(#0000001f, #0000001f), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Project0Img-HoA.jpg');
  background-position: 50%, 0 0, 0 0, 50% 0;
  background-repeat: no-repeat, repeat, repeat, repeat;
  background-size: 5vw, auto, auto, cover;
}

.contact-details-image.safehouse {
  background-image: url('../images/Safehouse-Logo-White-Worenout.png'), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Review-Thumb.jpg');
  background-position: 50%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 10vw, auto, cover;
  height: 80vh;
}

.contact-details-image.vonfal {
  background-image: url('../images/Vonfal-Logo_1.png'), linear-gradient(#00000080, #00000080), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Project-Img-Manhattan.jpg');
  background-position: 50%, 0 0, 0 0, 50% 0;
  background-repeat: no-repeat, repeat, repeat, repeat;
  background-size: 10vw, auto, auto, cover;
}

.contact-details-image.eve {
  background-image: url('../images/X-Logo.png'), linear-gradient(0deg, #080808, #fff0 12%), url('../images/Designer.jpeg');
  background-position: 50%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: 10vw, auto, cover;
}

.youtube-2 {
  border-radius: 2vw;
  display: flex;
  overflow: hidden;
}

.div-block-3349577 {
  background-color: #fff;
  background-image: url('../images/Instagram.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 4vw;
  height: 4vw;
  margin-right: 1vw;
  display: flex;
}

.div-block-3349577._2 {
  background-image: url('../images/Threads-Logo.png');
  background-size: 60%;
}

.div-block-3349577._3 {
  background-image: url('../images/YouTube-Logo-Black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
}

.link-5 {
  text-decoration: none;
}

@media screen and (min-width: 1920px) {
  .div-block-52 {
    padding-left: 5vw;
  }

  .div-block-163.xcorevendor {
    background-image: linear-gradient(#0000 69%, #000 85%), linear-gradient(#00000017, #00000017), url('../images/Touch2.jpg');
    background-position: 0 0, 0 0, 50% 100%;
    background-size: auto, auto, cover;
    padding-bottom: 3vh;
  }

  .div-block-185 {
    grid-column-gap: 11vw;
    margin-top: 20vh;
    margin-bottom: 15vh;
  }

  .background-video-8.casestudy {
    background-position: 50% 40%;
  }

  .biography-hero.home {
    background-image: linear-gradient(#0000, #0000), url('../images/Bot-Side-3.png');
    background-position: 0 0, 50% 40%;
    background-size: auto, 85vw;
  }

  .casestudy-details-text {
    font-weight: 400;
  }

  .text-block-49 {
    font-family: Roboto, sans-serif;
  }

  .div-block-3348990._1 {
    display: flex;
  }

  .div-block-3349219._2 {
    background-position: 100% 100%;
  }

  .div-block-3349467 {
    background-color: #0000;
    width: 100vw;
    height: 7vh;
    margin-left: 2vw;
    margin-right: 2vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .div-block-3349482 {
    padding-top: 6vh;
    padding-right: 6vw;
  }

  .div-block-3349491 {
    background-image: linear-gradient(0deg, #000000a8, #fff0 39%), url('../images/Twitch-Video-Cover-V2.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    height: 50vh;
    margin-top: 0;
    margin-bottom: 5vh;
  }

  .div-block-3349491._2 {
    background-image: url('../images/20240811_121410-12.jpg'), linear-gradient(to bottom, null, null);
    background-size: cover, auto;
  }

  .heroh1 {
    font-size: 4.5vw;
  }

  .div-block-3349518.mobile.small.top.w--current {
    background-image: none;
  }

  .heading-70 {
    color: #fff;
    font-size: 4vw;
    line-height: 5vw;
  }

  .text-block-75 {
    font-size: 1.5vw;
    font-weight: 100;
    line-height: 2.7vw;
  }

  .text-block-75.stretch {
    font-weight: 100;
  }

  .div-block-3349529 {
    background-image: url('../images/SafehouseLab-Profile-V3.jpg');
    background-position: 50%;
    background-size: cover;
    border-radius: 1vw;
  }

  .contact-detail-div {
    background-image: linear-gradient(0deg, #0000, #070707);
    padding: 0 2vw 5vh;
  }

  .contact-detail-div._2 {
    background-image: none;
    margin-bottom: 25vh;
  }

  .global-footer {
    border-top-style: none;
    height: 90vh;
  }

  .div-block-3349534 {
    background-image: linear-gradient(#000, #fff0 28%), url('../images/Hero-Welcome-upsidedown.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .heading-73 {
    font-size: 2.3vw;
    line-height: 3.2vw;
  }

  .linkconnectpage {
    font-weight: 300;
    text-decoration: none;
  }

  .preloader {
    z-index: 100;
    background-color: #000;
    background-image: radial-gradient(circle, #0a0a0a, #000 36%);
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .image-49 {
    width: 4vw;
  }

  .image-51 {
    width: 8vw;
    margin-bottom: 2vh;
  }

  .image-52 {
    width: 4vw;
  }

  .image-54 {
    width: 8vw;
    margin-bottom: 2vh;
  }

  .preloader-animation {
    z-index: 990;
    background-color: #000;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .preloader-biography {
    z-index: 789;
    background-color: #000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0%;
  }

  ._1 {
    color: #dbdbdb;
    letter-spacing: 1px;
    font-family: Roboto, sans-serif;
    font-weight: 100;
  }

  .image-55 {
    width: 10vw;
  }

  .div-block-3349547 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .fadein {
    display: flex;
  }

  .preloader-spotify {
    display: none;
  }

  .preloader-contact {
    z-index: 777;
    display: none;
  }

  .div-block-3349553 {
    padding-top: 15vh;
  }

  .link-3 {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
  }

  .text-block-106 {
    margin-top: 1vh;
    font-weight: 300;
  }

  .div-block-3349559 {
    background-image: url('../images/Hand-Cut-Out.png');
  }

  .heading-76 {
    color: #a99100;
    font-family: Merriweather, serif;
  }

  .image-61 {
    margin-bottom: 1vh;
  }

  .bold-text-15 {
    font-size: 1.7vw;
  }

  .div-block-3349560 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .activity-div {
    background-image: linear-gradient(#0000 22%, #000 80%), url('../images/_e5f8660b-9b20-4b1d-8ad7-95cb3d9f48d9.jpeg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    height: 80vh;
    padding-bottom: 2vw;
  }

  .heading-77 {
    color: #fff;
    margin-bottom: 3vh;
    line-height: 2.5vw;
  }

  .text-block-107 {
    font-size: .8vw;
    line-height: 1.3vw;
  }

  .heading-78 {
    color: #fff;
  }

  .button-23 {
    letter-spacing: 1px;
    background-color: #202020;
    margin-top: 5vh;
    padding-left: 1vw;
    padding-right: 1vw;
    font-weight: 100;
    line-height: 1.5vw;
  }

  .div-block-3349562 {
    margin-bottom: 10vh;
  }

  .button-24 {
    color: #000;
    background-color: #fdfdfdd9;
    font-weight: 500;
    line-height: 2.5vw;
  }

  .text-block-111 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 2vh;
    font-family: Roboto, sans-serif;
    font-size: .7vw;
    font-weight: 400;
  }

  .dropdown {
    color: #ece2e2;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 10vh;
    display: flex;
  }

  .dropdown-toggle {
    color: #fff;
  }

  .div-block-3349565 {
    background-color: #0f0f0f;
    border-radius: 2vw;
    width: 90vw;
    height: 80vh;
    margin-bottom: 10vh;
  }

  .bold-text-16 {
    font-size: 3.4vw;
    line-height: 4vw;
  }

  .div-block-3349567 {
    height: 100vh;
  }

  .heading-79 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 3vh;
    line-height: 3vw;
  }

  .div-block-3349570 {
    background-image: linear-gradient(#0000 43%, #000 98%), url('../images/SvF-Contacts.png'), url('../images/Ghost-Flipside-Small.png');
    background-position: 0 0, 50%, 20% 30%;
    background-size: auto, 40vw, 10vw;
    padding-bottom: 10vh;
  }

  .nav-wrapper {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .div-block-3349572 {
    z-index: 2;
    position: relative;
  }

  .text-block-112 {
    color: #fff;
    font-size: 1.5vw;
    font-weight: 400;
  }

  .heading-81 {
    color: #fff;
    font-size: 3.6vw;
  }

  .profile-seperation-div._2 {
    margin-top: 25vh;
  }

  .mobile-contact-vid {
    height: 90vh;
    margin-top: 10vh;
    margin-bottom: 10vh;
    display: flex;
  }

  .div-block-3349576 {
    box-shadow: 0 2px 6px 1px #f80506a8;
  }

  .contacts-wrapper {
    background-color: #0f0f0f00;
    border: 1px dashed #000;
    border-radius: 1px 1vw 2vw 2vw;
    margin-bottom: 15vh;
  }

  .contact-details-bottom {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .contact-details-image {
    height: 50vh;
    padding-bottom: 0;
  }

  .contact-details-image.ascania {
    background-image: url('../images/Arms_of_the_house_of_Anhalt_15th_century.svg-1.png'), linear-gradient(to bottom, null, null), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Project0Img-HoA.jpg');
    background-size: 8vw, auto, auto, cover;
  }

  .contact-details-image.vonfal {
    background-image: url('../images/Vonfal-Logo_1.png'), linear-gradient(#0000005c, #0000005c), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Project-Img-Manhattan.jpg');
    background-position: 50%, 0 0, 0 0, 50% 0;
    background-repeat: no-repeat, repeat, repeat, repeat;
    background-size: 10vw, auto, auto, cover;
  }
}

@media screen and (max-width: 991px) {
  .hero.welcome {
    background-position: 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%;
    background-size: auto, auto, cover, cover, cover, cover;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .explore {
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .div-block {
    height: 10vh;
    margin-top: 10vh;
  }

  .heading._4.mid {
    font-size: 8vw;
    line-height: 8vw;
  }

  .heading-2._2.caption {
    font-size: 3vw;
    font-weight: 300;
  }

  .track.spotify {
    display: none;
  }

  .heading-4.expertise-section.white.handwritting {
    font-size: 5vw;
    line-height: 5vw;
  }

  .headline-hero.center {
    font-size: 3.5vw;
    line-height: 4.8vw;
  }

  .skills-section-2 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  .div-block-51 {
    display: none;
  }

  .expertise-box {
    background-color: #000;
    border-radius: 4vw;
    height: auto;
  }

  .expertise-box.last-div {
    border-radius: 4vw;
  }

  .div-block-54.skills {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1vw;
    padding-right: 1vw;
    display: flex;
  }

  .div-block-71.bio-header {
    padding-bottom: 15vw;
  }

  .text-block-15._2.center {
    font-size: 1.7vw;
    line-height: 2.8vw;
  }

  .chapter-intro {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr;
  }

  .div-block-142 {
    display: none;
  }

  .div-block-142.fashion {
    display: none;
    overflow: hidden;
  }

  .text-block-17.white._2 {
    font-size: 3vw;
  }

  .highlights-featured-fashion {
    border-radius: 3vw;
    height: 20vh;
    margin-top: 10vh;
  }

  .highlights-widget-wrapper.bio {
    padding-top: 0;
  }

  .div-block-163.onbk {
    background-position: 0 0, 0%;
    height: 40vh;
  }

  .div-block-163.xcorevendor {
    background-image: linear-gradient(180deg, #0000 75%, #000), linear-gradient(to bottom, null, null), url('../images/Touch2.jpg');
    background-size: auto, auto, cover;
  }

  .div-block-165 {
    margin-top: 5vh;
  }

  .featured-widget-fashion {
    height: auto;
  }

  .highlights-featured-div {
    grid-row-gap: 0px;
    border-style: none;
    border-radius: 3vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .div-block-167 {
    height: 50vh;
  }

  .div-block-168.dark._2 {
    padding-top: 0;
    padding-bottom: 3vh;
  }

  .background-video-4 {
    height: 60vh;
  }

  .div-block-172._2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
    padding-bottom: 4vw;
  }

  .div-block-185 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .background-video-8.casestudy {
    background-position: 70%;
  }

  .background-video-8.contact {
    background-position: 70% 100%;
    background-size: cover;
  }

  .biography-hero.home {
    background-position: 70% 100%;
    background-size: cover;
    height: 100vh;
  }

  .heading-19.close {
    font-family: Roboto, sans-serif;
    font-size: 1vw;
  }

  .div-block-274.ad {
    border-radius: 3vw;
    margin-bottom: 5vh;
  }

  .div-block-275 {
    grid-template-columns: 1.25fr;
    margin-top: 0;
  }

  .div-block-275._2, .div-block-275._4 {
    grid-template-columns: 1fr;
  }

  .div-block-275.nowthis-1 {
    grid-template-columns: 2fr;
  }

  .ux-video-scroll {
    display: none;
  }

  .div-block-278 {
    overflow: hidden;
  }

  .protopype-scroll-div {
    padding-right: 0;
  }

  .protopype-scroll-div.ntxbid {
    padding-bottom: 15vh;
    padding-right: 0;
  }

  .protopype-scroll-div.web {
    padding-right: 0;
  }

  .div-block-285 {
    border-radius: 3vw;
  }

  .themecloud {
    padding-bottom: 15vh;
  }

  .div-block-289 {
    margin-bottom: 5vh;
  }

  .div-block-290 {
    border-radius: 3vw;
  }

  .muselayers-block {
    color: #404040;
    background-color: #1a1a1a;
    border-radius: 3vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    margin-top: 0;
    margin-bottom: 8vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .muselayers-block._2 {
    margin-top: 10vh;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .div-block-295 {
    height: 20vh;
    padding-left: 0;
  }

  .div-block-296._3 {
    height: auto;
    padding-left: 5vw;
  }

  .div-block-304._2 {
    padding-bottom: 15vh;
  }

  .casestudyhero.nowthis {
    height: 100vh;
  }

  .div-block-340 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 5vh;
  }

  .casestudy-details-text {
    font-size: 2vw;
    font-weight: 400;
    line-height: 3vw;
  }

  .text-block-49 {
    font-family: Roboto, sans-serif;
    font-size: 2vw;
    line-height: 3vw;
  }

  .webframe-image {
    width: 100%;
    height: 42vh;
  }

  .webframe-image.aperture {
    border-radius: 3vw;
    width: 100%;
    height: 50vh;
  }

  .webframe-image._2, .webframe-image._3, .webframe-image._4, .webframe-image._5, .webframe-image._6, .webframe-image._7, .webframe-image._8, .webframe-image._9, .webframe-image._10.last {
    border-radius: 3px;
    width: 100%;
    height: 50vh;
  }

  .div-block-349 {
    border-radius: 3vw;
    height: 50vh;
    margin-top: 5vh;
  }

  .div-block-350 {
    width: auto;
    height: auto;
  }

  .div-block-351 {
    display: none;
  }

  .div-block-3348963 {
    border-radius: 3vw;
  }

  .div-block-3348981.focus.wite {
    border-radius: 3vw;
    padding: 5vw 5vw 6vw;
  }

  .div-block-3348988, .div-block-3348989.breaking {
    border-radius: 3vw;
  }

  .flex-scroll-casestudies._5 {
    grid-template-columns: 1fr;
  }

  .div-block-3349027.before {
    border-radius: 3vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-3349027.after {
    border-radius: 3vw;
  }

  .div-block-3349029, .div-block-3349029.background-video-13, .div-block-3349029._2, .div-block-3349029._3, .div-block-3349029._4, .div-block-3349029._5, .div-block-3349029._6, .div-block-3349029._13, .div-block-3349029._15, .div-block-3349029._14 {
    width: 15vw;
    height: 15vw;
  }

  .div-block-3349038._2 {
    display: none;
  }

  .background-video-28 {
    z-index: 1;
    display: flex;
  }

  .div-block-3349039 {
    padding-right: 0;
  }

  .div-block-3349044._4, .div-block-3349044._2 {
    border-radius: .5vw;
    height: 60vw;
  }

  .div-block-3349044._3d {
    background-position: 50%;
    height: 60vw;
    margin-bottom: 0;
  }

  .div-block-3349045 {
    width: 40vw;
    height: 40vw;
  }

  .webframe {
    border-radius: 3vw;
    width: auto;
  }

  .browserbar {
    height: 4vw;
    display: none;
  }

  .div-block-3349057 {
    width: 100%;
    height: 100%;
  }

  .div-block-3349058 {
    height: 100%;
  }

  .div-block-3349059._1, .div-block-3349059._2, .div-block-3349059._3 {
    width: 2vw;
    height: 2vw;
  }

  .div-block-3349060 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  .div-block-3349062 {
    display: none;
  }

  .div-block-3349063 {
    border-radius: 3vw;
    width: 100%;
    height: auto;
  }

  .div-block-3349064 {
    display: none;
  }

  .div-block-3349065 {
    height: 80vw;
    display: flex;
  }

  .image-13 {
    border-radius: 3px;
  }

  .image-14._2 {
    border-radius: 0;
  }

  .productdesign {
    padding-bottom: 10vh;
  }

  .div-block-3349081 {
    border-radius: 3vw;
  }

  .shortvideosystem {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .div-block-3349097 {
    border-radius: 3vw;
    margin-top: 5vh;
  }

  .div-block-3349099 {
    box-shadow: none;
    border-radius: 3vw;
  }

  .div-block-3349099.spotify, .div-block-3349099.spotify.last-div {
    border-radius: 3vw;
  }

  .div-block-3349101._11, .div-block-3349101._12, .div-block-3349101._13 {
    height: 90vw;
  }

  .playlist-prototype {
    display: none;
  }

  .uxresearch {
    margin-bottom: 0;
  }

  .text-rotator {
    font-size: 54px;
    line-height: 46px;
  }

  .video-6.tablet {
    margin-top: 10vh;
  }

  .biden-video-nowthis {
    display: none;
  }

  .div-block-3349148._2 {
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .mobile-nav {
    display: none;
  }

  .chapters {
    grid-row-gap: 14vw;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-3349170 {
    border-radius: 4vw;
    margin-bottom: 0;
  }

  .chapter {
    height: auto;
  }

  .chapter.dark {
    height: auto;
    padding-bottom: 10vh;
  }

  .chapter._2.white {
    height: auto;
    padding-top: 10vh;
  }

  .div-block-3349184 {
    background-image: linear-gradient(0deg, #000, #0000 98%);
  }

  .heading-34.bio {
    text-align: center;
    width: 100%;
    padding-right: 0;
    font-size: 2vw;
  }

  .div-block-3349213 {
    margin-left: 2vw;
  }

  .div-block-3349215 {
    grid-row-gap: 17vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .div-block-3349216.expertise {
    border-radius: 4vw;
    overflow: visible;
  }

  .div-block-3349219._2 {
    border-radius: 4vw;
    overflow: hidden;
  }

  .div-block-3349219._5 {
    background-image: linear-gradient(to bottom, null, null), url('../images/20240516_200818.jpg');
    background-position: 0 0, 50% 0;
    border-radius: 4vw;
    overflow: hidden;
  }

  .div-block-3349219.reviews {
    border-radius: 4vw;
    overflow: hidden;
  }

  .expertise-box-content.dark {
    text-align: left;
    border-radius: 4vw;
    padding: 5vw 5vw 10vw;
  }

  .expertise-box-content.dark.lastdiv {
    overflow: hidden;
  }

  .image-17 {
    width: 25vw;
  }

  .div-block-3349289 {
    border-radius: 3vw;
  }

  .image-18 {
    width: 25vw;
  }

  .div-block-3349295 {
    grid-template-columns: 2fr;
  }

  .div-block-3349296 {
    display: none;
  }

  .div-block-3349301 {
    border-radius: 2vw;
  }

  .flex-chapter-hero, .flex-chapter-hero.version-2, .flex-chapter-hero.version-2.green {
    padding-top: 0;
  }

  .div-block-3349317, .div-block-3349318 {
    display: none;
  }

  .div-block-3349323.bio {
    height: 100vh;
  }

  .div-block-3349353 {
    padding-top: 5vh;
  }

  .div-block-3349399 {
    background-position: 30%;
    border-radius: 3vw;
    height: 50vh;
  }

  .div-block-3349408 {
    box-shadow: none;
    border-style: none;
    border-radius: 4vw;
  }

  .lightfall-section2 {
    padding-bottom: 15vh;
  }

  .div-block-3349414 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 2vh;
  }

  .div-block-3349415 {
    justify-content: center;
    align-items: center;
    padding: 0 0 0 0;
  }

  .div-block-3349416._1 {
    padding-top: 0;
    padding-bottom: 2vh;
  }

  .div-block-3349417 {
    grid-row-gap: 2vh;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-3349418 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .image-22 {
    width: 80vw;
  }

  .sections-headline {
    font-size: 5vw;
  }

  .slide-navigation {
    display: none;
  }

  .section {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .section.top {
    padding-bottom: 10vh;
  }

  .section.fullwidth {
    padding-bottom: 15vh;
  }

  .projects {
    background-color: #000;
  }

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

  .thumb-div-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .thumb-div-holder.rechts {
    justify-content: center;
    align-items: center;
  }

  .thumb-div {
    background-color: #151515;
    border-radius: 4vw;
  }

  .thumb-div._130vh.green {
    border-radius: 3vw;
    width: 90%;
  }

  .projects-content-div.image.yellow.ascania {
    background-image: url('../images/Arms_of_the_house_of_Anhalt_15th_century.svg-1.png'), linear-gradient(0deg, #ffe5ab, #fff0 26%), linear-gradient(to bottom, null, null), url('../images/albrecht-der-baer-4b6f66d3-5926-4ae9-9b2e-157acd9b067e.jpg');
    background-size: 30vw, auto, auto, cover;
  }

  .projects-content-div.image.alexander {
    background-position: 0 0, 20%;
    background-size: auto, cover;
  }

  .projects-content-div.content.auto, .projects-content-div.content.auto.bio {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .thumb-h1 {
    text-align: center;
    font-size: 4vw;
    line-height: 4.5vw;
  }

  .thumb-h1.black {
    font-size: 4vw;
    line-height: 4.5vw;
  }

  .thumb-h2 {
    font-size: 2.3vw;
    font-weight: 300;
    line-height: 4vw;
  }

  .thumb-h2.project {
    margin-bottom: 2vh;
  }

  .thumb-text {
    text-align: justify;
    font-size: 2.5vw;
    font-weight: 100;
    line-height: 5vw;
  }

  .thumb-text.black {
    text-align: justify;
    font-size: 2vw;
    font-weight: 300;
    line-height: 3vw;
  }

  .thumb-text.reviews {
    text-align: center;
    font-size: 2vw;
    line-height: 3vw;
  }

  .thumb-text.justify {
    font-size: 2vw;
    font-weight: 100;
    line-height: 2.7vw;
  }

  .thumb-text.white {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .thumb-button.black {
    font-size: 1.5vw;
    font-weight: 500;
  }

  .thumb-button.black.green {
    text-shadow: none;
    font-size: 1.5vw;
    font-weight: 500;
  }

  .thumb-button.featured {
    font-size: 1.5vw;
    font-weight: 500;
  }

  .bold-text-6 {
    text-align: center;
    font-size: 2vw;
    line-height: 3vw;
  }

  .bold-text-6.fullwidth {
    font-size: 2vw;
  }

  .heading-58 {
    font-size: 10vw;
  }

  .heading-58.black {
    font-weight: 700;
  }

  .heading-60.bottom {
    letter-spacing: 1px;
    font-size: 2vw;
    line-height: 3vw;
  }

  .heading-60.bottom.home {
    text-align: left;
    font-size: 1.9vw;
    font-weight: 300;
  }

  .div-block-3349475 {
    padding-bottom: 10vh;
  }

  .div-block-3349477 {
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 10vh;
    padding-right: 2vw;
  }

  .homenavbtn {
    margin-bottom: 2vh;
  }

  .text-block-72 {
    font-size: 2vw;
    font-weight: 700;
  }

  .hero-bottom-div.contact {
    padding-right: 0%;
  }

  .div-block-3349487 {
    border-radius: 2vw;
  }

  .div-block-3349488 {
    border-radius: 2vw;
    height: 30vh;
  }

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

  .div-block-3349490 {
    background-image: linear-gradient(#0000, #0000), url('../images/Safehouse-Logo-White-Worenout.png'), linear-gradient(#0000, #0000009c);
    background-size: auto, 25vw, auto;
  }

  .div-block-3349491 {
    height: 40vh;
  }

  .chapterh1.white {
    font-size: 15vw;
  }

  .subh1 {
    text-align: center;
    font-family: Roboto Serif, sans-serif;
    font-size: 7.5vw;
    font-weight: 800;
    line-height: 8vw;
  }

  .subh1._2vw {
    font-size: 4vw;
    line-height: 5vw;
  }

  .mainh2.white {
    font-size: 4vw;
    font-weight: 700;
    line-height: 5vw;
  }

  .globaltext {
    text-align: justify;
    font-size: 3vw;
    font-weight: 300;
    line-height: 3.5vw;
  }

  .globaltext.white {
    font-size: 3vw;
    line-height: 4vw;
  }

  .globaltext.white.center {
    font-size: 2.8vw;
    font-weight: 100;
  }

  .globaltext.centered {
    text-align: center;
  }

  .subtext.white, .subtext.white.centered {
    text-align: center;
    font-size: 2.8vw;
    line-height: 4vw;
  }

  .div-block-3349496 {
    text-align: center;
  }

  .heroh1 {
    text-align: center;
    margin-bottom: 2vh;
    font-size: 6vw;
    line-height: 7vw;
  }

  .chapter-h3 {
    font-size: 2vw;
    display: block;
  }

  .chapter-h3.white {
    margin-bottom: 0;
    font-size: 2vw;
    line-height: 2vw;
  }

  .chapter-h3.black {
    font-size: 2vw;
    font-weight: 300;
  }

  .div-block-3349501 {
    height: 100vh;
  }

  .casestudy-chapter-h1 {
    font-size: 10vw;
    line-height: 10vw;
  }

  .casestudy-chapter-h1.smaller {
    font-size: 9vw;
  }

  .div-block-3349503 {
    height: 100vh;
  }

  .div-block-3349508 {
    border-radius: 3vw;
  }

  .navigation-text {
    font-size: 2vw;
  }

  .navigation-text.logo {
    font-size: 8vw;
    line-height: 8vw;
  }

  .div-block-3349513 {
    border-radius: 4vw;
    order: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-68 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2vw;
  }

  .text-block-73 {
    font-size: 1.5vw;
  }

  .mobile-chapter-image {
    background-color: #000;
    background-image: url('../images/Web2-Consultant.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2vw;
    width: auto;
    height: 80vh;
    margin-bottom: 5vh;
    margin-left: 5vw;
    margin-right: 5vw;
    display: flex;
  }

  .mobile-chapter-image.fashion {
    background-image: url('../images/MTV.jpeg');
    background-position: 50%;
    background-size: cover;
    border-radius: 3vw;
  }

  .mobile-chapter-image.web1 {
    background-image: url('../images/621ec5ac1e3b758857a816f2_metro.jpg');
    background-position: 50%;
    background-size: cover;
    border-radius: 3vw;
  }

  .mobile-chapter-image.lightfall {
    background-image: url('../images/OntheRun.jpeg');
  }

  .mobile-chapter-image.stepbystep {
    background-image: url('../images/VR-Lab.jpg');
    background-position: 50% 80%;
    margin-left: 3vw;
    margin-right: 3vw;
  }

  .mobile-chapter-image.projectapproach {
    background-image: url('../images/Desk.jpg');
  }

  .mobile-chapter-image.nowthis1 {
    background-image: url('../images/NowThis-Verticle-Ad-2.jpg');
    margin-left: 0;
    margin-right: 0;
  }

  .mobile-chapter-image.web3 {
    background-image: url('../images/SvF-Banner_1.webp');
    background-position: 50%;
  }

  .mobile-navigation {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #0000;
    justify-content: space-around;
    width: 100%;
    height: 4vh;
    display: none;
    position: fixed;
    inset: auto 0% 0%;
    box-shadow: 0 2px 5px 2px #0003;
  }

  .mobile-nav-linkbox {
    color: #d2d2d2;
    background-color: #00000070;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 100%;
    font-family: Roboto, sans-serif;
    font-weight: 100;
    text-decoration: none;
    display: flex;
  }

  .mobile-nav-linkbox.w--current {
    color: #fff;
    text-shadow: 0 3px 6px #ffffffb8;
    background-color: #000000b8;
    background-image: radial-gradient(circle, #ffffff1f, #fff0 60%, #fff0);
    font-weight: 100;
    text-decoration: none;
  }

  .text-block-74 {
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    font-size: 2.5vw;
    display: flex;
  }

  .top-navigation {
    justify-content: flex-start;
    height: 3vh;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .div-block-3349515 {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 5%;
    height: 100%;
    text-decoration: none;
    display: flex;
  }

  .chapters-nav {
    display: none;
  }

  .chapters-nav.mobile {
    display: flex;
  }

  .div-block-3349518.mobile {
    font-size: 1.2vw;
    font-weight: 400;
  }

  .div-block-3349519 {
    background-image: linear-gradient(0deg, #f1dbe8, #fff0 28%);
  }

  .div-block-3349520 {
    background-image: linear-gradient(#0000 65%, #bdd9ff);
  }

  .image-44 {
    width: 25vw;
  }

  .div-block-3349521 {
    margin-top: 5vh;
  }

  .div-block-3349523 {
    margin-bottom: 2vh;
  }

  .mobile-video-hero-div {
    border-radius: 3vw;
    height: 80vh;
    display: flex;
    overflow: hidden;
  }

  .mobile-video-hero-div._2, .mobile-video-hero-div._5vh {
    margin-bottom: 5vh;
  }

  .background-video-51 {
    z-index: 1;
    width: 100%;
    height: 100%;
  }

  .div-block-3349524 {
    border-radius: 3vw;
    height: 80vh;
    margin-bottom: 5vh;
    overflow: hidden;
  }

  .div-block-3349525 {
    width: 100%;
    display: flex;
  }

  .div-block-3349527 {
    display: none;
  }

  .heading-70 {
    font-size: 6vw;
    line-height: 7vw;
  }

  .text-block-75, .text-block-75.stretch {
    text-align: center;
    font-size: 2.5vw;
    line-height: 4vw;
  }

  .div-block-3349532 {
    padding-top: 8vh;
  }

  .container-2 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .global-footer {
    height: auto;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .div-block-3349534 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-3349535 {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .div-block-3349536 {
    justify-content: center;
    align-items: center;
  }

  .heading-72 {
    text-align: center;
  }

  .text-block-76 {
    text-align: center;
    font-size: 3vw;
    line-height: 4vw;
  }

  .div-block-3349539 {
    display: none;
  }

  .div-block-3349542 {
    margin-left: 5vw;
    margin-right: 5vw;
    display: flex;
  }

  .image-47 {
    width: 50vw;
  }

  .heading-73 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .image-48 {
    width: 50vw;
  }

  .image-49, .image-52 {
    width: 15vw;
  }

  .image-55 {
    width: 20vw;
  }

  .image-56 {
    width: 35vw;
  }

  .image-57 {
    width: 40vw;
  }

  .image-59 {
    width: 25vw;
    margin-top: -39.1vh;
  }

  .div-block-3349549 {
    display: none;
  }

  .background-video-55, .background-video-56 {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }

  .text-block-106 {
    font-size: 1.8vw;
    font-weight: 300;
    line-height: 3vw;
  }

  .div-block-3349559 {
    display: none;
  }

  .image-61 {
    width: 40vw;
  }

  .bold-text-15 {
    font-size: 4vw;
  }

  .activity-div {
    justify-content: flex-end;
    align-items: center;
    height: 50vh;
    padding-bottom: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .heading-77 {
    text-align: center;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .text-block-107 {
    text-align: center;
    font-size: 1.4vw;
    line-height: 2.2vw;
  }

  .button-23 {
    font-size: 1.5vw;
    line-height: 1.2vw;
  }

  .button-24 {
    letter-spacing: 0;
    font-size: 1.4vw;
  }

  .text-block-111 {
    margin-bottom: 0;
    font-size: 1.2vw;
  }

  .heading-79 {
    text-align: center;
    font-size: 4vw;
    line-height: 5vw;
  }

  .div-block-3349570 {
    background-image: linear-gradient(#0000 43%, #000 98%), url('../images/SvF-Contacts.png'), url('../images/Ghost-Flipside-Small.png');
    background-position: 0 0, 50% 40%, 5% 30%;
    background-repeat: repeat, no-repeat, no-repeat;
    background-size: auto, 100vw, 23vw;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
  }

  .div-block-3349574 {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .text-block-112 {
    color: #fff;
    font-size: 3vw;
    line-height: 4vw;
  }

  .heading-81 {
    color: #fff;
    font-size: 6vw;
    line-height: 7vw;
  }

  .div-block-3349575 {
    width: 5vw;
    height: 5vw;
  }

  .div-block-3349577 {
    width: 6vw;
    height: 6vw;
  }
}

@media screen and (max-width: 767px) {
  .div-block-3348981.focus.wite {
    padding-bottom: 3vw;
  }

  .text-block-75, .text-block-75.stretch {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .div-block-3349532 {
    padding-top: 0;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .div-block-3349542 {
    display: none;
  }

  .image-49, .image-52 {
    margin-bottom: -10vh;
  }

  .image-59 {
    width: 30vw;
    margin-top: -33vh;
  }

  .div-block-3349566 {
    background-image: url('../images/Brickwall-Tablet-Stream.jpg');
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    height: 100vh;
  }

  .div-block-3349567 {
    border-radius: 2vw;
    width: 95vw;
    height: 30vh;
    margin-left: 0;
    margin-right: 0;
  }

  .background-video-57 {
    border-radius: 2px;
  }

  .heading-79 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .image-63 {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .hero.experience {
    background-image: linear-gradient(#0000003d, #0000003d), linear-gradient(#000000bd, #0000 13%), linear-gradient(#0000, #0009), url('../images/Carackters-Experience.png');
    background-position: 0 0, 0 0, 0 0, 0%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5vh;
    padding-left: 0;
    padding-right: 0;
  }

  .hero.welcome {
    background-image: linear-gradient(#0000, #000000a8), url('../images/Carackters-Frontlights.gif'), url('../images/Carackters-Avatar-Light.gif'), url('../images/Carackters-Ghost-Light-3.gif'), url('../images/Carackters-No-Elements.png');
    background-position: 0 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
    background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: auto, cover, cover, cover, cover;
    padding-left: 0;
    padding-right: 0;
  }

  .heading {
    font-size: 8vw;
    line-height: 8vw;
  }

  .heading.large.center {
    text-align: center;
    letter-spacing: 0;
    white-space: normal;
    width: auto;
    margin-left: -2vw;
    margin-right: -2vw;
    font-size: 7vw;
    font-weight: 900;
    line-height: 8vw;
  }

  .heading.small {
    letter-spacing: -.2px;
    padding-right: 0;
    font-size: 5vw;
    font-weight: 900;
    line-height: 7vw;
  }

  .heading.small._2 {
    text-align: left;
    letter-spacing: -.6px;
    font-size: 5.5vw;
    font-weight: 900;
    line-height: 7.5vw;
  }

  .heading.small._3 {
    text-align: left;
    font-size: 5vw;
    line-height: 5vw;
  }

  .heading.onlinebook._2 {
    font-size: 5.5vw;
    font-weight: 700;
    line-height: 8vw;
  }

  .heading.onlinebook._2.white {
    color: var(--global-background);
  }

  .heading._4 {
    letter-spacing: 0;
    font-family: Roboto Serif, sans-serif;
    font-size: 6vw;
    font-weight: 200;
    line-height: 7vw;
  }

  .heading._4.mid {
    margin-bottom: 1vh;
    font-weight: 400;
  }

  .heading.scrollbar {
    font-size: 8vw;
    font-weight: 500;
  }

  .heading-2 {
    text-align: left;
    margin-bottom: 3vh;
    font-size: 4vw;
    font-weight: 200;
    line-height: 5vw;
    display: block;
  }

  .heading-2.bold {
    letter-spacing: 0;
    font-size: 4vw;
    font-weight: 200;
  }

  .heading-2.sidebar {
    font-size: 4vw;
  }

  .heading-2.white {
    color: var(--global-background);
  }

  .div-block-11 {
    border-radius: 2vw;
    height: 70vh;
  }

  .side-nav {
    justify-content: flex-end;
    width: 8vw;
    margin-left: 2vw;
    margin-right: 0;
    display: block;
    inset: 0% auto 0% 0%;
  }

  .div-block-14 {
    display: none;
  }

  .div-block-15 {
    align-items: flex-end;
    width: 50%;
    height: 100%;
    display: none;
  }

  .div-block-16 {
    background-color: #413f3fb3;
    width: 50%;
    height: 20vw;
    margin-bottom: 5vw;
    margin-right: 1vw;
  }

  .div-block-20 {
    object-fit: fill;
    height: 1vh;
    overflow: hidden;
  }

  .heading-4.expertise-section {
    margin-bottom: 2vh;
    font-size: 5.5vw;
    font-weight: 700;
    line-height: 8vw;
  }

  .heading-4.expertise-section.white {
    color: var(--global-background);
  }

  .div-block-28 {
    justify-content: center;
    height: 100vh;
    margin-left: 10vw;
    margin-right: 10vw;
  }

  .div-block-29.home {
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .headline-hero.center {
    text-align: left;
    letter-spacing: -.5px;
    font-size: 7vw;
    font-weight: 700;
    line-height: 9vw;
  }

  .div-block-31 {
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    height: 20%;
  }

  .div-block-32 {
    align-items: center;
    width: 100%;
    margin-bottom: 5vh;
    padding-top: 5vh;
  }

  .div-block-33, .div-block-33.w--current {
    display: none;
  }

  .expertise-box {
    background-color: #0000;
    margin-bottom: 0;
  }

  .expertise-box.last-div {
    background-color: #000;
  }

  .div-block-54._2 {
    flex-flow: column;
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    display: block;
  }

  .div-block-54.skills {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-56 {
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
    position: static;
  }

  .div-block-62 {
    justify-content: flex-end;
    margin-bottom: 0;
    position: static;
    overflow: hidden;
  }

  .div-block-71 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 8vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-71.expertise {
    justify-content: flex-end;
    align-items: center;
  }

  .text-block-11 {
    text-align: left;
    font-size: 4vw;
    line-height: 5vw;
  }

  .text-block-11._2 {
    text-align: left;
    font-family: Roboto, sans-serif;
    font-size: 3.5vw;
    font-weight: 100;
    line-height: 7vw;
  }

  .div-block-72.safehouse {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-73 {
    justify-content: center;
    align-items: flex-start;
    padding-left: 5vw;
  }

  .div-block-75.safehouselab {
    width: 20vw;
    height: 20vw;
    margin-top: 0;
    margin-left: 0;
  }

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

  .bio-headline-div {
    flex-direction: column;
    margin: 15vh 0 5vh;
    display: flex;
  }

  .text-block-15._2.center {
    font-size: 3vw;
    line-height: 5vw;
    display: none;
  }

  .chapther-bio-header-div {
    grid-column-gap: 0px;
    grid-template-columns: .5fr 1.75fr .5fr;
    margin-bottom: 2vh;
  }

  .chapter-intro {
    grid-column-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .div-block-142 {
    display: none;
  }

  .div-block-144 {
    padding-top: 0;
  }

  .text-block-17 {
    font-family: Roboto, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    line-height: 7vw;
  }

  .text-block-17.full {
    margin-bottom: 0;
    font-size: 4vw;
    font-weight: 300;
    line-height: 7vw;
  }

  .text-block-17.full._1 {
    margin-bottom: 5vh;
  }

  .text-block-17.white {
    color: var(--global-background);
  }

  .highlights-featured-fashion {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
    margin-top: 0;
    margin-left: 3vw;
    margin-right: 3vw;
    display: none;
  }

  .div-block-147.tokyocover, .div-block-147.id {
    border-radius: 1vw;
    height: 80vh;
    margin-bottom: 3vh;
  }

  .div-block-147.moet {
    border-radius: 1vw;
    height: 53vh;
    margin-bottom: 5vh;
    padding-bottom: 0;
  }

  .div-block-147.moet._2 {
    height: 80vh;
    margin-bottom: 0;
  }

  .div-block-148 {
    align-items: flex-start;
    display: none;
  }

  .text-block-18 {
    font-size: 3.4vw;
    line-height: 5vw;
  }

  .highlights-widget-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
    margin-top: 5vh;
    margin-left: 0;
    margin-right: 0;
  }

  .highlights-widget-wrapper.web1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
    margin-top: 5vh;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .highlights-widget-wrapper.bio {
    padding-left: 0;
  }

  .left-highlight-div {
    height: auto;
    display: none;
    position: static;
    overflow: visible;
  }

  .div-block-154 {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 2.75fr;
  }

  .div-block-154.morespace._2 {
    margin-bottom: 5vh;
  }

  .div-block-155 {
    border-radius: 1vw;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    overflow: hidden;
  }

  .div-block-155._2 {
    margin-bottom: 5vh;
  }

  .div-block-156 {
    align-items: flex-start;
    height: auto;
    margin-bottom: 5vh;
  }

  .div-block-156.morespace {
    margin-bottom: 5vh;
  }

  .div-block-156.andreas {
    margin-bottom: 0;
  }

  .div-block-157 {
    height: auto;
    margin-bottom: 5vh;
  }

  .div-block-157.longtext, .div-block-157.morespace {
    margin-top: 0;
  }

  .div-block-157.morespace._2 {
    margin-top: 5vh;
  }

  .div-block-157._2 {
    margin-bottom: 0;
  }

  .div-block-160 {
    height: auto;
    padding: 5vw 5vw 10vw;
  }

  .div-block-161 {
    border-radius: .4px;
    height: 70vh;
  }

  .div-block-161.fordmodels {
    border-radius: 1vw;
    height: 70vh;
  }

  .div-block-161.beat {
    border-radius: 0;
    height: 70vh;
  }

  .div-block-161.irenemarie, .div-block-161.realitytv, .div-block-161.tokyo, .div-block-161.modelwerk, .div-block-161.sabriane, .div-block-161.gdn3, .div-block-161.hotelcloud, .div-block-161._20, .div-block-161.beatrice {
    height: 70vh;
  }

  .div-block-161.summeroflove {
    background-position: 50%;
  }

  .div-block-161.school, .div-block-161.chris, .div-block-161.twitkick {
    height: 70vh;
  }

  .text-block-19 {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    line-height: 7vw;
  }

  .text-block-19.white {
    color: var(--global-background);
  }

  .text-block-19.hand {
    color: #0000008a;
    margin-top: 5vh;
    font-size: 6vw;
    line-height: 8vw;
  }

  .bio-banner {
    margin: 0 0;
  }

  .bio-banner.auto {
    border-radius: 2vw;
    margin-top: 0;
    margin-left: 10vw;
    margin-right: 10vw;
  }

  .div-block-163.onbk {
    background-image: linear-gradient(#0000 76%, #bdd9ff), url('../images/Onbk.jpg');
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-radius: 0;
    height: 50vh;
  }

  .div-block-163.xcorevendor {
    background-image: linear-gradient(#0000 49%, #000 92%), linear-gradient(#0000, #0000), url('../images/Touch2.jpg');
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    border-radius: 7vw;
    height: 50vh;
    padding-bottom: 2vh;
  }

  .chapter_fashion {
    border-left-width: 5px;
    margin-left: 0;
    margin-right: 0;
  }

  .featured-widget-fashion {
    margin-top: 0;
    display: flex;
  }

  .chapter-web1 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .highlights-featured-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-style: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-167 {
    height: 50vh;
  }

  .div-block-168.dark._2 {
    padding-top: 0;
  }

  .background-video-4.nowthis {
    z-index: 0;
  }

  .div-block-172._2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.5fr;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 5vw 10vw;
  }

  .chapter-web2 {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .chapter-lightfall {
    width: 100%;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .div-block-176 {
    display: none;
  }

  .chapter-web3 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .scroll-navihation {
    width: 100%;
    height: 5vh;
    margin-top: 0;
    margin-left: 0;
    display: none;
  }

  .div-block-209 {
    margin-left: 0;
    margin-right: 0;
  }

  .background-video-6 {
    border-radius: 3vw;
  }

  .background-video-8.casestudy {
    background-position: 70%;
    background-size: cover;
  }

  .background-video-8.contact {
    background-image: none;
    background-repeat: repeat;
  }

  .background-video-8.bio {
    background-size: 120vw;
  }

  .biography-hero {
    margin-bottom: 5vh;
  }

  .biography-hero.home {
    background-image: linear-gradient(#0000, #0000), url('../images/Bot-Side-3.png');
    background-position: 0 0, 75% 80%;
    background-size: auto, 200vw;
  }

  .biography-hero.experience {
    margin-bottom: 0;
  }

  .heading-19.close {
    font-size: 1.6vw;
    font-weight: 300;
  }

  .div-block-274.ad {
    background-position: 100%;
  }

  .muselayers-block._2 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .div-block-308 {
    border-style: none;
    width: 9vw;
    height: 4vw;
  }

  .big-arrow {
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 4vw;
    display: block;
    position: static;
    top: 0%;
  }

  .text-block-50 {
    padding-right: 0;
    font-size: 4vw;
    font-weight: 300;
    line-height: 4vw;
  }

  .div-block-3348979 {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    place-items: center start;
    width: 100%;
    height: 100%;
  }

  .div-block-3348980 {
    background-size: 20vw;
    width: 20vw;
    height: 30vw;
  }

  .heading-28 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 4vw;
    font-size: 2.5vw;
    line-height: 6vw;
  }

  .div-block-3349101._12 {
    margin-top: 5vw;
  }

  .text-rotator {
    font-size: 46px;
  }

  .start-icon {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-3349135 {
    height: auto;
    margin-bottom: 20px;
  }

  .div-block-3349136._4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    height: 100%;
  }

  .div-block-3349137 {
    border-radius: 3vw;
    height: 100vh;
    margin-bottom: 5vh;
    overflow: hidden;
  }

  .div-block-3349137.bio {
    border-radius: 2vw;
    height: 90vh;
  }

  .div-block-3349137.experience, .div-block-3349137.casestudies, .div-block-3349137.startups {
    border-radius: 2vw;
  }

  .div-block-3349138._2 {
    padding-bottom: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-3349144 {
    grid-template-rows: auto;
    grid-template-columns: 1.75fr;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 10vw;
    padding-right: 8vw;
  }

  .div-block-3349145 {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-bottom: 5vh;
  }

  .div-block-3349147 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5vh;
    display: none;
    position: static;
    bottom: auto;
  }

  .div-block-3349150 {
    width: 3vw;
    position: relative;
    bottom: 0;
  }

  .div-block-3349153 {
    align-items: flex-start;
  }

  .mobile-nav {
    background-color: #fff;
    width: 100%;
    height: 2vh;
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .navbar {
    flex-direction: row;
  }

  .nav {
    text-align: center;
    font-size: 3vw;
  }

  .nav-menu {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background-color: #1b1b1b96;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
  }

  .div-block-3349155 {
    border-radius: 4vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin: 0 3vw 10vw;
    padding-left: 0;
    padding-right: 0;
    display: none;
    overflow: hidden;
  }

  .div-block-3349156 {
    background-image: url('../images/MTV.jpeg');
    background-position: 50%;
    background-size: cover;
    border-radius: 1vw;
    width: 100%;
    height: 80vh;
  }

  .div-block-3349156._2 {
    background-image: url('../images/621ec5ac1e3b758857a816f2_metro.jpg');
  }

  .div-block-3349156._5 {
    background-image: url('../images/OntheRun.jpeg');
  }

  .featured-widget-web2 {
    display: block;
  }

  .mobile-featured-highlight {
    background-color: #00000014;
    border-radius: 1.5vw;
    flex-direction: column;
    height: 80vh;
    display: flex;
    overflow: hidden;
  }

  .div-block-3349158 {
    background-image: url('../images/SabrineMe.jpg');
    background-position: 50%;
    background-size: cover;
    height: 30vh;
  }

  .lightbox-link-2 {
    background-image: url('../images/SabrineMe.jpg');
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .image-15 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #00000042;
    border-radius: 3vw;
    width: 10vw;
    margin-left: 0;
    padding: 2vw;
  }

  .featured-widget-web1 {
    background-color: #00000014;
    border-radius: 1.5vw;
    overflow: hidden;
  }

  .div-block-3349160 {
    color: #fff;
    background-color: #00000014;
    border-radius: 1.5vw;
    flex-direction: column;
    height: auto;
    margin-bottom: 10vh;
    display: flex;
    overflow: hidden;
  }

  .lightbox-link-3 {
    background-image: linear-gradient(#0000 57%, #000), url('../images/MuseLayers.jpeg');
    background-position: 0 0, 10% 0;
    background-size: auto, cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45vh;
    display: flex;
  }

  .div-block-3349161 {
    color: #fff;
    background-color: #f1dbe8;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 5vw 5vw 10vw;
    display: flex;
  }

  .image-16 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #0000004f;
    border-radius: 3vw;
    width: 10vw;
    padding: 3vw;
  }

  .chapters.casestudy {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-3349170 {
    border-style: none;
    border-width: 0;
  }

  .div-block-3349171._1 {
    box-shadow: none;
    background-image: linear-gradient(#2d6b1870, #2d6b1870), linear-gradient(0deg, #000, #0000 82%), url('../images/9Z5M5805.jpg');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    border-style: none;
    border-width: 0;
    border-radius: 0;
  }

  .div-block-3349171.spotify {
    background-image: linear-gradient(#00000042, #00000042), url('../images/IMG_0031.png');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .chapter._2 {
    height: auto;
    padding-bottom: 10vh;
  }

  .heading-34.bio {
    width: 100%;
  }

  .div-block-3349215 {
    grid-column-gap: 10vw;
  }

  .div-block-3349216 {
    margin-bottom: 5vh;
  }

  .div-block-3349216.expertise {
    background-image: url('../images/SH2.jpg');
    background-position: 100% 100%;
  }

  .div-block-3349219._2 {
    background-image: url('../images/Stephan-Cover-Img.jpg');
    background-position: 50% 100%;
  }

  .div-block-3349219._5 {
    background-image: linear-gradient(#0000, #0000), url('../images/SvF-VR-Profile.jpg');
    background-position: 0 0, 50% 100%;
  }

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

  .div-block-3349230 {
    display: none;
  }

  .image-17 {
    width: 40vw;
  }

  .div-block-3349289 {
    border-radius: 4vw;
  }

  .image-18 {
    width: 40vw;
  }

  .div-block-3349301 {
    border-radius: 3vw;
  }

  .div-block-3349302 {
    border-radius: 5vw;
  }

  .div-block-3349323.bio {
    justify-content: center;
    align-items: center;
  }

  .fashion-section2 {
    padding-bottom: 15vh;
  }

  .div-block-3349399 {
    height: 40vh;
  }

  .fashion-start, .web1-start {
    padding-bottom: 5vh;
  }

  .div-block-3349412 {
    border-radius: 5vw;
  }

  .div-block-3349413 {
    background-position: 0 0, 50% 0;
    height: 50vh;
  }

  .div-block-3349416._1 {
    padding-left: 2vh;
    padding-right: 2vh;
  }

  .image-19 {
    width: 30vw;
  }

  .sections-headline {
    font-size: 9vw;
  }

  .section {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 15vh;
  }

  .section.top {
    padding-right: 0;
  }

  .section.fullwidth {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 25vh;
  }

  .large-start-letter {
    font-size: 6vw;
  }

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

  .div-block-3349455 {
    display: none;
  }

  .thumb-div-holder.left {
    padding-top: 0;
  }

  .thumb-div-holder.rechts {
    padding-top: 5vh;
  }

  .thumb-div {
    background-color: #15151500;
    width: 90%;
  }

  .thumb-div._130vh {
    width: 90%;
  }

  .thumb-div._130vh.green.blue {
    border-radius: 4vw;
  }

  .thumb-div._130vh.green.top {
    margin-top: 0;
  }

  .projects-content-div.image {
    background-image: linear-gradient(0deg, #141418, #fff0 26%);
  }

  .projects-content-div.image.yellow.ascania {
    background-image: url('../images/Arms_of_the_house_of_Anhalt_15th_century.svg-1.png'), linear-gradient(0deg, #ffe5ab, #fff0 26%), linear-gradient(to bottom, null, null), url('../images/albrecht-der-baer-4b6f66d3-5926-4ae9-9b2e-157acd9b067e.jpg');
    background-size: 50vw, auto, auto, cover;
  }

  .projects-content-div.image.yellow.horizon {
    background-image: linear-gradient(0deg, #ffe5ab, #fff0 23%), url('../images/65d5db7ac24a8ab01571c8bf_UX.jpg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .projects-content-div.image.andreas, .projects-content-div.image.dom {
    background-position: 0 0, 50% 0;
  }

  .projects-content-div.content.auto {
    background-image: linear-gradient(0deg, #0000, #151515);
  }

  .thumb-h1 {
    font-size: 7vw;
    line-height: 7vw;
  }

  .thumb-h1.black {
    font-size: 5vw;
    line-height: 6.5vw;
  }

  .thumb-h1.center {
    font-size: 6vw;
    line-height: 7vw;
  }

  .thumb-h2 {
    margin-bottom: 2vh;
  }

  .thumb-h2.project {
    font-size: 4vw;
    line-height: 5vw;
  }

  .thumb-text {
    text-align: center;
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .thumb-text.black {
    font-size: 3vw;
    line-height: 5vw;
  }

  .thumb-text.reviews {
    font-size: 4.5vw;
    font-weight: 100;
    line-height: 6vw;
  }

  .thumb-text.justify {
    font-size: 3vw;
    font-weight: 100;
    line-height: 4vw;
  }

  .thumb-text.white.stretched {
    text-align: center;
    font-size: 4vw;
    line-height: 6vw;
  }

  .thumb-button.black, .thumb-button.black.green {
    height: 5vh;
    font-size: 2.5vw;
    font-weight: 300;
  }

  .thumb-button.featured {
    margin-top: 3vh;
    font-size: 2vw;
  }

  .thumb-button.white {
    color: #cdcdcd;
    background-color: #000000a8;
    font-size: 2vw;
    line-height: 2vw;
  }

  .div-block-3349467 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  }

  .bold-text-6 {
    text-align: justify;
    font-size: 4vw;
    font-weight: 100;
    line-height: 5.5vw;
    display: none;
  }

  .bold-text-6.fullwidth {
    text-shadow: 0 1px 1px #0003;
    width: 90%;
    margin-bottom: 0;
    font-size: 3.5vw;
    display: none;
    position: absolute;
  }

  .div-block-3349469 {
    border-radius: 5vw;
  }

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

  .heading-60.bottom {
    line-height: 4vw;
  }

  .heading-60.bottom.home {
    text-align: left;
    font-size: 2vw;
    line-height: 4vw;
    display: none;
  }

  .div-block-3349475 {
    padding-bottom: 15vh;
    padding-right: 0;
  }

  .div-block-3349476 {
    padding-top: 2vh;
  }

  .div-block-3349477 {
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 15vh;
    padding-left: 0;
    padding-right: 2vw;
  }

  .homenavbtn {
    margin-bottom: 2vh;
  }

  .text-block-72 {
    font-size: 2vw;
  }

  .div-block-3349482 {
    width: 100%;
    padding-right: 0;
  }

  .hero-bottom-div.contact {
    padding-right: 0%;
  }

  .div-block-3349487 {
    border-radius: 4vw;
  }

  .div-block-3349488 {
    border-radius: 3vw;
  }

  .div-block-3349489 {
    height: 50vh;
  }

  .div-block-3349491 {
    background-image: url('../images/Twitch-Video-Cover-V2.jpg');
    border-radius: 5vw;
    height: 15vh;
    margin-bottom: 5vh;
  }

  .div-block-3349491._2 {
    height: 30vh;
  }

  .subh1 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .mainh2.white {
    font-size: 6vw;
    line-height: 7vw;
  }

  .mainh2.white.singleline {
    font-size: 6.5vw;
  }

  .globaltext {
    font-size: 4vw;
    font-weight: 400;
    line-height: 5.5vw;
  }

  .globaltext.white {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .subtext.white {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  .subtext.white.centered {
    font-size: 4vw;
    line-height: 5vw;
  }

  .heroh1 {
    width: auto;
    margin-bottom: 10vh;
    font-size: 10vw;
    font-weight: 800;
    line-height: 9vw;
    display: block;
  }

  .chapter-h3, .chapter-h3.white {
    font-size: 3vw;
  }

  .div-block-3349508 {
    height: 50vh;
  }

  .navigation-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2vw;
  }

  .navigation-text.logo {
    font-size: 10vw;
    line-height: 20vw;
  }

  .navigation-text.profile {
    display: block;
  }

  .navigation-thumb-div.right {
    padding-right: 2vw;
  }

  .navigation-thumb-div.right.w--current {
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .div-block-3349512.w--current {
    margin-right: 0;
  }

  .mobile-chapter-image {
    background-image: url('../images/Web2-Consultant.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4vw;
    margin-left: 3vw;
    margin-right: 3vw;
  }

  .mobile-chapter-image.fashion {
    background-image: url('../images/MTV.jpeg');
    background-position: 50%;
    background-size: cover;
  }

  .mobile-chapter-image.web1 {
    background-image: url('../images/621ec5ac1e3b758857a816f2_metro.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .mobile-chapter-image.lightfall {
    background-image: url('../images/OntheRun.jpeg');
  }

  .mobile-chapter-image.stepbystep {
    background-image: url('../images/Stephan-Cover-Img.jpg');
  }

  .mobile-chapter-image.projectapproach {
    background-image: url('../images/SvF-VR-Profile.jpg');
  }

  .mobile-chapter-image.web3 {
    background-image: url('../images/SvF-Banner_1.webp');
  }

  .chapters-nav.mobile {
    z-index: 3;
  }

  .div-block-3349517 {
    flex: 1;
    order: 1;
    height: 6vh;
  }

  .div-block-3349518.mobile.top {
    font-size: 2vw;
  }

  .div-block-3349518.mobile.top.w--current {
    background-image: radial-gradient(circle, #ffffff5e, #fff0 62%);
  }

  .div-block-3349518.mobile.small {
    letter-spacing: 1px;
    width: 27%;
    font-size: 2vw;
    font-weight: 700;
  }

  .div-block-3349518.mobile.small.w--current {
    background-image: radial-gradient(circle, #ffffff5e, #fff0 48%);
  }

  .div-block-3349518.mobile.small.contacts {
    font-weight: 300;
  }

  .div-block-3349518.mobile.small.top {
    color: #969696;
    width: 10%;
    font-size: 3vw;
    display: none;
  }

  .div-block-3349518.mobile.small._2 {
    width: 20%;
  }

  .div-block-3349519 {
    background-image: linear-gradient(#0000 65%, #f1dbe8);
  }

  .image-43, .image-44, .image-45, .image-46 {
    width: 40vw;
  }

  .heading-70 {
    color: #fff;
    font-size: 8vw;
    line-height: 10vw;
  }

  .text-block-75, .text-block-75.stretch {
    font-size: 4.5vw;
    font-weight: 300;
    line-height: 9vw;
  }

  .text-block-75.stretch._2 {
    text-align: center;
    margin-top: 0;
  }

  .text-block-75.social, .div-block-3349529 {
    display: none;
  }

  .contact-detail-div {
    margin-bottom: 0;
  }

  .div-block-3349532 {
    padding-top: 0;
  }

  .container-2 {
    max-width: none;
  }

  .div-block-3349534 {
    background-position: 50%;
  }

  .image-47 {
    width: 80vw;
    margin-left: 10vw;
    margin-right: 10vw;
  }

  .heading-73 {
    font-size: 5vw;
    line-height: 7vw;
  }

  .image-48 {
    width: 60vw;
  }

  .heading-74 {
    font-family: Roboto Serif, sans-serif;
    font-size: 12vw;
    line-height: 12vw;
    display: flex;
  }

  .hero-headline-div._2 {
    display: none;
  }

  .linkconnectpage {
    font-weight: 400;
    text-decoration: none;
  }

  .preloader {
    z-index: 999999;
    background-image: radial-gradient(circle at 50% 40%, #1b1b1b, #000 53%);
    padding-bottom: 15vh;
    display: none;
  }

  .image-49 {
    width: 20vw;
    margin-bottom: -8vh;
  }

  .image-50 {
    width: 150vw;
    position: static;
  }

  .image-51 {
    width: 30vw;
    margin-bottom: 1vh;
  }

  .bold-text-13 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .image-52 {
    width: 20vw;
    margin-bottom: -8vh;
  }

  .image-53 {
    width: 150vw;
    position: static;
  }

  .image-54 {
    width: 30vw;
    margin-bottom: 1vh;
  }

  .bold-text-14 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .preloader-biography {
    flex-flow: column;
  }

  ._1 {
    font-size: 4vw;
    font-weight: 300;
  }

  .image-55 {
    width: 45vw;
  }

  .div-block-3349547 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-57 {
    width: 50vw;
  }

  .text-block-104 {
    text-align: center;
    font-size: 3vw;
  }

  .image-59 {
    margin-top: -18vh;
  }

  .preloader-contact {
    display: none;
  }

  .div-block-3349553 {
    height: auto;
    padding-bottom: 10vh;
  }

  .background-video-55 {
    margin-top: 0;
  }

  .background-video-56 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .link-3 {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
  }

  .heading-75 {
    font-size: 2.8vw;
  }

  .text-block-106 {
    font-size: 3vw;
    line-height: 6vw;
  }

  .image-61 {
    width: 80vw;
  }

  .bold-text-15 {
    font-size: 5vw;
  }

  .div-block-3349560 {
    grid-column-gap: 15vw;
    grid-row-gap: 15vw;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .activity-div {
    border-radius: 4vw;
    justify-content: flex-end;
    align-items: center;
    height: 90vh;
    padding-left: 0;
    padding-right: 0;
  }

  .activity-div.bringthemlight {
    border-radius: 5vw;
  }

  .activity-div.safehouseshow {
    background-image: linear-gradient(#0000 35%, #000 80%), url('../images/eg.jpg');
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
    padding-bottom: 6vw;
    padding-left: 0;
    padding-right: 0;
  }

  .activity-div.eliotzimet {
    border-radius: 3vw;
    padding-bottom: 4vw;
  }

  .heading-77 {
    text-align: center;
    font-size: 8vw;
    line-height: 10vw;
  }

  .text-block-107 {
    text-align: center;
    font-size: 4vw;
    font-weight: 100;
    line-height: 6vw;
  }

  .heading-78 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 1vh;
    font-size: 10vw;
    line-height: 11vw;
  }

  .button-23 {
    margin-top: 5vh;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .div-block-3349562 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10vh;
    display: flex;
  }

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

  .div-block-3349564 {
    justify-content: flex-end;
    align-items: center;
  }

  .button-24 {
    background-color: #fff;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 3vw;
  }

  .text-block-111 {
    margin-bottom: 1vh;
    font-size: 4vw;
    font-weight: 400;
  }

  .bold-text-16 {
    font-size: 6vw;
    line-height: 3vw;
  }

  .div-block-3349566 {
    background-image: url('../images/Brickwall-Tablet-Stream.jpg');
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    height: 100vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-3349567 {
    width: 100vw;
    height: 30vh;
    margin-top: 0;
    margin-bottom: 5vh;
  }

  .background-video-57 {
    border-radius: 6px;
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .heading-79 {
    color: #fff;
    text-align: center;
    margin-bottom: 1vh;
    font-size: 7vw;
    line-height: 9vw;
  }

  .div-block-3349569 {
    width: 70vw;
    height: 70vw;
  }

  .heading-80 {
    margin-bottom: 0;
    font-size: 9vw;
    line-height: 8vw;
  }

  .div-block-3349570 {
    background-image: linear-gradient(#0000 5%, #000 87%), url('../images/SvF-Contacts.png'), url('../images/Ghost-Flipside-Small.png');
    background-position: 0 0, 30% 100%, 0 30%;
    background-repeat: repeat, no-repeat, no-repeat;
    background-size: auto, 130vw, 30vw;
    padding-bottom: 20vh;
  }

  .div-block-3349574 {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .text-block-112 {
    color: #fff;
    text-shadow: 0 1px 1px #0000007d;
    margin-bottom: 1.5vh;
    font-size: 4vw;
    font-weight: 700;
  }

  .heading-81 {
    color: #fff;
    text-shadow: 0 1px 1px #0000007d;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 7vw;
    line-height: 8vw;
  }

  .div-block-3349575 {
    width: 10vw;
    height: 10vw;
    margin-right: 5vw;
  }

  .div-block-3349575._4 {
    margin-right: 0;
  }

  .profile-seperation-div {
    background-color: #888383;
  }

  .background-video-58 {
    z-index: 2;
    filter: contrast(120%);
  }

  .image-62 {
    width: 5vw;
    margin-right: 1vw;
    display: none;
  }

  .mobile-contact-vid {
    background-color: #0e0e0e;
    border-radius: 4vw;
    width: 100%;
    height: 80vh;
    margin-top: 10vh;
    margin-left: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .div-block-3349576 {
    width: 2vw;
    height: 2vw;
    margin-bottom: 3vw;
  }

  .image-63 {
    width: 40vw;
    margin-top: 5vh;
    display: block;
  }

  .contacts-wrapper {
    border-radius: 4vw;
  }

  .contact-details-image {
    background-image: url('../images/SHL-logo-Neon-On.png'), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Wallpaper.jpg');
    background-size: 50vw, auto, cover;
    height: 50vh;
  }

  .contact-details-image.ascania {
    background-image: url('../images/Arms_of_the_house_of_Anhalt_15th_century.svg-1.png'), linear-gradient(#0000, #0000), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Project0Img-HoA.jpg');
    background-size: 20vw, auto, auto, cover;
    height: 59vh;
  }

  .contact-details-image.safehouse {
    background-image: linear-gradient(0deg, #080808, #fff0 72%), url('../images/Review-Thumb.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    height: 60vh;
  }

  .contact-details-image.vonfal {
    background-image: url('../images/Vonfal-Logo_1.png'), linear-gradient(to bottom, null, null), linear-gradient(0deg, #080808, #fff0 72%), url('../images/Project-Img-Manhattan.jpg');
    background-size: 30vw, auto, auto, cover;
  }

  .contact-details-image.eve {
    background-size: 30vw, auto, cover;
    height: 50vh;
  }

  .youtube-2 {
    border-radius: 5vw;
  }

  .div-block-3349577 {
    width: 15vw;
    height: 15vw;
    margin-right: 5vw;
  }
}

#w-node-_13a16340-155d-1950-5535-ebc0a1b58550-99d61dd8, #w-node-b7c6acfb-a62f-2eb7-5670-fd5ebaf687de-99d61dd8, #w-node-_06596f5a-05cb-5435-a3f5-0af9aca5c951-99d61dd8, #w-node-_500d329a-0097-f70d-bed8-ac40f31f52c8-99d61dd8, #w-node-_219fcf86-d216-f2f3-4433-31ad5336aabf-b0d61ddb, #w-node-_219fcf86-d216-f2f3-4433-31ad5336aaca-b0d61ddb, #w-node-_219fcf86-d216-f2f3-4433-31ad5336aad5-b0d61ddb, #w-node-_219fcf86-d216-f2f3-4433-31ad5336aae0-b0d61ddb, #w-node-_219fcf86-d216-f2f3-4433-31ad5336aaeb-b0d61ddb, #w-node-dd74bf72-33c8-3414-ec22-24e7dc239a93-b0d61ddb, #w-node-dd74bf72-33c8-3414-ec22-24e7dc239a94-b0d61ddb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd74bf72-33c8-3414-ec22-24e7dc239a97-b0d61ddb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-dd74bf72-33c8-3414-ec22-24e7dc239a99-b0d61ddb, #w-node-dd74bf72-33c8-3414-ec22-24e7dc239a9c-b0d61ddb, #w-node-dd74bf72-33c8-3414-ec22-24e7dc239a9f-b0d61ddb, #w-node-dd74bf72-33c8-3414-ec22-24e7dc239aa0-b0d61ddb, #w-node-ffd299ad-2446-b1bc-2032-0363bdbd4ed2-b0d61ddb, #w-node-dd74bf72-33c8-3414-ec22-24e7dc239aa3-b0d61ddb, #w-node-b3e5a173-1ee4-1b67-f3b5-3b2149efa974-b0d61ddb, #w-node-_27324b0b-96c3-19bf-8b75-6b9a2079e8cb-b0d61ddb, #w-node-_3fdc1bb0-ba02-6d24-65b8-cf6c7f3f5ed5-b0d61ddb, #w-node-_31a60e62-2c32-30fd-b629-263dc503776c-b0d61ddb, #w-node-_29edaf38-f96d-83e0-33a0-005c381564ee-b0d61ddb, #w-node-_9aea0142-764c-2351-2066-96466cde49ea-b0d61ddb, #w-node-_0b859d00-e258-5052-2bf7-e096731df85f-b0d61ddb, #w-node-_8fa5094d-7edf-c7ff-b058-d320e4d92da6-b0d61ddb, #w-node-f7a9504b-f97e-8a9d-d487-fc6b31f4cd1f-b0d61ddb, #w-node-b6a784b8-81ef-5e88-c0c7-8be7fc091530-b0d61ddb, #w-node-b6a784b8-81ef-5e88-c0c7-8be7fc091544-b0d61ddb, #w-node-fb9c0d73-e188-256f-88d0-8c61a7cdf410-b0d61ddb, #w-node-fb9c0d73-e188-256f-88d0-8c61a7cdf424-b0d61ddb, #w-node-_7b852468-8118-d630-5fc6-8b021d502ddd-b0d61ddb, #w-node-_7b852468-8118-d630-5fc6-8b021d502de7-b0d61ddb, #w-node-_9628c511-f130-ab00-90c3-fe480ce00919-b0d61ddb, #w-node-_9628c511-f130-ab00-90c3-fe480ce00925-b0d61ddb, #w-node-_532b44de-75b5-03a4-2fe5-1876bfc2983d-b0d61ddb, #w-node-_532b44de-75b5-03a4-2fe5-1876bfc29848-b0d61ddb, #w-node-_90089765-e03a-a8c3-2a6d-eddd610cf80f-b0d61ddb, #w-node-_90089765-e03a-a8c3-2a6d-eddd610cf81a-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a264-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a265-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a268-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a26b-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a26e-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a271-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a272-b0d61ddb, #w-node-_87c1e8e6-8c22-253e-9c36-706e9e36bdae-b0d61ddb, #w-node-_9104eeef-8fc8-1c01-bb7c-48472642a275-b0d61ddb, #w-node-_57d4a560-9c7c-3ba9-7068-54c79fb87828-b0d61ddb, #w-node-_57d4a560-9c7c-3ba9-7068-54c79fb87836-b0d61ddb, #w-node-ead73c8a-8b71-4726-96d2-2440a4e75e28-b0d61ddb, #w-node-dbbda7c9-fd21-5075-078c-5b15dd57aac7-b0d61ddb, #w-node-d955a6c9-8f32-a975-ef89-ac5b2fd096c7-b0d61ddb, #w-node-d955a6c9-8f32-a975-ef89-ac5b2fd096d4-b0d61ddb, #w-node-_24d003f8-93ed-a8cb-2ae3-73e72860011e-b0d61ddb, #w-node-_24d003f8-93ed-a8cb-2ae3-73e728600129-b0d61ddb, #w-node-_4665be35-3efd-b9d8-c1ea-629ce4a179fa-b0d61ddb, #w-node-_4665be35-3efd-b9d8-c1ea-629ce4a17a07-b0d61ddb, #w-node-_934a364b-bce8-7915-f47e-8f37a9a75c4c-b0d61ddb, #w-node-_934a364b-bce8-7915-f47e-8f37a9a75c59-b0d61ddb, #w-node-c19b3dcb-6813-acc9-dc30-3cf9d8089a5c-b0d61ddb, #w-node-c19b3dcb-6813-acc9-dc30-3cf9d8089a69-b0d61ddb, #w-node-_48063138-051b-b3f3-de9c-813dd049b19e-b0d61ddb, #w-node-_63fcd0fe-fedc-72ac-737d-60bd4b6612fa-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa80-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa81-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa84-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa87-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa8a-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa8d-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa8e-b0d61ddb, #w-node-_220f148a-8ff6-5bba-2f59-615a75312209-b0d61ddb, #w-node-_50f6ccce-c453-c3c8-5d1d-52add24eaa91-b0d61ddb, #w-node-a4527e87-96eb-7d34-75c9-5dd8a563ccc8-b0d61ddb, #w-node-a4527e87-96eb-7d34-75c9-5dd8a563ccd6-b0d61ddb, #w-node-a75c5c4a-4ece-76fc-0fe6-918006d827cc-b0d61ddb, #w-node-a75c5c4a-4ece-76fc-0fe6-918006d827ce-b0d61ddb, #w-node-_9488fe08-d174-b828-cad9-6c83b61d5896-b0d61ddb, #w-node-_9488fe08-d174-b828-cad9-6c83b61d58a3-b0d61ddb, #w-node-a83837f7-dfd3-2078-e22e-31d65530c194-b0d61ddb, #w-node-a83837f7-dfd3-2078-e22e-31d65530c19f-b0d61ddb, #w-node-_31970567-f44d-c1ee-840b-b46dddc44dfd-b0d61ddb, #w-node-_31970567-f44d-c1ee-840b-b46dddc44e0a-b0d61ddb, #w-node-_7aca5498-99a3-8ed0-75fc-8498b3aef77e-b0d61ddb, #w-node-_7aca5498-99a3-8ed0-75fc-8498b3aef78b-b0d61ddb, #w-node-_3598f4bb-123d-33fb-5798-e3203921de7f-b0d61ddb, #w-node-_3598f4bb-123d-33fb-5798-e3203921de8a-b0d61ddb, #w-node-e84c5b51-267e-06f5-3a08-88b836c54de5-b0d61ddb, #w-node-e84c5b51-267e-06f5-3a08-88b836c54df0-b0d61ddb, #w-node-_0a53ddfd-6ea4-f960-0a69-103f18dbc9e8-b0d61ddb, #w-node-_0a53ddfd-6ea4-f960-0a69-103f18dbc9f5-b0d61ddb, #w-node-_2ac7224d-8745-be28-ff68-c8f0a2be32da-b0d61ddb, #w-node-_76dd542e-7f64-d8cc-0a0f-732a9e077cef-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea924-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea925-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea928-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea92b-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea92e-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea931-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea932-b0d61ddb, #w-node-_8b5c3e95-aa7b-3b0f-bfab-b43d5dfecaac-b0d61ddb, #w-node-_04823944-8772-d162-cd17-88bb7e8ea935-b0d61ddb, #w-node-f17128b2-6cee-4cc8-4a36-cca790463092-b0d61ddb, #w-node-b5cc13ee-7200-74ed-9f1b-eeff79428ece-b0d61ddb, #w-node-b5cc13ee-7200-74ed-9f1b-eeff79428edc-b0d61ddb, #w-node-deed83cf-69f3-90b5-0f3b-9c710899eeea-b0d61ddb, #w-node-e667b565-0dd3-13e0-9b6f-e49c6af7eb0a-b0d61ddb, #w-node-_50e88571-3c70-588e-2ebd-e0ea0604c1c7-b0d61ddb, #w-node-_50e88571-3c70-588e-2ebd-e0ea0604c1c5-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1d8-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1d9-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1dc-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1df-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1e2-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1e5-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1e6-b0d61ddb, #w-node-_2950a1f4-70f1-1b1e-8235-85eddeebcd05-b0d61ddb, #w-node-_8460e537-b111-95c3-d925-cdaaba8db1e9-b0d61ddb, #w-node-_7779967a-7928-5ea1-5eb7-98a5b46d834f-b0d61ddb, #w-node-e0dd0f3a-5d5d-b0f3-bbe2-d5c319512bb7-b0d61ddb, #w-node-e0dd0f3a-5d5d-b0f3-bbe2-d5c319512bc5-b0d61ddb, #w-node-dc7a0bcf-7573-9384-2cc8-cb8e59d312b8-b0d61ddb, #w-node-dc7a0bcf-7573-9384-2cc8-cb8e59d312c5-b0d61ddb, #w-node-ae265fb3-ea86-345c-c241-13a1d9465a6f-b0d61ddb, #w-node-ae265fb3-ea86-345c-c241-13a1d9465a7a-b0d61ddb, #w-node-ecbfdfb9-b00f-c5a0-bd14-8ff9bd4ad7e1-b0d61ddb, #w-node-ecbfdfb9-b00f-c5a0-bd14-8ff9bd4ad7eb-b0d61ddb, #w-node-_789501d4-83bf-ad04-6547-9d8c4530b1b6-b0d61ddb, #w-node-_789501d4-83bf-ad04-6547-9d8c4530b1c1-b0d61ddb, #w-node-c16edff5-3a87-94fc-0972-b993f5c943b0-b0d61ddb, #w-node-c16edff5-3a87-94fc-0972-b993f5c943b8-b0d61ddb, #w-node-_679e2132-51db-9729-1b0c-253ab1cf6371-7d1d93de, #w-node-_0a876b96-2470-e201-54a4-abca3566837b-d1d61ddc, #w-node-_0a876b96-2470-e201-54a4-abca35668384-d1d61ddc, #w-node-_0a876b96-2470-e201-54a4-abca3566838d-d1d61ddc, #w-node-_291d0d6b-d71c-5d06-d8f0-ce3121e237d2-6bd61de0, #w-node-_2ddf840b-14ff-52ea-c21c-29b0d833d612-6bd61de0, #w-node-_4f62274e-c53b-ee27-2ec6-d68350bc218c-6bd61de0, #w-node-_5edbdc0e-139f-9f9c-c94e-a14bd29e370b-6bd61de0, #w-node-_57460d05-d04c-c651-cefc-605f2bd3c8e3-6bd61de0, #w-node-_679c29d8-2f93-37ca-fc16-9c2aeee7e2f3-6bd61de0, #w-node-fddef6ac-efb7-2983-8d24-fb16a9d3fe13-6bd61de0, #w-node-_91e2f0ee-9d44-aadf-6362-bc52828324cc-6bd61de0, #w-node-b81de72d-1a4f-b413-c2f8-94f23baab05f-6bd61de0, #w-node-b3a4322f-911d-f6e5-a047-4a0c2dbf95aa-6bd61de0, #w-node-_18012ba4-24e2-2645-9e66-4b3b65b38bec-6bd61de0, #w-node-f96febd2-c731-87de-b236-7c3f29e0ee32-6bd61de0, #w-node-f96febd2-c731-87de-b236-7c3f29e0ee44-6bd61de0, #w-node-_0445003c-9bb6-194d-4102-2798d51fa5bf-6bd61de0, #w-node-_894988cd-7a51-8a72-c506-30e509d2d172-6bd61de0, #w-node-cb94dd20-b760-97c7-83ce-a6014c2e78b7-6bd61de0, #w-node-cb94dd20-b760-97c7-83ce-a6014c2e78c9-6bd61de0, #w-node-_4e3b34d1-c1a7-9882-5072-fada45e95fc8-6bd61de0, #w-node-_4e3b34d1-c1a7-9882-5072-fada45e95fda-6bd61de0, #w-node-b50f3e28-8e5f-2f0a-2227-5e5f63f462ff-6bd61de0, #w-node-b50f3e28-8e5f-2f0a-2227-5e5f63f46311-6bd61de0, #w-node-_420e53d0-aa5c-3c8b-0ec0-fa798be7b70c-6bd61de0, #w-node-_420e53d0-aa5c-3c8b-0ec0-fa798be7b71e-6bd61de0, #w-node-e6ed767a-35de-64dc-8b44-1088ab7d71f1-6bd61de0, #w-node-e6ed767a-35de-64dc-8b44-1088ab7d7205-6bd61de0, #w-node-be6bed70-d70e-b8f0-9d88-741b5c08d189-6bd61de0, #w-node-be6bed70-d70e-b8f0-9d88-741b5c08d19f-6bd61de0, #w-node-_2e95bc73-66fb-a5d9-a446-c7ce8f082be2-6bd61de0, #w-node-_2e95bc73-66fb-a5d9-a446-c7ce8f082bf8-6bd61de0, #w-node-_1c2e1546-ba3b-b691-f6c2-864b9321bcd7-6bd61de0, #w-node-_1c2e1546-ba3b-b691-f6c2-864b9321bce9-6bd61de0, #w-node-bac82c89-5449-e26f-00e1-f4a784b0fa21-6bd61de0, #w-node-bac82c89-5449-e26f-00e1-f4a784b0fa33-6bd61de0, #w-node-_9d0a9193-0582-9c5f-8898-815a254de274-6bd61de0, #w-node-_9d0a9193-0582-9c5f-8898-815a254de2c3-6bd61de0, #w-node-_6b85ee0d-14d8-7a1a-5452-d2e5cd9fef8b-6bd61de0, #w-node-_494b9a0f-72cd-f750-f000-58f3e23fcedb-6bd61de0, #w-node-a2dbe3af-8e2d-46a3-cab5-57454acab154-6bd61de0, #w-node-a2dbe3af-8e2d-46a3-cab5-57454acab166-6bd61de0, #w-node-_07e3b07b-4648-769a-2a89-71d8bcdbc6ff-6bd61de0, #w-node-_07e3b07b-4648-769a-2a89-71d8bcdbc711-6bd61de0, #w-node-_9d2cc87c-5235-ef37-e5d9-ade792c2327a-6bd61de0, #w-node-_9d2cc87c-5235-ef37-e5d9-ade792c23286-6bd61de0, #w-node-_148526ed-f90f-f79c-0723-ac08bf697269-77d61de2, #w-node-_148526ed-f90f-f79c-0723-ac08bf69727c-77d61de2, #w-node-_148526ed-f90f-f79c-0723-ac08bf69728c-77d61de2, #w-node-_32d1fe22-5de8-d1d2-68ca-74f46eebdd79-77d61de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c903a428-65b4-9b5b-08e2-3127f52a58ac-77d61de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_892458e7-2bc0-fbd8-1db7-bb8f290fd285-77d61de2, #w-node-_218f4c51-b8fc-d070-9bcc-324290bfb6eb-77d61de2, #w-node-_2032bfbd-6798-3103-2ae4-c6296717c88a-77d61de2, #w-node-_587cc192-509f-f444-b055-7cc6ae5e1155-77d61de2, #w-node-ca8aef31-bfa2-ea4c-bcde-7ee915ce7fb4-77d61de2, #w-node-ca8aef31-bfa2-ea4c-bcde-7ee915ce7fbe-77d61de2, #w-node-c0b573d0-234f-58c6-35c2-a0cc9739ac12-77d61de2, #w-node-_1be21146-04ba-f707-6158-6f87d21b4096-77d61de2, #w-node-_6b6cd25c-6abb-eee9-4b5f-4ca54a432bf3-77d61de2, #w-node-_9de5da5d-d35e-44e7-be48-6d1423d4c176-77d61de2, #w-node-adaba165-91d1-3aed-a7fb-9911800707d8-77d61de2, #w-node-ad9b6d01-8e23-3e53-6956-40e4e74e480d-77d61de2, #w-node-_7b672113-78a5-47d9-d3e7-5a79d8176e37-77d61de2, #w-node-_9ed0b2b8-fa42-9e0b-dbb1-b406efbafe83-77d61de2, #w-node-d8ae3f5a-d327-25e1-1a0f-84b761d068b0-77d61de2, #w-node-_7e625bd3-af87-6e7f-c1f7-9fd58841890f-77d61de2, #w-node-_02a78f5f-e384-4d2c-4d88-3a569e1b86c8-77d61de2, #w-node-_32321c55-71f3-528c-d586-842b84e7d84a-77d61de2, #w-node-_4238f5ce-e814-9c47-f817-f25bd9daed46-77d61de2, #w-node-f2c67e5f-1479-4743-aaf1-5dde920f81d4-77d61de2, #w-node-e0f53084-ff1b-9968-f9fd-996d9f599e2e-77d61de2, #w-node-ae364deb-0029-ecbe-e342-60940271b280-0271b27f, #w-node-ae364deb-0029-ecbe-e342-60940271b28c-0271b27f, #w-node-_6d409527-e8a9-6481-cde9-266eac26f008-b7d61de3, #w-node-_9b3aeede-f98b-6e5e-f655-659297821cc6-b7d61de3, #w-node-_5d74a835-115c-930e-d8d8-0b97a4e92dec-b7d61de3, #w-node-_70100219-79ba-50a2-f5c1-5ff2289ad9e9-b7d61de3, #w-node-_70100219-79ba-50a2-f5c1-5ff2289ada17-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f6b-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f78-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f7a-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f7c-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f7e-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f80-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f82-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f8a-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f8c-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f8e-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f90-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f92-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f94-b7d61de3, #w-node-_9f6af558-1fbc-0c7b-e8bb-624b912f8f9c-b7d61de3, #w-node-deee0b2b-79f1-becf-81ea-2f4570a5b883-b7d61de3, #w-node-deee0b2b-79f1-becf-81ea-2f4570a5b88c-b7d61de3, #w-node-_903fb425-7fe5-cdf5-46ea-069762343ffe-b7d61de3, #w-node-_903fb425-7fe5-cdf5-46ea-06976234401c-b7d61de3, #w-node-_3cf07cb5-c83f-25a4-3e3d-af0ed30ad3c0-b7d61de3, #w-node-e0968fea-6361-4cf1-2651-366a9fab6962-b7d61de3, #w-node-_3a16d8c6-ad37-50cc-c06e-2e9ef4cc0129-b7d61de3, #w-node-_88e27d28-2591-a9db-f045-08be6d844a06-b7d61de3, #w-node-_8497d6b1-dece-cef2-f917-afa174f2a83d-b7d61de3, #w-node-_459fb283-7ea2-f9ea-e7ea-0a5f3cb0f6d2-b7d61de3, #w-node-_644f5dcb-ab5d-ab22-91f6-215eb3429117-b7d61de3, #w-node-da40493f-5e4d-3fe4-f4a8-420e8f0ccd10-b7d61de3, #w-node-eff67616-41e0-c346-e267-9cf8e8e00b22-b7d61de3, #w-node-f180533b-fad3-7a42-fd1f-06da935d4115-b7d61de3, #w-node-fe47c882-a24d-0b75-3bb7-702f758770f4-b7d61de3, #w-node-f7a1c10a-0a84-a586-6cd2-7d9280af9d62-b7d61de3, #w-node-_748fb393-904a-944a-ac44-1928c205cbc4-36d61de4, #w-node-_748fb393-904a-944a-ac44-1928c205cbd7-36d61de4, #w-node-_748fb393-904a-944a-ac44-1928c205cbe7-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dbb-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dbc-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dbf-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dc0-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dc3-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dc6-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dc7-36d61de4, #w-node-_5b4d2a5a-ecf1-d19c-5b50-690b76b88dca-36d61de4, #w-node-b19bd67f-fe5e-c9cb-53e3-1179d95b0556-36d61de4, #w-node-_1690e521-547e-45c3-5641-f1457052dc14-36d61de4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1690e521-547e-45c3-5641-f1457052dc2c-36d61de4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_82d2f022-8efd-dc42-8706-df5d794ef753-36d61de4, #w-node-_82d2f022-8efd-dc42-8706-df5d794ef756-36d61de4, #w-node-_82d2f022-8efd-dc42-8706-df5d794ef759-36d61de4, #w-node-_2e335aed-f5d0-012e-698c-3893d170a071-36d61de4, #w-node-_2e335aed-f5d0-012e-698c-3893d170a074-36d61de4, #w-node-_2e335aed-f5d0-012e-698c-3893d170a077-36d61de4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-b6a784b8-81ef-5e88-c0c7-8be7fc091544-b0d61ddb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_903fb425-7fe5-cdf5-46ea-069762343ffe-b7d61de3 {
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9d0a9193-0582-9c5f-8898-815a254de274-6bd61de0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }
}


@font-face {
  font-family: 'Shentoxtrial Bdit';
  src: url('../fonts/ShentoxTRIAL-BdIt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Lt';
  src: url('../fonts/ShentoxTRIAL-Lt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Ultltit';
  src: url('../fonts/ShentoxTRIAL-UltLtIt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Thit';
  src: url('../fonts/ShentoxTRIAL-ThIt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Smbd';
  src: url('../fonts/ShentoxTRIAL-SmBd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Ultlt';
  src: url('../fonts/ShentoxTRIAL-UltLt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Smbdit';
  src: url('../fonts/ShentoxTRIAL-SmBdIt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Mdit';
  src: url('../fonts/ShentoxTRIAL-MdIt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Rgit';
  src: url('../fonts/ShentoxTRIAL-RgIt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Th';
  src: url('../fonts/ShentoxTRIAL-Th.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Rg';
  src: url('../fonts/ShentoxTRIAL-Rg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Md';
  src: url('../fonts/ShentoxTRIAL-Md.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Bd';
  src: url('../fonts/ShentoxTRIAL-Bd.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shentoxtrial Ltit';
  src: url('../fonts/ShentoxTRIAL-LtIt.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}