html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

.w-popover {
  position-anchor: none;
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

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

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53cc9e19a92_Gotham-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5dc13e19b38_Gotham-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5735fe19b3a_Gotham-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51a38e19b39_Gotham-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Ochre;
  src: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fefe31601bdfaee64ab794e_Ochre-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Canela;
  src: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e039dd20b1ac55641e5158e_Canela-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Canela;
  src: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e039deded2a275b84590a3e_Canela-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --white: white;
  --slate: #1d1a1a;
  --gold: #ffcd2e;
  --dark-slate-grey-2: #3a5463;
  --antique-white: #f5e7d2;
  --medium-violet-red: #8d2d63;
  --cyan: #03eaff;
  --gainsboro: #d8d8d8;
  --dark-slate-grey: #444;
  --light-coral: #dd7273;
  --light-coral-2: #e48283;
}

.body-old {
  color: #fff;
  text-align: center;
  background-color: #1d1a1a;
  font-family: Ovo, sans-serif;
  font-weight: 400;
}

.welcome {
  height: 200px;
}

.video-home {
  text-align: center;
  background-image: linear-gradient(#1f2b3154, #1f2b3154), linear-gradient(#0000001c, #1d1a1a00);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 223px;
  padding-bottom: 223px;
  display: flex;
  inset: 0;
}

.header-home-div {
  z-index: 2;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.nav-subtitle {
  color: #fff;
  letter-spacing: 3px;
  text-shadow: 1px 1px 6px #00000080;
  margin-top: 2px;
  font-size: 8.5px;
  font-weight: 900;
  position: absolute;
  top: 22px;
  right: 25px;
}

.nav-subtitle.projects {
  display: none;
}

.header-arrow {
  z-index: 0;
  text-align: center;
  height: 90px;
  margin-left: 25px;
  margin-right: 25px;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
}

.scroll-arrow-text {
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 34%;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 9px;
  line-height: 25px;
  display: block;
}

.tagline-home-header {
  color: #fff;
  letter-spacing: 8px;
  margin-top: 12px;
  font-size: 16.5px;
  display: block;
}

.home-header-button {
  letter-spacing: 4px;
  background-color: #0000;
  border: 1px solid #fff;
  margin-top: 28px;
  margin-left: 31px;
  margin-right: 31px;
  padding: 14px 41px;
  font-size: 12px;
  display: block;
}

.hero {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac549fde19a6a_marcus-hero-bg.jpg");
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  padding-top: 300px;
  padding-bottom: 300px;
}

.hero-title {
  letter-spacing: 12px;
  margin-top: 0;
  font-size: 96px;
  font-weight: 400;
}

.hero-subtitle {
  letter-spacing: 15px;
  margin-top: 33px;
  font-size: 17px;
}

.coming-soon {
  letter-spacing: 3px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 450px;
  margin-top: 114px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-bottom: 11px;
  display: block;
}

.head {
  height: 100vh;
  margin-top: 32px;
  margin-left: 32px;
  margin-right: 32px;
  position: fixed;
  inset: 0;
}

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

.mosaic {
  z-index: 1;
  text-align: center;
  background-color: #fff;
  margin-top: 0;
  padding-top: 152px;
  padding-bottom: 110px;
  display: none;
  position: relative;
}

.mosaic.projects {
  display: none;
}

.mosaic.world {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.mosaicblock {
  z-index: 1;
  float: none;
  width: 20%;
  box-shadow: none;
  border-right-color: #0000;
  border-radius: 2px;
  margin: 16px 13px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.mosaicblock.footer-block {
  width: 10%;
}

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

.introdiv {
  z-index: 4;
  text-align: center;
  background-color: #242529;
  height: 700px;
  padding-top: 317px;
  padding-bottom: 317px;
  line-height: 28px;
  display: none;
  position: fixed;
  inset: 0;
}

.introquote {
  color: #fff;
  letter-spacing: 2px;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  font-family: Ovo, sans-serif;
  font-size: 13px;
  display: block;
}

.topnav {
  z-index: 10;
  text-align: center;
  background-color: #374c58e6;
  background-image: linear-gradient(#0000008c, #0000008c);
  height: 70px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.topnav.projects {
  background-color: #0000;
  background-image: none;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.topnav-logo {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cccbed2a273caa55d912_yves-and-co-logo-test.png");
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: 165px;
  width: 280px;
  height: 30px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.topnav-logo.projects {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2fd67cca409a2ee3acaff4_yves-and-co-logo-black.jpg");
  background-position: 0%;
  background-size: contain;
  background-attachment: scroll;
  width: 200px;
  height: 29px;
  line-height: 20px;
  display: block;
}

.topnav-menu-button {
  z-index: 8;
  opacity: .75;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac522afe19ccb_close-icon1.png");
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 200px;
  height: 70px;
  transition: opacity .7s;
  position: absolute;
  top: 0;
  left: 0;
}

.topnav-menu-button:hover {
  opacity: .24;
}

.topnav-menu-button.original {
  z-index: 11;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.hamburger {
  position: absolute;
  top: 23px;
  left: 22px;
}

.explore-text {
  font-size: 15px;
  position: absolute;
  top: 32px;
  left: 66px;
}

.belowheader {
  z-index: 4;
  text-align: center;
  background-color: #fff;
  position: relative;
}

.firstsection {
  z-index: 1;
  text-align: center;
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  margin-top: -89px;
  padding-bottom: 9px;
  position: relative;
}

.firstsection.vibrancy {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.firstsection.second {
  background-image: linear-gradient(to right, #1d1a1ae6, #1d1a1a33), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53e28e19bd0_welcome-bg5.jpg");
  background-position: 0 0, 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.firstsection.third {
  background-image: linear-gradient(to right, #0000, #212425cc), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52edee19bba_welcome-bg4.jpg");
  background-position: 0 0, 50% 0;
}

.examples {
  perspective: 4000px;
  text-align: center;
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 0;
  position: relative;
}

.sidemenu {
  z-index: 5;
  text-align: center;
  background-image: linear-gradient(#000000ba, #000000ba);
  width: 38%;
  display: none;
  position: fixed;
  top: 74px;
  bottom: 0;
  left: 0;
}

.sidemenu-logo {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5f0d3e19a81_marcus-yves-logo2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 68%;
  height: 100px;
  margin: 42px auto 44px;
  display: block;
}

.sidemenu-link {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-top: 1px;
  margin-bottom: 34px;
  font-family: Gotham Light;
  font-size: 14px;
  text-decoration: none;
  display: block;
}

.example-section {
  margin-top: 195px;
}

.example-section.top {
  margin-top: 131px;
}

.example-title {
  color: #31383d;
  text-align: center;
  font-family: Serendipity Wide;
  font-size: 90px;
}

.example-subtitle {
  text-align: center;
  letter-spacing: 2px;
  margin-top: 55px;
  font-family: Gotham Light;
  font-size: 11px;
}

.example-subtitle.websites {
  margin-top: 75px;
}

.films-video {
  margin-top: 26px;
}

.examples-intro-text {
  text-align: center;
  letter-spacing: 0;
  width: 75%;
  margin-top: 85px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham Light;
  font-size: 42px;
  line-height: 45px;
  display: block;
}

.examples-grid {
  margin-top: 43px;
}

.website-block {
  float: left;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57f23e19a93_Screen%20Shot%202017-06-15%20at%204.03.57%20PM.png");
  background-position: 0 0;
  background-size: cover;
  width: 50%;
  height: 300px;
}

.website-block.aims {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57f28e19a94_Screen%20Shot%202017-06-15%20at%209.22.13%20AM.png");
}

.website-block.welcome {
  background-image: none;
}

.website-block._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5632de19a95_2xd-screenshot.jpg");
}

.website-block.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51607e19a76_YourVoice%20-%20Stories%20Showcase.png");
}

.website-block.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51ce0e19a6e_Screen%20Shot%202017-06-15%20at%204.34.25%20PM.png");
}

.website-block.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5a9fde19a9b_alldyn-example.jpg");
}

.website-block.lori {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5996ee19a9c_lori-deutsch-example.jpg");
}

.examples-block {
  float: left;
  background-image: linear-gradient(#151a203b, #151a203b), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5662ae19aa4_leadership-bg1.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 50%;
  height: 300px;
  position: relative;
}

.examples-block.aims {
  background-image: linear-gradient(#151a20bf, #151a20bf), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac538cce19aae_welcome-slider-bg7.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.examples-block.refeed {
  background-image: linear-gradient(#151a203b, #151a203b), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5bde1e19a4d_refeed-bg.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.examples-block.shelf {
  background-image: linear-gradient(#1f2a38a6, #1f2a38a6), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51d5be19a77_58a1381503ea551763f203dd_header-bg5.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.examples-block.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5e333e19a9a_your-voice-bg.jpg");
  background-position: 50%;
  background-size: cover;
}

.examples-block.exp {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53567e19a99_exp-trips-bg.jpg"), linear-gradient(#151a203b, #151a203b);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.examples-block.vibrancy {
  background-image: linear-gradient(#151a204d, #151a204d), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5922be19a71_Screen%20Shot%202017-06-18%20at%202.58.48%20PM.png");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.examples-block.universe {
  background-image: linear-gradient(#151a203b, #151a203b), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5853ae19ae5_universe-bg.jpg");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.examples-intro-subtext {
  text-align: center;
  letter-spacing: 3px;
  margin-top: 9px;
  margin-bottom: 0;
  font-family: Gotham Light;
  font-size: 12px;
}

.example-logo {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56448e19aa9_alldyn-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 340px;
  position: absolute;
  inset: 0;
}

.example-logo.aims {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac513ede19aa2_aims360-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 350px;
}

.example-logo.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53df9e19ab0_ReFeed-Logo1.png");
  background-position: 50% 43%;
  background-size: 300px;
}

.example-logo.shelf {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59899e19aa3_shelf-logo.png");
  background-size: 260px;
}

.example-logo.exp {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52629e19aaa_exp-trips-logo.png");
  background-position: 50% 54%;
  background-size: 180px;
}

.example-logo.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5ca29e19aa8_your-voice-logo161x165_2x.png");
  background-size: 188px;
}

.example-logo.universe {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5143ae19ae6_universe-logo.png");
  background-size: 130px;
}

.example-logo.vibrancy {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac55241e19a70_vibrancy-logo1.png");
  background-position: 50% 51%;
  background-size: 400px;
}

.photos-example {
  margin-top: 83px;
}

.photos-example.second {
  margin-top: 141px;
}

.photos-example-subtext {
  text-align: center;
  letter-spacing: 9px;
  margin-top: 67px;
  margin-bottom: 29px;
  font-family: Gotham Light;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.apps-example {
  margin-top: 59px;
}

.apps-example-logo {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

.header-top-line {
  z-index: 1;
  width: 100%;
  height: 7px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.inner-div {
  perspective: 1000px;
  color: #ffcd2e;
  text-align: left;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 130px;
  font-family: Gotham Light;
  font-size: 18px;
  font-weight: 400;
  display: block;
}

.inner-div.third {
  text-align: right;
}

.intro-text1 {
  color: #445468;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  font-family: Gotham, sans-serif;
  font-size: 3vw;
  font-weight: 300;
  line-height: 6vw;
  display: block;
}

.intro-text1.second {
  text-align: left;
}

.intro-text1.third {
  text-align: right;
}

.intro-text1.small {
  letter-spacing: 6px;
  margin-bottom: -28px;
  font-size: 1.3vw;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  font-family: Gotham Light;
  font-size: 12px;
}

.text-block-2.second {
  text-align: left;
}

.text-block-2.third {
  text-align: right;
}

.intro-text3 {
  color: #413535;
  text-align: center;
  letter-spacing: 0;
  width: 65%;
  margin-top: 59px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham Light;
  font-size: 23px;
  line-height: 44px;
  display: block;
}

.intro-text3.second {
  text-align: left;
  display: inline-block;
}

.intro-text3.third {
  text-align: right;
  width: 60%;
  display: inline-block;
}

.text-block-3 {
  color: #fff;
  text-align: center;
  width: 40%;
  margin-top: 54px;
  margin-left: 34px;
  margin-right: 34px;
  font-family: Gotham Light;
  font-size: 23px;
  font-weight: 400;
  line-height: 39px;
  display: inline-block;
}

.text-block-3.right {
  text-align: left;
  padding-top: 0;
}

.text-block-3.left {
  text-align: right;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.divider-line1 {
  color: #ffc200;
  background-color: #ffc200;
  width: 2px;
  height: 265px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.highlight-text1 {
  color: #3dd7e6;
}

.div-block {
  width: 40%;
  margin-right: 34px;
  display: inline-block;
}

.projects-header-filler {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: relative;
  inset: 0;
}

.vibrancy-header-inner-div {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.vibrancy-header-title {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-shadow: 5px 5px 30px #000c;
  font-family: Raleway, sans-serif;
  font-size: 10.5vw;
  font-weight: 100;
}

.vibrancy-header-sub {
  color: #dbdbdb;
  text-align: center;
  letter-spacing: 1.1vw;
  text-shadow: 1px 1px 6px #000;
  margin-top: 54px;
  font-family: Raleway, sans-serif;
  font-size: 1.05vw;
  font-weight: 200;
  line-height: 2.3vw;
}

.vibrancy-mosaic-block {
  float: left;
  width: 20%;
}

.vibrancy-head-filler {
  height: 100vh;
}

.vibrancy-down-arrow-div {
  z-index: 1;
  font-family: Gotham, sans-serif;
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
}

.vibrancy-down-arrow {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block-4 {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  width: 20%;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 10px;
  line-height: 23px;
  display: block;
}

.text-block-4.projects-header-arrow {
  color: #3a5463;
}

.brand-scenes {
  position: relative;
}

.scene {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac562e1e19b69_shelf-scene.jpg");
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  height: 100vh;
  position: relative;
}

.scene.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5570fe19b7f_refeed-scene.jpg");
  background-attachment: scroll;
  height: 100vh;
  position: relative;
}

.scene.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5faa8e19b90_alldyn-scene.jpg");
  background-attachment: scroll;
}

.scene.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51a7ee19b6a_your-voice-scene.jpg");
  background-attachment: scroll;
}

.scene.welcome {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac55d93e19b6c_welcome-scene.jpg");
}

.scene.frontera {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5315be19d01_frontera-scene1.jpg");
  background-repeat: no-repeat;
}

.scene.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5734ae19d02_whisper-scene1.jpg");
  background-repeat: no-repeat;
}

.scene.waiakea {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac54174e19d03_waiakea-scene1.jpg");
}

.scene._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52b88e19a64_2xd-scene.jpg");
  background-repeat: no-repeat;
  display: none;
}

.scene.tutorall {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52718e19acb_tutorall-scene.jpg");
  background-repeat: no-repeat;
}

.scene.exp-trips {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51107e19acc_exp-trips-scene.jpg");
  background-repeat: no-repeat;
}

.scene.universe {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac505d0e19acd_universe-scene.jpg");
  background-repeat: no-repeat;
  height: 100vh;
}

.scene.aims360 {
  z-index: 0;
  background-color: #f6e6d0;
  background-image: none;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.scene.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c190e19be1_steel-wool-scene.jpg");
  background-repeat: no-repeat;
}

.scene.verde {
  background-image: none;
  height: 100vh;
}

.body {
  color: #23272a;
  background-color: #fff;
  margin-top: 32px;
  margin-left: 32px;
  margin-right: 32px;
  font-family: Gotham, sans-serif;
  font-weight: 400;
}

.body.story {
  background-color: #fffcf3;
}

.body.verde {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
}

.header-links {
  text-align: center;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
}

.header-links.projects {
  z-index: 6;
  cursor: pointer;
  margin-top: 17px;
}

.header-links.world {
  z-index: 4;
  background-image: linear-gradient(#00000047, #0000);
  padding-top: 40px;
  padding-bottom: 81px;
  top: 0;
}

.header-link-text {
  color: #fff;
  letter-spacing: 7px;
  cursor: pointer;
  margin-left: 34px;
  margin-right: 34px;
  font-family: Gotham, sans-serif;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
}

.header-link-text.story {
  color: #2a2f35;
}

.thumbnail {
  float: left;
  cursor: pointer;
  border: 1.5px solid #fff;
  width: 33.33%;
  overflow: hidden;
}

.thumbnail.top {
  border-top-width: 0;
}

.highlight-text2 {
  font-style: normal;
  text-decoration: none;
}

.welcome-quote-text {
  color: #696969;
  text-align: center;
  width: 30%;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham Light;
  font-size: 15.5px;
  line-height: 26px;
  display: block;
}

.welcome-quote-author {
  color: #2a2f35;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham Light;
  font-size: 12px;
  display: block;
}

.world-image {
  float: left;
  border-style: solid;
  border-color: var(--white);
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.image-2 {
  width: 100%;
}

.mobile-scene-div.shelf, .mobile-scene-div.refeed, .mobile-scene-div.alldyn, .mobile-scene-div.welcome, .mobile-scene-div.frontera {
  display: none;
}

.mobile-scene-div.aims360 {
  z-index: 1;
  text-align: center;
  width: 330px;
  margin-left: 135px;
  padding-top: 137px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-scene-div.your-voice, .mobile-scene-div.whisper, .mobile-scene-div.steel-wool {
  display: none;
}

.project-details-text {
  color: #2d393b;
  letter-spacing: 1px;
  margin-top: 20px;
  font-family: Gotham, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.project-details-text1 {
  color: #343e4af0;
  width: 65%;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 17px;
  line-height: 24px;
  display: block;
}

.scene-learn-more-button {
  color: #202525;
  letter-spacing: 2px;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 6px;
  margin-top: 19px;
  padding: 8px 25px;
  font-family: Gotham, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.story-header {
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: 125px;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.story-title {
  text-align: center;
  letter-spacing: 2px;
  margin-top: 69px;
  font-family: Serendipity Wide;
  font-size: 95px;
  font-weight: 400;
}

.story-subtitle {
  text-align: center;
  letter-spacing: 3.5px;
  margin-top: 66px;
  font-family: Gotham Light;
  font-size: 12px;
}

.block-quote {
  text-align: center;
  border-left-width: 0;
  width: 35%;
  margin: 38px auto 0;
  padding-bottom: 3px;
  font-family: Gotham Light;
  font-size: 14.5px;
  line-height: 28px;
  display: block;
}

.quote-author {
  font-family: Gotham Light;
  font-size: 12px;
}

.story-header-image {
  width: 50%;
  margin-top: 45px;
  margin-bottom: 77px;
  box-shadow: 7px 7px 80px 9px #bdbdbd;
}

.story-main-body {
  perspective: 1000px;
  text-align: center;
  background-color: #fff;
  overflow: hidden;
}

.story-body-text {
  text-align: center;
  width: 35%;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham Light;
  font-size: 24px;
  line-height: 38px;
  display: block;
}

.story-body-text1 {
  width: 60%;
  margin-top: 57px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham Light;
  font-size: 26px;
  line-height: 47px;
  display: block;
}

.youth-mosaic {
  margin-top: 109px;
  margin-bottom: 109px;
}

.story-mosaic1 {
  width: 33.33%;
}

.story-mosaic1.middle {
  transform: scale(1.19);
}

.intro-text4 {
  color: #fff;
  text-shadow: 1px 1px 3px #00000045;
  width: 70%;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 48px 34px 0;
  font-size: 22px;
  line-height: 32px;
  display: inline-block;
}

.intro-text-highlight {
  color: #fff;
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.producer-icons {
  text-align: center;
  margin-top: 24px;
  display: inline-block;
}

.producer-icon-div {
  float: left;
  text-align: center;
  width: 15%;
  height: 100%;
  margin-left: 21px;
  margin-right: 21px;
  display: inline-block;
}

.producer-icon {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57b11e19b55_execution-icon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75px;
  width: 130px;
  height: 118px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.producer-icon.finances {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57141e19b56_finances-icon.png");
  background-size: 48px;
}

.producer-icon.labor {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5fe44e19b57_labor-icon.png");
  background-size: 60px;
}

.producer-icon.management {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5fe98e19b58_management-icon.png");
  background-size: 76px;
}

.producer-icon.inspiration {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac538eee19b59_inspiration-icon.png");
  background-size: 54px;
}

.producer-icon.ideation {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50e45e19b5a_ideation-icon.png");
  background-size: 58px;
}

.producer-icon.coordination {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5144ae19b5b_coordination-icon.png");
  background-size: 71px;
}

.producer-icon.direction {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51e5fe19b5c_direction-icon.png");
  background-size: 70px;
}

.producer-icon.innovation {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac549eee19b5d_innovation-icon.png");
  background-size: 75px;
}

.producer-icon.vision {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5f0e5e19b5e_vision-icon.png");
  background-size: 74px;
}

.icon-description {
  color: #fff;
  letter-spacing: 3px;
  font-size: 12px;
}

.intro-text-highlight1 {
  color: #fff;
  font-family: Gotham, sans-serif;
}

.divider-line {
  border-bottom: 1px solid #fff;
  width: 100px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.divider-line.second {
  display: inline-block;
  overflow: visible;
}

.scene-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: 125px;
  position: relative;
}

.scene-description-div {
  z-index: 1;
  color: #fff;
  background-color: #343e4a;
  padding-top: 35px;
  padding-bottom: 252px;
  font-family: Gotham Light;
  position: relative;
}

.scene-description-div.refeed {
  background-color: #97a782;
  padding-bottom: 235px;
}

.scene-description-div.shelf {
  background-color: #fff8f8;
  background-image: none;
  padding-bottom: 165px;
}

.scene-description-div.alldyn {
  background-color: #7a3f6b;
  padding-bottom: 211px;
}

.scene-description-div.your-voice {
  background-color: #a14780;
  padding-bottom: 223px;
}

.scene-description-div.welcome {
  background-color: #1f3040;
  padding-bottom: 248px;
  position: static;
}

.scene-description-div.frontera {
  background-color: #2a2e31;
  font-family: Gotham, sans-serif;
}

.scene-description-div.whisper {
  background-color: #fefffe;
}

.scene-description-div.waiakea {
  background-color: #00c6e1;
}

.scene-description-div.steel-wool {
  background-color: #33383d;
}

.scene-description-div._2xd {
  background-color: #633453;
  display: none;
}

.scene-description-div.tutorall {
  background-color: #00b7d9;
}

.scene-description-div.exp-trips {
  background-color: #8ad2c0;
  padding-bottom: 227px;
}

.scene-description-div.universe {
  background-color: #011d32;
}

.scene-description-div.welcomeus {
  background-color: #1f3040;
  background-image: none;
}

.scene-description-div.verde {
  color: #fffbee;
  background-color: #fff6ea;
  background-image: none;
  padding-top: 47px;
  padding-bottom: 124px;
}

.project-description-text {
  text-align: center;
  width: 65%;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 53px;
  display: block;
}

.project-description-text.shelf {
  color: #3a5463;
  width: 65%;
}

.project-description-text.whisper {
  color: #36353a;
}

.project-description-text.steel-wool {
  width: 66%;
}

.project-description-text.verde {
  color: #073031;
  width: 65%;
  margin-bottom: 74px;
  font-size: 26px;
  line-height: 53px;
}

.project-description-title {
  color: #e6e6e6;
  text-align: center;
  letter-spacing: 3px;
  width: 200px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 115px;
  font-family: Gotham, sans-serif;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.project-description-title.shelf {
  color: #ff7c7c;
  padding-top: 145px;
}

.project-description-title.whisper {
  color: #7d58e6;
  padding-top: 180px;
}

.project-description-title.aims360 {
  color: #e819ab;
  padding-top: 163px;
}

.project-description-title.aims360.verde {
  color: #cf754a;
  padding-top: 116px;
}

.project-description-title.refeed {
  color: #e6c78e;
  padding-top: 184px;
}

.project-description-title.alldyn {
  color: #ffcd2e;
  padding-top: 173px;
}

.project-description-title.welcomeus {
  padding-top: 182px;
}

.project-description-title.your-voice {
  padding-top: 164px;
}

.project-description-title.frontera {
  color: #f6c355;
  padding-top: 164px;
}

.project-description-title.waiakea {
  padding-top: 176px;
}

.project-description-title.steel-wool {
  padding-top: 184px;
}

.project-description-title._2xd {
  padding-top: 193px;
}

.project-description-title.tutorall {
  padding-top: 179px;
}

.project-description-title.exp {
  padding-top: 177px;
}

.project-description-title.universe {
  color: #f5b549;
  padding-top: 162px;
}

.description-triangle {
  z-index: 1;
  margin-top: -61px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  position: relative;
}

.scene-description-button {
  color: #ffffffcf;
  text-align: center;
  letter-spacing: 3px;
  background-color: #0000;
  border: 1px solid #ffffffdb;
  border-radius: 5px;
  width: 265px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  padding: 13px 0;
  font-family: Gotham, sans-serif;
  font-size: 10px;
  transition: border .9s, background-color .9s, transform .9s;
  display: block;
}

.scene-description-button:hover {
  background-color: #f0bd51;
  border-color: #eabe63;
  transform: scale(1.05);
}

.scene-description-button.shelf {
  color: #c2c2c2;
  border-color: #c9c9c9;
  border-radius: 0;
  width: 280px;
  padding-left: 6px;
  font-family: Gotham, sans-serif;
  transition: none;
}

.scene-description-button.shelf:hover {
  color: #bdbdbd;
  background-color: #0000;
  transform: none;
}

.scene-description-button.refeed {
  background-color: #e6c78d;
  border-color: #e6c78e;
  border-radius: 0;
  width: 285px;
  padding-left: 1px;
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.scene-description-button.refeed:hover {
  background-color: #e8c88f;
  border-color: #e8c88f;
}

.scene-description-button.your-voice {
  background-color: #74395e;
  border-color: #0000;
  border-radius: 0;
  width: 290px;
  padding-left: 4px;
}

.scene-description-button.your-voice:hover {
  background-color: #85476f;
  border-color: #85476f;
}

.scene-description-button.welcomeus {
  background-color: #0000;
  border-color: #ffffff1a;
  border-radius: 0;
  width: 290px;
}

.scene-description-button.welcomeus:hover {
  background-color: #0000;
  border-color: #0000;
}

.scene-description-button.whisper {
  color: #fff;
  background-color: #7d56e7;
  border-color: #7d58e6;
  border-radius: 0;
  width: 290px;
  font-weight: 700;
  transition: none;
}

.scene-description-button.whisper:hover {
  color: #fff;
  background-color: #7d58e6;
  transform: none;
}

.scene-description-button.steel-wool {
  color: #ffffffcf;
  background-color: #f0bd51;
  border-color: #0000;
  border-radius: 0;
  width: 290px;
  font-weight: 700;
}

.scene-description-button.alldyn {
  cursor: pointer;
  background-color: #669fbb;
  border-color: #0000;
  border-radius: 0;
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.scene-description-button.aims360 {
  background-color: #e818ab;
  border-color: #e819abbf;
  border-radius: 0;
  flex: 0 auto;
  width: 240px;
  font-family: Gotham, sans-serif;
}

.scene-description-button.aims360:hover {
  background-color: #d73aa7;
}

.scene-description-button.aims360.verde {
  color: #fff;
  letter-spacing: 2.5px;
  cursor: pointer;
  background-color: #cf754a;
  border-color: #cf754a;
  border-radius: 0;
  width: 290px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 3px;
  font-size: 12px;
}

.scene-description-button.aims360.verde:hover {
  color: #fff;
  background-color: #0a3738;
  border-color: #0a3738;
}

.scene-description-button.aims360.brand-book {
  background-color: #2d353f;
  border-color: #0000;
}

.scene-description-button.aims360.your-voice {
  background-color: #923074;
  border-color: #0000;
}

.scene-description-button.aims360.your-voice-video {
  background-color: #7e2657;
  border-color: #0000;
}

.scene-description-button.aims360.website {
  color: #000000cf;
  background-color: #fff;
  border-color: #0000;
}

.scene-description-button.frontera {
  color: #fff;
  background-color: #f1bf54;
  border-color: #0000;
  border-radius: 0;
  font-weight: 700;
}

.scene-description-button.frontera:hover {
  color: #fff;
}

.scene-description-button.waiakea {
  opacity: .46;
  border-radius: 0;
}

.scene-description-button.waiakea:hover {
  background-color: #0000;
  border-color: #fff;
  transform: none;
}

.scene-description-button._2xd:hover {
  background-color: #262d31;
  border-color: #262d31;
}

.welcome-header-filler {
  height: 100vh;
}

.scenes-introduction-div {
  color: #fff;
  background-color: #202324;
  font-family: Gotham Light;
}

.scenes-intro-text {
  text-align: center;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 62px;
  padding-bottom: 62px;
  font-family: Gotham Light;
  font-size: 30px;
  font-weight: 400;
  line-height: 45px;
  display: block;
}

.sample-title {
  text-align: center;
  padding-top: 126px;
  font-family: Serendipity Wide;
  font-size: 100px;
}

.examples-div {
  float: none;
  text-align: center;
  border-radius: 12px;
  width: 87vw;
  margin-top: -22px;
  margin-bottom: 67px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 16px 16px 75px #0000006b;
}

.examples-div.frontera {
  position: relative;
  overflow: hidden;
}

.examples-div.refeed {
  width: 95vw;
  box-shadow: none;
  border-radius: 0;
  margin-top: 35px;
  margin-bottom: 35px;
}

.examples-div.refeed.verde {
  width: 95vw;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 35px;
}

.examples-div.shelf {
  z-index: 2;
  width: 94vw;
  box-shadow: none;
  border-radius: 0;
  margin-top: 13px;
  display: none;
  position: relative;
}

.examples-image {
  width: 100%;
}

.examples-div-half {
  float: none;
  width: 49%;
  box-shadow: none;
  text-align: center;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.examples-div-half.aims360 {
  margin-left: 0;
  margin-right: 0;
}

.examples-div-half.welcomeus {
  width: 49%;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}

.example-text-div-wide {
  z-index: 1;
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 62px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.example-text-div-wide.refeed {
  width: 75%;
  padding-top: 76px;
}

.example-text-div-wide.refeed.shelf {
  width: 70%;
  padding-top: 66px;
}

.example-text-div-wide.refeed.verde {
  width: 80%;
}

.example-text-div-wide.frontera {
  width: 70%;
}

.example-bg-wide {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56a45e19bb1_frontera-video1.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: inline-block;
  position: static;
}

.example-description-text {
  color: #fff;
  text-align: center;
  width: 80%;
  margin-top: 29px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 1.8vw;
  font-weight: 100;
  line-height: 4vw;
  display: block;
}

.example-description-text.refeed {
  width: 75%;
  margin-top: 19px;
  font-size: 1.9vw;
  line-height: 4vw;
}

.example-description-text.frontera {
  color: #fff;
  width: 100%;
  font-size: 1.9vw;
  line-height: 4vw;
}

.examples-description-icon {
  margin-bottom: 16px;
}

.examples-description-icon.identity {
  margin-bottom: 11px;
}

.example-highlight-text {
  color: #fff;
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.example-highlight-text.aims360 {
  color: #3f4957;
}

.div-block-2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.lightbox-link {
  float: none;
  border-radius: 12px;
  width: 87%;
  margin-top: -10px;
  margin-bottom: 78px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 17px 17px 120px #00000080;
}

.lightbox-link.frontera {
  width: 95vw;
  height: 82vh;
  box-shadow: none;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56a45e19bb1_frontera-video1.jpg");
  background-position: 50% 0;
  background-size: 125px;
  border-radius: 0;
  margin-top: 30px;
  margin-bottom: 35px;
}

.example-text-div-half {
  z-index: 1;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 43px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.example-text-div-half.aims360 {
  z-index: 3;
  width: 65%;
  padding-top: 76px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.example-text-div-half.aims360.your-voice {
  width: 65%;
  padding-top: 76px;
}

.example-text-div-half.frontera-photos {
  width: 70%;
  padding-top: 59px;
}

.example-text-div-half.welcome-website, .example-text-div-half.alldyn {
  width: 65%;
  padding-top: 76px;
}

.example-text-div-half.your-voice {
  padding-top: 60px;
}

.example-text-div-half.exp-trips {
  width: 75%;
  padding-top: 68px;
}

.example-description-half-text {
  color: #fff;
  text-align: center;
  font-family: Gotham, sans-serif;
  font-size: 1.5vw;
  line-height: 3vw;
}

.example-description-half-text.aims360 {
  color: #2b3133;
  font-size: 1.5vw;
  line-height: 3vw;
  position: static;
}

.example-description-half-text.your-voice {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5vw;
  line-height: 3vw;
  display: block;
}

.example-learn-more-div {
  color: #fff;
  background-image: linear-gradient(#0000, #000c);
  height: 190px;
  padding-top: 69px;
  font-family: Gotham Light;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.example-learn-more-div.shelf {
  height: 220px;
  padding-top: 104px;
}

.example-button {
  letter-spacing: 3px;
  background-color: #a33b82;
  border-radius: 5px;
  margin-top: 12px;
  padding: 12px 22px 12px 25px;
  font-size: 11px;
  transition: transform 1s, background-color 1s;
}

.example-button:hover {
  background-color: #b93f84;
  transform: scale(1.02);
}

.example-button.aims360 {
  background-color: #fa52c0;
  border-radius: 0;
  margin-left: 11px;
  margin-right: 11px;
  font-family: Gotham, sans-serif;
}

.example-button.aims360:hover {
  background-color: #eb4eb4;
}

.example-button.aims360.brand-book {
  background-color: #3b464f;
}

.example-button.refeed {
  background-color: #96a882;
  border-radius: 0;
  font-family: Gotham, sans-serif;
}

.example-button.refeed:hover {
  background-color: #4b796d;
}

.example-button.frontera-photos {
  background-color: #ffbd3b;
}

.example-button.welcomeus {
  opacity: .74;
  background-color: #ffffff17;
  border: 1px solid #ffffff73;
  border-radius: 0;
  margin-top: 28px;
  font-family: Gotham, sans-serif;
  transition: none;
}

.example-button.welcomeus:hover {
  background-color: #0000;
  border: 1px solid #ffffff69;
  transform: none;
}

.example-button.welcomeus.new-whisper {
  opacity: 1;
  color: #fff;
  background-color: #7857e1;
  border-color: #0000;
}

.example-button.shelf {
  background-color: #fcbe62;
}

.example-button.steel-wool {
  background-color: #4b4849;
  border-radius: 0;
  font-family: Gotham, sans-serif;
}

.example-button.alldyn {
  background-color: #7a416c;
  border-radius: 0;
  font-family: Gotham, sans-serif;
}

.example-button.your-voice {
  border-radius: 0;
  font-family: Gotham, sans-serif;
}

.example-button.verde {
  color: #fff;
  background-color: #c97a3f;
  border-radius: 0;
  font-family: Gotham, sans-serif;
}

.example-button.verde:hover {
  background-color: #173436;
}

.text-block-5 {
  margin-bottom: 2px;
  font-family: Gotham, sans-serif;
  font-size: 16px;
}

.text-block-5.refeed {
  font-family: Gotham, sans-serif;
}

.text-block-5.hide {
  display: none;
}

.div-block-3 {
  background-color: #fff;
  padding-top: 102px;
  padding-bottom: 58px;
}

.header-logo {
  font-family: Serendipity Wide;
  font-size: 11vw;
  display: block;
}

.header-tagline {
  letter-spacing: 7.5px;
  margin: 10px -73px -73px;
  font-family: Gotham Light;
  font-size: .9vw;
  font-weight: 600;
  line-height: 2vw;
}

.quote-highlight-text {
  color: #5d6364;
  font-family: Gotham, sans-serif;
  font-weight: 400;
}

.footer {
  z-index: 5;
  color: #fff;
  text-align: center;
  background-color: #1f282c;
  background-image: linear-gradient(#1c2327e6, #1c2327e6), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5f505b380fc68636b8054276_bts-mosaic113.jpg");
  background-position: 0 0, 50% 46%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 146px;
  padding-bottom: 109px;
  font-family: Gotham Light;
  position: relative;
  overflow: hidden;
}

.footer.world {
  background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac564efe19cd4_footer-bg.jpg");
  background-repeat: repeat, no-repeat;
}

.footer-logo-div {
  padding-top: 0;
}

.footer-logo {
  font-family: Serendipity Wide;
  font-size: 70px;
}

.footer-tagline {
  letter-spacing: 6px;
  text-transform: uppercase;
  width: 50%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 1vw;
  line-height: 2vw;
  display: block;
}

.footer-menu {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  width: 770px;
  margin: 45px auto 44px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 5px;
  font-family: Gotham, sans-serif;
  text-decoration: none;
  display: block;
}

.link {
  color: #fff;
  letter-spacing: 6.5px;
  text-transform: uppercase;
  margin-left: 28px;
  margin-right: 28px;
  font-size: 11px;
  text-decoration: none;
}

.link.w--current {
  color: #fff;
  font-weight: 700;
}

.link.active {
  font-weight: 900;
}

.link.projects {
  display: inline-block;
}

.footer-signature {
  letter-spacing: 6px;
  margin-top: 35px;
  font-family: Gotham, sans-serif;
  font-size: 11px;
}

.footer-copyright {
  color: #fffc;
  letter-spacing: .5px;
  margin-top: 30px;
  margin-bottom: 44px;
  font-family: Gotham, sans-serif;
  font-size: 12px;
}

.image-3 {
  width: 50vw;
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.welcome-clients-div {
  margin-top: 70px;
}

.welcome-clients-title-text {
  color: #3e4957;
  text-align: center;
  letter-spacing: 7px;
  margin-top: 43px;
  margin-bottom: -15px;
  font-family: Gotham, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

.welcome-clients-blocks-div {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.welcome-clients-block {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac557cce19c02_fwd-logo.png");
  background-position: 50% 78%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10.5vw;
  height: 18vh;
  margin-left: 31px;
  margin-right: 31px;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.welcome-clients-block.waiakea {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56d07e19ce8_waiakea-logo.png");
  background-size: contain;
}

.welcome-clients-block.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52c1be19bf6_whisper-logo.png");
  background-size: contain;
}

.welcome-clients-block.bank-of-america {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac500c4e19bf7_bank-of-america-logo.png");
  background-size: contain;
}

.welcome-clients-block.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57801e19bf8_alldyn-logo.png");
  background-size: contain;
}

.welcome-clients-block.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5172de19b37_aims360-logo1.png");
  background-position: 50% 72%;
  background-size: contain;
}

.welcome-clients-block.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5eed1e19bf9_steel-wool-logo.png");
  background-position: 50% 69%;
  background-size: 110px;
}

.welcome-clients-block.fabfitfun {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50663e19bfa_fabfitfun-logo.png");
  background-position: 50% 72%;
  background-size: contain;
}

.welcome-clients-block.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53a86e19bfb_your-voice-logo.png");
  background-position: 50% 65%;
  background-size: 80px;
}

.welcome-clients-block.james-maslow {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52d2ee19d05_verde-logo.png");
  background-position: 50% 60%;
  background-size: contain;
}

.welcome-client-tooltip-image {
  margin-top: -59px;
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.welcome-mosaic-bg {
  z-index: 0;
  background-color: var(--white);
  height: 90%;
  margin-bottom: -491px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.welcome-mosaic-bg-curve {
  z-index: 0;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  height: 80px;
  margin-top: -69px;
  padding-top: 0;
  position: relative;
}

.welcome-client-tooltip-div {
  z-index: 1;
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50b81e19bfe_welcome-client-tooltip1.png");
  background-position: 50%;
  background-size: 235px;
  height: 100%;
  margin-top: -47px;
  padding-left: 0;
  padding-right: 10px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.welcome-clients-tooltip-text {
  color: #fff;
  text-align: center;
  width: 60%;
  margin: 44px auto 42px;
  font-family: Gotham, sans-serif;
  font-size: .8vw;
  font-weight: 300;
  display: block;
  position: relative;
}

.welcome-clients-tooltip-text.whisper {
  width: 80%;
}

.welcome-clients-tooltip-text.aims360 {
  width: 65%;
}

.welcome-clients-tooltip-text.james-maslow {
  width: 50%;
}

.welcome-clients-tooltip-highlight {
  font-family: Gotham, sans-serif;
  font-weight: 400;
}

.welcome-feeling-div {
  margin-top: 239px;
  margin-bottom: 65px;
  position: relative;
}

.welcome-feeling-div.story {
  margin-top: 0;
  padding-top: 158px;
  padding-bottom: 181px;
  overflow: hidden;
}

.welcome-feeling-text {
  z-index: 1;
  color: #446074;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.9vw;
  font-weight: 300;
  line-height: 5vw;
  display: block;
  position: relative;
}

.bold-text {
  font-weight: 400;
}

.welcome-dots {
  width: 100px;
  height: 20px;
  margin: 46px auto 36px;
  display: block;
}

.dot2 {
  background-color: #ececec;
  border-radius: 50px;
  width: 11px;
  height: 11px;
  margin-left: 6px;
  margin-right: 6px;
  display: inline-block;
}

.dot2._2 {
  background-color: #e6d6bf;
}

.dot2._3 {
  background-color: #57737a;
}

.welcome-feeling-text1 {
  color: #49667a;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.9vw;
  font-weight: 300;
  line-height: 5.6vw;
  display: block;
}

.welcome-feeling-text1.bottom {
  z-index: 1;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-size: 1.3vw;
  position: relative;
}

.welcome-feeling-text-highlight1 {
  color: #d17775;
}

.welcome-feeling-text-highlight2 {
  color: #c54588;
}

.welcome-feeling-text-highlight3 {
  color: #27868f;
}

.welcome-feeling-text-highlight4 {
  color: #ff9b2e;
}

.welcome-main-section {
  text-align: center;
  margin-top: 0;
  padding-top: 84px;
  position: relative;
}

.welcome-main-section-div1 {
  width: 97vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-4 {
  height: 700px;
  position: relative;
}

.welcome-main-section-div1-inner-text {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.welcome-main-section-div1-inner-text._2 {
  text-align: right;
  align-items: flex-end;
  width: 48%;
  inset: 0 auto 0 0;
}

.welcome-main-section-div1-text {
  color: #495f72;
  text-align: left;
  width: 80%;
  font-size: 2.9vw;
  font-weight: 300;
  line-height: 7vw;
}

.welcome-main-section-div1-text._2 {
  text-align: right;
}

.welcome-main-section-div1-text1 {
  color: #4d5f71;
  text-align: left;
  flex: 0 auto;
  width: 65%;
  margin-top: 40px;
  font-size: 1.9vw;
  font-weight: 300;
  line-height: 4vw;
  position: static;
}

.welcome-main-section-div1-text1._2 {
  text-align: right;
}

.div-block-5 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56cd7e19a68_welcome-main-section-photo1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  width: 40%;
  height: 700px;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 55px;
  box-shadow: 5px 5px 90px 9px #00000040;
}

.div-block-5._1 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac510dfe19b9b_Aims-791.jpg");
  background-position: -150px;
  height: 650px;
  inset: 0 55px 0 auto;
}

.welcome-main-section-double-photo-div {
  width: 100vw;
  height: 60vh;
  margin: 73px auto 90px;
  display: block;
}

.welcome-main-section-photo2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53e28e19bd0_welcome-bg5.jpg");
  background-position: 72%;
  background-size: cover;
  border-radius: 12px;
  width: 41%;
  height: 60vh;
  margin-left: 45px;
  margin-right: 45px;
  display: inline-block;
  box-shadow: 27px 27px 75px -9px #00000040;
}

.welcome-main-section-photo2._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51c9fe19bff_marcus-betsy-laura.jpg");
}

.my-mission-div {
  margin-top: 0;
  padding-top: 99px;
}

.welcome-mission-title {
  color: #516168;
  letter-spacing: 10px;
  font-size: 18px;
  font-weight: 400;
}

.text-block-6 {
  color: #505e6f;
  width: 65%;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.6vw;
  font-weight: 300;
  line-height: 5.5vw;
  display: block;
}

.welcome-mission-highlight-text {
  color: #d4c3aa;
  padding-right: 7px;
  font-family: Said In Script;
  font-size: 5.6vw;
  font-weight: 400;
  position: relative;
  bottom: 2px;
}

.button {
  letter-spacing: 4.5px;
  cursor: pointer;
  background-color: #2c3a44;
  border-radius: 10px;
  width: 280px;
  height: 50px;
  margin-top: 63px;
  padding-top: 15px;
  padding-left: 21px;
  font-size: 12.5px;
  transition: background-color .9s, color .9s;
  box-shadow: 4px 4px 75px -12px #00000026;
}

.button:hover {
  color: #fff;
  background-color: #d1c4ad;
}

.button.bottom {
  cursor: pointer;
  background-color: #d3c4ad;
  width: 260px;
  margin-top: 24px;
  font-size: 11.5px;
}

.welcome-examples-intro-div {
  margin-top: 405px;
}

.welcome-love-what-i-do-text {
  color: #525e6d;
  font-size: 3.3vw;
  font-weight: 300;
}

.welcome-examples-intro-subtitle {
  color: #525e6d;
  letter-spacing: 6px;
  font-size: 1vw;
}

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

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

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

.text-field {
  text-align: center;
  border: 2px solid #577ca51a;
  border-radius: 5px;
  width: 35vw;
  height: 13vh;
  font-family: Gotham, sans-serif;
  font-size: 1.8vw;
  font-weight: 300;
}

.submit-button {
  color: #fff;
  letter-spacing: 4px;
  background-color: #f5e7d2;
  border-radius: 12px;
  width: 150px;
  margin-top: 9px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.projects-header-inner-div {
  z-index: 1;
  color: #fff;
  text-align: center;
  margin-top: -35px;
  position: relative;
}

.projects-header-title-text {
  color: #fff;
  text-align: center;
  width: 80%;
  margin: 10px auto 13px;
  font-family: Gotham, sans-serif;
  font-size: 3.6vw;
  font-weight: 300;
  line-height: 9vw;
  display: block;
}

.projects-header-subtitle-text {
  color: #ffffffdb;
  text-align: center;
  letter-spacing: 5.5px;
  margin-top: 24px;
  font-size: 1vw;
  font-weight: 400;
}

.scene-inner-div-bg {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57b21e19b68_aims360-scene.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}

.scene-inner-div-bg.aims {
  background-attachment: scroll;
}

.scene-inner-div-bg.verde {
  perspective-origin: 50%;
  transform-origin: 50%;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac54737e19cf9_verde-scene1.jpg");
  background-position: 50%;
  background-attachment: scroll;
  height: 100%;
}

.scene-inner-content-div {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 26px;
  padding-top: 69px;
  padding-bottom: 69px;
  display: flex;
  position: fixed;
  top: 105px;
  left: 30px;
}

.scene-project-type {
  color: #36424d;
  width: 60%;
  margin-top: 4px;
  font-size: 1.4vw;
  line-height: 2.4vw;
  display: block;
}

.scene-logo {
  width: 30vw;
  margin-bottom: 23px;
  display: block;
}

.scene-project-title1 {
  color: #33424e;
  letter-spacing: 3px;
  font-size: 1.3vw;
  font-weight: 700;
  display: block;
}

.projects-desc-highlight {
  color: #3a5463;
  font-family: Gotham, sans-serif;
  font-weight: 400;
}

.projects-desc-highlight.white {
  color: #fff;
}

.image-4 {
  width: 65vw;
}

.projects-header-bg-div {
  z-index: 0;
  background-image: none;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.projects-fixed-bg-div {
  z-index: 0;
  position: fixed;
  inset: 0;
}

.projects-header-slideshow {
  float: none;
  clear: both;
  background-color: #1f2122;
  width: 94%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0;
}

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

.projects-slide1 {
  background-image: radial-gradient(circle, #0000004f, #0f0f0f00 86%), linear-gradient(#00000026, #00000026), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53d8ce19bed_projects-header-bg.jpg");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  width: 100%;
  height: 100%;
}

.projects-slide2 {
  background-image: linear-gradient(#0000004d, #0c0b0b00 46%), linear-gradient(#00000059, #00000059), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5717de19c22_Aims-771.jpg");
  background-position: 0 0, 0 0, 50% 36%;
  background-size: auto, auto, cover;
}

.projects-slide2._3 {
  background-image: linear-gradient(#0000007a, #0000007a), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5bd1de19d16_marcus-with-pure-malibu-team.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
}

.projects-slide2._4 {
  background-image: linear-gradient(#00000040, #00000040), linear-gradient(#0000004d, #0c0b0b00 31%), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c668e19c49_full-menu-connect-bg.jpg");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  width: 100%;
  height: 100%;
}

.story-header-main-div {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -13px;
  display: flex;
}

.story-header-quote {
  color: #374349;
  width: 55%;
  margin-top: 13px;
  margin-bottom: 13px;
  font-size: 2.4vw;
  font-weight: 300;
  line-height: 5.8vw;
}

.story-header-quote-author {
  color: #3b4449;
  letter-spacing: 5px;
  width: 20%;
}

.story-header-highlight {
  color: #e4d5bf;
  font-family: Said In Script;
  font-size: 5.5vw;
  font-weight: 400;
  display: inline-block;
  position: relative;
  bottom: 2px;
}

.story-body-intro-section {
  height: 650px;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.story-body-intro-text {
  color: #384550;
  width: 38%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 3.9vw;
  display: block;
}

.story-body-intro-highlight {
  font-weight: 400;
}

.story-body-intro-main-div {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

.story-body-section1 {
  background-color: #fff;
  border-left: 6px solid #ffdbcf;
  width: 78vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  box-shadow: 0 0 150px #00000017;
}

.story-body-section1.vibrancy {
  border-left-color: #cbefe2;
}

.story-section-body {
  color: #38515f;
  text-align: left;
  width: 55%;
  margin-left: 0;
  padding-top: 80px;
  padding-bottom: 102px;
  padding-left: 80px;
  font-size: 1.8vw;
  font-weight: 300;
  line-height: 4vw;
  display: block;
  position: static;
  top: 65px;
  left: 65px;
}

.story-section-body.vibrancy {
  padding-top: 95px;
  padding-bottom: 112px;
}

.mask {
  background-color: #262c30;
}

.story-body-transition-div1 {
  position: relative;
  overflow: hidden;
}

.story-body-transition-div1.tall {
  padding-top: 43px;
  padding-bottom: 82px;
}

.story-body-transition-div1.tall.bottom {
  padding-top: 32px;
  padding-bottom: 0;
}

.story-body-transition-text {
  z-index: 1;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 422px;
  padding-bottom: 337px;
  font-size: 2vw;
  font-weight: 300;
  line-height: 4.4vw;
  display: block;
  position: relative;
}

.story-body-transition-text.narrow {
  width: 40%;
  padding-top: 308px;
}

.story-body-transition-text.narrow.bottom {
  width: 45%;
  padding-top: 154px;
  padding-bottom: 212px;
}

.story-body-transition-text.love {
  margin-top: -27px;
  padding-top: 199px;
  padding-bottom: 162px;
}

.story-body-transition-text.accident {
  width: 51%;
  padding-top: 373px;
  padding-bottom: 289px;
}

.story-body-transition-text.at-sixteen {
  padding-top: 285px;
}

.story-body-section2 {
  z-index: 2;
  perspective: 1000px;
  background-color: #fff;
  border-right: 6px solid #ffe4b0;
  width: 75vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  box-shadow: 35px 35px 150px #0000000f;
}

.story-body-section2._2 {
  width: 85vw;
}

.story-body-section2._2.green-line {
  border-right-color: #cbefe2;
}

.story-body-text2 {
  float: right;
  text-align: right;
  width: 60%;
  padding-top: 85px;
  padding-bottom: 120px;
  padding-right: 85px;
  font-size: 1.9vw;
  font-weight: 300;
  line-height: 5vw;
  display: inline-block;
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
}

.story-body-text2.india2 {
  padding-bottom: 65px;
}

.story-body-transition-text-highlight {
  font-weight: 400;
}

.story-body-section3 {
  width: 75vw;
}

.story-body-section-outter-div {
  perspective: 1000px;
  padding-top: 124px;
  padding-bottom: 139px;
  position: relative;
  overflow: hidden;
}

.story-body-section-outter-div.vibrancy {
  margin-top: 1px;
  padding-top: 154px;
  padding-bottom: 204px;
}

.story-body-section-outter-div.india {
  z-index: 2;
  padding-top: 140px;
  padding-bottom: 108px;
  overflow: hidden;
}

.story-body-section4 {
  background-color: #fff;
  border-left: 6px solid #ff6969;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 28px 28px 120px #0000001c;
}

.story-section-body-text3 {
  text-align: left;
  width: 75%;
  padding-top: 85px;
  padding-left: 85px;
  font-size: 1.9vw;
  font-weight: 300;
  line-height: 5vw;
}

.story-section-body-text4 {
  float: right;
  text-align: right;
  width: 80%;
  margin-top: 61px;
  padding-bottom: 70px;
  padding-right: 95px;
  font-size: 1.9vw;
  font-weight: 300;
  line-height: 5vw;
}

.story-body-section5 {
  background-color: #fff;
  border-right: 6px solid #ef726e;
  width: 75vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  box-shadow: 21px 21px 130px #00000024;
}

.story-body-text4 {
  text-align: right;
  width: 78%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 75px;
  font-size: 1.9vw;
  font-weight: 300;
  line-height: 5vw;
  display: block;
}

.story-transition-graphic-right {
  width: 22vw;
  margin-top: 0;
  margin-bottom: 151px;
  margin-right: 0;
  padding-top: 76px;
  padding-left: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.story-transition-graphic-left {
  width: 14.5vw;
  margin-bottom: 286px;
  margin-left: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: visible;
}

.story-transition-graphic-left.passport {
  width: 13vw;
  margin-bottom: 198px;
  margin-left: 0;
}

.story-graphic-flag {
  margin-bottom: 147px;
  margin-left: 49px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.story-dvd-graphic {
  width: 17.5vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.image-5 {
  width: 23vw;
  margin-bottom: 92px;
  margin-left: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.adoption-photo {
  width: 22.5vw;
  margin-top: -61px;
  margin-bottom: 20px;
  margin-right: -29px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 12px 12px 90px #00000030;
}

.adoption-photo.story-panel-photo-animate {
  top: 0;
  right: 0;
}

.adoption-photo._2 {
  width: 24vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 23px;
  top: 0;
  bottom: 0;
  right: 0;
}

.adoption-photo._2.vibrancy {
  width: 27.5vw;
  margin-top: auto;
  margin-right: -46px;
}

.adoption-photo._3 {
  width: 23vw;
  margin-top: 0;
  margin-bottom: -42px;
  margin-right: -42px;
  top: auto;
  bottom: 0;
  right: 0;
}

.adoption-photo._3.vibrancy {
  margin-bottom: -140px;
}

.adoption-photo.vibrancy {
  width: 22vw;
  margin-top: -100px;
}

.adoption-photo2 {
  width: 24vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 23px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  box-shadow: 12px 12px 90px #00000030;
}

.adoption-photo3 {
  width: 23vw;
  margin-bottom: -26px;
  margin-right: -42px;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 13px 13px 70px #00000030;
}

.accident-photo1 {
  width: 27vw;
  margin-top: -20px;
  margin-left: -23px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 13px 13px 70px #00000030;
}

.accident-photo2 {
  width: 21vw;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 13px 13px 70px #00000030;
}

.accident-photo3 {
  width: 19vw;
  margin-bottom: -54px;
  margin-left: -7px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 13px 13px 70px #00000030;
}

.india-photo1 {
  width: 19vw;
  margin-top: -97px;
  margin-left: -35px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 13px 13px 70px #0000002e;
}

.india-photo2 {
  width: 26vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -86px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 13px 13px 70px #0000002e;
}

.india-photo3 {
  width: 25vw;
  margin-bottom: -14px;
  margin-left: -34px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 13px 13px 70px #0000002e;
}

.india-photo4 {
  width: 27vw;
  margin-top: -21px;
  margin-left: -26px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 13px 13px 70px #0000004d;
}

.india-photo5 {
  width: 30vw;
  margin-top: 265px;
  margin-bottom: -24px;
  margin-left: -16px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 12px 12px 90px #0000004f;
}

.india-photo6 {
  width: 26vw;
  margin-top: auto;
  margin-bottom: 245px;
  margin-left: -5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 13px 13px 70px #0000002e;
}

.india-photo7 {
  width: 27vw;
  margin-bottom: -15px;
  margin-left: -9px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 13px 13px 70px #0000002e;
}

.india-photo8 {
  width: 26vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -11px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 13px 13px 70px #0000002e;
}

.ipod-graphic {
  width: 14.5vw;
  margin-top: 188px;
  margin-right: 41px;
  position: absolute;
  top: 0;
  right: 0;
}

.full-menu {
  z-index: 6;
  perspective: 1000px;
  background-color: #0000;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.menu-block {
  width: 33.33vw;
  height: 50vh;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.menu-block-inner-div {
  background-image: linear-gradient(#0000, #11101073), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56a1be19c46_full-menu-welcome-bg.jpg");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
}

.menu-block-inner-div.projects {
  background-image: linear-gradient(#0000, #0e0d0d99), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56cd7e19a68_welcome-main-section-photo1.jpg");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.menu-block-inner-div.story {
  background-image: linear-gradient(#1110104d, #0c0c0c00 89%), linear-gradient(#0000 41%, #0c0b0b66), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5b480e19c47_young-marcus.jpg");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.menu-block-inner-div.vibrancy {
  background-image: linear-gradient(#0000 36%, #08080880), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac584dce19a91_aerial-on-set.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.menu-block-inner-div.world {
  background-image: linear-gradient(#0000 60%, #08080899), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52a6ce19ae7_marcus-yves-world-thumbnail1.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.menu-block-inner-div.connect {
  background-image: linear-gradient(#0000 19%, #11101099), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c668e19c49_full-menu-connect-bg.jpg");
  background-position: 0 0, 50% 100%;
}

.menu-block-text {
  color: #fff;
  text-align: center;
  letter-spacing: 8px;
  font-size: 1.2vw;
  font-weight: 700;
  text-decoration: none;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}

.full-menu-logo-div {
  width: 350px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
}

.full-menu-logo-image {
  width: 21.75vw;
  position: absolute;
  top: 20px;
  right: 18px;
}

.full-menu-tagline-image {
  width: 20vw;
  margin-top: 18px;
  line-height: 4vw;
  position: absolute;
  top: 90px;
  bottom: 0;
  right: 30px;
}

.full-menu-x-button {
  z-index: 10;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c0a9e19c4b_simple-x-graphic.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  width: 50px;
  height: 50px;
  display: block;
  position: fixed;
  top: 14px;
  left: 22px;
}

.image-6 {
  width: 45vw;
  margin-top: 21px;
}

.projects-desc-logo {
  padding-top: 126px;
}

.welcome-header-tagline {
  color: #fff;
  letter-spacing: 22px;
  width: 65%;
  margin-top: 21px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 3.3vw;
  display: none;
}

.welcome-scene-image1 {
  z-index: 0;
  width: 10vw;
  margin-top: 171px;
  margin-right: 11px;
  position: absolute;
  top: 0;
  right: 0;
}

.load-screen {
  z-index: 12;
  background-color: #2a2f35;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.load-screen-bar {
  transform-origin: 100%;
  background-color: #fff8ee;
  width: 100vw;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.load-screen-inner-div {
  opacity: .1;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5d312e19c58_marcus-yves-logo-dark-faded.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20vw;
  height: 20vh;
  display: none;
  position: relative;
  inset: 0;
}

.menu {
  z-index: 12;
  background-color: #fdf4e7;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.menu-logo {
  text-align: right;
  width: 40vw;
  height: 20vh;
  margin-top: 33px;
  margin-left: auto;
  margin-right: -47px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.menu-tagline {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 11px;
  margin-left: auto;
  margin-right: -11px;
  font-family: Gotham, sans-serif;
  font-size: 10px;
  display: block;
}

.image-8 {
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.bold-text-2 {
  font-family: Said In Script;
  font-size: 4vw;
  font-weight: 300;
}

.welcome-story-highlight {
  color: #e5dac9;
  padding-left: 15px;
  padding-right: 9px;
  font-family: Said In Script;
  font-size: 5vw;
  font-weight: 400;
  display: inline-block;
  position: relative;
  bottom: 2px;
}

.welcome-brands-highlight {
  color: #e7dac7;
  padding-left: 15px;
  padding-right: 7px;
  font-family: Said In Script;
  font-size: 7.3vw;
  font-weight: 100;
  position: relative;
  bottom: 1px;
}

.welcome-meaningful-connections-highlight {
  color: #dbcdb6;
  padding-bottom: 0;
  padding-left: 14px;
  padding-right: 11px;
  font-family: Said In Script;
  font-size: 7vw;
  position: relative;
  bottom: 3px;
}

.welcome-passion-highlight {
  font-weight: 400;
}

.mediums-div {
  width: 65%;
  height: 20vh;
  margin-top: 172px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mediums-intro-text {
  color: #697986;
  letter-spacing: 10px;
  font-weight: 400;
}

.medium-block {
  width: 16.66%;
  height: 20vh;
  display: inline-block;
}

.medium-image {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51ba5e19c67_websites-icon.png");
  background-position: 50% 83%;
  background-repeat: no-repeat;
  background-size: 55px;
  height: 70%;
}

.medium-image.photos {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59823e19c68_photos-icon1.png");
  background-size: 49px;
}

.medium-image.video {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac538cfe19c69_videos-icon.png");
  background-position: 50% 76%;
  background-size: 64px;
}

.medium-image.graphic-design {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59c7fe19c6a_graphic-design-icon.png");
  background-size: 49px;
}

.medium-image.social-media {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5213de19c6b_social-media-icon.png");
  background-position: 50% 75%;
  background-size: 65px;
}

.medium-image.apps {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac575e4e19c6c_apps-icon.png");
  background-position: 50% 81%;
  background-size: 47px;
}

.medium-block-text {
  color: #7f93a3;
  height: 30%;
}

.headernav {
  z-index: 3;
  height: 200px;
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.headernav.menu {
  flex: 1;
  position: relative;
}

.headernav.world {
  z-index: 2;
  text-align: center;
  background-image: none;
  padding-top: 43px;
}

.headernav.projects {
  z-index: 10;
  text-align: center;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.headernav-blocks {
  text-align: center;
  width: 75%;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 38px;
  display: block;
}

.headernav-blocks.menu {
  color: #2f363b;
  width: 90%;
  height: 300px;
  position: absolute;
}

.headernav-blocks.world {
  height: 100px;
  margin-top: 67px;
  padding-top: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.headernav-link-block {
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 16%;
  height: 50px;
  margin-left: 13px;
  margin-right: 13px;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  position: relative;
}

.headernav-link-block.current {
  height: 20px;
  margin-right: 0;
  top: 0;
}

.headernav-link-block.story {
  height: 50px;
}

.headernav-link-text {
  color: #fff;
  letter-spacing: 5px;
  padding-top: 38px;
  font-size: 13.25px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .8s;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.headernav-link-text:hover {
  opacity: .25;
}

.headernav-link-text.menu {
  color: #3c454d;
  transition: color .4s;
}

.headernav-link-text.story {
  color: #fff;
}

.headernav-link-text.story.projects {
  color: var(--white);
}

.headernav-link-text.current {
  color: #f5e7d2;
}

.headernav-link-text.current.dark-current {
  color: #3a5463;
}

.headernav-link-text.current.dark-current.projects {
  color: var(--white);
}

.headernav-link-text.dark {
  color: #272727;
  letter-spacing: 5px;
  padding-top: 0;
}

.headernav-link-text.dark.current {
  height: 20px;
  font-weight: 700;
}

.headernav-dots {
  text-align: center;
  background-color: #0000;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

.headernav-link-dot1 {
  background-color: #f0f0f0;
  border-radius: 50px;
  width: 35px;
  height: 1px;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
}

.headernav-link-dot1.tan {
  background-color: #e2d5c1;
}

.headernav-link-dot1.navy {
  background-color: #496072;
  margin-left: 0;
}

.headernav-link-dot1.non-current {
  background-color: #0000;
}

.headernav-link-tooltip {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5a6f6e19c78_headerNav-tooltip-no-shadow1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: 128px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  display: none;
}

.headernav-tooltip-text {
  letter-spacing: .4px;
  width: 65%;
  margin-top: -3px;
  padding-top: 0;
  font-size: 13.5px;
  font-weight: 300;
  line-height: 23px;
}

.headernav-tooltip-text.vibrancy {
  width: 82%;
}

.headernav-tooltip-text.world, .headernav-tooltip-text.story {
  width: 70%;
}

.headernav-tooltip-highlight {
  color: #f5e7d2;
  font-weight: 700;
}

.bold-text-3, .bold-text-4 {
  color: #f5e7d2;
}

.bold-text-5 {
  color: #f5e7d2;
  font-family: Gotham, sans-serif;
}

.welcome-scene-image2 {
  width: 21.5vw;
  margin-top: -218px;
  margin-right: 0;
  padding-top: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.welcome-scene-image3 {
  width: 45vw;
  margin-top: -217px;
  margin-left: -534px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(20deg);
}

.welcome-scene-image4 {
  width: 14vw;
  margin-top: 24px;
  margin-left: -57px;
  position: absolute;
  top: 0;
  left: 0;
}

.welcome-scene-image5 {
  width: 8.5vw;
  margin-top: -30px;
  margin-left: 66px;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-7deg);
}

.welcome-scene-image5._1 {
  width: 8.5vw;
  margin-top: -140px;
  margin-left: 15px;
  transform: rotate(10deg);
}

.welcome-scene-image5._1.story {
  margin-top: 94px;
}

.welcome-scene-image5.story {
  margin-top: 227px;
}

.welcome-scene-image6 {
  width: 23.5vw;
  margin-bottom: 169px;
  margin-left: -165px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(10deg);
}

.welcome-scene-image6.story {
  margin-bottom: 80px;
}

.image-9 {
  width: 15.5vw;
  margin-bottom: -349px;
  margin-right: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.welcome-about {
  height: auto;
  padding-top: 121px;
}

.welcome-about-first-part {
  justify-content: center;
  align-items: center;
  height: 95vh;
  display: flex;
}

.welcome-about-first-part.second {
  flex-direction: row-reverse;
  height: 100vh;
  margin-top: 97px;
  padding-top: 0;
}

.welcome-about-first-part-column1 {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 70vh;
  display: flex;
  position: relative;
}

.welcome-about-first-part-column1._1 {
  justify-content: flex-start;
  height: 70vh;
}

.welcome-about-first-part-column1.first, .welcome-about-first-part-column1.last {
  height: 100vh;
}

.welcome-about-photo1 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56cd7e19a68_welcome-main-section-photo1.jpg");
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 4px;
  width: 80%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  box-shadow: 24px 24px 100px #00000036;
}

.welcome-about-photo1._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5d233e19cd1_marcus-and-scott-working-photo.jpg");
  background-position: 100%;
  height: 100%;
  position: absolute;
  inset: 0 auto 0 30px;
}

.welcome-about-photo1._2.left {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50feee19cd0_marcus-holding-banner-photo.jpg");
  background-position: 50%;
  margin-top: 0;
  position: absolute;
  inset: 0 30px 0 auto;
}

.welcome-about-photo1._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56dc9e19cd2_marcus-working-with-team-photo.jpg");
  inset: 0 auto 0 30px;
  box-shadow: 12px 12px 100px #00000036;
}

.welcome-about-body1 {
  color: #435664;
  text-align: left;
  padding-left: 43px;
  padding-right: 135px;
  font-size: 2.1vw;
  font-weight: 300;
  line-height: 6vw;
}

.welcome-about-body1.second {
  text-align: right;
  padding: 0 71px 85px 115px;
  font-size: 2vw;
}

.welcome-about-middle-mosaic {
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  margin-bottom: 59px;
  display: flex;
}

.welcome-scene-image7 {
  width: 22.5vw;
  margin: 0 0 60px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.welcome-scene-image8 {
  width: 14vw;
  margin-bottom: 94px;
  margin-left: -12px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(3deg);
}

.welcome-projects-highlight {
  color: #f5e7d2;
  font-weight: 700;
}

.projects-fixed-header {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.projects-header-highlight {
  color: #d8ccbb;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Said In Script;
  font-size: 9vw;
  font-weight: 400;
  position: relative;
}

.projects-header-highlight.projects-header-highlight1 {
  color: #fff;
  padding-left: 0;
  padding-right: 0;
  font-family: Gotham, sans-serif;
  font-size: 3.6vw;
}

.welcome-bottom-highlight {
  color: #e4d7c4;
  padding-left: 10px;
  font-family: Said In Script;
  font-size: 6.5vw;
  position: relative;
  bottom: 2px;
}

.welcome-bottom-highlight.period {
  padding-left: 6px;
  bottom: 0;
}

.welcome-header-logo {
  color: #f5e7d2;
  margin-top: 49px;
  margin-bottom: 99px;
  font-family: Said In Script;
  font-size: 16vw;
  font-weight: 400;
  line-height: 6vw;
  display: none;
}

.mainmenu {
  z-index: 51;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.beigemenu-nav-links {
  z-index: 10;
  text-align: center;
  border-top: .75px solid #8a8a8a;
  border-bottom: .75px solid #8a8a8a;
  width: 70%;
  height: 30px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 22px;
  padding-bottom: 44px;
  position: relative;
}

.beigemenu-link-block {
  justify-content: center;
  align-items: center;
  width: 15%;
  height: 30px;
  margin-left: 22px;
  margin-right: 22px;
  text-decoration: none;
  display: inline-block;
}

.beigemenu-link-block.w--current {
  font-weight: 700;
}

.beigemenu-nav-link-text {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  font-size: 14px;
  text-decoration: none;
  transition: color .8s, opacity .7s;
}

.beigemenu-nav-link-text:hover {
  opacity: .38;
  color: #3a5463;
}

.beigemenu-nav-link-text.current {
  font-weight: 700;
}

.beigemenu-logo-block {
  z-index: 7;
  color: #3d5668;
  text-decoration: none;
  position: fixed;
  top: 70px;
  right: 25px;
}

.image-10 {
  position: relative;
}

.beigemenu-logo {
  padding-left: 33px;
  padding-right: 33px;
  font-family: Said In Script;
  font-size: 6.5vw;
  text-decoration: none;
}

.beigemenu-tagline {
  text-align: right;
  letter-spacing: 5px;
  margin-top: 59px;
  padding-right: 33px;
  font-size: .7vw;
}

.beigemenu-story-image {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5b480e19c47_young-marcus.jpg");
  background-position: 50%;
  background-size: cover;
  display: none;
  position: absolute;
  inset: 0;
}

.beigemenu-close-text {
  color: #3f5363;
  letter-spacing: 4px;
  font-size: 11px;
  position: absolute;
  top: 28px;
  bottom: 0;
  left: 70px;
}

.story-header-scene-image1 {
  width: 18vw;
  margin-top: auto;
  margin-bottom: 30px;
  margin-left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.story-header-scene-image2 {
  z-index: 2;
  width: 11vw;
  margin-top: 86px;
  margin-left: 9px;
  position: absolute;
  top: 0;
  left: 0;
}

.story-header-scene-image3 {
  width: 13vw;
  margin-top: 44px;
  margin-right: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.story-header-highlight1 {
  font-weight: 400;
}

.story-header-scene-image4 {
  width: 13.5vw;
  margin-top: auto;
  margin-bottom: -200px;
  margin-right: 292px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: rotate(3deg);
}

.story-header-scene-image5 {
  z-index: 1;
  width: 13vw;
  margin-top: 7px;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.story-header-scene-image6 {
  width: 15vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.story-first-section-scene-image1 {
  width: 28vw;
  margin-top: 64px;
  position: absolute;
  top: 0;
  left: 0;
}

.story-first-section-scene-image2 {
  width: 9vw;
  margin-bottom: -64px;
  margin-left: 358px;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.story-first-section-scene-image3 {
  width: 12.5vw;
  margin-top: 280px;
  margin-right: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.story-header-scene-image7 {
  width: 8vw;
  margin-top: -153px;
  margin-right: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.story-first-section-scene-image4 {
  width: 22vw;
  margin-top: 54px;
  margin-left: -66px;
  transform: rotate(0);
}

.story-highlight-text1 {
  font-weight: 400;
}

.story-transition-graphic-right1 {
  width: 14vw;
  margin-top: 189px;
  margin-bottom: auto;
  margin-right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.accident-transition-scene-image1 {
  width: 18vw;
  margin-bottom: 160px;
  margin-left: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.accident-transition-scene-image2 {
  width: 21vw;
  margin-top: 140px;
  margin-right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.graduation-transition-scene-image1 {
  width: 22vw;
  margin-top: 279px;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.graduation-transition-scene-image3 {
  width: 20vw;
  margin-top: 195px;
  position: absolute;
  top: 0;
  right: 0;
}

.image-11 {
  width: 21vw;
  margin-bottom: 150px;
  margin-left: 380px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.image-12 {
  width: 70vw;
  margin-right: -700px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.graduation-transition-scene-image5 {
  width: 19vw;
  margin-bottom: 182px;
  margin-right: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.graduation-transition-scene-image6 {
  width: 9vw;
  margin-bottom: 108px;
  margin-left: auto;
  margin-right: 480px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.accident-transition-scene-image3 {
  width: 18vw;
  margin-top: 161px;
  margin-left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.image-13 {
  width: 18vw;
  margin-top: 0;
  margin-bottom: 138px;
  margin-right: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.text-span {
  color: #fff;
}

.world-header {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.world-header.bts {
  background-color: #fcf9f680;
}

.welcome-bottom-scene-image1 {
  width: 24.5vw;
  margin-bottom: 124px;
  margin-right: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.welcome-bottom-scene-image2 {
  width: 13vw;
  margin-bottom: 384px;
  margin-left: -4px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-1deg);
}

.welcome-bottom-scene-image3 {
  width: 10vw;
  margin-bottom: 110px;
  margin-left: 132px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.vibrancy-transition-scene-image1 {
  width: 32vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.vibrancy-transition-scene-image2 {
  width: 41.5vw;
  margin: 0 0 -19px -250px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.vibrancy-transition-scene-image3 {
  width: 23vw;
  margin-top: 325px;
  margin-right: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.vibrancy-transition-scene-image4 {
  width: 11vw;
  margin-top: 28px;
  margin-left: 85px;
  position: absolute;
  top: 0;
  left: 0;
}

.vibrancy-transition-scene-image5 {
  width: 19vw;
  margin-top: 276px;
  margin-left: 8px;
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.vibrancy-transition-scene-image6 {
  width: 8vw;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.tablet-mobile-fixed-bg {
  display: none;
}

.image-16 {
  width: 36vw;
}

.welcome-about-highlight1 {
  width: 100%;
  margin-top: 26px;
  font-size: 1.4vw;
  line-height: 5vw;
  display: inline-block;
}

.welcome-about-highlight2 {
  font-weight: 400;
}

.casestudyheader {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56333e19cf3_verde-header-photo2.jpg");
  background-position: 50% 36%;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.casestudyheader.huracan {
  z-index: 1;
  color: #fff;
  background-image: none;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  display: flex;
  position: relative;
}

.casestudyheader.the-spoke {
  background-color: #fff;
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.casestudyheader.presence {
  background-color: #ebe8e2;
  background-image: none;
}

.casestudyheader.alfred {
  background-color: #2e6367;
  background-image: none;
}

.casestudyheader.your-voice {
  background-color: #7b3b66;
  background-image: linear-gradient(#7b3b66d6, #7b3b66d6);
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
}

.casestudyheader.aims360 {
  background-color: #161922;
  background-image: none;
  width: 100%;
}

.casestudyheader.lsx {
  background-color: #111111fa;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.casestudyheader.arabella {
  background-image: linear-gradient(#470d18f2, #470d18f2), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08db42ea731288a35402e_arabella-content-slide1.jpg");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.casestudyheader.refeed {
  background-color: #92a264;
  background-image: none;
}

.casestudyheader.welcome-us {
  background-color: #153038;
  background-image: none;
}

.casestudyheader.cartel {
  background-color: #141414;
  background-image: none;
}

.casestudyheader.aeri {
  background-color: #516fd8;
  background-image: none;
}

.casestudyheader.alldyn {
  background-color: #242424;
  background-image: none;
}

.casestudyheader.steel-wool {
  background-color: #353535;
  background-image: none;
}

.casestudyheader.exp-trips {
  background-color: #212121;
  background-image: none;
}

.casestudyheader.tutorall {
  background-color: #000;
  background-image: none;
}

.casestudyheader.universe {
  background-color: #6b9fcf;
  background-image: none;
}

.casestudyheader._2xd {
  background-color: #57415a;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
}

.casestudyheader.waiakea {
  background-color: #47abcf;
  background-image: none;
}

.casestudyheader.kinoo {
  background-color: #1e4699;
  background-image: none;
}

.casestudyheader.shelf {
  background-image: linear-gradient(151deg, #fc7681, #fc7d70), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56333e19cf3_verde-header-photo2.jpg");
  background-position: 0 0, 50% 36%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.casestudyheader.whisper {
  background-color: #7550de;
  background-image: none;
}

.casestudyheader.pure-malibu {
  background-color: #ffa895;
  background-image: none;
}

.casestudyheader.nubocha {
  background-color: #fafafa;
  background-image: none;
}

.casestudyheader.reprime {
  background-color: #f3f3f3;
  background-image: none;
}

.introduction {
  color: #1a3436;
  background-color: #003839;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.intro-paragraph {
  color: #fff;
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.7vw;
  font-weight: 300;
  line-height: 46px;
  display: block;
}

.image-19 {
  margin-top: 93px;
  margin-bottom: 95px;
}

.welcome-verde-logo-teaser {
  width: 26vw;
  margin-top: 51px;
}

.image-21 {
  width: 45vw;
}

.image-22 {
  width: 65vw;
}

.top-nav-logo-div {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  display: flex;
  position: relative;
}

.top-nav-logo-div.projects {
  display: none;
}

.text-block-8 {
  color: #292929;
  letter-spacing: 2.1px;
  margin-top: -1px;
  margin-left: 10px;
  margin-right: auto;
  padding-left: 0;
  font-size: 7.75px;
  text-decoration: none;
}

.inside-body {
  object-fit: fill;
  width: 96vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  overflow: visible;
}

.slider {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.left-arrow-3, .right-arrow-3 {
  display: none;
}

.head-slide {
  background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53d8ce19bed_projects-header-bg.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.head-slide._2 {
  background-image: linear-gradient(#00000045, #00000045), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02daab0b1ac5bd18e1ca76_yves-and-co-header-bg1.jpg");
  background-position: 0 0, 50%;
}

.head-slide.graduation-transition-scene-image3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02d716ed2a275c8f55f94a_yves-and-co-header-bg2.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.head-slide._3 {
  background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac546dce19d14_B7B48DCC-54C2-46D6-85DE-BBE25C9851EE.JPG");
  background-position: 0 0, 50% 75%;
}

.head-slide._4 {
  background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02d90e88c99e0f6fb597e7_yves-and-co-header-bg3.jpg");
}

.head-slide._5 {
  background-image: linear-gradient(#0000003d, #0000003d), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02d716ed2a275c8f55f94a_yves-and-co-header-bg2.jpg");
}

.head-slide._7 {
  background-image: linear-gradient(#0000005c, #0000005c), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0e2fc4f72aff680442aef0_marcus-working-with-aims-hq.jpg");
}

.head-slide._6 {
  background-image: linear-gradient(#00000038, #00000038), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0fdac7946b122a7ea5a4e5_y%26c-bts-full17.jpg");
  background-position: 0 0, 50% 25%;
  background-size: auto, cover;
}

.head-slide._8 {
  background-image: linear-gradient(#00000085, #00000085), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50feee19cd0_marcus-holding-banner-photo.jpg");
  background-position: 0 0, 50% 35%;
}

.header {
  background-color: #0000;
  height: 100vh;
}

.mask-3 {
  position: absolute;
  inset: 0%;
}

.bottom-bar {
  z-index: 30;
  object-fit: fill;
  background-color: #fff;
  height: 29px;
  position: fixed;
  inset: auto 0% 0%;
}

.bottom-bar.top {
  height: 32px;
  inset: 0% 0% auto;
}

.bottom-bar.right {
  width: 32px;
  height: 100%;
  inset: 0% 0% 0% auto;
}

.bottom-bar.right.left {
  inset: 0% auto 0% 0%;
}

.top-nav-new {
  z-index: 50;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.top-nav-new-logo-div {
  z-index: 50;
  background-color: #fff;
  align-items: stretch;
  width: 272px;
  height: 80px;
  margin-top: 4px;
  margin-left: 23px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.top-nav-new-logo-div.projects {
  width: 58px;
  height: 69px;
  position: fixed;
}

.bts-header {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  line-height: 40px;
  display: flex;
  position: fixed;
}

.hamburger-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 57px;
  height: 65px;
  margin-top: 2px;
  margin-right: -20px;
  display: flex;
}

.hamburger-line {
  background-color: #000;
  width: 25px;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.hamburger-line.projects {
  width: 32px;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: -20px;
}

.bts-header-inner-div {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 52%;
  margin-top: 3px;
  display: flex;
  position: relative;
}

.bts-intro-main-text {
  color: var(--slate);
  text-align: center;
  margin-top: 78px;
  font-family: Gotham, sans-serif;
  font-size: 3.7vw;
  font-weight: 400;
  line-height: 5vw;
}

.bold-text-6 {
  line-height: 55px;
}

.bts-marcus-quote-div {
  width: 75%;
  margin-top: 106px;
  position: relative;
  inset: auto 0% 0%;
}

.bts-marcus-head-quote {
  color: #616161;
  text-align: center;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  line-height: 30px;
}

.bts-marcus-name-head-quote {
  color: #858585;
  text-align: center;
  letter-spacing: 2.5px;
  font-size: 12px;
}

.header-logo-div {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2626e2e71ff43ce9ecec93_yves-and-co-logo1.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 250px;
  width: 270px;
  height: 40px;
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  position: relative;
  inset: 0% 0% auto;
}

.header-logo-div.dark {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02e09788c99e4a62b5be80_yves-and-co-logo-test-black.png");
  background-position: 50%;
}

.header-logo-inner-div {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02e09788c99e4a62b5be80_yves-and-co-logo-test-black.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 221px;
  height: 42px;
  position: absolute;
}

.header-logo-tagline {
  color: #fff;
  text-align: center;
  letter-spacing: 4.1px;
  margin-bottom: -19px;
  font-size: 8.25px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.header-logo-tagline.dark {
  color: #424242;
}

.lottie-animation {
  width: 6vw;
  margin: 46px auto;
  position: absolute;
  inset: auto 1% 0% auto;
}

.projects-lottie {
  z-index: 2;
  width: 3vw;
  margin-bottom: 47px;
  margin-left: auto;
  margin-right: 50px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.projects-lottie.home {
  margin-bottom: 33px;
  margin-right: 69px;
}

.projects-lottie.projects {
  width: 7vw;
  margin-bottom: 103px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.projects-lottie.projects.case-study {
  width: 6vw;
  margin-bottom: 77px;
  margin-right: 9px;
  inset: auto 0% 0% auto;
}

.projects-lottie.projects.hide {
  display: none;
}

.lottie-animation-2 {
  width: 6.5vw;
  margin-left: auto;
  margin-right: auto;
}

.lottie-animation-2.welcome2 {
  width: 2.5vw;
}

.vision-video {
  width: 94vw;
  height: 93vh;
  margin-top: 31px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0%;
}

.body2020 {
  color: #000;
  margin-top: 0;
  margin-left: 29px;
  margin-right: 29px;
  font-family: Gotham, sans-serif;
  font-size: 18px;
}

.homeheader {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 93vh;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.homeheader-slider {
  background-color: #000;
  width: 100vw;
  height: 100%;
  display: none;
}

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

.insidebody {
  overflow: hidden;
}

.homeheader-filler {
  z-index: 0;
  height: 100vh;
  display: none;
  position: relative;
}

.header-nav-links {
  z-index: 2;
  text-align: center;
  background-image: linear-gradient(#00000059, #0000);
  justify-content: center;
  align-items: center;
  height: 170px;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.header-nav-link {
  color: var(--white);
  text-align: center;
  letter-spacing: 6.5px;
  margin-left: 44px;
  margin-right: 44px;
  font-size: 13.5px;
  font-weight: 400;
  text-decoration: none;
}

.header-nav-link.current {
  font-weight: 700;
}

.header-nav-link.projects {
  display: block;
}

.home-header-inner-div {
  z-index: 3;
  margin-top: 10px;
  position: absolute;
}

.image-24 {
  width: 66vw;
  font-size: 18px;
}

.text-block-9 {
  color: var(--white);
  text-align: center;
  letter-spacing: 9px;
  text-transform: uppercase;
  margin-top: 37px;
  font-size: 1.25vw;
}

.handmade-in-sm-signature {
  z-index: 2;
  border-top: 0px solid var(--white);
  border-bottom: 0px solid var(--white);
  text-align: center;
  width: auto;
  height: 38px;
  margin-bottom: 37px;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.santa-monica-text {
  border-top: .75px solid var(--white);
  border-bottom: .75px solid var(--white);
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  background-color: #fff;
  width: 331px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 5px;
  font-size: 12px;
  position: relative;
}

.intro {
  z-index: 1;
  background-color: #fff;
  height: auto;
  padding-bottom: 51px;
  position: relative;
}

.architect-brands-section {
  justify-content: center;
  align-items: center;
  height: 300px;
  display: flex;
}

.architect-brands-inner-div {
  width: 59%;
  margin-top: 98px;
}

.paragraph {
  text-align: center;
  width: 82%;
  max-width: none;
  margin-top: 17px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.6vw;
  line-height: 4.3vw;
}

.architect-brands-leaf {
  object-fit: fill;
  width: 14vw;
  position: absolute;
  inset: 2% 12% auto auto;
}

.architect-brands-line {
  z-index: 2;
  background-color: #000;
  width: 200px;
  height: 1px;
  margin-top: -73px;
  margin-left: -40px;
  position: absolute;
  inset: 4% auto auto 0%;
}

.home-flowers-div {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e24c841b966d98205901313_design-flowers.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 420px;
}

.design-as-a-language-section {
  margin-top: 63px;
  position: relative;
}

.design-as-a-language-text-div {
  width: 44%;
  margin-left: auto;
  margin-right: auto;
}

.design-as-a-language-headline {
  text-align: center;
  font-family: Gotham, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}

.design-tool {
  z-index: auto;
  width: 15vw;
  margin-top: -130px;
  margin-right: -20px;
  position: absolute;
  inset: -82% 3% auto auto;
}

.components-div {
  margin-top: 65px;
  display: none;
}

.components-text {
  text-align: center;
  letter-spacing: 6px;
  font-size: 13px;
}

.components-blocks {
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.components-blocks.powered {
  margin-top: 30px;
}

.component-block {
  margin-left: 18px;
  margin-right: 18px;
}

.component-icon {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0981c276f1c615a6b7857a_graphic-design.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 71px;
  width: 85px;
  height: 85px;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
}

.component-icon.video {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e098204743608c54ce4c644_video%20production.svg");
  background-size: 70px;
  height: 85px;
}

.component-icon.photography {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09822ead6bad3ebdbd7305_photography.svg");
  background-size: 67px;
}

.component-icon.copywriting {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09825d76f1c69f60b7861e_copywriting.svg");
  background-size: 60px;
}

.component-icon.social-media {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09826fedb7544988a56bbf_social%20media.svg");
  background-size: 60px;
}

.component-icon.research {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09831e780ce82c21b26606_research.svg");
  background-size: 28px;
}

.component-icon.psychology {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09833b74360801bde4dde6_psychology.svg");
  background-position: 50% 57%;
  background-size: 49px;
}

.component-icon.strategy {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09835c780ce82595b266b9_strategy.svg");
  background-size: 58px;
}

.component-icon.storytelling {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09836f76f1c6b1fdb78c8d_storytelling.svg");
  background-position: 50% 58%;
  background-size: 55px;
}

.component-label {
  text-align: center;
  font-size: 15px;
}

.component-plus-icon {
  width: 17px;
  margin-left: 23px;
  margin-right: 23px;
}

.component-plus-icon.process-arrow {
  width: 55px;
  margin-left: 8px;
  margin-right: 8px;
}

.language-powered-by-div {
  margin-top: 72px;
}

.tastemaker-strips1 {
  text-align: center;
  align-items: flex-start;
  height: 1900px;
  margin-top: 150px;
  display: none;
}

.tastemaker-strips1.welcome {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 96vw;
  height: auto;
  margin-top: 444px;
  margin-bottom: 68px;
  padding-top: 0;
  display: flex;
  overflow: visible;
}

.mosaic-column {
  width: 20vw;
  height: 90%;
  margin-left: 12px;
  margin-right: 12px;
}

.mosaic-column.sides {
  width: 10.5vw;
}

.mosaic-column.sides.left {
  width: 10vw;
  margin-left: 0;
  margin-right: 29px;
}

.mosaic-column.sides.right {
  width: 10vw;
  margin-right: 0;
}

.mosaic-block {
  width: 20vw;
  height: 20vw;
  box-shadow: none;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e06db72be0f82866c724019_bts-mosaic55.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  margin-bottom: 21px;
}

.mosaic-block.eat12 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99037df14e00a_chateau-marmont.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 20vw;
  height: 20vw;
}

.mosaic-block.eat12.tablet {
  display: none;
}

.mosaic-block.eat9 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c9907f4714e002_gramercy-tavern.jpg");
  background-size: cover;
  border-radius: 0;
  width: 20vw;
  height: 20vw;
}

.mosaic-block.eat4 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99089f614e004_waterfront.jpg");
  background-size: cover;
  width: 20vw;
  height: 20vw;
}

.mosaic-block.eat5 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99067a114e006_catch-in-la.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 20vw;
  height: 20vw;
}

.mosaic-block.eat6 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990e6c714e00e_nobu.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 20vw;
  height: 20vw;
}

.mosaic-block.eat6.tablet {
  display: none;
}

.mosaic-block.eat11 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990620114e014_elephante-sm.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 20vw;
  height: 20vw;
}

.mosaic-block.eat1 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c9902b7514dff0_tocaya-organica.jpg");
  background-size: cover;
  border-radius: 0;
  width: 20vw;
  height: 20vw;
}

.mosaic-block.eat1.mobile {
  display: none;
}

.mosaic-block.tall {
  width: 10.75vw;
  height: 410px;
}

.mosaic-block.tall.middle {
  width: 21.5vw;
  height: 435px;
}

.mosaic-block.tall.middle.watch9 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990058314dffc_strip-watch8.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 20vw;
  height: 30vw;
}

.mosaic-block.tall.middle.watch9.tablet {
  display: none;
}

.mosaic-block.tall.middle.watch7 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99067e714dff2_lion-king.jpg");
  background-size: cover;
  width: 20vw;
  height: 30vw;
}

.mosaic-block.tall.middle.watch7.thrones {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c9905ecb14dffe_strip-watch7.jpg");
  background-size: cover;
}

.mosaic-block.tall.middle.watch6 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c9901e6c14dffa_strip-watch6.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  width: 20vw;
  height: 30vw;
}

.mosaic-block.tall.right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 33vw;
}

.mosaic-block.tall.right.watch11 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c9905f5f14e000_captain-marvel.jpg");
  background-position: 0%;
  background-size: cover;
  width: 10vw;
  height: 30vw;
}

.mosaic-block.tall.right.watch10 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990b8b614e016_sugarman.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 10vw;
  height: 30vw;
}

.mosaic-block.tall.right.watch14 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990880a14e00c_interstellar.jpg");
  background-position: 0%;
  background-size: cover;
  width: 10vw;
  height: 30vw;
}

.mosaic-block.tall.left-side {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mosaic-block.tall.left-side.watch5 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99039b314e012_ferris-bueller.jpg");
  background-position: 100%;
  background-size: cover;
  height: 30vw;
  margin-bottom: 70px;
}

.mosaic-block.tall.left-side.watch3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99081e814dff8_the-holiday.jpg");
  background-position: 100%;
  background-size: cover;
  height: 30vw;
}

.mosaic-block.tall.left-side.watch2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c9908f4e14e010_thor.jpg");
  background-position: 100%;
  background-size: cover;
  border-radius: 0;
  width: 20vw;
  height: 20vw;
}

.mosaic-block._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e06ced4be0f82801b72089d_bts-mosaic31.jpg");
}

.mosaic-block._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e06db81ad6bada6b9ac1ddf_bts-mosaic56.jpg");
}

.mosaic-block._4 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2f3bfbfabf80258d0084f6_aerial-on-set-compressed.jpg");
}

.mosaic-block._5 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e06cefe2dd66c29b35930d5_bts-mosaic34.jpg");
}

.mosaic-block._6 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0422720b1ac5247ee759af_bts-mosaic15.jpg");
}

.mosaic-block._7 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e04226a0aa529025476efd8_bts-mosaic14.jpg");
}

.mosaic-block._8 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59f54e19a44_mosaic.jpg");
}

.mosaic-block._9 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e03b4f10b1ac56649e58cef_bts-mosaic9.jpg");
}

.mosaic-block._10 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2e45825b8bed01a5b93fb8_whiteboard-compressed.jpg");
}

.mosaic-block._13 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2e464b8c2b1758bbcbb540_marcus-working-with-team-compressed.jpg");
}

.mosaic-block._16 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2e46f612d9350d94f7305a_marcus-boardroom-compressed.jpg");
}

.mosaic-block._11 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0422600aa529971876efd0_bts-mosaic13.jpg");
}

.mosaic-block._14 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e06cea9ad6bade191abf48e_bts-mosaic28.jpg");
}

.mosaic-block._15 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2e46b6d2e06795d8b92ec0_steffi-allison-richelle-compressed.jpg");
}

.mosaic-block._12 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2e47148c2b17e886cbb983_marcus-with-interns-metro-cafe-compressed.jpg");
}

.trust-section {
  height: auto;
}

.image-26 {
  width: 100%;
  margin-top: -32px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.trust-section-part-1 {
  padding-top: 218px;
  padding-bottom: 333px;
  position: relative;
}

.what-is-a-brand-text {
  text-align: center;
  width: 38%;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 35px;
  line-height: 50px;
}

.it-means-trust-div {
  margin-top: 325px;
}

.it-means-trust-text {
  text-align: center;
  font-family: Gotham, sans-serif;
  font-size: 57px;
}

.its-a-feeling-subtext {
  color: #a3a3a3;
  text-align: center;
  margin-top: 35px;
}

.create-trust-together-text {
  text-align: center;
  width: 48%;
  max-width: 550px;
  margin-top: 274px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 31px;
  line-height: 58px;
}

.trust-is-speaking-section {
  height: auto;
  padding-bottom: 413px;
}

.trust-is-speaking-text {
  text-align: center;
  width: 30%;
  margin-bottom: -171px;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 34px;
  line-height: 46px;
}

.trust-message-row {
  z-index: 1;
  margin-top: 331px;
  position: relative;
}

.trust-message-row.top {
  margin-top: 126px;
}

.trust-message-row.right {
  margin-top: 253px;
}

.trust-message-row.right.integrity {
  margin-top: 312px;
}

.trust-message-row.accountability {
  margin-top: 480px;
}

.trust-message-image {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0a6b0aad6badcc4ec33954_empathy.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 47vw;
  max-width: 850px;
  height: 31vw;
  margin-left: 68px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.trust-message-image.right {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0a6e62780ce87babb8d3cf_honesty.jpg");
  width: 40vw;
  max-width: 500px;
  height: 55vw;
  margin-left: 0;
  margin-right: 77px;
  inset: 0% 0% 0% auto;
}

.trust-message-image.right.integrity {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0a70dea0c99027d51b0ce4_integrity.jpg");
  width: 48vw;
  height: 40vw;
}

.trust-message-image.accountability {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0a70caedb754880eabded0_accountability.jpg");
  width: 45vw;
  height: 37vw;
}

.trust-message-text-block {
  z-index: 1;
  background-color: #fff;
  width: 45%;
  margin-left: 413px;
  padding-top: 94px;
  padding-bottom: 94px;
  padding-left: 58px;
  position: relative;
  top: 109px;
  box-shadow: 21px 21px 60px #0000001a;
}

.trust-message-text-block.right {
  float: right;
  text-align: right;
  object-fit: fill;
  width: 40%;
  margin-left: 0;
  margin-right: 117px;
  position: relative;
  right: 321px;
}

.trust-message-text-block.right.integrity {
  width: 50%;
  max-width: 650px;
}

.trust-is-item-title {
  margin-right: 65px;
  font-size: 50px;
  font-weight: 300;
}

.trust-is-block-divider-line {
  background-color: #000;
  width: 325px;
  height: 2px;
  margin-top: 48px;
  margin-bottom: 48px;
  margin-left: -203px;
}

.trust-is-block-divider-line.right {
  width: 300px;
  margin-left: 277px;
  position: relative;
  right: 0;
}

.trust-is-block-divider-line.right.integrity {
  margin-left: 309px;
}

.trust-is-block-body-text {
  width: 80%;
  font-size: 19px;
  line-height: 31px;
}

.trust-is-block-body-text.right {
  width: auto;
  margin-right: 65px;
}

.mission-div {
  width: 100%;
  margin-top: 224px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 129px;
  position: relative;
}

.mission-div.approach {
  margin-top: 286px;
}

.mission-top-text {
  text-align: center;
  letter-spacing: 10px;
  font-size: 14px;
}

.mission-text {
  text-align: center;
  width: 63%;
  max-width: 670px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  font-size: 29px;
  line-height: 48px;
}

.home-projects-section {
  background-color: #fff;
  height: auto;
  padding-bottom: 23px;
  display: block;
  position: relative;
}

.home-eucalyptus {
  width: 15vw;
  position: absolute;
  inset: 5% auto auto 0%;
}

.image-27 {
  width: 30vw;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -116px;
  display: none;
  position: absolute;
  inset: 3% auto 0% 0%;
  transform: rotate(2deg);
}

.black-globe {
  width: 27vw;
  margin-left: -42px;
  position: absolute;
  inset: auto auto 5% 0%;
}

.image-28 {
  width: 22vw;
  margin-left: -68px;
}

.image-29 {
  width: 19vw;
  margin-top: -251px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.speaking-a-message-section {
  background-color: #fff;
  padding-bottom: 196px;
  position: relative;
}

.home-projects-intro-text {
  text-align: center;
  width: 30%;
  max-width: 325px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: 36px;
}

.home-project-block-wide {
  width: 92%;
  height: 46vw;
  margin-top: 38px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 5px 5px 50px #0000005e;
}

.home-project-inner-image-div {
  width: 100%;
  height: 100%;
}

.home-project-description-div {
  z-index: 1;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 108px;
  display: flex;
  position: relative;
}

.home-verde-logo {
  width: 26vw;
  margin-top: 35px;
}

.home-project-block-wide-text {
  width: 55%;
  font-size: 26px;
  font-weight: 300;
  line-height: 40px;
}

.home-project-blocks {
  margin-top: 105px;
}

.select-project-divider-line {
  background-color: #000;
  width: 80px;
  height: 1px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.home-project-image {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5fdbbe19cfc_verde-scene-teaser.jpg");
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-projects-double-row {
  justify-content: space-around;
  align-items: center;
  margin-top: 72px;
  display: flex;
}

.home-project-block-tall {
  width: 42%;
  height: 650px;
  position: relative;
  overflow: hidden;
  box-shadow: 12px 12px 40px #00000047;
}

.home-project-tall-image {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51c77e19bbb_aims360-logo-mobile.jpg");
  background-position: 50% 100%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.home-project-tall-image.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5747de19cff_verde-scene-mobile.jpg");
}

.home-project-tall-description-div {
  text-align: center;
  padding-top: 106px;
  position: relative;
}

.home-project-tall-desc-text {
  color: #313e4b;
  text-align: center;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: 32px;
}

.home-project-tall-desc-text.white {
  color: #fff;
}

.home-aims360-logo {
  width: 30vw;
  margin-top: 45px;
  display: none;
}

.home-alfred-logo {
  width: 31vw;
  margin-top: 21px;
}

.home-projects-cta-div {
  background-image: linear-gradient(#0f0f0f00, #0000004d);
  height: 200px;
  padding-top: 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.home-projects-cta-div.tall {
  background-image: linear-gradient(#0f0f0f00, #0000007a);
  height: 225px;
  padding-top: 57px;
}

.home-projects-wide-cta-text-div {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.home-projects-wide-cta-text-div.aims360 {
  width: 85%;
}

.home-projects-cta-text {
  color: #fff;
  text-align: center;
  font-size: 17px;
  line-height: 30px;
}

.home-projects-cta-text.tall {
  z-index: 1;
  width: 47%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.home-verde-button {
  letter-spacing: 3px;
  background-color: #e69080;
  border-radius: 0;
  margin-top: 16px;
  padding: 15px 38px 15px 43px;
  font-size: 14px;
  transition: background-color .6s;
}

.home-verde-button:hover {
  background-color: #e1ccbb;
  font-weight: 400;
}

.home-verde-button.aims360 {
  letter-spacing: 2px;
  background-color: #f056b5;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 29px;
  padding-right: 33px;
  font-size: 13px;
}

.home-verde-button.aims360:hover {
  background-color: #872069;
}

.home-verde-button.aims360.brand-book {
  background-color: #7f1f65;
}

.welcome-bottom-cta {
  z-index: 1;
  position: relative;
}

.make-impact-together-text {
  text-align: center;
  font-size: 35px;
  line-height: 43px;
}

.make-impact-together-button-blocks {
  text-align: center;
  width: 70%;
  margin-top: 49px;
  margin-left: auto;
  margin-right: auto;
}

.welcome-bottom-button {
  background-color: var(--white);
  color: #000;
  letter-spacing: 1.7px;
  border: 1px solid #000;
  border-radius: 0;
  margin-left: 27px;
  margin-right: 27px;
  padding: 16px 44px 16px 48px;
  font-size: 11px;
  font-weight: 700;
}

.welcome-bottom-button.bts {
  background-color: var(--slate);
  color: #fff;
  padding-right: 43px;
}

.welcome-header-wordmark-tri-part {
  justify-content: center;
  align-items: center;
  display: none;
}

.and {
  margin-left: 16px;
  margin-right: 16px;
}

.welcome-projects-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-desc-multi-button-div {
  text-align: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 70%;
  max-width: 800px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-menu-center-logo-div {
  margin-bottom: 6px;
}

.main-menu-logo {
  width: 27vw;
  margin-bottom: 8px;
}

.text-block-11 {
  text-align: center;
  letter-spacing: 3px;
  font-size: .75vw;
}

.image-30 {
  width: 66vw;
}

.below-header {
  z-index: 3;
  position: relative;
}

.blueprint-icon {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e24e4b3992bfa2c2831d366_brand-blueprint.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 105px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.intro-half {
  z-index: 50;
  background-color: #fff;
  width: 50vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.intro-half.right {
  inset: 0% 0% 0% auto;
}

.intro-div {
  z-index: 10;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.page-cover {
  z-index: 50;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-31 {
  width: 200px;
  height: 40px;
}

.aims360-brand-video {
  z-index: 100;
  background-color: #000000c4;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.video-2 {
  margin-left: auto;
  margin-right: auto;
}

.aims360-video {
  width: 80%;
  position: relative;
}

.bts-header-nav-links {
  z-index: 5;
  text-align: center;
  margin-top: 28px;
  position: absolute;
  inset: 0% 0% auto;
}

.bts-header-nav-link-blocks {
  justify-content: center;
  align-items: center;
  margin-top: 44px;
  display: flex;
}

.bts-header-nav-link {
  color: #fff;
  letter-spacing: 5px;
  margin-left: 27px;
  margin-right: 27px;
  font-size: 12px;
  text-decoration: none;
}

.bts-header-nav-link.w--current {
  font-weight: 700;
}

.bts-header-nav-link.dark {
  color: #3d3d3d;
}

.bts-header-nav-link.dark.hide, .image-32, .mobile-header-hamburger, .mobile-header-hamburger.bts {
  display: none;
}

.aims360-brand-video-close-button {
  width: 19px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: -33px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.background-video {
  z-index: 0;
  background-image: linear-gradient(#00000078, #00000078), linear-gradient(#0000004d, #0f0f0f00 51%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video.desktop {
  background-image: linear-gradient(#0000008c, #0000008c), linear-gradient(#0000004d, #0f0f0f00 51%);
}

.welcomeheadernavlinkdiv {
  width: 100%;
  height: 200px;
  padding-top: 59px;
  position: absolute;
  inset: 0% 0% auto;
}

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

.image-33 {
  width: 17.4vw;
  margin-left: auto;
  margin-right: auto;
}

.text-block-12 {
  color: #fff;
  text-align: center;
  letter-spacing: 2.95px;
  text-transform: uppercase;
  margin-top: 3px;
  font-size: .65vw;
  line-height: 2vw;
}

.welcomeheadernavlinks {
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.welcomeheadernavlink {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 11.75%;
  height: 30px;
  font-size: 1vw;
  text-decoration: none;
}

.text-block-13 {
  text-align: center;
  letter-spacing: 6px;
  font-size: .75vw;
  line-height: 2vw;
}

.welcomenavlinkdots {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10px;
  margin-top: 2px;
  display: flex;
}

.welcomenavlinkdots.inactive {
  height: 10px;
  display: flex;
}

.welcomeheadernavlinkdot {
  background-color: #fff;
  border-radius: 100px;
  width: 6px;
  height: 6px;
  margin-left: 4px;
  margin-right: 4px;
}

.welcomeheadernavlinkdot.inactive {
  background-color: #fff0;
}

.welcomeheadermaincontent {
  z-index: 1;
  color: #fff;
  width: 50%;
  margin-top: 98px;
  margin-left: 121px;
  position: relative;
}

.text-block-14 {
  letter-spacing: 4px;
  font-size: 1.3vw;
  font-weight: 700;
  line-height: 2vw;
}

.heading {
  margin-top: 15px;
  font-size: 3.3vw;
  font-weight: 400;
  line-height: 4vw;
}

.welcomeheaderctabutton {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #57bdd1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 202px;
  margin-top: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.welcomeheaderctabutton:hover {
  background-color: #c77400;
}

.image-34 {
  width: 10px;
  margin-top: -2px;
}

.text-block-15 {
  letter-spacing: 2px;
  margin-right: 8px;
  font-size: 13px;
}

.welcomeprojects {
  padding-top: 97px;
}

.welcomeprojectsheadline {
  text-align: center;
  font-size: 3.1vw;
  font-weight: 300;
  line-height: 4vw;
}

.welcomeprojectsblocks {
  margin-top: 69px;
}

.welcomeprojectsblocks.projects {
  margin-top: 0;
}

.projectblock {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
  top: auto;
}

.projectblock.flipped, .projectblock.flipped.cartel {
  flex-direction: row-reverse;
}

.projectblock.flipped.nubocha, .projectblock.flipped.shelf {
  flex-direction: row;
}

.projectblock.mobile-flip.aims-360, .projectblock.whisper {
  flex-direction: row-reverse;
}

.projectblockmain {
  background-color: #f7f2eb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
  position: sticky;
  top: 30px;
}

.projectblockmain.aeri {
  background-color: #001974;
}

.projectblockmain.huracan {
  background-color: #161616;
}

.projectblockmain.aims360 {
  background-color: #161922;
  width: 50%;
}

.projectblockmain.alfred {
  background-color: #2e6367;
}

.projectblockmain.your-voice {
  background-color: #934c82;
}

.projectblockmain.lsx {
  background-color: #181717;
}

.projectblockmain.welcome-us {
  background-color: #fff;
}

.projectblockmain.nubocha {
  background-color: #6587b5;
}

.projectblockmain.alldyn {
  background-color: #242424;
}

.projectblockmain.refeed {
  background-color: #92a364;
}

.projectblockmain.whisper {
  background-color: #6e42f5;
}

.projectblockmain.shelf {
  background-image: linear-gradient(167deg, #fe748c, #f9806f);
}

.projectblockmain.arabella {
  background-color: #700e15;
}

.projectblockmain.steel-wool {
  background-color: #47484a;
}

.projectblockmain.waiakea {
  background-color: #47abcf;
}

.projectblockmain.exp-trips {
  background-color: #6fa899;
}

.projectblockmain.tutorall {
  background-color: #000;
}

.projectblockmain.universe {
  background-color: #6a9fcf;
}

.projectblockmain.verde {
  background-color: #163534;
}

.projectblockmain.chorus {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640b8b9010f75f84680e3639_chorus-image1.jpg");
  background-position: 0 0;
  background-size: cover;
}

.projectblockmain.the-spoke {
  background-color: #091924;
}

.projectblockmain.aims360 {
  background-color: #161922;
  width: 50%;
  position: relative;
  top: auto;
}

.projectblockmain.aeri {
  background-color: #001974;
  position: relative;
  top: auto;
}

.projectblockmain.huracan {
  background-color: #161616;
  position: relative;
  top: auto;
}

.projectblockmain.pure-malibu {
  background-color: #f09885;
}

.projectblockmain.welcome-us {
  background-color: #fff;
  position: relative;
  top: auto;
}

.projectblockmain.the-spoke {
  background-color: #091924;
  position: relative;
  top: auto;
}

.projectblockmain.presence {
  z-index: 2;
  position: relative;
  top: auto;
}

.projectblockmain.verde {
  background-color: #163534;
  position: relative;
  top: auto;
}

.projectblockmain.cartel {
  background-color: #1d1a1a;
}

.projectblockcontent {
  width: 50%;
  height: 46vw;
  position: relative;
  top: auto;
}

.projectblockcolorstrip {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 14px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.projectblockcolorblock {
  background-color: #9cb3b6;
  width: 20%;
  height: 100%;
}

.projectblockcolorblock._2 {
  background-color: #a05d3b;
}

.projectblockcolorblock._2.verde {
  background-color: #183638;
}

.projectblockcolorblock._2.aeri {
  background-color: #3c8e82;
}

.projectblockcolorblock._2.the-spoke {
  background-color: #e9e9e9;
}

.projectblockcolorblock._2.huracan {
  background-color: #e43824;
}

.projectblockcolorblock._2.aims360 {
  background-color: #e3e6e6;
}

.projectblockcolorblock._2.alfred {
  background-color: #fdfefe;
}

.projectblockcolorblock._3 {
  background-color: #dea05f;
}

.projectblockcolorblock._3.verde {
  background-color: #7edad1;
}

.projectblockcolorblock._3.aeri {
  background-color: #fff;
}

.projectblockcolorblock._3.the-spoke {
  background-color: #152327;
}

.projectblockcolorblock._3.huracan {
  background-color: #ef6035;
}

.projectblockcolorblock._3.aims360 {
  background-color: #363e48;
}

.projectblockcolorblock._3.alfred {
  background-color: #8dccae;
}

.projectblockcolorblock._4 {
  background-color: #e8c3bf;
}

.projectblockcolorblock._4.verde {
  background-color: #f0e8e6;
}

.projectblockcolorblock._4.aeri {
  background-color: #ed5055;
}

.projectblockcolorblock._4.the-spoke {
  background-image: linear-gradient(121deg, #b2e6f3, #8ed6eb);
}

.projectblockcolorblock._4.huracan {
  background-color: #171717;
}

.projectblockcolorblock._4.aims360 {
  background-color: #5f2553;
}

.projectblockcolorblock._4.alfred {
  background-color: #f6b86d;
}

.projectblockcolorblock._5 {
  background-color: #161a1f;
}

.projectblockcolorblock._5.verde {
  background-color: #ecb09c;
}

.projectblockcolorblock._5.aeri {
  background-color: #ef8132;
}

.projectblockcolorblock._5.the-spoke {
  background-color: #ffcd66;
}

.projectblockcolorblock._5.huracan {
  background-color: #c5c5c5;
}

.projectblockcolorblock._5.alfred {
  background-color: #2f6367;
}

.projectblockcolorblock.verde {
  background-color: #c77b55;
}

.projectblockcolorblock.aeri {
  background-color: #2c3538;
}

.projectblockcolorblock.the-spoke {
  background-color: #fff;
}

.projectblockcolorblock.huracan {
  background-color: #ddd;
}

.projectblockcolorblock.aims360 {
  background-color: #ca3d99;
}

.projectblockcolorblock.alfred {
  background-color: #303b3d;
}

.projectblockmaintabs {
  width: 100%;
  height: 46vw;
  position: relative;
  inset: 0%;
}

.projectblockmaintabs.the-spoke {
  background-color: #fff;
}

.slider-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-nav-4 {
  color: #fff;
  background-image: linear-gradient(#0000, #0006);
  height: 120px;
  padding-top: 69px;
  font-size: 15px;
  inset: auto 0% 0%;
}

.slide-nav-4.hide {
  display: block;
}

.projectblockcontentarrow {
  opacity: 1;
  color: #fff;
  margin-top: 26px;
  margin-bottom: 162px;
  font-size: 32px;
  inset: 0% 0% auto;
}

.projectblockcontentslide {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640ac4412e2b166dbbfeeccd_presence-grid-photo1.jpg");
  background-position: 0%;
  background-size: cover;
  width: 100%;
}

.projectblockcontentslide._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640ac8c5546bd57caa0397a3_Presence-grid-photo.jpg");
  background-position: 0 57%;
}

.projectblockcontentslide._2.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc012c21f7d751b9b0122f6_verde-content-slide2.jpg");
}

.projectblockcontentslide._2.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc055d387e5375675a4fa8a_why-mental-health-bg.jpg");
}

.projectblockcontentslide._2.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc061e43677d670393bbe46_the-spoke-content-slide1.jpg");
  background-position: 50%;
}

.projectblockcontentslide._2.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067c6b30cf9898c78e685_pure-malibu-content-slide2.jpg");
  background-position: 24%;
}

.projectblockcontentslide._2.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06dcbc279821e6e043b42_alfred-content-slide1.jpg");
}

.projectblockcontentslide._2.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc078030af89086930be382_aims360-content-slide1.jpg");
  background-position: 50%;
}

.projectblockcontentslide._2.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc090574a77e5aa97f81139_nubocha-content-slide2.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide._2.arabella {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0953c967d837de6e521d6_arabella-content-slide2.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide._2.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc055d387e5375675a4fa8a_why-mental-health-bg.jpg");
  background-position: 50%;
}

.projectblockcontentslide._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640ac926ba7044cdba4a9ff4_Presence-Photo2.jpg");
  background-position: 50%;
  background-size: cover;
}

.projectblockcontentslide._3.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc05b26b30cf918cf78c4c5__23A9153.jpg");
}

.projectblockcontentslide._3.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06dcb9c0c303b801bad88_alfred-content-slide.jpg");
}

.projectblockcontentslide._3.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc30194ee75bc708c0075a_verde-content-slide3.jpg");
}

.projectblockcontentslide._3.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc2882f06a72f178f05c6a_the-spoke-content-slide3.jpg");
}

.projectblockcontentslide._3.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640bb99eba67525f0de4c3ac_aims360-grid-image3.jpg");
}

.projectblockcontentslide._3.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35574f1b4033a_pure-malibu-grid-image3.jpg");
  background-position: 50%;
}

.projectblockcontentslide.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640bbf1c17d12b2cab766010_verde-grid-image6.jpg");
  background-position: 50%;
}

.projectblockcontentslide.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640bbda5ec022d79433fa220_huracan-grid-image2.jpg");
  background-position: 50%;
}

.projectblockcontentslide.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc061a4958e8c4832024fc4_the-spoke-content-slide2.jpg");
}

.projectblockcontentslide.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac544c4e19c21_aims360-scene-no-text.jpg");
  background-position: 100%;
  width: 100%;
}

.projectblockcontentslide.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067c70f3f8150fff207b5_pure-malibu-content-slide5.jpg");
  background-position: 100%;
}

.projectblockcontentslide._5.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06f720ef9e6e924d522ce_alfred-content-slide6.jpg");
}

.projectblockcontentslide.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06dca2ea731553334fbdd_alfred-content-slide3.jpg");
}

.projectblockcontentslide._7.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06f326594014d09026500_alfred-content-slide4.jpg");
  background-position: 50%;
}

.projectblockcontentslide._7.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35585f9b4033f_pure-malibu-grid-image4.jpg");
}

.projectblockcontentslide.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c9fee19ac5_your-voice-scene1.jpg");
  background-position: 100%;
}

.projectblockcontentslide.your-voice._1 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0808e234e053a77045053_your-voice-content-slide1.jpg");
  background-size: cover;
}

.projectblockcontentslide.lsx {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0814e0af8901b930bfaaf_letizia-photo.jpg");
  background-position: 37%;
}

.projectblockcontentslide.shelf {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac562e1e19b69_shelf-scene.jpg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.projectblockcontentslide.shelf._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e462b2e2b166e24397c74_shelf-grid-image3.jpg");
  background-position: 0%;
}

.projectblockcontentslide.shelf._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e4607299a5344a7df7ee4_shelf-grid-image4.jpg");
  background-position: 50%;
}

.projectblockcontentslide.arabella {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08db42ea731288a35402e_arabella-content-slide1.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0903db2be476d781b68ee_nubocha-content-slide1.jpg");
}

.projectblockcontentslide.waiakea {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50548e19b46_waiakea-scene-mobile.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5776fe19b53_steel-wool-scene-mobile.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5a7a2e19b47_whisper-scene-mobile.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5702de19b3d_refeed-scene-mobile.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57c3de19b4a_alldyn-scene-mobile.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide.tutorall {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52718e19acb_tutorall-scene.jpg");
  background-position: 50% 100%;
  background-size: 230%;
}

.projectblockcontentslide.universe {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac505d0e19acd_universe-scene.jpg");
  background-position: 100%;
}

.projectblockcontentslide.universe._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50b14e19ae3_universe-photos4.jpg");
  background-position: 100%;
}

.projectblockcontentslide.universe._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5fca9e19ae2_universe-photos2.jpg");
  background-position: 50%;
  background-size: cover;
}

.projectblockcontentslide.exp-trips {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51107e19acc_exp-trips-scene.jpg");
  background-position: 100% 100%;
}

.projectblockcontentslide.welcome-us {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51283e19bbd_welcome-website-mobile.jpg");
  background-position: 50% 100%;
}

.projectblockcontentslide.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5315be19d01_frontera-scene1.jpg");
  background-position: 100%;
}

.projectblockcontentslide.cartel._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/64347031ef9fb315bebabcf6_cartel-grid-image1.jpg");
}

.projectblockcontentslide.kinoo-image {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a42929b10d44447b2dee0_kinoo-grid-image1.jpg");
}

.projectblockcontentslide.kinoo-image._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640ac306df551ac638845d93_magic-wand-photo.jpg");
  background-size: cover;
}

.projectblockcontentslide.kinoo-image._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35561a6b4032c_kinoo-grid-image2.jpg");
}

.projectblockcontentslide.kinoo-image._4 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35526d1b40336_kinoo-grid-image3.jpg");
}

.projectblockcontentslide.chorus {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a42ab4e1196a33e294c4f_chorus-grid-image1.jpg");
}

.projectblockcontentslide.private-resolutions {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e48b5abd6cb4f83199168_private-resolutions-grid-image1.jpg");
  background-position: 0%;
  background-size: cover;
}

.projectblockcontentslide._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52b88e19a64_2xd-scene.jpg");
  background-position: 96%;
}

.projectblockcontentslide.ssc {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e5ab914990e975165c1c8_superior-stage-crew-grid-image1.jpg");
  background-position: 0%;
}

.projectblockcontentslide._4 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35505feb40311_presence-grid-image6.jpg");
}

.projectblockcontentslide._4.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b355538ab40319_huracan-grid-image4-compressed.jpg");
}

.projectblockcontentslide._4.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640bbdb92e2b164db50f0af8_the-spoke-grid-image2.jpg");
  background-size: cover;
}

.projectblockcontentslide._4.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067c59af2652ca7e3eb3f_pure-malibu-content-slide1.jpg");
}

.projectblockcontentslide._4.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06dcadbdc80176a19d77b_alfred-content-slide2.jpg");
  background-position: 50%;
}

.projectblockcontentslide._4.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac54737e19cf9_verde-scene1.jpg");
  background-position: 100%;
  background-size: cover;
}

.projectblockcontentslide._5 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b355e3cfb40315_presence-grid-image5.jpg");
}

.projectblockcontentslide._5.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35546f5b4031e_huracan-iphone-spread1.jpg");
}

.projectblockcontentslide._5.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067c7a7287df4283f8576_pure-malibu-content-slide4.jpg");
  background-position: 59%;
  background-repeat: no-repeat;
}

.projectblockcontentslide._5.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b355387db40327_the-spoke-grid-image4.jpg");
}

.projectblockcontentslide._5.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640bbf0443138cd6962ac070_verde-grid-image5.jpg");
}

.projectblockcontentslide.soli {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b3555701b40331_soli-imac-scene.jpg");
  background-position: 100%;
  background-size: cover;
}

.projectblockcontentslide.soli._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640bb69b714c5a4df95e2b63_home-value-prop3.jpg");
  background-position: 50%;
}

.projectblockcontentslide.soli._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc1341ff194772393420547_aeri-content-slide3.jpg");
}

.projectblockcontentslide._6 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35546f3b40322_presence-grid-image8.1.jpg");
  background-position: 100%;
}

.projectblockcontentslide._6.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e06db41be0f8200a1723fb8_bts-mosaic51.jpg");
  background-position: 0%;
}

.projectblockcontentslide._6.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06f0eb30cf97bc778f87e_alfred-content-slide5.jpg");
  background-position: 50%;
}

.projectblockcontentslide.dr-lori {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/64249be30e2cc2a207d85db6_lori-deutsch-grid-image.jpg");
}

.projectblockcontentslide.gelato-festival {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/64249bf5e7adf40c027787a8_gelato-festival-grid-image.jpg");
}

.div-block-8 {
  width: 20px;
  height: 20px;
}

.tab-link-tab-2 {
  opacity: .65;
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  cursor: pointer;
  background-color: #ddd0;
  border: 2px solid #ffffff1f;
  width: 173px;
  height: 40px;
  margin: 0 auto 55px;
  padding-left: 25px;
  padding-right: 22px;
  font-size: 12px;
  transition: color .4s, border-color .4s, background-color .4s, opacity .45s;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.tab-link-tab-2:hover {
  opacity: 1;
  color: #fff;
  background-color: #3bbeff;
  background-image: linear-gradient(128deg, #68c3df, #6bdcff);
  border-color: #6ad3f4;
}

.tab-link-tab-2.w--current {
  display: none;
}

.tab-link-tab-2.light {
  color: #fff;
}

.tab-link-tab-2.light:hover {
  background-color: #4d4d4d;
  background-image: none;
}

.tab-link-tab-2.light.verde {
  border-color: #ffffff21;
  margin-bottom: 19px;
}

.tab-link-tab-2.light.huracan:hover {
  background-color: #ef4800;
  background-image: none;
  border-color: #ef4800;
}

.tab-link-tab-2.light.aims360:hover {
  background-color: #8b216a;
}

.tab-link-tab-2.light.aims360-1:hover {
  color: #fff;
  background-color: #8b216a;
  border-color: #8b216a;
}

.tab-link-tab-2.light.pure-malibu {
  color: #fff;
}

.tab-link-tab-2.light.pure-malibu:hover {
  color: #424242;
  background-color: #ffeed9;
  border-color: #ffeed9;
}

.tab-link-tab-2.light.your-voice:hover {
  background-color: #723162;
  border-color: #723162;
}

.tab-link-tab-2.light.alfred:hover {
  background-color: #fcb560;
  border-color: #fcb560;
}

.tab-link-tab-2.light.lsx:hover {
  background-color: #002a32;
  border-color: #002a32;
}

.tab-link-tab-2.light.arabella:hover {
  color: #292929;
  background-color: #eedad1;
  border-color: #eedad1;
}

.tab-link-tab-2.light.refeed:hover {
  background-color: #8fe183;
  border-color: #8fe183;
}

.tab-link-tab-2.light.chorus:hover {
  border-color: #4d4d4d;
}

.tab-link-tab-2.light.soli:hover {
  color: #464646;
  background-color: #ffdc22;
  border-color: #ffdc22;
}

.tab-link-tab-2.light.alldyn:hover {
  border-color: #4d4d4d;
}

.tab-link-tab-2.light.cartel:hover {
  background-color: #ffa800;
  border-color: #ffa800;
}

.tab-link-tab-2.dark {
  color: #000;
  border-color: #0000001c;
}

.tab-link-tab-2.dark:hover {
  color: #fff;
  background-color: #cf812c;
  background-image: none;
  border-color: #cf812c;
}

.tab-link-tab-2.dark.kinoo:hover {
  background-color: #76bd98;
  border-color: #76bd98;
}

.tab-link-tab-2.the-spoke {
  transition: opacity .2s, border-color .4s, background-color .4s;
}

.tab-link-tab-2.verde:hover {
  background-color: #e2937b;
  background-image: none;
  border-color: #e2937b;
}

.projectblockmaintab1 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0047f29c813eea523e251_presence-logo1.png");
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-size: 51%;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  position: absolute;
  inset: 0%;
}

.projectblockmaintab1.verde {
  background-color: #123739;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/64095c7d80c7da041fa3dbdd_verde-logo-square.jpg");
  background-size: 91%;
}

.projectblockmaintab1.aeri {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6409542ba5623b1f25cc0f07_soli-logo.svg");
  background-size: 43%;
}

.projectblockmaintab1.the-spoke {
  background-color: #091a24;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe29380770a094df5b20c1b_the-spoke-logo-white-compressed.png");
  background-size: 44%;
}

.projectblockmaintab1.huracan {
  background-color: #161616;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc05077616001744fadc6c2_huracan-hbo-logo.png");
  background-size: 64%;
}

.projectblockmaintab1.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac513ede19aa2_aims360-logo.png");
  background-size: 61%;
  width: 100%;
}

.projectblockmaintab1.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc063fa61600177f5adf0e5_alfred-logo.png");
  background-size: 64%;
}

.projectblockmaintab1.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067e62a3ba6d01f16757d_puremalibu-logo.png");
}

.projectblockmaintab1.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc080960ef9e6e35dd54b80_your-voice-logo-test.jpg");
  background-size: 34%;
}

.projectblockmaintab1.lsx {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08115cc013461b272f08d_lsx-logo-white.png");
  background-size: 45%;
}

.projectblockmaintab1.welcome-us {
  background-color: #0f3447;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52fffe19ccc_welcome-logo-large.png");
}

.projectblockmaintab1.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08607c77a4aaaa6661ab9_cartel-logo.svg");
  background-position: 50% 49%;
  background-size: 74%;
}

.projectblockmaintab1.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08aa47c6283aa14af0b76_nubocha-logo-white-1.jpg");
  background-size: 50%;
}

.projectblockmaintab1.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08ad7b30cf93b327934b0_alldyn-logo.jpg");
  background-size: 60%;
}

.projectblockmaintab1.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53df9e19ab0_ReFeed-Logo1.png");
  background-size: 57%;
}

.projectblockmaintab1.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53ccce19b4d_whisper-logo.png");
  background-position: 50% 49%;
  background-size: 56%;
}

.projectblockmaintab1.shelf {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59899e19aa3_shelf-logo.png");
  background-position: 50% 46%;
  background-size: 53%;
}

.projectblockmaintab1.arabella {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc086a651c3f8eea76b7ecb_arabella-logo.png");
  background-size: 63%;
}

.projectblockmaintab1.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5725ce19b52_steel-wool-logo-white_2x.png");
  background-position: 50% 48%;
  background-size: 45%;
}

.projectblockmaintab1.waiakea {
  background-color: #47abcf;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe51706ba74a485f3bc3c9b_waiakea-logo-white.png");
  background-position: 50% 48%;
  background-size: 44%;
}

.projectblockmaintab1.exp-trips {
  background-color: #70a79a;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52629e19aaa_exp-trips-logo.png");
  background-position: 50% 48%;
  background-size: 42%;
}

.projectblockmaintab1.tutorall {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc090ca9af2656959e46183_tutorall-logo.png");
  background-size: 55%;
}

.projectblockmaintab1.universe {
  background-color: #6b9fcf;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc091c3c755c6bd290ec358_universe-logo.jpg");
  background-size: 37%;
}

.projectblockmaintab1.chorus {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a41c3ae194418286e986b_chorus-grid-logo-image.jpg");
  background-size: 110%;
}

.projectblockmaintab1.kinoo {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a424a7d141244a1fadef9_kinoo-logo.jpg");
  background-size: 62%;
}

.projectblockmaintab1.gelato-festival {
  background-color: #80c4b7;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e47656953397fc47f942c_gelato-festival-logo-white.png");
  background-size: 59%;
}

.projectblockmaintab1.private-resolutions {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e47e12f9696f5d1a3cd24_private-resolutions-logo-compressed.png");
  background-position: 61% 49%;
  background-size: 85%;
}

.projectblockmaintab1.superior-stage-crew {
  background-color: #414141;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e49afa21225f53d3dede0_superior-stage-crew-logo.png");
  background-size: 75%;
}

.projectblockmaintab1.dr-lori {
  background-color: #d06dac;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e514a488cf82067692560_lori-deutsch-logo.png");
  background-position: 50%;
  background-size: 71%;
}

.projectblockmaintab1._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe51522d58836899302fcdd_2xd-logo.png"), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e51e5aa9c34385a7b4f89_2xd-grid-bg-image.png");
  background-position: 50%, 50% 45%;
  background-repeat: no-repeat, no-repeat;
  background-size: 62%, cover;
}

.projectblockmaintab1.description {
  z-index: 1;
  text-align: center;
  background-color: #f9f7f300;
  background-image: none;
}

.projectblockmaintab1.description.aeri-desc {
  background-color: #f9f7f300;
}

.projectblockmaintab1.description.chorus1 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640b8b9010f75f84680e3639_chorus-image1.jpg");
  background-position: 0 0;
  background-size: auto;
}

.projectblockmaintab1.description.verde-desc {
  z-index: 1;
  background-color: #16353400;
}

.projectblockmaintab1.description.the-spoke-desc {
  background-color: #091a24;
}

.projectblockmaintab1.description.huracan-desc {
  background-color: #161616;
}

.projectblockmaintab1.description.aims360-desc {
  background-color: #161922;
}

.projectblockmaintab1.description.welcome {
  background-color: #0f3447;
}

.projectblockmaintab1.description.universe1 {
  background-color: #6a9fcf;
}

.projectblockmaintab1.description._2xd1 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e51e5aa9c34385a7b4f89_2xd-grid-bg-image.png");
  background-position: 0 0;
  background-size: cover;
}

.projectblockmaintab1.description.gelato-festival1 {
  background-color: #80c4b7;
}

.projectblockmaintab1.description.lori {
  background-color: #d06dac;
}

.projectblockmaintab1.description.ssc {
  background-color: #727272;
}

.tabs-menu {
  z-index: 2;
  color: #242424;
  width: 100%;
  height: 11%;
  position: absolute;
  inset: auto 0% 0%;
}

.tab-link-tab-1 {
  z-index: 0;
  opacity: .35;
  color: #2424244d;
  text-align: center;
  letter-spacing: 2px;
  background-color: #fff0;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border: 0 solid #0000;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 40px;
  margin: -3px auto 0;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  transition: opacity .4s, color .4s, border-color .3s, background-color .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tab-link-tab-1:hover {
  opacity: 1;
  color: #000;
  background-color: #fff0;
  border: 0 solid #fff;
}

.tab-link-tab-1.w--current {
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin-top: 28px;
  margin-bottom: 104px;
  margin-right: 33px;
  display: none;
  inset: 0% 0% auto auto;
}

.tab-link-tab-1.light {
  background-image: none;
}

.tab-link-tab-1.right {
  background-color: #ffffff17;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2f118f07519cfb947fd686_close-icon.png");
  background-size: 26%;
  width: 40px;
  height: 60px;
  margin: 27px 20px 112px 0;
  inset: 0% 0% auto auto;
}

.tab-link-tab-1.right:hover {
  background-color: #fff0;
}

.tab-link-tab-1.right.dark {
  background-color: #c9c9c917;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac522afe19ccb_close-icon1.png");
}

.tab-link-tab-1.dark {
  z-index: 2;
  background-color: #f8f8f8;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac522afe19ccb_close-icon1.png");
  width: 82px;
  margin: -16px auto 133px;
  padding-left: 0;
  padding-right: 0;
  inset: 0%;
}

.tab-link-tab-1.dark.w--current {
  inset: auto 0% 0%;
}

.tab-link-tab-1.lighter {
  opacity: .32;
  color: #fff;
}

.tab-link-tab-1.lighter:hover {
  opacity: 1;
}

.tabs-content {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.projectblockarrowblock {
  z-index: 1;
  opacity: .38;
  transition: opacity .5s;
  display: block;
}

.projectblockarrowblock:hover {
  opacity: 1;
}

.projectblockarrowblock.hide {
  display: none;
}

.heading-2 {
  color: #333;
  text-align: center;
  margin-top: 14px;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 2vw;
}

.projectdesclogoblock {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0047f29c813eea523e251_presence-logo1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 82%;
  width: 160px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
}

.projectdesclogoblock.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc01178377fbe9df6bb5603_verde-logo1.jpg");
  background-size: 78%;
  height: 89px;
}

.projectdesclogoblock.soli {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6409542ba5623b1f25cc0f07_soli-logo.svg");
  background-size: 71%;
}

.projectdesclogoblock.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe29380770a094df5b20c1b_the-spoke-logo-white-compressed.png");
  background-size: 74%;
}

.projectdesclogoblock.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc05077616001744fadc6c2_huracan-hbo-logo.png");
  background-size: 100%;
}

.projectdesclogoblock.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5172de19b37_aims360-logo1.png");
  background-size: contain;
  width: 39%;
}

.projectdesclogoblock.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc080960ef9e6e35dd54b80_your-voice-logo-test.jpg");
  background-size: contain;
}

.projectdesclogoblock.welcome-us {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52fffe19ccc_welcome-logo-large.png");
  background-size: 71%;
}

.projectdesclogoblock.lsx {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08115cc013461b272f08d_lsx-logo-white.png");
  background-size: 71%;
}

.projectdesclogoblock.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08607c77a4aaaa6661ab9_cartel-logo.svg");
  background-size: 126%;
}

.projectdesclogoblock.arabella {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc086a651c3f8eea76b7ecb_arabella-logo.png");
  background-size: 100%;
}

.projectdesclogoblock.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08aa47c6283aa14af0b76_nubocha-logo-white-1.jpg");
  background-size: 74%;
}

.projectdesclogoblock.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08ad7b30cf93b327934b0_alldyn-logo.jpg");
  background-size: 100%;
}

.projectdesclogoblock.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53df9e19ab0_ReFeed-Logo1.png");
  background-size: 100%;
}

.projectdesclogoblock.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53ccce19b4d_whisper-logo.png");
  background-size: 99%;
}

.projectdesclogoblock.shelf {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59899e19aa3_shelf-logo.png");
  background-size: 99%;
}

.projectdesclogoblock.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5725ce19b52_steel-wool-logo-white_2x.png");
  background-size: 99%;
}

.projectdesclogoblock.waiakea {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe51706ba74a485f3bc3c9b_waiakea-logo-white.png");
  background-size: 77%;
}

.projectdesclogoblock.exp-trips {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52629e19aaa_exp-trips-logo.png");
  background-size: 71%;
}

.projectdesclogoblock.tutorall {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc090ca9af2656959e46183_tutorall-logo.png");
  background-size: 99%;
}

.projectdesclogoblock.universe {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc091c3c755c6bd290ec358_universe-logo.jpg");
  background-size: 62%;
}

.projectdesclogoblock.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc063fa61600177f5adf0e5_alfred-logo.png");
  background-size: 100%;
}

.projectdesclogoblock.kinoo {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a424a7d141244a1fadef9_kinoo-logo.jpg");
}

.projectdesclogoblock.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067e62a3ba6d01f16757d_puremalibu-logo.png");
}

.projectdesclogoblock.chorus {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640b8bc8ec022da1d03c0322_chorus-logo-gold-compressed.png");
  background-size: 94%;
  margin-bottom: -15px;
}

.projectdesclogoblock.private-resolutions {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e47e12f9696f5d1a3cd24_private-resolutions-logo-compressed.png");
  background-size: contain;
  width: 200px;
}

.projectdesclogoblock.dr-lori {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e514a488cf82067692560_lori-deutsch-logo.png");
  background-size: 100%;
  width: 200px;
}

.projectdesclogoblock.gelato-festival {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e47656953397fc47f942c_gelato-festival-logo-white.png");
  background-size: 90%;
}

.projectdesclogoblock._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe51522d58836899302fcdd_2xd-logo.png");
  background-size: 100%;
}

.projectdesclogoblock.ssc {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e49afa21225f53d3dede0_superior-stage-crew-logo.png");
  background-size: 100%;
  width: 180px;
}

.projectblockdesctext {
  text-align: center;
  width: 67%;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 2.2vw;
}

.projectblockdesctext.light {
  z-index: 10;
  color: #fff;
  width: 69%;
  position: relative;
}

.projectblockdesctext.long {
  width: 65%;
}

.projectblockcasestudybutton {
  z-index: 5;
  color: #fff;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #cf802c00;
  border: 1px solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 220px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 11px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: color .4s, border-color .4s, background-color .5s;
  display: flex;
  position: relative;
}

.projectblockcasestudybutton:hover {
  color: #fff;
  background-color: #cf812c;
}

.projectblockcasestudybutton.verde {
  color: #fff;
  background-color: #c77b5500;
  border-color: #c77b55;
}

.projectblockcasestudybutton.verde:hover {
  background-color: #c1744a;
}

.projectblockcasestudybutton.aeri {
  background-color: #ff7b00;
}

.projectblockcasestudybutton.the-spoke {
  background-image: none;
  border-color: #6ed2dd;
}

.projectblockcasestudybutton.the-spoke:hover {
  background-color: #7fbccc;
  background-image: none;
  border-color: #7fbccc;
}

.projectblockcasestudybutton.huracan {
  background-color: #ff5c0000;
  border-color: #ef4800;
}

.projectblockcasestudybutton.huracan:hover {
  background-color: #ef4800;
}

.projectblockcasestudybutton.aims360 {
  background-color: #cb3e99;
}

.projectblockcasestudybutton.lsx {
  background-color: #eca7a700;
  border-color: #f5b2b3;
}

.projectblockcasestudybutton.lsx:hover {
  background-color: #eca7a7;
}

.projectblockcasestudybutton.nubocha {
  background-color: #f1bea000;
  border-color: #6f94c5;
}

.projectblockcasestudybutton.alldyn {
  background-color: #649db000;
  border-color: #649db0;
}

.projectblockcasestudybutton.alldyn:hover {
  background-color: #649db0;
}

.projectblockcasestudybutton.refeed {
  background-color: #feb90100;
  border-color: #ffbb05;
}

.projectblockcasestudybutton.refeed:hover {
  background-color: #ffbb05;
}

.projectblockcasestudybutton.whisper {
  color: #fff;
  background-color: #fff0;
}

.projectblockcasestudybutton.whisper:hover {
  background-color: #7852e7;
  border-color: #7852e7;
}

.projectblockcasestudybutton.shelf {
  background-color: #fdc34a;
}

.projectblockcasestudybutton.steel-wool {
  background-color: #757575;
}

.projectblockcasestudybutton.waiakea {
  color: #34cdf0;
  background-color: #fff;
}

.projectblockcasestudybutton.exp-trips {
  background-color: #8bd3c200;
  border-color: #85b9aa;
}

.projectblockcasestudybutton.exp-trips:hover {
  background-color: #85b9aa;
}

.projectblockcasestudybutton.tutorall {
  background-color: #2bcedc;
}

.projectblockcasestudybutton.universe {
  background-color: #7f7367;
}

.projectblockcasestudybutton.cartel {
  background-color: #ffa803;
}

.projectblockcasestudybutton.welcome-us {
  background-color: #dc334100;
  border-color: #da212e;
}

.projectblockcasestudybutton.presence {
  color: #cf812c;
  background-color: #cf802c00;
  border: 2px solid #cf802c;
  border-radius: 0;
  width: 220px;
  padding-top: 13px;
  padding-bottom: 12px;
}

.projectblockcasestudybutton.alfred {
  background-color: #fcb55f00;
  border-color: #fcb55f;
}

.projectblockcasestudybutton.alfred:hover {
  background-color: #5cb8a6;
  border-color: #5cb8a6;
}

.projectblockcasestudybutton.dark {
  color: #000;
  border-color: #cf812c;
}

.projectblockcasestudybutton.dark.the-spoke {
  background-image: none;
  border-color: #56c3e4;
}

.projectblockcasestudybutton.dark.the-spoke:hover {
  color: #fff;
  background-color: #cf812c00;
  background-image: linear-gradient(113deg, #b0e5f2, #8fd6ea);
  border-color: #a6e1ef;
}

.projectblockcasestudybutton.dark.aims360-2 {
  border-color: #dd3fa6;
}

.projectblockcasestudybutton.dark.aims360-2:hover {
  color: #fff;
  background-color: #dd3fa6;
}

.projectblockcasestudybutton.dark.kinoo:hover {
  color: #fff;
  background-color: #5568a4;
}

.projectblockcasestudybutton.dark.presence {
  z-index: 6;
  border-width: 1px;
}

.projectblockcasestudybutton.dark.presence:hover {
  color: #fff;
  background-color: #cb7f2c;
}

.projectblockcasestudybutton.kinoo {
  border-color: #5568a4;
}

.projectblockcasestudybutton.pure-malibu:hover {
  background-color: #fdd2c9;
  border-color: #fdd2c9;
}

.projectblockcasestudybutton.your-voice {
  border-color: #6b335d;
}

.projectblockcasestudybutton.your-voice:hover {
  background-color: #7f4170;
}

.projectblockcasestudybutton.chorus {
  border-color: #c9b362;
}

.projectblockcasestudybutton.chorus:hover {
  background-color: #c9b362;
}

.projectblockcasestudybutton.aims360-2 {
  border-color: #dd3fa6;
}

.projectblockcasestudybutton.aims360-2:hover {
  background-color: #dd3fa6;
}

.projectblockcasestudybutton.private-resolutions {
  border-color: #001aff;
  width: 292px;
}

.projectblockcasestudybutton.private-resolutions:hover {
  background-color: #001aff;
}

.projectblockcasestudybutton._2xd {
  border-color: #5d395a;
}

.projectblockcasestudybutton._2xd:hover {
  background-color: #5d395a;
}

.projectblockcasestudybutton.dr-lori {
  background-color: #d65daa00;
  border-color: #d65daa;
}

.projectblockcasestudybutton.dr-lori:hover {
  background-color: #d65daa;
}

.projectblockcasestudybutton.gelato-festival {
  width: 260px;
}

.projectblockcasestudybutton.gelato-festival:hover {
  background-color: #9fccc3;
}

.projectblockcasestudybutton.ssc {
  border-color: #303030;
}

.projectblockcasestudybutton.ssc:hover {
  background-color: #303030;
}

.projectblockcasestudybutton.coming-soon {
  opacity: .23;
  width: 256px;
}

.projectblockcasestudybutton.coming-soon:hover {
  background-color: #cf812c00;
}

.projectblockcasestudybutton.soli {
  border-color: #ffcd2e;
}

.projectblockcasestudybutton.soli:hover {
  background-color: #ffc200;
}

.text-block-16 {
  letter-spacing: 2px;
  font-size: 10px;
}

.image-35 {
  filter: brightness(82%);
  width: 7px;
  margin-top: -2px;
  margin-left: 8px;
}

.image-35.whisper {
  filter: brightness(82%);
}

.projectblocktabinsidecontainer {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.projectblocktabinsidecontainer.welcome {
  background-color: #0f3447;
}

.projectblocktabinsidecontainer.dr-lori {
  background-color: #d06dac;
}

.projectblocktabinsidecontainer.gelato-festival {
  background-color: #80c4b7;
}

.projectblocktabinsidecontainer._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e51e5aa9c34385a7b4f89_2xd-grid-bg-image.png");
  background-position: 0 0;
  background-size: cover;
}

.projectblocktabinsidecontainer.universe {
  background-color: #6a9fcf;
}

.projectblocktabinsidecontainer.ssc {
  background-color: #414141;
}

.project-triangle {
  z-index: 2;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.image-36 {
  z-index: 2;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: -9px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-36.left {
  margin-left: -8px;
  inset: 0% auto 0% 0%;
}

.projectsmenu {
  z-index: 9;
  justify-content: flex-end;
  align-items: flex-start;
  width: 28vw;
  height: 100vh;
  margin-top: 18px;
  margin-bottom: 29px;
  margin-right: 0;
  display: block;
  position: relative;
  inset: 0% 0% 0% auto;
  overflow: scroll;
}

.projectsmenupanel {
  z-index: 3;
  background-color: #fff0;
  align-self: flex-start;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  position: relative;
  inset: 0% 0% auto;
  overflow: scroll;
}

.projectsmenulinkblocks {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 14px 0;
  display: flex;
  position: relative;
  overflow: scroll;
}

.projectsmenulinkblock {
  z-index: 6;
  width: 28vw;
  height: 26vw;
  box-shadow: none;
  cursor: pointer;
  background-color: #f5f0e8;
  border-radius: 0;
  margin-right: 0;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.projectsmenulinkblock.w--current {
  background-color: #f9f7f3;
}

.projectsmenulinkblock.verde {
  background-color: #183534;
}

.projectsmenulinkblock.verde.w--current {
  background-image: none;
  display: none;
}

.projectsmenulinkblock.aeri {
  background-color: #4c66ee;
}

.projectsmenulinkblock.aeri.w--current {
  background-size: 41%;
  height: 25vw;
}

.projectsmenulinkblock.the-spoke {
  background-color: #152327;
}

.projectsmenulinkblock.the-spoke.w--current {
  background-color: #fff;
  height: 25vw;
}

.projectsmenulinkblock.huracan {
  background-color: #171717;
}

.projectsmenulinkblock.huracan.w--current {
  background-image: none;
}

.projectsmenulinkblock.aims360 {
  background-color: #161922;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac513ede19aa2_aims360-logo.png");
  background-size: 66%;
}

.projectsmenulinkblock.alfred {
  background-color: #2f6367;
}

.projectsmenulinkblock.pure-malibu {
  background-color: #ffb4a3;
}

.projectsmenulinkblock.your-voice {
  background-color: #934b82;
}

.projectsmenulinkblock.lsx {
  background-color: #191818;
}

.projectsmenulinkblock.welcome-us {
  background-color: #1a303d;
}

.projectsmenulinkblock.cartel {
  background-color: #1d1b1b;
}

.projectsmenulinkblock.arabella {
  background-color: #6f0f21;
}

.projectsmenulinkblock.nubocha {
  background-color: #6587b5;
}

.projectsmenulinkblock.alldyn {
  background-color: #242424;
}

.projectsmenulinkblock.refeed {
  background-color: #91a264;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53df9e19ab0_ReFeed-Logo1.png");
  background-position: 50% 45%;
  background-size: 54%;
}

.projectsmenulinkblock.refeed.w--current {
  background-color: #91a264;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53df9e19ab0_ReFeed-Logo1.png");
  background-size: 37%;
}

.projectsmenulinkblock.whisper {
  background-color: #7933fe;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53ccce19b4d_whisper-logo.png");
  background-size: 53%;
}

.projectsmenulinkblock.shelf {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59899e19aa3_shelf-logo.png"), linear-gradient(151deg, #fe748b, #f87f6f);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 54%, auto;
}

.projectsmenulinkblock.steel-wool {
  background-color: #47484a;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5725ce19b52_steel-wool-logo-white_2x.png");
  background-size: 47%;
}

.projectsmenulinkblock.waiakea {
  background-color: #34cdf0;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe51706ba74a485f3bc3c9b_waiakea-logo-white.png");
  background-size: 49%;
}

.projectsmenulinkblock.exp-trips {
  background-color: #70a799;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52629e19aaa_exp-trips-logo.png");
  background-size: 44%;
}

.projectsmenulinkblock.tutorall {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc090ca9af2656959e46183_tutorall-logo.png");
  background-size: 54%;
}

.projectsmenulinkblock.universe {
  background-color: #6a9fcf;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc091c3c755c6bd290ec358_universe-logo.jpg");
  background-size: auto 37%;
}

.projectsmenulinkblock.presence {
  box-shadow: none;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.projectsmenulinkblock.aims {
  background-color: #161922;
}

.projectsmenubutton {
  z-index: 51;
  box-shadow: none;
  opacity: 1;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 100px;
  margin-top: 47px;
  margin-bottom: 54px;
  margin-right: 55px;
  padding: 13px 22px 12px 26px;
  font-size: 14px;
  transition: color .5s, background-color .5s;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.projectsmenubutton:hover {
  background-color: var(--dark-slate-grey-2);
  color: #fff;
}

.text-block-17 {
  font-weight: 700;
}

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

.text-block-19 {
  color: #4d4d4d;
  text-align: center;
  letter-spacing: 5px;
  margin-top: 96px;
  font-size: 1.2vw;
  line-height: 2vw;
}

.casestudybelowheader {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.casestudysidebar {
  z-index: 1;
  background-color: #163534;
  width: 17%;
  height: 100%;
  position: sticky;
  top: 0;
}

.casestudysidebar.huracan {
  background-color: #161616;
}

.casestudysidebar.huracan.alfred {
  background-color: #2e6367;
}

.casestudysidebar.the-spoke {
  background-color: #152327;
}

.casestudysidebar.presence {
  background-color: #ebe8e2;
}

.casestudysidebar.your-voice {
  background-color: #7b3b66;
}

.casestudysidebar.aims360 {
  background-color: #161922;
  width: 17%;
}

.casestudysidebar.lsx {
  background-color: #171717;
}

.casestudysidebar.arabella {
  background-color: #470d18;
}

.casestudysidebar.refeed {
  background-color: #92a164;
}

.casestudysidebar.welcome-us {
  background-color: #153038;
}

.casestudysidebar.cartel {
  background-color: #090909;
}

.casestudysidebar.aeri {
  background-color: #516fd8;
}

.casestudysidebar.alldyn {
  background-color: #242424;
}

.casestudysidebar.steel-wool {
  background-color: #353535;
}

.casestudysidebar.exp-trips {
  background-color: #212121;
}

.casestudysidebar.tutorall {
  background-color: #000;
}

.casestudysidebar.universe {
  background-color: #6b9fcf;
}

.casestudysidebar._2xd {
  background-color: #57415a;
}

.casestudysidebar.waiakea {
  background-color: #47abcf;
}

.casestudysidebar.kinoo {
  background-color: #1e4699;
}

.casestudysidebar.shelf {
  background-image: linear-gradient(121deg, #fc7681, #fc7681);
}

.casestudysidebar.whisper {
  background-color: #7550de;
}

.casestudysidebar.pure-malibu {
  background-color: #ffa895;
}

.casestudysidebar.reprime {
  background-color: #1a1a1a;
}

.casestudysidebar.nubocha {
  background-color: #6587b5;
}

.casestudycontent {
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 83%;
  height: 100%;
  display: block;
  position: relative;
}

.casestudycontent.verde {
  background-color: #f2e8e5;
}

.casestudycontent.presence {
  background-color: #f8f7f6;
}

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

.brandsidebarlogolinkblock {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 190px;
  padding-left: 4px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.sidebarlogodiv {
  text-align: center;
  width: auto;
  height: auto;
}

.image-37 {
  width: 56%;
  margin-left: auto;
  margin-right: auto;
}

.sidebarmenudiv {
  justify-content: center;
  align-items: center;
  width: 89%;
  margin: 40px auto auto 9px;
  display: flex;
  position: absolute;
}

.sidebarmenudiv.huracan {
  margin-top: 0;
}

.sidebarabout {
  text-align: center;
  width: 118px;
  margin-top: 306px;
  margin-bottom: 71px;
  margin-left: 43px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.link-2 {
  color: #fff;
  margin-left: -13px;
  font-size: 14px;
  text-decoration: none;
}

.link-2.dark {
  color: #202020;
}

.sidebarmenuline {
  z-index: 0;
  width: 18%;
  height: 100%;
  margin-left: 19px;
  padding-left: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.sidebarmenutextlinks {
  width: 82%;
}

.sidebarmenuactualline {
  background-color: #ffffff1a;
  border-radius: 100px;
  width: 3px;
  height: 85%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.sidebarmenuactualline.huracan {
  height: 86%;
}

.sidebarmenuactualline.presence {
  background-color: #ffffff4d;
  height: 91%;
}

.sidebarmenuactualline.aims360 {
  width: 3%;
  height: 92%;
}

.sidebarmenuactualline.lsx {
  height: 89%;
}

.sidebarmenuactualline.welcome-us {
  height: 78%;
}

.sidebarmenuactualline.alldyn {
  height: 86%;
}

.sidebarmenuactualline.waiakea {
  height: 71%;
}

.sidebarmenuactualline.whisper {
  height: 78%;
}

.sidebarmenuactualline.nubocha {
  height: 72%;
}

.sidebarmenuactualline.verde {
  background-color: #ffffff12;
  height: 91%;
}

.sidebarmenunavlinkdot {
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.sidebarmenudot {
  background-color: #304949;
  border-radius: 100px;
  width: 12px;
  height: 12px;
  position: relative;
}

.sidebarmenudot.active {
  background-color: #d57a4f;
}

.sidebarmenudot.active.the-spoke {
  background-color: #52b9ce;
}

.sidebarmenudot.active.presence {
  background-color: #cf802c;
}

.sidebarmenudot.active.alfred {
  background-color: #fcb55f;
}

.sidebarmenudot.active.your-voice {
  background-color: #c1559e;
}

.sidebarmenudot.active.lsx {
  background-color: #d69c9c;
}

.sidebarmenudot.active.arabella {
  background-color: #fff;
}

.sidebarmenudot.active.aeri {
  background-color: #649db0;
}

.sidebarmenudot.active.cartel {
  background-color: #ffa803;
}

.sidebarmenudot.active.refeed {
  background-color: #ffc72a;
}

.sidebarmenudot.active.exp-trips {
  background-color: #8bd3c2;
}

.sidebarmenudot.active.tutorall {
  background-color: #56c8df;
}

.sidebarmenudot.active.universe {
  background-color: #f3c164;
}

.sidebarmenudot.active._2xd {
  background-color: #b6b6b6;
}

.sidebarmenudot.active.waiakea {
  background-color: #fff;
}

.sidebarmenudot.active.kinoo {
  background-color: #eea040;
}

.sidebarmenudot.active.shelf {
  background-color: #ffbd3d;
}

.sidebarmenudot.active.whisper {
  background-color: #fff;
}

.sidebarmenudot.active.pure-malibu {
  background-color: var(--antique-white);
}

.sidebarmenudot.active.reprime {
  background-color: #99824a;
}

.sidebarmenudot.active.nubocha {
  background-color: #ffdc85;
}

.sidebarmenudot.active.huracan {
  background-color: #ff5c00;
}

.sidebarmenudot.huracan {
  background-color: #2f2f2f;
}

.sidebarmenudot.the-spoke {
  background-color: #2e3a3c;
}

.sidebarmenudot.presence {
  background-color: #f0efea;
}

.sidebarmenudot.alfred {
  background-color: #467377;
}

.sidebarmenudot.your-voice {
  background-color: #894f76;
}

.sidebarmenudot.lsx {
  background-color: #303030;
}

.sidebarmenudot.refeed {
  background-color: #9daa74;
}

.sidebarmenudot.welcome-us {
  background-color: #2f454c;
}

.sidebarmenudot.cartel {
  background-color: #222;
}

.sidebarmenudot.aeri {
  background-color: #627ddc;
}

.sidebarmenudot.alldyn {
  background-color: #3d3d3d;
}

.sidebarmenudot.alldyn.waiakea {
  background-color: #5db4d3;
}

.sidebarmenudot.universe {
  background-color: #7aa9d4;
}

.sidebarmenudot._2xd {
  background-color: #69556a;
}

.sidebarmenudot.waiakea {
  background-color: #5db4d3;
}

.sidebarmenudot.kinoo {
  background-color: #345aa4;
}

.sidebarmenudot.shelf {
  background-color: #fd838e;
}

.sidebarmenudot.whisper {
  background-color: #8463e1;
}

.sidebarmenudot.pure-malibu {
  background-color: #ffb29f;
}

.sidebarmenudot.reprime {
  background-color: #323232;
}

.sidebarmenudot.nubocha {
  background-color: #7593bc;
}

.link-block {
  z-index: 1;
  color: #ffffff4d;
  cursor: pointer;
  align-items: center;
  margin-bottom: .7vh;
  font-size: 14px;
  text-decoration: none;
  transition: color .55s, font-size .4s, opacity .4s;
  display: flex;
  position: relative;
}

.link-block:hover {
  opacity: 1;
  color: #fff;
}

.link-block.w--current {
  color: #fff;
  font-weight: 700;
}

.link-block.active {
  font-weight: 700;
}

.link-block.dark {
  color: #252525;
}

.sidebarmenunavlinktext {
  align-items: center;
  height: 38px;
  padding-top: 3px;
  font-size: 15px;
  display: flex;
}

.text-block-20 {
  font-size: 1.5vh;
  line-height: 2vw;
  text-decoration: none;
}

.image-38 {
  width: 51%;
  margin-top: 50px;
  margin-left: 0;
}

.image-38.huracan {
  width: 64%;
  margin-top: 8px;
}

.image-38.the-spoke {
  width: 49%;
}

.image-38.your-voice {
  width: 39%;
  margin-top: 66px;
}

.image-38.aims360 {
  width: 67%;
  margin-top: 16px;
}

.image-38.lsx {
  width: 45%;
}

.image-38.arabella, .image-38.refeed {
  width: 61%;
}

.image-38.welcome-us {
  width: 49%;
  margin-top: 59px;
}

.image-38.cartel {
  width: 78%;
  padding-left: 3px;
}

.image-38.aeri {
  margin-top: 46px;
}

.image-38.alldyn {
  width: 65%;
}

.image-38.exp-trips {
  width: 49%;
}

.image-38._2xd {
  width: 63%;
}

.image-38.whisper, .image-38.pure-malibu {
  width: 58%;
}

.image-38.reprime {
  width: 65%;
}

.image-38.nubocha {
  width: 54%;
  margin-top: 73px;
}

.scenephoto {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac54737e19cf9_verde-scene1.jpg");
  background-position: 100%;
  background-size: 164%;
  height: 70vw;
}

.scenephoto.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5315be19d01_frontera-scene1.jpg");
}

.scenephoto.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06f720ef9e6e924d522ce_alfred-content-slide6.jpg");
  background-position: 50%;
  background-size: cover;
  height: 55vw;
}

.scenephoto.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c9fee19ac5_your-voice-scene1.jpg");
  background-size: 137%;
}

.scenephoto.aims {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac544c4e19c21_aims360-scene-no-text.jpg");
  background-size: 146%;
}

.scenephoto.lsx {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0814e0af8901b930bfaaf_letizia-photo.jpg");
  background-position: 50%;
  background-size: cover;
  height: 48vw;
}

.scenephoto.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac556a5e19ac3_refeed-scene1.jpg");
  background-size: 146%;
  height: 79vw;
}

.scenephoto.welcome-us {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac541d1e19b7d_welcome-scene.jpg");
  background-size: 133%;
  height: 69vw;
}

.scenephoto.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5315be19d01_frontera-scene1.jpg");
  background-size: 154%;
}

.scenephoto.aeri {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc1341ff194772393420547_aeri-content-slide3.jpg");
  background-size: cover;
  height: 67vw;
}

.scenephoto.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5faa8e19b90_alldyn-scene.jpg");
  background-size: 149%;
  height: 77vw;
}

.scenephoto.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5842fe19b51_steel-wool-scene.jpg");
  background-size: 128%;
  height: 64vw;
}

.scenephoto.exp-trips {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51107e19acc_exp-trips-scene.jpg");
  background-size: 135%;
  height: 66vw;
}

.scenephoto.tutorall {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52718e19acb_tutorall-scene.jpg");
  background-size: 148%;
}

.scenephoto.universe {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac505d0e19acd_universe-scene.jpg");
  background-size: 145%;
}

.scenephoto._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5f383e19b93_2xd-scene.jpg");
  background-size: 143%;
}

.scenephoto.waiakea {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac54174e19d03_waiakea-scene1.jpg");
  background-size: 134%;
}

.scenephoto.shelf {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac562e1e19b69_shelf-scene.jpg");
  background-size: 141%;
}

.scenephoto.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5734ae19d02_whisper-scene1.jpg");
  background-size: 139%;
  height: 73vw;
}

.scenephoto.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067c70f3f8150fff207b5_pure-malibu-content-slide5.jpg");
  background-size: 100%;
  height: 67vw;
}

.visualidentity {
  background-color: #1b1b1b;
  height: 1000px;
}

.casestudyexploremorelinkblocks {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.exploremoreprojectslinkblock {
  cursor: pointer;
  background-color: #ece8e3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 25vw;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.exploremoreprojectslinkblock.the-spoke {
  background-color: #152327;
  text-decoration: none;
}

.exploremoreprojectslinkblock.lsx {
  background-color: #111;
  text-decoration: none;
}

.exploremoreprojectslinkblock.alfred {
  background-color: #2e6367;
  text-decoration: none;
}

.exploremoreprojectslinkblock.pure-malibu {
  background-color: #ffb4a4;
  text-decoration: none;
}

.exploremoreprojectslinkblock.huracan {
  background-color: #161616;
  text-decoration: none;
}

.exploremoreprojectslinkblock.verde {
  background-color: #163534;
  text-decoration: none;
}

.exploremoreprojectslinkblock.aeri {
  background-color: #516fd8;
}

.exploremorebuttonbg {
  z-index: 1;
  opacity: 1;
  cursor: pointer;
  background-image: linear-gradient(#e2ded6d9, #e2ded6d9), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fbfffddc27982213702d629_presence-content-slide4.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.exploremorebuttonbg.the-spoke {
  background-image: linear-gradient(#152327e0, #152327e0), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc2882f06a72f178f05c6a_the-spoke-content-slide3.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.exploremorebuttonbg.lsx {
  background-image: linear-gradient(#000000ba, #000000ba), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0814e0af8901b930bfaaf_letizia-photo.jpg");
}

.exploremorebuttonbg.huracan {
  background-image: linear-gradient(#13131380, #13131380), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe297c8354a9a1c2c9dd91a_huracan-header-bg.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.exploremorebuttonbg.alfred {
  background-image: linear-gradient(#2e6367db, #2e6367db), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06dcadbdc80176a19d77b_alfred-content-slide2.jpg");
  background-repeat: repeat, no-repeat;
}

.exploremorebuttonbg.pure-malibu {
  background-image: linear-gradient(#faa290db, #faa290db), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067c70f3f8150fff207b5_pure-malibu-content-slide5.jpg");
  background-repeat: repeat, no-repeat;
}

.exploremoreprojectlogos {
  z-index: 2;
  width: 57%;
  position: relative;
}

.exploremoreprojectlogos.the-spoke {
  width: 45%;
  margin-top: 5px;
}

.exploremoreprojectlogos.lsx {
  width: 44%;
}

.exploremoreprojectlogos.pure-malibu {
  width: 53%;
}

.exploremoreprojectlogos.cartel {
  width: 64%;
}

.exploremoreprojectlogos.verde {
  width: 50%;
}

.huracancasestudyvideo {
  background-image: linear-gradient(#0009, #0009);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.casestudyheaderinside {
  z-index: 3;
  text-align: center;
  width: 70%;
  margin-top: -68px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-39 {
  width: 55vw;
}

.image-39.the-spoke {
  width: 31vw;
}

.image-39.presence {
  width: 30vw;
}

.image-39.alfred {
  width: 40vw;
}

.image-39.your-voice {
  width: 20vw;
}

.image-39.aims {
  width: 45vw;
}

.image-39.lsx {
  width: 25vw;
}

.image-39.refeed {
  width: 31vw;
}

.image-39.aeri {
  width: 25vw;
}

.image-39.steel-wool {
  width: 23vw;
}

.image-39.tutorall {
  width: 33vw;
}

.image-39.universe {
  width: 19vw;
}

.image-39.waiakea, .image-39.kinoo {
  width: 26vw;
}

.image-39.shelf {
  width: 29vw;
}

.image-39.pure-malibu, .image-39.nubocha {
  width: 31vw;
}

.introductionfirstpart {
  height: 800px;
}

.casestudyvideo {
  height: 725px;
}

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

.exploremorebuttonslabeltextdiv {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 50px;
}

.text-block-21 {
  color: #fff;
  letter-spacing: 3px;
  margin-right: 6px;
  padding-top: 1px;
  font-size: 10px;
  text-decoration: none;
}

.image-40 {
  width: 8px;
}

.text-block-22 {
  color: #ddd;
  width: 26%;
  margin-top: 29px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 2vw;
}

.projectsheader {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.projectsheadline {
  color: #fff;
  text-align: center;
  font-size: 2.4vw;
  font-weight: 400;
  line-height: 3.6vw;
}

.projectsheadline.projects {
  font-size: 2.6vw;
  line-height: 3.9vw;
}

.divider-line-orange {
  background-color: #fff;
  border-radius: 300px;
  width: 100px;
  height: 3px;
  margin-top: 23px;
}

.text-block-23 {
  color: #fff;
  text-align: center;
  object-fit: fill;
  width: 45%;
  margin-top: 39px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4vw;
  line-height: 2.5vw;
}

.image-41 {
  z-index: 0;
  width: 68vw;
  margin-bottom: 40px;
  margin-right: -100px;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-41.show {
  opacity: .49;
  width: 70vw;
  margin-bottom: 8px;
  display: block;
}

.div-block-10 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 84px;
  display: flex;
  position: relative;
}

.text-block-24 {
  z-index: 5;
  color: #dbd4c2a1;
  margin-top: 33px;
  margin-left: 28px;
  margin-right: 27px;
  font-family: Gotham, sans-serif;
  font-size: 1.7vw;
  font-weight: 700;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-24.verde {
  color: #31615f;
  margin-right: 28px;
  inset: 0% auto auto 0%;
}

.text-block-24.soli {
  color: #2e43af;
  inset: 0% auto auto 0%;
}

.text-block-24.the-spoke {
  color: #f1f1f142;
  margin-right: 28px;
  inset: 0% auto auto 0%;
}

.text-block-24.huracan {
  color: #383838;
}

.text-block-24.aims360 {
  color: #202430;
  inset: 0% auto auto 0%;
}

.text-block-24.alfred {
  color: #448388;
}

.text-block-24.your-voice {
  color: #b663a1;
  inset: 0% auto auto 0%;
}

.text-block-24.lsx {
  color: #3d3d3d;
  inset: 0% auto auto 0%;
}

.text-block-24.welcome-us {
  color: #154555;
  inset: 0% auto auto 0%;
}

.text-block-24.cartel {
  color: #3f3f3f;
  inset: 0% auto auto 0%;
}

.text-block-24.arabella {
  color: #90292f;
}

.text-block-24.nubocha {
  color: #5879a5;
  inset: 0% 0% auto auto;
}

.text-block-24.alldyn {
  color: #474747;
}

.text-block-24.refeed {
  color: #819158;
  inset: 0% auto auto 0%;
}

.text-block-24.whisper {
  color: #5f29ff;
  inset: 0% auto auto 0%;
}

.text-block-24.shelf {
  color: #ff5d75;
  inset: 0% 0% auto auto;
}

.text-block-24.steel-wool {
  color: #3b3b3b;
}

.text-block-24.waiakea {
  color: #2697b1;
  inset: 0% auto auto 0%;
}

.text-block-24.exp-trips {
  color: #63978a;
}

.text-block-24.tutorall {
  color: #3a3a3a;
  inset: 0% auto auto 0%;
}

.text-block-24.universe {
  color: #5483ad;
  inset: 0% auto auto 0%;
}

.text-block-24.chorus {
  color: #ffffff4a;
}

.text-block-24.kinoo {
  color: #0000001a;
}

.text-block-24.gelato-festival {
  color: #ffffff61;
  inset: 0% auto auto 0%;
}

.text-block-24.dr-lori {
  color: #b85494;
}

.text-block-24.superior-stage-crew {
  color: #5f5f5fa1;
}

.text-block-24._2xd {
  color: #757575a1;
}

.text-block-24.aims {
  color: #dbd4c240;
}

.text-block-24.pure-malibu {
  color: #fac3b6fa;
  inset: 0% auto auto 0%;
}

.video {
  height: 50vw;
}

.huracanheaderquoteblock1 {
  margin-top: 142px;
  margin-left: 118px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.huracanheaderquoteblock1._2 {
  flex-direction: column;
  align-items: flex-end;
  margin-right: 89px;
  display: flex;
  inset: 0% 0% auto auto;
}

.huracanheaderquoteblock1._3 {
  margin-bottom: 159px;
  margin-left: 119px;
  inset: auto auto 0% 0%;
}

.huracanheaderquoteblock1._4 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 173px;
  margin-right: 82px;
  display: flex;
  inset: auto 0% 0% auto;
}

.image-42 {
  width: 6vw;
  margin-top: 11px;
}

.image-42.ny-times {
  width: 13vw;
}

.image-42.the-guardian {
  width: 9.5vw;
  margin-top: 7px;
}

.image-42.gq {
  width: 5.25vw;
  margin-top: 7px;
}

.text-block-25 {
  font-size: 1.65vw;
  font-weight: 700;
  line-height: 2.5vw;
}

.text-block-25._2 {
  text-align: right;
}

.text-block-25.long {
  text-align: left;
  font-size: 1.38vw;
  line-height: 2.15vw;
}

.text-block-26 {
  font-weight: 700;
}

.text-block-27 {
  color: #868686;
  letter-spacing: 7.5px;
  margin-top: 11px;
  font-size: 1.15vw;
  font-weight: 700;
  line-height: 2.4vw;
}

.text-span-2 {
  letter-spacing: 6px;
  font-size: 1.5vw;
}

.casestudyprogressbar {
  z-index: 4;
  background-color: #f057bd;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  width: 100vw;
  height: 6px;
  margin-bottom: 29px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.casestudyviewallprogresscombo {
  z-index: 0;
  color: #fff;
  cursor: pointer;
  background-color: #161922;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  margin-bottom: 45px;
  margin-right: 48px;
  transition: color .5s, background-color .45s;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.casestudyviewallprogresscombo:hover {
  background-color: var(--medium-violet-red);
  color: #fff;
}

.casestudyviewallprogresscombo.huracan {
  background-color: #171717;
  transition-duration: .7s, .7s;
}

.casestudyviewallprogresscombo.huracan:hover {
  background-color: #292929;
}

.casestudyviewallprogresscombo.the-spoke {
  background-color: #152426;
}

.casestudyviewallprogresscombo.the-spoke:hover {
  color: #152426;
  background-color: #f1f1f1;
}

.casestudyviewallprogresscombo.presence {
  color: #222;
  background-color: #eae8e1;
}

.casestudyviewallprogresscombo.presence:hover {
  color: #fff;
  background-color: #b1c7ce;
}

.casestudyviewallprogresscombo.verde {
  z-index: 0;
  color: #1f1f1f;
  background-color: #e7dbd7;
  width: 5.25vw;
  height: 5.25vw;
}

.casestudyviewallprogresscombo.verde:hover {
  color: #fff;
  background-color: #163534;
}

.casestudyviewallprogresscombo.projects {
  z-index: 8;
  color: #303030;
  background-color: #fff;
  width: 6vw;
  height: 6vw;
  display: none;
}

.casestudyviewallprogresscombo.projects:hover {
  color: #fff;
  background-color: #7994a2;
}

.casestudyviewallprogresscombo.refeed {
  background-color: #92a164;
}

.casestudyviewallprogresscombo.refeed:hover {
  color: #272727;
  background-color: #ffe2c9;
}

.casestudyviewallprogresscombo.cartel {
  background-color: #585858;
}

.casestudyviewallprogresscombo.cartel:hover {
  color: #ffa808;
  background-color: #1b1b1b;
}

.lottie-animation-3 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-block-28 {
  text-align: center;
  letter-spacing: .6px;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  font-size: .6vw;
  font-weight: 900;
  line-height: .8vw;
  position: relative;
  inset: 0%;
}

.closeprojectsmenubutton {
  margin-left: -43px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-11 {
  z-index: 11;
  background-color: #202020;
  margin-bottom: 38px;
  margin-left: -35px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.lottie-animation-4 {
  z-index: 51;
  width: 13vw;
  position: relative;
}

.background-video-3 {
  background-image: linear-gradient(#00000026, #00000026);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.mosaic-slider {
  width: 100%;
  height: 21vw;
  display: none;
  overflow: hidden;
}

.div-block-13 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5f505b380fc68636b8054276_bts-mosaic113.jpg");
  background-position: 50%;
  background-size: cover;
  width: 21vw;
  height: 100%;
}

.div-block-13._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5f4c228d98ddd3a48e42b5b0_bts-mosaic84.jpg");
}

.div-block-13._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5f5059e19ebeb50b5780ae04_bts-mosaic92.jpg");
}

.div-block-13._4 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5f50598f554a51699e66de5e_bts-mosaic87.jpg");
}

.div-block-13._5 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5f50580fde2d2d525d8c821c_bts-mosaic65.jpg");
}

.div-block-13._6 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5f4c228f53ac66434cd6c15d_bts-mosaic96.jpg");
}

.div-block-14 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.background-video-4 {
  background-image: linear-gradient(#0003, #0003);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.introductioncontent {
  padding-top: 97px;
  padding-bottom: 121px;
}

.casestudysectionintrodiv {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  padding-top: 114px;
  padding-bottom: 99px;
  padding-left: 65px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sectionheadlinewatermark {
  z-index: 1;
  opacity: .02;
  color: #fff;
  width: 200vw;
  margin-left: 68px;
  font-size: 18vw;
  font-weight: 900;
  line-height: 19vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sectionheadlinewatermark.dark {
  z-index: 1;
  opacity: .03;
  color: #131313;
  width: 200vw;
  padding-top: 54px;
}

.sectionheadlinewatermark.app-design {
  font-size: 15vw;
}

.sectionheadlinewatermark.introduction2 {
  margin-top: 8px;
  font-size: 20vw;
  line-height: 22vw;
}

.casestudysectionheadline {
  z-index: 2;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.7vw;
  font-weight: 900;
  line-height: 5.5vw;
  position: relative;
}

.casestudysectionheadline.dark {
  color: #2c2c2c;
}

.introductionbrief {
  color: #fff;
  margin-top: 41px;
  padding-left: 65px;
  font-size: 2vw;
  line-height: 3vw;
}

.casestudysectionlabel {
  background-color: #db845a;
  border-radius: 3px;
  width: 8vw;
}

.casestudysectionlabel.opportunity {
  width: 13vw;
  margin-top: 62px;
}

.text-block-29 {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  padding: 5px 15px 5px 20px;
  font-size: .8vw;
  font-weight: 700;
  line-height: 2vw;
}

.introductionbriefbody {
  margin-top: 23px;
}

.paragraph-2 {
  width: 81%;
  font-size: 2.35vw;
  font-weight: 300;
  line-height: 3.7vw;
}

.paragraph-2.dark {
  color: #353535;
}

.introductionabout {
  margin-top: 91px;
  padding-left: 65px;
}

.paragraph-3 {
  color: #fff;
  margin-bottom: 27px;
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 2.5vw;
}

.paragraph-3.dark {
  color: #363636;
}

.paragraph-3.hide {
  display: none;
}

.introductionaboutbodies {
  width: 80%;
  margin-top: 30px;
}

.div-block-15 {
  overflow: hidden;
}

.introductionlaterhalf {
  margin-top: 85px;
  padding-left: 65px;
}

.casestudyintroductionindustryblocks {
  align-items: center;
  width: auto;
  margin-top: 13px;
  display: flex;
}

.text-block-30 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 1.55vw;
  font-weight: 700;
  display: flex;
  position: relative;
}

.industryblock {
  background-color: #163534;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc2882f06a72f178f05c6a_the-spoke-content-slide3.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 24vw;
  margin-top: 23px;
  margin-right: 22px;
}

.industryblock.cannabis {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fed54fcd91ad3949cff74c9_cannabis-photo.jpg");
  background-position: 50% 100%;
  background-size: cover;
}

.industryblock.story {
  border-radius: 0;
  width: 20vw;
  height: 20vw;
  margin-right: 27px;
}

.industryblock.story._1 {
  background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc134399af2656778e70a4c_aeri-content-slide2.jpg");
}

.visual-identity {
  background-color: #e7e0d8;
  padding-top: 0;
}

.casestudydothighlight {
  background-color: #d57a4f;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.verbal-identity {
  background-color: #003839;
  padding-top: 0;
}

.app-design {
  background-color: #003031;
}

.website-design {
  background-color: var(--slate);
  padding-top: 0;
}

.casestudyscene {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac54737e19cf9_verde-scene1.jpg");
  background-position: 100% 0;
  background-size: 162%;
  height: 70vw;
}

.photo {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc302cd56c1a6f2c5a17f3_verde-content-slide2.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 62vw;
}

.photo._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc012c21f7d751b9b0122f6_verde-content-slide2.jpg");
  height: 78vw;
}

.photo._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc30194ee75bc708c0075a_verde-content-slide3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 62vw;
}

.video-overlay {
  z-index: 1;
  background-color: #0000003b;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-43 {
  display: none;
}

.closecasestudymenu {
  z-index: 3;
  cursor: pointer;
  background-color: #fffffff5;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fefdd2662a3b1ae08136516_right-arrow-black.png");
  background-position: 52%;
  background-repeat: no-repeat;
  background-size: 17%;
  border-radius: 100px;
  width: 55px;
  height: 55px;
  margin-top: 48px;
  margin-bottom: 49px;
  margin-left: -9px;
  transition: background-color .4s;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 8px 8px 20px #0000003b;
}

.closecasestudymenu:hover {
  background-color: #193434;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fbe9f8f9b509dd3b452bd03_arrow-right-white.png");
}

.projectsmenusideleft {
  z-index: 5;
  width: 66px;
  height: 100%;
  position: relative;
}

.projectssidemenuoutter {
  z-index: 6;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-right: 30px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.projectsmenulinkblockbg {
  z-index: 0;
  background-image: linear-gradient(#f5f0e8cc, #f5f0e8cc), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fbfffddc27982213702d629_presence-content-slide4.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.projectsmenulinkblockbg.verde {
  background-image: linear-gradient(#163534f2, #163534f2), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc302cd56c1a6f2c5a17f3_verde-content-slide2.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.aeri {
  background-image: linear-gradient(#4b66efd6, #4b66efd6), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc01b6f14179169a425303a_aeri-content-slide1.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.the-spoke {
  background-image: linear-gradient(#152327db, #152327db), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fcc2882f06a72f178f05c6a_the-spoke-content-slide3.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.huracan {
  background-image: linear-gradient(#0a0a0a59, #0a0a0a59), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe297c8354a9a1c2c9dd91a_huracan-header-bg.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.aims {
  background-image: linear-gradient(#161922e0, #161922e0), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc078030af89086930be382_aims360-content-slide1.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.alfred {
  background-image: linear-gradient(#2f6367e3, #2f6367e3), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc06dcadbdc80176a19d77b_alfred-content-slide2.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.pure-malibu {
  background-image: linear-gradient(#ffb4a3e6, #ffb4a3e6), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067c70f3f8150fff207b5_pure-malibu-content-slide5.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.lsx {
  background-image: linear-gradient(#191818eb, #191818eb), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0814e0af8901b930bfaaf_letizia-photo.jpg");
  background-position: 0 0, 42%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.your-voice {
  background-image: linear-gradient(#934b82e3, #934b82e3), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0808e234e053a77045053_your-voice-content-slide1.jpg");
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.nubocha {
  background-image: linear-gradient(#6587b5e3, #6587b5e3), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5feff3ec1b58004ce4f6c926_nubocha-case-study-bg.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.arabella {
  background-image: linear-gradient(#6f0f21e3, #6f0f21e3), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08db42ea731288a35402e_arabella-content-slide1.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.cartel {
  background-image: linear-gradient(#1d1b1be6, #1d1b1be6), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac568d8e199c3_cartel3.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.alldyn {
  background-image: linear-gradient(#242424d1, #242424d1), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5feff6aa9348a766f41a3001_alldyn-silicon-valley-bg.jpg");
  background-position: 0 0, 0 100%;
  background-size: auto, cover;
}

.projectsmenulinkblockbg.welcome-us {
  background-image: linear-gradient(#162a3659, #162a3659), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5feff85e8f76057c49414ccd_welcome.us-button-bg.jpg");
  background-position: 0 0, 50%;
}

.projectsmenulinkblocklogodiv {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-44 {
  width: 5.5vw;
}

.text-block-31 {
  color: #1d1d1d;
  text-align: center;
  margin-top: 13px;
  font-family: Ochre, sans-serif;
  font-size: 2.8vw;
  font-weight: 400;
}

.image-45 {
  width: 55%;
}

.image-46 {
  width: 41%;
  margin-top: -5px;
}

.image-47 {
  width: 44%;
}

.image-48 {
  width: 60%;
}

.aims360 {
  width: 62%;
}

.projectsmenulogoinsidediv {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 12vw;
  display: flex;
}

.projectsmenulogoinsidediv.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fefe6d81b58001a84f6b06b_verde-logo-for-button.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 13vw;
}

.projectsmenulogoinsidediv.aeri {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc194b3efab26cf42ccdc51_aeri-logo-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 12vw;
}

.projectsmenulogoinsidediv.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe29380770a094df5b20c1b_the-spoke-logo-white-compressed.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12.5vw;
}

.projectsmenulogoinsidediv.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc05077616001744fadc6c2_huracan-hbo-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16vw;
}

.projectsmenulogoinsidediv.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac513ede19aa2_aims360-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16vw;
}

.projectsmenulogoinsidediv.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc063fa61600177f5adf0e5_alfred-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 17vw;
}

.projectsmenulogoinsidediv.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc067e62a3ba6d01f16757d_puremalibu-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15vw;
}

.projectsmenulogoinsidediv.lsx {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08115cc013461b272f08d_lsx-logo-white.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12vw;
}

.projectsmenulogoinsidediv.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fefeea7b640930178c3bac6_your-voice-logo-white-small.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12vw;
  height: 11.5vw;
}

.projectsmenulogoinsidediv.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5feff339518c51e9dcdd952e_nubocha-logo-white.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 108%;
  width: 14vw;
  height: 13vw;
}

.projectsmenulogoinsidediv.arabella {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc086a651c3f8eea76b7ecb_arabella-logo.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 17vw;
}

.projectsmenulogoinsidediv.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08607c77a4aaaa6661ab9_cartel-logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 19vw;
}

.projectsmenulogoinsidediv.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5feff6186e8146bb31c95f0c_alldyn-logo-new1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16vw;
}

.projectsmenulogoinsidediv.welcome-us {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52fffe19ccc_welcome-logo-large.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12.5vw;
}

.projectsmenuexploretextdiv {
  z-index: 3;
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: -13px;
  display: flex;
  position: relative;
  top: 44px;
}

.projectsmenuexploretextdiv.dark {
  color: #6d6d6d;
  margin-top: -14px;
}

.projectsmenuexploretextdiv.explore-more-buttons {
  width: 100px;
  margin-bottom: 41px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.projectsmenuexploretextdiv.explore-more-buttons.dark {
  color: #5f5f5f;
}

.text-block-32 {
  letter-spacing: 3.5px;
  margin-top: 1px;
  font-size: .75vw;
  line-height: 2vw;
}

.image-49 {
  opacity: 1;
  width: .5vw;
  margin-left: 6px;
}

.image-49.dark {
  opacity: .39;
}

.image-50 {
  margin-top: -17px;
}

.background-video-5 {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay {
  z-index: 1;
  background-color: #0000006b;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay.your-voice {
  background-color: #7b3c5ed9;
}

.overlay.welcome-us {
  background-color: #14252cbf;
}

.background-video-6 {
  height: 73vh;
}

.casestudysignature {
  z-index: 2;
  margin-bottom: 101px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-33 {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  font-size: .7vw;
}

.text-block-33.the-spoke {
  color: #142326;
}

.text-block-33.presence {
  color: #4b4b4b;
}

.storysectiongrid {
  z-index: 0;
  text-align: center;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.storysectiongridline {
  background-color: #ffffff0d;
  width: 1px;
  height: 100%;
}

.storysectiongridline.white {
  background-color: #ececec;
  width: 1px;
}

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

.text-block-34 {
  text-align: center;
  margin-top: 149px;
  font-size: 21px;
}

.divider-line-2 {
  background-color: #000;
  width: 50px;
  height: 2px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}

.project-industry-div-block {
  z-index: 2;
  color: #fff;
  background-color: #8dbbc9;
  border-radius: 17px;
  width: 290px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 54px 19px;
  position: absolute;
  inset: auto 0% 0%;
}

.project-industry-div-block.verde {
  background-color: #c0744a;
}

.project-industry-div-block.soli {
  background-color: #ff7b00;
}

.project-industry-div-block.the-spoke, .project-industry-div-block.the-spoke.short {
  background-color: #f1f1f1;
}

.project-industry-div-block.huracan {
  background-color: #ef4800;
}

.project-industry-div-block.aims3601 {
  background-color: #e040a9;
}

.project-industry-div-block.aims3601.short {
  background-color: #dd3fa6;
}

.project-industry-div-block.alfred {
  background-color: #8acbaf;
}

.project-industry-div-block.alfred.short {
  background-color: #fdb157;
}

.project-industry-div-block.pure-malibu {
  background-color: #ffbfb2;
}

.project-industry-div-block.pure-malibu.short {
  background-color: #fdd2c9;
}

.project-industry-div-block.your-voice {
  background-color: #7f4170;
  padding-left: 36px;
  padding-right: 36px;
}

.project-industry-div-block.lsx {
  background-color: #f5b2b2;
  width: 260px;
}

.project-industry-div-block.cartel {
  background-color: #414141;
  width: 250px;
}

.project-industry-div-block.welcome1 {
  background-color: #da212e;
}

.project-industry-div-block.kinoo {
  background-color: #576baa;
}

.project-industry-div-block.chorus {
  background-color: #c7b15e;
}

.project-industry-div-block.chorus.short {
  background-image: linear-gradient(135deg, #c3ab51, #d9cf91);
}

.project-industry-div-block.short {
  background-color: #cf812c;
  width: 250px;
}

.project-industry-div-block.arabella {
  background-color: #550b10;
}

.project-industry-div-block.refeed {
  background-color: #ffbb05;
}

.project-industry-div-block.alldyn {
  background-color: #639bb0;
}

.project-industry-div-block.mobile, .project-industry-div-block.mobile.presence {
  display: none;
}

.project-industry-div-block.mobile.kinoo {
  background-image: linear-gradient(#576bab, #1655ff);
}

.project-industry-div-block.nubocha {
  background-color: #7094c5;
}

.project-industry-div-block.shelf {
  background-color: #fa9291;
  width: 250px;
}

.project-industry-div-block.whisper {
  background-color: #7853e7;
}

.project-industry-div-block.steel-wool {
  background-color: #3c3d3f;
}

.project-industry-div-block.waiakea {
  background-color: #5db5d5;
  width: 250px;
}

.project-industry-div-block.exp-trips {
  background-color: #85b9ab;
}

.project-industry-div-block.tutorall {
  background-color: #58cce0;
  width: 250px;
}

.project-industry-div-block.universe {
  background-color: #7cafdd;
}

.project-industry-div-block.private-resolutions {
  background-color: #001aff;
  width: 230px;
}

.project-industry-div-block.dr-lori {
  background-color: #d65daa;
}

.project-industry-div-block.gelato-festival {
  background-color: #9eccc3;
}

.project-industry-div-block.superior-stage-crew {
  background-color: #303030;
}

.project-industry-div-block._2xd {
  background-color: #5e395a;
  width: 250px;
}

.text-block-35 {
  color: #fffc;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
}

.text-block-35.dark {
  color: #666c;
}

.industry-text {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}

.industry-text.dark {
  color: #152228;
}

.industry-text.dark.pure-malibu {
  color: #000;
}

.div-block-16 {
  z-index: 2;
  background-color: #fff;
  width: 25px;
  height: 25px;
  position: absolute;
  transform: rotate(45deg);
}

.div-block-16.dark {
  background-color: #ecebeb;
}

.homewhatwedosection {
  border-radius: 55px;
  width: 91%;
  height: 48vw;
  margin-top: 153px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.what-we-do-tabs-menu {
  z-index: 3;
  justify-content: center;
  align-items: center;
  margin-bottom: -59px;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.home-what-we-do-tabs {
  border-radius: 45px;
  width: 100%;
  height: 100%;
}

.tabs-content-2 {
  border-radius: 55px;
  width: 100%;
  height: 100%;
  position: relative;
}

.home-what-we-do-tab {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a4a70bc68a123e8ef4ef8_home-what-we-do-apps-bg.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.home-what-we-do-tab.websites {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a4a70ebbc5c536723a41e_what-we-do-websites-bg.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-what-we-do-tab.brands {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a4a700fb36a185cd29160_what-we-do-brands-bg.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-what-we-do-tab.photo-video {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a4a708082638148f7ddeb_what-we-do-photo-video-bg.jpg");
}

.what-we-do-tab-inside-div {
  background-color: #fffffff0;
  border-radius: 20px;
  width: auto;
  padding: 8px 51px 16px;
}

.what-we-do-tab-inside-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-4 {
  text-align: center;
  font-size: 32px;
}

.heading-5 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.what-we-do-tab-link {
  z-index: 2;
  background-color: #fff;
  border-radius: 12px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 18px 43px;
  font-weight: 700;
  box-shadow: 0 2px 35px #0003;
}

.what-we-do-tab-link.w--current {
  background-color: var(--slate);
  color: #fff;
}

.what-we-do-tab {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a4a708082638148f7ddeb_what-we-do-photo-video-bg.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-17 {
  text-align: center;
  border-radius: 45px;
  margin-bottom: 27px;
}

.text-block-36 {
  letter-spacing: 9px;
  margin-bottom: 27px;
  font-size: 14px;
}

.text-block-37 {
  letter-spacing: 11px;
  font-size: 16px;
  display: none;
}

.home-press-blocks-section {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 89%;
  max-width: 1100px;
  margin-top: 19px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-press-block {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a53c11f02705375d4f2a6_gq.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  width: 15%;
  height: 130px;
  margin-bottom: 6px;
  margin-left: 23px;
  margin-right: 23px;
}

.home-press-block.forbes {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a53ec652aa36faf9b5349_forbes.png");
  background-size: 69%;
}

.home-press-block.vox {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54031e9afe544fc75761_vox.png");
  background-size: 50%;
}

.home-press-block.nbc {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a5414fbe9ad5168498871_nbc.png");
  background-size: 47%;
}

.home-press-block.thr {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a5427bff7d62692447791_thr.png");
  background-size: 85%;
}

.home-press-block.la-times {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a545f69c65f64075307f7_la%20times.png");
  background-size: 44%;
}

.home-press-block.mashable {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a545fe96200b69202d7af_mashable.png");
  background-size: 76%;
}

.home-press-block.today {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a545f02663f9fcb1fc516_today%20show.png");
  background-size: 45%;
}

.home-press-block.fox {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a545f1c50fcd98fad36e0_fox.png");
  background-size: 49%;
}

.home-press-block.techcrunch {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a545fe65cb7076bef7b28_tech%20crunch.png");
  background-size: 72%;
}

.home-press-block.ny-times {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a545fe33e2d26c07583d5_ny%20times.png");
  background-size: 54%;
}

.home-press-block.usa-today {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c208059cacb6ab3717_usa%20today.png");
  background-size: 77%;
}

.home-press-block.deadline {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c263674ef2cafb15a0_deadline.png");
  background-size: 78%;
}

.home-press-block.marie-claire {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c2615a2155b02e77d4_marie-claire.png");
  background-size: 47%;
}

.home-press-block.the-guardian {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c2fef672f0a9e80f7c_the-guardian.png");
  background-size: 71%;
}

.home-press-block.zdnet {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c2e65cb76c18ef8090_zd%20net.png");
  background-size: 50%;
}

.home-press-block.thrive-global {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c21f0270839fd5022c_thrive%20global.png");
  background-size: 63%;
}

.home-press-block.empire {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c2a2c75a0824ef15ba_empire.png");
}

.home-press-block.cbs {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c28359fd7bea0d02eb_cbs.png");
}

.home-press-block.abc {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a54c4cf810774470bf8ac_abc.png");
  background-size: 37%;
}

.home-press-block.the-verge {
  display: none;
}

.text-block-38 {
  text-align: center;
  margin-top: 135px;
  font-size: 17px;
}

.insider-header {
  z-index: 1;
  background-image: linear-gradient(#0000001a, #0000001a);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.press-showcase {
  width: 85%;
  margin-top: 134px;
  margin-left: auto;
  margin-right: auto;
}

.today-show-callout {
  z-index: 1;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a65b743e7eb9b939df194_today-show-callout.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 46px;
  width: 100%;
  height: auto;
  transition: box-shadow .4s;
  position: relative;
  box-shadow: 0 10px 70px #0003;
}

.today-show-callout:hover {
  box-shadow: none;
}

.press-showcase-two-block {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 36px;
  display: flex;
  position: relative;
}

.press-showcase-callout2 {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a66106ecc85e15a93141a_ny-times-callout.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 46px;
  width: 48%;
  height: auto;
  transition: box-shadow .4s;
  box-shadow: 0 14px 70px #0003;
}

.press-showcase-callout2:hover {
  box-shadow: none;
}

.press-showcase-callout2._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a6635d589eec482b27ecd_kinoo-callout.jpg");
  box-shadow: 0 19px 70px #0003;
}

.press-showcase-callout2._2:hover {
  box-shadow: none;
}

.text-block-39 {
  text-align: center;
  width: 41%;
  max-width: 400px;
  margin-bottom: 33px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: 32px;
}

.home-more-projects-blocks-buttons {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 59px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-more-projects-blocks-buttons.bts {
  margin-top: -31px;
  margin-bottom: 97px;
}

.home-more-projects-blocks-buttons.hide {
  display: flex;
}

.more-projects-button {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  background-color: #000;
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px 27px 15px 39px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: border-color .4s, background-color .4s;
  display: flex;
}

.more-projects-button:hover {
  background-color: #1b3e52;
  border-color: #1b3e52;
}

.more-projects-button._2 {
  color: #000;
  background-color: #fff;
  display: flex;
}

.more-projects-button._2:hover {
  background-color: #f0f0f0;
}

.more-projects-button._2.get-in-touch {
  display: none;
}

.image-51 {
  margin-top: -2px;
  margin-left: 6px;
}

.image-51.dark {
  filter: brightness(0%);
}

.text-block-40 {
  font-size: 13px;
}

.image-52 {
  border-radius: 46px;
  width: 100%;
}

.image-53, .image-54 {
  border-radius: 45px;
  width: 100%;
}

.image-55 {
  width: 16vw;
  margin-top: -23px;
  margin-left: -67px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-55._2 {
  width: 17vw;
  margin-top: -72px;
  margin-right: -28px;
  inset: 0% 0% 0% auto;
  transform: rotate(0);
}

.text-block-41, .text-block-42 {
  color: #fff;
}

.text-block-43 {
  color: #242424;
  text-align: center;
  letter-spacing: 3px;
  width: 100%;
  font-size: 12px;
}

.text-block-43.light, .text-block-43.light.pure-malibu {
  color: #fff;
}

.image-56 {
  filter: brightness(0%);
  width: 15px;
  margin-top: -2px;
  margin-right: 7px;
  transform: rotate(180deg);
}

.image-56.light {
  filter: brightness(200%);
}

.mobile-header, .mobile-today-show-callout {
  display: none;
}

.industries {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.industries.hide {
  display: none;
}

.industry-block {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d36f23173167c1d8f1ef8_automotive.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 solid #fff;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 11vw;
  text-decoration: none;
  display: flex;
}

.industry-block.beauty {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d376e2476087a07baf571_beauty.jpg");
}

.industry-block.boating {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d377c44ffd0874ea39658_boating.jpg");
}

.industry-block.cannabis {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/64123f3df13e772a66f06e2e_cannabis1.jpg");
}

.industry-block.consulting {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d37a04b3f34867c1cf16d_consulting.jpg");
}

.industry-block.education {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d37eb299a5394eccccaf5_education.jpg");
}

.industry-block.entertainment {
  background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d32109ac577157049430_entertainment.jpg");
  background-position: 0 0, 50% 75%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.industry-block.events {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d3811bc45fde2db38353d_events.jpg");
}

.industry-block.family {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d317eb9b4367cdd1389c_Family.jpg");
}

.industry-block.fashion {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d383831731652048f3547_fashion.jpg");
}

.industry-block.finance {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d38474b3f34c0831cfe44_finance.jpg");
}

.industry-block.food-and-bev {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d33f5217467e760f6f4e_food-and-bev.jpg");
}

.industry-block.immigration {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d386e2d6e687d61c052ec_immigration.jpg");
}

.industry-block.kids {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d387dc374bcabb5b951ad_kids.jpg");
}

.industry-block.law {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d34f9f93be79e4632e26_law.jpg");
}

.industry-block.marketing {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d3899c374bc6d70b952a1_marketing.jpg");
}

.industry-block.music {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d32cbe42e678cf15dc34_music.jpg");
}

.industry-block.nonprofits {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d38c0299a5369b2ccdd59_nonprofits.jpg");
}

.industry-block.outdoor {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d38d0ba67527b50fddafb_outdoor.jpg");
}

.industry-block.social-media {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d38e22d6e6884abc05aef_social-media.jpg");
}

.industry-block.sports {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d38f43ecaf8e39243aebf_sports.jpg");
}

.industry-block.staffing {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d39041b98158d6caa437e_staffing.jpg");
  display: none;
}

.industry-block.tech {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/64221ac3f5e7158c31a79c3c_tech.jpg");
}

.industry-block.travel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d335d310cc273d7670b1_travel.jpg");
}

.industry-block.wellness {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d3935890e1e77702fcedb_wellness.jpg");
}

.text-block-44 {
  letter-spacing: 5px;
  font-size: 16px;
}

.industry-label {
  letter-spacing: 7px;
  font-size: 1.05vw;
  font-weight: 900;
}

.text-block-45 {
  color: #fff;
  text-align: center;
  margin-bottom: 41px;
  font-size: 22px;
  font-weight: 300;
  position: absolute;
  inset: auto 0% 0%;
}

.bts-cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 850px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bts-cta-bg {
  background-image: linear-gradient(#0000000d, #0000000d), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d44cf44ffd00a1ca441f0_bts-cta-bg1.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 170%;
  margin-top: -326px;
  position: absolute;
  inset: 0%;
}

.heading-6 {
  z-index: 1;
  color: #fff;
  margin-top: -116px;
  font-size: 3vw;
  position: relative;
}

.bts-cta-button {
  z-index: 1;
  color: #fff;
  cursor: pointer;
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  margin-top: 22px;
  padding: 18px 29px 18px 34px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.bts-cta-button:hover {
  background-color: var(--slate);
  border-color: #000;
}

.image-57 {
  width: 20px;
  margin-left: 6px;
}

.text-block-46 {
  letter-spacing: 3px;
}

.capabilities {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 117px;
  padding-left: 0;
  display: flex;
}

.capabilitiestopdiv {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 0;
  display: flex;
}

.text-block-47 {
  font-size: 13px;
}

.text-block-48 {
  margin-top: 20px;
  font-size: 27px;
}

.text-block-49 {
  color: #9c9c9c;
  letter-spacing: 2px;
  font-size: 12px;
}

.capabilitiesblocks {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 42px;
  display: flex;
}

.capabilitiesblock {
  margin-right: 54px;
}

.text-block-50 {
  font-weight: 900;
}

.capabilitiessectiontitle {
  margin-bottom: 21px;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

.capabilitiestextlineitem {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 14px;
}

.div-block-19 {
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
}

.projectblocktabinsidecontainer-2 {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.welcomeprojectsblocks-2 {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.text-block-51 {
  letter-spacing: 2px;
  font-size: 10px;
}

.projectblockmaintabs-2 {
  width: 100%;
  height: 46vw;
  position: relative;
  inset: 0%;
}

.projectblockmaintabs-2.the-spoke {
  background-color: #fff;
}

.projectblockcontent-2 {
  width: 50%;
  height: 46vw;
  position: relative;
  top: auto;
}

.projectblockdesctext-2 {
  text-align: center;
  width: 67%;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 2.2vw;
}

.projectblockdesctext-2.light {
  z-index: 10;
  color: #fff;
  width: 69%;
  position: relative;
}

.projectblockdesctext-2.long {
  width: 65%;
}

.tab-link-tab-1-2 {
  z-index: 0;
  opacity: .35;
  color: #2424244d;
  text-align: center;
  letter-spacing: 2px;
  background-color: #fff0;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border: 0 solid #0000;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 40px;
  margin: -3px auto 0;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  transition: opacity .4s, color .4s, border-color .3s, background-color .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tab-link-tab-1-2:hover {
  opacity: 1;
  color: #000;
  background-color: #fff0;
  border: 0 solid #fff;
}

.tab-link-tab-1-2.w--current {
  text-align: center;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin-top: 28px;
  margin-bottom: 104px;
  margin-right: 33px;
  display: none;
  inset: 0% 0% auto auto;
}

.tab-link-tab-1-2.lighter {
  opacity: .32;
  color: #fff;
}

.tab-link-tab-1-2.lighter:hover {
  opacity: 1;
}

.tab-link-tab-1-2.light {
  background-image: none;
}

.projectdesclogoblock-2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc0047f29c813eea523e251_presence-logo1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 82%;
  width: 160px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
}

.projectdesclogoblock-2.lsx {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08115cc013461b272f08d_lsx-logo-white.png");
  background-size: 71%;
}

.projectdesclogoblock-2.refeed {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53df9e19ab0_ReFeed-Logo1.png");
  background-size: 100%;
}

.projectdesclogoblock-2.kinoo {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640a424a7d141244a1fadef9_kinoo-logo.jpg");
}

.projectdesclogoblock-2.alldyn {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08ad7b30cf93b327934b0_alldyn-logo.jpg");
  background-size: 100%;
}

.projectdesclogoblock-2.the-spoke {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe29380770a094df5b20c1b_the-spoke-logo-white-compressed.png");
  background-size: 74%;
}

.projectdesclogoblock-2.arabella {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc086a651c3f8eea76b7ecb_arabella-logo.png");
  background-size: 100%;
}

.projectdesclogoblock-2.chorus {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640b8bc8ec022da1d03c0322_chorus-logo-gold-compressed.png");
  background-size: 94%;
  margin-bottom: -15px;
}

.projectdesclogoblock-2.soli {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6409542ba5623b1f25cc0f07_soli-logo.svg");
  background-size: 71%;
}

.projectdesclogoblock-2.alfred {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc063fa61600177f5adf0e5_alfred-logo.png");
  background-size: 100%;
}

.projectdesclogoblock-2.aims360 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac513ede19aa2_aims360-logo.png");
  background-size: 76%;
  width: 39%;
}

.projectdesclogoblock-2.verde {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc01178377fbe9df6bb5603_verde-logo1.jpg");
  background-size: 64%;
  height: 89px;
}

.projectdesclogoblock-2.huracan {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc05077616001744fadc6c2_huracan-hbo-logo.png");
  background-size: 100%;
  width: 150px;
  height: 60px;
}

.projectdesclogoblock-2.pure-malibu {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc1959614179130fa2aa18f_pure-malibu-logo-white.png");
  background-position: 50% 78%;
  background-size: 86%;
}

.projectdesclogoblock-2.your-voice {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc080960ef9e6e35dd54b80_your-voice-logo-test.jpg");
  background-size: contain;
}

.projectdesclogoblock-2.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08607c77a4aaaa6661ab9_cartel-logo.svg");
  background-size: 126%;
}

.projectdesclogoblock-2.welcome-us {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52fffe19ccc_welcome-logo-large.png");
  background-size: 71%;
}

.projectdesclogoblock-2.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc08aa47c6283aa14af0b76_nubocha-logo-white-1.jpg");
  background-size: 74%;
}

.projectdesclogoblock-2.shelf {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59899e19aa3_shelf-logo.png");
  background-size: 99%;
}

.projectdesclogoblock-2.private-resolutions {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e47e12f9696f5d1a3cd24_private-resolutions-logo-compressed.png");
  background-size: contain;
  width: 200px;
}

.projectdesclogoblock-2.ssc {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e49afa21225f53d3dede0_superior-stage-crew-logo.png");
  background-size: 100%;
  width: 180px;
}

.projectdesclogoblock-2.exp-trips {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac52629e19aaa_exp-trips-logo.png");
  background-size: 71%;
}

.projectdesclogoblock-2._2xd {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe51522d58836899302fcdd_2xd-logo.png");
  background-size: 100%;
}

.projectdesclogoblock-2.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53ccce19b4d_whisper-logo.png");
  background-size: 99%;
}

.projectdesclogoblock-2.dr-lori {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e514a488cf82067692560_lori-deutsch-logo.png");
  background-size: 100%;
  width: 200px;
}

.projectdesclogoblock-2.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5725ce19b52_steel-wool-logo-white_2x.png");
  background-size: 99%;
}

.projectdesclogoblock-2.tutorall {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc090ca9af2656959e46183_tutorall-logo.png");
  background-size: 99%;
}

.projectdesclogoblock-2.waiakea {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fe51706ba74a485f3bc3c9b_waiakea-logo-white.png");
  background-size: 77%;
}

.projectdesclogoblock-2.gelato-festival {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e47656953397fc47f942c_gelato-festival-logo-white.png");
  background-size: 90%;
}

.projectdesclogoblock-2.universe {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc091c3c755c6bd290ec358_universe-logo.jpg");
  background-size: 62%;
}

.text-block-188 {
  color: #ce8155;
  letter-spacing: 4px;
  margin-bottom: 8px;
  padding-top: 0;
  font-size: 10px;
  font-weight: 400;
  overflow: hidden;
}

.text-block-188.alldyn {
  color: #649bb0;
}

.text-block-188.nubocha {
  color: #c0d3ec;
}

.text-block-188.cartel {
  color: #ffa800;
}

.text-block-188.whisper {
  color: #b398ff;
}

.text-block-188.steel-wool {
  color: #8d8d8d;
}

.welcomeprojectsblocks-3 {
  width: 97vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.welcomeprojectsblocks-3.projects {
  width: 100%;
  margin-top: 0;
  overflow: hidden;
}

.projectblockstoryblocksinside {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.projectblockstoryblocks {
  z-index: 1;
  object-fit: fill;
  background-color: #12373900;
  background-image: linear-gradient(162deg, #123739, #1d4f52 99%, #184346);
  border-radius: 29px;
  width: 360px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 44px;
  display: none;
  position: relative;
}

.projectblockstoryblocks.cartel {
  background-color: #1c1a1a;
  background-image: none;
}

.projectblockstoryblocks.nubocha {
  background-color: #6587b5;
  background-image: none;
}

.projectblockstoryblocks.welcome1 {
  background-color: #0f3447;
  background-image: none;
}

.projectblockstoryblocks.whisper {
  background-color: #6f41f5;
  background-image: none;
}

.projectblockstoryblocks.steel {
  background-color: #47484a;
  background-image: none;
}

.text-block-189 {
  color: #fff;
  margin-bottom: -22px;
  font-size: 9.5px;
  position: absolute;
  inset: auto 0% 0%;
}

.projectblockstoryiconblock {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a2e34e5c3b16_conversation.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 64px;
  height: 31px;
  margin-left: 13px;
  margin-right: 13px;
  position: relative;
}

.projectblockstoryiconblock._2 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a2414e5c3b15_community.svg");
  background-size: auto 93%;
}

.projectblockstoryiconblock._2.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a2dafa5c3b18_danger.svg");
}

.projectblockstoryiconblock._2.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a211445c3b1e_style.svg");
}

.projectblockstoryiconblock._2.welcome {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a292db5c3b1c_tradition.svg");
}

.projectblockstoryiconblock._2.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9f6771eaf09b1726ac8_family.svg");
  background-size: auto 72%;
}

.projectblockstoryiconblock._2.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9f6771eafbe0a726acb_human.svg");
  background-size: auto 83%;
}

.projectblockstoryiconblock.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a2e6415c3b20_family%20cartel.svg");
}

.projectblockstoryiconblock.welcome {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a275425c3b1b_inclusion.svg");
  background-size: auto 96%;
}

.projectblockstoryiconblock._3 {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a221f85c3b17_sophistication.svg");
  background-position: 50% 83%;
  background-size: auto 88%;
}

.projectblockstoryiconblock._3.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a2bf775c3b1d_precision.svg");
}

.projectblockstoryiconblock._3.welcome {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a22c645c3b19_hope-1.svg");
  background-size: auto 109%;
}

.projectblockstoryiconblock._3.cartel {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a26d6a5c3b1a_honor.svg");
  background-size: auto 103%;
}

.projectblockstoryiconblock._3.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9f6771eafd06b726aca_hope%20whisper.svg");
  background-size: auto 88%;
}

.projectblockstoryiconblock._3.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9f6771eaf3e43726acc_modern.svg");
}

.projectblockstoryiconblock.nubocha {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9e9ff33a271405c3b1f_passion.svg");
}

.projectblockstoryiconblock.steel-wool {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9f6771eaf06a7726ac9_artists.svg");
}

.projectblockstoryiconblock.whisper {
  background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d9f6771eaf4356726ac7_connection.svg");
  background-size: auto 112%;
}

.bts {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

html.w-mod-js [data-ix="intro-quote-scale"] {
  transform: scale(.83);
}

html.w-mod-js [data-ix="topnav-initial-appearance"] {
  transform: translate(0, -400px);
}

html.w-mod-js [data-ix="mosaic-row-2-animate-in"], html.w-mod-js [data-ix="mosaic-row-2-3-animate-in"], html.w-mod-js [data-ix="mosaic-row-2-1-animate-in"], html.w-mod-js [data-ix="mosaic-row-2-0-animate-in-2"] {
  opacity: 0;
  transform: translate(0, 93px);
}

html.w-mod-js [data-ix="sidemenu"] {
  opacity: 0;
  transform: translate(-600px);
}

html.w-mod-js [data-ix="animate-in-on-scroll-1"], html.w-mod-js [data-ix="animate-in-on-scroll-2"] {
  opacity: 0;
  transform: scale(.79);
}

html.w-mod-js [data-ix="header-animate-1"] {
  opacity: 0;
  transform: scale(.71);
}

html.w-mod-js [data-ix="header-animate-2"] {
  opacity: 0;
  transform: translate(0, -52px);
}

html.w-mod-js [data-ix="welcome-header-fade-in"] {
  opacity: 0;
}

html.w-mod-js [data-ix="vibrancy-header-logo-animate"] {
  opacity: 0;
  transform: translate(0, 52px);
}

html.w-mod-js [data-ix="vibrancy-header-logo-animate-2"], html.w-mod-js [data-ix="vibrancy-header-logo-animate-3"], html.w-mod-js [data-ix="vibrancy-header-logo-animate-4"] {
  opacity: 0;
  transform: translate(0, -30px);
}

html.w-mod-js [data-ix="vibrancy-header-animate"] {
  opacity: 0;
}

html.w-mod-js [data-ix="mobile-scene-animate-in-1"] {
  opacity: 0;
  transform: translate(0, 43px)scale(.82);
}

html.w-mod-js [data-ix="mobile-scene-animate-in-2"], html.w-mod-js [data-ix="mobile-scene-animate-in-3"] {
  opacity: 0;
  transform: translate(0, 41px);
}

html.w-mod-js [data-ix="scene-description-animate-1"], html.w-mod-js [data-ix="scene-description-animate-2"], html.w-mod-js [data-ix="scene-description-animate-3"] {
  opacity: 0;
  transform: translate(0, 56px);
}

html.w-mod-js [data-ix="welcome-example-div-animate"], html.w-mod-js [data-ix="welcome-example-div-animate-2"] {
  opacity: 0;
  transform: translate(0, 100px);
}

html.w-mod-js [data-ix="welcome-example-div-animate-3"] {
  opacity: 0;
  transform: scale(.8);
}

html.w-mod-js [data-ix="examples-description-animate-1"], html.w-mod-js [data-ix="examples-description-animate-2"] {
  opacity: 0;
  transform: translate(0, 63px);
}

html.w-mod-js [data-ix="example-learn-more-div"] {
  opacity: 0;
  transform: translate(0, 100px);
}

html.w-mod-js [data-ix="header-logo-animate"] {
  opacity: 0;
  transform: translate(0, 54px);
}

html.w-mod-js [data-ix="footer-logo-animate"], html.w-mod-js [data-ix="footer-nav-link-animate"] {
  opacity: 0;
  transform: translate(0, 70px);
}

html.w-mod-js [data-ix="footer-menu-div-animate"] {
  opacity: 0;
}

@media screen and (max-width: 991px) {
  .header-home-div {
    z-index: 2;
    flex: 0 auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .nav-subtitle {
    width: 16vw;
    margin-top: 0;
    font-size: 8px;
    top: 26px;
  }

  .header-arrow {
    z-index: 2;
    bottom: 50px;
    left: 0;
    right: 0;
  }

  .scroll-arrow-text {
    color: #fff;
    font-family: Gotham, sans-serif;
  }

  .scroll-arrow-text.story {
    color: #3a5463;
  }

  .hero {
    padding-top: 319px;
    padding-bottom: 319px;
  }

  .hero-title {
    font-size: 101px;
    line-height: 95px;
  }

  .hero-subtitle {
    width: 70%;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 28px;
    display: block;
  }

  .coming-soon {
    margin-top: 132px;
  }

  .mosaicblock {
    width: 25%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .topnav {
    display: block;
  }

  .topnav-logo {
    background-position: 50% 63%;
    background-size: 175px;
  }

  .hamburger {
    width: 4vw;
  }

  .explore-text {
    width: 7vw;
    top: 32px;
  }

  .belowheader {
    z-index: 4;
  }

  .firstsection {
    margin-top: -108px;
  }

  .examples {
    padding-top: 61px;
    padding-bottom: 0;
  }

  .inner-div {
    padding-top: 57px;
  }

  .intro-text1 {
    width: 85%;
    margin-top: 51px;
    font-size: 4.2vw;
    line-height: 7.5vw;
  }

  .vibrancy-down-arrow-div {
    bottom: 40px;
  }

  .text-block-4 {
    width: 40%;
    font-family: Gotham, sans-serif;
  }

  .scene, .scene.refeed {
    background-attachment: scroll;
    height: 650px;
  }

  .scene.alldyn, .scene.your-voice {
    background-size: cover;
    background-attachment: scroll;
    height: 650px;
  }

  .scene.aims360, .scene.verde {
    height: 650px;
  }

  .header-link-text {
    letter-spacing: 6px;
    margin-left: 21px;
    margin-right: 21px;
    font-size: 10px;
  }

  .story-header {
    z-index: 10;
    background-color: #fffcf3;
    position: relative;
  }

  .story-main-body {
    z-index: 1;
    background-color: #fffcf3;
    position: relative;
  }

  .scene-description-div, .scene-description-div.refeed {
    padding-bottom: 118px;
  }

  .scene-description-div.shelf {
    background-image: none;
    padding-bottom: 109px;
  }

  .scene-description-div.alldyn {
    padding-bottom: 117px;
  }

  .scene-description-div.your-voice {
    padding-bottom: 112px;
  }

  .scene-description-div.frontera {
    padding-bottom: 117px;
  }

  .scene-description-div.tutorall {
    padding-bottom: 97px;
  }

  .project-description-text {
    color: #fff;
    width: 72%;
    font-size: 22px;
  }

  .project-description-text.refeed {
    width: 65%;
  }

  .project-description-title.shelf {
    padding-top: 98px;
  }

  .project-description-title.whisper {
    padding-top: 104px;
  }

  .project-description-title.aims360 {
    padding-top: 103px;
  }

  .project-description-title.refeed {
    padding-top: 94px;
  }

  .project-description-title.alldyn {
    padding-top: 105px;
  }

  .project-description-title.welcomeus, .project-description-title.your-voice {
    padding-top: 93px;
  }

  .project-description-title.frontera {
    padding-top: 89px;
  }

  .project-description-title.waiakea {
    padding-top: 94px;
  }

  .project-description-title.steel-wool {
    padding-top: 89px;
  }

  .project-description-title._2xd {
    padding-top: 103px;
  }

  .project-description-title.tutorall {
    padding-top: 86px;
  }

  .project-description-title.universe {
    color: #f5b448;
    padding-top: 94px;
  }

  .scene-description-button.shelf {
    border-color: #dd7273;
  }

  .scene-description-button.aims360 {
    width: 240px;
  }

  .scene-description-button.frontera {
    width: 290px;
    padding-left: 3px;
  }

  .examples-div {
    margin-top: 0;
  }

  .examples-div.refeed {
    width: 95vw;
    margin-top: 30px;
    margin-bottom: 27px;
  }

  .examples-div.refeed.verde {
    margin-bottom: 27px;
  }

  .examples-div-half, .examples-div-half.aims360, .examples-div-half.welcomeus {
    width: 48%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .example-text-div-wide.refeed {
    width: 90%;
    padding-top: 52px;
  }

  .example-text-div-wide.refeed.shelf {
    width: 90%;
    padding-top: 54px;
  }

  .example-text-div-wide.frontera {
    margin-bottom: 1px;
    padding-top: 40px;
  }

  .example-description-text {
    margin-top: 0;
  }

  .example-description-text.refeed {
    width: 90%;
    font-size: 2vw;
    font-weight: 400;
    line-height: 4.5vw;
  }

  .example-description-text.frontera {
    width: 100%;
    font-size: 2.1vw;
    line-height: 4.5vw;
  }

  .example-description-text.shelf {
    width: 80%;
    font-size: 2.2vw;
    line-height: 4.5vw;
  }

  .lightbox-link.frontera {
    width: 95vw;
    height: 40vh;
    margin-top: 30px;
    margin-bottom: 27px;
  }

  .example-text-div-half.aims360 {
    width: 77%;
    padding-top: 34px;
  }

  .example-text-div-half.aims360.your-voice {
    padding-top: 34px;
  }

  .example-text-div-half.welcome-website, .example-text-div-half.alldyn {
    width: 90%;
    padding-top: 36px;
  }

  .example-description-half-text {
    font-size: 1.75vw;
    line-height: 4vw;
  }

  .example-learn-more-div {
    padding-top: 61px;
  }

  .example-learn-more-div.refeed {
    padding-top: 77px;
  }

  .example-button.refeed {
    font-family: Gotham, sans-serif;
  }

  .example-button.welcomeus, .example-button.steel-wool, .example-button.alldyn {
    letter-spacing: 2px;
    font-family: Gotham, sans-serif;
    font-size: 9px;
  }

  .example-button.your-voice {
    letter-spacing: 1.9px;
    font-size: 8.5px;
  }

  .text-block-5 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-family: Gotham, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    display: block;
  }

  .text-block-5.refeed {
    font-size: 15px;
  }

  .footer {
    z-index: 3;
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac564efe19cd4_footer-bg.jpg");
    background-position: 50%;
    background-size: auto;
    background-attachment: scroll;
    padding-bottom: 72px;
  }

  .footer.world {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac564efe19cd4_footer-bg.jpg");
    background-size: cover;
  }

  .footer-tagline {
    letter-spacing: 3.5px;
    width: 40%;
    margin-top: 8px;
    font-size: 10px;
  }

  .footer-menu {
    width: 550px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .link {
    letter-spacing: 4.5px;
    margin-left: 22px;
    margin-right: 22px;
    font-size: 11px;
  }

  .footer-signature {
    letter-spacing: 7px;
    font-family: Gotham, sans-serif;
    font-size: 11px;
  }

  .footer-copyright {
    font-family: Gotham, sans-serif;
    font-size: 11.5px;
  }

  .welcome-clients-title-text {
    letter-spacing: 5px;
    margin-bottom: -27px;
    font-size: 1.6vw;
  }

  .welcome-clients-blocks-div {
    z-index: 1;
    width: 100%;
    position: relative;
  }

  .welcome-clients-block {
    background-size: 130px;
    width: 30%;
    margin-left: 9px;
    margin-right: 9px;
  }

  .welcome-clients-block.waiakea, .welcome-clients-block.whisper {
    background-size: 125px;
  }

  .welcome-clients-block.bank-of-america {
    background-size: 130px;
  }

  .welcome-clients-block.alldyn {
    background-size: 135px;
  }

  .welcome-clients-block.aims360 {
    background-size: 175px;
  }

  .welcome-clients-block.steel-wool {
    background-size: 110px;
  }

  .welcome-clients-block.fabfitfun {
    background-size: 122px;
  }

  .welcome-clients-block.your-voice {
    background-size: 72px;
  }

  .welcome-clients-block.james-maslow {
    float: left;
    background-size: 120px;
  }

  .welcome-mosaic-bg {
    margin-bottom: -214px;
  }

  .welcome-client-tooltip-div {
    display: none;
  }

  .welcome-feeling-div {
    margin-top: 410px;
  }

  .welcome-feeling-text {
    z-index: 1;
    width: 75%;
    font-size: 5.4vw;
    line-height: 8vw;
    position: relative;
  }

  .welcome-dots {
    margin-top: 23px;
    margin-bottom: 22px;
  }

  .welcome-dots.love-what-i-do {
    margin-top: 30px;
    margin-bottom: 23px;
  }

  .dot2 {
    width: 9px;
    height: 9px;
  }

  .welcome-feeling-text1 {
    width: 70%;
    font-size: 3.3vw;
    line-height: 7.5vw;
  }

  .welcome-feeling-text1.bottom {
    letter-spacing: 4px;
    font-size: 1.7vw;
    font-weight: 400;
  }

  .welcome-mission-title {
    letter-spacing: 12px;
    font-size: 13px;
  }

  .text-block-6 {
    width: 75%;
    font-size: 3.4vw;
    line-height: 8vw;
  }

  .welcome-mission-highlight-text {
    padding-left: 11px;
    font-size: 8.5vw;
  }

  .button {
    background-color: #d8c7ae;
    width: 220px;
    margin-top: 43px;
    font-size: 11.5px;
  }

  .button.bottom {
    z-index: 1;
    background-color: #d1c5b4;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    display: block;
    position: relative;
  }

  .welcome-examples-intro-div {
    margin-top: 282px;
  }

  .welcome-love-what-i-do-text {
    font-size: 4.8vw;
  }

  .welcome-examples-intro-subtitle {
    letter-spacing: 3.2px;
    font-size: 1.4vw;
  }

  .projects-header-title-text {
    width: 70%;
    font-size: 6vw;
    line-height: 14.5vw;
  }

  .projects-header-subtitle-text {
    letter-spacing: 7px;
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.7vw;
    line-height: 35px;
    display: block;
  }

  .scene-inner-div-bg {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57b21e19b68_aims360-scene.jpg");
    background-position: 0 0;
    background-size: cover;
    background-attachment: scroll;
  }

  .scene-inner-div-bg.verde {
    background-position: 0;
  }

  .projects-desc-highlight {
    color: #3a5463;
  }

  .projects-slide1 {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000004f, #0f0f0f00 86%), linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53d8ce19bed_projects-header-bg.jpg");
    background-position: 0 0, 0 0, 50%;
  }

  .projects-slide2._3 {
    background-image: linear-gradient(#fffcf3ed, #fffcf3ed), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac58d2fe19c48_aerial-on-set.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .projects-slide2._1 {
    background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(#0000004d, #0c0b0b00 46%), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50feee19cd0_marcus-holding-banner-photo.jpg");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
  }

  .projects-slide2._2 {
    background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(#0000004d, #0c0b0b00 46%), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5248de19cd6_marcus-working-at-sunset-photo.jpg");
    background-position: 0 0, 0 0, 0 0, 50%;
    background-size: auto, auto, auto, cover;
  }

  .story-header-main-div {
    margin-top: -19px;
  }

  .story-header-quote {
    z-index: 1;
    width: 65%;
    font-size: 4.5vw;
    line-height: 11vw;
    position: relative;
  }

  .story-header-highlight {
    font-size: 9.5vw;
  }

  .story-body-intro-section {
    height: 425px;
    margin-bottom: 0;
    overflow: hidden;
  }

  .story-body-intro-text {
    z-index: 1;
    width: 55%;
    font-size: 3.7vw;
    line-height: 6vw;
    position: relative;
  }

  .story-body-section1 {
    width: 88vw;
    box-shadow: 21px 21px 80px #0000001a;
  }

  .story-section-body {
    width: 60%;
    padding-left: 47px;
    font-size: 2.3vw;
    line-height: 6vw;
  }

  .story-section-body.vibrancy {
    padding-top: 65px;
    padding-bottom: 73px;
    padding-left: 50px;
  }

  .story-section-body.adoption {
    width: 63%;
    padding-bottom: 59px;
    padding-left: 48px;
    font-size: 2.4vw;
    font-weight: 300;
  }

  .story-body-transition-div1 {
    overflow: hidden;
  }

  .story-body-transition-div1.tall.graduated {
    padding-bottom: 0;
  }

  .story-body-transition-div1.tall.bottom {
    padding-top: 0;
  }

  .story-body-transition-text {
    width: 55%;
    padding-top: 130px;
    font-size: 2.6vw;
    line-height: 6vw;
  }

  .story-body-transition-text.narrow {
    padding-top: 140px;
  }

  .story-body-transition-text.narrow.bottom {
    width: 52%;
    padding-top: 117px;
    padding-bottom: 67px;
  }

  .story-body-transition-text.narrow.graduated {
    width: 50%;
    padding-top: 66px;
  }

  .story-body-transition-text.love {
    width: 65%;
    padding-top: 178px;
    padding-bottom: 81px;
    font-size: 2.6vw;
    line-height: 6vw;
  }

  .story-body-transition-text.accident {
    color: #3a5463;
    width: 45%;
    padding-top: 150px;
    padding-bottom: 174px;
  }

  .story-body-transition-text.at-sixteen {
    width: 55%;
    padding-top: 146px;
    padding-bottom: 137px;
    font-size: 2.6vw;
    line-height: 6vw;
  }

  .story-body-transition-text.propelled-by-passion {
    color: #3a5463;
    padding-top: 181px;
    padding-bottom: 130px;
  }

  .story-body-transition-text.recovery {
    color: #3a5463;
    width: 50%;
    padding-top: 166px;
    padding-bottom: 167px;
  }

  .story-body-section2 {
    width: 85vw;
    box-shadow: 35px 35px 90px #0000000f;
  }

  .story-body-section2._2 {
    width: 88vw;
  }

  .story-body-text2 {
    color: #3a5463;
    width: 63%;
    padding-top: 68px;
    padding-right: 63px;
    font-size: 2.4vw;
    line-height: 6vw;
  }

  .story-body-text2.india2 {
    padding-top: 71px;
    padding-right: 49px;
    font-family: Gotham, sans-serif;
    font-size: 2.4vw;
    line-height: 6vw;
  }

  .story-body-section-outter-div {
    padding-top: 88px;
    padding-bottom: 105px;
    overflow: hidden;
  }

  .story-body-section-outter-div.vibrancy {
    margin-top: 0;
    padding-top: 90px;
  }

  .story-body-section-outter-div.india {
    padding-top: 140px;
    padding-bottom: 121px;
  }

  .story-body-section-outter-div.accident {
    padding-bottom: 194px;
  }

  .story-section-body-text3 {
    color: #3a5463;
    width: 80%;
    padding-top: 61px;
    padding-left: 58px;
    font-size: 2.4vw;
    line-height: 6vw;
  }

  .story-section-body-text4 {
    color: #3a5463;
    width: 83%;
    padding-right: 75px;
    font-size: 2.4vw;
    line-height: 6vw;
  }

  .story-body-text4 {
    color: #3a5463;
    width: 75%;
    font-size: 2.4vw;
    line-height: 6vw;
  }

  .story-transition-graphic-right {
    margin-bottom: 39px;
  }

  .story-transition-graphic-left {
    width: 15.5vw;
  }

  .story-transition-graphic-left.passport {
    width: 14vw;
  }

  .story-graphic-flag {
    width: 9.6vw;
    margin-bottom: 8px;
    margin-left: 41px;
  }

  .story-dvd-graphic {
    width: 19vw;
    margin-top: 42px;
  }

  .image-5 {
    width: 27vw;
    margin-bottom: 77px;
  }

  .adoption-photo {
    width: 27vw;
    margin-top: -13px;
    box-shadow: 12px 12px 60px #00000030;
  }

  .adoption-photo._2 {
    width: 28vw;
    margin-right: -10px;
  }

  .adoption-photo._2.vibrancy {
    width: 31.5vw;
    margin-right: -12px;
  }

  .adoption-photo._3 {
    width: 28vw;
    margin-bottom: -9px;
    margin-right: -30px;
  }

  .adoption-photo._3.vibrancy {
    margin-bottom: -31px;
  }

  .adoption-photo.vibrancy {
    width: 30vw;
    margin-top: -26px;
    margin-right: -20px;
  }

  .accident-photo1 {
    width: 31vw;
  }

  .accident-photo2 {
    width: 29vw;
    margin-left: -22px;
  }

  .accident-photo3 {
    width: 27vw;
    margin-bottom: -104px;
  }

  .india-photo1 {
    width: 25vw;
    margin-top: -72px;
    margin-left: -22px;
  }

  .india-photo2 {
    width: 30vw;
    margin-left: -33px;
  }

  .india-photo3 {
    width: 32vw;
    margin-left: -27px;
  }

  .india-photo4 {
    width: 31vw;
    margin-top: -28px;
    margin-left: -29px;
  }

  .india-photo5 {
    width: 36vw;
  }

  .india-photo8 {
    width: 29vw;
    margin-left: -31px;
  }

  .ipod-graphic {
    width: 17vw;
    margin-top: 29px;
    margin-right: 25px;
    top: auto;
    bottom: 0;
    right: 0;
  }

  .image-7 {
    width: 26vw;
  }

  .fixed-mobile-bg {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .welcome-header-tagline {
    text-align: center;
    letter-spacing: 12px;
    width: 80%;
    font-size: 1.6vw;
  }

  .welome-fixed-bg-mobile-slideshow {
    background-color: #1e2930;
    width: 100vw;
    height: 100vh;
    position: absolute;
    inset: 0;
  }

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

  .welcome-mobile-header-slide1 {
    background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c668e19c49_full-menu-connect-bg.jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .welcome-mobile-header-slide2 {
    background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56cd7e19a68_welcome-main-section-photo1.jpg");
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
  }

  .welcome-scene-image1 {
    width: 10vw;
    margin-top: 170px;
    margin-right: 6px;
  }

  .load-screen {
    display: none;
  }

  .welcome-story-highlight {
    padding-right: 6px;
    font-size: 7.8vw;
  }

  .welcome-brands-highlight {
    font-size: 9.5vw;
  }

  .mediums-div {
    width: 95%;
    height: auto;
  }

  .mediums-intro-text {
    letter-spacing: 8.5px;
    margin-bottom: 14px;
    font-size: 15px;
  }

  .medium-block {
    width: 27%;
    height: 18vh;
    margin-left: -7px;
    margin-right: -7px;
  }

  .medium-image {
    background-size: 55px;
  }

  .medium-image.photos {
    background-size: 50px;
  }

  .medium-image.video {
    background-size: 66px;
  }

  .medium-image.graphic-design {
    background-size: 50px;
  }

  .medium-image.social-media {
    background-position: 50% 73%;
    background-size: 66px;
  }

  .medium-image.apps {
    background-position: 50% 76%;
    background-size: 50px;
  }

  .medium-block-text {
    margin-top: 5px;
    font-size: 13px;
  }

  .headernav {
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .headernav.world {
    background-image: linear-gradient(#00000073, #08080800);
    position: absolute;
  }

  .headernav.story {
    position: absolute;
  }

  .headernav-blocks {
    z-index: 4;
    text-align: center;
    width: 85%;
    position: relative;
  }

  .headernav-blocks.world {
    margin-top: -17px;
  }

  .headernav-link-block, .headernav-link-block.current {
    margin-left: 5px;
    margin-right: 5px;
  }

  .headernav-link-text {
    letter-spacing: 3px;
    font-size: 10px;
    font-weight: 400;
  }

  .welcome-scene-image2 {
    width: 33vw;
    margin-top: -340px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .welcome-scene-image4 {
    width: 14.5vw;
    margin-top: 0;
    margin-left: -44px;
  }

  .welcome-scene-image5 {
    margin-top: -215px;
    margin-left: 90px;
  }

  .welcome-scene-image5._1 {
    margin-top: -335px;
    margin-left: 51px;
  }

  .welcome-scene-image5._1.story {
    margin-top: 49px;
    margin-left: 26px;
  }

  .welcome-scene-image5.story {
    margin-top: 122px;
    margin-left: 68px;
  }

  .image-9 {
    width: 17vw;
    margin-bottom: -227px;
  }

  .welcome-about-first-part {
    height: 55vh;
  }

  .welcome-about-first-part.second {
    height: 55vh;
    margin-top: 77px;
  }

  .welcome-about-first-part-column1 {
    width: 50%;
    height: 30vh;
  }

  .welcome-about-first-part-column1._1 {
    width: 50%;
    height: 55vh;
  }

  .welcome-about-first-part-column1._1.middle {
    height: 30vh;
  }

  .welcome-about-first-part-column1.first {
    width: 50%;
    height: 55vh;
  }

  .welcome-about-first-part-column1.last {
    height: 55vh;
  }

  .welcome-about-photo1._2 {
    padding-right: 0;
  }

  .welcome-about-body1 {
    margin-top: -15px;
    padding-top: 0;
    padding-left: 19px;
    padding-right: 64px;
    font-size: 2.3vw;
  }

  .welcome-about-body1.second {
    margin-top: -30px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 74px;
    padding-right: 25px;
  }

  .welcome-about-middle-mosaic {
    margin-top: 16px;
  }

  .welcome-scene-image7 {
    width: 26vw;
    margin-bottom: 140px;
  }

  .welcome-scene-image8 {
    margin-bottom: 168px;
  }

  .projects-fixed-header {
    z-index: 0;
  }

  .projects-header-highlight.projects-header-highlight1 {
    font-size: 6vw;
  }

  .projects-header-highlight.projects-header-highlight2 {
    font-size: 15vw;
    bottom: 3px;
  }

  .welcome-bottom-highlight {
    font-size: 9.5vw;
    display: block;
  }

  .welcome-header-logo {
    margin-bottom: 75px;
    font-size: 20vw;
  }

  .mainmenu {
    display: none;
  }

  .beigemenu-nav-links {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 35%;
    height: auto;
    margin-top: 59px;
    padding-top: 18px;
    padding-bottom: 17px;
    display: flex;
  }

  .beigemenu-link-block {
    width: 45%;
    margin: 31px 0;
  }

  .beigemenu-logo-block {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 70px;
    left: 50px;
    right: 50px;
  }

  .beigemenu-logo {
    font-size: 11vw;
  }

  .beigemenu-tagline {
    text-align: center;
    letter-spacing: 4.5px;
    margin-top: 51px;
    font-size: 1.35vw;
  }

  .story-header-scene-image1 {
    width: 23vw;
    margin-bottom: 28px;
  }

  .story-header-scene-image2 {
    width: 12vw;
    margin-top: 174px;
  }

  .story-header-scene-image3 {
    width: 14vw;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .story-header-highlight1 {
    position: relative;
  }

  .story-header-scene-image5 {
    width: 14vw;
    margin-top: 130px;
  }

  .story-header-scene-image6 {
    width: 15.5vw;
    margin-top: 108px;
    top: 0;
    bottom: auto;
    right: 0;
  }

  .story-first-section-scene-image1 {
    width: 30vw;
    margin-top: -1px;
  }

  .story-first-section-scene-image2 {
    width: 13vw;
    margin-bottom: 64px;
    margin-left: 583px;
  }

  .story-first-section-scene-image3 {
    margin-top: 250px;
  }

  .story-header-scene-image7 {
    z-index: 1;
    width: 10vw;
    margin-top: 4px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .story-first-section-scene-image4 {
    width: 28vw;
    margin-top: 0;
    margin-left: 16px;
  }

  .story-transition-graphic-right1 {
    margin-top: 167px;
  }

  .accident-transition-scene-image1 {
    width: 20vw;
    margin-bottom: 279px;
    top: 0;
    bottom: auto;
    left: 0;
  }

  .accident-transition-scene-image2 {
    width: 23vw;
    margin-top: 0;
    top: auto;
    bottom: 0;
    right: 0;
  }

  .graduation-transition-scene-image1 {
    width: 22vw;
    margin-top: 88px;
    top: 0;
    left: 0;
  }

  .graduation-transition-scene-image3 {
    width: 20vw;
    margin-top: 0;
  }

  .image-11 {
    margin-bottom: 194px;
  }

  .graduation-transition-scene-image5 {
    width: 21.5vw;
    margin-bottom: 161px;
  }

  .graduation-transition-scene-image6 {
    margin-bottom: 146px;
    margin-right: 456px;
  }

  .accident-transition-scene-image3 {
    width: 22.5vw;
    margin-top: 32px;
  }

  .image-13 {
    width: 22.5vw;
    margin-bottom: -20px;
  }

  .world-header {
    z-index: 1;
  }

  .welcome-bottom-scene-image1 {
    width: 23.5vw;
    margin-bottom: 513px;
  }

  .welcome-bottom-scene-image2 {
    width: 12vw;
    margin-bottom: 563px;
    margin-left: -8px;
  }

  .welcome-bottom-scene-image3 {
    margin-bottom: 377px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    bottom: 300px;
    left: 0;
    right: 0;
  }

  .vibrancy-transition-scene-image1 {
    margin-bottom: 101px;
  }

  .vibrancy-transition-scene-image2 {
    margin-bottom: 0;
    margin-left: -145px;
    bottom: 0;
    left: 0;
  }

  .vibrancy-transition-scene-image3 {
    width: 26vw;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    right: 0;
  }

  .vibrancy-transition-scene-image4 {
    width: 11vw;
    margin-top: 40px;
    margin-left: 34px;
  }

  .vibrancy-transition-scene-image5 {
    margin-top: 269px;
    margin-left: -7px;
    display: inline-block;
  }

  .vibrancy-transition-scene-image6 {
    margin-bottom: 36px;
    margin-right: 48px;
    bottom: 0;
    left: auto;
    right: 0;
  }

  .tablet-welcome-header-logo {
    z-index: 1;
    color: #f5e7d2;
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
    font-family: Said In Script;
    font-size: 19vw;
    font-weight: 400;
    line-height: 100px;
    display: block;
    position: relative;
  }

  .tablet-mobile-welcome-header-content-div {
    color: #fff;
    text-align: center;
    flex-direction: column;
    flex: 0 auto;
    display: flex;
  }

  .tablet-welcome-header-tagline {
    z-index: 2;
    letter-spacing: 11px;
    text-transform: uppercase;
    width: 65%;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    display: block;
    position: relative;
  }

  .tablet-mobile-fixed-bg {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .mask-2 {
    background-color: #202930;
    width: 100%;
    height: 100%;
  }

  .footer-fixed-bg {
    z-index: 2;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac564efe19cd4_footer-bg.jpg");
    background-position: 50%;
    background-size: cover;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0;
  }

  .footer-fixed-bg.story {
    z-index: 0;
    display: none;
  }

  .story-first-section-scene-image5 {
    width: 9vw;
    margin-bottom: 48px;
    margin-left: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .image-16 {
    width: 44vw;
  }

  .image-18 {
    width: 3vw;
    height: 1.5vw;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .welcome-about-highlight1 {
    font-size: 1.5vw;
  }

  .image-21 {
    width: 49vw;
    font-size: 24px;
  }

  .head-slide._7 {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0e2fc4f72aff680442aef0_marcus-working-with-aims-hq.jpg");
    background-position: 0 0, 19%;
  }

  .bts-header {
    background-color: #fff;
  }

  .bts-header-inner-div {
    width: 68%;
  }

  .bts-intro-main-text {
    font-size: 5.5vw;
    line-height: 6.5vw;
  }

  .bts-marcus-quote-div {
    width: 90%;
  }

  .bts-marcus-head-quote {
    font-size: 1.9vw;
    line-height: 3.5vw;
  }

  .bts-marcus-name-head-quote {
    font-size: 1.5vw;
  }

  .header-logo-div {
    width: 280px;
  }

  .lottie-animation {
    width: 10vw;
    margin-bottom: 91px;
    inset: auto 0% 0%;
  }

  .projects-lottie {
    z-index: 1;
    width: 10vw;
    margin-bottom: 28px;
    margin-right: 28px;
  }

  .projects-lottie.home {
    margin-bottom: 136px;
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0%;
  }

  .lottie-animation-2 {
    width: 10vw;
  }

  .header-nav-link {
    margin-left: 23px;
    margin-right: 23px;
    font-size: 12px;
  }

  .home-header-inner-div {
    z-index: 2;
    display: block;
  }

  .text-block-9 {
    margin-top: 23px;
    font-size: 1.5vw;
  }

  .handmade-in-sm-signature {
    margin-bottom: 65px;
  }

  .architect-brands-inner-div {
    width: 69%;
    margin-top: 113px;
  }

  .paragraph {
    width: 100%;
    margin-top: 12px;
    font-size: 28px;
    line-height: 40px;
  }

  .architect-brands-leaf {
    width: 17vw;
    top: 2%;
    right: 3%;
  }

  .architect-brands-line {
    width: 175px;
    margin-top: -38px;
  }

  .home-flowers-div {
    height: 425px;
    margin-top: 51px;
  }

  .design-as-a-language-section {
    margin-top: -122px;
  }

  .design-as-a-language-text-div {
    width: 65%;
    font-size: 17px;
  }

  .design-as-a-language-headline {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    line-height: 50px;
  }

  .design-tool {
    width: 23vw;
    top: -54%;
    right: -2%;
  }

  .components-text {
    letter-spacing: 7px;
    font-size: 13px;
  }

  .components-blocks {
    flex-wrap: wrap;
    width: 80%;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
  }

  .components-blocks.powered {
    width: 100%;
    margin-top: -5px;
  }

  .component-block {
    margin-top: 36px;
    margin-left: 13px;
    margin-right: 13px;
  }

  .component-block.powered {
    margin-left: 9px;
    margin-right: 9px;
  }

  .component-plus-icon {
    margin-top: 36px;
    margin-left: 13px;
    margin-right: 13px;
  }

  .component-plus-icon.process-arrow {
    width: 45px;
  }

  .tastemaker-strips1 {
    height: 1050px;
    overflow: visible;
  }

  .tastemaker-strips1.welcome {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    width: 92vw;
    height: 1100px;
    margin: 322px auto 0;
    position: relative;
  }

  .mosaic-column {
    width: 28vw;
    margin-left: 14px;
    margin-right: 14px;
  }

  .mosaic-column.hide {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 20vw;
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .mosaic-column.sides.left, .mosaic-column.sides.right {
    width: 14vw;
    margin-right: 0;
  }

  .mosaic-block {
    width: 29vw;
    height: 29vw;
    margin-bottom: 20px;
  }

  .mosaic-block.eat12 {
    margin-bottom: 30px;
  }

  .mosaic-block.eat12.tablet {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99055cd14dff4_elephante.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
  }

  .mosaic-block.eat9 {
    border-radius: 12px;
    margin-bottom: 30px;
  }

  .mosaic-block.eat4, .mosaic-block.eat5, .mosaic-block.eat6 {
    width: 20vw;
    height: 20vw;
    margin-bottom: 30px;
  }

  .mosaic-block.eat6.tablet {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990746d14dfec_gupshup.jpg");
    background-repeat: no-repeat;
    background-size: 200px;
    display: block;
  }

  .mosaic-block.eat11 {
    margin-bottom: 30px;
  }

  .mosaic-block.eat1 {
    width: 20vw;
    height: 20vw;
    margin-bottom: 30px;
  }

  .mosaic-block.tall.middle.watch9 {
    margin-bottom: 30px;
  }

  .mosaic-block.tall.middle.watch9.tablet {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c9900f2414dfee_art6.jpg");
    background-size: cover;
    display: none;
  }

  .mosaic-block.tall.middle.watch7, .mosaic-block.tall.middle.watch6 {
    margin-bottom: 30px;
  }

  .mosaic-block.tall.right.watch11, .mosaic-block.tall.right.watch10 {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    width: 100%;
    height: 32vw;
    margin-bottom: 30px;
  }

  .mosaic-block.tall.right.watch14, .mosaic-block.tall.left-side.watch5 {
    width: 100%;
    height: 32vw;
    display: block;
  }

  .mosaic-block.tall.left-side.watch3, .mosaic-block.tall.left-side.watch2 {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    width: 100%;
    height: 32vw;
    margin-bottom: 30px;
  }

  .image-26 {
    margin-top: -22px;
  }

  .trust-section-part-1 {
    padding-top: 198px;
    padding-bottom: 292px;
  }

  .what-is-a-brand-text {
    width: 50%;
    font-size: 28px;
    line-height: 45px;
  }

  .it-means-trust-div {
    margin-top: 293px;
  }

  .it-means-trust-text {
    font-size: 38px;
  }

  .its-a-feeling-subtext {
    margin-top: 25px;
    font-size: 14px;
  }

  .create-trust-together-text {
    width: 53%;
    margin-top: 288px;
    font-size: 21px;
    line-height: 44px;
  }

  .trust-is-speaking-section {
    padding-bottom: 281px;
  }

  .trust-is-speaking-text {
    width: 45%;
    margin-bottom: -212px;
    font-size: 28px;
    line-height: 41px;
  }

  .trust-message-row {
    margin-top: 302px;
  }

  .trust-message-row.right.integrity {
    margin-top: 220px;
  }

  .trust-message-image {
    width: 58vw;
    height: 39vw;
    margin-left: 10px;
  }

  .trust-message-image.right {
    width: 49vw;
    height: 68vw;
    margin-right: 29px;
  }

  .trust-message-image.right.integrity {
    width: 61vw;
    height: 45vw;
  }

  .trust-message-image.accountability {
    width: 57vw;
    height: 43vw;
  }

  .trust-message-text-block {
    width: 55%;
    margin-left: 259px;
    padding-bottom: 76px;
    padding-left: 47px;
    top: 77px;
  }

  .trust-message-text-block.right {
    width: 49%;
    margin-right: -53px;
    padding-left: 55px;
  }

  .trust-message-text-block.right.integrity {
    width: 53%;
    top: 275px;
  }

  .trust-is-item-title {
    margin-right: 48px;
    font-size: 38px;
  }

  .trust-is-block-divider-line.right {
    width: 200px;
    margin-left: 157px;
  }

  .trust-is-block-divider-line.right.integrity {
    margin-left: 212px;
  }

  .trust-is-block-body-text {
    font-size: 17px;
  }

  .trust-is-block-body-text.right {
    margin-right: 48px;
  }

  .mission-div {
    width: 100%;
    font-size: 17px;
  }

  .mission-top-text {
    letter-spacing: 8px;
    font-size: 13px;
  }

  .mission-text {
    font-size: 27px;
    line-height: 44px;
  }

  .home-projects-section {
    padding-bottom: 30px;
  }

  .home-eucalyptus {
    width: 17vw;
    top: 0%;
  }

  .image-27 {
    width: 35vw;
  }

  .image-29 {
    width: 24vw;
  }

  .home-projects-intro-text {
    width: 40%;
  }

  .make-impact-together-text {
    font-size: 33px;
  }

  .make-impact-together-button-blocks {
    width: 90%;
  }

  .welcome-bottom-button {
    margin-left: 20px;
    margin-right: 20px;
  }

  .welcome-projects-row {
    justify-content: space-between;
    margin-bottom: 0;
  }

  .project-desc-multi-button-div {
    flex-wrap: wrap;
    width: 80%;
  }

  .main-menu-logo {
    width: 44vw;
  }

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

  .image-30 {
    width: 74vw;
    font-size: 18px;
  }

  .below-header {
    z-index: 2;
    position: relative;
  }

  .bts-header-nav-link {
    margin-left: 23px;
    margin-right: 23px;
    font-size: 13px;
  }

  .image-33 {
    width: 28vw;
  }

  .text-block-12 {
    letter-spacing: 3.5px;
    font-size: .95vw;
  }

  .welcomeheadernavlink {
    width: 15%;
  }

  .text-block-13 {
    letter-spacing: 4px;
    font-size: 1.1vw;
  }

  .welcomeheadermaincontent {
    width: 63%;
    margin-left: 68px;
  }

  .text-block-14 {
    font-size: 1.8vw;
  }

  .heading {
    font-size: 5.6vw;
    line-height: 6.8vw;
  }

  .projectblockcontent, .projectblockmaintabs {
    height: 56vw;
  }

  .slide-nav-4 {
    height: 110px;
    font-size: 13px;
  }

  .projectblockcontentarrow {
    font-size: 30px;
  }

  .tab-link-tab-2 {
    letter-spacing: 2.5px;
    width: 150px;
    margin-bottom: 29px;
    padding-left: 22px;
  }

  .tab-link-tab-2.light.huracan {
    width: 160px;
    padding-left: 26px;
  }

  .tab-link-tab-2.dark {
    text-align: center;
    letter-spacing: 1.5px;
    padding-left: 21px;
  }

  .projectblockmaintab1.chorus {
    background-size: cover;
  }

  .projectblockmaintab1.description._2xd1 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e51e5aa9c34385a7b4f89_2xd-grid-bg-image.png");
    background-position: 0 0;
    background-size: cover;
  }

  .projectdesclogoblock.exp-trips {
    background-size: 55%;
  }

  .projectdesclogoblock.universe {
    background-size: 42%;
  }

  .projectblockcasestudybutton.pure-malibu.coming-soon {
    margin-top: 12px;
  }

  .projectblockcasestudybutton.your-voice.coming-soon {
    margin-top: 10px;
  }

  .projectblockcasestudybutton.chorus.coming-soon {
    margin-top: 6px;
  }

  .projectblockcasestudybutton.coming-soon {
    margin-top: 7px;
  }

  .projectblocktabinsidecontainer {
    justify-content: center;
  }

  .text-block-19 {
    font-size: 14px;
    line-height: 22px;
  }

  .projectsheadline.projects {
    font-size: 3.5vw;
    line-height: 4.8vw;
  }

  .text-block-23 {
    width: 49%;
    font-size: 1.9vw;
  }

  .text-block-24 {
    margin-top: 24px;
    margin-right: 23px;
    font-size: 2vw;
  }

  .text-block-34 {
    font-size: 18px;
  }

  .project-industry-div-block {
    width: 200px;
    margin-bottom: 24px;
    padding: 12px 26px 17px;
  }

  .text-block-35 {
    margin-bottom: 1px;
  }

  .industry-text {
    font-size: 13.5px;
  }

  .homewhatwedosection {
    height: 84vw;
  }

  .what-we-do-tab-link {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 17px;
    padding-left: 30px;
    padding-right: 29px;
  }

  .home-press-blocks-section {
    width: 100%;
  }

  .home-press-block {
    width: 20%;
    margin-left: 11px;
    margin-right: 11px;
  }

  .text-block-38 {
    width: 57%;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
  }

  .press-showcase {
    width: 90%;
  }

  .text-block-39 {
    width: 57%;
    font-size: 21px;
  }

  .home-more-projects-blocks-buttons.bts {
    margin-top: -69px;
  }

  .image-55, .image-55._2 {
    width: 22vw;
  }

  .text-block-41 {
    letter-spacing: 2px;
  }

  .industry-block {
    width: 33.33%;
    height: 15vw;
  }

  .industry-block.staffing {
    display: none;
  }

  .industry-label {
    letter-spacing: 5px;
    font-size: 1.45vw;
  }

  .text-block-45 {
    width: 56%;
    margin-bottom: 31px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 25px;
  }

  .bts-cta-bg {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640d44cf44ffd00a1ca441f0_bts-cta-bg1.jpg");
    background-position: 0 0, 33%;
  }

  .heading-6 {
    text-align: center;
    width: 71%;
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .capabilitiesblock {
    margin-right: 9px;
  }

  .capabilitiessectiontitle {
    font-size: 19px;
  }

  .capabilitiestextlineitem {
    font-size: 13px;
  }

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

  .projectblocktabinsidecontainer-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .text-block-51 {
    font-size: 10px;
  }

  .projectblockmaintabs-2, .projectblockcontent-2 {
    height: 56vw;
  }

  .projectblockdesctext-2 {
    font-size: 1.45vw;
    line-height: 2.3vw;
  }

  .projectdesclogoblock-2 {
    background-size: 64%;
    width: 140px;
    height: 70px;
  }

  .projectdesclogoblock-2.lsx {
    background-position: 50% 80%;
    background-size: 50%;
  }

  .projectdesclogoblock-2.kinoo {
    background-position: 50% 100%;
  }

  .projectdesclogoblock-2.the-spoke {
    background-position: 50% 100%;
    background-size: 56%;
  }

  .projectdesclogoblock-2.arabella {
    background-size: 88%;
    height: 60px;
  }

  .projectdesclogoblock-2.soli {
    background-position: 50% 76%;
    background-size: 52%;
  }

  .projectdesclogoblock-2.alfred {
    background-size: 80%;
  }

  .projectdesclogoblock-2.aims360 {
    background-position: 50% 80%;
  }

  .projectdesclogoblock-2.verde {
    background-size: 65%;
  }

  .projectdesclogoblock-2.huracan {
    background-position: 50% 100%;
    background-size: 79%;
  }

  .projectdesclogoblock-2.pure-malibu {
    background-size: 76%;
  }

  .projectdesclogoblock-2.your-voice {
    background-size: 37%;
  }

  .projectdesclogoblock-2.cartel {
    background-size: 99%;
  }

  .projectdesclogoblock-2.nubocha {
    background-size: 55%;
  }

  .projectdesclogoblock-2.shelf {
    background-size: 77%;
  }

  .projectdesclogoblock-2.private-resolutions {
    background-position: 50% 72%;
    background-size: 87%;
  }

  .projectdesclogoblock-2.ssc {
    background-size: 84%;
  }

  .projectdesclogoblock-2.exp-trips {
    background-size: 55%;
  }

  .projectdesclogoblock-2.whisper {
    background-size: 83%;
  }

  .projectdesclogoblock-2.dr-lori {
    background-size: 82%;
  }

  .projectdesclogoblock-2.steel-wool {
    background-size: 72%;
  }

  .projectdesclogoblock-2.tutorall {
    background-size: 84%;
  }

  .projectdesclogoblock-2.universe {
    background-size: 45%;
  }
}

@media screen and (max-width: 767px) {
  .header-arrow {
    height: 30px;
  }

  .hero {
    padding-top: 113px;
    padding-bottom: 113px;
  }

  .hero-title {
    letter-spacing: 8px;
    margin-bottom: 0;
    font-size: 54px;
  }

  .hero-subtitle {
    letter-spacing: 8px;
    width: 85%;
    margin-top: -17px;
    font-size: 12px;
    line-height: 22px;
  }

  .coming-soon {
    width: 350px;
    margin-top: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 10px;
  }

  .topnav {
    display: block;
  }

  .topnav-logo {
    background-position: 50% 61%;
  }

  .vibrancy-mosaic-block {
    width: 33.33%;
  }

  .vibrancy-down-arrow-div {
    display: none;
  }

  .vibrancy-down-arrow {
    width: 3vw;
  }

  .text-block-4 {
    font-size: 8px;
  }

  .scene {
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
  }

  .scene.refeed {
    background-position: 0 0;
    background-size: cover;
    height: 500px;
  }

  .scene.alldyn, .scene.your-voice {
    height: 500px;
  }

  .scene.aims360, .scene.verde {
    height: auto;
  }

  .header-link-text {
    margin-left: 45px;
    margin-right: 45px;
    font-size: 10px;
    line-height: 30px;
    display: inline-block;
  }

  .scene-description-div {
    padding-bottom: 140px;
  }

  .scene-description-div.refeed {
    padding-bottom: 108px;
  }

  .scene-description-div.shelf {
    padding-bottom: 113px;
  }

  .project-description-text {
    width: 70%;
    font-family: Gotham, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 60px;
  }

  .project-description-title.shelf {
    padding-top: 99px;
  }

  .project-description-title.aims360 {
    padding-top: 102px;
  }

  .project-description-title.refeed {
    padding-top: 95px;
  }

  .scene-description-button.shelf, .scene-description-button.refeed, .scene-description-button.your-voice, .scene-description-button.alldyn, .scene-description-button.aims360 {
    font-family: Gotham, sans-serif;
  }

  .examples-div {
    z-index: 1;
  }

  .examples-div-half {
    box-shadow: 20px 20px 50px -8px #00000054;
  }

  .examples-div-half.aims360 {
    box-shadow: 25px 25px 75px -8px #00000054;
  }

  .example-description-text.refeed {
    font-size: 2.5vw;
  }

  .lightbox-link.frontera {
    height: auto;
  }

  .example-text-div-half.welcome-website {
    padding-top: 26px;
  }

  .example-text-div-half.alldyn {
    width: 92%;
    padding-top: 26px;
  }

  .example-description-half-text.your-voice {
    font-size: 1.5vw;
  }

  .example-button.aims360, .example-button.shelf, .example-button.your-voice {
    font-family: Gotham, sans-serif;
  }

  .text-block-5 {
    font-size: 12px;
  }

  .footer {
    padding-bottom: 74px;
  }

  .footer-tagline {
    letter-spacing: 3px;
    width: 50%;
    margin-top: 5px;
    font-size: 9px;
  }

  .footer-menu {
    width: 420px;
  }

  .link {
    letter-spacing: 3.5px;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 10px;
  }

  .welcome-clients-title-text {
    margin-bottom: 15px;
  }

  .welcome-clients-block.james-maslow {
    display: block;
  }

  .welcome-feeling-div {
    margin-top: 399px;
  }

  .welcome-feeling-div.story {
    padding-top: 207px;
    padding-bottom: 76px;
  }

  .welcome-feeling-text {
    z-index: 2;
    line-height: 9.5vw;
  }

  .welcome-feeling-text1 {
    line-height: 8.5vw;
  }

  .welcome-feeling-text1.bottom {
    z-index: 2;
  }

  .my-mission-div {
    padding-top: 34px;
  }

  .button.bottom {
    box-shadow: 9px 9px 75px #0000002b;
  }

  .welcome-love-what-i-do-text {
    font-size: 5.4vw;
  }

  .welcome-examples-intro-subtitle {
    letter-spacing: 2.8px;
    font-size: 1.55vw;
  }

  .projects-header-inner-div {
    margin-top: -6px;
  }

  .projects-header-title-text {
    width: 70%;
    margin-bottom: 10px;
    font-size: 4.8vw;
    line-height: 8vw;
  }

  .projects-header-subtitle-text {
    letter-spacing: 6px;
    width: 45%;
    margin-top: 0;
    font-size: 1.5vw;
    line-height: 22px;
  }

  .scene-inner-div-bg {
    height: 500px;
  }

  .story-header-main-div {
    margin-top: -6px;
  }

  .story-header-quote {
    margin-bottom: 1px;
    font-size: 2.7vw;
    line-height: 6.5vw;
  }

  .story-header-quote-author {
    width: 30%;
    margin-top: -4px;
    font-size: 8px;
  }

  .story-header-highlight {
    font-size: 6.5vw;
  }

  .story-body-intro-section {
    height: 405px;
  }

  .story-section-body.vibrancy {
    padding-top: 54px;
    padding-bottom: 66px;
    padding-left: 42px;
  }

  .story-section-body.adoption {
    color: #2a3841;
    padding-top: 48px;
    padding-left: 39px;
  }

  .story-body-transition-text.narrow.graduated {
    padding-top: 24px;
    padding-bottom: 115px;
  }

  .story-body-transition-text.love {
    margin-top: 0;
    padding-top: 49px;
  }

  .story-body-transition-text.accident {
    padding-top: 57px;
    padding-bottom: 94px;
  }

  .story-body-transition-text.at-sixteen {
    padding-top: 62px;
    padding-bottom: 94px;
  }

  .story-body-transition-text.propelled-by-passion {
    padding-top: 83px;
    padding-bottom: 70px;
  }

  .story-body-transition-text.recovery {
    padding-top: 68px;
    padding-bottom: 89px;
  }

  .story-body-text2 {
    width: 60%;
    padding-top: 60px;
    padding-bottom: 41px;
    padding-right: 41px;
  }

  .story-body-text2.india2 {
    width: 60%;
    padding-top: 51px;
    padding-right: 35px;
  }

  .story-body-text2.operations {
    width: 60%;
    padding-top: 54px;
  }

  .story-body-section-outter-div {
    padding-top: 86px;
  }

  .story-body-section-outter-div.vibrancy {
    padding-top: 100px;
    padding-bottom: 113px;
  }

  .story-body-section-outter-div.india {
    padding-top: 80px;
    padding-bottom: 88px;
  }

  .story-body-section-outter-div.accident {
    padding-bottom: 142px;
  }

  .story-section-body-text3 {
    padding-top: 47px;
    padding-left: 43px;
  }

  .story-section-body-text4 {
    padding-bottom: 53px;
    padding-right: 49px;
  }

  .story-body-text4 {
    padding-top: 56px;
    padding-bottom: 57px;
  }

  .story-transition-graphic-right {
    margin-bottom: 17px;
    padding-top: 0;
  }

  .story-transition-graphic-left {
    margin-bottom: 152px;
  }

  .story-transition-graphic-left.passport {
    margin-bottom: 87px;
  }

  .story-graphic-flag {
    width: 8vw;
    margin-bottom: -3px;
  }

  .image-5 {
    width: 23.5vw;
    margin-bottom: 0;
  }

  .adoption-photo {
    margin-right: -15px;
  }

  .adoption-photo._3 {
    margin-right: -17px;
  }

  .adoption-photo.vibrancy {
    width: 27vw;
    margin-right: -10px;
  }

  .accident-photo1 {
    margin-top: -8px;
  }

  .accident-photo3 {
    margin-bottom: -75px;
  }

  .india-photo1 {
    margin-top: -34px;
  }

  .india-photo2 {
    margin-left: -24px;
  }

  .india-photo3 {
    margin-bottom: 37px;
  }

  .india-photo4 {
    margin-top: -16px;
    margin-left: -23px;
  }

  .india-photo5 {
    width: 34vw;
  }

  .india-photo8 {
    margin-left: -15px;
  }

  .ipod-graphic {
    width: 15.5vw;
    margin-top: 0;
  }

  .welcome-mobile-header-slide2 {
    background-image: linear-gradient(#00000069, #00000069), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac584fee19ce4_mobile-landscape-welcome-header-bg.jpg");
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .welcome-scene-image1 {
    margin-top: -114px;
  }

  .load-screen {
    display: none;
  }

  .mediums-intro-text {
    margin-bottom: 45px;
  }

  .medium-block {
    margin: 14px 0 22px;
  }

  .medium-block-text {
    margin-top: 11px;
  }

  .headernav-blocks {
    margin-top: -17px;
    padding-top: 0;
  }

  .welcome-scene-image4 {
    margin-top: -257px;
  }

  .welcome-scene-image5.right {
    margin-right: 47px;
    top: 0;
    left: auto;
    right: 0;
  }

  .image-9 {
    margin-top: 102px;
    margin-bottom: 0;
    top: 0;
    bottom: auto;
    right: 0;
  }

  .welcome-about {
    margin-top: 153px;
  }

  .welcome-about-first-part.second {
    height: 110vh;
    margin-top: 0;
  }

  .welcome-about-first-part-column1 {
    height: 65vh;
  }

  .welcome-about-first-part-column1._1 {
    height: 110vh;
  }

  .welcome-about-first-part-column1._1.middle {
    height: 65vh;
  }

  .welcome-about-first-part-column1.first, .welcome-about-first-part-column1.last.second {
    height: 110vh;
  }

  .welcome-about-photo1 {
    box-shadow: 13px 13px 60px #00000036;
  }

  .welcome-about-photo1._3 {
    box-shadow: 12px 12px 60px #00000036;
  }

  .welcome-about-middle-mosaic {
    margin-top: 135px;
    margin-bottom: 68px;
  }

  .projects-fixed-header {
    z-index: 0;
  }

  .projects-header-highlight.projects-header-highlight1 {
    font-size: 4.8vw;
  }

  .projects-header-highlight.projects-header-highlight2 {
    font-size: 11.5vw;
    bottom: 2px;
  }

  .welcome-bottom-highlight {
    padding-left: 0;
    font-size: 11vw;
    display: inline-block;
  }

  .welcome-bottom-highlight.period {
    display: inline;
  }

  .mainmenu {
    display: none;
  }

  .beigemenu-nav-links {
    flex-direction: row;
    margin-top: 62px;
  }

  .beigemenu-link-block {
    margin-left: 13px;
    margin-right: 13px;
  }

  .beigemenu-nav-link-text {
    letter-spacing: 3.5px;
    font-size: 9.5px;
  }

  .beigemenu-tagline {
    width: 45%;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    font-size: 1.2vw;
    line-height: 18px;
    display: block;
  }

  .story-header-scene-image1 {
    width: 20vw;
    margin-bottom: 36px;
  }

  .story-header-scene-image2 {
    width: 10.5vw;
    margin-top: 59px;
    margin-left: -3px;
  }

  .story-header-scene-image3 {
    margin-bottom: 147px;
    top: auto;
    bottom: 0;
    right: 0;
  }

  .story-header-scene-image5 {
    width: 11.5vw;
    margin-top: 32px;
  }

  .story-header-scene-image6 {
    width: 12.5vw;
    margin-top: 36px;
  }

  .story-first-section-scene-image1 {
    margin-top: -9px;
  }

  .story-first-section-scene-image2 {
    width: 9vw;
    margin-bottom: 48px;
    margin-left: 0;
    margin-right: 110px;
    bottom: 0;
    left: auto;
    right: 0;
  }

  .story-first-section-scene-image3 {
    width: 13.25vw;
    margin-top: 186px;
  }

  .story-first-section-scene-image4 {
    transform: rotate(3deg);
  }

  .story-transition-graphic-right1 {
    margin-top: 65px;
  }

  .accident-transition-scene-image1 {
    width: 18vw;
  }

  .accident-transition-scene-image2 {
    width: 21vw;
    margin-bottom: 27px;
  }

  .graduation-transition-scene-image1 {
    width: 20vw;
    margin-top: 12px;
  }

  .graduation-transition-scene-image3 {
    width: 19vw;
  }

  .image-11 {
    margin-bottom: 30px;
    margin-left: 315px;
  }

  .graduation-transition-scene-image5 {
    width: 21vw;
    margin-bottom: 0;
  }

  .graduation-transition-scene-image6 {
    margin-bottom: 15px;
    margin-left: 175px;
    margin-right: 0;
  }

  .accident-transition-scene-image3 {
    margin-top: 0;
  }

  .welcome-bottom-scene-image1 {
    z-index: 0;
    margin-bottom: 452px;
  }

  .welcome-bottom-scene-image2 {
    margin-bottom: 512px;
  }

  .welcome-bottom-scene-image3 {
    margin-bottom: 301px;
  }

  .vibrancy-transition-scene-image1 {
    width: 32vw;
    top: 0;
    bottom: auto;
    right: 0;
  }

  .vibrancy-transition-scene-image2 {
    width: 38vw;
    margin-left: -92px;
  }

  .vibrancy-transition-scene-image6 {
    margin-bottom: 111px;
    margin-right: 37px;
  }

  .tablet-welcome-header-logo {
    font-size: 16vw;
  }

  .tablet-welcome-header-tagline {
    letter-spacing: 9px;
    width: 70%;
    margin-top: 15px;
    font-size: 11.5px;
  }

  .story-first-section-scene-image5 {
    margin-bottom: 70px;
    margin-left: 31px;
  }

  .image-14 {
    width: 1.9vw;
  }

  .welcome-about-highlight1 {
    margin-top: 11px;
    font-size: 1.8vw;
  }

  .image-21 {
    width: 59vw;
  }

  .hamburger-line {
    height: 1px;
  }

  .bts-header-inner-div {
    width: 65%;
  }

  .bts-intro-main-text {
    font-size: 6vw;
    line-height: 6.5vw;
  }

  .bts-marcus-quote-div {
    width: 100%;
  }

  .bts-marcus-head-quote {
    font-size: 2.3vw;
    line-height: 4vw;
  }

  .header-logo-div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

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

  .homeheader {
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }

  .homeheader-slider {
    width: 92vw;
  }

  .insidebody {
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }

  .header-nav-link {
    margin-left: 16px;
    margin-right: 16px;
    font-size: 10px;
  }

  .text-block-9 {
    letter-spacing: 4px;
    margin-top: 19px;
    font-size: 1.6vw;
  }

  .handmade-in-sm-signature {
    margin-bottom: 37px;
  }

  .santa-monica-text {
    border-top-color: #ffffffbf;
    border-bottom-color: #ffffffbf;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
  }

  .architect-brands-inner-div {
    width: 70%;
  }

  .paragraph {
    width: 100%;
    margin-top: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .home-flowers-div {
    background-position: 0 0;
    height: 300px;
  }

  .design-as-a-language-section {
    margin-top: -6px;
  }

  .design-as-a-language-text-div {
    width: 60%;
    margin-top: -73px;
    line-height: 20px;
  }

  .design-as-a-language-headline {
    font-size: 32px;
    line-height: 52px;
  }

  .design-tool {
    top: -29%;
  }

  .components-text {
    letter-spacing: 4px;
    font-size: 11px;
  }

  .components-blocks {
    width: 90%;
    margin-top: 16px;
  }

  .components-blocks.powered {
    width: 100%;
  }

  .component-icon {
    background-size: 60px;
    width: 70px;
    height: 70px;
  }

  .component-icon.video {
    background-size: 60px;
  }

  .component-icon.photography {
    background-size: 58px;
  }

  .component-icon.copywriting {
    background-size: 52px;
  }

  .component-icon.social-media {
    background-size: 55px;
  }

  .component-icon.research {
    background-size: 22px;
    width: 60px;
  }

  .component-icon.psychology {
    background-size: 39px;
  }

  .component-icon.strategy {
    background-size: 47px;
  }

  .component-icon.storytelling {
    background-size: 44px;
  }

  .component-label {
    font-size: 13px;
  }

  .component-plus-icon {
    width: 14px;
    margin-left: 9px;
    margin-right: 9px;
  }

  .component-plus-icon.process-arrow {
    margin-left: 0;
    margin-right: 0;
  }

  .tastemaker-strips1.welcome {
    width: 90vw;
    height: 800px;
    margin-top: 423px;
  }

  .mosaic-column {
    margin-left: 11px;
    margin-right: 11px;
  }

  .mosaic-block {
    width: 27vw;
    height: 27vw;
  }

  .image-26 {
    width: 100vw;
    margin-top: -15px;
  }

  .trust-section-part-1 {
    padding-top: 18px;
  }

  .what-is-a-brand-text {
    width: 60%;
    font-size: 24px;
  }

  .create-trust-together-text {
    width: 68%;
    max-width: 550px;
    line-height: 44px;
  }

  .trust-is-speaking-text {
    width: 48%;
    font-size: 26px;
  }

  .trust-message-image.right {
    margin-right: 4px;
  }

  .trust-message-text-block {
    width: 68%;
    margin-left: 112px;
  }

  .trust-message-text-block.right {
    width: 56%;
    margin-right: -153px;
  }

  .trust-message-text-block.right.integrity {
    width: 65%;
    margin-right: -157px;
    padding-top: 71px;
    padding-bottom: 59px;
    padding-left: 49px;
  }

  .trust-is-item-title {
    font-size: 37px;
  }

  .trust-is-block-divider-line {
    width: 205px;
    height: 1px;
    margin-left: -137px;
  }

  .trust-is-block-divider-line.right {
    margin-left: 67px;
  }

  .trust-is-block-divider-line.right.integrity {
    margin-bottom: 35px;
  }

  .trust-is-block-body-text {
    font-size: 16px;
  }

  .mission-div {
    margin-top: 147px;
    margin-bottom: 0;
    padding-bottom: 38px;
  }

  .mission-top-text {
    letter-spacing: 9px;
    font-size: 13px;
  }

  .mission-text {
    font-size: 20px;
    line-height: 32px;
  }

  .home-eucalyptus {
    top: -7%;
  }

  .image-27 {
    width: 41vw;
  }

  .black-globe {
    width: 36vw;
  }

  .image-28 {
    width: 28vw;
  }

  .image-29 {
    width: 30vw;
    margin-top: -334px;
  }

  .speaking-a-message-section {
    padding-bottom: 113px;
  }

  .home-projects-intro-text {
    width: 57%;
    font-size: 22px;
  }

  .make-impact-together-text {
    font-size: 28px;
    line-height: 39px;
  }

  .make-impact-together-button-blocks {
    width: 100%;
  }

  .welcome-bottom-button {
    margin-left: 13px;
    margin-right: 13px;
    padding-left: 36px;
    padding-right: 30px;
    font-size: 10.5px;
  }

  .welcome-bottom-button.bts {
    padding-left: 35px;
    padding-right: 30px;
  }

  .bts-header-nav-link {
    letter-spacing: 3px;
    margin-left: 19px;
    margin-right: 19px;
    font-size: 11.5px;
  }

  .welcomeheadermaincontent {
    width: 76%;
    margin-left: 43px;
  }

  .heading {
    font-size: 4.7vw;
  }

  .welcomeheaderctabutton {
    margin-top: 14px;
  }

  .slide-nav-4 {
    height: 105px;
    font-size: 11px;
  }

  .tab-link-tab-2 {
    width: 140px;
    margin-bottom: 22px;
    padding-left: 14px;
    font-size: 11px;
  }

  .projectblockmaintab1.description.huracan-desc, .tabs-content {
    overflow: visible;
  }

  .text-block-19 {
    letter-spacing: 3px;
    margin-bottom: 7px;
    font-size: 12px;
  }

  .projectsheadline.projects {
    font-size: 3vw;
  }

  .text-block-23 {
    width: 51%;
  }

  .text-block-24 {
    margin-top: 21px;
    margin-right: 18px;
  }

  .text-block-24.verde, .text-block-24.the-spoke {
    margin-left: 18px;
  }

  .casestudyviewallprogresscombo.projects {
    display: none;
  }

  .text-block-34 {
    font-size: 16px;
  }

  .project-industry-div-block {
    margin-bottom: -33vw;
    padding: 11px 19px 13px;
    display: none;
  }

  .text-block-35 {
    margin-bottom: 0;
    font-size: 9px;
  }

  .industry-text {
    font-size: 12px;
  }

  .div-block-16 {
    width: 18px;
    height: 18px;
  }

  .homewhatwedosection {
    margin-top: 98px;
  }

  .what-we-do-tab-link {
    margin-left: 7px;
    margin-right: 7px;
    padding: 13px 22px 12px;
    font-size: 13px;
  }

  .home-press-block {
    height: 100px;
  }

  .text-block-38 {
    width: 64%;
    font-size: 16px;
    line-height: 26px;
  }

  .text-block-39 {
    width: 67%;
    font-size: 18px;
    line-height: 28px;
  }

  .industry-label {
    letter-spacing: 4px;
    font-size: 1.8vw;
  }

  .text-block-45 {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px;
  }

  .capabilities {
    width: 92%;
  }

  .capabilitiessectiontitle {
    font-size: 15px;
  }

  .capabilitiestextlineitem {
    font-size: 12px;
  }

  .div-block-19 {
    padding-left: 0;
  }

  .projectblockmaintabs-2, .projectblockcontent-2 {
    height: 61vw;
  }

  .projectdesclogoblock-2 {
    margin-bottom: -7px;
  }

  .projectdesclogoblock-2.verde {
    background-size: 59%;
  }

  .projectdesclogoblock-2.welcome-us {
    background-size: 48%;
  }

  .projectdesclogoblock-2.nubocha {
    background-size: 38%;
  }
}

@media screen and (max-width: 479px) {
  .video-home {
    background-image: linear-gradient(#00000038, #00000038), linear-gradient(#1f2b3147, #1f2b3147), linear-gradient(#0003, #1d1a1a00);
    padding-top: 213px;
    padding-bottom: 213px;
    display: flex;
  }

  .header-home-div {
    z-index: 1;
    width: 100%;
    margin-top: -62px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .nav-subtitle {
    width: 23.5vw;
    display: none;
    top: 22px;
    right: 12px;
  }

  .header-arrow {
    z-index: 1;
    text-align: center;
    height: 85px;
    margin-bottom: 51px;
    display: block;
    bottom: 30px;
  }

  .header-arrow.story {
    height: 72px;
    display: none;
  }

  .header-arrow.world {
    bottom: 55px;
  }

  .header-arrow.welcome {
    bottom: 85px;
  }

  .scroll-arrow-text {
    color: #fff;
    letter-spacing: 3.5px;
    width: 75%;
    margin-top: -19px;
    margin-bottom: 0;
    font-family: Gotham, sans-serif;
    font-size: 8px;
    font-weight: 400;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .scroll-arrow-text.story {
    letter-spacing: 3px;
    font-size: 8.5px;
  }

  .scroll-arrow-text.world {
    letter-spacing: 2.8px;
    font-size: 8.5px;
  }

  .hero {
    background-position: 55%;
    padding-top: 177px;
    padding-bottom: 177px;
  }

  .hero-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 52px;
    line-height: 55px;
    display: block;
  }

  .hero-subtitle {
    letter-spacing: 5px;
    width: 70%;
    margin-top: 10px;
    font-size: 10px;
    font-weight: 700;
  }

  .coming-soon {
    width: 230px;
    font-size: 9px;
  }

  .mosaic {
    z-index: 2;
  }

  .mosaic.world {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .mosaicblock {
    width: 40%;
    margin-bottom: 11px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .mosaicimage.last {
    display: none;
  }

  .topnav {
    height: 65px;
    display: block;
  }

  .topnav-logo {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56877e19c55_marcus-yves-logo-test4.png");
    background-position: 25% 55%;
    background-size: 130px;
    width: 220px;
    height: 65px;
    margin-left: 20px;
    font-size: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .topnav-logo.projects {
    height: 27px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .topnav-menu-button {
    background-size: 18px;
  }

  .topnav-menu-button.original {
    height: 65px;
  }

  .hamburger {
    width: 6vw;
    top: 23px;
    left: 17px;
  }

  .explore-text {
    display: none;
  }

  .belowheader {
    z-index: 6;
    perspective: 1000px;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .firstsection {
    z-index: 2;
    margin-top: 0;
    padding-bottom: 0;
  }

  .examples {
    text-align: center;
    margin-top: 0;
    padding-top: 37px;
    padding-bottom: 27px;
  }

  .sidemenu {
    z-index: 9;
    width: 90%;
    display: none;
    top: 68px;
  }

  .sidemenu-logo {
    width: 75%;
  }

  .example-section {
    margin-top: 132px;
  }

  .example-title {
    font-size: 55px;
    line-height: 60px;
  }

  .example-subtitle.websites {
    letter-spacing: 2px;
    width: 80%;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
    display: block;
  }

  .examples-intro-text {
    width: 84%;
    font-size: 28px;
    line-height: 38px;
  }

  .website-block {
    border-bottom: 2px solid #fff;
    width: 100%;
    height: 200px;
  }

  .website-block.aims, .examples-block {
    width: 100%;
    height: 200px;
  }

  .examples-intro-subtext {
    letter-spacing: 2px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    font-size: 8.5px;
    line-height: 16px;
    display: block;
  }

  .example-logo, .example-logo.aims {
    background-size: 230px;
  }

  .example-logo.refeed {
    background-size: 220px;
  }

  .example-logo.shelf {
    background-size: 210px;
  }

  .example-logo.exp {
    background-size: 135px;
  }

  .example-logo.your-voice {
    background-size: 140px;
  }

  .inner-div {
    width: 95%;
    margin-top: -95px;
    padding-top: 0;
  }

  .intro-text1 {
    width: 88%;
    margin-top: 0;
    font-family: Gotham, sans-serif;
    font-size: 6vw;
    line-height: 14vw;
  }

  .text-block-2 {
    font-size: 9px;
  }

  .intro-text3 {
    width: 80%;
    font-family: Gotham, sans-serif;
    font-size: 14px;
    font-weight: 300;
  }

  .text-block-3.left {
    text-align: center;
  }

  .div-block {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .projects-header-filler {
    padding-top: 245px;
    padding-bottom: 245px;
    position: fixed;
  }

  .vibrancy-header-inner-div {
    width: 90%;
  }

  .vibrancy-header-title {
    letter-spacing: 3px;
    margin-bottom: 7px;
    font-size: 52.5px;
  }

  .vibrancy-header-sub {
    letter-spacing: 10px;
    margin-top: 8px;
    font-size: 9.5px;
    line-height: 16px;
  }

  .vibrancy-mosaic-block {
    width: 50%;
  }

  .vibrancy-down-arrow-div {
    bottom: 100px;
  }

  .text-block-4 {
    width: 60%;
    font-family: Gotham, sans-serif;
    line-height: 16px;
  }

  .brand-scenes {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .scene {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53710e19b3e_shelf-scene-mobile.jpg");
    background-position: 50%;
    background-attachment: scroll;
    height: 640px;
  }

  .scene.refeed {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5702de19b3d_refeed-scene-mobile.jpg");
    background-position: 50% 0;
    background-attachment: scroll;
    height: 640px;
  }

  .scene.alldyn {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57c3de19b4a_alldyn-scene-mobile.jpg");
    height: 640px;
  }

  .scene.your-voice {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac541d8e19b40_your-voice-scene-mobile.jpg");
    height: 680px;
  }

  .scene.welcome {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac573fbe19b48_welcome-scene-mobile.jpg");
    height: 640px;
  }

  .scene.frontera {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5cfcbe19b44_frontera-scene-mobile.jpg");
    height: 640px;
  }

  .scene.whisper {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5a7a2e19b47_whisper-scene-mobile.jpg");
    height: 640px;
  }

  .scene.waiakea {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50548e19b46_waiakea-scene-mobile.jpg");
    height: 640px;
  }

  .scene.aims360 {
    text-align: center;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac565f8e19b36_aims360-scene-mobile.jpg");
    background-position: 50% 0;
    background-size: cover;
    background-attachment: scroll;
    height: 680px;
  }

  .scene.steel-wool {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5776fe19b53_steel-wool-scene-mobile.jpg");
  }

  .scene.verde {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    height: 600px;
  }

  .body {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
  }

  .body.projects {
    background-color: #fff;
    margin-top: 0;
  }

  .header-links {
    z-index: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .header-links.projects {
    margin-top: 5px;
    top: 10px;
  }

  .header-links.world {
    padding-top: 8px;
  }

  .header-link-text {
    letter-spacing: 5px;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 8.75px;
    line-height: 35px;
  }

  .header-link-text.w--current {
    font-weight: 700;
  }

  .thumbnail {
    width: 50%;
  }

  .welcome-quote-text {
    width: 70%;
  }

  .mobile-scene-div {
    padding-top: 47px;
  }

  .mobile-scene-div.shelf {
    padding-top: 82px;
    display: block;
  }

  .mobile-scene-div.refeed {
    padding-top: 77px;
    display: block;
  }

  .mobile-scene-div.alldyn {
    padding-top: 111px;
    display: block;
  }

  .mobile-scene-div.welcome {
    padding-top: 76px;
    display: block;
  }

  .mobile-scene-div.frontera {
    padding-top: 115px;
    display: block;
  }

  .mobile-scene-div.aims360 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 99px;
    display: block;
    top: 0;
    left: 0;
    right: 0;
  }

  .mobile-scene-div.your-voice {
    padding-top: 85px;
    display: block;
  }

  .mobile-scene-div.whisper {
    padding-top: 104px;
    display: block;
  }

  .mobile-scene-div.steel-wool {
    padding-top: 121px;
    display: block;
  }

  .aims-logo {
    width: 38vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .aims-logo.alldyn {
    width: 65vw;
  }

  .aims-logo.shelf {
    width: 55vw;
  }

  .aims-logo.refeed {
    width: 64vw;
  }

  .aims-logo.aims {
    width: 73vw;
    margin-top: 21px;
  }

  .aims-logo.aims.verde {
    width: 66vw;
    margin-top: -18px;
  }

  .aims-logo.frontera {
    width: 72vw;
  }

  .aims-logo.whisper {
    width: 60vw;
  }

  .aims-logo.waiakea {
    width: 51vw;
  }

  .aims-logo.welcomeus {
    width: 44vw;
  }

  .aims-logo.steel-wool {
    width: 50vw;
  }

  .scene-project-details {
    margin-top: 12px;
  }

  .scene-project-details.alldyn, .scene-project-details.welcomeus {
    margin-top: 17px;
  }

  .scene-project-details.whisper {
    margin-top: 15px;
  }

  .project-details-text {
    text-align: center;
    letter-spacing: 2px;
    font-family: Gotham, sans-serif;
    font-size: 3.5vw;
    font-weight: 600;
  }

  .project-details-text.white {
    color: #fff;
    font-weight: 700;
  }

  .project-details-text.verde {
    color: #fff;
  }

  .project-details-text1 {
    text-align: center;
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    font-family: Gotham, sans-serif;
    font-size: 4vw;
    font-weight: 300;
    line-height: 7.5vw;
    display: block;
  }

  .project-details-text1.white {
    color: #fff;
    font-family: Gotham, sans-serif;
    font-size: 14px;
    font-weight: 300;
  }

  .project-details-text1.white.alldyn {
    width: 75%;
  }

  .project-details-text1.white.shelf {
    width: 40%;
  }

  .project-details-text1.white.frontera {
    width: 50%;
  }

  .project-details-text1.aims360 {
    width: 50%;
    font-size: 4.2vw;
  }

  .project-details-text1.verde {
    color: #fff;
    width: 55%;
  }

  .scene-learn-more-button {
    color: #1d1a1a;
    text-align: center;
    letter-spacing: 3px;
    background-color: #0000;
    border: 1px solid #343e4a;
    border-radius: 6px;
    width: 130px;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 2px;
    font-family: Gotham, sans-serif;
    font-size: 8px;
    font-weight: 700;
    display: none;
  }

  .scene-learn-more-button.white {
    color: #fff;
    border-color: #fff;
    width: 125px;
    margin-top: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 7.5px;
  }

  .scene-learn-more-button.white.alldyn {
    margin-top: 14px;
  }

  .scene-learn-more-button.white.welcomeus {
    margin-top: 15px;
  }

  .scene-learn-more-button.white.whisper {
    margin-top: 16px;
  }

  .story-header {
    height: 120vh;
    padding-top: 0;
  }

  .story-title {
    font-size: 75px;
  }

  .story-subtitle {
    width: 75%;
    margin-top: 47px;
    margin-left: auto;
    margin-right: auto;
    font-size: 9.5px;
    line-height: 19px;
    display: block;
  }

  .block-quote {
    width: 75%;
    font-size: 12.5px;
    line-height: 25px;
  }

  .quote-author {
    font-size: 11px;
  }

  .story-header-image {
    width: 75%;
    box-shadow: 6px 6px 65px -4px #bdbdbd;
  }

  .story-main-body {
    z-index: 2;
  }

  .story-body-text {
    width: 70%;
    font-size: 20px;
  }

  .story-body-text1 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-family: Gotham Light;
    font-size: 22px;
    line-height: 43px;
    display: block;
  }

  .story-mosaic1 {
    width: 100%;
  }

  .story-mosaic1.middle {
    transform: none;
  }

  .scene-description-div {
    padding-bottom: 121px;
  }

  .scene-description-div.shelf {
    background-image: none;
  }

  .scene-description-div.frontera {
    background-color: #000;
  }

  .scene-description-div.verde {
    padding-bottom: 106px;
  }

  .project-description-text {
    width: 75%;
    font-family: Gotham, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 42px;
  }

  .project-description-text.verde {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 42px;
  }

  .project-description-title {
    color: #ffcd2e;
  }

  .project-description-title.aims360 {
    padding-top: 122px;
  }

  .project-description-title.aims360.verde {
    padding-top: 71px;
    font-size: 12px;
  }

  .scene-description-button {
    letter-spacing: 2px;
    border-color: #ffcd2e75;
    border-radius: 0;
    width: 225px;
  }

  .scene-description-button.shelf {
    border-color: #dd7273;
  }

  .scene-description-button.refeed {
    letter-spacing: 1.5px;
    width: 225px;
    font-weight: 400;
  }

  .scene-description-button.your-voice {
    width: 225px;
  }

  .scene-description-button.whisper {
    letter-spacing: 3px;
    width: 265px;
    padding-left: 4px;
    font-size: 8.5px;
  }

  .scene-description-button.steel-wool {
    width: 250px;
    font-size: 8px;
  }

  .scene-description-button.aims360 {
    width: 225px;
    font-size: 10px;
  }

  .scene-description-button.aims360.verde {
    letter-spacing: 2px;
    width: 225px;
    margin-top: -27px;
    font-size: 11px;
  }

  .scenes-intro-text {
    width: 75%;
    font-family: Gotham, sans-serif;
    font-size: 23px;
    font-weight: 300;
  }

  .examples-div {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac58822e19bd7_refeed-website-mobile.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 85vw;
    height: 55vh;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .examples-div.refeed {
    width: 88vw;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .examples-div.refeed.verde {
    width: 88vw;
    height: 535px;
    box-shadow: none;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5747de19cff_verde-scene-mobile.jpg");
    background-position: 50%;
  }

  .examples-div.shelf {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac572b0e19bc4_shelf-app.jpg");
    background-position: 50%;
    height: 63vh;
  }

  .examples-image {
    display: none;
  }

  .examples-div-half {
    width: 88vw;
    height: 425px;
    box-shadow: none;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5daf9e19bcb_your-voice-website2.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0;
    margin-right: 0;
  }

  .examples-div-half.aims360 {
    width: 88vw;
    height: 425px;
    box-shadow: none;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac54650e19bea_aims360-logo-mobile.jpg");
    margin-top: 27px;
    margin-left: 0;
    margin-right: 0;
  }

  .examples-div-half.frontera-photos {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56e3de19bd9_frontera-photos-mobile.jpg");
  }

  .examples-div-half.welcomeus {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51283e19bbd_welcome-website-mobile.jpg");
    background-position: 50% 100%;
    width: 88vw;
    height: 470px;
    margin-left: 0;
    margin-right: 0;
  }

  .examples-div-half.your-voice {
    background-image: none;
    height: 480px;
  }

  .examples-div-half.whisper1 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5661de19bcd_whisper-video.jpg");
    height: 450px;
    margin-top: 27px;
  }

  .examples-div-half.alldyn1 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac57c3de19b4a_alldyn-scene-mobile.jpg");
    margin-bottom: 27px;
  }

  .examples-div-half.steel-wool {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5d010e19bb4_steel-wool-website1.jpg");
  }

  .example-text-div-wide {
    width: 78%;
    padding-top: 48px;
  }

  .example-text-div-wide.refeed {
    padding-top: 50px;
  }

  .example-text-div-wide.refeed.shelf {
    padding-top: 41px;
  }

  .example-text-div-wide.refeed.verde {
    padding-top: 75px;
  }

  .example-text-div-wide.frontera {
    width: 75%;
    padding-top: 67px;
  }

  .example-description-text {
    font-size: 17.5px;
    line-height: 34px;
  }

  .example-description-text.refeed {
    text-align: center;
    width: 76%;
    font-size: 3.6vw;
    font-weight: 400;
    line-height: 7.5vw;
  }

  .example-description-text.frontera {
    width: 100%;
    font-size: 3.6vw;
    font-weight: 400;
    line-height: 7vw;
  }

  .example-description-text.shelf {
    font-size: 3.6vw;
    font-weight: 400;
    line-height: 36px;
  }

  .example-description-text.verde {
    width: 90%;
    font-size: 3.6vw;
    line-height: 7vw;
  }

  .examples-description-icon {
    width: 60px;
  }

  .examples-description-icon.identity.aims360 {
    width: 45px;
  }

  .examples-description-icon.frontera-photos {
    margin-bottom: 8px;
  }

  .lightbox-link {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50d88e19bd4_frontera-video-mobile.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 590px;
  }

  .lightbox-link.frontera {
    background-image: linear-gradient(#0000005e, #0e0d0d00 54%), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac50d88e19bd4_frontera-video-mobile.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    width: 88vw;
    height: 525px;
    margin-top: 27px;
  }

  .example-text-div-half.aims360 {
    width: 100%;
    padding-top: 52px;
  }

  .example-text-div-half.aims360.your-voice {
    width: 90%;
    padding-top: 50px;
  }

  .example-text-div-half.frontera-photos {
    padding-top: 57px;
  }

  .example-text-div-half.welcome-website {
    width: 90%;
    padding-top: 50px;
  }

  .example-text-div-half.welcome-website.steel-wool {
    width: 80%;
  }

  .example-text-div-half.alldyn {
    padding-top: 58px;
  }

  .example-text-div-half.your-voice {
    padding-top: 41px;
  }

  .example-description-half-text {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.6vw;
    line-height: 7vw;
    display: block;
  }

  .example-description-half-text.aims360 {
    width: 75%;
    font-size: 3.6vw;
    line-height: 6.5vw;
  }

  .example-description-half-text.your-voice {
    width: 90%;
    font-size: 3.6vw;
    line-height: 7vw;
  }

  .example-description-half-text.alldyn, .example-description-half-text.whisper {
    width: 80%;
  }

  .example-learn-more-div {
    background-image: linear-gradient(#0000, #000000d9);
    height: 200px;
    padding-top: 62px;
  }

  .example-learn-more-div.shelf {
    padding-top: 84px;
  }

  .example-learn-more-div.refeed {
    padding-top: 48px;
  }

  .example-learn-more-div.whisper {
    padding-top: 51px;
  }

  .example-button.aims360 {
    letter-spacing: 1px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 11px 19px 10px 21px;
    font-size: 10px;
  }

  .example-button.refeed {
    font-size: 10px;
  }

  .example-button.shelf {
    font-size: 9px;
  }

  .example-button.verde {
    font-family: Gotham, sans-serif;
    font-size: 8.5px;
  }

  .text-block-5 {
    font-weight: 400;
  }

  .footer {
    z-index: 3;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac564efe19cd4_footer-bg.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 54px;
  }

  .footer.world {
    z-index: 6;
    width: 89vw;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-tagline {
    letter-spacing: 2px;
    width: 65%;
    margin-top: 15px;
    font-size: 7.5px;
  }

  .footer-menu {
    width: 60%;
  }

  .link {
    margin: 26px auto 32px;
    font-size: 11px;
    display: block;
  }

  .link.projects {
    display: block;
  }

  .footer-signature {
    letter-spacing: 7px;
    width: 66%;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    line-height: 25px;
    display: block;
  }

  .footer-copyright {
    width: 64%;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
    display: block;
  }

  .welcome-clients-title-text {
    letter-spacing: 6px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-family: Gotham, sans-serif;
    font-size: 10.75px;
    font-weight: 400;
    line-height: 25px;
    display: block;
  }

  .welcome-clients-blocks-div {
    text-align: center;
    width: 90%;
  }

  .welcome-clients-block {
    background-size: 105px;
    width: 45%;
    margin-left: 5px;
    margin-right: 5px;
  }

  .welcome-clients-block.waiakea, .welcome-clients-block.whisper, .welcome-clients-block.bank-of-america {
    background-size: 105px;
  }

  .welcome-clients-block.alldyn {
    background-size: 112px;
  }

  .welcome-clients-block.aims360 {
    background-size: 135px;
  }

  .welcome-clients-block.steel-wool {
    background-size: 100px;
  }

  .welcome-clients-block.fabfitfun {
    background-size: 110px;
  }

  .welcome-clients-block.james-maslow {
    background-size: 120px;
  }

  .welcome-mosaic-bg {
    margin-bottom: -80px;
  }

  .welcome-mosaic-bg-curve {
    height: 20px;
    margin-top: -19px;
  }

  .welcome-feeling-div {
    margin-top: 336px;
    padding-top: 53px;
  }

  .welcome-feeling-div.story {
    padding-top: 360px;
  }

  .welcome-feeling-text {
    width: 75%;
    font-size: 7vw;
    line-height: 14vw;
  }

  .welcome-dots {
    margin-bottom: 21px;
  }

  .welcome-feeling-text1 {
    width: 74%;
    font-size: 5vw;
    line-height: 14.25vw;
  }

  .welcome-feeling-text1.bottom {
    width: 65%;
    font-size: 3.3vw;
    line-height: 10vw;
  }

  .welcome-feeling-text-highlight1, .welcome-feeling-text-highlight2, .welcome-feeling-text-highlight3, .welcome-feeling-text-highlight4 {
    font-weight: 400;
  }

  .welcome-main-section {
    float: left;
    background-color: #fefbf5;
    margin-bottom: 0;
    padding-top: 37px;
  }

  .welcome-mission-title {
    letter-spacing: 8px;
    font-size: 11px;
  }

  .text-block-6 {
    width: 70%;
    font-size: 6.7vw;
    line-height: 15.5vw;
  }

  .welcome-mission-highlight-text {
    padding-left: 7px;
    padding-right: 5px;
    font-size: 16vw;
    bottom: 1px;
  }

  .button {
    background-color: #333f46;
    width: 240px;
    font-size: 11px;
    font-weight: 300;
  }

  .button.bottom {
    width: 240px;
    font-size: 10px;
  }

  .welcome-examples-intro-div {
    border-bottom-style: solid;
    border-bottom-color: #fefbf6;
    margin-bottom: 22px;
    padding-top: 20px;
    padding-bottom: 12px;
  }

  .welcome-love-what-i-do-text {
    font-size: 8vw;
  }

  .welcome-examples-intro-subtitle {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.8vw;
    display: block;
  }

  .projects-header-inner-div {
    margin-top: 0;
  }

  .projects-header-title-text {
    width: 75%;
    margin-top: 0;
    font-size: 7vw;
    line-height: 16.5vw;
  }

  .projects-header-subtitle-text {
    letter-spacing: 3.5px;
    width: 65%;
    margin-top: 19px;
    font-size: 2.5vw;
    line-height: 23px;
    display: block;
  }

  .scene-inner-div-bg {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    padding-top: 119px;
  }

  .scene-inner-div-bg.aims {
    padding-top: 89px;
  }

  .scene-inner-div-bg.verde {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5747de19cff_verde-scene-mobile.jpg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    padding-top: 163px;
  }

  .scene-inner-content-div {
    display: none;
  }

  .projects-desc-highlight {
    color: #fff;
  }

  .image-4 {
    width: 90vw;
  }

  .projects-fixed-bg-div {
    height: 100vh;
  }

  .projects-slide1 {
    background-image: linear-gradient(#0000004d, #0a0a0a00 22%), radial-gradient(circle, #0000004f, #0f0f0f00 86%), linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56cd7e19a68_welcome-main-section-photo1.jpg");
    background-position: 0 0, 0 0, 0 0, 50% 100%;
    background-size: auto, auto, auto, 700px;
  }

  .projects-slide2 {
    background-image: linear-gradient(#0000004d, #0c0b0b00 46%), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5717de19c22_Aims-771.jpg");
    background-position: 0 0, 0 0, 88%;
  }

  .projects-slide2._3 {
    background-image: linear-gradient(#00000096, #00000096), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac58d2fe19c48_aerial-on-set.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .projects-slide2._4 {
    background-image: linear-gradient(#0000, #0000), linear-gradient(#0000004d, #0c0b0b00 31%), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c668e19c49_full-menu-connect-bg.jpg");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
  }

  .story-header-main-div {
    margin-top: -144px;
  }

  .story-header-quote {
    color: #364953;
    width: 72%;
    font-size: 4.75vw;
    line-height: 12vw;
  }

  .story-header-quote-author {
    width: 40%;
    margin-top: 2px;
    font-size: 8.9px;
  }

  .story-header-highlight {
    font-size: 11vw;
  }

  .story-body-intro-section {
    height: 650px;
  }

  .story-body-intro-text {
    width: 75%;
    font-size: 5vw;
    line-height: 9.5vw;
  }

  .story-body-section1 {
    border-left-width: 4px;
    width: 85vw;
  }

  .story-section-body.vibrancy {
    width: 85%;
    font-size: 4.15vw;
    line-height: 11vw;
  }

  .story-section-body.adoption {
    width: 95%;
    padding: 94px 24px 94px 36px;
    font-size: 4.15vw;
    line-height: 11vw;
  }

  .story-body-transition-div1 {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .story-body-transition-text.narrow.bottom {
    width: 60%;
    padding-top: 248px;
    padding-bottom: 250px;
    font-size: 4vw;
    line-height: 10vw;
  }

  .story-body-transition-text.narrow.graduated {
    width: 60%;
    padding-top: 274px;
    padding-bottom: 355px;
    font-size: 4vw;
    line-height: 10vw;
  }

  .story-body-transition-text.love {
    width: 60%;
    padding-top: 66px;
    padding-bottom: 156px;
    font-size: 4vw;
    line-height: 10vw;
  }

  .story-body-transition-text.accident {
    width: 60%;
    padding-top: 343px;
    padding-bottom: 279px;
    font-size: 4vw;
    line-height: 10vw;
  }

  .story-body-transition-text.at-sixteen {
    padding-top: 82px;
    padding-bottom: 137px;
    font-size: 4vw;
    line-height: 10vw;
  }

  .story-body-transition-text.propelled-by-passion {
    padding-top: 216px;
    padding-bottom: 160px;
    font-size: 4vw;
    line-height: 10vw;
  }

  .story-body-transition-text.recovery {
    width: 70%;
    padding-top: 300px;
    padding-bottom: 300px;
    font-size: 4vw;
    line-height: 10vw;
  }

  .story-body-section2, .story-body-section2._2 {
    border-right-width: 4px;
  }

  .story-body-text2 {
    width: 80%;
    font-size: 4.15vw;
    line-height: 11vw;
  }

  .story-body-text2.india2 {
    width: 85%;
    padding-top: 142px;
    padding-bottom: 130px;
    padding-right: 33px;
    font-size: 4.15vw;
    line-height: 11vw;
  }

  .story-body-text2.operations {
    width: 80%;
  }

  .story-body-section-outter-div {
    padding-top: 83px;
    padding-bottom: 185px;
  }

  .story-body-section-outter-div.vibrancy {
    padding-top: 153px;
    padding-bottom: 181px;
  }

  .story-body-section-outter-div.india {
    padding-top: 96px;
    padding-bottom: 104px;
  }

  .story-body-section4 {
    border-left-width: 4px;
    width: 85vw;
  }

  .story-section-body-text3, .story-section-body-text4 {
    width: 85%;
    font-size: 4.15vw;
    line-height: 11vw;
  }

  .story-body-section5 {
    border-right-width: 4px;
    width: 85vw;
  }

  .story-body-text4 {
    width: 70%;
    font-size: 4.15vw;
    line-height: 11vw;
  }

  .story-transition-graphic-right {
    width: 31vw;
    margin-top: -166px;
    margin-bottom: 0;
    top: 0;
    bottom: auto;
    right: 0;
  }

  .story-transition-graphic-left {
    width: 24.5vw;
    margin-top: -61px;
    margin-bottom: 0;
    display: none;
    top: 0;
    bottom: auto;
    left: 0;
  }

  .story-transition-graphic-left.passport {
    width: 22.5vw;
    margin-top: 138px;
    margin-bottom: 0;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .story-graphic-flag {
    width: 15vw;
    margin-bottom: -2px;
    margin-left: 46px;
  }

  .story-dvd-graphic {
    width: 30vw;
    margin-top: 14px;
    margin-left: 0;
  }

  .image-5 {
    width: 42vw;
  }

  .adoption-photo {
    z-index: 1;
    width: 37vw;
    margin: 33px auto 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 8px 8px 43px #00000030;
  }

  .adoption-photo._2 {
    width: 41vw;
    margin-bottom: 80px;
    margin-left: 59px;
    margin-right: 16px;
    inset: auto 0 0 auto;
  }

  .adoption-photo._2.vibrancy {
    width: 34vw;
    margin-bottom: -8px;
  }

  .adoption-photo._3 {
    width: 34vw;
    margin-bottom: 59px;
    margin-left: 16px;
    margin-right: 16px;
    bottom: 0;
    left: 0;
    right: auto;
  }

  .adoption-photo._3.vibrancy {
    margin-bottom: -73px;
  }

  .adoption-photo.vibrancy {
    width: 30vw;
    margin-top: -77px;
  }

  .accident-photo1 {
    width: 38vw;
    margin-top: -60px;
    margin-left: -11px;
  }

  .accident-photo2 {
    margin-left: -32px;
  }

  .accident-photo3 {
    width: 33vw;
    margin-bottom: -87px;
  }

  .india-photo1 {
    z-index: 3;
    width: 28vw;
    margin-top: 45px;
    margin-right: 93px;
    top: 0;
    left: auto;
    right: 0;
    box-shadow: 7px 7px 50px #0000002e;
  }

  .india-photo2 {
    z-index: 3;
    width: 40vw;
    margin-bottom: 81px;
    margin-left: 19px;
    top: auto;
    bottom: 0;
    left: 0;
    box-shadow: 10px 10px 47px #0000002e;
  }

  .india-photo3 {
    z-index: 3;
    width: 34vw;
    margin-bottom: 57px;
    margin-left: 0;
    margin-right: 52px;
    bottom: 0;
    left: auto;
    right: 0;
    box-shadow: 5px 5px 40px #0000002e;
  }

  .india-photo4 {
    margin-top: 349px;
    margin-left: -41px;
  }

  .india-photo5 {
    width: 37vw;
    margin-top: 0;
    margin-bottom: -48px;
    margin-right: 20px;
    display: none;
    bottom: 0;
    left: auto;
    right: 0;
  }

  .india-photo8 {
    margin-top: 0;
    margin-bottom: -63px;
    display: none;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .ipod-graphic {
    width: 25vw;
  }

  .full-menu {
    display: flex;
  }

  .menu-block {
    width: 50vw;
    height: 33.33vh;
  }

  .image-6 {
    width: 100vw;
    display: none;
  }

  .image-7 {
    width: 25vw;
  }

  .fixed-mobile-bg {
    background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56cd7e19a68_welcome-main-section-photo1.jpg"), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac58681e19c24_projects-bg2.jpg"), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5c668e19c49_full-menu-connect-bg.jpg");
    background-position: 0 0, 50% 100%, -183px, 50%;
    background-size: auto, 700px, cover, cover;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .welcome-header-tagline {
    color: #fff;
    text-align: center;
    letter-spacing: 5px;
    width: 70%;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 5vw;
    display: block;
  }

  .projects-header-filler-mobile {
    height: 100vh;
  }

  .welome-fixed-bg-mobile-slideshow {
    width: 100vw;
    position: fixed;
    inset: 0;
  }

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

  .welcome-mobile-header-slide1 {
    background-image: linear-gradient(#00000080, #0a0a0a00 42%), radial-gradient(circle, #0009, #0c0c0c00), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac53d63e19d12_full-menu-connect-bg.jpg");
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .welcome-mobile-header-slide1._1 {
    background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56433e19bef_marcus-with-team-on-matador.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .welcome-mobile-header-slide2 {
    background-image: linear-gradient(#00000073, #0c0c0c00 41%), linear-gradient(#0c0c0c73, #0c0c0c73), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac56cd7e19a68_welcome-main-section-photo1.jpg");
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, cover;
  }

  .welcome-mobile-header-slide2._1 {
    background-image: linear-gradient(#00000040, #00000040), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac58662e19ce5_mobile-welcome-bg1.jpg");
    background-position: 0 0, 0 0, 41%;
    background-size: auto, auto, cover;
  }

  .welcome-mobile-header-slide2._2 {
    background-image: linear-gradient(#0003, #0003), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac58d2fe19c48_aerial-on-set.jpg");
    background-position: 0 0, 0 0, 48%;
    background-size: auto, auto, cover;
  }

  .welcome-mobile-header-slide2._3 {
    background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5f29ae19b13_marcus-yves-world21.jpg");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
  }

  .welcome-mobile-header-slide2._4 {
    background-image: linear-gradient(#0000004d, #0a0a0a00 32%), radial-gradient(circle, #000000a1, #0a0a0a2b), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac51489e19ce7_mobile-welcome-bg2.jpg");
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .welcome-scene-image1 {
    width: 14.5vw;
    margin-top: -179px;
    margin-right: 9px;
    display: none;
  }

  .load-screen {
    display: none;
  }

  .load-screen-inner-div {
    width: 60vw;
  }

  .welcome-story-highlight {
    padding-top: 8px;
    font-size: 13vw;
  }

  .welcome-brands-highlight {
    padding-left: 9px;
    padding-right: 0;
    font-size: 16.5vw;
  }

  .mediums-intro-text {
    z-index: 3;
    margin-bottom: 1px;
    font-size: 12.5px;
    line-height: 30px;
    position: relative;
  }

  .medium-block {
    margin-left: 3px;
    margin-right: 3px;
  }

  .headernav.world {
    z-index: 6;
    background-image: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .headernav.projects {
    z-index: 5;
    display: none;
  }

  .headernav-blocks {
    text-align: center;
    width: 100%;
    margin-top: 22px;
    position: relative;
  }

  .headernav-blocks.world {
    text-align: center;
    margin-top: 27px;
  }

  .headernav-link-block {
    width: 26%;
    height: 45px;
    margin-top: -13px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
  }

  .headernav-link-block.current {
    width: 26%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .headernav-link-text {
    letter-spacing: 3.5px;
    padding-top: 0;
    font-size: 10.5px;
  }

  .welcome-scene-image2 {
    width: 52vw;
    margin-top: -278px;
  }

  .welcome-scene-image4 {
    width: 23vw;
    margin-top: -271px;
    margin-left: -40px;
  }

  .welcome-scene-image5._1 {
    width: 13vw;
    margin-top: -242px;
    margin-left: 31px;
  }

  .welcome-scene-image5._1.story, .welcome-scene-image5.story {
    width: 17vw;
  }

  .welcome-scene-image5.right {
    width: 13vw;
    margin-top: -201px;
    margin-right: 26px;
  }

  .image-9 {
    width: 24vw;
    margin-top: 475px;
  }

  .welcome-about {
    margin-top: 106px;
    padding-top: 0;
  }

  .welcome-about-first-part {
    flex-wrap: wrap;
    height: auto;
  }

  .welcome-about-first-part.second {
    flex-flow: row-reverse wrap-reverse;
    height: auto;
    padding-bottom: 70px;
  }

  .welcome-about-first-part-column1 {
    width: 100%;
    height: 54vh;
  }

  .welcome-about-first-part-column1._1 {
    width: 100%;
    height: auto;
  }

  .welcome-about-first-part-column1._1.mobile {
    height: 84vh;
    margin-top: 71px;
    padding-top: 25px;
    padding-bottom: 29px;
  }

  .welcome-about-first-part-column1.first {
    width: 100%;
    height: 65vh;
  }

  .welcome-about-first-part-column1.last.second {
    z-index: 1;
    height: 58vh;
    margin-top: 46px;
  }

  .welcome-about-photo1 {
    width: 83%;
    position: static;
  }

  .welcome-about-photo1._2.left {
    position: static;
  }

  .welcome-about-photo1._3 {
    display: block;
    position: static;
  }

  .welcome-about-body1 {
    text-align: left;
    width: 70%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 5.2vw;
    line-height: 13vw;
    display: block;
  }

  .welcome-about-body1.second {
    text-align: right;
    width: 70%;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 5.4vw;
  }

  .welcome-about-middle-mosaic {
    flex-wrap: wrap;
    margin-top: 97px;
  }

  .welcome-scene-image7 {
    width: 29vw;
    margin-bottom: 212px;
  }

  .welcome-scene-image8 {
    width: 18vw;
    margin-bottom: 218px;
  }

  .projects-fixed-header {
    z-index: 3;
    height: 100vh;
  }

  .projects-header-highlight.projects-header-highlight1 {
    font-size: 8vw;
  }

  .projects-header-highlight.projects-header-highlight2 {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 16.25vw;
    display: inline;
    bottom: 2px;
  }

  .welcome-bottom-highlight {
    padding-left: 11px;
    font-size: 14.2vw;
  }

  .mainmenu {
    display: none;
  }

  .beigemenu-nav-links {
    flex-direction: column;
    width: 55%;
    margin-top: 38px;
    padding-top: 29px;
    padding-bottom: 14px;
  }

  .beigemenu-link-block {
    letter-spacing: 2px;
    width: 55%;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .beigemenu-link-block.w--current {
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
  }

  .beigemenu-nav-link-text {
    font-size: 12px;
  }

  .beigemenu-logo-block {
    padding-left: 0;
    padding-right: 0;
    top: 80px;
  }

  .beigemenu-logo {
    padding-left: 0;
    padding-right: 0;
    font-size: 17vw;
    line-height: 50px;
  }

  .beigemenu-tagline {
    letter-spacing: 4px;
    width: 76%;
    margin-top: 23px;
    font-size: 2.3vw;
    line-height: 20px;
  }

  .story-header-scene-image1 {
    width: 43vw;
    margin-bottom: 60px;
  }

  .story-header-scene-image2 {
    width: 14vw;
    margin-top: 116px;
    margin-left: -5px;
  }

  .story-header-scene-image3 {
    width: 20vw;
    margin-top: 102px;
    margin-bottom: 0;
    top: 0;
    bottom: auto;
    right: 0;
  }

  .story-header-scene-image5 {
    width: 17vw;
    margin-top: 98px;
    margin-left: -5px;
  }

  .story-header-scene-image6 {
    width: 36vw;
    margin-top: 0;
    margin-bottom: 21px;
    top: auto;
    bottom: 0;
    right: 0;
  }

  .story-first-section-scene-image1 {
    width: 50vw;
    margin-top: -16px;
  }

  .story-first-section-scene-image2 {
    width: 15vw;
    margin-bottom: 220px;
    margin-right: 38px;
  }

  .story-first-section-scene-image3 {
    width: 24.5vw;
    margin-top: 275px;
  }

  .story-first-section-scene-image4 {
    width: 45vw;
    margin-top: 114px;
    margin-left: 125px;
    transform: rotate(-2deg);
  }

  .story-transition-graphic-right1 {
    width: 22vw;
    margin-top: 257px;
  }

  .accident-transition-scene-image1 {
    width: 32vw;
    font-size: 35px;
  }

  .accident-transition-scene-image2 {
    width: 40vw;
  }

  .graduation-transition-scene-image1 {
    width: 39vw;
    margin-top: 92px;
  }

  .graduation-transition-scene-image3 {
    width: 37vw;
    margin-top: 24px;
    margin-right: 21px;
  }

  .graduation-transition-scene-image5 {
    width: 40vw;
  }

  .graduation-transition-scene-image6 {
    width: 14vw;
    margin-bottom: 215px;
    margin-left: 147px;
  }

  .accident-transition-scene-image3 {
    width: 34vw;
  }

  .image-13 {
    width: 33vw;
  }

  .world-header {
    z-index: 6;
    display: block;
  }

  .welcome-bottom-scene-image1 {
    width: 34vw;
    margin-bottom: 505px;
  }

  .welcome-bottom-scene-image2 {
    width: 14vw;
    margin-bottom: 611px;
  }

  .welcome-bottom-scene-image3 {
    width: 14vw;
    margin-bottom: 274px;
    margin-left: 113px;
  }

  .vibrancy-transition-scene-image1 {
    width: 55vw;
  }

  .vibrancy-transition-scene-image2 {
    width: 60vw;
    margin-left: -53px;
  }

  .vibrancy-transition-scene-image3 {
    width: 50vw;
  }

  .vibrancy-transition-scene-image4 {
    width: 17vw;
    margin-top: 4px;
  }

  .vibrancy-transition-scene-image5 {
    width: 30vw;
    margin-top: 104px;
  }

  .vibrancy-transition-scene-image6 {
    width: 17vw;
  }

  .tablet-welcome-header-logo {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 20vw;
    display: none;
  }

  .tablet-mobile-welcome-header-content-div {
    margin-top: 4px;
  }

  .tablet-welcome-header-tagline {
    letter-spacing: 5.5px;
    width: 80%;
    margin-top: 5px;
    font-size: 2.7vw;
    line-height: 6vw;
    display: none;
  }

  .tablet-mobile-fixed-bg {
    height: 100vh;
    display: flex;
  }

  .mask-2 {
    height: 100vh;
  }

  .footer-fixed-bg {
    z-index: 0;
    background-position: 39%;
    background-repeat: no-repeat;
    display: none;
  }

  .footer-fixed-bg.story {
    z-index: 1;
    display: block;
    inset: 0;
  }

  .footer-fixed-bg.story.world {
    z-index: 1;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    position: static;
  }

  .story-first-section-scene-image5 {
    width: 16vw;
    margin-bottom: 238px;
    margin-left: 42px;
  }

  .image-14 {
    width: 3vw;
  }

  .mobile-topnav-tagline {
    color: #fff;
    text-align: right;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    padding-top: 21px;
    padding-bottom: 21px;
    padding-right: 16px;
    font-size: 1.85vw;
    line-height: 13px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }

  .image-15 {
    width: 20px;
    height: 11px;
  }

  .image-16 {
    width: 76vw;
  }

  .image-17 {
    width: 80vw;
  }

  .mobile-world-header {
    z-index: 2;
    perspective: 1000px;
    letter-spacing: 4px;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-size: 12px;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .mobile-world-header-filler {
    height: 100vh;
    position: relative;
  }

  .image-18 {
    width: 4.25vw;
    height: 1vh;
    margin-top: 19px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
  }

  .world-mobile-header-text1 {
    color: #fff;
    text-align: center;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    width: 52%;
    margin-bottom: 13px;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.1vw;
    font-weight: 400;
    line-height: 23px;
    display: block;
  }

  .div-block-6 {
    z-index: 1;
    margin-top: 181px;
    margin-bottom: 181px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .text-block-7 {
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12.5vw;
    font-weight: 300;
    line-height: 19vw;
    display: block;
  }

  .mobile-world-header-inner-div {
    background-image: linear-gradient(#00000040, #00000040), linear-gradient(#0000 56%, #0c0b0b40), linear-gradient(#0000001f, #08080800 33%), radial-gradient(circle, #00000057, #07070700), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac5ea46e19b03_marcus-yves-world3.jpg");
    background-position: 0 0, 0 0, 0 0, 0 0, 50%;
    background-size: auto, auto, auto, auto, cover;
    width: 100vw;
    height: 100vh;
    display: block;
    position: absolute;
    inset: 0;
  }

  .welcome-about-highlight1 {
    margin-top: 38px;
    font-size: 4.2vw;
    line-height: 11.5vw;
  }

  .image-20 {
    width: 80vw;
  }

  .welcome-verde-logo-teaser {
    width: 58vw;
    margin: 39px auto 21px;
    display: block;
  }

  .image-21 {
    width: 70vw;
  }

  .background-solution {
    z-index: 1;
    background-color: #fefbf6;
    display: none;
    position: fixed;
    inset: 0;
  }

  .image-22 {
    width: 100vw;
    height: auto;
  }

  .image-23 {
    width: 75vw;
    position: relative;
  }

  .top-nav-logo-div {
    height: auto;
    margin-left: -11px;
  }

  .text-block-8 {
    letter-spacing: 1.9px;
    margin-top: 18px;
    margin-left: 4px;
  }

  .head-slide {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2646ef3e0f12433f59f587_yves-and-co-mobile-header.jpg");
    background-position: 37%;
    background-size: cover;
  }

  .head-slide._2 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e26470e3cb0f726c019886a_yves-and-co-mobile-header2.jpg");
  }

  .head-slide._3 {
    background-image: linear-gradient(#0000008f, #0000008f), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac546dce19d14_B7B48DCC-54C2-46D6-85DE-BBE25C9851EE.JPG");
    background-position: 0 0, 40%;
  }

  .head-slide._4 {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02d90e88c99e0f6fb597e7_yves-and-co-header-bg3.jpg");
    background-position: 0 0, 50%;
  }

  .head-slide._5 {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e26474dc8e5686981d9a3c1_yves-and-co-mobile-header1.jpg");
    background-position: 0 0, 50%;
  }

  .head-slide._7 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e26472b5f64034305ccc6fd_yves-and-co-mobile-header3.jpg");
  }

  .head-slide._6 {
    background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e0fdac7946b122a7ea5a4e5_y%26c-bts-full17.jpg");
  }

  .head-slide._8 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02d716ed2a275c8f55f94a_yves-and-co-header-bg2.jpg");
    background-position: 50%;
  }

  .bottom-bar {
    height: 24px;
  }

  .bottom-bar.top {
    height: 19px;
    display: block;
  }

  .bottom-bar.right, .bottom-bar.right.left {
    z-index: 4;
    width: 18px;
    display: block;
  }

  .top-nav-new {
    z-index: 9;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .top-nav-new-logo-div {
    align-items: center;
    width: 266px;
    height: 71px;
    margin-top: 12px;
    margin-left: 6px;
    padding-top: 9px;
    padding-bottom: 9px;
    display: flex;
  }

  .top-nav-new-logo-div.projects {
    text-align: center;
    width: 69px;
    position: fixed;
  }

  .bts-header {
    flex-direction: column;
    position: fixed;
  }

  .hamburger-icon {
    width: 75px;
    height: 75px;
    margin-top: 0;
    margin-right: 0;
  }

  .hamburger-icon.bts {
    margin-top: -2px;
    margin-left: -9px;
  }

  .hamburger-line {
    height: 1px;
  }

  .hamburger-line.projects {
    margin-left: 0;
  }

  .bts-header-inner-div {
    width: 80%;
    margin-top: 0;
  }

  .bts-intro-main-text {
    margin-top: 0;
    font-size: 8vw;
    line-height: 12vw;
  }

  .bts-marcus-quote-div {
    width: 80%;
    margin-top: 84px;
  }

  .bts-marcus-head-quote {
    width: 90%;
    margin-bottom: -4px;
    font-size: 12.5px;
    line-height: 24px;
  }

  .bts-marcus-name-head-quote {
    font-size: 11px;
  }

  .header-logo-div {
    background-size: contain;
    width: 198px;
    height: 40px;
    margin-top: 106px;
  }

  .header-logo-div.dark.bts {
    margin-top: 0;
  }

  .header-logo-tagline {
    letter-spacing: 2.1px;
  }

  .header-logo-tagline.dark {
    letter-spacing: 2px;
  }

  .lottie-animation {
    width: 19vw;
    margin: 0 auto -45px;
    position: absolute;
    inset: auto 0% 20%;
  }

  .projects-lottie {
    z-index: 1;
    width: 26vw;
    margin-bottom: 135px;
    margin-right: auto;
    inset: auto 0% 0%;
  }

  .projects-lottie.home {
    z-index: 2;
    width: 27vw;
    margin-bottom: 122px;
  }

  .projects-lottie.projects {
    width: 24vw;
    margin-bottom: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .lottie-animation-2 {
    width: 22vw;
    margin-left: auto;
    margin-right: auto;
  }

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

  .homeheader {
    z-index: 1;
    width: 92vw;
    height: 95vh;
    margin-top: 19px;
    margin-left: auto;
    margin-right: auto;
  }

  .homeheader-slider {
    width: 90vw;
  }

  .insidebody {
    width: 100%;
  }

  .header-nav-links {
    background-image: none;
  }

  .header-nav-link, .header-nav-link.projects {
    display: none;
  }

  .home-header-inner-div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -62px;
    display: flex;
  }

  .image-24 {
    display: none;
  }

  .text-block-9 {
    letter-spacing: 2.5px;
    margin-top: 16px;
    margin-left: 3px;
    font-size: 2.8vw;
    font-weight: 400;
  }

  .handmade-in-sm-signature {
    width: 90%;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
  }

  .santa-monica-text {
    letter-spacing: 2.25px;
    width: 87%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
    font-size: 10px;
  }

  .intro {
    padding-bottom: 47px;
  }

  .architect-brands-inner-div {
    width: 80%;
    margin-top: 138px;
    font-size: 16px;
  }

  .paragraph {
    width: 89%;
    margin-top: 21px;
    font-size: 22px;
    line-height: 33px;
  }

  .architect-brands-leaf {
    width: 31vw;
    top: -.5%;
  }

  .architect-brands-line {
    width: 116px;
  }

  .home-flowers-div {
    background-position: 0%;
    background-size: 800px;
    height: 300px;
    margin-top: 89px;
  }

  .design-as-a-language-section {
    margin-top: 28px;
  }

  .design-as-a-language-text-div {
    width: 79%;
    margin-top: 60px;
  }

  .design-as-a-language-headline {
    width: 83%;
    font-size: 29px;
    line-height: 42px;
  }

  .design-tool {
    width: 28vw;
    margin-top: -227px;
    top: -47%;
    right: 2%;
  }

  .components-div {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .components-text {
    letter-spacing: 4px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;
  }

  .components-blocks {
    width: 90%;
  }

  .components-blocks.powered {
    width: 100%;
  }

  .component-block {
    margin-left: 0;
    margin-right: 0;
  }

  .component-block.powered {
    margin-top: 23px;
    margin-left: -2px;
    margin-right: -2px;
  }

  .component-icon {
    background-size: 46px;
    width: 60px;
    height: 60px;
  }

  .component-icon.video {
    background-size: 46px;
  }

  .component-icon.photography {
    background-size: 43px;
  }

  .component-icon.copywriting {
    background-size: 40px;
  }

  .component-icon.social-media {
    background-size: 42px;
  }

  .component-icon.research, .component-icon.psychology, .component-icon.strategy, .component-icon.storytelling {
    background-size: contain;
    width: 30px;
    height: 30px;
  }

  .component-label {
    margin-top: -7px;
    font-size: 10.5px;
  }

  .component-plus-icon {
    margin-left: 10px;
    margin-right: 10px;
  }

  .component-plus-icon.process-arrow {
    filter: brightness(47%);
    width: 20px;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .language-powered-by-div {
    margin-top: 46px;
  }

  .tastemaker-strips1 {
    height: 600px;
  }

  .tastemaker-strips1.welcome {
    justify-content: center;
    height: 900px;
    margin-top: 172px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .mosaic-column {
    width: 40vw;
    margin-left: 9px;
    margin-right: 9px;
  }

  .mosaic-column.hide {
    display: none;
  }

  .mosaic-column.sides.left {
    width: 24.56vw;
  }

  .mosaic-column.sides.right {
    width: 24.5vw;
  }

  .mosaic-column.hide-on-mobile {
    display: none;
  }

  .mosaic-block {
    width: 40vw;
    height: 40vw;
    margin-bottom: 20px;
  }

  .mosaic-block.eat4 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990529714dff6_alfred-coffee.jpg");
    background-size: cover;
    width: 37vw;
    height: 37vw;
  }

  .mosaic-block.eat5, .mosaic-block.eat6 {
    width: 37vw;
    height: 37vw;
  }

  .mosaic-block.eat6.tablet {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99089f614e004_waterfront.jpg");
    background-size: cover;
  }

  .mosaic-block.eat1 {
    width: 37vw;
    height: 37vw;
    margin-bottom: 35px;
  }

  .mosaic-block.eat1.mobile {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c99037df14e00a_chateau-marmont.jpg");
    background-size: cover;
    display: block;
  }

  .mosaic-block.eat1.mobile.last {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e09859aa0c990faa314e008_elephante.jpg");
    background-size: cover;
  }

  .mosaic-block.tall.right.watch11, .mosaic-block.tall.right.watch10, .mosaic-block.tall.right.watch14, .mosaic-block.tall.left-side.watch5, .mosaic-block.tall.left-side.watch3, .mosaic-block.tall.left-side.watch2 {
    height: 68vw;
  }

  .image-26 {
    margin-top: -9px;
  }

  .trust-section-part-1 {
    overflow: hidden;
  }

  .what-is-a-brand-text {
    width: 75%;
    font-size: 21px;
    line-height: 40px;
  }

  .it-means-trust-div {
    margin-top: 322px;
  }

  .it-means-trust-text {
    width: 61%;
    margin-left: auto;
    margin-right: auto;
    font-size: 37px;
    line-height: 45px;
  }

  .its-a-feeling-subtext {
    margin-top: 17px;
    font-size: 13.5px;
  }

  .create-trust-together-text {
    margin-top: 242px;
    font-size: 18px;
    line-height: 39px;
  }

  .trust-is-speaking-section {
    padding-bottom: 314px;
  }

  .trust-is-speaking-text {
    width: 60%;
    font-size: 19px;
    line-height: 35px;
  }

  .trust-message-row.right {
    margin-top: 199px;
  }

  .trust-message-row.right.integrity {
    margin-top: 206px;
  }

  .trust-message-row.accountability {
    margin-top: 314px;
  }

  .trust-message-image {
    width: 79vw;
    height: 51vw;
  }

  .trust-message-image.right {
    width: 62vw;
    height: 88vw;
    margin-right: 21px;
  }

  .trust-message-image.right.integrity {
    width: 74vw;
    height: 56vw;
  }

  .trust-message-image.accountability {
    width: 69vw;
    height: 51vw;
  }

  .trust-message-text-block {
    width: 80%;
    margin-left: 52px;
    padding-top: 74px;
    padding-bottom: 69px;
    padding-left: 33px;
    top: 24px;
  }

  .trust-message-text-block.right {
    z-index: 2;
    width: 83%;
    margin-right: -268px;
    top: 41px;
  }

  .trust-message-text-block.right.integrity {
    width: 81%;
    margin-right: -236px;
    top: -1px;
    right: 274px;
  }

  .trust-is-item-title {
    margin-right: 39px;
    font-size: 30px;
  }

  .trust-is-block-divider-line {
    width: 120px;
    margin-left: -56px;
  }

  .trust-is-block-divider-line.right.integrity {
    margin-left: 111px;
  }

  .trust-is-block-body-text {
    font-size: 15px;
  }

  .trust-is-block-body-text.right {
    width: auto;
    margin-right: 39px;
  }

  .mission-div {
    z-index: 0;
    width: 100%;
    margin-top: 147px;
  }

  .mission-top-text {
    z-index: 2;
    letter-spacing: 7px;
    font-size: 12px;
    position: relative;
  }

  .mission-text {
    z-index: 2;
    width: 65%;
    max-width: 650px;
    font-size: 20px;
    line-height: 37px;
    position: relative;
  }

  .home-projects-section {
    padding-bottom: 0;
  }

  .home-eucalyptus {
    width: 20vw;
    top: 14%;
  }

  .image-27 {
    margin-left: -58px;
  }

  .black-globe {
    width: 59vw;
    margin-left: -59px;
    bottom: 2%;
  }

  .image-29 {
    top: 38%;
  }

  .speaking-a-message-section {
    padding-top: 24px;
    padding-bottom: 198px;
  }

  .home-projects-intro-text {
    width: 65%;
    font-size: 17px;
    line-height: 34px;
  }

  .welcome-bottom-cta {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .make-impact-together-text {
    font-size: 25px;
  }

  .make-impact-together-button-blocks {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .welcome-bottom-button {
    width: 240px;
    margin-bottom: 27px;
  }

  .welcome-projects-row {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .project-desc-multi-button-div {
    flex-direction: column;
    width: 80%;
  }

  .main-menu-center-logo-div {
    margin-top: -88px;
  }

  .main-menu-logo {
    width: 69vw;
  }

  .text-block-11 {
    letter-spacing: 2.5px;
    font-size: 2.1vw;
  }

  .image-30 {
    display: none;
  }

  .below-header {
    z-index: 2;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .intro-div {
    display: none;
  }

  .bts-header-nav-links {
    z-index: 12;
    margin-top: 11px;
    margin-bottom: 0;
    position: absolute;
  }

  .bts-header-nav-link-blocks {
    display: none;
  }

  .image-32 {
    width: 67vw;
    display: block;
  }

  .mobile-header-hamburger {
    z-index: 2;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac55d27e19a8f_hamburger-icon.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 42px;
    width: 65px;
    height: 65px;
    margin-top: 37px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .mobile-header-hamburger.bts {
    z-index: 3;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e2e4ccf12d935e3b9f750a4_hamburger-icon-black.jpg");
    background-size: 38px;
    margin-top: 0;
    display: block;
    position: relative;
  }

  .background-video {
    background-image: linear-gradient(#0006, #0f0f0f00 51%), linear-gradient(#0000003d, #0000003d);
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .background-video.desktop {
    display: block;
  }

  .welcomeheaderlogodiv {
    margin-top: 35px;
  }

  .image-33 {
    width: 51vw;
  }

  .text-block-12 {
    letter-spacing: 2px;
    margin-top: 6px;
    font-size: 1.95vw;
    line-height: 4vw;
  }

  .welcomeheadernavlinks {
    display: none;
  }

  .welcomeheadermaincontent {
    width: 79%;
    margin-top: -42px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-14 {
    text-align: center;
    letter-spacing: 2.7px;
    font-size: 2.8vw;
    line-height: 3vw;
  }

  .heading {
    text-align: center;
    margin-bottom: 17px;
    font-size: 6.6vw;
    line-height: 10vw;
  }

  .welcomeheaderctabutton {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 14px;
  }

  .image-34 {
    margin-top: 0;
    transform: rotate(90deg);
  }

  .welcomeprojectsblocks.projects {
    margin-top: 0;
  }

  .projectblock {
    border-bottom: 21px solid #fff;
    border-radius: 0 0 45px 45px;
    flex-direction: column;
    margin-bottom: 11px;
  }

  .projectblock.flipped, .projectblock.flipped.shelf {
    flex-direction: column;
  }

  .projectblock.mobile-flip, .projectblock.mobile-flip.aims-360 {
    flex-direction: column-reverse;
  }

  .projectblock.whisper {
    flex-direction: column;
  }

  .projectblock.flipped2 {
    flex-direction: column-reverse;
  }

  .projectblockmain {
    background-color: #fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    width: 100%;
    height: 140vw;
    position: relative;
    top: 0;
  }

  .projectblockmain.chorus {
    height: 98vw;
  }

  .projectblockmain.aims360 {
    background-color: #8f2c70;
    width: 100%;
  }

  .projectblockmain.presence {
    background-color: #eceae2;
    position: relative;
  }

  .projectblockcontent {
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
    width: 100%;
    height: 130vw;
  }

  .projectblockcolorstrip {
    z-index: 2;
    flex-direction: row;
    width: 92%;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    inset: auto 0% 0%;
  }

  .projectblockcolorstrip.left {
    margin-left: 5px;
    margin-right: 4px;
    inset: 0% auto 0% 0%;
  }

  .projectblockcolorstrip.hide-mobile {
    display: none;
  }

  .projectblockcolorblock {
    width: 24%;
  }

  .projectblockmaintabs {
    height: 100%;
  }

  .slider-2 {
    border-radius: 45px;
  }

  .slide-nav-4 {
    background-image: linear-gradient(#0000, #0000002e);
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
    height: 76px;
    padding-top: 31px;
    font-size: 14px;
    inset: auto 0% 0%;
  }

  .projectblockcontentarrow {
    margin-top: 21px;
    margin-bottom: 27px;
    font-size: 27px;
    inset: auto 0% 0%;
  }

  .projectblockcontentslide {
    background-position: 34%;
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
  }

  .projectblockcontentslide._2.alfred, .projectblockcontentslide._3.aims360 {
    background-position: 50%;
  }

  .projectblockcontentslide.soli._2 {
    background-position: 50%;
  }

  .projectblockcontentslide.pure-malibu {
    background-position: 64%;
  }

  .projectblockcontentslide._6.pure-malibu {
    background-position: 50%;
  }

  .projectblockcontentslide.waiakea, .projectblockcontentslide.exp-trips {
    background-position: 50% 100%;
  }

  .projectblockcontentslide.kinoo-image._2, .projectblockcontentslide.kinoo-image._3, .projectblockcontentslide.kinoo-image._4 {
    background-position: 50%;
  }

  .projectblockcontentslide.chorus {
    background-position: 0%;
  }

  .projectblockcontentslide._4 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/6421d513a3b35505feb40311_presence-grid-image6.jpg");
    background-position: 0%;
    background-size: cover;
  }

  .projectblockcontentslide._4.huracan, .projectblockcontentslide._4.the-spoke {
    background-position: 50%;
  }

  .projectblockcontentslide._4.pure-malibu {
    background-position: 54%;
  }

  .projectblockcontentslide.soli, .projectblockcontentslide.soli._2, .projectblockcontentslide._6.pure-malibu {
    background-position: 50%;
  }

  .tab-link-tab-2 {
    width: 150px;
    margin-bottom: 52px;
    padding-left: 23px;
    font-size: 10px;
  }

  .tab-link-tab-2.light {
    margin-bottom: 40px;
    font-size: 11px;
  }

  .tab-link-tab-2.light.huracan {
    width: 152px;
  }

  .tab-link-tab-2.light.aims360-1 {
    width: 151px;
  }

  .tab-link-tab-2.light.soli {
    width: 152px;
  }

  .tab-link-tab-2.dark {
    color: #000000ab;
    width: 140px;
    height: 35px;
    margin-bottom: 50px;
    padding-top: 6px;
    padding-left: 26px;
    font-size: 10px;
  }

  .projectblockmaintab1 {
    background-color: #eceae2;
    background-size: 69%;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
  }

  .projectblockmaintab1.description.arabella1 {
    background-color: #700e15;
  }

  .projectblockmaintab1.description.pure-malibu1 {
    background-color: #ffaa97;
  }

  .projectblockmaintab1.description.your-voice1 {
    background-color: #934c82;
  }

  .projectblockmaintab1.description.alfred1 {
    background-color: #2e6367;
  }

  .projectblockmaintab1.description.alldyn1 {
    background-color: #242424;
  }

  .projectblockmaintab1.verde {
    background-position: 50% 31%;
    background-size: 129%;
  }

  .projectblockmaintab1.aeri {
    background-color: #0d1a94;
    background-size: 56%;
  }

  .projectblockmaintab1.the-spoke {
    background-color: #091a24;
    background-size: 60%;
  }

  .projectblockmaintab1.huracan {
    background-size: 85%;
  }

  .projectblockmaintab1.aims360 {
    background-color: #161a1f;
    background-position: 50% 46%;
    background-size: 78%;
  }

  .projectblockmaintab1.alfred {
    background-color: #2e6367;
    background-size: 77%;
  }

  .projectblockmaintab1.pure-malibu {
    background-color: #ffb4a4;
    background-size: 70%;
  }

  .projectblockmaintab1.your-voice {
    background-color: #934c82;
    background-size: 48%;
  }

  .projectblockmaintab1.lsx {
    background-color: #181717;
    background-size: 56%;
  }

  .projectblockmaintab1.welcome-us {
    background-color: #0f3447;
    background-size: 58%;
  }

  .projectblockmaintab1.cartel {
    background-color: #1d1a1a;
    background-size: 86%;
  }

  .projectblockmaintab1.nubocha {
    background-color: #6587b6;
    background-size: 68%;
  }

  .projectblockmaintab1.alldyn {
    background-color: #242424;
    background-size: 75%;
  }

  .projectblockmaintab1.refeed {
    background-color: #92a364;
    background-size: 77%;
  }

  .projectblockmaintab1.whisper {
    background-color: #7e58e7;
    background-size: 65%;
  }

  .projectblockmaintab1.shelf {
    background-color: #fc7e71;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5e02cc3b0b1ac59899e19aa3_shelf-logo.png"), linear-gradient(#fc748c, #fc7e71);
    background-position: 50% 46%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 63%, auto;
  }

  .projectblockmaintab1.arabella {
    background-color: #631117;
    background-size: 76%;
  }

  .projectblockmaintab1.steel-wool {
    background-color: #686868;
    background-size: 55%;
  }

  .projectblockmaintab1.waiakea {
    background-size: 61%;
  }

  .projectblockmaintab1.exp-trips {
    background-size: 52%;
  }

  .projectblockmaintab1.tutorall {
    background-color: #000;
    background-position: 50%;
    background-size: 65%;
  }

  .projectblockmaintab1.universe {
    background-position: 50%;
    background-size: 44%;
  }

  .projectblockmaintab1.chorus {
    background-size: cover;
  }

  .projectblockmaintab1.kinoo {
    background-color: #f7f7f7;
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640c09aa90971b291af62de0_Kinoo-Logo-OFFICIAL-color.png");
    background-size: 64%;
  }

  .projectblockmaintab1.gelato-festival, .projectblockmaintab1.superior-stage-crew {
    background-position: 50%;
    background-size: 72%;
  }

  .projectblockmaintab1.dr-lori {
    background-size: 81%;
  }

  .projectblockmaintab1._2xd {
    background-position: 50%, 50% 45%;
    background-size: 75%, cover;
  }

  .projectblockmaintab1.description {
    background-color: #fa9f8c00;
  }

  .projectblockmaintab1.description.chorus1 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640b8b9010f75f84680e3639_chorus-image1.jpg");
    background-position: 0 0;
    background-size: cover;
  }

  .projectblockmaintab1.description.verde-desc {
    background-color: #eceae200;
  }

  .projectblockmaintab1.description.kinoo1 {
    background-color: #f7f7f7;
  }

  .projectblockmaintab1.description.welcome {
    background-color: #0f3447;
  }

  .projectblockmaintab1.description.exp-trips1 {
    background-color: #6fa899;
  }

  .projectblockmaintab1.description._2xd1 {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640e51e5aa9c34385a7b4f89_2xd-grid-bg-image.png");
    background-position: 0 0;
    background-size: cover;
  }

  .projectblockmaintab1.description.gelato-festival1 {
    background-color: #80c4b7;
  }

  .projectblockmaintab1.description.whisper1 {
    background-color: #6e42f5;
  }

  .tab-link-tab-1 {
    height: 34px;
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 11px;
  }

  .projectblockarrowblock {
    z-index: 2;
    opacity: 1;
    display: none;
  }

  .projectdesclogoblock {
    width: 27vw;
    height: 15vw;
    margin-top: -13px;
    margin-bottom: 4px;
    display: block;
  }

  .projectdesclogoblock.verde {
    width: 30vw;
    height: 22vw;
  }

  .projectdesclogoblock.soli {
    height: 10vw;
    margin-bottom: 10px;
  }

  .projectdesclogoblock.the-spoke {
    width: 29vw;
    height: 14vw;
  }

  .projectdesclogoblock.huracan {
    width: 31vw;
    height: 11vw;
  }

  .projectdesclogoblock.aims360 {
    width: 41%;
  }

  .projectdesclogoblock.your-voice {
    width: 27vw;
    height: 18vw;
    margin-bottom: 8px;
  }

  .projectdesclogoblock.lsx {
    width: 23vw;
    margin-bottom: -1px;
  }

  .projectdesclogoblock.cartel {
    width: 33vw;
  }

  .projectdesclogoblock.arabella {
    width: 32vw;
    height: 12vw;
    margin-bottom: 2px;
  }

  .projectdesclogoblock.alldyn {
    width: 31vw;
  }

  .projectdesclogoblock.refeed {
    width: 30vw;
  }

  .projectdesclogoblock.waiakea {
    background-size: 90%;
  }

  .projectdesclogoblock.alfred {
    height: 17vw;
    margin-bottom: -5px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .projectdesclogoblock.kinoo {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640c09aa90971b291af62de0_Kinoo-Logo-OFFICIAL-color.png");
    width: 79px;
    height: 38px;
    display: block;
  }

  .projectdesclogoblock.pure-malibu {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc1959614179130fa2aa18f_pure-malibu-logo-white.png");
    width: 30vw;
    height: 11vw;
    margin-bottom: 2px;
  }

  .projectdesclogoblock.chorus {
    width: 31vw;
    margin-bottom: -4px;
  }

  .projectdesclogoblock.presence {
    width: 28vw;
    margin-bottom: 10px;
  }

  .projectdesclogoblock.private-resolutions {
    width: 160px;
  }

  .projectdesclogoblock.dr-lori {
    background-size: 80%;
  }

  .projectdesclogoblock.ssc {
    width: 144px;
  }

  .projectblockdesctext {
    width: 71%;
    margin-top: 9px;
    margin-bottom: 12px;
    font-size: 3.3vw;
    line-height: 6.2vw;
  }

  .projectblockdesctext.light {
    width: 71%;
    font-size: 3.2vw;
  }

  .projectblockcasestudybutton {
    background-color: #cf802c00;
    width: 200px;
    margin-top: 11px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 10px;
  }

  .projectblockcasestudybutton.dark.presence {
    width: 205px;
    padding-left: 16px;
    font-size: 10px;
  }

  .projectblockcasestudybutton.pure-malibu.coming-soon {
    opacity: .37;
  }

  .projectblockcasestudybutton.private-resolutions {
    width: 268px;
  }

  .projectblockcasestudybutton.gelato-festival {
    width: 250px;
  }

  .projectblockcasestudybutton.coming-soon {
    width: 232px;
  }

  .text-block-16 {
    font-size: 9px;
  }

  .image-35 {
    width: 8px;
  }

  .projectblocktabinsidecontainer {
    padding-top: 0;
  }

  .image-36 {
    margin-bottom: -18px;
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0%;
    transform: rotate(90deg);
  }

  .image-36.left {
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0%;
    transform: rotate(-90deg);
  }

  .projectsmenubutton {
    margin-bottom: 42px;
    inset: auto 0% 0% auto;
  }

  .text-block-19 {
    letter-spacing: 2px;
    font-size: 11px;
    line-height: 3vw;
  }

  .projectsheader {
    height: 106vh;
  }

  .projectsheadline.projects {
    width: 82%;
    font-size: 6.4vw;
    line-height: 9.8vw;
  }

  .divider-line-orange {
    width: 50px;
    height: 2px;
  }

  .text-block-23 {
    width: 76%;
    font-size: 3.8vw;
    line-height: 6.9vw;
  }

  .image-41.show {
    width: 79vw;
    margin-bottom: 37px;
    margin-right: -74px;
  }

  .text-block-24 {
    color: #cec5af;
    margin-top: 35px;
    margin-left: 30px;
    margin-right: 14px;
    font-size: 5vw;
    inset: 0% auto auto 0%;
  }

  .text-block-24.verde, .text-block-24.the-spoke {
    margin-left: 30px;
  }

  .text-block-24.cartel {
    margin-top: 35px;
    margin-left: 30px;
  }

  .text-block-24.nubocha {
    color: #85ade4;
    inset: 0% auto auto 0%;
  }

  .text-block-24.shelf {
    color: #ffa4b1;
    inset: 0% auto auto 0%;
  }

  .text-block-24.steel-wool {
    color: #4b4b4b;
  }

  .text-block-24.exp-trips {
    color: #9ccfc2;
  }

  .text-block-24.tutorall {
    color: #5c5c5c;
  }

  .text-block-24.aims {
    color: #54585d;
  }

  .casestudyviewallprogresscombo.projects {
    display: none;
  }

  .lottie-animation-4 {
    width: 26vw;
  }

  .video-overlay {
    background-color: #00000069;
  }

  .image-43 {
    width: 66vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .storysectiongridline {
    background-color: #ffffff0d;
  }

  .storysectiongridline.white {
    background-color: #eee;
  }

  .text-block-34 {
    width: 64%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 24px;
  }

  .divider-line-2 {
    margin-top: 20px;
  }

  .project-industry-div-block {
    margin-bottom: 4vw;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .project-industry-div-block.mobile {
    width: 205px;
    margin-top: 37px;
    padding-top: 13px;
    padding-bottom: 13px;
    display: block;
    inset: 0% 0% auto;
  }

  .project-industry-div-block.mobile.verde {
    width: 220px;
  }

  .project-industry-div-block.mobile.kinoo {
    background-color: #4c62ad;
  }

  .project-industry-div-block.mobile.huracan {
    width: 218px;
  }

  .project-industry-div-block.mobile.your-voice {
    width: 220px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-industry-div-block.mobile.arabella {
    width: 200px;
  }

  .project-industry-div-block.mobile.presence {
    background-color: #cf822e;
    display: block;
  }

  .project-industry-div-block.mobile.kinoo {
    background-color: #4c62ad;
    background-image: none;
  }

  .project-industry-div-block.mobile.pure-malibu {
    background-color: #ffb9aa;
  }

  .text-block-35 {
    margin-bottom: 3px;
    font-size: 8px;
    line-height: 12px;
  }

  .industry-text {
    font-size: 14px;
  }

  .div-block-16 {
    width: 22px;
    height: 22px;
    margin-top: 42px;
    display: flex;
  }

  .homewhatwedosection {
    border-radius: 45px;
    width: 94%;
    height: 152vw;
  }

  .what-we-do-tabs-menu {
    flex-wrap: wrap;
    justify-content: center;
    width: 84%;
    margin-bottom: -122px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-what-we-do-tabs, .tabs-content-2, .home-what-we-do-tab, .home-what-we-do-tab.photo-video {
    border-radius: 45px;
  }

  .what-we-do-tab-inside-div {
    width: 220px;
    padding-left: 0;
    padding-right: 0;
  }

  .what-we-do-tab-inside-div.brands {
    width: 200px;
  }

  .what-we-do-tab-inside-container {
    border-radius: 45px;
  }

  .heading-5 {
    width: 61%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-5.brands {
    width: 64%;
  }

  .heading-5.photo-video {
    width: 72%;
  }

  .what-we-do-tab-link {
    margin-bottom: 11px;
  }

  .home-press-block {
    width: 29%;
    margin-left: 4px;
    margin-right: 4px;
  }

  .home-press-block.the-verge {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640bd69384373f22f5653b56_The_Verge_logo.svg");
    background-size: 64%;
    display: block;
  }

  .text-block-38 {
    z-index: 5;
    width: 77%;
    margin-top: 182px;
    position: relative;
  }

  .today-show-callout {
    background-image: none;
    border-radius: 32px;
    box-shadow: 0 10px 70px #0003;
  }

  .today-show-callout:hover {
    box-shadow: 0 19px 70px #0003;
  }

  .press-showcase-two-block {
    flex-direction: column;
  }

  .press-showcase-callout2 {
    width: 100%;
    margin-bottom: 37px;
  }

  .press-showcase-callout2:hover, .press-showcase-callout2._2:hover {
    box-shadow: 0 19px 70px #0003;
  }

  .text-block-39 {
    width: 74%;
    font-size: 17px;
    line-height: 26px;
  }

  .home-more-projects-blocks-buttons.bts {
    z-index: 2;
    flex-direction: column;
    margin-top: -27px;
    margin-bottom: 53px;
    position: relative;
  }

  .home-more-projects-blocks-buttons.hide {
    flex-direction: column;
  }

  .more-projects-button._2 {
    margin-top: 16px;
  }

  .image-52 {
    display: none;
  }

  .image-53, .image-54 {
    border-radius: 20px;
  }

  .image-55 {
    width: 24vw;
    margin-top: -89px;
    margin-left: -43px;
  }

  .image-55._2 {
    width: 27vw;
    margin-top: 172px;
    margin-right: -16px;
  }

  .text-block-43 {
    font-size: 10px;
  }

  .image-56 {
    width: 12px;
    margin-right: 4px;
  }

  .mobile-header {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .div-block-18 {
    box-shadow: none;
    border-radius: 0 0 45px 45px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .mask-4 {
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
  }

  .mobile-today-show-callout {
    border-radius: 31px;
    display: block;
  }

  .industries {
    z-index: 5;
    width: 91.5%;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .industry-block {
    width: 50%;
    height: 27vw;
  }

  .industry-label {
    letter-spacing: 3px;
    font-size: 11.25px;
    font-weight: 900;
  }

  .text-block-45 {
    width: 89%;
    max-width: 266px;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
  }

  .bts-cta {
    width: 89vw;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .bts-cta-bg {
    z-index: 1;
    height: 122%;
    margin-top: -88px;
  }

  .heading-6 {
    margin-top: -16px;
    font-size: 8.5vw;
    line-height: 11vw;
  }

  .bts-cta-button {
    padding-left: 24px;
    padding-right: 20px;
  }

  .image-57 {
    width: 18px;
  }

  .text-block-46 {
    font-size: 13px;
  }

  .capabilities {
    width: 94%;
    max-width: 300px;
  }

  .capabilitiestopdiv {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 53px;
  }

  .text-block-48 {
    text-align: center;
    font-size: 26px;
  }

  .text-block-49 {
    text-align: center;
  }

  .capabilitiesblocks {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .capabilitiesblock {
    margin-bottom: 34px;
    margin-right: -3px;
  }

  .capabilitiessectiontitle {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .capabilitiestextlineitem {
    font-size: 12px;
  }

  .capabilities-dash {
    display: none;
  }

  .projectblocktabinsidecontainer-2 {
    padding-top: 0;
  }

  .welcomeprojectsblocks-2 {
    z-index: 0;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .text-block-51 {
    font-size: 9px;
  }

  .projectblockmaintabs-2 {
    height: 100%;
  }

  .projectblockcontent-2 {
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
    width: 100%;
    height: 130vw;
  }

  .projectblockdesctext-2 {
    width: 71%;
    margin-top: 9px;
    margin-bottom: 12px;
    font-size: 3.25vw;
    line-height: 6.25vw;
  }

  .projectblockdesctext-2.light {
    width: 71%;
    font-size: 3.1vw;
    line-height: 6.1vw;
  }

  .tab-link-tab-1-2 {
    opacity: .59;
    height: 34px;
    margin-top: -4px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 11px;
  }

  .projectdesclogoblock-2 {
    width: 27vw;
    height: 15vw;
    margin-top: -13px;
    margin-bottom: 4px;
    display: block;
  }

  .projectdesclogoblock-2.lsx {
    background-size: 76%;
    width: 23vw;
    margin-bottom: 5px;
  }

  .projectdesclogoblock-2.refeed {
    width: 30vw;
  }

  .projectdesclogoblock-2.kinoo {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/640c09aa90971b291af62de0_Kinoo-Logo-OFFICIAL-color.png");
    background-size: 72%;
    width: 79px;
    height: 38px;
    display: block;
  }

  .projectdesclogoblock-2.alldyn {
    width: 31vw;
  }

  .projectdesclogoblock-2.the-spoke {
    background-size: 70%;
    width: 29vw;
    height: 14vw;
  }

  .projectdesclogoblock-2.arabella {
    background-size: 98%;
    width: 32vw;
    height: 12vw;
    margin-bottom: 2px;
  }

  .projectdesclogoblock-2.chorus {
    width: 31vw;
    margin-bottom: -4px;
  }

  .projectdesclogoblock-2.soli {
    background-size: 71%;
    height: 10vw;
    margin-bottom: 10px;
  }

  .projectdesclogoblock-2.alfred {
    background-size: 99%;
    height: 17vw;
    margin-bottom: -14px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .projectdesclogoblock-2.aims360 {
    width: 41%;
  }

  .projectdesclogoblock-2.verde {
    background-position: 50% 100%;
    background-size: 71%;
    width: 30vw;
    height: 22vw;
  }

  .projectdesclogoblock-2.huracan {
    background-size: 94%;
    width: 31vw;
    height: 11vw;
    margin-bottom: 10px;
  }

  .projectdesclogoblock-2.pure-malibu {
    background-image: url("https://cdn.prod.website-files.com/5e02cc3b0b1ac55b0be1995e/5fc1959614179130fa2aa18f_pure-malibu-logo-white.png");
    width: 30vw;
    height: 11vw;
    margin-bottom: 2px;
    display: none;
  }

  .projectdesclogoblock-2.your-voice {
    background-size: 54%;
    width: 27vw;
    height: 18vw;
    margin-bottom: 0;
  }

  .projectdesclogoblock-2.presence {
    background-size: 87%;
    width: 28vw;
    margin-bottom: 10px;
  }

  .projectdesclogoblock-2.cartel {
    background-size: 114%;
    width: 33vw;
    margin-bottom: -2px;
  }

  .projectdesclogoblock-2.welcome-us {
    background-size: 63%;
  }

  .projectdesclogoblock-2.nubocha {
    background-size: 53%;
    margin-bottom: -2px;
  }

  .projectdesclogoblock-2.shelf {
    background-size: 91%;
  }

  .projectdesclogoblock-2.private-resolutions {
    background-size: 95%;
    width: 160px;
  }

  .projectdesclogoblock-2.ssc {
    width: 144px;
  }

  .projectdesclogoblock-2._2xd {
    width: 30vw;
  }

  .projectdesclogoblock-2.whisper {
    background-size: 95%;
  }

  .projectdesclogoblock-2.dr-lori {
    background-size: 80%;
  }

  .projectdesclogoblock-2.steel-wool {
    background-size: 82%;
  }

  .projectdesclogoblock-2.tutorall {
    background-size: 96%;
  }

  .projectdesclogoblock-2.waiakea {
    background-size: 84%;
  }

  .projectdesclogoblock-2.gelato-festival {
    background-size: 100%;
  }

  .projectdesclogoblock-2.universe {
    background-size: 56%;
  }

  .welcomeprojectsblocks-3 {
    z-index: 0;
    width: 93vw;
    position: relative;
  }

  .welcomeprojectsblocks-3.projects {
    z-index: 0;
    width: 90vw;
    margin-top: 0;
    position: relative;
  }
}