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;
}

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;
}

:root {
  --white: white;
  --dark-olive-green: #424c14;
  --gold: #e5d14b;
  --dark-red: #a00003;
  --steel-blue: #347dc5;
  --light-sea-green-2: #e9f8f7;
  --light-sea-green: #239c92;
  --black: #333;
  --cbs-blue: #0b57a3;
  --khaki: #c5d583;
  --_base---color-neutral--800: #262626;
  --boxful: #00c4b3;
  --olive-drab: #808f42;
  --midnight-blue: #00305f;
  --angels-red: #f60105;
  --_base---font-family--body: "Hanken Grotesk", sans-serif;
  --_base---color-neutral--600: #525252;
  --_responsive---font-size-body--default: 16px;
  --_responsive---line-height--default: 24px;
  --_base---color-neutral--white: #fff;
  --_base---color-neutral--100: #f5f5f5;
  --toby-red: #f27d80;
  --_base---color-neutral--300: #b6b5b5;
  --misty-rose: #ffe6e6;
  --_responsive---font-size-heading--h4: 32px;
  --_responsive---line-height--h4: 40px;
  --_base---font-family--heading: "Inria Serif", sans-serif;
  --_responsive---line-height--h5: 32px;
  --_responsive---font-size-heading--h3: 40px;
  --_responsive---line-height--h3: 48px;
  --dark-khaki: #a8b475;
  --light-yellow: #faffe5;
  --_base---color-neutral--black: #101010;
  --_base---font-family--data: Inconsolata, monospace;
  --_base---color-brand--jetsetter: #08558d;
  --_responsive---font-size-heading--h6: 20px;
  --_responsive---line-height--h6: 28px;
  --_base---color-brand--bettle: #03f29e;
  --_base---color-neutral--200: #e5e5e5;
  --_responsive---line-height--small: 20px;
  --_base---color-brand--400: #cad5e2;
  --_base---color-brand--pl: #0475fe;
  --_base---color-neutral--400: #999;
  --_responsive---font-size-heading--h5: 24px;
  --_responsive---font-size-heading--h1: 64px;
  --_responsive---line-height--h1: 80px;
  --_responsive---font-size-body--small: 12px;
  --_base---color-neutral--500: #858585;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.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;
}

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

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

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

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

h4 {
  color: #333;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 18px;
}

.body {
  background-color: var(--white);
  min-width: 100vw;
  height: 100vh;
}

.navbar {
  z-index: 6;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: fixed;
  inset: 0% 0 auto;
}

.navbar.ux {
  display: block;
  inset: 0% 0% auto;
}

.navbar.work {
  width: 100%;
}

.navbar.homepage {
  display: block;
}

.nav-link {
  height: 48px;
  color: var(--dark-olive-green);
  padding-left: 16px;
  padding-right: 16px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: inline-block;
  position: relative;
  top: -6px;
}

.nav-link:hover {
  text-decoration: underline;
}

.nav-link:active {
  color: var(--gold);
  font-weight: 500;
  text-decoration: none;
}

.nav-link.ux {
  color: var(--dark-red);
  display: none;
}

.nav-link.cbs {
  color: var(--steel-blue);
  display: none;
}

.nav-link.cbs:hover {
  color: var(--light-sea-green-2);
}

.nav-link.branding, .nav-link.darkgreen {
  color: var(--light-sea-green);
  display: none;
}

.nav-link.st {
  color: var(--black);
  display: none;
}

.nav-link-2 {
  height: 48px;
  color: var(--dark-olive-green);
  padding-left: 16px;
  padding-right: 16px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 400;
  text-decoration: none;
  top: -6px;
}

.nav-link-2:hover {
  text-decoration: underline;
}

.nav-link-2:active {
  color: var(--gold);
  font-weight: 500;
  text-decoration: none;
}

.nav-link-2.ux {
  color: var(--dark-red);
}

.nav-link-2.cbs {
  color: var(--steel-blue);
}

.nav-link-2.cbs:hover {
  color: var(--light-sea-green-2);
}

.nav-link-2.branding, .nav-link-2.darkgreen {
  color: var(--light-sea-green);
}

.nav-link-2.st {
  color: var(--black);
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  top: 0;
}

.nav-link-2.st.about {
  display: flex;
}

.nav-link-2.yanyan {
  color: #cec100;
}

.nav-link-3 {
  height: 48px;
  color: var(--dark-olive-green);
  padding-left: 16px;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  top: -6px;
}

.nav-link-3:hover {
  text-decoration: underline;
}

.nav-link-3:active {
  color: var(--gold);
  font-weight: 500;
  text-decoration: none;
}

.nav-link-3.ux {
  color: var(--dark-red);
  display: none;
}

.nav-link-3.cbs {
  color: var(--steel-blue);
  display: none;
}

.nav-link-3.cbs:hover {
  color: var(--light-sea-green-2);
}

.nav-link-3.branding, .nav-link-3.darkgreen {
  color: var(--light-sea-green);
  display: none;
}

.nav-link-3.st {
  color: var(--black);
  display: none;
}

.brand {
  height: 100%;
  margin-left: 40px;
  text-decoration: none;
}

.container {
  width: 100%;
  height: 48px;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
}

.container.painpoint {
  border: 1px solid #333;
  height: auto;
  margin-bottom: 0;
  padding: 30px;
  position: static;
}

.container.painpoint.key {
  color: #333;
  border-color: #333;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.container.painpoint._2 {
  margin-bottom: 0;
}

.container.painpoint.conclusion {
  color: #999;
  border-color: #666;
  padding-top: 20px;
  padding-bottom: 40px;
}

.container.painpoint.update {
  border-color: var(--cbs-blue);
  margin-top: 30px;
}

.container.painpoint._1 {
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 60px;
  padding: 0;
  display: flex;
}

.text-block {
  color: var(--khaki);
  letter-spacing: .25px;
  padding-top: 14px;
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 700;
}

.text-block.ux {
  color: var(--_base---color-neutral--800);
  font-family: Inria Serif, sans-serif;
  text-decoration: none;
}

.text-block._2way {
  color: var(--dark-red);
}

.text-block.cbs {
  color: var(--steel-blue);
}

.text-block.st-sat {
  color: var(--black);
}

.text-block.yanyan {
  color: #cec100;
}

._900_contain {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  width: 900px;
  height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

._900_contain.work {
  background-color: var(--white);
  align-items: center;
  height: 300px;
  margin-top: 40px;
  display: flex;
  top: 40px;
}

._900_contain.work:hover {
  box-shadow: 0 -1px 10px 4px #0003;
}

._900_contain.work.bxfl {
  flex-direction: row;
  margin-top: 0;
  text-decoration: none;
  top: 40px;
}

._900_contain.work.branding {
  flex-direction: row;
  display: flex;
  top: 40px;
}

._900_contain.work.cbs {
  flex-direction: row;
  align-items: center;
  top: 40px;
}

._900_contain.work.st-sat {
  flex-direction: row;
}

._900_contain.work.ohtani {
  flex-direction: row;
  text-decoration: none;
}

._900_contain.footer {
  height: auto;
  display: flex;
}

._900_contain.mainlanding {
  justify-content: center;
}

._900_contain.mobile {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._900_contain.content {
  clear: none;
  flex-flow: column;
  width: 900px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

._900_contain.content.about {
  padding-top: 0;
}

._900_contain.ux.hero {
  flex-direction: row;
  display: none;
}

._900_contain._2way {
  flex-direction: row;
  width: 900px;
  display: flex;
}

._900_contain.overview {
  clear: none;
  width: 900px;
  max-width: none;
  position: static;
}

._900_contain.cbs {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

._900_contain.cbs.st-sat._2014 {
  text-align: left;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 900px;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
}

._900_contain.title {
  background-color: var(--cbs-blue);
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}

._900_contain.yanyan {
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
}

.text-landing {
  width: 100%;
  color: var(--white);
  text-align: center;
  margin-top: 24vw;
  margin-left: auto;
  margin-right: auto;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 44px;
}

.text-landing.head {
  flex: 0 auto;
  width: 60%;
  margin-top: 0%;
  font-size: 32px;
  line-height: 40px;
  display: block;
}

.text-landing.subhead {
  color: var(--dark-olive-green);
  font-size: 28px;
  line-height: 36px;
  position: relative;
}

.nav-menu {
  float: right;
  clear: none;
  height: 48px;
  margin-right: 40px;
  font-size: 16px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.landingwrapper {
  background-color: var(--boxful);
  height: 400px;
}

.landingwrapper.ux {
  clear: none;
  background-color: var(--light-sea-green-2);
  justify-content: center;
  align-items: stretch;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.landingwrapper.ux.template {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/612e35e315b8ee379609e4b5_Browser%20Collage.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  margin-top: 0;
  overflow: hidden;
}

.landingwrapper._2way {
  background-color: #0000;
  background-image: linear-gradient(270deg, #000c 52%, #0000 71%), url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e40edf8e2e0714cf39e0b6a_la-1521751644-y5pb17bmi6-snap-image.jpg");
  background-position: 0 0, 50% 20%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 100vw;
  justify-content: flex-end;
  height: 448px;
  display: flex;
}

.landingwrapper.cbs {
  background-color: var(--steel-blue);
  height: 400px;
  color: var(--cbs-blue);
  padding-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
}

.landingwrapper.st-sat {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6a358710c7ceaf29c122ad42_ST%26SAT_hero.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.landingwrapper.st-sat._2014 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e664ba1a8442c9e87cdff56_2014_3%2Bblue.jpg");
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.landingwrapper.home {
  background-color: var(--olive-drab);
  display: none;
}

.div-block-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  margin-top: 0%;
  padding-top: 15%;
  padding-bottom: 15%;
  display: block;
}

.text-block-2 {
  color: var(--khaki);
  text-align: center;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: flex;
}

.divideline {
  background-color: var(--khaki);
  border-bottom: 4px #000;
  flex: 1;
  width: 32px;
  height: 4px;
  margin: 14px auto;
  position: relative;
}

.imagework {
  border: 6px solid var(--white);
  background-color: var(--boxful);
  width: 50%;
  height: 100%;
  color: var(--boxful);
}

.imagework.bxfl {
  background-color: var(--light-sea-green-2);
  color: #0000;
}

.imagework.bxfl:hover {
  background-color: var(--boxful);
  color: var(--black);
  border-width: 6px;
}

.imagework.branding:hover {
  background-color: var(--light-sea-green);
}

.imagework.cbs {
  background-color: var(--cbs-blue);
}

.imagework.cbs:hover {
  background-color: var(--midnight-blue);
}

.imagework.st-sat {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e35761ff4dd5393fc32a414_2016_1.jpg");
  background-position: 45% 33%;
  background-size: 600px;
}

.imagework.st-sat:hover {
  background-image: linear-gradient(#00000040, #00000040), url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e35761ff4dd5393fc32a414_2016_1.jpg");
  background-position: 0 0, 45% 33%;
  background-size: auto, 600px;
}

.imagework.ohtani {
  background-color: #0000;
}

.image {
  width: auto;
  max-width: 130%;
  margin-left: -67px;
  margin-right: auto;
  padding-top: 12px;
  padding-left: 0;
}

.image:hover {
  max-width: 140%;
  margin-left: -86px;
  padding-top: 0;
}

.image.bxfl:hover {
  max-width: 130%;
  margin-left: -67px;
  padding-top: 12px;
}

.contentcontain {
  width: 50%;
}

.contentcontain.work {
  margin-top: 0;
  padding-left: 36px;
  padding-right: 20px;
}

.contentcontain.update {
  width: 100%;
}

.header {
  color: #333;
  margin-bottom: 32px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  text-decoration: none;
  display: block;
}

.header.bxful {
  color: var(--boxful);
  margin-top: -20px;
  font-size: 28px;
  line-height: 36px;
  text-decoration: none;
}

.header.cbs {
  color: var(--cbs-blue);
  line-height: 36px;
}

.header.st-sat {
  line-height: 36px;
}

.header.ohtani {
  color: var(--angels-red);
  border: 1px #000;
  line-height: 36px;
  text-decoration: none;
}

.header.workpage {
  margin-bottom: 8px;
  font-size: 28px;
  line-height: 36px;
  display: block;
}

.header.workpage.journey, .header.workpage.lo-med.center, .header.workpage.site-map, .header.workpage.lean, .header.workpage.learn, .header.workpage.center {
  display: block;
}

.header.medium {
  color: #333;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 28px;
}

.header.medium.future {
  color: var(--white);
}

.header.medium._2018 {
  margin-bottom: 0;
}

.header.medium.mysolution {
  margin-bottom: 8px;
}

.header.medium._20px {
  margin-bottom: 20px;
}

.header.medium.overview {
  margin-bottom: 36px;
  font-size: 32px;
}

.header.imo {
  margin-bottom: 4px;
  display: block;
}

.header.solution {
  color: var(--white);
  margin-bottom: 0;
  display: block;
}

.header.white {
  color: var(--white);
}

.header.white.ohtani {
  margin-top: 0;
  display: block;
}

.subhead {
  z-index: 99;
  width: 100%;
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--600);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  position: relative;
}

.subhead.cbs {
  color: var(--light-sea-green-2);
}

.subhead.st-sat {
  color: #666;
  width: 100%;
  font-weight: 300;
}

.subhead.st-sat._2016 {
  justify-content: flex-end;
}

.subhead.st-sat._2014 {
  color: #666;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.subhead.ohtani {
  color: var(--dark-red);
}

.subhead.ohtani.template {
  color: var(--light-sea-green);
}

.subhead.yanyan {
  color: #e43525;
}

.subhead._80 {
  align-self: flex-start;
  width: 80%;
}

.subhead.white {
  color: var(--_base---color-neutral--white);
}

.subhead.b-vibe {
  margin-bottom: 16px;
}

.image-2 {
  width: 420px;
  max-width: none;
  margin-top: -18px;
  margin-left: 9px;
  padding-top: 0;
}

.workwrapper {
  background-color: #fafafa;
  height: 2000px;
  display: none;
  position: relative;
}

.div-block-4 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e353d949615a273cc6eea02_CBS-Cover-2020.png");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-4.ohtani {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e358616f4dd5380f7331346_Shohei2020.jpg");
  background-position: -105px 0;
  background-size: 765px;
}

.div-block-4.ohtani:hover {
  background-image: linear-gradient(#00000040, #00000040), url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e358616f4dd5380f7331346_Shohei2020.jpg");
  background-position: 0 0, -105px 0;
  background-size: auto, 765px;
}

.footerwrapper {
  background-color: #333;
  width: 100vw;
  height: 60px;
  display: none;
}

.div-block-5 {
  flex: 1;
  height: 100%;
}

.div-block-6 {
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-7 {
  flex: 1;
  height: 100%;
  display: block;
}

.text-block-3 {
  color: #999;
  text-align: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
}

.text-span {
  color: var(--white);
  text-decoration: underline;
}

.imageblock {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e378a297aa7cffaf1ada3ab_UX-animate-lightBlu.gif");
  background-position: 50% 0;
  background-size: cover;
  width: 65%;
  height: 100%;
}

.imageblock.work._2way {
  background-image: linear-gradient(#0000, #0000);
  width: 45%;
}

.imageblock.work.template {
  width: 100%;
  display: block;
}

.contentblock {
  width: 35%;
}

.contentblock.work._2way {
  align-self: center;
  width: auto;
  max-width: 650px;
  padding-top: 0;
  padding-right: 60px;
}

.contentblock.st-sat {
  text-align: right;
  width: 40%;
  margin-top: 75vh;
  position: relative;
  bottom: 0%;
}

.contentblock.st-sat._2016 {
  margin-top: 70vh;
}

.text-block-4 {
  transform: ;
  transform-origin: 50%;
}

.text-block-4.header {
  object-fit: fill;
  margin-top: 30%;
  margin-bottom: 20px;
  position: relative;
  overflow: visible;
}

.text-block-4.header.ux {
  color: var(--boxful);
  margin-top: 50%;
}

.text-block-4.header._2way {
  color: var(--angels-red);
  margin-top: 25%;
  line-height: 36px;
}

.overviewcontain {
  background-color: var(--boxful);
  width: 100vw;
  height: auto;
  color: var(--black);
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 36px;
  display: flex;
}

.overviewcontain.cbs {
  background-color: var(--steel-blue);
  padding-bottom: 40px;
}

.overviewcontain.branding {
  background-color: var(--light-sea-green);
  flex-direction: column;
}

.bannercontain {
  width: 45%;
}

.bannercontain.challenge {
  width: 100%;
  margin-bottom: 20px;
}

.bannercontain.challenge.cbs {
  margin-bottom: 40px;
}

.bannercontain.objective {
  width: 100%;
}

.bannercontain.issues {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.bannercontain.solution {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.bannercontain.solution._1, .bannercontain.solution._2 {
  width: 100%;
}

.categoryhead {
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 14px;
}

.categoryhead.sub {
  color: var(--white);
  margin-top: 6px;
  padding-top: 0;
  padding-left: 0;
  line-height: 20px;
}

.categoryhead.sub.bullet {
  line-height: 24px;
}

.categoryhead.head {
  color: var(--light-sea-green-2);
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  font-family: PT Serif, serif;
  font-size: 12px;
  font-style: normal;
}

.categoryhead.head.issues {
  color: var(--toby-red);
  padding-top: 0;
  display: flex;
}

.categoryhead.head.updates {
  color: var(--boxful);
  padding-top: 0;
}

.categoryhead.head.solution {
  color: var(--boxful);
  padding-top: 0;
  display: block;
}

.categoryhead.head.solution._2way {
  letter-spacing: normal;
  text-transform: none;
  font-size: 14px;
  font-style: normal;
  text-decoration: none;
}

.categoryhead.head.quickfix {
  color: #333;
  margin-bottom: 8px;
  font-weight: 500;
}

.categoryhead.white {
  color: #fff;
  letter-spacing: 4px;
  padding-top: 0;
  font-family: PT Serif, serif;
  font-size: 12px;
}

.categoryhead.cbs {
  color: #666;
  display: block;
}

.categoryhead.fantasy {
  color: #333;
  font-weight: 500;
}

.categoryhead.issues {
  color: var(--toby-red);
}

.categoryhead.scope {
  color: var(--boxful);
  letter-spacing: .5px;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
}

.categoryhead.research {
  color: #666;
  margin-top: 16px;
  margin-bottom: 10px;
}

.categoryhead.evolve {
  font-weight: 500;
}

.categoryhead.yanyan {
  color: #e43525;
  letter-spacing: 4px;
  font-family: PT Serif, serif;
}

.list {
  color: var(--white);
  margin-top: 6px;
  padding-left: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 26.5px;
}

.list.issues {
  color: #888;
  flex-direction: column;
  align-items: flex-start;
  list-style-type: decimal;
  display: flex;
}

.list.issues.solutiontext {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  list-style-type: square;
}

.list.updates {
  color: #888;
  list-style-type: square;
}

.list.updates._3 {
  margin-bottom: 0;
}

.list-item {
  color: var(--_base---color-neutral--600);
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  list-style-type: square;
}

.list-item-2 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  margin-top: 6px;
  margin-bottom: 0;
  font-weight: 400;
}

.list-item-3 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  margin-top: 6px;
  margin-bottom: 4px;
  font-weight: 400;
}

.contentwrapper {
  z-index: auto;
  background-color: var(--white);
  border-left: 1px solid #000;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.body-2 {
  height: auto;
}

.workpagewrap {
  justify-content: space-between;
  width: 100%;
  height: 400px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: 0;
  bottom: auto;
}

.workpagewrap.contentleft.prototypes {
  height: 400px;
}

.workpagewrap.contentleft.prototypes.lo-med {
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 60px;
}

.workpagewrap.contentleft.prototypes.hi {
  justify-content: space-between;
  height: 450px;
  margin-bottom: 60px;
}

.workpagewrap.comp {
  justify-content: center;
  height: 320px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: 0;
  left: 60px;
}

.workpagewrap.lean {
  z-index: auto;
  justify-content: space-between;
  width: 100%;
  height: 400px;
  margin-top: 24px;
  margin-bottom: 0;
  top: 0;
  left: 0;
}

.workpagewrap.lean.test {
  flex: 0 auto;
  width: 900px;
  height: 40vh;
}

.workpagewrap.check {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border: 1px #888;
  flex-direction: column;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.workpagewrap.sitemap {
  justify-content: space-between;
  height: 400px;
  margin-bottom: 100px;
  top: 0;
}

.workpagewrap.journey {
  justify-content: space-between;
  align-items: stretch;
  height: 400px;
  margin-bottom: 0;
  top: 0;
}

.workpagewrap.portrait {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
}

.workpagewrap.account {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  height: auto;
}

.div-block-9 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e379c9c7aa7cf2c5eae0dcf_LEAN-UX.png");
  background-position: 50%;
  background-size: 310px;
  width: 40%;
  height: 90%;
  margin-top: 16px;
}

.imageux {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e379c9c7aa7cf2c5eae0dcf_LEAN-UX.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 450px;
  height: 100%;
  display: flex;
}

.imageux.contentright {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37c644f4dd53267e483724_1489769726988-75T36G4GDC3XXJHDG71U.gif");
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: 230px;
  align-items: center;
  display: flex;
}

.imageux.contentright.hi {
  background-position: 50%;
  background-size: auto 450px;
  width: 50%;
}

.imageux.journey {
  border: 1px none var(--_base---color-neutral--300);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37a781f4dd53d05c476fea_Website-journey-map.png");
  background-position: 50% 0;
  background-size: 392px;
  justify-content: flex-end;
  width: 424px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: -6px 5px 6px 2px #0000001a;
}

.imageux.comp {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37a476a3d85b925d2738c8_Competitor-Radar-Chart.png");
  width: 100%;
}

.imageux.site {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37b045c62330e2c5221435_site-map.png");
  width: 50%;
}

.imageux.lo-med {
  background-image: none;
  width: 50%;
}

.imageux.lean {
  width: 50%;
}

.imageux.service {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9a3eccb5aaa1ce9d93_Select-Service814.gif");
  width: 60%;
  height: 560px;
}

.imageux.product {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9b3eccb5bd0cce9d95_Select%20Item.png");
  width: 60%;
  height: 560px;
}

.imageux.account {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9b73b22985a1ca2d3a_Create%20Account.png");
  width: 60%;
  height: 560px;
}

.imageux.account.schedule {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9bd25c7ba05ee684c9_Details814.gif");
  width: 60%;
  height: 560px;
}

.imageux.billing {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9bdeda783104cff401_Billing814.gif");
  width: 60%;
  height: 560px;
}

.imageux.schedule {
  width: 50%;
  height: 400px;
}

.image-3 {
  height: 90%;
  margin-top: -4px;
}

.image-3.comp {
  border: 1.25px solid #e6e6e6;
  height: 100%;
  margin-top: 0;
}

.image-3.ux {
  height: auto;
}

.div-block-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-left: 30px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.div-block-11.contentleft {
  width: 45%;
  padding-left: 0;
  padding-right: 40px;
}

.div-block-11.contentleft.lo-med.center {
  width: 50%;
}

.div-block-11.contentright {
  width: 45%;
  margin-top: 1px;
  padding-top: 0;
  padding-left: 30px;
}

.div-block-11.contentright.hi {
  align-self: center;
}

.div-block-11.contentright.hi.center {
  width: 50%;
  height: auto;
}

.div-block-11.journey, .div-block-11.comp, .div-block-11.site {
  width: 50%;
}

.div-block-11.potrait {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 560px;
  padding-top: 80px;
  padding-left: 0;
}

.smallcaps {
  color: #999;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-family: PT Serif, serif;
  font-size: 12px;
  font-weight: 400;
}

.smallcaps.future {
  color: var(--white);
}

.smallcaps.cbs {
  color: var(--steel-blue);
}

.smallcaps.solution {
  color: var(--light-sea-green-2);
}

.smallcaps.test {
  margin-top: 0;
}

.smallcaps.ux {
  color: var(--light-sea-green);
}

.smallcaps.business {
  margin-bottom: 8px;
}

.smallcaps.business.sticky {
  display: none;
}

.image-4 {
  width: 80%;
  max-width: none;
}

.lightbox-link {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37a781f4dd53d05c476fea_Website-journey-map.png");
  background-position: 0 0;
  background-size: cover;
  border: 1.25px #e6e6e6;
  border-bottom-width: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 88%;
  height: 100%;
  display: flex;
}

.div-block-12 {
  color: #888;
  background-color: #dadada;
  width: 95%;
  height: 2px;
  position: relative;
}

.slider {
  width: 100%;
  height: 100%;
  display: block;
}

.slide {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37b21a12126772d0c88de8_Sketch%20wireframe.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 450px;
  border: 1.25px solid #e6e6e6;
  padding-bottom: 0;
  padding-right: 0;
}

.icon {
  background-color: #0000;
}

.slide-2 {
  background-color: #d5d4d5;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37b21ba3d85b04f6277e0b_Wireframe%20Nav.png");
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: 450px;
}

.slide-3 {
  background-color: var(--boxful);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e37b21ca3d85bc0f8277e12_wireframe%20sketch%20photo.jpg");
  background-position: 50% -10%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-6 {
  width: 100%;
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 20% 54px 0%;
}

.text-block-6.medium {
  color: #888;
}

.text-block-6.medium.paragraph {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-6.low {
  color: #888;
}

.text-block-6.low.paragraph {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.text-block-6.low.paragraph._2 {
  z-index: 99;
  color: var(--white);
  position: absolute;
}

.text-block-6.paragraph.white {
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.text-span-2 {
  color: var(--white);
  margin-bottom: 4px;
  font-weight: 500;
}

.text-span-2.medium, .text-span-2.low {
  color: var(--boxful);
}

.text-span-2.low.white {
  color: var(--white);
}

.keyblock {
  z-index: 8;
  float: right;
  color: #888;
  background-color: #0000;
  width: 120px;
  height: 300px;
  margin-top: 170px;
  padding-right: 60px;
  text-decoration: none;
  display: none;
  position: sticky;
  top: 40%;
  right: 0;
}

.keyblock.device {
  display: none;
}

.keyblock._2way {
  z-index: 5;
  float: right;
  clear: none;
  margin-top: 180px;
  margin-left: -131px;
  padding-right: 40px;
  display: block;
  top: 40%;
  right: 0;
}

.keyblock.cbs {
  width: 172px;
  margin-top: 120px;
  top: 40%;
}

.text-block-sidenav {
  color: #888;
  text-align: right;
  text-transform: none;
  margin-bottom: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.div-block-13 {
  justify-content: center;
  align-items: flex-end;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-14 {
  background-color: var(--khaki);
  width: 2px;
  height: 26px;
}

.iterationwrap {
  background-color: var(--white);
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 140px;
  position: static;
  top: 60px;
  overflow: hidden;
}

.processwrap {
  width: 100%;
  height: 360px;
  display: block;
  position: relative;
}

.learnwrap {
  width: 100%;
  height: 1500px;
}

.learnwrap.ux {
  height: auto;
  padding-top: 120px;
  display: none;
  position: static;
}

.buildwrap {
  background-color: var(--_base---color-neutral--white);
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}

.text-span-3 {
  text-decoration: none;
}

.link {
  color: #888;
  font-family: PT Serif, serif;
  font-size: 15px;
  text-decoration: none;
}

.link.w--current {
  color: var(--cbs-blue);
  font-weight: 700;
}

.link._2way.current {
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link._2way.current.w--current {
  color: var(--angels-red);
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link.ux.current.w--current {
  color: var(--boxful);
}

.link-2 {
  color: #888;
  font-family: PT Serif, serif;
  font-size: 15px;
  text-decoration: none;
}

.link-2.w--current {
  color: var(--cbs-blue);
  font-weight: 700;
}

.link-2._2way.current {
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link-2._2way.current.w--current {
  color: var(--angels-red);
}

.link-2.ux.current.w--current {
  color: var(--boxful);
}

.link-3 {
  color: #888;
  font-family: PT Serif, serif;
  font-size: 15px;
  text-decoration: none;
}

.link-3.w--current {
  color: var(--cbs-blue);
  font-weight: 700;
}

.link-3._2way.current {
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link-3._2way.current.w--current {
  color: var(--angels-red);
}

.link-3.ux.current.w--current {
  color: var(--boxful);
}

.text-block-7 {
  width: 70%;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.div-block-15 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

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

.slider-2 {
  background-color: #fff;
  width: 100%;
  height: 400px;
  margin-bottom: 40px;
  margin-right: 20px;
}

.slider-2._2way {
  border: 1px solid var(--toby-red);
  width: 65%;
  margin-bottom: 0;
  margin-right: 0;
}

.checkoutslide {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f47668d2a407671760fdd99_88397bd741ea481cf1406675ff31df6c_Sign%20up%20page.png");
  background-position: 68% 0;
  background-repeat: no-repeat;
  background-size: 450px;
  background-attachment: scroll;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
  inset: 0% auto auto 0%;
}

.checkoutslide._1 {
  border: 1px solid var(--toby-red);
  background-position: 55% 5%;
  background-size: 550px;
  height: 560px;
}

.checkoutslide._1._2way {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e437747ee190b2ea0eb8cec_Current%20-%20My%20Team.png");
  background-position: 50% -30%;
  background-size: 600px;
}

.checkoutslide.long {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f47668d2a407660be0fdd88_d045baa3b2e4b105269f9dbaa4f55f2a_Where%20page.png");
}

.checkoutslide.long._3 {
  border: 1px none var(--toby-red);
  background-image: none;
}

.checkoutslide.long._3._2way {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e43777877a6f40690285ef1_Current%20-%20Results.png");
  background-position: 50% 0;
  background-size: 400px;
}

.checkoutslide.long._2 {
  border: 1px none var(--toby-red);
  background-image: none;
  border-radius: 1px;
  height: 400px;
}

.checkoutslide.long._2._2way {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e437747ee190b2ea0eb8cec_Current%20-%20My%20Team.png");
  background-position: 50% 0;
  background-size: 425px;
}

.checkoutslide.long._2._2way.myteam {
  background-color: #cbcbcb;
  background-position: 50% -150%;
  background-size: 600px;
}

.checkoutslide.long._2._2way.barrier {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e43776358c07c7a27aec8a4_Current%20-%20Pitchers1.png");
}

.checkoutslide.long._4 {
  border: 1px none var(--toby-red);
  background-image: none;
  height: 400px;
}

.checkoutslide.long._4._2way {
  background-position: -70% 0;
}

.problem-contain {
  width: 100%;
  height: 400px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.problem-contain._2way, .problem-contain._2way._1 {
  bottom: 14%;
}

.problem-contain._2way._2 {
  position: absolute;
  bottom: 0%;
}

.problem-contain._2way._3 {
  bottom: 0%;
}

.problem-contain.side-by-side {
  border: 0px none var(--toby-red);
  background-color: var(--_base---color-neutral--white);
  height: 400px;
}

.div-block-17 {
  justify-content: flex-start;
  width: 90%;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: flex;
}

.div-block-17._1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 50%;
  height: auto;
  padding: 24px;
}

.numberblock {
  background-color: var(--cbs-blue);
  width: 60px;
  height: 60px;
  color: var(--white);
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.numberblock._1.update {
  background-color: var(--boxful);
  position: absolute;
  inset: 20px auto auto 20px;
}

.numberblock._1._2018 {
  background-color: var(--white);
}

.numberblock.solution {
  background-color: #cbf040;
}

.numberblock.ux {
  z-index: 3;
  background-color: var(--toby-red);
  color: var(--white);
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 0;
  position: absolute;
}

.numberblock.ux.solution {
  background-color: var(--boxful);
}

.numberblock._2018 {
  background-color: var(--toby-red);
  color: var(--toby-red);
  position: absolute;
  top: 20px;
  left: 20px;
}

.text-block-8 {
  width: auto;
  height: auto;
  color: var(--white);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.text-block-8._1 {
  color: var(--white);
}

.text-block-8._1.red {
  color: var(--toby-red);
}

.text-block-8._2, .text-block-8._4 {
  color: var(--white);
}

.text-block-8._5 {
  color: var(--boxful);
}

.text-block-8._5.white, .text-block-8.update {
  color: var(--white);
}

.text-block-8.red {
  color: var(--toby-red);
}

.text-block-9 {
  height: 80px;
  color: var(--white);
  align-items: center;
  padding-left: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.text-block-9._1 {
  color: #888;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  height: 40px;
  font-weight: 400;
}

.text-block-9._2 {
  width: 90%;
  height: auto;
  color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  font-weight: 400;
  position: relative;
}

.text-block-9._2.update {
  width: 100%;
  height: 24px;
  padding-left: 0;
  font-weight: 700;
}

.text-block-9._2.paragraph {
  width: 100%;
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  text-align: center;
  margin-top: 0;
  padding-left: 0;
}

.text-block-9._4 {
  color: #888;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
}

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

.left-arrow, .right-arrow {
  width: 0;
  height: 0;
}

.text-span-4, .text-span-5 {
  text-align: center;
  font-weight: 700;
}

.text-span-6 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  font-weight: 700;
}

.text-span-7 {
  font-weight: 700;
}

.link-4 {
  color: #888;
  font-family: PT Serif, serif;
  font-size: 15px;
  text-decoration: none;
}

.link-4.w--current {
  color: var(--cbs-blue);
  font-weight: 700;
}

.link-4._2way {
  display: block;
}

.link-4._2way.current {
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link-4._2way.current.w--current {
  color: var(--angels-red);
}

.link-4.ux.current.w--current {
  color: var(--boxful);
}

.checkoutblock {
  width: auto;
  height: auto;
  padding-top: 36px;
  padding-left: 40px;
  position: relative;
}

.checkoutblock._1-0 {
  height: auto;
  margin-bottom: 40px;
  padding: 0;
}

.checkoutblock._2-0 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-top: 80px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.checkoutblock._2way.currentversion {
  background-color: #fff;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.checkoutblock._2way.inspiration {
  background-color: #fafafa;
  flex-direction: column;
  margin-bottom: 0;
  padding-right: 40px;
  display: flex;
}

.checkoutblock._2way.update {
  background-color: #0000;
  width: 100%;
  height: 560px;
  margin-bottom: 180px;
  padding: 0;
  display: flex;
}

.text-block-10 {
  color: #333;
  margin-bottom: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
}

.text-block-10.inspiration {
  margin-bottom: 20px;
}

.text-block-10.inspiration.pop-up, .text-block-10.update {
  color: var(--white);
  margin-bottom: 4px;
}

.text-block-10.checkout1-0 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  display: none;
}

.div-block-19 {
  background-color: #fff;
  width: 100%;
}

.div-block-19.test {
  width: auto;
}

.tabcontainer {
  width: 450px;
  display: flex;
}

.tabcontainer.inspiration {
  flex-direction: column;
  width: 65%;
}

.tabcontainer._2018 {
  width: 100%;
}

.issueblock {
  z-index: 2;
  border: 1px solid var(--toby-red);
  width: 260px;
  height: auto;
  padding: 12px 20px 20px;
  position: absolute;
  top: 110px;
  left: 520px;
}

.issueblock.solution {
  border-color: var(--boxful);
  margin-top: 50px;
  left: 80px;
}

.issueblock.solution.desktop {
  background-color: #eefcfa;
  margin-top: 24px;
  margin-bottom: 0;
  top: 0;
}

.issueblock.solution.mobile {
  display: none;
}

.issueblock.desktop {
  background-color: #fff1f2;
  border-style: none;
  width: 100%;
  margin-bottom: 30px;
  padding: 24px;
  position: relative;
  top: 0;
  left: auto;
}

.issueblock.mobile {
  display: none;
}

.issueblock._2way {
  border-color: var(--boxful);
  width: 100%;
  margin-bottom: 20px;
  padding-top: 20px;
  position: relative;
  top: 0;
  left: 0;
}

.issueblock.imo {
  width: 100%;
  margin-top: 20px;
  position: static;
}

.text-block-11 {
  color: #888;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
}

.list-2 {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.list-item-4, .list-item-5, .list-item-6 {
  color: #888;
}

.text-span-8 {
  font-style: italic;
}

.right-arrow-2, .left-arrow-2 {
  width: 0;
  height: 0;
}

.solutionslide {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9a3eccb5aaa1ce9d93_Select-Service814.gif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 680px;
  height: 600px;
  position: relative;
}

.solutionslide.service {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9a3eccb5aaa1ce9d93_Select-Service814.gif");
  background-position: 50% 5%;
  background-size: 550px;
  height: 700px;
}

.solutionslide.product {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9b3eccb5bd0cce9d95_Select%20Item.png");
  background-position: 50% 5%;
  background-size: 550px;
}

.solutionslide.account {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9b73b22985a1ca2d3a_Create%20Account.png");
  background-position: 50% 5%;
  background-size: 550px;
}

.solutionslide.address {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9bd25c7ba05ee684c9_Details814.gif");
  background-position: 50% 5%;
  background-size: 550px;
}

.solutionslide._5 {
  border: 1px solid var(--boxful);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3adf9bdeda783104cff401_Billing814.gif");
  background-position: 50% 5%;
  background-size: 550px;
  height: 740px;
}

.slider-3 {
  background-color: var(--white);
  height: auto;
}

.div-block-22 {
  background-color: var(--boxful);
  width: 100%;
  height: 120px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-22._2 {
  inset: 420px 0% auto;
}

.mask {
  height: 770px;
}

.text-span-9 {
  color: var(--boxful);
}

.text-span-10 {
  color: var(--toby-red);
}

.solutionblock {
  z-index: auto;
  border: 1px solid var(--boxful);
  flex-direction: row;
  height: 230px;
  padding: 20px 36px;
  display: block;
  position: static;
  inset: 540px 0% 0%;
}

.solutionblock._3 {
  flex-direction: column;
  height: 230px;
  display: block;
}

.solutionblock.portrait {
  background-color: var(--light-sea-green-2);
  height: auto;
  margin-top: 24px;
  padding: 16px 24px;
  position: static;
}

.div-block-23 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.div-block-23._1 {
  flex-direction: row;
}

.slide-nav {
  top: 274px;
}

.overviewwrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 60%;
  display: flex;
}

.overviewwrapper.cbs {
  flex-direction: row;
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
}

.overviewwrapper.branding {
  width: 50%;
  padding: 0;
}

.scroll-process {
  height: 380px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.scrolllearn {
  width: 100%;
  height: 1120px;
  margin-top: -1060px;
  padding-top: 0;
  display: none;
  position: absolute;
}

.solutiontext {
  color: #666;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 24px;
}

.solutiontext.current {
  margin-bottom: 12px;
}

.solutiontext.current.future {
  color: var(--white);
}

.solutiontext.current._2 {
  margin-bottom: 8px;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 30px;
}

.solutiontext.current._1 {
  margin-bottom: 20px;
}

.solutiontext.current._3 {
  color: #333;
  font-style: italic;
  font-weight: 500;
}

.solutiontext.current.paragraph.about {
  margin-top: 0;
}

.solutiontext._1 {
  margin-bottom: 8px;
}

.solutiontext._2 {
  margin-bottom: 20px;
}

.solutiontext.improvements {
  margin-top: 8px;
  margin-bottom: 20px;
}

.solutiontext.improvements._1 {
  margin-bottom: 8px;
}

.solutiontext.improvements.conclusion._1 {
  margin-bottom: 20px;
}

.solutiontext.bigitalic {
  color: #333;
  margin-top: 8px;
  margin-bottom: 12px;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 30px;
}

.solutiontext.bigitalic.finalthoughts {
  margin-bottom: 40px;
}

.solutiontext.bigitalic.yy {
  margin-top: 12px;
  margin-bottom: 0;
}

.solutiontext.dilemma {
  margin-bottom: 0;
}

.solutiontext.white {
  color: var(--white);
  margin-bottom: 0;
}

.solutiontext._2018 {
  margin-bottom: 8px;
}

.categorywrap {
  border: 2px #ffe6e6;
  justify-content: flex-end;
  width: 100%;
  height: 200px;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
  position: absolute;
  top: -130px;
}

.categorywrap._300 {
  z-index: 2;
  height: auto;
  padding-bottom: 0;
  top: 200px;
}

.categorywrap.cbs {
  height: auto;
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 40px;
  position: static;
}

.div-block-26 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e40edcbbc2b46908a7209d2_Otani.Shohei-4.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 140px;
  height: 100%;
  display: none;
}

.div-block-27 {
  z-index: 2;
  background-color: var(--misty-rose);
  color: #fafafa;
  border: 1px #00000080;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  top: 360px;
  left: 0;
  box-shadow: -2px 1px 3px 3px #0003;
}

.div-block-28 {
  width: 100%;
  height: 100%;
  padding: 30px 40px 0;
}

.div-block-29 {
  position: relative;
}

.wrap {
  background-color: #fafafa;
  width: 100%;
  height: auto;
  margin-top: 60px;
  display: flex;
}

.wrap.who {
  background-color: #fafafa;
  margin-top: 0;
}

.wrap.who.ohtani {
  margin-top: auto;
  display: none;
}

.wrap._2way {
  display: none;
}

.wrap.current {
  background-color: #0000;
  margin-top: 40px;
}

.wrap.future {
  flex-direction: row;
  margin-top: 100px;
}

.wrap._2018 {
  background-color: var(--white);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 100px;
}

.wrap.imo {
  background-color: #fff;
  flex-direction: column;
  margin-top: 0;
  padding: 120px 30px 0;
  display: block;
}

.wrap.define {
  background-color: #fff;
  margin-top: 0;
  padding-top: 160px;
  display: block;
}

.wrap.define.mobile {
  display: none;
}

.wrap.research {
  background-color: #fff;
  margin-top: 0;
  padding-top: 120px;
  display: block;
}

.wrap.lightbox {
  background-color: #0000;
  justify-content: space-between;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.wrap.solution {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-top: 0;
  padding-top: 160px;
  display: block;
  overflow: hidden;
}

.wrap.improved {
  background-color: #fff;
  margin-top: 0;
  padding-top: 160px;
  padding-bottom: 160px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: block;
}

.imagecontainer {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e40edcbbc2b46908a7209d2_Otani.Shohei-4.jpg");
  background-position: -16px 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: auto;
}

.imagecontainer.fantasy {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e5f022de702bf0ccad88af7_Rudd_Fantasy.gif");
  background-position: 45% 100%;
  width: 400px;
}

.imagecontainer.research {
  border: 1.5px none var(--light-sea-green-2);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e5f527197dc359a4f492d1b_2X2%20Matrix-01.png");
  background-position: 50%;
  background-size: 100%;
  width: 100%;
  height: 600px;
}

.div-block-32 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-32.current {
  width: 100%;
}

.sectionwrapper {
  width: 100%;
  height: 100%;
  padding: 30px 30px 40px;
}

.sectionwrapper.who {
  width: 100%;
}

.sectionwrapper._2way {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e4117d2c3047ae48e69add2_babe.png");
  background-position: 160% 0;
  background-repeat: no-repeat;
  background-size: 80%;
  padding-left: 40px;
}

.sectionwrapper.current {
  padding: 0;
}

.sectionwrapper.future {
  background-color: var(--misty-rose);
  width: 100%;
  padding-bottom: 30px;
}

.sectionwrapper.evolve {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.div-block-34 {
  width: 100%;
  padding: 30px 30px 40px;
}

.div-block-35 {
  background-color: var(--angels-red);
}

.text-block-15 {
  color: var(--white);
  padding: 16px 30px 30px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.backgroundsection {
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.div-block-36 {
  justify-content: center;
  width: 900px;
  display: flex;
}

.futuresection {
  margin-bottom: 0;
}

._2018section {
  background-color: #0000;
  margin-top: 100px;
  padding: 0 40px;
  font-size: 14px;
  display: block;
}

.div-block-37 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e41657543c0e7f84aedad01_Ohtani%20-%202%20players%20Ohtani.jpg");
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #fafafa;
  height: 180px;
}

.div-block-38 {
  padding: 30px 0 0;
}

.description {
  color: #333;
  align-self: center;
  padding: 12px 20px 14px 0;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.description.research {
  align-items: center;
  width: 95%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
}

.description.painpoint {
  margin-bottom: 0;
  padding-bottom: 0;
}

.description.painpoint._1 {
  display: none;
}

.description.painpoint._2 {
  color: var(--cbs-blue);
  align-self: flex-start;
  margin-bottom: 12px;
  padding-top: 0;
  padding-right: 0;
  font-weight: 700;
}

.div-block-39 {
  background-color: #fafafa;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.arrow {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e417250ffc29f5977ae885d_up.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 0;
}

.arrow.cbs {
  background-position: 50% 32%;
  height: 100%;
}

.arrow.research {
  width: 30px;
  margin-top: 8px;
  margin-right: 4px;
  display: none;
}

.list-3 {
  float: none;
  color: #666;
  width: auto;
  padding-left: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.list-item-7, .list-item-8 {
  margin-bottom: 12px;
}

.list-item-9 {
  margin-bottom: 12px;
  padding-bottom: 0;
}

.list-item-10 {
  margin-bottom: 12px;
}

.div-block-41 {
  display: block;
}

.div-block-42 {
  float: right;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e417843a4fdfeb8b661f205_Screen%2BShot%2B2018-10-20%2Bat%2B3.30.29%2BPM.png");
  background-position: 60% 0;
  background-repeat: no-repeat;
  background-size: 105%;
  border: 2px solid #fafafa;
  width: 300px;
  height: 180px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 40px;
  position: relative;
  inset: auto 0% 0% auto;
}

.div-block-43 {
  background-color: #fafafa;
  height: 64px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-17 {
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.div-block-44 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.text-span-11 {
  color: var(--angels-red);
  font-weight: 700;
}

.titlewrap {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.titlewrap.current {
  margin-bottom: 8px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.titlewrap.update {
  margin-bottom: 60px;
  padding-top: 0;
  padding-left: 0;
}

.text-span-12 {
  color: var(--angels-red);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
}

.text-span-13, .text-span-14 {
  color: var(--angels-red);
  font-weight: 700;
}

.solutionwrap {
  height: auto;
  padding: 100px 40px 30px;
}

.div-block-46 {
  float: left;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e43618a84dde8e00a5fffc9_hunter-greene.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 195px;
  width: 140px;
  height: 180px;
  margin-bottom: 20px;
  margin-right: 20px;
  position: static;
}

.div-block-47 {
  width: 100%;
}

.solutionlist {
  padding-left: 20px;
}

.solutionlist._2way {
  color: var(--boxful);
  margin-top: 6px;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.contentwrap {
  width: 50%;
}

.contentwrap._2way.currentversion {
  width: 35%;
  height: auto;
  margin-top: 0%;
  margin-bottom: 0;
  padding: 0 60px 0 0;
}

.contentwrap._2way.inspiration {
  background-color: var(--boxful);
  color: #0000;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  padding: 20px 20px 24px 30px;
}

.contentwrap._2way.inspiration.update {
  background-color: var(--boxful);
}

.bodytext {
  width: 80%;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.bodytext.currentsetup {
  margin-bottom: 8px;
}

.bodytext.highlight.red {
  color: #333;
  font-style: italic;
  font-weight: 500;
}

.bodytext.inspiration {
  width: 100%;
  margin-bottom: 40px;
}

.bodytext.inspiration._1 {
  margin-bottom: 8px;
}

.div-block-48 {
  position: fixed;
}

.div-block-49 {
  width: 200px;
  height: 40px;
  padding-left: 30px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-block-18 {
  color: var(--white);
  font-family: Ubuntu, Helvetica, sans-serif;
  position: static;
  inset: auto auto 0% 0%;
}

.div-block-50 {
  border: 1px solid var(--boxful);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e439e4aea80d94dd945b0eb_Fant%20Football%20Example.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 600px;
  height: 300px;
  margin-bottom: 0;
}

.div-block-50.update {
  border-color: var(--boxful);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aadaa498fc29b0f51694_Batting-Line_No-Barrier.gif");
}

.text-span-15 {
  color: #333;
  font-style: italic;
  font-weight: 500;
}

.text-block-19 {
  color: var(--white);
  font-family: Ubuntu, Helvetica, sans-serif;
}

.text-block-19.update {
  color: var(--white);
}

.tab-pane-tab-1 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aadaa498fc29b0f51694_Batting-Line_No-Barrier.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px;
  position: absolute;
}

.tab-pane-tab-2 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aad9a498fc7b76f51687_Pitcher-Batting-Stats.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 450px;
}

.tab-pane-tab-3 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aad9a498fc6383f51691_News.gif");
  background-position: 40% 0;
  background-size: auto;
  width: 100%;
  height: 450px;
}

.div-block-51 {
  width: 70%;
}

.tabs {
  width: 100%;
}

.div-block-52 {
  width: 30%;
}

.div-block-53 {
  width: 70%;
  height: 400px;
}

.div-block-54 {
  align-items: center;
  width: 30%;
  height: 560px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.pane {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aad83a1d223d4c7a9a40_Sub-in.gif");
  background-position: 48% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 400px;
  padding-top: 0%;
}

.pane.tab1 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aadaa498fc29b0f51694_Batting-Line_No-Barrier.gif");
  height: 440px;
  padding-top: 20px;
  padding-left: 20px;
}

.pane.tab2 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aad83a1d223d4c7a9a40_Sub-in.gif");
  height: 440px;
  padding-top: 20px;
  padding-left: 20px;
}

.pane.tab3 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aad9a498fc7b76f51687_Pitcher-Batting-Stats.gif");
  height: 440px;
  padding-top: 20px;
  padding-left: 20px;
}

.pane.tab4 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e46aad9a498fc6383f51691_News.gif");
  height: 440px;
  padding-top: 20px;
  padding-left: 20px;
}

.tabs-content {
  width: 100%;
  height: 710px;
  display: block;
  position: absolute;
  inset: 80px 0% 0% auto;
}

.tabs-2 {
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0;
  display: block;
  position: static;
}

.tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  display: flex;
}

.tab-link-tab-1 {
  color: #888;
  background-color: #0000;
  border-bottom: 1px dotted #b2d6d4;
  padding: 24px 0 8px;
  font-size: 15.5px;
  display: block;
}

.tab-link-tab-1.w--current {
  border-bottom: 4px solid var(--boxful);
  color: var(--boxful);
  letter-spacing: 0;
  text-transform: none;
  background-color: #0000;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
}

.tab-link-tab-2 {
  background-color: #0000;
  border-bottom: 1px dotted #b2d6d4;
  width: auto;
  padding: 24px 0 8px;
  display: block;
}

.tab-link-tab-2.w--current {
  border-bottom: 4px solid var(--boxful);
  color: var(--boxful);
  background-color: #0000;
  font-size: 15.5px;
  font-weight: 700;
}

.tab-link-tab-3 {
  background-color: #0000;
  border-bottom: 1px dotted #b2d6d4;
  padding: 24px 0 8px;
  display: block;
}

.tab-link-tab-3.w--current {
  border-bottom: 4px solid var(--boxful);
  color: var(--boxful);
  background-color: #0000;
  padding-top: 24px;
  padding-bottom: 8px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 700;
}

.tab-link-tab-4 {
  background-color: #0000;
  border-bottom: 1px dotted #b2d6d4;
  padding: 24px 0 8px;
  display: block;
}

.tab-link-tab-4.w--current {
  border-bottom: 4px solid var(--boxful);
  color: var(--boxful);
  background-color: #0000;
  padding-right: 0;
  font-family: PT Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.tablink1, .tablink2, .tablink3 {
  color: #333;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15.5px;
  font-weight: 400;
}

.tablink4 {
  color: #333;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15.5px;
  font-weight: 400;
}

.tablink4.current {
  color: #888;
  font-weight: 400;
}

.contentcontainer {
  background-color: var(--boxful);
  height: 200px;
  margin-bottom: 40px;
  position: absolute;
  inset: auto 0% -240px;
}

.contentcontainer.update {
  object-fit: fill;
  height: 270px;
  display: block;
  inset: auto 0% -300px;
  overflow: visible;
}

.contentcontainer.update._4 {
  background-color: var(--light-sea-green-2);
  height: 270px;
  bottom: -310px;
}

.contentcontainer.update._3, .contentcontainer.update._1 {
  background-color: var(--light-sea-green-2);
  bottom: -310px;
}

.div-block-56, .div-block-56.bullets {
  width: 100%;
}

.list-4 {
  width: 100%;
  color: var(--white);
  padding-left: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.text-span-16 {
  font-weight: 400;
}

.div-block-57 {
  width: 35%;
  padding-right: 30px;
}

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

.div-block-59 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

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

.div-block-61 {
  width: 100%;
  padding-left: 0;
}

.section-2 {
  background-color: var(--light-sea-green-2);
  padding-top: 60px;
}

.div-block-62 {
  background-color: #0000;
  width: auto;
  height: 1140px;
  padding-top: 100px;
  padding-bottom: 0;
}

.text-span-17 {
  letter-spacing: 2px;
  text-transform: uppercase;
}

.list-item-11 {
  color: #333;
}

.text-span-18 {
  color: var(--angels-red);
}

.text-span-19 {
  font-weight: 700;
}

.text-block-20 {
  color: var(--white);
  padding-left: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.text-block-20.nolist {
  padding-left: 0;
}

.list-item-12 {
  letter-spacing: 0;
}

.list-item-13 {
  width: 100%;
}

.text-block-21 {
  margin-bottom: 12px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-style: italic;
  line-height: 28px;
}

.text-span-21 {
  font-style: italic;
}

.list-5 {
  padding-left: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.list-5.solutiontext {
  margin-bottom: 20px;
}

.text-span-22, .text-span-23, .text-span-24 {
  font-weight: 700;
}

.overviewwrap {
  float: none;
  padding: 100px 40px 160px;
}

.div-block-63 {
  background-color: var(--light-sea-green-2);
  width: 240px;
  height: 240px;
  position: static;
  inset: 24% 0% 0% auto;
}

.div-block-64 {
  float: right;
  background-color: var(--light-sea-green-2);
  width: 360px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.content {
  padding: 8px 24px 0;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.content._1.solutiontext {
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
}

.content._2 {
  padding-bottom: 24px;
}

.content._2.solutiontext {
  padding: 0;
}

.text-block-23 {
  color: var(--boxful);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 24px;
  padding-left: 0;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
}

.text-span-25 {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
}

.paragraph {
  color: #666;
  flex: 0 auto;
  width: auto;
  max-width: none;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.paragraph.white {
  color: var(--white);
  margin-bottom: 0;
}

.paragraph.white.scope {
  line-height: 30px;
}

.paragraph._70 {
  width: 90%;
}

.paragraph.hero {
  color: var(--light-sea-green-2);
  margin-top: 20px;
}

.paragraph.imo {
  margin-top: 0;
  margin-bottom: 40px;
}

.paragraph.imo.hypothesis {
  color: var(--cbs-blue);
  background-color: #0000;
  margin-top: 12px;
  padding: 0;
}

.paragraph.issue {
  color: var(--toby-red);
  margin-top: 0;
}

.paragraph.research._2column {
  height: auto;
  margin-bottom: 16px;
}

.paragraph.research._2column.insights {
  height: auto;
  margin-top: 0;
}

.paragraph.research.cbs, .paragraph.painpoint {
  margin-bottom: 40px;
}

.paragraph.solution {
  max-width: 650px;
  margin-bottom: 30px;
}

.paragraph.test {
  width: 90%;
  margin-bottom: 36px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.branding {
  color: var(--light-sea-green-2);
}

.paragraph.charcoal {
  color: #333;
}

.paragraph.homepage {
  max-width: 650px;
  margin: auto auto 8px;
}

.paragraph.conclusion {
  margin-bottom: 60px;
}

.paragraph.quickfix {
  margin-top: 20px;
  margin-bottom: 24px;
  margin-left: 0;
}

.paragraph.quickfix.mid {
  margin-top: 16px;
}

.paragraph.quickfix.end {
  margin-top: 20px;
  margin-bottom: 40px;
}

.paragraph.quickfix.funnel {
  margin-bottom: 8px;
}

.paragraph.quickfix.funnel._1 {
  display: block;
}

.paragraph.quickfix.funnel._2 {
  margin-top: 20px;
}

.paragraph.userflow {
  margin-bottom: 40px;
}

.paragraph.userflow._1 {
  margin-top: 0;
  margin-bottom: 30px;
}

.paragraph.userflow._2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph.userflow._3 {
  margin-bottom: 8px;
}

.paragraph.userflow.mid {
  color: #666;
  margin-top: 0;
  margin-bottom: 8px;
}

.paragraph.userflow.mid.white {
  color: var(--white);
  font-weight: 500;
}

.paragraph.userflow._4 {
  margin-bottom: 20px;
}

.paragraph.webflow {
  margin-top: 0;
}

.paragraph.funnel {
  margin-bottom: 20px;
}

.paragraph.top5 {
  margin-top: 0;
  margin-bottom: 20px;
  font-style: italic;
  line-height: 20px;
}

.paragraph.top5.list {
  color: var(--white);
  margin-bottom: 0;
  padding-left: 0;
  font-style: normal;
  font-weight: 300;
}

.paragraph.full, .paragraph.alt {
  text-align: center;
  justify-content: center;
  display: block;
  position: absolute;
}

.paragraph.simple {
  text-align: center;
  justify-content: center;
  display: block;
}

.paragraph.yanyan {
  margin-top: 0;
  margin-left: 6px;
}

.paragraph.yanyan.white {
  color: #e53523;
}

.paragraph.yanyan.darkred {
  color: var(--dark-red);
}

.paragraph.yanyan.black {
  color: var(--white);
  margin-left: 0;
  font-size: 15.5px;
  line-height: 24px;
}

.paragraph.business {
  color: #333;
  text-align: left;
  margin-top: 20px;
}

.paragraph.business.centered {
  text-align: center;
  width: 320px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.paragraph.business.sticky {
  display: none;
}

.paragraph.business.white {
  color: var(--white);
}

.paragraph.business.white.paragraph2 {
  margin-top: 8px;
}

.paragraph._1 {
  display: none;
}

.paragraph.animations {
  text-align: left;
  width: 40%;
  position: static;
  right: 0;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.smallcap {
  color: #888;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

._1000contain {
  background-color: var(--gold);
  width: auto;
  height: auto;
  min-height: 105%;
  color: var(--black);
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: relative;
  inset: 0;
}

.body-3 {
  height: 100%;
  margin-top: 0;
  padding-top: 0;
}

.list-item-14, .list-item-15 {
  margin-bottom: 12px;
}

.h4 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-heading--h4);
  line-height: var(--_responsive---line-height--h4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.h4.white {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 4px;
}

.h4.green {
  color: var(--boxful);
}

.h4.sitemap {
  margin-top: 24px;
  margin-bottom: 24px;
  display: none;
}

.h4.layout {
  margin-bottom: 8px;
}

.h4.tab-absolute {
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  display: flex;
  position: absolute;
}

.h1 {
  letter-spacing: 1px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: PT Serif, serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
}

.h1.ohtani {
  width: auto;
  max-width: 400px;
  color: var(--white);
  margin-top: 0%;
}

.h1.ohtani.cover {
  margin-top: 0%;
}

.h1.ohtani.cover.homepage {
  color: var(--angels-red);
}

.h1.ux {
  color: var(--boxful);
  margin-top: 50%;
}

.h1.cbs {
  color: var(--white);
  text-align: left;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0%;
  position: static;
  inset: auto 0% 0% auto;
}

.h1.cbs.blue {
  color: var(--cbs-blue);
  text-align: left;
}

.h1.boxful {
  color: var(--boxful);
  margin-bottom: 8px;
}

.h1.imo {
  margin-bottom: 8px;
}

.h1.branding, .h1.white {
  color: var(--white);
}

.h1.ad {
  margin-bottom: 40px;
}

.h1.yanyan {
  color: #e43525;
}

.h1.web {
  color: var(--white);
}

.div-block-65 {
  float: left;
  width: 35%;
  height: 100px;
  padding-bottom: 0;
  position: static;
  inset: auto 0% 0% auto;
}

.div-block-66 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e5d1faa4bcdc83e82c3a100_CBS-App-Phone.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 480px;
  width: 50%;
  height: 400px;
}

.div-block-67 {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 400px;
  padding-top: 0%;
  display: flex;
}

.fantasywrap {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 0;
}

.sectionwrap {
  background-color: #fff;
  margin-bottom: 80px;
  padding: 30px;
}

.sectionwrap.imo, .sectionwrap.research {
  background-color: #fff;
  margin-bottom: 0;
}

.sectionwrap.solution {
  background-color: var(--cbs-blue);
  margin-bottom: 0;
  position: relative;
  top: 0;
}

.heading-2 {
  font-family: PT Serif, serif;
  font-size: 28px;
}

.h2 {
  font-family: var(--_base---font-family--heading);
  font-size: var(--_responsive---line-height--h5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 36px;
  display: block;
}

.h2.test {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.h2.branding {
  margin-top: 0;
}

.h2.about {
  font-weight: 700;
}

.h2.animations {
  text-align: right;
}

.h2.white {
  color: var(--white);
}

.columns {
  margin-top: 0;
  display: flex;
}

.list-6 {
  color: #666;
  padding-left: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15.5px;
  font-weight: 300;
}

.list-6.numbered {
  list-style-type: decimal;
}

.list-6.numbered.top3 {
  color: #333;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 22px;
}

.list-7 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #666;
  flex-flow: column;
  padding-left: 20px;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 24px;
  list-style-type: square;
  display: flex;
}

.column {
  padding-left: 0;
  padding-right: 20px;
  line-height: 24px;
}

.h3 {
  font-family: var(--_base---font-family--heading);
  color: var(--_base---color-neutral--800);
  font-size: var(--_responsive---font-size-heading--h3);
  line-height: var(--_responsive---line-height--h3);
  text-align: center;
  margin-top: 2px;
  margin-bottom: 12px;
  font-weight: 700;
}

.h3.green {
  height: 30px;
  color: var(--boxful);
}

.h3.red {
  height: 30px;
  color: var(--toby-red);
  line-height: 24px;
}

.h3.cbs {
  height: 50px;
  color: var(--cbs-blue);
  line-height: 24px;
}

.h3.cbs.research {
  height: auto;
  margin-bottom: 0;
}

.h3.cbs.insights {
  height: auto;
}

.h3.painpoint {
  margin-top: 2px;
  line-height: 24px;
}

.h3.solution {
  color: #cbf040;
  margin-top: 4px;
}

.h3.solution._2 {
  margin-bottom: 30px;
}

.h3.conclusion {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15.5px;
  text-decoration: none;
}

.h3.conclusion.findings {
  margin-bottom: 80px;
}

.h3.ux {
  color: var(--black);
  margin-bottom: 0;
  font-family: PT Serif, serif;
  font-weight: 700;
}

.h3.white {
  color: var(--white);
  font-family: PT Serif, serif;
  font-weight: 700;
  line-height: 24px;
}

.h3.white.footer {
  align-items: center;
  height: auto;
  margin-top: 0;
  padding-top: 60px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.h3.gray, .h3.charcoal {
  color: #333;
  font-weight: 500;
}

.h3.restructure {
  margin-bottom: 60px;
}

.h3.top5 {
  color: #333;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 28px;
}

.h3.yy {
  color: #e43525;
  font-family: PT Serif, serif;
}

.h3.ubl {
  color: var(--white);
  font-family: PT Serif, serif;
}

.h3.homepage {
  margin-bottom: 32px;
}

.h3.hanken {
  margin-top: 0;
  font-weight: 500;
}

.titlecontainer {
  margin-bottom: 60px;
  display: flex;
}

.titlecontainer.define.conclusion {
  margin-bottom: 12px;
}

.text-block-24 {
  text-align: left;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
}

.text-block-24.solution {
  color: var(--cbs-blue);
}

.hypothesis {
  background-color: var(--cbs-blue);
  margin-top: 20px;
  padding: 20px;
}

.column-2 {
  padding-left: 20px;
  padding-right: 0;
}

.text-span-27, .text-span-28 {
  font-size: 15.5px;
  font-weight: 300;
}

.columnwrap {
  background-color: var(--light-sea-green-2);
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 30px;
}

.descriptionwrap {
  background-color: var(--light-sea-green-2);
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.descriptionwrap.painpoint {
  margin-bottom: 0;
  padding: 30px;
}

.italic-text {
  font-style: normal;
  font-weight: 700;
}

.list-item-17, .list-item-18, .list-item-19, .list-item-20, .list-item-21, .list-item-22, .list-item-23, .list-item-24, .list-item-25 {
  margin-bottom: 8px;
}

.list-item-26 {
  margin-bottom: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.list-item-27, .list-item-28, .list-item-29, .list-item-30, .list-item-31 {
  margin-bottom: 8px;
}

.text-span-29 {
  color: var(--cbs-blue);
  font-weight: 500;
}

.italic-text-2 {
  font-style: normal;
}

.italic-text-2.solution {
  max-width: 650px;
  color: var(--white);
}

.lightbox-link-2 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-5, .image-6 {
  width: 30%;
}

.div-block-68 {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pp-lightbox {
  background-color: #0000;
  width: 31%;
}

.div-block-70, .pplightbox {
  width: 31%;
}

.image-8 {
  margin-bottom: 40px;
}

.image-9, .image-10 {
  margin-bottom: 80px;
}

.div-block-72 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e5d10725e17909be4621ab1_CBS-Animation_1.gif");
  background-position: 50% 0;
  background-size: cover;
  width: 900px;
  height: 360px;
  margin-left: auto;
  margin-right: auto;
}

.text-span-30 {
  color: #666;
  font-weight: 300;
}

.lookbook {
  width: 100vw;
  max-width: 1184px;
  margin-top: 0;
  padding: 60px 60px 0;
  position: relative;
}

.lookbook.double {
  width: 50%;
  padding: 0 0 0 60px;
}

.lookbook.double.l {
  width: 100vw;
  max-width: 1184px;
  height: auto;
  padding-top: 60px;
  padding-right: 60px;
}

.lookbook.double.r {
  width: 100vw;
  max-width: 1184px;
  height: auto;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.div-block-73 {
  width: auto;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.div-block-74, .div-block-75, .image-11, .image-12 {
  width: 50%;
}

.doublephotowrap {
  display: flex;
}

.doublephotowrap._2014 {
  margin-top: 60px;
}

.testwrap {
  background-color: var(--angels-red);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.testwrap._1 {
  display: block;
}

.testwrap._2 {
  background-color: #0000;
  width: auto;
  height: auto;
  min-height: 105%;
  display: flex;
  position: relative;
}

.testwrap.flex {
  align-items: stretch;
}

.div-block-76 {
  width: 50%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.div-block-76.scroll {
  position: static;
}

.div-block-77 {
  background-color: var(--dark-khaki);
  height: 200vh;
}

.div-half {
  width: 50%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
}

.div-half.fixed {
  z-index: 200;
  background-color: var(--cbs-blue);
  display: none;
  top: 0;
  left: 0;
  right: 0;
}

.div-half.bottom {
  z-index: 250;
  background-color: var(--cbs-blue);
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.div-half.absolute {
  background-color: var(--cbs-blue);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.div-half.white {
  background-color: var(--white);
  height: auto;
  display: block;
  position: relative;
  left: 50%;
}

.heading-3 {
  color: #fff;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.section-3 {
  background-color: var(--dark-olive-green);
  width: 100%;
  height: 800px;
  color: var(--black);
  position: relative;
}

.left {
  background-color: #fafafa;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  height: auto;
  display: flex;
  position: relative;
}

.left.homepage {
  background-color: #fff;
}

.left.business._2 {
  background-color: var(--white);
  background-color: #fff;
  max-height: none;
}

.right {
  background-color: var(--light-yellow);
  flex: 1;
}

.leftinner {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  min-height: 600px;
  padding: 38vh 60px 60px;
  display: block;
  position: sticky;
  top: 0;
}

.leftinner.main {
  height: auto;
}

.leftinner.yanyan {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 80px;
  display: flex;
}

.leftinner.business._1 {
  background-color: var(--light-sea-green-2);
}

.leftinner.business._1.mobile {
  background-color: var(--white);
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.leftinner.mobile {
  background-color: var(--light-sea-green-2);
  max-height: none;
  padding-top: 32vh;
  padding-bottom: 60px;
}

.heading-4 {
  text-align: left;
  flex: 0 auto;
  max-width: 650px;
  margin: 6px auto auto;
  font-size: 36px;
  font-weight: 500;
  display: block;
}

.textwrapper {
  padding: 80px 20px 20px;
}

.textwrapper.branding {
  background-color: var(--light-sea-green-2);
  padding: 80px 20px 20px;
}

.textwrapper.branding.website {
  background-color: #0000;
  padding-bottom: 24px;
}

.textwrapper.branding.biz {
  background-color: var(--white);
  padding-top: 12vh;
  padding-bottom: 0;
}

.textwrapper.ad {
  margin-bottom: 40px;
  padding: 0;
}

.textwrapper.ad.divide {
  margin-bottom: 0;
}

.textwrapper.homepage {
  justify-content: flex-start;
  align-items: flex-end;
  padding: 60px;
}

.textwrapper.homepage._1 {
  background-color: var(--light-sea-green-2);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  max-height: 600px;
  display: flex;
}

.textwrapper.homepage._2 {
  background-color: var(--boxful);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  max-height: 600px;
  display: flex;
}

.textwrapper.homepage._3 {
  background-color: var(--cbs-blue);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  max-height: 600px;
  display: flex;
}

.textwrapper.homepage._4 {
  opacity: 1;
  background-color: #fafafa;
  background-image: linear-gradient(to top, #00000040, #fff0), url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e661447098d4f825a8bc7f9_2016_1.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  max-height: 600px;
  padding: 0;
  display: flex;
}

.textwrapper.homepage._5 {
  background-color: var(--angels-red);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  max-height: 600px;
  display: flex;
}

.textwrapper.homepage._6 {
  display: flex;
}

.textwrapper.homepage.yy {
  background-color: #ffe629;
  flex-direction: column;
  height: 80vh;
  max-height: 600px;
  display: flex;
}

.textwrapper.homepage.plugs {
  background-image: linear-gradient(#bdf6ff, #fff);
  height: 80%;
  max-height: 600px;
  margin-top: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.textwrapper.ubl {
  background-color: var(--black);
  flex-direction: column;
  height: 80vh;
  max-height: 600px;
  padding: 60px;
  display: flex;
}

.textwrapper.mobile {
  background-color: var(--light-sea-green-2);
  inset: -593px 0% auto;
  justify-content: center;
  align-items: stretch;
  height: auto;
  padding: 0 0% 0;
  display: flex;
  position: relative;
  inset: 0 0% auto;
  overflow: visible;
}

.textwrapper.business {
  background-color: #0000;
  background-image: linear-gradient(#ffffffbf, #ffffffbf);
  flex-direction: column;
  height: 80vh;
  max-height: 600px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.textwrapper.pl {
  background-image: linear-gradient(#000, #fff), url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6104c335aa8822891387a242_OutCastillo.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  height: 80vh;
  padding: 60px;
  display: none;
}

.flexwrapper {
  display: flex;
  position: relative;
  overflow: visible;
}

.flexwrapper.left.opposite {
  flex-direction: row;
}

.flexwrapper.left.opposite.mobile {
  display: none;
}

.flexwrapper.homepage {
  overflow: visible;
}

.flexwrapper.yanyan {
  background-color: #fafafa;
  display: flex;
}

.flexwrapper.leftscroll {
  display: none;
}

.flexwrapper.leftscroll.mobile {
  min-height: auto;
  max-height: none;
  display: none;
}

.flexwrapper.leftscroll.mobile.bottom {
  background-color: var(--white);
  display: flex;
}

.right-2 {
  background-color: #faffe5;
  flex: 1;
}

.right-2.branding {
  background-color: #fafafa;
}

.right-2.homepage {
  background-color: #0000;
  flex-flow: column;
  height: auto;
  max-height: none;
  display: flex;
  overflow: hidden;
}

.right-2.yanyan {
  background-color: #0000;
}

.right-2.business._1 {
  background-color: #fafafa;
}

.right-2.business._2 {
  background-color: #fef9e5;
}

.right-2.business.mobile {
  background-color: var(--white);
  background-color: #fff;
  display: block;
  position: relative;
  top: 0;
  overflow: visible;
}

.stickyscrollimage {
  box-shadow: -1px 1px 8px 1px #0003;
}

.div-block-78 {
  margin-top: 40px;
}

.columns-2 {
  margin-top: 8px;
}

.column-3, .column-4, .column-5 {
  padding-left: 0;
}

.wrapper100vh {
  background-color: var(--light-sea-green-2);
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  max-height: 900px;
  display: flex;
}

.wrapper100vh.ads {
  background-color: var(--boxful);
  color: #333;
}

.wrapper100vh.test._2 {
  background-color: var(--white);
  max-height: 900px;
}

.wrapper100vh.test._1 {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper100vh.test._1.title {
  max-height: none;
}

.wrapper100vh.vi {
  flex-direction: row;
  max-height: 800px;
}

.wrapper100vh.printads {
  max-height: none;
  padding: 60px;
}

.wrapper100vh.animations {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  max-height: none;
  padding: 60px 60px 160px;
  display: none;
  overflow: hidden;
}

.wrapper100vh.animations.desktop {
  padding-bottom: 60px;
  display: block;
}

.containergrid {
  width: 70%;
  height: 100%;
}

.containergrid.right.vi {
  background-color: #0000;
}

.containergrid._30 {
  width: 30%;
}

.containergrid._30.content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 60px 40px 40px;
  display: flex;
}

.containergrid._60 {
  width: 60%;
}

.containergrid.content {
  padding: 40px 60px 40px 40px;
}

.containergrid.content._40 {
  background-color: var(--light-sea-green-2);
  flex-direction: column;
  justify-content: center;
  width: 40%;
  padding-left: 60px;
  display: flex;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto minmax(auto, 1fr);
  grid-template-areas: "Area"
                       ".";
  align-content: stretch;
  align-items: stretch;
}

.gridrow {
  height: 50%;
}

.gridrow._50 {
  display: flex;
}

.gridcell {
  width: 50%;
  height: 100%;
}

.cellimage {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7810c80a930f4194c9dd75_Branding-03.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
}

.cellimage._1 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8add14ab1cf80494a938f7_Branding-03.png");
}

.cellimage._2 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7810e734e76ca604b896d6_Branding-04.png");
  background-position: 50%;
  background-size: 100%;
}

.cellimage._3 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e78111bbc62621a4e8bf102_Branding-01.png");
  background-position: 50%;
  background-size: 100%;
}

.cellimage._4 {
  background-color: var(--boxful);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7811d67328503513b30f19_ThumbBranding.png");
  background-position: 50%;
  background-size: 100%;
}

.horizontal-scroll-section {
  background-color: var(--boxful);
  height: 400vh;
  padding-bottom: 60px;
  display: none;
  position: relative;
}

.horizontal-scroll-wrapper {
  width: 100vw;
  height: 60vh;
  position: sticky;
  top: 40vh;
  overflow: hidden;
}

.horizontal-scroll-content {
  width: 800vw;
  display: flex;
  overflow: visible;
}

.horizontal-scroll-image {
  background-color: var(--cbs-blue);
  width: 430px;
  height: 50vh;
  margin-top: 16px;
  margin-right: 16px;
}

.horizontal-scroll-image._1 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7826f00014e69caa1d3b2b_interior.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60vw;
  margin-bottom: 60px;
  margin-left: 60px;
  margin-right: 60px;
}

.horizontal-scroll-image._2 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7827499105fae872e62923_Boxful-In-Train-Indoor-01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50vw;
  margin-right: 60px;
}

.horizontal-scroll-image._3 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7827c90a930fd88eca43c1_Door.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60vh;
  margin-right: 60px;
}

.horizontal-scroll-image._4 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7828641ede361a44bbed93_icons%20MTR.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33vw;
  margin-right: 60px;
}

.horizontal-scroll-image._5 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7828ced25345973e9c5663_Seats%20(1).jpg");
  background-position: 50% 0;
  background-size: cover;
  width: 75vh;
  margin-right: 60px;
}

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

.horizontal-content-block {
  margin-bottom: 40px;
  padding-top: 40px;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
  inset: 0% 0% auto;
}

.horizontal-content-block.in-train {
  float: left;
  clear: none;
  width: 50%;
  height: 40vh;
  margin-bottom: 0;
  padding-top: 5%;
  padding-bottom: 40px;
  padding-right: 0;
  position: sticky;
  top: 0;
  left: auto;
  right: auto;
}

.horizontal-content-block.photography {
  width: auto;
  height: auto;
  padding-top: 40px;
}

.mtrwrapper {
  background-color: var(--boxful);
  height: 40vh;
  display: block;
  position: relative;
}

.section-4 {
  display: flex;
}

.left_1 {
  background-color: #fafafa;
  flex: 1;
  padding: 30vh 60px 90px 90px;
  display: block;
}

.left_1.update {
  padding-top: 80px;
}

.right_1 {
  background-color: #fafafa;
  flex: 1;
}

.right_1inner {
  flex-direction: column;
  height: 100vh;
  padding: 60px 60px 60px 40px;
  display: flex;
  position: sticky;
  top: 0;
}

.right_1inner.opposite {
  flex-direction: column;
  align-items: stretch;
  padding-left: 60px;
  padding-right: 0;
  display: flex;
}

.body-4 {
  height: auto;
  display: block;
}

.div-block-79 {
  width: 100%;
  max-width: 1100px;
  display: flex;
}

.link-5 {
  color: #888;
  font-family: PT Serif, serif;
  font-size: 15px;
  text-decoration: none;
}

.link-5.w--current {
  color: #00c4b3;
  font-weight: 500;
}

.link-5._2way.current.w--current {
  color: #f60105;
}

.link-5._2way.current {
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link-5._2way.current.w--current {
  color: #f60105;
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link-6 {
  color: #888;
  font-family: PT Serif, serif;
  font-size: 15px;
  text-decoration: none;
}

.link-6.w--current {
  color: #00c4b3;
  font-weight: 500;
}

.link-6._2way {
  display: block;
}

.link-6._2way.current {
  font-family: PT Serif, serif;
  font-size: 15px;
}

.link-6._2way.current.w--current {
  color: #f60105;
}

.body-5 {
  height: auto;
}

.background-video {
  z-index: 5;
  border: 4px none var(--white);
  object-fit: none;
  background-color: #0000;
  flex: 0 auto;
  width: 100%;
  height: 500px;
  margin-bottom: 40px;
  display: block;
}

.bgvidwrapper {
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bgvidwrapper.branding {
  flex: 1;
  align-items: stretch;
  overflow: visible;
}

.div-block-80 {
  background-color: var(--boxful);
  flex: 0 auto;
  width: 100%;
  height: 30%;
  display: none;
}

.bgvideocontainer {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/61162b2fb8fc42d3c97c1708_BoxfulBrandingHeroShopped.jpg");
  background-position: 50% 90%;
  background-size: cover;
  width: 100%;
  height: 65vh;
  padding-top: 0;
}

.bgvideocontainer.yanyan {
  background-color: #0000;
  background-image: none;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 40px;
  display: flex;
}

.infoblock {
  background-color: var(--boxful);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  padding: 100px 60px 60px;
  display: flex;
}

.infoblock.ohtani {
  background-color: var(--angels-red);
}

.infoblock.ohtani.template {
  background-color: var(--boxful);
}

.infoblock.cbs {
  background-color: var(--cbs-blue);
}

.infoblock.homepage {
  background-color: var(--olive-drab);
  display: block;
}

.infoblock.yanyan {
  background-color: #ffe629;
  display: none;
}

.contain50 {
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding: 0 0 0 60px;
  display: flex;
}

.div-block-84 {
  min-width: 900px;
  max-width: 1200px;
  display: flex;
}

.sticky {
  width: 100%;
  display: block;
  position: sticky;
  top: 0;
}

.div-block-85 {
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.image-14 {
  margin-bottom: 20px;
}

.lightboxwrapper {
  flex: 0 auto;
  height: auto;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.lightboxwrapper.bottom {
  height: auto;
  margin-bottom: 0;
}

.div-block-86, .div-block-87, .div-block-88 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.image-15, .image-16, .image-17 {
  height: 100%;
}

.div-block-89 {
  width: auto;
  height: auto;
  margin-left: 20px;
}

.lightboxcontainer {
  max-width: none;
  height: 526px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.image-18, .image-19, .lightbox_image, .image-21, .image-22, .image-23 {
  width: 100%;
  height: 250px;
}

.textcontain {
  max-width: 650px;
}

.textcontain._640 {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  max-width: 640px;
  padding-right: 0;
  display: flex;
}

.textcontain._640.gif {
  justify-content: flex-end;
  align-items: flex-start;
  width: 260px;
  max-width: none;
  margin-left: 0;
  position: static;
  inset: auto 0% 0% auto;
}

.textcontain._640.center {
  align-items: center;
}

.textcontain.branding.overview {
  clear: none;
  flex: 0 auto;
  width: 650px;
  padding-right: 100px;
  display: block;
}

.textcontain.branding.overview.cbs {
  padding-right: 100px;
}

.textcontain.ohtani {
  flex: 0 auto;
  padding-right: 0;
}

.textcontain._450 {
  max-width: 450px;
}

.div-block-90 {
  justify-content: flex-end;
  display: flex;
}

.section-5 {
  background-color: #e9f8f7;
}

.photographysection {
  background-color: var(--white);
  width: 100%;
  height: 100vh;
  max-height: 800px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.photographysection.mobile {
  display: none;
}

.photographscontain {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.photographscontent {
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  padding: 40px 60px;
  display: flex;
  overflow: hidden;
}

.image-24 {
  max-width: none;
}

.lightbox-link-4 {
  flex: 1;
  margin-bottom: 20px;
}

.image-25 {
  max-width: none;
}

.image-26 {
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
}

.image-27, .image-28 {
  margin-left: 20px;
  margin-right: 20px;
}

.contain {
  flex-direction: column;
  width: 60%;
  padding-top: 20px;
  display: flex;
  overflow: hidden;
}

.photocontain {
  height: 31.25vh;
  margin-bottom: 20px;
  display: flex;
}

.photocontain.content {
  display: none;
}

.bgimage {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e818808d802d670628e4c0b_Scatter.jpg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
}

.bgimage._2 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e818809fea9a3243bdd8921_Oscar%20Delivery.jpg");
  background-position: 30%;
  margin-left: 20px;
  margin-right: 20px;
}

.bgimage._3 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e83475028f0fa1af69d4a65_Tweety.jpg");
  background-position: 50%;
}

.bgimage._4 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8188096e9ef05539077664_Move%20Sofa.jpg");
}

.bgimage._5 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8346850a46294046d4f041_Packing%20up.jpg");
  margin-left: 20px;
  margin-right: 20px;
}

.bgimage._6 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e81880989fbd7dfb317729a_Oscar%20Warehouse.jpg");
}

.bgimage._7 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e834554a90ef766c3d55e20_Lockers.jpg");
}

.bgimage._8 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e818808d75a9b7251fc690a_Eds%20Place.jpg");
  background-position: 80%;
  margin-left: 20px;
  margin-right: 20px;
}

.bgimage._9 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e818807a7eca188bb9911e1_Falling%20Standard.jpg");
  background-position: 30%;
}

.mainsection {
  display: block;
}

.div-block-91 {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.flexcontain {
  height: 50vh;
  margin-top: 8%;
  margin-bottom: 60px;
  display: flex;
}

.printimage {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8b1e339e241c110c0806ae_4%2BSheet%2BBUS.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

.printimage._2 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8b1e65a9dc931845c3d3d1_Old%20Ads2.jpg");
  margin-left: 60px;
}

.div-block-92 {
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  height: auto;
  padding-right: 0;
  display: flex;
  position: static;
}

.mask-2 {
  height: 400px;
}

.slide-nav-2 {
  color: #b8b8b8;
  margin-top: 21px;
  padding-top: 0;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  line-height: 14px;
  inset: auto 0%;
}

.slide-nav-2:hover, .slide-nav-2:active, .slide-nav-2:focus {
  color: var(--_base---color-neutral--black);
}

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

.div-block-94 {
  width: 500px;
}

.background-video-2 {
  z-index: 1;
  opacity: 1;
  flex: 0 auto;
  width: 500px;
  min-width: auto;
  height: 300px;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 80vh 0% 0%;
  overflow: visible;
  box-shadow: -4px 4px 7px 2px #0003;
}

.animationwrapper {
  flex: 0 auto;
  justify-content: space-between;
  width: 50vw;
  height: 300px;
  margin-top: 0;
  display: flex;
}

.animationwrapper.row2 {
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: auto;
  min-height: 300px;
  margin-top: 60px;
  display: flex;
}

.animationwrapper.row2._3 {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.animationwrapper.row1 {
  flex: 1;
  width: 550px;
  height: 300px;
}

.image-29 {
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.image-30 {
  height: 300px;
}

.image-31 {
  height: 300px;
  margin-left: 0;
}

.image-32 {
  height: 450px;
}

.thumb {
  z-index: 6;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ec13c5097ed39e0fe655a_Screenshot%202020-04-09%20at%202.30.56%20PM.png");
  background-position: 50%;
  background-size: cover;
  width: auto;
  height: 250px;
  min-height: auto;
  position: relative;
  top: -250px;
  overflow: hidden;
}

.thumb:hover {
  opacity: 0;
}

.div-block-95 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ec494f70d915e34a53282_Intro%201%20thumb.jpg");
  background-position: 0 0;
  background-size: 300px 300px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: block;
  position: relative;
}

.div-block-96 {
  justify-content: center;
  width: 300px;
  height: auto;
  margin-left: 0;
  margin-right: 60px;
  display: block;
}

.div-block-97 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ec494f70d915e34a53282_Intro%201%20thumb.jpg");
  background-position: 50%;
  background-size: cover;
  width: 300px;
  height: 300px;
  position: relative;
  left: -300px;
}

.div-block-98 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ec494f70d915e34a53282_Intro%201%20thumb.jpg");
  background-position: 50%;
  background-size: cover;
  width: 300px;
  height: 300px;
  position: relative;
  top: -300px;
}

.div-block-98:hover {
  opacity: 0;
}

.div-block-99 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ec878bc5c4f5b01414f4b_Intro%202%20thumb%20copy.jpg");
  background-position: 50%;
  background-size: cover;
  width: 300px;
  height: 300px;
  position: relative;
  top: -300px;
}

.div-block-99:hover {
  opacity: 0;
}

.div-block-100 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ec899f70d917468a5564b_Mobile_1%20thumb.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 300px;
  height: 300px;
  position: relative;
  top: -300px;
}

.div-block-100:hover {
  opacity: 0;
}

.div-block-101 {
  margin-right: 60px;
}

.div-block-102 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ed2b9f7a038801cc80722_XL-Landscape.gif");
  background-position: 50% 0;
  background-size: cover;
  width: 500px;
  height: 300px;
  margin-left: 60px;
}

.div-block-103 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8eebc9e300e46c576687b3_Screenshot%202020-04-09%20at%205.32.32%20PM.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  position: relative;
}

.div-block-103:hover {
  opacity: 0;
}

.div-block-104 {
  z-index: 6;
  border: 1px none var(--white);
  height: 500px;
  display: block;
  position: relative;
}

.div-block-104:hover {
  opacity: 0;
}

.div-block-105 {
  justify-content: space-between;
  align-self: flex-start;
  width: auto;
  height: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.background-video-3 {
  width: 600px;
  height: 300px;
}

.background-video-4 {
  width: 800px;
  height: 800px;
}

.bgimagephotoad {
  height: 40vh;
}

.bgimagephotoad._1 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8b1e65a9dc931845c3d3d1_Old%20Ads2.jpg");
  background-position: 0 100%;
  background-size: cover;
}

.bgimagephotoad._2 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8b1e339e241c110c0806ae_4%2BSheet%2BBUS.jpg");
  background-position: 50% 35%;
  background-size: cover;
}

.bgimagephotoad._3 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7826f00014e69caa1d3b2b_interior.jpg");
  background-size: cover;
}

.bgimagephotoad.vert {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: 125px;
  width: 50%;
}

.bgimagephotoad.vert.l._1 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7827c90a930fd88eca43c1_Door.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 0 0;
  background-size: cover, 125px;
  width: 40%;
  margin-right: 40px;
}

.bgimagephotoad.vert.r._1 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7827499105fae872e62923_Boxful-In-Train-Indoor-01.png"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 0 0;
  background-size: cover, 125px;
  width: 60%;
}

.bgimagephotoad._4 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7828ced25345973e9c5663_Seats%20(1).jpg");
  background-position: 50% 0;
  background-size: cover;
}

.bgimagephotoad._5 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7828641ede361a44bbed93_icons%20MTR.jpg");
  background-position: 0 0;
  background-size: cover;
}

.div-block-106 {
  flex-direction: row;
  display: flex;
}

.adcontent {
  color: #888;
  text-decoration: none;
}

.adcontent.w--current {
  color: #333;
}

.adcontent.paragraph {
  color: #dadada;
}

.adcontent.paragraph.w--current {
  color: #333;
  font-weight: 300;
}

.adheading {
  color: #dadada;
  margin-bottom: 0;
  font-size: 20px;
  text-decoration: none;
}

.adheading.w--current {
  color: var(--boxful);
  margin-bottom: 0;
  font-weight: 500;
}

.adheading.gif {
  color: var(--boxful);
  font-weight: 500;
}

.adssection {
  margin-bottom: 30vh;
  display: block;
}

.adssection.update {
  margin-bottom: 10vh;
}

.printadcontentblock {
  align-self: flex-start;
  max-width: 650px;
  margin: auto;
}

.printadcontentblock._1 {
  align-self: flex-start;
  max-width: 640px;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-right: 0;
  padding-right: 0;
}

.printadcontentblock._2 {
  max-width: 640px;
  margin-top: 0;
  margin-right: 0;
  padding-right: 0;
}

.image-descript-container {
  align-self: flex-end;
  margin: auto 0 auto auto;
}

.projectthumb {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e33f00443be9d1ffa51de83_MacBook-Boxful-NoBG.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  flex: 1;
  width: 100%;
  height: 80%;
  margin-bottom: 20px;
  margin-right: 0;
}

.projectthumb._1 {
  height: auto;
  min-height: 440px;
  max-height: 440px;
  display: flex;
}

.projectthumb._2 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7811d67328503513b30f19_ThumbBranding.png");
}

.projectthumb._3 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e992c39531fea0d5e017b7f_CBS-App-Phone-Annotation.png");
  background-size: auto 110%;
}

.projectthumb._4 {
  display: none;
}

.projectthumb._5 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e98090e57a37119aacee593_1968-Topps-Ohtani-Rookie-Stars.png");
  background-position: 50%;
  background-size: 80%;
  display: none;
}

.projectthumb._5.update {
  background-image: none;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.projectthumb.yy {
  background-image: none;
  border: 1px #000;
  justify-content: center;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.projectthumb.yy.update {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f87082da7203638e83faa66_Untitled-1-01.svg");
  background-position: 50%;
  background-size: auto 240px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.projectthumb.ubl {
  display: none;
}

.projectthumb.business {
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.projectthumb.plug {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  height: 75%;
  margin-bottom: 0;
  display: block;
}

.projectthumb.boxful {
  background-position: 75%;
  background-size: 150%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.projectthumb.boxful-branding {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7811d67328503513b30f19_ThumbBranding.png");
  background-position: 15%;
  background-size: 175%;
  height: 100%;
}

.projectthumb.pl {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6a329a34ec46cf5ca17f9ae5_FA%20Leaders%202X2.png");
  background-position: 50% 33%;
  background-size: 180%;
  height: 100%;
}

.projectthumb.bettle {
  background-image: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
}

.projectthumb.js {
  background-image: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.projectthumb.ah {
  background-image: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.projectthumb.sat {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e661447098d4f825a8bc7f9_2016_1.jpg");
  background-size: 640px;
  height: 100%;
}

.projectthumb.about {
  background-image: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.rich-text-block {
  align-self: center;
  width: 30%;
}

.div-block-109 {
  z-index: 12;
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  bottom: auto;
}

.div-block-110 {
  width: auto;
}

.div-block-110.ubl {
  width: 80%;
}

.forward {
  opacity: .2;
  align-self: center;
  height: 40px;
  display: block;
}

.forward:hover {
  opacity: 1;
  transform: translate(5px);
}

.link-block {
  align-self: center;
}

.div-block-111 {
  width: 100%;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.text-span-31, .text-span-32, .text-span-33 {
  color: #333;
  font-weight: 500;
}

.background-video-5 {
  z-index: 5;
  width: 600px;
  height: 400px;
}

.line {
  background-color: var(--black);
  opacity: .2;
  border-top: 1px solid #000;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  display: none;
}

.line.ubl {
  background-color: var(--white);
}

.grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "Area"
  / 1fr 1fr 1fr;
  margin-bottom: 40px;
}

.lightbox-link-5 {
  display: none;
}

.lightboxheader {
  color: #333;
  margin-bottom: 20px;
  font-size: 15.5px;
  font-weight: 700;
  text-decoration: none;
}

.lightbox-link-6 {
  background-color: #fafafa;
  padding: 20px;
  text-decoration: none;
}

.lightboxcontent {
  color: #333;
}

.lightboxlist {
  color: #333;
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 15.5px;
}

.lightboxlist.paragraph {
  margin-top: 20px;
}

.lightbox-link-7, .lightbox-link-8 {
  background-color: #fafafa;
  padding: 20px;
  text-decoration: none;
}

.image-35, .image-36, .image-37, .list-item-32, .list-item-33, .list-item-34, .list-item-35, .list-item-36, .list-item-37, .list-item-38 {
  margin-bottom: 10px;
}

.lightbox-link-9 {
  width: 100%;
  text-decoration: none;
}

.text-span-34 {
  color: #666;
  font-style: italic;
  font-weight: 300;
}

.list-item-39 {
  margin-bottom: 8px;
}

.grid-3 {
  grid-column-gap: 8px;
  grid-template-rows: auto;
}

.painpointwrap {
  background-color: #fafafa;
  padding: 20px;
}

.column-6 {
  padding-left: 0;
  padding-right: 20px;
}

.column-7 {
  padding-left: 20px;
  padding-right: 0;
}

.text-span-35, .text-span-36 {
  color: var(--cbs-blue);
  font-weight: 500;
}

.text-block-25 {
  color: var(--black);
  margin-bottom: 16px;
  font-size: 15.5px;
  font-weight: 700;
}

.text-block-25.white {
  color: var(--white);
}

.div-block-117 {
  margin-top: 40px;
  margin-bottom: 0;
}

.list-8 {
  padding-left: 20px;
}

.list-item-40, .list-item-41, .list-item-42 {
  margin-bottom: 8px;
}

.section-6 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-7 {
  flex-direction: column;
  align-items: center;
  padding-bottom: 160px;
  display: flex;
}

.text-span-37, .text-span-38 {
  font-weight: 500;
}

.text-span-39 {
  color: var(--cbs-blue);
  font-weight: 500;
}

.columns-3 {
  margin-bottom: 40px;
}

.column-8 {
  padding-left: 0;
  padding-right: 20px;
}

.column-9 {
  background-color: #fafafa;
  padding: 20px 30px;
}

.conclusiontext {
  color: #666;
  font-size: 15.5px;
  font-style: italic;
}

.conclusiontext.update {
  color: var(--cbs-blue);
}

.text-span-40 {
  color: var(--cbs-blue);
  font-weight: 500;
  text-decoration: underline;
}

.greenline {
  background-color: #cbf040;
  width: 100%;
  height: 1px;
}

.column-10 {
  background-color: #0000;
  height: auto;
  padding-left: 10px;
  padding-right: 0;
}

.div-block-118 {
  background-color: var(--cbs-blue);
  height: 100%;
}

.div-block-119 {
  background-color: var(--cbs-blue);
  height: auto;
  padding: 20px;
}

.column-11 {
  padding-left: 0;
  padding-right: 0;
}

.list-9 {
  color: var(--white);
  padding-left: 20px;
}

.list-item-43, .list-item-44, .list-item-45 {
  margin-bottom: 8px;
}

.image-38 {
  margin-bottom: 80px;
}

.grid-4 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-39, .image-40, .image-41, .image-42, .image-43 {
  border: 1.5px solid var(--steel-blue);
}

.image-44 {
  border: 1.5px solid var(--steel-blue);
  border-radius: 1.5px;
}

.div-block-120 {
  background-color: #fafafa;
  margin-bottom: 30px;
  padding: 30px;
}

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

.section-8 {
  padding-top: 64px;
  padding-bottom: 200px;
  overflow: visible;
}

.sslockerwrapper {
  color: #333;
  background-color: #fafafa;
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.div-block-121 {
  background-color: #324a5e;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5eac34ac91dd173260e94595_LockerDarkBluShadow_full.png");
  background-position: 54% 80%;
  background-repeat: no-repeat;
  background-size: 196px;
  align-self: center;
  width: 200px;
  height: 200px;
  max-height: 0%;
}

.bold-text-2 {
  font-family: var(--_base---font-family--data);
  font-weight: 500;
}

.div-block-122 {
  width: 100%;
}

.div-block-123 {
  height: 120px;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-124 {
  margin-top: 30px;
  display: flex;
}

.image-45 {
  height: 100%;
  margin-left: 40px;
}

.list-item-46 {
  margin-bottom: 8px;
}

.text-span-42, .text-span-43, .text-span-44 {
  color: var(--toby-red);
  font-weight: 500;
}

.div-block-125 {
  float: right;
  clear: none;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5eb021bf067e4c516a0cc857_Locker-1.0.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 400px;
  width: 400px;
  height: 560px;
  margin-bottom: 0;
  margin-left: 0;
  position: absolute;
  top: auto;
  right: 0;
  overflow: visible;
}

.div-block-126 {
  width: 100%;
}

.text-span-45 {
  color: var(--white);
  font-weight: 500;
}

.text-span-46 {
  color: var(--boxful);
  font-weight: 500;
}

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

.image-46 {
  width: 5%;
}

.column-12 {
  padding-left: 0;
  padding-right: 39px;
}

.column-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.columns-4 {
  margin-bottom: 64px;
}

.background-video-6 {
  z-index: 5;
  height: 320px;
  display: none;
  position: relative;
}

.div-block-128 {
  z-index: 2;
  background-color: var(--boxful);
  padding: 16px 20px;
  position: relative;
}

.div-block-128.homepage {
  margin-top: 16px;
  margin-bottom: 60px;
}

.image-47 {
  max-width: 880px;
  margin-top: 40px;
}

.text-span-47 {
  color: var(--boxful);
  font-weight: 500;
}

.left-arrow-3 {
  display: block;
}

.text-span-48 {
  color: var(--midnight-blue);
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
}

.background-video-7 {
  z-index: 5;
  height: 400px;
}

.div-block-129 {
  z-index: 2;
  background-color: #fafafa;
  margin-bottom: 60px;
  padding: 20px;
  position: relative;
}

.div-block-130 {
  display: none;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  grid-template-areas: "Area";
  height: 100vh;
  max-height: 800px;
}

.div-block-131 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8add14ab1cf80494a938f7_Branding-03.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.div-block-132 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7810e734e76ca604b896d6_Branding-04.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
}

.div-block-133 {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e78111bbc62621a4e8bf102_Branding-01.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
}

.div-block-134 {
  background-color: var(--boxful);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7811d67328503513b30f19_ThumbBranding.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
}

.section-9 {
  height: 100vh;
}

.div-block-135 {
  height: 400vh;
}

.div-block-136 {
  height: 181px;
  position: sticky;
  top: 0;
}

.section-10 {
  height: 100vh;
}

.footer {
  height: 200px;
}

.footer.work {
  height: 180px;
  position: static;
  overflow: hidden;
}

.footer.work.yanyan {
  position: static;
}

.footer.work.business {
  background-color: var(--boxful);
  height: 100vh;
}

.slider-6 {
  background-color: #0000;
  width: 100vw;
  height: 200px;
}

.slide-nav-4 {
  width: auto;
  display: none;
}

.footercontain {
  background-color: #0000;
  height: auto;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.footercontainleft {
  background-color: var(--angels-red);
  width: 50%;
  height: 180px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 60px;
  position: relative;
}

.footercontainleft.branding {
  z-index: 2;
  background-color: var(--boxful);
}

.footercontainleft.sat.left {
  background-color: var(--cbs-blue);
  padding-right: 0;
}

.footercontainleft.biz {
  background-color: #999;
  justify-content: flex-end;
  padding-right: 80px;
  display: flex;
}

.footercontainleft.yy {
  background-color: #ffe629;
  justify-content: flex-end;
  padding-right: 80px;
  display: flex;
  overflow: hidden;
}

.footercontainright {
  background-color: var(--boxful);
  width: 50%;
  height: 180px;
  position: relative;
}

.footercontainright.ux {
  background-color: var(--cbs-blue);
}

.footercontainright.sat {
  background-color: var(--white);
  overflow: hidden;
}

.footercontainright.ohtani.right {
  background-color: var(--angels-red);
}

.footercontainright.yy {
  background-color: #ffe629;
  padding-left: 80px;
  display: flex;
}

.footercontainright.biz {
  background-color: #999;
  padding-left: 80px;
  display: flex;
}

.footerimage {
  filter: saturate();
  max-width: none;
  max-height: 100%;
}

.footerimage.sat {
  display: none;
}

.image-49 {
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0% 40px 0% auto;
}

.imagecontain {
  filter: saturate();
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ec64ed3df53aa1e47dcb7c3_1968-Topps-Ohtani-Rookie-Stars-RedOverlay.jpg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto 95%;
  height: 200px;
}

.imagecontain.footer {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ec64ed3df53aa1e47dcb7c3_1968-Topps-Ohtani-Rookie-Stars-RedOverlay.jpg");
  background-position: 100%;
  background-size: auto 90%;
  height: 180px;
}

.imagecontain.footer.ux {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ec64d816a85041f3a3e07b0_MacBook-Boxful-NoBG-Overlay.jpg");
  background-position: 100%;
  background-size: auto 100%;
}

.imagecontain.footer.sat {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ec88a9e05a9e12e54105b53_SAT_Footer.jpg");
  background-position: 50% 66%;
  background-size: cover;
}

.imagecontain.footer.branding {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ec7e67fe6f629623a2aa442_BrandingFooter.jpg");
  background-size: auto 100%;
}

.imagecontain.footer.branding.right {
  z-index: 2;
  background-color: var(--boxful);
  background-position: 25%;
  position: relative;
}

.imagecontain.footer.right {
  background-color: var(--angels-red);
  background-position: 25%;
}

.imagecontain.footer.cbs {
  background-color: var(--cbs-blue);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ec7ed870a860f193c6db7bb_CBS_Footer.jpg");
  background-position: 80%;
  background-size: auto 100%;
}

.imagecontain.footer.yy {
  background-color: #ffe629;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5fc60ed95aac624746b835ab_YanYanTruck_ISO_Thumb.png");
  background-position: 100%;
  background-size: auto 220px;
  display: none;
}

.imagecontain.footer.biz {
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5fc655141ecf2d40cb22057a_Biz-thumb.png");
  background-position: 75%;
  background-size: 240px;
  display: none;
}

.imagecontain.biz {
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5fc655141ecf2d40cb22057a_Biz-thumb.png");
  background-position: 0%;
  display: none;
}

.footertitle.left.white {
  color: var(--white);
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-weight: 500;
  position: absolute;
  inset: 70px 60px 0% auto;
}

.footertitle.right {
  position: absolute;
  inset: 0% auto auto 0%;
}

.footertitle.right.white {
  color: var(--white);
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  top: 70px;
  left: 60px;
}

.footertitle.right.white.branding {
  z-index: 3;
}

.footertitle.right.white.yy {
  color: var(--white);
}

.paragraph-3 {
  color: #ffffffb3;
  font-style: italic;
  position: absolute;
  inset: 110px 60px auto auto;
}

.div-block-143 {
  height: 200px;
  display: flex;
}

.div-block-144 {
  background-color: var(--gold);
  width: 33%;
}

.div-block-145 {
  background-color: var(--olive-drab);
  width: 33%;
}

.div-block-146 {
  background-color: var(--black);
  width: 33%;
}

.image-50 {
  opacity: .25;
  position: absolute;
  inset: 62.5px 40px auto auto;
}

.arrowlink {
  position: absolute;
  inset: 72px auto auto 60px;
}

.arrowlink.right {
  background-color: #0000;
  left: auto;
  right: 60px;
}

.arrowlink.right.branding {
  z-index: 3;
}

.footerarrow.back:hover {
  opacity: .5;
  transform: translate(-16px);
}

.footerarrow.next:hover {
  opacity: .5;
  transform: translate(16px);
}

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

.image-51 {
  width: 400px;
  max-width: none;
  height: 400px;
}

.mask-3 {
  width: 400px;
  height: 400px;
}

.mask-3.update {
  width: 250px;
  height: 250px;
}

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

.div-block-147 {
  width: auto;
  min-width: auto;
  min-height: auto;
}

.slide-10, .slide-11 {
  width: 600px;
}

.mask-4 {
  width: 1000px;
  height: auto;
}

.slider-7 {
  background-color: #0000;
  width: auto;
  height: 45vh;
  position: absolute;
  inset: auto 0% 0% auto;
}

.slider-8 {
  z-index: 1;
  background-color: #0000;
  width: 400px;
  height: 400px;
  margin-right: 0;
  position: absolute;
  inset: 0% auto auto 5vw;
  box-shadow: -1px 1px 8px 1px #0003;
}

.div-block-148 {
  width: 100%;
  height: 250px;
  display: none;
}

.div-block-150 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.background-video-8 {
  width: 100%;
}

.div-block-152 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8e95f15d89c23514d34337_Intro%202.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.slider-10 {
  width: 100%;
  height: 100%;
}

.slide-12 {
  width: 400px;
  height: auto;
}

.image-52 {
  z-index: 10;
  position: absolute;
  inset: 25vh -2vw auto auto;
  box-shadow: -6px 9px 6px 4px #0003;
}

.image-52.desktop {
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  inset: 80vh 0% 0%;
}

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

.div-block-153 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8e974d5ee9cd8f65f304f4_Mobile_1.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e7e7e7;
  width: 100%;
  height: 300px;
}

.div-block-154 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8e95f15d89c23514d34337_Intro%202.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e7e7e7;
}

.div-block-155 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8e94fa1014dc1f10401563_Intro%201.gif"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  border: 1px solid #e7e7e7;
}

.grid-7 {
  background-color: var(--boxful);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  display: none;
}

.grid-7.update {
  display: none;
}

.text-block-26 {
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.div-block-156 {
  max-width: 400px;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.slide-nav-6 {
  z-index: 2;
  width: 100%;
}

.abouttype {
  height: auto;
  padding: 0;
}

.column-15, .column-16 {
  padding-left: 0;
  padding-right: 0;
}

.column-17, .column-18 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.about-me, .experience {
  margin-bottom: 60px;
}

.about.container {
  height: auto;
  position: static;
}

.text-span-49 {
  color: #01c4b3;
  text-decoration: underline;
}

.aboutbody {
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.aboutbody.interests {
  margin-bottom: 20px;
}

.aboutbody.interests.spotify {
  margin-top: 30px;
}

.text-block-28 {
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.link-7 {
  color: var(--boxful);
}

.spotifycontain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.html-embed {
  margin-bottom: 20px;
}

.top5contain {
  display: flex;
}

.rewatchablescontain {
  width: 50%;
}

.rightcontain {
  background-color: #fafafa;
  width: auto;
  height: auto;
  margin-left: 10px;
  padding: 24px;
  display: block;
}

.rightcontain.grails {
  display: block;
}

.rightcontain.starting9 {
  background-color: var(--_base---color-neutral--100);
}

.leftcontain {
  background-color: #fafafa;
  height: auto;
  margin-right: 10px;
  padding: 24px;
}

.leftcontain.album {
  background-color: var(--_base---color-neutral--100);
}

.columns-5 {
  width: 100%;
  margin-bottom: 0;
}

.top5list {
  margin-top: 20px;
  padding-left: 20px;
}

.top5list.aboutbody {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  margin-bottom: 0;
  list-style-type: decimal;
  display: flex;
}

.top5list._6-20 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.list_item {
  margin-bottom: 8px;
}

.list_item.highlight {
  color: var(--boxful);
  font-weight: 700;
}

.list_item.highlight.hanken-2 {
  color: var(--_base---color-neutral--600);
}

.responsive {
  width: auto;
  max-width: 1050px;
}

.top5image {
  width: auto;
  height: 180px;
}

.top5imagecontainer {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5edde73cd96cb06db7b12a6c_ezgif.com-webp-to-jpg.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 20vh;
}

.top5imagecontainer.grails {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5edde73cd96cb06db7b12a6c_ezgif.com-webp-to-jpg.jpg");
  height: 180px;
}

.top5imagecontainer.album {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5edfae8cb5ff3462ead2dbc8_Pinkerton.gif");
  background-position: 0 0;
  background-size: cover;
  height: 270px;
}

.top5imagecontainer.edgardo {
  background-image: none;
  height: auto;
}

.top5title {
  letter-spacing: .25px;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.track {
  margin-top: 0;
  margin-bottom: 8px;
  display: flex;
}

.track._6.highlight {
  color: var(--boxful);
  font-weight: 700;
}

.track._10 {
  position: relative;
  left: -11px;
}

.text-block-29, .number {
  font-family: PT Serif, serif;
  font-size: 20px;
  line-height: 26px;
}

.titletrack {
  margin-left: 4px;
  font-family: PT Serif, serif;
  font-size: 20px;
  line-height: 26px;
}

.morecontainer {
  margin-top: 4px;
  display: none;
}

.text-block-30 {
  text-align: right;
  text-decoration: underline;
}

.seemore, .seeless {
  text-align: right;
  font-style: italic;
  text-decoration: underline;
}

.more-less {
  cursor: pointer;
  justify-content: flex-end;
  display: flex;
}

.top5description {
  background-color: var(--black);
  padding: 16px;
}

.text-span-50, .text-span-51 {
  color: var(--boxful);
  font-weight: 500;
}

.text-span-52 {
  color: var(--angels-red);
  font-weight: 500;
}

.list-item-47 {
  margin-bottom: 8px;
}

.list-item-47.hanken {
  font-weight: 300;
}

.list-item-47.hanken.highlight {
  font-weight: 700;
}

.text-span-53 {
  color: var(--boxful);
  font-weight: 500;
}

.text-span-54 {
  text-decoration: line-through;
}

.text-span-55 {
  color: var(--boxful);
  font-weight: 500;
}

.yycontent {
  width: 100%;
  height: auto;
  padding: 80px 40px;
}

.stickyyy {
  padding-top: 80px;
  padding-bottom: 80px;
  position: sticky;
  top: 0;
}

.yanright, .banwu {
  width: 50%;
  display: block;
  position: absolute;
}

.yanleft {
  width: 50%;
  position: absolute;
}

._1960 {
  width: 50%;
}

.logodescription {
  margin-top: 24px;
}

.logodescription.paragraph {
  position: absolute;
}

.div-block-157 {
  height: 1000px;
}

.logoversion {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.div-block-158 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f0ff0be2ccbd42612aead59_36531920_10156452176117748_7959107718462046208_o.jpg");
  background-position: 50% 25%;
  background-size: cover;
  height: 360px;
  display: none;
}

.oldlogos {
  flex-direction: column;
  justify-content: center;
  height: auto;
  padding: 80px 40px 24px;
  display: flex;
}

.div-block-160 {
  height: auto;
  padding: 100px 0 0;
  overflow: hidden;
}

.container1200 {
  justify-content: center;
  min-width: auto;
  max-width: none;
  height: 100%;
  display: flex;
}

.photo--container._1 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f11629b2e41f9273d0b8e57_OldCard.jpg");
  background-position: 90% 25%;
  background-size: auto 280px;
  width: 33%;
}

.photo--container._2 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f1160ef909613c3333b3348_1000090.jpg");
  background-position: 50% 0;
  background-size: auto 320px;
  width: 34%;
}

.photo--container._3 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f1160ef9096137b4a3b3347_10352749_10155489383290524_6842598794276031875_n.jpg");
  background-position: 50% 0;
  background-size: cover;
  width: 20%;
}

.photo--container._4 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f1160ef5c245002176b69df_2315_49095337019_6933_n.jpg");
  background-position: 0 70%;
  background-size: auto 250px;
  width: 33%;
}

.photo--container._5 {
  align-self: auto;
  align-items: center;
  width: 25%;
  height: 200px;
  padding: 24px;
  display: flex;
  overflow: visible;
}

.sectiontitle {
  margin-bottom: 40px;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.sectiontitle.sophia {
  color: #666;
  margin-bottom: 40px;
  margin-right: 0;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 18px;
}

.sectiontitle.yyweb {
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}

.containsection {
  justify-content: center;
}

.containsection.yy.logo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  min-width: 800px;
  max-width: 1184px;
  display: flex;
}

.containsection.yy.truck {
  overflow: visible;
}

.truckcontain {
  justify-content: space-between;
  display: none;
  position: relative;
}

.illustration_pieces {
  height: 600px;
  position: relative;
}

.image-53 {
  display: block;
  position: absolute;
}

.piece_stripmiddle {
  z-index: 1;
  display: block;
  position: absolute;
}

.piece_chunk {
  z-index: 5;
  height: auto;
  display: block;
  position: absolute;
}

.piece_topright {
  z-index: 2;
  display: block;
  position: absolute;
}

.piece_bottomleftcorner, .piece_upperleftcorner, .piece_upperrightcorner, .piece_rightbleed, .piece_icc {
  display: block;
  position: absolute;
}

.div-block-172 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f155d5cddb3aa5e990d10f8_YanYanTruck_Left3.jpg");
  background-position: 50%;
  background-size: cover;
  height: 60vh;
}

.div-block-173 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 80%;
  margin-bottom: 24px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-173.sophia {
  z-index: 6;
  padding-right: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.link-8 {
  color: var(--black);
  cursor: pointer;
  font-weight: 500;
}

.section-13 {
  background-color: #e53422;
  height: auto;
  padding: 20px 40px 40px;
  display: none;
}

.div-block-174 {
  justify-content: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
}

.image-54, .image-55 {
  margin-right: 16px;
}

.div-block-175 {
  background-color: #f36355;
  flex: 1;
  height: 200px;
  margin-left: 16px;
  padding: 24px;
  overflow: hidden;
}

.lottie-animation {
  width: auto;
  max-width: 360px;
}

.section-14 {
  background-color: #e53422;
  justify-content: center;
  height: 600px;
  display: flex;
}

.div-block-176 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-177 {
  width: 50%;
}

.div-block-178 {
  width: 90%;
  height: 80%;
}

.background-video-9 {
  object-fit: fill;
  flex-direction: column;
  justify-content: space-around;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  min-width: 357px;
  max-width: none;
  height: auto;
  min-height: 210px;
  max-height: 300px;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.div-block-179 {
  background-color: #0000;
  padding: 16px 0 20px;
}

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

.div-block-181 {
  width: 36px;
  position: relative;
}

.image-56 {
  position: absolute;
  inset: 4px auto auto 0%;
}

.image-57 {
  height: 200px;
}

.div-block-182 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f2536ec21bf9f8a4ca7e595_Screenshot%202020-07-13%20at%208.05.21%20PM.png");
  background-position: 0 0;
  background-size: cover;
  width: 33%;
}

.div-block-183 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f25384099dc5dde6cb50c42_Screenshot%202020-08-01%20at%205.37.33%20PM.png");
  background-position: 50%;
  background-size: cover;
  width: 33%;
  margin-left: 20px;
}

.div-block-184 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f25349f44360b2f73bbf89d_Screenshot%202020-07-13%20at%208.06.32%20PM.png");
  background-position: 0 0;
  background-size: cover;
  width: 33%;
  margin-left: 20px;
}

.div-block-185 {
  background-color: #0000;
  align-self: center;
  width: 25%;
  margin-left: 0;
  margin-right: 20px;
  padding: 0;
}

.videocontainer {
  width: 100%;
  height: 65vh;
}

.videocontainer.business {
  height: auto;
}

.logosection {
  justify-content: center;
  width: 100%;
  height: 70vh;
  max-height: 600px;
  padding: 0;
  display: flex;
}

.div-block-186 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f99570dce55257fdde49253_Business_Brands.gif");
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: auto 450px;
  width: 50%;
}

.content_side {
  background-color: #fff;
  width: 50%;
  height: 100%;
  padding: 60px 60px 60px 20px;
}

.content_side.video {
  background-color: var(--boxful);
}

.div-block-188 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f9a8969343bad0a8ff463f1_YY%20logo_simple.svg");
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-189 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f9a80b7962c486b96d03d72_YY-Old-guy.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 550px;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.iphonecontain {
  z-index: 3;
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 27%;
  padding-right: 27%;
  display: flex;
  position: sticky;
  inset: 0 auto auto;
  overflow: visible;
}

.webpagecontain {
  display: flex;
  position: relative;
  top: auto;
}

.image-58 {
  display: block;
  position: relative;
  top: 0;
  overflow: visible;
}

.section-15 {
  z-index: 5;
  background-color: var(--boxful);
  height: 1000px;
  position: relative;
}

.image-59 {
  display: none;
  overflow: visible;
}

.div-block-190 {
  z-index: 1;
  background-color: #fdf9e5;
  height: 65px;
  padding-right: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-191 {
  z-index: 5;
  background-color: #fdf9e5;
  width: 100%;
  height: 50px;
  display: none;
  position: sticky;
  top: 0;
}

.image-60 {
  overflow: visible;
}

.div-block-194 {
  z-index: 5;
  background-color: var(--light-sea-green-2);
  width: 100%;
  height: 20vh;
  position: relative;
}

.iphonecontain-2 {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0%;
  display: flex;
  position: sticky;
  inset: 0 auto auto;
  overflow: visible;
}

.iphonecontain-2.bottom {
  background-color: var(--light-sea-green-2);
  margin-top: 0;
  display: flex;
}

.div-block-195 {
  border: 1px #333;
  border-radius: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 60px;
  display: flex;
}

.text-block-31 {
  color: #666;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 24px;
}

.background-video-10 {
  display: none;
}

.image-61 {
  position: relative;
  bottom: auto;
}

.div-block-196 {
  flex-direction: column;
  display: flex;
  position: relative;
  bottom: -679px;
}

.lottie-animation-2 {
  width: 150%;
}

.biz.bullets {
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 15.5px;
  font-weight: 300;
  line-height: 24px;
}

.biz.bullets.sticky {
  display: none;
}

.biz.bullets.challenge {
  color: var(--white);
}

.listitem.biz {
  margin-bottom: 4px;
}

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

.div-block-198 {
  background-color: #e7e7e7;
  width: 280px;
  height: 1px;
}

.image-62 {
  position: relative;
  bottom: -78px;
  left: 25px;
}

.div-block-199 {
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  padding-top: 10px;
  display: flex;
  overflow: hidden;
}

.text-span-56, .text-span-57, .text-span-58, .text-span-59 {
  font-weight: 500;
}

.link-9 {
  color: #e53523;
  font-weight: 400;
}

.text-block-32 {
  color: var(--white);
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
}

.link-10 {
  color: #e53526;
  font-weight: 500;
}

.imagecontaineryy {
  justify-content: space-between;
  width: 75%;
  display: flex;
}

.div-block-200 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 75%;
  display: flex;
}

.link-11 {
  color: var(--boxful);
}

.div-block-201 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  padding-left: 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-202 {
  opacity: 1;
  width: 60%;
  height: 40px;
}

.image-63 {
  opacity: .36;
  margin-right: 40px;
}

.image-63:hover {
  opacity: .8;
}

.image-64 {
  opacity: .36;
  margin-right: 40px;
}

.image-64:hover {
  opacity: .8;
}

.link-block-2, .link-block-3, .link-block-4 {
  cursor: pointer;
}

.image-65 {
  opacity: .36;
}

.image-65:hover {
  opacity: .8;
}

.div-block-203 {
  align-items: start;
}

.grid-8 {
  grid-template-rows: auto;
  align-items: start;
  margin-top: 40px;
}

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

.div-block-205 {
  width: 70%;
  display: flex;
}

.div-block-206 {
  background-color: var(--boxful);
  width: 30%;
  display: flex;
}

.background-video-11, .div-block-207 {
  width: 100%;
}

.div-block-208 {
  flex-direction: column;
  max-width: 1440px;
  display: flex;
}

.div-block-209 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.hiwvideo {
  height: 600px;
  min-height: auto;
  max-height: none;
  display: flex;
}

.visuals_vid {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  overflow: hidden;
}

.background-video-12 {
  width: 100%;
  height: 650px;
  bottom: 20px;
}

.lightbox-link-11 {
  width: 100%;
}

.slide-13 {
  width: 100%;
  height: 600px;
}

.background-video-13 {
  position: absolute;
}

.background-video-14 {
  opacity: 1;
  justify-content: center;
  width: 1000px;
  height: 600px;
  display: none;
  position: absolute;
  left: auto;
}

.div-block-211 {
  background-color: #fafafa;
  height: 80vh;
  max-height: 600px;
  padding: 60px;
  overflow: hidden;
}

.slider-12 {
  width: 600px;
  height: 400px;
}

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

.slide-nav-7 {
  bottom: 0;
}

.background-video-15 {
  width: 600px;
  height: 400px;
}

.image-66, .image-67 {
  opacity: 1;
}

.heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  line-height: 48px;
}

.heading-5.subhead {
  z-index: 3;
  text-align: center;
  margin-top: 0;
  position: relative;
}

.jewel {
  position: absolute;
  inset: 49% -3% 0% auto;
}

.cloud2 {
  z-index: 2;
  position: absolute;
  top: 0;
  left: -46.25px;
}

.contain-2 {
  width: 100%;
  max-width: 1440px;
  height: 368px;
  display: block;
}

.contain-2.hero3 {
  justify-content: center;
  align-items: center;
  height: 280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: visible;
}

.cloud1 {
  z-index: 5;
  position: absolute;
  inset: 39% auto auto -17%;
}

.cloud1.copy {
  position: absolute;
  inset: 0% -20% 0% auto;
}

.rimming {
  position: absolute;
  bottom: 88%;
  right: 36%;
}

.pattern {
  z-index: 4;
  position: absolute;
  inset: 58% auto auto 0%;
  transform: rotate(0);
}

.cloud3 {
  z-index: 1;
  position: absolute;
  inset: 25% -5% auto auto;
}

.div-block-213 {
  z-index: 11;
  height: 120px;
  max-height: none;
  padding: 16px;
  position: relative;
}

.hero {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  height: auto;
  margin-top: 80px;
  display: flex;
}

.content-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  height: auto;
  display: flex;
  position: relative;
}

.content-container.intro {
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  height: 200px;
}

.content-container.hero {
  flex-flow: row;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.content-container.universe {
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
}

.content-container.key {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: none;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  min-width: 800px;
  margin-top: 40px;
  display: flex;
  position: relative;
  left: 0;
  right: 0;
}

.content-container.key.horizontal-scroll {
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.content-container.key.horizontal-scroll._2 {
  justify-content: center;
  align-items: flex-start;
  height: auto;
}

.content-container.slide {
  min-width: 800px;
  max-width: 1184px;
}

.content-container.flex-horizontal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
  display: grid;
}

.content-container.flex-horizontal.align-left {
  justify-content: space-between;
  align-items: flex-start;
}

.content-container.flex-horizontal.align-right {
  justify-content: flex-end;
  align-items: center;
}

.content-container.flex-horizontal.align-right.fatigue {
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 40px;
}

.content-container.flex-horizontal.align-right.alignment {
  margin-top: 40px;
}

.content-container.flex-horizontal.alignment {
  justify-content: space-between;
  align-items: flex-start;
}

.content-container.flex-horizontal._2 {
  width: 2400px;
  min-width: auto;
  max-width: none;
  display: flex;
}

.content-container.flex-horizontal._2.b-vibe {
  flex-flow: column;
  width: auto;
}

.content-container.layout {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.content-container.module {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_base---color-neutral--100);
  border-radius: 12px;
  width: auto;
  min-width: auto;
  max-width: none;
  padding: 24px;
}

.content-container.scrub {
  justify-content: flex-end;
  align-items: flex-start;
}

.content-container.portrait {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
}

.content-container.portrait.b-vibe {
  background-color: #fff0;
  flex-flow: row;
}

.content-container.portrait.lewand, .content-container.portrait.themes {
  flex-flow: row;
}

.content-container.portrait.pl-player {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.content-container.js2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_base---color-brand--jetsetter);
}

.content-container.slide-progression {
  background-color: #f5f5f5;
  border-radius: 12px;
  padding: 24px;
}

.content-container.pl {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.content-container.pl-home {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
}

.content-container.pl-home.above, .content-container.build {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content-container.checkout-solution {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 1320px;
}

.content-container._2-1 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.content-container.top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content-container.home {
  justify-content: space-between;
  align-items: center;
}

.content-container.home-containers {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

.content-container.home-footer {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
}

.content-container.projects {
  background-color: #fff0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.content-container.dashboard {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.content-container.pl-dashboard {
  height: 500px;
  position: relative;
}

.content-container.highlight {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.content-container.homepage {
  justify-content: space-between;
  align-items: center;
}

.text-block-33 {
  width: 375px;
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-neutral--300);
  font-size: var(--_responsive---font-size-body--default);
  text-align: center;
  margin-top: 16px;
}

.code-embed {
  flex: 0 auto;
  width: 375px;
  height: 812px;
}

.code-embed.mobile {
  width: 280px;
  height: 600px;
  display: block;
}

.body-6 {
  min-width: 800px;
  height: auto;
}

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

.div-block-216 {
  width: 50%;
}

.div-block-217 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 800px;
  display: flex;
  position: static;
}

.heading-6 {
  color: #ccc;
  text-align: left;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.details {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-flow: column;
  height: auto;
  padding: 80px 40px 40px;
  display: flex;
  position: static;
}

.details.sat {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff0;
  width: 100%;
  position: absolute;
}

.scope {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  padding-right: 0;
  display: flex;
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inria Serif, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.hanken {
  width: 100%;
  min-width: auto;
  max-width: 1184px;
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--600);
  text-align: left;
  letter-spacing: .25px;
  word-break: normal;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.hanken.white {
  width: auto;
  max-width: none;
  color: var(--_base---color-neutral--100);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  text-align: left;
  align-self: flex-start;
  text-decoration: none;
}

.hanken.white._80 {
  align-self: flex-start;
  width: 80%;
}

.hanken.white.align-left {
  text-align: right;
}

.hanken.white.align-left.channels {
  text-align: left;
  width: 100%;
  margin-bottom: 16px;
}

.hanken.white.align-right {
  align-self: flex-end;
}

.hanken.problem {
  color: var(--_base---color-neutral--100);
}

.hanken._2-1 {
  width: 60%;
}

.hanken.center {
  text-align: left;
}

.hanken.yy-logo {
  color: #e53523;
  width: 100%;
  min-width: auto;
  max-width: none;
}

.hanken.yy {
  text-align: left;
  max-width: none;
}

.hanken.subhead {
  margin-top: 16px;
}

.hanken.previous-next {
  text-decoration: none;
  display: none;
}

.hanken.bold {
  font-weight: 700;
}

.hanken.open {
  width: auto;
  max-width: none;
}

.hanken._300 {
  color: var(--_base---color-neutral--300);
}

.hanken._300.highlight {
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
}

.hanken.charcoal {
  color: var(--_base---color-neutral--800);
}

.small-caps {
  color: #101010;
  letter-spacing: 2px;
  text-transform: uppercase;
  flex: 0 auto;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.small-caps.green {
  font-family: var(--_base---font-family--heading);
  color: var(--_base---color-brand--bettle);
  font-size: var(--_responsive---line-height--h5);
  letter-spacing: 0;
  text-transform: none;
  line-height: 40px;
}

.small-caps.white {
  color: var(--_base---color-neutral--white);
}

.small-caps.js {
  color: var(--_base---color-brand--jetsetter);
}

.pill {
  object-fit: fill;
  background-color: #eee;
  border-radius: 24px;
  flex-flow: row;
  align-self: flex-start;
  align-items: stretch;
  width: auto;
  padding: 4px 12px;
  display: block;
}

.div-block-220 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.heading-8 {
  font-family: var(--_base---font-family--heading);
  font-size: var(--_responsive---font-size-heading--h3);
  line-height: var(--_responsive---line-height--h3);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.challenge {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  padding-right: 0;
  display: flex;
}

.challenge.results {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_base---color-neutral--100);
  border-radius: 12px;
  align-self: flex-start;
  width: auto;
  margin-top: 40px;
  padding: 16px;
}

.challenge._100 {
  width: 100%;
}

.div-block-222 {
  flex: 1;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-223 {
  width: 50%;
}

.pill-profile {
  background-color: #eee;
  border-radius: 24px;
  padding: 4px 12px;
}

.pill-profile.js {
  background-color: #eee0;
  padding: 0 0 0 12px;
}

.image-68 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: inline-flex;
}

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  display: flex;
}

.section-template {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 64px 40px;
  display: flex;
}

.section-template.solution {
  background-color: var(--_base---color-neutral--black);
  height: 720px;
}

.section-template.compete {
  background-color: var(--_base---color-neutral--black);
  padding-top: 40px;
}

.section-template.compete.compare {
  padding-top: 64px;
  padding-bottom: 40px;
}

.section-template.compete.metrics {
  padding-top: 64px;
}

.section-template.compete.trade2 {
  padding-bottom: 80px;
}

.section-template.compete.trade2.mobile {
  display: none;
}

.section-template.key {
  background-color: var(--_base---color-neutral--black);
  padding-top: 40px;
  display: none;
}

.section-template.problem {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding-bottom: 0;
}

.section-template.layout {
  z-index: 99;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 35%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.section-template.js-solution {
  background-color: var(--_base---color-brand--jetsetter);
}

.section-template.results {
  padding-top: 40px;
  padding-bottom: 80px;
}

.section-template.pl-web {
  padding-bottom: 0;
}

.section-template.dashboard {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6a28c12b20751759e36c4060_BG%20color%20mesh.png");
  background-position: 0 0;
  background-size: auto;
}

.section-template.process {
  background-image: linear-gradient(180deg, var(--light-sea-green-2), var(--light-sea-green-2) 59%, white);
}

.section-template.yan-yan {
  width: 100%;
}

.section-template.outcome {
  padding-bottom: 120px;
}

.section-template.desktop {
  display: flex;
}

.section-template.mobile {
  display: none;
}

.section-template.butties {
  padding-bottom: 120px;
}

.section-template.highlight {
  background-color: var(--_base---color-brand--bettle);
}

.div-block-225 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.tabs-content-2, .tabs-3 {
  width: 100%;
}

.tab-header {
  font-family: var(--_base---font-family--heading);
  color: var(--_base---color-neutral--black);
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  -webkit-text-stroke-color: var(--_base---color-neutral--800);
  font-weight: 600;
}

.tab-header:active {
  color: var(--_base---color-neutral--black);
  text-decoration: underline;
}

.tab-header:focus {
  color: var(--_base---color-neutral--800);
  text-decoration: none;
}

.body-blk {
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--300);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  letter-spacing: .25px;
  font-weight: 300;
}

.body-blk.solution {
  color: var(--_base---color-neutral--300);
  margin-top: 0;
}

.body-blk._80 {
  width: 80%;
}

.body-blk.solution-copy {
  margin-top: 0;
}

.h6-bettle {
  font-family: var(--_base---font-family--heading);
  color: var(--_base---color-brand--bettle);
  font-size: var(--_responsive---font-size-heading--h6);
  margin-top: 0;
  margin-bottom: 0;
}

.h6-bettle.charcoal {
  color: var(--_base---color-neutral--black);
  font-weight: 700;
}

.div-block-226 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 2px solid var(--_base---color-neutral--600);
  border-radius: 20px;
  flex-flow: column;
  display: block;
  overflow: hidden;
}

.tab-link-tab-4-2 {
  vertical-align: baseline;
  background-color: #ddd0;
}

.tab-link-tab-3-2, .tab-link-tab-2-2 {
  background-color: #ddd0;
}

.tab-link-tab-1-2 {
  background-color: #c8c8c800;
}

.tab-link-tab-1-2.w--current {
  background-color: #fff0;
}

.tabs-4 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.tabs-4.solution {
  flex-flow: column;
  display: flex;
}

.tab-link-tab-4-3 {
  background-color: #ddd0;
  padding-left: 8px;
  padding-right: 8px;
}

.tab-link-tab-4-3.w--current {
  border-bottom: 3px solid var(--_base---color-neutral--800);
  height: auto;
  max-height: none;
  font-family: var(--_base---font-family--heading);
  background-color: #fff;
  position: relative;
}

.tab-link-tab-3-3 {
  background-color: #fff0;
  border: 1px #000;
  border-radius: 3px;
}

.tab-link-tab-3-3.w--current {
  background-color: #fff0;
  border-radius: 0;
}

.tab-link-tab-2-3 {
  -webkit-text-stroke-color: var(--_base---color-neutral--800);
  background-color: #fff0;
  margin-right: 40px;
  padding-left: 8px;
  padding-right: 8px;
}

.tab-link-tab-2-3.w--current {
  background-color: #fff0;
  border-bottom: 3px solid #000;
}

.tab-style {
  background-color: #ddd0;
  margin-right: 24px;
  padding-left: 8px;
  padding-right: 8px;
}

.tab-style.w--current {
  border-bottom: 3px solid var(--_base---color-neutral--800);
  background-color: #ddd0;
  margin-right: 24px;
}

.tab-style.last {
  margin-right: 0;
}

.tab-link-tab-5 {
  background-color: #fff0;
  border: 0 solid #000;
  margin-right: 24px;
  padding-left: 8px;
  padding-right: 8px;
}

.tab-link-tab-5.w--current {
  background-color: #fff0;
  border-bottom-width: 3px;
  margin-right: 24px;
  padding-left: 8px;
  padding-right: 8px;
}

.container-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: none;
  padding-top: 24px;
  display: flex;
}

.div-block-227 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-self: flex-start;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  display: flex;
}

.h5 {
  font-family: var(--_base---font-family--heading);
  font-size: var(--_responsive---font-size-heading--h6);
  margin-top: 0;
  margin-bottom: 0;
}

.h5.white {
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--100);
  font-size: var(--_responsive---font-size-heading--h4);
  line-height: var(--_responsive---line-height--h4);
  margin-bottom: 24px;
  font-weight: 500;
}

.h5.white.key {
  font-size: var(--_responsive---font-size-heading--h3);
  line-height: var(--_responsive---line-height--h3);
  margin-bottom: 0;
}

.h5.hanken {
  font-family: var(--_base---font-family--body);
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  font-weight: 500;
}

.h5.hanken.fff {
  color: var(--_base---color-neutral--white);
  align-self: center;
}

.h5.hanken.homepage {
  margin-bottom: 16px;
}

.h5.hanken.js {
  color: var(--_base---color-brand--jetsetter);
  margin-bottom: 40px;
}

.h5.hanken.semi-bold {
  color: var(--_base---color-neutral--800);
  font-weight: 600;
}

.h5.hanken._100 {
  color: var(--_base---color-neutral--100);
}

.h5.hanken.absolute {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 48px;
  display: flex;
  position: static;
}

.div-block-228 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 0%;
  padding-top: 0;
  display: flex;
}

.div-block-229 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.insight {
  border: 1px #ccc;
  border-bottom-style: solid;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 800px;
  height: auto;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-3420 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 320px;
  max-width: 400px;
  text-decoration: none;
  display: flex;
}

._20-users-shared-this-view {
  color: #6a7282;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.taking-money-from-a-homie-trumps-beating-a-stranger-any-day-of-the-week {
  color: #101010;
  width: 100%;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: Inria Serif, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.frame-3438 {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-3433 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  padding: 16px 24px 16px 8px;
  text-decoration: none;
  display: flex;
}

.frame-3421 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  max-width: 600px;
  text-decoration: none;
  display: flex;
}

.frame-3434 {
  grid-column-gap: 8px;
  border: 1px solid #1e2939;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  display: flex;
}

.div-block-230 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  min-width: 320px;
  max-width: 400px;
  padding-top: 0;
  display: flex;
}

.h6-black {
  font-family: var(--_base---font-family--heading);
  color: var(--_base---color-neutral--800);
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  margin-bottom: 0;
  font-weight: 600;
}

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

.div-block-232 {
  background-color: var(--_base---color-neutral--800);
  width: 100%;
  height: 1px;
}

.list-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

.div-block-233 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 80%;
  margin-top: 24px;
  display: flex;
}

.header-goes-here {
  color: #101010;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inria Serif, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.for-many-bragging-rights-only-has-value-when-you-can-hang-it-over-someones-head-that-you-care-about {
  width: 100%;
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-neutral--600);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

._8-2 {
  color: #6a7282;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.tabs-menu-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  top: -40px;
}

.tabs-menu-2.boxful {
  height: auto;
  top: 0;
}

.tabs-menu-2.solution {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  top: 0;
}

.tab-pane-tab-4 {
  width: 100%;
}

.container-4 {
  flex-flow: column;
  width: 100%;
  max-width: none;
  padding-top: 24px;
  display: flex;
}

.map-contain {
  background-color: var(--_base---color-neutral--100);
  border-radius: 24px;
  align-self: center;
  width: 100%;
  margin-top: 40px;
  padding: 40px;
}

.tabs-content-3 {
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.div-block-234 {
  margin-top: 40px;
  display: flex;
}

.horizontal-content-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.horizontal-content-container.compete {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
}

.horizontal-content-container.outcome {
  width: 80%;
  margin-top: 24px;
}

.horizontal-content-container.pl-web {
  background-color: var(--_base---color-neutral--100);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  width: 100%;
  padding: 24px 24px 40px;
}

.heading-section {
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  font-family: var(--_base---font-family--heading);
  color: var(--_base---color-neutral--800);
  font-size: var(--_responsive---font-size-heading--h4);
  line-height: var(--_responsive---line-height--h4);
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.heading-section.white {
  width: 50%;
  min-width: auto;
  max-width: none;
  color: var(--_base---color-neutral--100);
  font-size: var(--_responsive---font-size-heading--h3);
  line-height: var(--_responsive---line-height--h3);
}

.heading-section.white.js {
  width: 100%;
}

.heading-section.lw {
  min-width: auto;
}

.heading-section.boxful {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--boxful);
  position: relative;
}

.heading-section.boxful.absolute {
  z-index: 99;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  position: absolute;
  top: 0;
}

.heading-section.yan-yan {
  color: #e53523;
  width: 100%;
  min-width: auto;
  max-width: none;
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h4);
  text-align: left;
  background-color: #fff0;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  padding: 0;
  font-weight: 600;
  position: static;
}

.heading-section.auto {
  min-width: auto;
  max-width: none;
}

.chart-container {
  width: 50%;
}

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

.container-5 {
  width: 100%;
  max-width: none;
  padding-top: 0;
  display: flex;
}

.div-block-236 {
  width: 259px;
  height: 560px;
  display: flex;
}

.bg-vid {
  z-index: 999;
  border: 1px solid var(--_base---color-neutral--600);
  border-radius: 24px;
  width: 280px;
  height: 600px;
  position: absolute;
  top: auto;
  right: 0;
}

.bg-vid.solution {
  border-width: 2px;
}

.bg-vid.comm {
  border-width: 2px;
  align-self: flex-end;
  position: relative;
  top: 0;
}

.solution-container {
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  min-width: 520px;
  max-width: none;
  height: 600px;
  display: flex;
}

.div-block-237 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-top: 56px;
  display: flex;
}

.list-item-compete {
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--600);
  font-size: var(--_responsive---font-size-body--default);
  font-weight: 300;
}

.list-item-compete.white {
  color: var(--_base---color-neutral--300);
  line-height: var(--_responsive---line-height--default);
}

.list-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
}

.bold-text-3 {
  font-weight: 700;
}

.space-between {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  height: auto;
  display: flex;
  position: relative;
}

.space-between.trade1 {
  height: auto;
}

.space-between.mobile {
  display: none;
}

.space-between.desktop {
  justify-content: space-between;
}

.screenshot {
  border: 2px solid var(--_base---color-neutral--600);
  border-radius: 20px;
  width: 280px;
  height: 606px;
  display: block;
  position: relative;
  left: auto;
}

.screenshot._430 {
  border-style: none;
  width: 430px;
}

.image-72 {
  position: relative;
  right: auto;
}

.specs {
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-neutral--800);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  position: absolute;
  top: 48px;
  left: 320px;
}

.specs.green {
  width: 424px;
  color: var(--_base---color-brand--bettle);
  top: 44px;
  left: 312px;
}

.text-block-34 {
  position: absolute;
  top: 89px;
  left: 320px;
}

.text-block-35 {
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-brand--bettle);
  font-size: var(--_responsive---font-size-body--default);
  position: absolute;
  top: 89px;
  left: 320px;
}

.text-block-36 {
  width: 320px;
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-brand--bettle);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  position: absolute;
  top: 760px;
  left: 312px;
}

.div-block-239 {
  position: relative;
  bottom: 283px;
}

.div-block-240 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_base---color-neutral--800);
  border-radius: 12px;
  flex-flow: column;
  width: auto;
  padding: 16px 24px;
  display: flex;
}

.text-block-37 {
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--300);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  font-weight: 300;
}

.image-73 {
  border: 2px solid var(--_base---color-neutral--600);
  border-radius: 20px;
  width: 280px;
  height: 606px;
}

.container-6 {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: none;
  display: flex;
}

.div-block-241 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.data-header-container {
  border-bottom: 1px solid var(--_base---color-neutral--600);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 8px;
  display: flex;
}

.data-header {
  width: auto;
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-brand--bettle);
  font-size: var(--_responsive---font-size-body--default);
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  font-weight: 400;
  position: static;
  inset: 0% auto auto 25.5%;
}

.data-header.gray {
  color: var(--_base---color-neutral--200);
  justify-content: space-between;
  align-self: center;
  align-items: center;
  display: block;
}

.data-header.white {
  color: var(--_base---color-neutral--white);
}

.data-header.align-left {
  align-self: flex-start;
}

.data-header.align-left.js {
  color: var(--_base---color-brand--jetsetter);
  font-weight: 700;
}

.data-header.align-left.boxful {
  color: var(--boxful);
  display: none;
}

.data-header.align-left.process {
  color: var(--boxful);
  display: block;
}

.data-header.align-left.evolve {
  color: var(--boxful);
}

.data-header.align-left.boxful-color {
  color: var(--boxful);
  line-height: var(--_responsive---line-height--default);
}

.data-header.pl {
  width: 100%;
  color: var(--_base---color-neutral--600);
  line-height: var(--_responsive---line-height--small);
  text-align: right;
  margin-top: 0;
  margin-bottom: 24px;
  position: static;
}

.data-header.pl.white {
  color: var(--_base---color-neutral--100);
}

.data-header.problem {
  color: var(--toby-red);
  margin-bottom: 16px;
}

.data-header.boxful {
  color: var(--boxful);
  margin-bottom: 24px;
}

.data-header.about {
  color: #2700d5;
}

.data-header.st-sat {
  color: var(--_base---color-neutral--800);
  line-height: var(--_responsive---line-height--default);
  text-align: left;
}

.data-header.problems {
  color: #f37d80;
  align-self: flex-start;
}

.data-header._00c4b3 {
  color: var(--boxful);
  font-size: var(--_responsive---font-size-body--default);
}

.div-block-242 {
  width: 50%;
  padding-right: 0;
  display: flex;
}

.div-block-243 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-left: 0;
  display: flex;
}

.div-block-244 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 240px;
  max-width: 624px;
  padding: 24px 24px 90px;
  display: flex;
}

.div-block-244.mobile {
  display: none;
}

.div-block-245 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-top: 1px solid var(--_base---color-neutral--600);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}

.div-block-246 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.data {
  z-index: 999;
  width: auto;
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-brand--400);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  text-align: center;
  position: absolute;
}

.data.green {
  width: 100%;
  color: var(--_base---color-brand--bettle);
}

.data.green.bettle {
  position: static;
}

.data.align-left {
  text-align: left;
  width: 200px;
  position: static;
  top: 404px;
  left: 300px;
}

.data.align-left.float {
  width: 320px;
  position: absolute;
  top: 360px;
  bottom: 40px;
  left: 320px;
}

.data.align-left.feed {
  width: 160px;
  position: relative;
  top: 244px;
  left: 460px;
}

.data.align-left.feed-copy {
  width: 160px;
  position: relative;
  top: 85px;
  left: 460px;
}

.data.align-left.channels {
  width: auto;
  color: var(--_base---color-brand--400);
  position: static;
  top: 388px;
  left: 300px;
}

.data.align-left.trades {
  width: 50%;
  color: var(--_base---color-neutral--100);
  text-align: right;
}

.data.align-left._80 {
  width: 80%;
}

.data.align-left._280 {
  width: 280px;
  height: 96px;
}

.data.align-left.js {
  width: 100%;
  color: var(--_base---color-brand--jetsetter);
  margin-left: 0;
}

.data.align-left.gray {
  width: 296px;
  color: var(--_base---color-neutral--600);
}

.data.align-left.js-blue {
  width: auto;
  min-height: auto;
  max-height: none;
  color: var(--_base---color-brand--jetsetter);
  -webkit-text-stroke-color: var(--_base---color-brand--jetsetter);
}

.data.align-left.js-blue.link {
  width: 240px;
}

.data.align-left.auto {
  width: auto;
}

.data.align-right {
  text-align: right;
  align-self: flex-end;
  width: 200px;
}

.data.align-right.discover {
  margin-top: 16px;
  position: absolute;
  inset: auto 0% -39px auto;
}

.data.center-align {
  width: 240px;
}

.data.center-align.js-blue {
  width: auto;
  max-width: 320px;
  color: var(--_base---color-brand--jetsetter);
  position: relative;
}

.data.boxful {
  color: var(--_base---color-neutral--600);
  text-align: left;
  position: static;
}

.data.pl-dashboard {
  width: 600px;
  color: var(--_base---color-brand--pl);
  text-align: left;
  inset: auto auto -85% 0%;
}

.data.yy {
  color: #e53523;
  text-align: left;
  position: static;
}

.data.bettle {
  position: static;
}

.data.impact {
  color: var(--_base---color-neutral--800);
  font-size: 16px;
  line-height: var(--_responsive---line-height--default);
  text-align: left;
  align-self: flex-start;
  font-weight: 400;
  position: static;
}

.data.overline {
  color: #333;
  text-align: left;
  position: static;
}

.data.centered-static {
  color: #2700d5;
  align-self: center;
  margin-bottom: 0;
  position: static;
}

.data.homepage {
  color: var(--_base---color-neutral--400);
  position: static;
}

.data.homepage.component {
  color: #ffffff80;
}

.div-block-247 {
  border-bottom: 1px solid var(--_base---color-neutral--600);
  flex-flow: column;
  display: flex;
}

.div-block-248 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 160px;
  max-width: 320px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.div-block-249 {
  background-color: var(--_base---color-neutral--600);
  width: 100%;
  height: 1px;
}

.div-block-250 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.image-74 {
  z-index: 99;
  min-width: 800px;
  max-width: 1184px;
  position: relative;
}

.div-block-251 {
  margin-top: 40px;
  position: relative;
}

.div-block-252 {
  border-right: 2px solid var(--_base---color-neutral--600);
  border-left: 2px solid var(--_base---color-neutral--600);
  width: 280px;
  height: 464px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-253 {
  width: 280px;
  height: 40px;
  position: absolute;
  inset: 120px auto auto 0%;
}

.section-16 {
  background-color: var(--_base---color-neutral--800);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 640px;
  display: flex;
}

.div-block-254 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-255 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 800px;
  display: flex;
  position: absolute;
}

.absolute-container {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.text-block-38 {
  position: relative;
}

.list-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  flex-flow: column;
  font-family: Inconsolata, monospace;
  display: flex;
}

.floating-container {
  position: relative;
  bottom: -400px;
  left: 300px;
}

.floating-container.channels {
  width: 240px;
}

.floating-container.boards {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
  position: absolute;
  bottom: 109px;
  left: 316px;
}

.bold-text-4 {
  color: var(--_base---color-brand--bettle);
}

.div-block-258 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 360px;
  height: auto;
  display: flex;
  position: relative;
  inset: auto 0 0 auto;
}

.bold-text-5 {
  color: var(--_base---color-brand--bettle);
}

.div-block-259 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.screen-absolute {
  z-index: 99;
  border-radius: 20px;
  flex-flow: column;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.background-video-16 {
  border: 2px solid var(--_base---color-neutral--600);
  border-radius: 20px;
  width: 280px;
  height: 600px;
}

.background-video-17 {
  z-index: 99;
  border: 2px solid var(--_base---color-neutral--600);
  border-radius: 20px;
  width: 280px;
  height: 600px;
}

.key-screen-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-right: 0;
  display: flex;
}

.image-75 {
  border: 2px solid var(--_base---color-neutral--600);
  border-radius: 20px;
  width: 280px;
  height: 600px;
}

.track-key {
  background-image: linear-gradient(180deg, var(--_base---color-neutral--800), var(--_base---color-neutral--black));
  height: 400vw;
  overflow: visible;
}

.camera {
  width: 100vw;
  height: 100vh;
  min-height: 880px;
  max-height: none;
  position: sticky;
  top: 0;
}

.camera._2 {
  height: 100vh;
  min-height: auto;
  max-height: none;
  display: block;
  top: 0;
}

.camera._2.b-vibe {
  max-height: 800px;
}

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

.frame-contain {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  display: flex;
}

.screen-contain {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.blurb-contain, .div-block-262 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-263 {
  justify-content: center;
  align-items: center;
  width: 1600px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.background-video-18 {
  z-index: 99;
  width: 200px;
  height: 429px;
  position: static;
  inset: 80px auto auto 0%;
}

.background-video-19 {
  z-index: 99;
  width: 200px;
  height: 429px;
  position: static;
  inset: 80px 50% 0%;
}

.background-video-20 {
  z-index: 99;
  width: 200px;
  height: 429px;
  position: static;
  inset: 80px 0% auto auto;
}

.div-block-264 {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-self: center;
  place-items: center;
  width: 1600px;
  height: 640px;
  display: grid;
  position: absolute;
  left: auto;
  right: auto;
}

.background-video-21, .background-video-22, .background-video-23, .image-76 {
  width: 200px;
  height: 429px;
}

.image-77 {
  align-self: center;
  width: 131px;
  height: 151px;
}

.figma-frame {
  color: #888;
  margin-bottom: 4px;
  font-size: 8px;
}

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

.div-block-266 {
  flex-flow: column;
  display: flex;
  position: relative;
  top: -44px;
  left: -7px;
}

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

.div-block-269 {
  z-index: 100;
  background-color: #ff00c3;
  width: 1px;
  height: 100%;
  position: relative;
  left: -467px;
}

.div-block-270 {
  z-index: 100;
  background-color: #ff03c4;
  width: 240px;
  height: 1px;
  position: absolute;
  top: 259px;
  left: -66.5px;
}

.image-78 {
  z-index: 100;
  position: absolute;
  bottom: 125.844px;
  left: 694px;
}

.image-79 {
  position: absolute;
}

.image-80 {
  position: absolute;
  left: 101px;
}

.image-81 {
  position: absolute;
}

.text-block-39 {
  color: var(--_base---color-neutral--300);
  font-family: Hanken Grotesk, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  position: absolute;
  top: -10.007px;
  left: 398.934px;
}

.div-block-271 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  flex-flow: column;
  width: 200px;
  font-family: Hanken Grotesk, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 55px 0% auto;
}

.text-block-40 {
  color: var(--_base---color-neutral--300);
  text-align: left;
}

.text-block-41 {
  color: var(--_base---color-neutral--300);
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}

.body-7 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: block;
}

.section-17 {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.background-video-24 {
  z-index: 99;
  height: 560px;
}

.div-block-272 {
  min-width: 100%;
  max-width: 1184px;
  height: auto;
  min-height: auto;
  position: static;
}

.bas-wrapper {
  width: 100%;
  max-width: 100%;
  height: 640px;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}

.bas-image-before {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.bas-image-after-h {
  z-index: 1;
  object-fit: cover;
  width: 50%;
  height: 100%;
  margin-left: auto;
  display: block;
  position: absolute;
  inset: 0;
}

.bas-handle-h {
  z-index: 2;
  background-color: var(--_base---color-neutral--100);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 56px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bas-line-h {
  z-index: 1;
  background-color: var(--_base---color-neutral--100);
  width: 1px;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.bas-label-before-h {
  z-index: 3;
  background-color: var(--_base---color-brand--jetsetter);
  color: var(--_base---color-neutral--100);
  cursor: pointer;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: Inconsolata, monospace;
  position: absolute;
  top: 24px;
  left: 24px;
}

.bas-label-after-h {
  z-index: 3;
  background-color: var(--_base---color-brand--jetsetter);
  color: var(--_base---color-neutral--100);
  cursor: pointer;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: Inconsolata, monospace;
  position: absolute;
  top: 24px;
  right: 24px;
}

.heading-section-2 {
  color: #262626;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-heading--h4);
  line-height: var(--_responsive---line-height--h4);
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.heading-section-2.white {
  color: #fff;
  width: 50%;
  min-width: auto;
  max-width: none;
  font-size: 40px;
  line-height: 48px;
}

.heading-section-2.b-vibe {
  z-index: 99;
  min-width: auto;
  margin-bottom: 0;
  position: relative;
}

.heading-section-2.nav {
  z-index: 99;
  width: auto;
  min-width: auto;
  max-width: none;
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
}

.subhead-2 {
  color: #525252;
  justify-content: flex-start;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: none;
  position: relative;
}

.h4-2 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.hanken-2 {
  color: #525252;
  letter-spacing: .25px;
  word-break: normal;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.background-video-25 {
  z-index: 3;
  border-radius: 4px;
  width: 480px;
  height: 300px;
}

.data-container {
  flex-flow: column;
  width: 256px;
  margin-left: 24px;
  display: flex;
}

.data-container.align-right {
  width: 480px;
  margin-left: 0;
  margin-right: 24px;
}

.data-container._480 {
  aspect-ratio: 2.39;
  justify-content: flex-start;
  align-items: flex-start;
  width: 480px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 16px;
  padding-right: 16px;
  position: static;
}

.data-container._480.align-right {
  align-self: flex-end;
  margin-right: 0;
}

.data-container._320 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 320px;
  margin-left: 40px;
}

.data-container.cats {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  width: auto;
  margin-left: 0;
  position: absolute;
  inset: 352px 0 0 232px;
}

.data-container.author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  width: auto;
  margin-left: 0;
  position: absolute;
  top: 475px;
  left: 141px;
}

.data-container.archive {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  width: 240px;
  margin-top: 240px;
  margin-left: 779px;
  position: absolute;
}

.data-container.breadcrumb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  width: 240px;
  margin-top: 240px;
  margin-left: 104px;
  position: absolute;
}

.image-82 {
  border: 1px solid var(--_base---color-neutral--300);
  width: 480px;
  max-width: none;
  height: auto;
}

.background-video-26 {
  z-index: 3;
  align-self: auto;
  width: 560px;
  height: 240px;
  overflow: hidden;
}

.background-video-27 {
  z-index: 3;
  border: 1px solid var(--_base---color-neutral--300);
  width: 480px;
  height: 300px;
}

.div-block-273, .div-block-274 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-block-275 {
  align-self: flex-end;
  height: 312px;
}

.vert-contiainer-flex-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.div-block-277 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-278 {
  height: 300px;
}

.data-2 {
  z-index: 999;
  color: #cad5e2;
  text-align: center;
  width: auto;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.data-2.align-left {
  text-align: left;
  width: 200px;
  position: static;
  top: 404px;
  left: 300px;
}

.data-2.align-left._280 {
  width: 280px;
  height: 96px;
}

.data-2.align-left.gray {
  color: #525252;
  width: 296px;
}

.div-block-279 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-right: 0;
  display: flex;
}

.background-video-28 {
  z-index: 99;
  border: 2px solid #525252;
  border-radius: 20px;
  width: 280px;
  height: 600px;
}

.data-header-2 {
  color: var(--_base---color-brand--jetsetter);
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.data-header-2.gray {
  color: var(--_base---color-neutral--800);
  align-self: flex-start;
}

.image-83 {
  border: 2px solid #525252;
  border-radius: 20px;
  width: 280px;
  height: 600px;
}

.data-header-container-2 {
  border-bottom: 1px solid #525252;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 8px;
  display: flex;
}

.data-header-container-2.white-bg.pl-web {
  border: 1px #000;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.data-header-container-2.white-bg.pl-web.sticky-pl {
  margin-bottom: 16px;
  position: sticky;
  top: 68px;
}

.data-header-container-2.below {
  height: auto;
  margin-bottom: 0;
  position: sticky;
  top: 66px;
}

.data-header-container-2.above {
  margin-bottom: 24px;
}

.div-block-280 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-right: 0;
  display: flex;
}

.background-video-29 {
  z-index: 99;
  border: 2px solid #525252;
  border-radius: 20px;
  width: 280px;
  height: 600px;
}

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

.frame-3439._2 {
  height: 65%;
}

.track-key-2 {
  height: 500vh;
  max-height: none;
  position: static;
}

.track-key-2.mobile {
  display: none;
}

.image-84 {
  border: 2px solid #525252;
  border-radius: 20px;
  width: 280px;
  height: 600px;
}

.section-18 {
  background-color: var(--dark-red);
  height: 800px;
}

.text-example-small {
  font-family: Playfair Display, sans-serif;
  font-size: var(--_responsive---font-size-heading--h5);
  line-height: var(--_responsive---line-height--h5);
  font-weight: 600;
}

.text-example-small._2 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  font-weight: 500;
}

.type-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #000;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.type-container._2 {
  padding: 24px;
}

.text-example-sample {
  font-family: Playfair Display, sans-serif;
  font-size: var(--_responsive---font-size-heading--h3);
  line-height: var(--_responsive---line-height--h3);
  font-weight: 600;
}

.text-example-sample._2 {
  font-family: var(--_base---font-family--body);
  font-size: var(--_responsive---line-height--h5);
  font-weight: 500;
}

.div-block-283 {
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-top: 64px;
  display: flex;
}

.paragraph-5 {
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-brand--jetsetter);
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  font-weight: 500;
}

.post-module {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: flex-start;
  width: 100%;
  min-width: 800px;
  margin-top: 40px;
  display: flex;
}

.post-layout {
  background-color: var(--_base---color-neutral--100);
  border-radius: 12px;
  align-self: flex-start;
  width: 640px;
  max-width: none;
  margin-right: 24px;
  padding: 24px;
}

.post-layout.module {
  width: 100%;
  max-width: none;
  height: auto;
  margin-right: 0;
}

.line-data {
  background-color: var(--_base---color-neutral--800);
  width: 200px;
  height: 1px;
}

.line-data._1 {
  background-color: var(--_base---color-brand--jetsetter);
  width: 196px;
}

.line-data._2 {
  background-color: var(--_base---color-brand--jetsetter);
  width: 287px;
}

.line-data._3 {
  width: 64px;
}

.div-block-285 {
  justify-content: center;
  align-items: center;
  height: 24px;
  display: flex;
}

.div-block-286 {
  border: 1px solid var(--_base---color-neutral--300);
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.image-85 {
  -webkit-text-stroke-color: var(--_base---color-brand--jetsetter);
  width: 8px;
}

.image-86 {
  border: 1px dotted var(--_base---color-neutral--300);
  padding: 12px;
}

.div-block-287 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.image-87 {
  width: 400px;
}

.image-88 {
  border: 1px dotted var(--_base---color-neutral--300);
  width: 640px;
}

.call-out {
  z-index: 99;
  background-color: var(--_base---color-brand--jetsetter);
  filter: drop-shadow(-1px 2px 1.5px #00000040);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  inset: 22px -22px auto auto;
}

.call-out._1 {
  top: 6%;
  right: 16%;
}

.call-out._2 {
  top: 18%;
  left: -2%;
  right: auto;
}

.call-out._3 {
  inset: auto auto 3% 42%;
}

.call-out._4 {
  inset: 30% auto auto 254px;
}

.call-out._5 {
  top: 44%;
  left: -9px;
  right: auto;
}

.call-out._6 {
  top: 44%;
  left: auto;
  right: 28%;
}

.call-out._7 {
  display: none;
  top: 460px;
  left: -9px;
  right: 0;
}

.call-out._8 {
  display: none;
  top: 410px;
  left: 166px;
  right: 0;
}

.call-out._9 {
  display: none;
  top: 410px;
  left: 581px;
  right: 0;
}

.text-block-42 {
  color: var(--_base---color-neutral--100);
  text-align: center;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 700;
}

.div-block-289 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-self: flex-start;
  display: flex;
  position: relative;
}

.list-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  padding-left: 0;
  display: flex;
}

.list-container.fatigue {
  width: 640px;
}

.list-element {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 900px;
  font-family: var(--_base---font-family--data);
  flex-flow: row;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 24px;
  font-weight: 700;
  display: flex;
}

.list-element.fatigue {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 640px;
}

.data-list {
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  font-weight: 400;
}

.data-list.title {
  color: var(--_base---color-brand--jetsetter);
  font-weight: 700;
}

.div-block-291 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  top: auto;
}

.heading-9 {
  color: #26404f;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 96px;
  font-weight: 700;
  line-height: 125%;
}

.wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  height: 400vh;
  display: flex;
  position: relative;
}

.browser-video {
  object-fit: cover;
  border: 16px #f4fafa;
  border-radius: 0 0 8px 8px;
  width: 100%;
  max-height: 100%;
  overflow: clip;
  box-shadow: 0 6px 36px #0003, 0 4px 24px #00000008, 0 2px 12px #00000005;
}

.section-19 {
  padding-left: 5%;
  padding-right: 5%;
}

.browser-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  max-height: none;
  display: flex;
  position: sticky;
  top: 12%;
}

.container-7 {
  max-width: 12800px;
}

.hidden-video-for-upload {
  display: none;
}

.image-89 {
  width: 1184px;
}

.spacer {
  justify-content: center;
  align-items: center;
  height: 160px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.section-20 {
  background-color: red;
  height: 800px;
}

.background-video-30 {
  z-index: 99;
  aspect-ratio: auto;
  border: 1px solid var(--_base---color-neutral--300);
  width: 900px;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: 745px;
  top: 0;
}

.implement-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--_base---color-neutral--200);
  flex-flow: column;
  width: 900px;
  margin-top: 80px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.image-90 {
  border: 1px solid var(--_base---color-neutral--300);
  width: 900px;
  max-width: none;
}

.list-item-49, .list-item-50, .list-item-51 {
  width: 30%;
}

.background-video-31 {
  width: 900px;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: 360px;
}

.list-item-52, .list-item-53, .list-item-54 {
  font-family: var(--_base---font-family--data);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
}

.bold-text-6 {
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-brand--jetsetter);
}

.sticky-container {
  background-image: linear-gradient(180deg, var(--_base---color-neutral--100), white);
  padding: 64px 40px;
}

.sticky-container.mobile {
  display: none;
}

.left-block.b-vibe {
  flex-flow: column;
  width: 60%;
  display: flex;
}

.left-block.lewand {
  width: 720px;
  box-shadow: 0 4px 8px 2px #0003;
}

.left-block.themes {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.left-block.pl-player {
  border-bottom: 1px solid var(--_base---color-neutral--300);
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: static;
}

.right-block {
  z-index: 99;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 240px;
  margin-top: 0;
  padding: 0;
  display: block;
  position: sticky;
  top: 30vh;
}

.right-block.theme {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  min-width: 240px;
  max-width: 400px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.right-block.pl-player {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: auto;
  min-width: 160px;
  height: auto;
  padding-top: 24px;
  padding-bottom: 48px;
  display: flex;
  top: 8vh;
}

.right-block.home {
  height: 800px;
  display: block;
}

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

.image-91 {
  box-shadow: 0 4px 8px 2px #0003;
}

.div-block-294 {
  background-color: #000;
  width: 100%;
  height: 100vh;
}

.image-92 {
  box-shadow: 0 4px 8px 2px #0003;
}

.heading-10 {
  z-index: 99;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  min-width: auto;
  max-width: 1184px;
  font-family: var(--_base---font-family--body);
  font-size: var(--_responsive---line-height--h6);
  line-height: var(--_responsive---line-height--h6);
  text-align: left;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  display: flex;
  position: relative;
}

.heading-10.problems {
  color: var(--toby-red);
  margin-bottom: 16px;
}

.heading-10.boxful {
  color: var(--boxful);
  margin-bottom: 16px;
}

.heading-10.tab-absolute {
  justify-content: center;
  align-items: flex-start;
  height: 48px;
  position: absolute;
}

.div-block-295 {
  padding-top: 120px;
  display: flex;
}

.background-video-32 {
  z-index: 3;
  border-radius: 4px;
  width: 640px;
  height: 352px;
}

.div-block-296 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.data-header-3 {
  color: #08558d;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.data-header-3.gray {
  color: #262626;
  align-self: flex-start;
}

.image-93 {
  border: 1px solid #d4d4d4;
  width: 480px;
  max-width: none;
  height: auto;
}

.background-video-33 {
  z-index: 3;
  align-self: auto;
  width: 640px;
  height: 320px;
  overflow: hidden;
}

.div-block-297 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.track-key-3 {
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  height: auto;
  max-height: none;
  position: static;
}

.div-block-298 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.data-header-4 {
  color: #03f29e;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.data-header-4.align-left {
  align-self: flex-start;
}

.data-header-4.align-left.js {
  color: #08558d;
  font-weight: 700;
}

.div-block-299 {
  align-self: flex-end;
  height: 312px;
}

.div-block-300 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

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

.frame-3440._2 {
  height: 65%;
}

.background-video-34 {
  z-index: 3;
  border: 1px solid #d4d4d4;
  width: 640px;
  height: 320px;
}

.div-block-301 {
  height: 300px;
}

.section-template-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 64px 40px;
  display: flex;
}

.section-template-2.problem {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: linear-gradient(180deg, var(--_base---color-neutral--100), white);
  padding-bottom: 64px;
}

.section-template-2.layout {
  z-index: 99;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f5f5;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.section-template-2.layout.pl {
  padding-top: 0;
}

.section-template-2.pl-home {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.glass-card-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  background-color: #fff9;
  border-radius: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 496px;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 0 0 20px #0000001a, 0 6px 6px #0003;
}

.glass-card-container.nav {
  width: auto;
  height: auto;
  box-shadow: none;
  background-color: #ffffff1a;
  padding: 16px;
  position: static;
}

.navbar-glass-effect {
  filter: url("#glass-distortion");
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: 32px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-303 {
  border-radius: 32px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: inset 2px 2px 1px #ffffff80;
}

.div-block-303.nav {
  box-shadow: none;
}

.navbar-glass-filter {
  display: none;
}

.background-video-35 {
  z-index: 99;
  height: 445px;
}

.background-video-36 {
  z-index: 99;
  height: 569px;
}

.div-block-304 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px 40px;
  display: flex;
}

.div-block-305 {
  border-radius: 8px;
  display: block;
  box-shadow: 0 4px 8px 2px #0003;
}

.background-video-37 {
  border-radius: 0 0 8px 8px;
}

.image-94 {
  width: 100%;
}

.container-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  display: flex;
}

.div-block-306 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-left: 12px;
  display: flex;
}

.hanken-3 {
  color: #525252;
  letter-spacing: .25px;
  word-break: normal;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.div-block-307 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 66%;
  padding-right: 16px;
  display: flex;
}

.div-block-308 {
  background-color: #eee;
  border-radius: 24px;
  padding: 4px 12px;
}

.div-block-309 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 800px;
  height: 2000px;
  display: flex;
  overflow: hidden;
}

.background-video-38 {
  width: 800px;
}

.background-video-39 {
  z-index: 1;
  height: 232px;
  padding-top: 0;
}

.background-video-40 {
  z-index: 1;
  height: 424px;
}

.image-95 {
  z-index: 2;
  position: relative;
  top: -2px;
}

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

.background-video-41 {
  z-index: 3;
  border-radius: 4px;
  width: 640px;
  height: 352px;
}

.background-video-42 {
  z-index: 3;
  align-self: auto;
  width: 640px;
  height: 320px;
  overflow: hidden;
}

.heading-11 {
  z-index: 99;
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---line-height--h6);
  line-height: var(--_responsive---line-height--h6);
  margin-top: 0;
  font-weight: 500;
  display: none;
  position: relative;
}

.heading-11.white {
  color: var(--_base---color-neutral--white);
}

.subhead-3 {
  z-index: 99;
  width: 100%;
  color: var(--_base---color-neutral--300);
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  justify-content: flex-start;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  position: relative;
}

.subhead-3.white {
  color: var(--_base---color-neutral--300);
}

.div-block-311 {
  background-color: red;
  height: 1200px;
}

.bas-label-before-h-2 {
  z-index: 3;
  color: #f5f5f5;
  cursor: pointer;
  background-color: #08558d;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: Inconsolata, monospace;
  position: absolute;
  top: 24px;
  left: 24px;
}

.data-header-5 {
  color: var(--_base---color-brand--pl);
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-start;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.data-header-5.gray {
  color: #262626;
  align-self: flex-start;
}

.bas-label-after-h-2 {
  z-index: 3;
  color: #f5f5f5;
  cursor: pointer;
  background-color: #08558d;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: Inconsolata, monospace;
  position: absolute;
  top: 24px;
  right: 24px;
}

.h4-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.h4-3.sitemap {
  margin-top: 24px;
  margin-bottom: 24px;
  display: none;
}

.bas-handle-h-2 {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 56px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bas-line-h-2 {
  z-index: 1;
  background-color: #f5f5f5;
  width: 1px;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.bas-wrapper-2 {
  width: 100%;
  max-width: 100%;
  height: 839px;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.subhead-4 {
  z-index: 99;
  color: #525252;
  justify-content: flex-start;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.subhead-4.dashboard {
  color: #ffffffa8;
  display: flex;
}

.bas-label-after-h-3 {
  z-index: 3;
  color: #f5f5f5;
  cursor: pointer;
  background-color: #08558d;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: Inconsolata, monospace;
  position: absolute;
  top: 24px;
  right: 24px;
}

.h4-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.h4-4.sitemap {
  margin-top: 24px;
  margin-bottom: 24px;
  display: none;
}

.bas-line-h-3 {
  z-index: 1;
  background-color: #f5f5f5;
  width: 1px;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.bas-wrapper-3 {
  width: 100%;
  max-width: 100%;
  height: 640px;
  position: relative;
  overflow: hidden;
}

.subhead-5 {
  z-index: 99;
  color: #525252;
  justify-content: flex-start;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.below-fold-video {
  z-index: 1;
  width: 840px;
  max-width: none;
  height: 560px;
  min-height: auto;
}

.below-fold-video.before {
  border-radius: .5rem;
  width: 640px;
  height: 400px;
}

.below-fold-video.after {
  border-radius: .5rem;
  width: 100%;
  height: auto;
  min-height: 580px;
  max-height: 780px;
  display: block;
  top: 0;
  box-shadow: 0 6px 6px 3px #0003;
}

.div-block-312 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: block;
}

.card-stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--_base---color-neutral--100);
  border-radius: 1rem;
  flex-flow: column;
  width: 100%;
  padding: 24px 24px 48px;
  display: flex;
  position: sticky;
  top: 120px;
}

.card-stack._1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_base---color-neutral--100);
  flex-flow: column;
  padding: 24px;
  position: sticky;
  top: 120px;
  bottom: auto;
}

.card-stack._2 {
  background-color: #333;
  flex-flow: column;
  padding: 24px;
  position: sticky;
  top: 220px;
  bottom: 0;
}

.card-stack.after {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(315deg, #0475fe, #01060f 67%);
  border: 2px solid #fff;
  justify-content: center;
  align-items: center;
  padding-bottom: 48px;
  top: 188px;
}

.card-stack._3 {
  top: 256px;
}

.card-stack.spacer {
  background-color: var(--_base---color-neutral--white);
  opacity: 0;
  height: 800px;
  top: 256px;
}

.div-block-314 {
  z-index: 99;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 35%;
  display: flex;
  position: static;
}

.left-right {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-316 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6a28c12b20751759e36c4060_BG%20color%20mesh.png");
  background-position: 50% 0;
  background-size: cover;
  height: 1600px;
}

.div-block-317 {
  width: 100%;
  display: flex;
}

.card-stack-copy {
  background-color: var(--_base---color-neutral--100);
  border-radius: 1rem;
  flex-flow: column;
  width: 100%;
  padding: 24px;
  display: flex;
  position: sticky;
  top: 120px;
}

.card-stack-copy._1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--_base---color-neutral--100);
  flex-flow: column;
  padding: 24px;
  position: sticky;
  top: 120px;
  bottom: auto;
}

.card-stack-copy._2 {
  background-color: #333;
  flex-flow: column;
  padding: 24px;
  position: sticky;
  top: 220px;
  bottom: 0;
}

.top-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.top-bottom.below-fold {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 864px;
}

.background-video-43 {
  z-index: 3;
  border-radius: 4px;
  width: 480px;
  height: 300px;
}

.div-block-318 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.image-96 {
  border: 1px solid #d4d4d4;
  width: 480px;
  max-width: none;
  height: auto;
}

.background-video-44 {
  z-index: 3;
  align-self: auto;
  width: 560px;
  height: 240px;
  overflow: hidden;
}

.div-block-319 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.track-key-4 {
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  height: 500vh;
  max-height: none;
  position: static;
}

.div-block-320 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.data-header-6 {
  color: #03f29e;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.data-header-6.align-left {
  align-self: flex-start;
}

.data-header-6.align-left.js {
  color: #08558d;
  font-weight: 700;
}

.div-block-321 {
  align-self: flex-end;
  height: 312px;
}

.div-block-322 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

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

.frame-3441._2 {
  height: 65%;
}

.background-video-45 {
  z-index: 3;
  border: 1px solid #d4d4d4;
  width: 480px;
  height: 300px;
}

.div-block-323 {
  height: 300px;
}

.subhead-6 {
  z-index: 99;
  color: #525252;
  justify-content: flex-start;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.section-21 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_base---color-neutral--100);
  display: flex;
  overflow: hidden;
}

.image-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  min-width: 5456px;
  padding-top: 24px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
  left: auto;
  overflow: visible;
}

.image-container.pl {
  padding-bottom: 24px;
}

.pl-image {
  width: 640px;
  box-shadow: -4px 3px 4px #00000040, -8px 8px 12px 6px #0003;
}

.list-14 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-left: 24px;
  display: flex;
}

.assignment-title {
  width: 100%;
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--800);
  font-size: var(--_responsive---font-size-heading--h5);
  line-height: var(--_responsive---line-height--h5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.assignment-title.pl {
  color: var(--_base---color-neutral--800);
  font-size: var(--_responsive---font-size-heading--h4);
  line-height: var(--_responsive---line-height--h4);
}

.div-block-324 {
  width: 100%;
}

.assignment-header-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.assignment-header-container.pl-web {
  width: 80%;
}

.paragraph-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph-container.pl-web {
  width: 80%;
}

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

.h6 {
  font-family: var(--_base---font-family--body);
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.h6.list-break {
  margin-bottom: 0;
}

.h6.js-blue {
  color: var(--_base---color-brand--jetsetter);
}

.h6.white {
  color: var(--_base---color-neutral--white);
}

.h6._100 {
  color: var(--_base---color-neutral--100);
}

.h6.bettle {
  color: var(--_base---color-brand--bettle);
}

.h6.bettle.align-right {
  text-align: right;
}

.h6.problem {
  color: var(--toby-red);
  margin-bottom: 16px;
}

.h6.home-title {
  font-family: var(--_base---font-family--heading);
  color: var(--_base---color-neutral--black);
  font-weight: 600;
}

.bvibe-layout {
  z-index: 99;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 16px;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.bulllet-text {
  font-family: var(--_base---font-family--body);
  color: var(--_base---color-neutral--600);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  font-weight: 300;
}

.list-item-56, .list-item-57 {
  font-family: Hanken Grotesk, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
}

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

.div-block-327 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.top-down-text-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.top-down-text-container.b-vibe {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 80%;
  margin-top: 40px;
  display: flex;
}

.list-15 {
  padding-left: 24px;
}

.div-block-328, .div-block-329 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.tab-pane-tab-2-2 {
  width: 100%;
}

.div-block-330 {
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-331 {
  border-style: none none solid;
  border-width: 1px 1px 1.5px;
  border-color: black black var(--_base---color-neutral--300);
  justify-content: center;
  align-items: flex-start;
  width: 464px;
  height: 400px;
  display: flex;
}

.div-block-332 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.title-container.list-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-bottom: 16px;
}

.title-container.layout {
  min-width: 800px;
  max-width: 1184px;
}

.title-container.home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 80vw;
  max-width: 1080px;
}

.div-block-333 {
  z-index: 1;
  background-image: linear-gradient(0deg, #000, #000000a8 0%, #0000 92%);
  height: 160px;
  position: absolute;
  inset: auto 0% 0%;
}

.tab-pane-service, .tab-pane-account, .tab-pane-billing {
  width: 100%;
}

.text-span-60 {
  text-align: center;
}

.check-header {
  font-family: var(--_base---font-family--heading);
  color: #fff;
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  text-align: center;
  font-weight: 600;
}

.check-header.align-left {
  text-align: left;
}

.text-span-61, .text-span-62, .text-span-63 {
  color: var(--_base---color-neutral--300);
}

.div-block-334 {
  flex-flow: row;
  display: flex;
}

.div-block-335 {
  border: 1px solid var(--toby-red);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f47668d2a407671760fdd99_88397bd741ea481cf1406675ff31df6c_Sign%20up%20page.png"), linear-gradient(to bottom, var(--_base---color-neutral--100), var(--_base---color-neutral--100));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 320px, auto;
  border-radius: 1px;
  width: 60%;
  height: 400px;
}

.problem-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--toby-red);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  padding: 40px;
  display: flex;
}

.div-block-336 {
  border: 1px solid var(--toby-red);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f47668d2a407660be0fdd88_d045baa3b2e4b105269f9dbaa4f55f2a_Where%20page.png"), linear-gradient(to bottom, var(--_base---color-neutral--100), var(--_base---color-neutral--100));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 320px, auto;
  width: 60%;
}

.div-block-337 {
  border: 1px solid var(--toby-red);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3a6a56c8f6ec3dd18b1fef_Schedule.gif");
  background-position: 69% 78%;
  background-repeat: no-repeat;
  background-size: auto 372px;
  width: 60%;
}

.div-block-338 {
  border: 1px solid var(--toby-red);
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e3a6ab01a59986ded4e7138_Overview_Billing.gif");
  background-position: 69% 78%;
  background-repeat: no-repeat;
  background-size: auto 372px;
  width: 60%;
}

.slide-17 {
  border: 0px none var(--toby-red);
}

.generic-container {
  padding: 40px;
}

.div-block-340 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-341 {
  background-color: var(--_base---color-neutral--100);
  width: 100%;
  padding: 24px;
}

.div-block-342 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 55%;
  display: flex;
}

.div-block-343 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.image-97 {
  margin-top: 64px;
}

.div-block-344 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.div-block-345 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.yan-yan {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffffffa6;
  border-radius: 0;
  flex-flow: column;
  width: 480px;
  margin-top: 16px;
  margin-right: 16px;
  padding: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
}

.div-block-346 {
  flex-flow: column;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  display: flex;
  position: relative;
}

.div-block-347 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.video-2 {
  width: 100%;
}

.paragraph-6 {
  font-family: var(--_base---font-family--heading);
  color: #e53523;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  font-weight: 600;
}

.div-block-348 {
  background-image: linear-gradient(#eaf8f7, #fff);
  width: 400px;
}

.div-block-349 {
  height: 280px;
}

.image-98, .image-99, .image-100, .image-101, .image-102, .image-103, .image-104 {
  position: absolute;
}

.div-block-350 {
  display: none;
}

.div-block-351 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 30vh;
  display: flex;
}

.section-22 {
  display: flex;
}

.heading-12 {
  margin-top: 0;
  margin-bottom: 0;
}

.link-12 {
  flex: 0 auto;
  display: block;
}

.homepage-top {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40vh;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-352 {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding: 0 40px 200px;
  display: flex;
}

.card-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-354 {
  width: 400px;
  height: 400px;
}

.thumb-cards {
  background-color: var(--_base---color-neutral--300);
  width: 100%;
  height: 400px;
}

.thumb-cards.boxful-ui {
  background-color: var(--light-sea-green-2);
  width: 100%;
}

.thumb-cards.boxful-ui:hover {
  border-radius: 24px;
}

.thumb-cards.boxful-branding {
  background-color: #00c4b3;
  width: 100%;
}

.thumb-cards.boxful-branding:hover {
  border-radius: 24px;
  overflow: hidden;
}

.thumb-cards.pl {
  background-image: linear-gradient(#0f172a 16%, #213157 71%);
  width: 100%;
}

.thumb-cards.pl:hover {
  border-radius: 24px;
  overflow: hidden;
}

.thumb-cards.bettle {
  background-image: linear-gradient(#000, #333);
  flex-flow: column;
  width: auto;
  display: block;
  overflow: hidden;
}

.thumb-cards.bettle:hover {
  border-radius: 24px;
}

.thumb-cards.js {
  background-color: #d4d4d400;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.thumb-cards.js:hover {
  border-radius: 24px;
}

.thumb-cards.b-vibe {
  background-color: #d4d4d400;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.thumb-cards.b-vibe:hover {
  border-radius: 24px;
}

.thumb-cards.sat {
  background-color: #d4d4d400;
  border-radius: 0;
  overflow: hidden;
}

.thumb-cards.sat:hover {
  border-radius: 24px;
}

.thumb-cards.yy {
  background-color: #ffe629;
  padding: 0;
}

.thumb-cards.yy:hover {
  border-radius: 24px;
}

.thumb-cards.about {
  background-color: #0000;
  border-radius: 0;
  text-decoration: none;
  overflow: hidden;
}

.thumb-cards.about:hover {
  background-color: #00000054;
  border-radius: 24px;
}

.div-block-355 {
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-356 {
  z-index: 999;
  background-color: var(--_base---color-neutral--200);
  justify-content: center;
  align-items: center;
  height: 64px;
  padding: 16px 40px 20px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-358 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.background-video-47 {
  z-index: 99;
  border: 2px solid #525252;
  border-radius: 20px;
  width: 280px;
  height: 600px;
  bottom: -32px;
}

.data-header-7 {
  color: #03f29e;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.data-header-7.gray {
  color: #e5e5e5;
  align-self: flex-start;
}

.background-video-48 {
  position: absolute;
  inset: -24px 0% 0%;
}

.background-video-49 {
  display: block;
  position: absolute;
  inset: -17px 0% 0%;
  overflow: visible;
}

.div-block-359 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f9a80b7962c486b96d03d72_YY-Old-guy.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 550px;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-360 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f9a8969343bad0a8ff463f1_YY%20logo_simple.svg");
  background-position: 50% 42%;
  background-repeat: no-repeat;
  background-size: 320px;
  border: 0 #000;
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-361 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f9a80b7962c486b96d03d72_YY-Old-guy.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 550px;
  border: 0 #000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-43 {
  font-family: var(--_base---font-family--heading);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
}

.contact-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  display: flex;
}

.contact-container._2-line {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
}

.text-block-44 {
  color: #666;
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  display: none;
}

.text-block-45 {
  color: var(--_base---color-neutral--800);
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  font-weight: 600;
  text-decoration: underline;
  display: none;
}

.div-block-363 {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5edfae8cb5ff3462ead2dbc8_Pinkerton.gif");
  background-position: 0 0;
  background-size: 270px;
  width: 270px;
  height: 270px;
}

.content-container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  height: auto;
  display: flex;
  position: relative;
}

.content-container-2.intro {
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  height: 200px;
}

.heading-13 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inria Serif, sans-serif;
  font-size: 40px;
  line-height: 48px;
  display: flex;
}

.div-block-364 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.div-block-365 {
  background-color: #eee;
  border-radius: 24px;
  padding: 4px 12px;
}

.div-block-366 {
  width: 50%;
}

.container-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  display: flex;
}

.hanken-4 {
  color: #525252;
  text-align: left;
  letter-spacing: .25px;
  word-break: normal;
  width: 100%;
  min-width: auto;
  max-width: 1184px;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.list-16 {
  padding-left: 24px;
}

.image-105 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: inline-flex;
}

.div-block-367 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-368 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  padding-right: 16px;
  display: flex;
}

.heading-14 {
  margin-top: 0;
  margin-bottom: 0;
}

.h5-title {
  font-family: var(--_base---font-family--heading);
  font-size: var(--_responsive---line-height--h5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  display: block;
}

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

.div-block-370 {
  flex-direction: row;
  display: flex;
}

.adheading-2 {
  color: #dadada;
  margin-bottom: 0;
  font-size: 20px;
  text-decoration: none;
}

.adheading-2.w--current {
  color: #00c4b3;
  margin-bottom: 0;
  font-weight: 500;
}

.h2-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inria Serif, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  display: block;
}

.h2-2.branding {
  margin-top: 0;
}

.div-block-371 {
  align-self: flex-end;
  margin: auto 0 auto auto;
}

.right_1-2 {
  background-color: #fafafa;
  flex: 1;
}

.bold-text-7 {
  color: var(--boxful);
}

.bold-text-7.hanken-2 {
  font-weight: 700;
}

.bold-text-8 {
  color: var(--boxful);
}

.bold-text-8.hanken-2 {
  font-weight: 700;
}

.container-640 {
  max-width: 640px;
}

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

.div-block-373 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  padding-right: 16px;
  display: flex;
}

.image-106 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: inline-flex;
}

.div-block-374 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.content-container-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  height: auto;
  display: flex;
  position: relative;
}

.content-container-3.intro {
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  height: 200px;
}

.div-block-375 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.container-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  min-width: 800px;
  max-width: 1184px;
  display: flex;
}

.div-block-376 {
  width: 50%;
}

.hanken-5 {
  color: #525252;
  text-align: left;
  letter-spacing: .25px;
  word-break: normal;
  width: 100%;
  min-width: auto;
  max-width: 1184px;
  margin-bottom: 0;
  font-family: Hanken Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.heading-15 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inria Serif, sans-serif;
  font-size: 40px;
  line-height: 48px;
  display: flex;
}

.div-block-377 {
  background-color: #eee;
  border-radius: 24px;
  padding: 4px 12px;
}

.background-video-50 {
  text-decoration: none;
  position: absolute;
  inset: auto 0% -50px;
}

.inria {
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h5);
  margin-top: 0;
  margin-bottom: 0;
}

.inria.white {
  color: #fff;
  text-decoration: none;
  display: flex;
  position: relative;
}

.inria.white:hover {
  display: flex;
}

.inria.h6 {
  font-size: var(--_responsive---font-size-heading--h6);
}

.inria.js {
  color: var(--_base---color-brand--jetsetter);
  line-height: var(--_responsive---line-height--h6);
}

.inria.open {
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
}

.inria.bettle {
  color: var(--_base---color-brand--bettle);
}

.project-footer {
  background-color: var(--_base---color-neutral--100);
  justify-content: center;
  align-items: center;
  height: 240px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-379 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.image-107 {
  width: 160px;
  height: 160px;
  position: relative;
}

.prev {
  color: #fff0;
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-heading--h1);
  line-height: var(--_responsive---line-height--h1);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.prev:hover {
  z-index: 99;
  color: #fff;
  background-color: #00000080;
  border-radius: 16px;
  overflow: hidden;
}

.project-container {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f1a889a0161a37838a2d65d_1.png"), linear-gradient(to bottom, var(--gold), var(--gold));
  background-position: 25% 55%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 600px, auto;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  display: flex;
  position: relative;
}

.project-container:hover {
  border-radius: 16px;
}

.project-container.js {
  background-image: none;
}

.project-container.video {
  overflow: hidden;
}

.project-container.pl {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6a329a34ec46cf5ca17f9ae5_FA%20Leaders%202X2.png"), linear-gradient(#292c42, #292c42);
  background-position: 8% 70%, 0 0;
  background-size: 280px, auto;
}

.project-container.st-sat {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e35761ff4dd5393fc32a414_2016_1.jpg");
  background-position: 33% 60%;
  background-repeat: no-repeat;
  background-size: 320px;
}

.project-container.bx-ux {
  background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e33f00443be9d1ffa51de83_MacBook-Boxful-NoBG.png"), linear-gradient(to bottom, var(--boxful), var(--boxful));
  background-position: 90%, 0 0;
  background-size: 320px, auto;
}

.transparent-dark {
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: none;
}

.transparent-dark:hover {
  background-color: #00000080;
}

.project {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project.next {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.background-video-51 {
  z-index: 98;
  width: 160px;
  height: 160px;
}

.div-block-380 {
  opacity: 1;
  width: auto;
  height: 40px;
}

.link-block-5 {
  cursor: pointer;
}

.image-109 {
  opacity: .36;
  margin-right: 40px;
}

.image-109:hover {
  opacity: .8;
}

.image-110 {
  opacity: .36;
  margin-right: 40px;
}

.image-110:hover {
  opacity: .8;
}

.image-111 {
  opacity: .36;
}

.image-111:hover {
  opacity: .8;
}

.text-block-46 {
  color: #666;
  font-family: Inria Serif, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.email {
  color: #262626;
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-heading--h6);
  font-weight: 600;
  line-height: 24px;
  text-decoration: underline;
}

.div-block-381 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-video-52 {
  z-index: 1;
  width: 160px;
  height: 160px;
}

.div-block-382 {
  width: 40%;
  display: flex;
}

.data-3 {
  display: block;
}

.div-block-384 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.list-17 {
  padding-left: 24px;
}

.div-block-388 {
  padding-bottom: 24px;
}

.image-112 {
  max-width: none;
  display: block;
}

.dashboard-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-392 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.data-header-8 {
  color: #03f29e;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
}

.data-header-8.gray {
  color: #e5e5e5;
  align-self: flex-start;
}

.data-header-8.black {
  color: var(--_base---color-neutral--800);
}

.data-header-8.pl {
  color: var(--_base---color-brand--pl);
}

.div-block-393 {
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-394 {
  position: absolute;
}

.div-block-395 {
  width: 100%;
}

.div-block-396 {
  width: 40%;
  display: flex;
}

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

.div-block-398, .div-block-399 {
  width: 40%;
  display: flex;
}

.text-block-47 {
  color: #c5d583;
  letter-spacing: .25px;
  padding-top: 14px;
  font-family: PT Serif, serif;
  font-size: 20px;
  font-weight: 700;
}

.text-block-47.ux {
  color: #262626;
  font-family: Inria Serif, sans-serif;
  text-decoration: none;
}

.nav-link-4 {
  color: #424c14;
  height: 48px;
  padding-left: 16px;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  top: -6px;
}

.nav-link-4:hover {
  text-decoration: underline;
}

.nav-link-4:active {
  color: #e5d14b;
  font-weight: 500;
  text-decoration: none;
}

.nav-link-4.branding {
  color: #239c92;
  display: none;
}

.container-11 {
  width: auto;
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
}

.nav-link-5 {
  color: #424c14;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: inline-block;
  position: relative;
  top: -6px;
}

.nav-link-5:hover {
  text-decoration: underline;
}

.nav-link-5:active {
  color: #e5d14b;
  font-weight: 500;
  text-decoration: none;
}

.nav-link-5.branding {
  color: #239c92;
  display: none;
}

.nav-link-6 {
  color: #424c14;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 400;
  text-decoration: none;
  top: -6px;
}

.nav-link-6:hover {
  text-decoration: underline;
}

.nav-link-6:active {
  color: #e5d14b;
  font-weight: 500;
  text-decoration: none;
}

.nav-link-6.branding {
  color: #239c92;
}

.navbar-2 {
  background-color: #2700d5;
  justify-content: center;
  align-items: center;
  padding: 4px 24px;
}

.navbar-2.homepage {
  background-color: var(--_base---color-neutral--white);
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: absolute;
}

.header-name {
  color: #fff;
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  text-decoration: none;
}

.header-name.homepage.w--current {
  color: #2700d5;
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  font-weight: 600;
}

.div-block-400 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.header-details {
  color: #ffffff80;
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
}

.column-19 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.text-block-49 {
  font-family: var(--_base---font-family--data);
  color: var(--_base---color-brand--400);
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
  text-align: right;
}

.heading-17 {
  font-size: var(--_responsive---font-size-heading--h4);
}

.div-block-401 {
  width: 60%;
  display: flex;
}

.bullet-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-self: flex-start;
  padding-left: 24px;
  display: flex;
}

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

.inria-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inria Serif, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.inria-2.js {
  color: #08558d;
  line-height: 28px;
}

.div-block-404 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.data-3 {
  z-index: 999;
  color: #cad5e2;
  text-align: center;
  width: auto;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
}

.data-3.impact {
  color: #262626;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
}

.connect-button {
  background-color: #262626;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 128px;
  padding: 4px 12px;
  text-decoration: none;
  display: flex;
}

.connect-button:hover {
  background-color: #2700d5;
  width: 140px;
  padding: 6px 16px;
}

.lets-connect {
  font-family: var(--_base---font-family--data);
  color: var(--white);
  font-size: var(--_responsive---font-size-body--default);
}

.text-block-50 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.subhead-card-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 80%;
  margin-top: 24px;
  display: flex;
}

.icon-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.list-18 {
  width: 100%;
  padding-left: 24px;
}

.bold-text-9, .bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13 {
  color: var(--_base---color-brand--bettle);
}

.data-hanken-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 45%;
  display: flex;
}

.text-span-64 {
  color: var(--_base---color-brand--bettle);
}

.link-13 {
  color: var(--_base---color-neutral--black);
  font-weight: 700;
  text-decoration: underline;
}

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

.div-block-406 {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-bottom: 0;
  display: flex;
}

.background-video-53 {
  z-index: 99;
  border: 1px solid #000;
  width: 400px;
  height: 400px;
}

.div-block-407 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.h3-inria {
  font-family: var(--_base---font-family--heading);
  font-size: var(--_responsive---font-size-heading--h3);
  line-height: var(--_responsive---line-height--h3);
  font-weight: 600;
}

.landscape-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-top: 16px;
  display: flex;
}

.square-24px {
  background-color: #00ac70;
  width: 24px;
  height: 24px;
}

.circle-24px {
  background-color: #000;
  border-radius: 24px;
  width: 24px;
  height: 24px;
}

.key-container-24px {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.see-more {
  font-family: var(--_base---font-family--data);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-weight: 400;
  display: flex;
  position: static;
}

.cta {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--_base---color-neutral--200);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.image-114 {
  width: 16px;
  height: 16px;
}

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

.div-block-410 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.image-115 {
  width: 320px;
}

.div-block-411 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-self: flex-start;
  display: flex;
}

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

.div-block-414 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.data-header-9 {
  color: #03f29e;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-self: flex-end;
  width: auto;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-weight: 400;
  position: static;
  inset: 0% auto auto 25.5%;
}

.overline-title {
  flex-flow: column;
  display: flex;
}

.data-4 {
  z-index: 999;
  color: #cad5e2;
  text-align: center;
  width: auto;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
}

.data-4.overline {
  color: #333;
  text-align: left;
  position: static;
}

.data-4.overline.boxful-color {
  color: var(--boxful);
}

.h5-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inria Serif, sans-serif;
  font-size: 20px;
}

.h5-2.hanken {
  font-family: Hanken Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.h5-2.hanken.semi-bold {
  color: #262626;
  font-weight: 600;
}

.h4-inria {
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-heading--h4);
  line-height: var(--_responsive---line-height--h4);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.text-block-51 {
  color: var(--_base---color-neutral--800);
  font-family: Inria Serif, sans-serif;
  font-size: var(--_responsive---font-size-heading--h6);
  line-height: var(--_responsive---line-height--h6);
  margin-top: 16px;
  font-weight: 600;
  position: static;
}

.thumb-title-container {
  flex-flow: column;
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.data-description {
  font-family: var(--_base---font-family--data);
  color: #b1b1b1;
  font-size: var(--_responsive---font-size-body--default);
  line-height: var(--_responsive---line-height--default);
}

.thumb-container {
  flex-flow: column;
  width: 33%;
  display: flex;
}

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

.div-block-417 {
  justify-content: flex-end;
  align-items: center;
  width: 144px;
  display: flex;
}

._1-3-container {
  width: 33%;
  display: flex;
}

._1-3-container.center {
  justify-content: center;
  align-items: center;
}

._1-3-container.align-right {
  justify-content: flex-end;
  align-items: center;
}

@media screen and (min-width: 1280px) {
  .imageux.lo-med {
    background-image: none;
  }

  .smallcaps._20px.list {
    direction: ltr;
    padding-left: 0;
  }

  .slider {
    display: block;
  }

  .paragraph.homepage {
    font-size: 20px;
    line-height: 28px;
  }

  .paragraph.webflow {
    margin-top: 0;
  }

  .paragraph.funnel {
    margin-bottom: 20px;
  }

  .paragraph.business.white.paragraph2 {
    margin-top: 12px;
  }

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

  .textwrapper.homepage._1, .textwrapper.homepage._2, .textwrapper.homepage._3, .textwrapper.homepage._4, .textwrapper.homepage._5, .textwrapper.homepage.yy, .textwrapper.ubl {
    max-height: 750px;
  }

  .textwrapper.mobile {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    top: 0;
  }

  .textwrapper.business {
    max-height: 750px;
  }

  .background-video {
    width: 100%;
    height: 600px;
  }

  .bgvideocontainer.yanyan {
    width: 480px;
  }

  .textcontain._640.gif {
    justify-content: flex-end;
  }

  .background-video-2 {
    width: 696px;
    height: 400px;
    margin-right: auto;
  }

  .animationwrapper.row1 {
    flex: 0 auto;
    width: 700px;
  }

  .div-block-104 {
    background-position: 50% 0;
    background-size: cover;
    height: 400px;
    display: none;
  }

  .projectthumb._1 {
    background-size: 100%;
  }

  .div-block-121 {
    height: 200px;
  }

  .div-block-128 {
    margin-bottom: 60px;
  }

  .div-block-129 {
    padding: 20px;
  }

  .imagecontain.footer.yy {
    background-position: 100%;
  }

  .slider-8 {
    left: 10vw;
  }

  .image-52 {
    top: 12vh;
  }

  .abouttype {
    justify-content: center;
    display: flex;
  }

  .responsive {
    max-width: 1050px;
  }

  .top5imagecontainer {
    height: 145px;
  }

  .top5imagecontainer.edgardo {
    background-size: cover;
  }

  .text-span-54 {
    text-decoration: line-through;
  }

  .text-span-55 {
    color: var(--boxful);
    font-weight: 500;
  }

  .oldlogos {
    z-index: 1;
    background-color: var(--white);
    position: relative;
  }

  .photo--container._1 {
    background-size: auto 250px;
  }

  .div-block-172 {
    background-repeat: no-repeat;
  }

  .div-block-174 {
    height: 200px;
  }

  .background-video-9 {
    width: 100%;
    min-height: 280px;
  }

  .div-block-179 {
    padding-bottom: 20px;
  }

  .div-block-182 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f2536ec21bf9f8a4ca7e595_Screenshot%202020-07-13%20at%208.05.21%20PM.png");
    background-position: 0 0;
    background-size: cover;
    width: 33%;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-183 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f25384099dc5dde6cb50c42_Screenshot%202020-08-01%20at%205.37.33%20PM.png");
    background-position: 0 0;
    background-size: cover;
    width: 33%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-184 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f25349f44360b2f73bbf89d_Screenshot%202020-07-13%20at%208.06.32%20PM.png");
    background-position: 0 0;
    background-size: cover;
    width: 33%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-185 {
    background-color: #0000;
    width: 25%;
    padding-bottom: 24px;
    padding-right: 24px;
    display: block;
  }

  .iphonecontain {
    margin-bottom: 20vh;
  }

  .image-58 {
    top: auto;
  }

  .section-15 {
    position: static;
    top: auto;
  }

  .iphonecontain-2 {
    margin-bottom: 20vh;
  }

  .iphonecontain-2.bottom {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
    position: sticky;
    top: 0;
    bottom: auto;
  }

  .background-video-14 {
    height: 750px;
  }

  .div-block-211 {
    max-height: 750px;
  }

  .slider-12 {
    height: 350px;
  }

  .content-container.flex-horizontal._2.b-vibe {
    width: 2840px;
  }

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

  .hanken.previous-next {
    display: none;
  }

  .div-block-226 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-227 {
    align-self: flex-start;
  }

  .solution-container {
    width: 100%;
    display: flex;
  }

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

  .left-block.lewand {
    width: 720px;
    box-shadow: 0 6px 11px 4px #0003;
  }

  .background-video-32 {
    width: 816px;
    height: 448px;
  }

  .background-video-33, .background-video-34 {
    width: 816px;
    height: 408px;
  }

  .background-video-35 {
    height: 499px;
  }

  .background-video-36 {
    height: 567px;
  }

  .background-video-41 {
    width: 816px;
    height: 448px;
  }

  .background-video-42 {
    width: 816px;
    height: 408px;
  }

  .homepage-top {
    justify-content: center;
    align-items: center;
  }

  .project-footer {
    background-color: var(--_base---color-neutral--100);
  }

  .image-107 {
    width: 160px;
    height: 160px;
  }

  .image-108 {
    opacity: .5;
  }

  .prev {
    width: var(--_responsive---line-height--h1);
  }
}

@media screen and (min-width: 1440px) {
  .navbar {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-link.cbs, .nav-link.darkgreen, .nav-link-2.cbs, .nav-link-2.darkgreen, .nav-link-3.cbs, .nav-link-3.darkgreen {
    font-size: 18px;
  }

  .text-block.ux, .text-block._2way, .text-block.cbs, .text-block.st-sat {
    font-size: 24px;
  }

  ._900_contain.yanyan {
    display: flex;
    position: relative;
    top: auto;
  }

  ._900_contain.yanyan.logodescription {
    display: none;
  }

  .nav-menu {
    font-size: 18px;
    display: none;
  }

  .landingwrapper._2way {
    background-color: var(--black);
    background-position: 0 0, 0 20%;
    background-size: auto, 90vw;
  }

  .header.workpage {
    font-size: 30px;
    line-height: 38px;
  }

  .subhead {
    flex-flow: column;
  }

  .subhead.ohtani.template {
    width: 80%;
  }

  .subhead.white {
    color: var(--_base---color-neutral--100);
  }

  .subhead.white.js {
    margin-top: 56px;
  }

  .div-block-6, .text-block-3 {
    font-size: 18px;
  }

  .categoryhead {
    letter-spacing: 4px;
    font-family: PT Serif, serif;
  }

  .categoryhead.head, .categoryhead.white {
    font-size: 14px;
  }

  .categoryhead.yanyan {
    color: #e43625;
  }

  .list.solutiontext.white {
    font-size: 18px;
  }

  .list-item, .list-item-2 {
    font-size: 18px;
    line-height: 26.5px;
  }

  .smallcaps {
    font-size: 14px;
  }

  .keyblock._2way {
    width: 200px;
  }

  .keyblock.cbs {
    width: 200px;
    font-size: 18px;
    line-height: 26.5px;
  }

  .link {
    font-size: 18px;
  }

  .link._2way.current {
    font-size: 18px;
    line-height: 26.5px;
  }

  .link-2 {
    font-size: 18px;
  }

  .link-2._2way.current {
    font-size: 18px;
    line-height: 26.5px;
  }

  .link-3 {
    font-size: 18px;
  }

  .link-3._2way.current {
    font-size: 18px;
    line-height: 26.5px;
  }

  .link-4, .link-4.w--current {
    font-size: 18px;
  }

  .link-4._2way.current, .text-block-10.inspiration {
    font-size: 18px;
    line-height: 26.5px;
  }

  .tabcontainer.inspiration {
    padding-top: 8px;
  }

  .solutiontext.improvements._1 {
    font-size: 18px;
    line-height: 26.5px;
  }

  .solutiontext.bigitalic {
    font-size: 26px;
    line-height: 32px;
  }

  .solutiontext.bigitalic.finalthoughts {
    font-size: 28px;
    line-height: 34px;
  }

  .description {
    font-size: 16px;
  }

  .description.painpoint._2, .list-3.solutiontext {
    font-size: 18px;
    line-height: 26.5px;
  }

  .text-block-17 {
    font-size: 15.5px;
  }

  .solutionwrap {
    padding-bottom: 40px;
  }

  .tabs-2 {
    width: 80%;
  }

  .tablink1, .tablink2, .tablink3, .tablink4 {
    font-size: 18px;
  }

  .content._1.solutiontext, .content._2.solutiontext, .paragraph {
    font-size: 18px;
    line-height: 26.5px;
  }

  .paragraph.homepage {
    justify-content: flex-start;
    width: 88%;
    max-width: none;
    margin-left: 0;
    font-size: 20px;
    line-height: 28px;
    display: block;
  }

  .paragraph.top5.list {
    line-height: 24px;
  }

  .paragraph.full, .paragraph.alt, .paragraph.simple {
    margin-top: 0;
    position: absolute;
  }

  .paragraph.yanyan.black {
    width: 97%;
  }

  .paragraph.business.centered {
    width: 400px;
  }

  .list-item-14, .list-item-15 {
    font-size: 18px;
    line-height: 26.5px;
  }

  .h4 {
    margin-bottom: 4px;
  }

  .h4.white {
    font-size: var(--_responsive---font-size-heading--h4);
    line-height: var(--_responsive---line-height--h4);
  }

  .list-item-16 {
    font-size: 18px;
    line-height: 26.5px;
  }

  .h1 {
    width: 88%;
    font-size: 42px;
    line-height: 50px;
  }

  .h1.ohtani {
    font-size: 48px;
    line-height: 54px;
  }

  .h1.cbs {
    font-size: 40px;
    line-height: 42px;
  }

  .h1.yanyan {
    color: #e43525;
  }

  .fantasywrap {
    z-index: 1;
    position: relative;
  }

  .h2.branding {
    font-size: 30px;
  }

  .list-6, .list-7 {
    font-size: 18px;
    line-height: 26.5px;
  }

  .h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .h3.conclusion {
    font-size: 18px;
    line-height: 26.5px;
  }

  .h3.ux.pl {
    color: var(--white);
  }

  .text-span-27, .text-span-28 {
    font-size: 18px;
    line-height: 26.5px;
  }

  .left {
    justify-content: flex-start;
    align-items: flex-end;
    min-height: auto;
    margin-bottom: 0;
    padding-left: 60px;
    padding-right: 60px;
  }

  .leftinner {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .leftinner.main {
    padding-left: 60px;
    display: block;
  }

  .leftinner.yanyan {
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 60px;
    display: flex;
  }

  .leftinner.business._1 {
    padding-left: 120px;
  }

  .leftinner._640 {
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
    max-width: 640px;
    display: block;
  }

  .heading-4 {
    margin-top: 10px;
    font-size: 40px;
    line-height: 48px;
  }

  .textwrapper.branding.website {
    padding-right: 120px;
  }

  .textwrapper.homepage.yy, .textwrapper.ubl {
    display: block;
  }

  .textwrapper.mobile {
    height: auto;
    top: auto;
  }

  .textwrapper.pl {
    background-image: linear-gradient(360deg, #000 16%, #fff0 93%), url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6104c335aa8822891387a242_OutCastillo.jpg");
    background-position: 0 0, 30%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 80vh;
    padding: 60px;
  }

  .flexwrapper.left.opposite {
    justify-content: space-between;
    align-items: flex-start;
  }

  .flexwrapper.leftscroll.mobile.bottom {
    max-height: none;
  }

  .right-2.business.mobile {
    position: relative;
  }

  .wrapper100vh.animations.desktop {
    align-items: center;
    padding-bottom: 120px;
    display: flex;
  }

  .horizontal-scroll-section {
    display: none;
  }

  .right_1 {
    position: sticky;
    top: 0;
  }

  .right_1inner.opposite {
    position: sticky;
  }

  .background-video {
    flex: 0 auto;
    width: 100%;
    height: 800px;
  }

  .bgvideocontainer.yanyan {
    width: 580px;
    height: 340px;
    display: flex;
  }

  .infoblock.yanyan {
    background-color: #ffe629;
  }

  .textcontain._640 {
    align-items: flex-start;
    max-width: 640px;
    padding-right: 0;
  }

  .textcontain._640.gif {
    justify-content: center;
    align-items: flex-start;
  }

  .textcontain._640.center {
    align-items: center;
  }

  .photocontain {
    height: 31.25vh;
  }

  .div-block-92 {
    width: 400px;
  }

  .background-video-2 {
    z-index: 1;
  }

  .animationwrapper.row2._3 {
    align-items: stretch;
    width: 100%;
    height: auto;
  }

  .div-block-104 {
    background-size: cover;
    width: 800px;
    height: 500px;
  }

  .div-block-105 {
    position: relative;
  }

  .adcontent.paragraph.w--current, .adcontent.paragraph.intrain {
    line-height: 26.5px;
  }

  .projectthumb._1 {
    background-size: 110%;
  }

  .projectthumb.boxful {
    background-size: 175%;
  }

  .projectthumb.pl {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/6a329a34ec46cf5ca17f9ae5_FA%20Leaders%202X2.png");
    background-position: 37% 85%;
    background-size: 150%;
  }

  .projectthumb.bettle {
    background-image: none;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    overflow: hidden;
  }

  .projectthumb.js {
    background-image: none;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    overflow: visible;
  }

  .projectthumb.ah {
    background-image: none;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    display: flex;
  }

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

  .forward.pl {
    filter: invert();
  }

  .line.pl {
    background-color: #fff;
  }

  .lightboxheader {
    font-size: 18px;
    line-height: 26.5px;
  }

  .section-8 {
    padding-top: 64px;
  }

  .div-block-121 {
    width: 200px;
    height: 200px;
  }

  .imagecontain.footer.yy {
    background-position: 100%;
  }

  .section-11 {
    background-color: var(--boxful);
    height: 100vh;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-149 {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
  }

  .slider-9 {
    width: 300px;
  }

  .column-14 {
    padding-left: 0;
  }

  .div-block-150 {
    flex-direction: row;
    display: flex;
  }

  .div-block-151 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8ec13c5097ed39e0fe655a_Screenshot%202020-04-09%20at%202.30.56%20PM.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: auto;
    height: 100%;
  }

  .background-video-8 {
    width: 100%;
  }

  .div-block-152 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8e974d5ee9cd8f65f304f4_Mobile_1.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .slider-10 {
    height: 100%;
  }

  .grid-6 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    place-content: start space-between;
    place-items: stretch center;
    width: auto;
    display: flex;
  }

  .div-block-153 {
    width: 300px;
    height: 300px;
  }

  .div-block-154 {
    width: 300px;
    height: auto;
  }

  .div-block-155 {
    width: 300px;
  }

  .div-block-156 {
    width: auto;
  }

  .abouttype {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-span-49 {
    color: var(--boxful);
    text-decoration: underline;
  }

  .yycontent {
    background-color: #0000;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 80px 40px;
    display: flex;
    position: static;
    top: 0;
  }

  .stickyyy {
    position: static;
  }

  .yanright, .banwu, .yanleft, ._1960 {
    width: 400px;
    max-width: none;
  }

  .logodescription.paragraph.full {
    position: static;
  }

  .logoversion {
    text-align: center;
    justify-content: center;
    align-self: auto;
    width: 40%;
    display: flex;
    position: relative;
  }

  .div-block-158 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f0ff0be2ccbd42612aead59_36531920_10156452176117748_7959107718462046208_o.jpg");
    background-position: 50% 25%;
    background-size: cover;
    height: 360px;
  }

  .oldlogos {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: auto;
    padding: 100px 40px 40px;
    display: flex;
  }

  .div-block-160 {
    height: 1000px;
  }

  .section-12 {
    background-color: var(--dark-olive-green);
    height: 1200px;
  }

  .div-block-161 {
    width: 100%;
  }

  .div-block-162 {
    position: relative;
  }

  .div-block-163 {
    background-color: var(--dark-red);
    height: 1500px;
  }

  .div-block-164 {
    height: 400px;
    position: static;
  }

  .div-block-165 {
    justify-content: center;
    height: 100vh;
    display: block;
    position: sticky;
    top: 0;
  }

  .div-block-166 {
    justify-content: center;
    display: flex;
    position: relative;
    top: auto;
  }

  .paragraph-4 {
    width: 500px;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .container1200 {
    justify-content: center;
    align-items: stretch;
    width: auto;
    max-width: 1280px;
    height: auto;
    padding: 0;
    display: flex;
  }

  .photo--container {
    width: 25%;
  }

  .photo--container._1 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f11629b2e41f9273d0b8e57_OldCard.jpg");
    background-position: 85% 28%;
    background-size: auto 300px;
    width: 33%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo--container._2 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f1160ef909613c3333b3348_1000090.jpg");
    background-position: 50% 0;
    background-size: auto 320px;
    width: 34%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo--container._3 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f1160ef9096137b4a3b3347_10352749_10155489383290524_6842598794276031875_n.jpg");
    background-position: 0 0;
    background-size: cover;
    width: 20%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo--container._4 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f1160ef5c245002176b69df_2315_49095337019_6933_n.jpg");
    background-position: 10% 60%;
    background-size: auto 280px;
    width: 33%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo--container._5, .div-block-168, .div-block-169, .div-block-170 {
    width: 25%;
  }

  .sectiontitle {
    max-width: 1280px;
    display: block;
  }

  .containsection {
    flex-direction: column;
    align-self: center;
    align-items: stretch;
    width: 1280px;
    max-width: none;
    display: block;
  }

  .containsection.yy.truck {
    flex-direction: column;
    align-items: stretch;
    width: auto;
    display: flex;
  }

  .illustration_pieces {
    justify-content: flex-start;
    align-self: auto;
    max-width: 100%;
    height: 100vh;
    display: flex;
  }

  .piece_stripmiddle, .piece_chunk, .piece_topright, .piece_bottomleftcorner, .piece_upperleftcorner, .piece_upperrightcorner, .piece_rightbleed, .piece_icc {
    width: 100%;
  }

  .div-block-172 {
    background-position: 50%;
    background-repeat: no-repeat;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    height: 800px;
    display: flex;
  }

  .div-block-173 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    align-self: center;
    width: 1280px;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-173.sophia {
    flex: 1;
    justify-content: flex-start;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
    inset: auto 0% 0%;
  }

  .section-13 {
    justify-content: center;
    display: none;
  }

  .div-block-174 {
    justify-content: flex-start;
    max-width: 1280px;
  }

  .image-54, .image-55 {
    width: 25%;
    max-width: none;
  }

  .lottie-animation {
    max-width: 500px;
  }

  .background-video-9 {
    width: 580px;
    height: auto;
    min-height: 340px;
  }

  .div-block-179 {
    padding-bottom: 24px;
  }

  .div-block-181 {
    width: 36px;
  }

  .image-56 {
    top: 6px;
  }

  .image-57 {
    width: 25%;
    max-width: none;
  }

  .div-block-183, .div-block-184 {
    margin-left: 20px;
  }

  .div-block-185 {
    margin-left: 0;
  }

  .content_side {
    padding-right: 120px;
  }

  .content_side.video {
    justify-content: center;
    padding-right: 120px;
    display: flex;
    position: relative;
  }

  .div-block-188 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f9a8969343bad0a8ff463f1_YY%20logo_simple.svg");
    background-position: 50% 35%;
    background-size: 600px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    max-width: none;
    display: block;
  }

  .iphonecontain {
    display: block;
    inset: 0 auto auto;
  }

  .iphonecontain-2 {
    display: flex;
    inset: 0 auto auto;
  }

  .div-block-195 {
    align-items: center;
    max-width: 600px;
    padding: 60px;
    display: flex;
  }

  .biz.bullets {
    font-size: 18px;
    line-height: 26.5px;
  }

  .div-block-197 {
    position: relative;
  }

  .div-block-198 {
    width: 280px;
  }

  .image-62 {
    left: 27px;
  }

  .div-block-199 {
    align-items: center;
    width: 400px;
    height: auto;
    padding-top: 0;
  }

  .link-9 {
    color: #e53422;
  }

  .slider-11 {
    margin-top: -216px;
    position: static;
    inset: 0% 0% auto;
  }

  .grid-8 {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    align-items: flex-start;
    margin-top: 6vh;
    display: flex;
  }

  .div-block-208 {
    flex-direction: column;
  }

  .hiwvideo {
    height: 550px;
  }

  .background-video-12 {
    position: relative;
    bottom: 25px;
  }

  .background-video-14 {
    width: 1440px;
  }

  .div-block-212 {
    justify-content: center;
    align-items: center;
    width: 600px;
    height: 400px;
    display: flex;
  }

  .background-video-15 {
    height: 400px;
  }

  .cloud2 {
    top: -49px;
  }

  .hero {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-bottom: 0;
  }

  .content-container {
    background-color: #fff0;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .content-container.intro {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    position: relative;
  }

  .content-container.key.horizontal-scroll {
    flex: none;
    justify-content: center;
    align-items: center;
    min-width: auto;
    max-width: none;
    margin-top: 0;
  }

  .content-container.camera {
    height: auto;
    inset: 8vh 0% auto;
  }

  .content-container.slide {
    min-width: 800px;
    max-width: 1184px;
  }

  .content-container.layout {
    justify-content: center;
    align-items: center;
  }

  .content-container.portrait {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    max-width: none;
  }

  .content-container.portrait.b-vibe, .content-container.portrait.lewand, .content-container.portrait.themes {
    justify-content: space-between;
    max-width: 1600px;
  }

  .content-container.portrait.pl-player {
    justify-content: space-between;
    max-width: 1184px;
  }

  .content-container.title {
    margin-bottom: 24px;
  }

  .content-container.pl {
    margin-bottom: 0;
  }

  .content-container.pl-home {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-container.checkout-solution {
    max-width: 1560px;
  }

  .content-container.home-containers {
    max-width: 1280px;
  }

  .content-container.projects {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .text-block-33 {
    color: #fff;
    text-align: center;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 375px;
    margin-right: 0;
    display: block;
    position: relative;
    bottom: auto;
  }

  .div-block-214 {
    position: absolute;
    inset: auto 0% 0%;
  }

  .code-embed {
    height: 812px;
  }

  .body-6 {
    min-width: 900px;
  }

  .div-block-215 {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .div-block-217 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .heading-6 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .details {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 64px;
    display: flex;
  }

  .scope {
    width: 50%;
  }

  .hanken {
    font-family: Hanken Grotesk, sans-serif;
  }

  .hanken.white {
    align-self: flex-start;
    height: auto;
  }

  .hanken.white._80 {
    align-self: flex-start;
  }

  .hanken.center {
    text-align: center;
  }

  .hanken.previous-next {
    width: auto;
    color: var(--_base---color-neutral--800);
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }

  .small-caps.green {
    color: #07f29e;
  }

  .challenge {
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
    max-width: none;
  }

  .challenge.results {
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 800px;
    max-width: 1184px;
  }

  .container-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    min-width: 800px;
    max-width: 1184px;
    padding-left: 0;
    display: flex;
    overflow: visible;
  }

  .section-template {
    height: auto;
    font-size: var(--_responsive---font-size-heading--h6);
    line-height: var(--_responsive---line-height--h6);
  }

  .section-template.compete {
    border: 1px none var(--_base---color-neutral--black);
  }

  .section-template.compete.metrics {
    border-style: none;
  }

  .section-template.problem {
    padding-bottom: 0;
  }

  .section-template.layout {
    display: flex;
  }

  .section-template.js-solution {
    background-color: var(--_base---color-brand--jetsetter);
  }

  .section-template.dashboard {
    padding-bottom: 120px;
    overflow: hidden;
  }

  .section-template.yan-yan {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section-template.outcome {
    padding-bottom: 120px;
  }

  .div-block-226 {
    justify-content: center;
    align-items: flex-end;
  }

  .div-block-227 {
    align-self: flex-start;
  }

  .div-block-229 {
    width: 50%;
  }

  .image-69 {
    position: relative;
    bottom: 40px;
  }

  .insight {
    height: auto;
    padding-top: 0;
  }

  .frame-3433 {
    justify-content: center;
    align-items: center;
    height: 46px;
    display: flex;
  }

  .div-block-230 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    width: 100%;
    min-width: 320px;
    max-width: 400px;
    padding-top: 8px;
    display: flex;
  }

  .h6-black {
    font-family: var(--_base---font-family--heading);
    font-size: var(--_responsive---font-size-heading--h6);
    margin-bottom: 0;
    font-weight: 600;
  }

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

  .div-block-232 {
    background-color: var(--_base---color-neutral--800);
    width: 100%;
    height: 1px;
  }

  .horizontal-content-container.outcome {
    margin-top: 24px;
  }

  .heading-section {
    font-size: var(--_responsive---font-size-heading--h3);
    line-height: var(--_responsive---line-height--h3);
    font-weight: 600;
  }

  .heading-section.white {
    font-size: var(--_responsive---font-size-heading--h3);
    line-height: var(--_responsive---line-height--h3);
  }

  .heading-section.white.js {
    width: 100%;
  }

  .heading-section.yan-yan {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .list-11 {
    align-self: auto;
  }

  .screenshot {
    left: auto;
  }

  .text-block-37 {
    letter-spacing: .5px;
    font-weight: 500;
  }

  .data-header {
    border: 1px #000;
  }

  .data.align-left.js-blue.link {
    font-size: var(--_responsive---font-size-body--default);
  }

  .data.pl-dashboard {
    position: absolute;
    bottom: -100%;
  }

  .data.homepage.component {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-16 {
    background-image: none;
    background-size: auto;
    overflow: hidden;
  }

  .div-block-258 {
    width: 35%;
    position: static;
  }

  .track-key {
    background-color: var(--_base---color-neutral--800);
  }

  .camera {
    overflow: hidden;
  }

  .frame-contain {
    justify-content: space-between;
    width: 100%;
    min-width: 800px;
    max-width: 1184px;
    display: flex;
  }

  .screen-contain {
    justify-content: space-between;
    display: flex;
  }

  .slider-13 {
    background-color: #fff;
    height: 640px;
  }

  .right-arrow-9, .icon-2 {
    display: none;
  }

  .slide-nav-8 {
    display: block;
  }

  .slide-14 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/69c5f05ef1fcca8ecca512af_857a92d78f7667b286c49e59d872d096_Open%20Contest.png");
    background-position: 20% 52%;
    background-size: 2200px;
  }

  .slide-15 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/69c5f0b383830bd3ed516f60_9db987099a93299a975bf942180718a9_Components.png");
    background-position: 16% 33%;
    background-size: 2800px;
  }

  .left-arrow-9, .icon-3 {
    display: none;
  }

  .slide-16 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/69c5f14e48d6c281e0b33443_King%20Hill.png");
    background-position: 50% 22%;
    background-size: 2400px;
  }

  .div-block-263 {
    justify-content: center;
    align-items: center;
  }

  .div-block-264 {
    justify-content: space-between;
    place-items: center;
    width: 1600px;
    height: 640px;
  }

  .background-video-22, .background-video-23 {
    width: 200px;
    height: 429px;
  }

  .image-76 {
    width: 200px;
    max-width: none;
    height: 429px;
  }

  .image-77 {
    width: 131px;
    max-width: none;
    height: 151px;
  }

  .div-block-266 {
    position: relative;
    top: -44px;
  }

  .div-block-269 {
    width: 1px;
    left: 405px;
  }

  .div-block-270 {
    width: 182px;
    height: 1px;
    top: 260px;
    left: 224px;
  }

  .image-78 {
    z-index: 100;
    position: absolute;
    bottom: 125.844px;
    left: 1022px;
    right: 576.5px;
  }

  .image-79 {
    position: absolute;
    inset: -68px 0% 0%;
  }

  .text-block-39 {
    color: var(--_base---color-neutral--300);
    font-family: Hanken Grotesk, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    position: absolute;
    top: -13.01px;
    left: 402.125px;
  }

  .section-17 {
    justify-content: center;
    align-items: flex-start;
    min-width: auto;
    height: auto;
    margin-bottom: 40px;
    display: flex;
  }

  .background-video-24 {
    min-width: auto;
    max-width: none;
    height: 640px;
    position: relative;
  }

  .div-block-272 {
    box-sizing: border-box;
    float: none;
    clear: none;
    width: auto;
    min-width: 1184px;
    max-width: 1800px;
    min-height: auto;
  }

  .bas-wrapper {
    border: 1px solid var(--_base---color-neutral--100);
    height: 640px;
  }

  .bas-handle-h {
    background-color: var(--_base---color-neutral--100);
    border-radius: 8px;
    width: 12px;
    height: 56px;
  }

  .bas-line-h {
    background-color: var(--_base---color-neutral--100);
    width: 1px;
  }

  .bas-label-before-h {
    background-color: var(--_base---color-brand--jetsetter);
    color: var(--_base---color-neutral--white);
    font-family: Inconsolata, monospace;
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
    border-radius: 8px;
    top: 16px;
    left: 16px;
  }

  .bas-label-after-h {
    background-color: var(--_base---color-brand--jetsetter);
    opacity: 1;
    color: var(--_base---color-neutral--white);
    font-family: Inconsolata, monospace;
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
    mix-blend-mode: normal;
    border-radius: 8px;
    top: 16px;
    right: 16px;
  }

  .heading-section-2, .heading-section-2.white {
    font-size: 40px;
    line-height: 48px;
  }

  .hanken-2 {
    font-family: Hanken Grotesk, sans-serif;
  }

  .data-container.author {
    top: 479px;
  }

  .data-header-2 {
    border: 1px #000;
  }

  .data-header-container-2.white-bg.pl-web {
    border: 1px #000;
    padding-bottom: 0;
  }

  .data-header-container-2.below {
    margin-bottom: 0;
  }

  .section-18 {
    background-color: var(--_base---color-brand--jetsetter);
  }

  .div-block-281 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .div-block-282 {
    border: 1px solid #000;
    border-radius: 0;
    padding: 40px;
  }

  .text-example-small {
    font-family: Playfair Display, sans-serif;
    font-size: var(--_responsive---font-size-heading--h4);
    line-height: var(--_responsive---line-height--h4);
    letter-spacing: 1px;
    font-weight: 600;
  }

  .text-example-small._2 {
    font-family: var(--_base---font-family--body);
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
    font-weight: 500;
  }

  .type-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid #000;
    flex-flow: column;
    margin-top: 40px;
    padding: 24px;
    display: flex;
  }

  .text-example-sample {
    font-family: Playfair Display, sans-serif;
    font-size: var(--_responsive---font-size-heading--h1);
    line-height: var(--_responsive---line-height--h1);
    font-weight: 600;
  }

  .text-example-sample._2 {
    font-family: Hanken Grotesk, sans-serif;
    font-size: var(--_responsive---font-size-heading--h4);
    line-height: var(--_responsive---line-height--h4);
    font-weight: 500;
  }

  .post-layout {
    flex-flow: column;
    display: flex;
  }

  .sticky-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .left-block.lewand {
    width: 960px;
    box-shadow: 0 8px 14px 7px #0003;
  }

  .right-block {
    padding: 24px;
    top: 30vh;
    bottom: auto;
  }

  .right-block.theme {
    max-width: 560px;
  }

  .right-block.pl-player {
    width: auto;
    min-width: 240px;
  }

  .image-91 {
    box-shadow: 0 4px 8px 2px #0003;
  }

  .div-block-294 {
    background-color: #000;
    width: 100%;
    height: 100vh;
  }

  .image-92 {
    box-shadow: 0 4px 8px 2px #0003;
  }

  .heading-10 {
    margin-top: 0;
  }

  .background-video-32 {
    width: 900px;
    height: 500px;
  }

  .data-header-3 {
    border: 1px #000;
  }

  .background-video-33 {
    width: 900px;
    height: 450px;
  }

  .track-key-3 {
    background-color: #262626;
  }

  .data-header-4 {
    border: 1px #000;
  }

  .background-video-34 {
    width: 900px;
    height: 450px;
  }

  .section-template-2 {
    height: auto;
    font-size: 20px;
    line-height: 28px;
  }

  .section-template-2.layout {
    background-color: #f5f5f500;
    background-image: linear-gradient(180deg, var(--_base---color-neutral--100), white);
    display: flex;
  }

  .section-template-2.layout.pl {
    background-color: var(--_base---color-neutral--100);
    background-image: none;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .glass-card-container {
    left: -200px;
  }

  .glass-card-container.nav {
    background-color: #ffffff1a;
    border-radius: 0;
    flex-flow: row;
    width: 100%;
    height: 52px;
  }

  .navbar-glass-effect {
    border-radius: 0;
    width: 100%;
  }

  .div-block-303.nav {
    width: 100%;
    box-shadow: none;
  }

  .background-video-35 {
    height: 640px;
  }

  .background-video-36 {
    height: 760px;
  }

  .div-block-305 {
    border-radius: 8px;
    flex-flow: column;
    display: flex;
    overflow: visible;
    box-shadow: 0 8px 14px 2px #0003;
  }

  .background-video-37 {
    border-radius: 0 0 8px 8px;
  }

  .container-8 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    min-width: 800px;
    max-width: 1184px;
    padding-left: 0;
    display: flex;
    overflow: visible;
  }

  .hanken-3 {
    font-family: Hanken Grotesk, sans-serif;
  }

  .div-block-307 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
    max-width: none;
  }

  .div-block-309 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .background-video-39 {
    height: 232px;
    display: block;
    position: relative;
    top: auto;
  }

  .background-video-41 {
    width: 900px;
    height: 500px;
  }

  .background-video-42 {
    width: 900px;
    height: 450px;
  }

  .heading-11 {
    margin-top: 0;
  }

  .bas-label-before-h-2 {
    background-color: var(--_base---color-neutral--100);
    color: var(--_base---color-neutral--600);
    border-radius: 8px;
    font-family: Inconsolata, monospace;
    font-size: 16px;
    line-height: 24px;
    top: 16px;
    left: 16px;
  }

  .data-header-5 {
    border: 1px #000;
  }

  .bas-label-after-h-2 {
    opacity: 1;
    color: #fff;
    mix-blend-mode: normal;
    background-color: #0475fe;
    border-radius: 8px;
    font-family: Inconsolata, monospace;
    font-size: 16px;
    line-height: 24px;
    top: 16px;
    right: 16px;
  }

  .h4-3 {
    margin-bottom: 4px;
  }

  .h4-3.sitemap {
    display: none;
  }

  .bas-handle-h-2 {
    background-color: #f5f5f5;
    border-radius: 8px;
    width: 12px;
    height: 56px;
  }

  .bas-line-h-2 {
    background-color: #f5f5f5;
    width: 1px;
  }

  .bas-wrapper-2 {
    border: 1px solid #f5f5f5;
    height: 839px;
  }

  .bas-label-after-h-3 {
    opacity: 1;
    color: #fff;
    mix-blend-mode: normal;
    background-color: #08558d;
    border-radius: 8px;
    font-family: Inconsolata, monospace;
    font-size: 16px;
    line-height: 24px;
    top: 16px;
    right: 16px;
  }

  .h4-4 {
    margin-bottom: 4px;
  }

  .bas-line-h-3 {
    background-color: #f5f5f5;
    width: 1px;
  }

  .bas-wrapper-3 {
    border: 1px solid #f5f5f5;
    height: 640px;
  }

  .below-fold-video {
    width: 100%;
    height: 542px;
  }

  .below-fold-video.after {
    width: 100%;
    min-height: 760px;
    max-height: none;
  }

  .div-block-312 {
    width: 100%;
    max-height: none;
  }

  .top-bottom.below-fold {
    width: 100%;
  }

  .track-key-4 {
    background-color: #262626;
  }

  .data-header-6 {
    border: 1px #000;
  }

  .section-21 {
    background-image: linear-gradient(to bottom, var(--_base---color-neutral--100), var(--_base---color-neutral--100));
  }

  .image-container.pl {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .assignment-title.pl {
    color: var(--_base---color-neutral--800);
  }

  .h6.center {
    text-align: center;
  }

  .div-block-327 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .top-down-text-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .top-down-text-container.b-vibe {
    width: 80%;
  }

  .title-container {
    min-width: 0;
    max-width: none;
  }

  .title-container.vi {
    max-width: 715.594px;
  }

  .title-container.home {
    max-width: 1080px;
  }

  .div-block-339 {
    padding: 40px;
  }

  .yan-yan {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 24px 0 40px;
    display: flex;
  }

  .homepage-top {
    justify-content: center;
    align-items: center;
  }

  .div-block-352 {
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 240px;
    display: flex;
  }

  .thumb-cards {
    background-color: #d4d4d4;
  }

  .thumb-cards.pl {
    background-image: linear-gradient(157deg, #0f172a, #213157 49%);
  }

  .thumb-cards.bettle {
    background-color: #333;
    background-image: linear-gradient(#000, #333);
  }

  .thumb-cards.js, .thumb-cards.b-vibe {
    background-color: #d4d4d400;
    position: relative;
    overflow: hidden;
  }

  .background-video-46 {
    z-index: 98;
    border-radius: 12px;
    width: 400px;
    height: 900px;
    bottom: -45px;
  }

  .div-block-357 {
    z-index: 99;
    border: 6px solid var(--_base---color-neutral--600);
    border-radius: 18px;
    position: relative;
    bottom: -182px;
  }

  .div-block-358 {
    position: relative;
    bottom: -131px;
  }

  .background-video-47 {
    border-width: 4px;
    border-color: #101010;
    border-radius: 24px;
    width: 280px;
    bottom: -12px;
  }

  .data-header-7 {
    border: 1px #000;
  }

  .background-video-48 {
    position: absolute;
    inset: 0 0% 0%;
  }

  .div-block-360 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f9a8969343bad0a8ff463f1_YY%20logo_simple.svg");
    background-position: 50% 42%;
    background-size: 360px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    max-width: none;
    display: block;
  }

  .contact-container {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .contact-container._2-line {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .content-container-2 {
    background-color: #fff0;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .content-container-2.intro {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    position: relative;
  }

  .container-9 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    min-width: 800px;
    max-width: 1184px;
    padding-left: 0;
    display: flex;
    overflow: visible;
  }

  .hanken-4 {
    font-family: Hanken Grotesk, sans-serif;
  }

  .div-block-368 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
    max-width: none;
  }

  .h2-2.branding {
    font-size: 30px;
  }

  .container-640 {
    max-width: 650px;
  }

  .div-block-373 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
    max-width: none;
  }

  .content-container-3 {
    background-color: #fff0;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .content-container-3.intro {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    position: relative;
  }

  .container-10 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    min-width: 800px;
    max-width: 1184px;
    padding-left: 0;
    display: flex;
    overflow: visible;
  }

  .hanken-5 {
    font-family: Hanken Grotesk, sans-serif;
  }

  .project-footer {
    background-color: var(--_base---color-neutral--100);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 240px;
    display: flex;
  }

  .div-block-379 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .image-107 {
    width: 80px;
    height: 80px;
  }

  .image-108 {
    width: 24px;
    height: 24px;
  }

  .prev {
    z-index: 99;
    width: 100%;
    height: 100%;
    font-size: var(--_responsive---font-size-heading--h3);
  }

  .prev:hover {
    border-radius: 16px;
    overflow: hidden;
  }

  .project-container.js {
    background-image: none;
    overflow: hidden;
  }

  .project {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .background-video-51 {
    z-index: 98;
    width: 160px;
  }

  .div-block-380 {
    width: auto;
  }

  .email {
    font-size: var(--_responsive---font-size-heading--h6);
  }

  .div-block-381 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .background-video-52 {
    width: 160px;
  }

  .data-header-8 {
    border: 1px #000;
  }

  .data-header-8.black {
    color: var(--_base---color-neutral--600);
  }

  .data-header-8.pl {
    color: var(--_base---color-brand--pl);
  }

  .text-block-47.ux {
    font-size: 24px;
  }

  .container-11 {
    width: 100%;
  }

  .navbar-2 {
    z-index: 999;
    background-color: #2700d5;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .header-name {
    color: var(--_base---color-neutral--white);
    font-family: Inria Serif, sans-serif;
    font-size: var(--_responsive---font-size-heading--h6);
    line-height: var(--_responsive---line-height--h6);
    font-weight: 600;
    text-decoration: none;
  }

  .div-block-400 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    display: flex;
  }

  .text-block-48 {
    color: #838383;
    font-family: Inria Serif, sans-serif;
  }

  .header-details {
    color: #949494;
    font-family: Inria Serif, sans-serif;
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
    position: static;
  }

  .see-more {
    font-size: 14px;
    line-height: 20px;
  }

  .cta.less {
    display: none;
  }

  .data-header-9 {
    border: 1px #000;
  }

  .div-block-417 {
    justify-content: flex-end;
    align-items: center;
    width: 144px;
    display: flex;
  }

  ._1-3-container {
    justify-content: flex-start;
    align-items: center;
    width: 33%;
    display: flex;
  }

  ._1-3-container.center {
    justify-content: center;
    align-items: center;
  }

  ._1-3-container.align-right {
    justify-content: flex-end;
    align-items: center;
  }

  .div-block-419 {
    width: 33%;
  }

  .div-block-420 {
    justify-content: flex-end;
    align-items: center;
    width: 33%;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    height: 60px;
    display: block;
  }

  .navbar.ux {
    justify-content: center;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .navbar.work {
    height: 60px;
    display: flex;
  }

  .navbar.about {
    display: block;
  }

  .nav-link.branding {
    clear: none;
    color: #0f756c;
    height: 60px;
    margin-top: 60px;
    margin-bottom: 20px;
    padding-left: 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 700;
    display: none;
    top: 0;
  }

  .nav-link-2.ux {
    height: 60px;
    top: 0;
  }

  .nav-link-2.branding {
    height: 60px;
    color: var(--light-sea-green);
    align-self: auto;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 24px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: relative;
    top: 10px;
    bottom: auto;
  }

  .nav-link-2.branding:active {
    color: var(--white);
    font-weight: 400;
  }

  .nav-link-2.darkgreen {
    align-items: center;
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    top: 0;
  }

  .nav-link-3.branding {
    color: #0f756c;
    height: 60px;
    padding-left: 24px;
    font-size: 36px;
    font-weight: 700;
    display: none;
    top: 0;
  }

  .nav-link-3.branding:active {
    color: var(--white);
    font-weight: 400;
    display: block;
  }

  .brand {
    justify-content: center;
    align-items: center;
    margin-left: 24px;
    display: flex;
  }

  .container {
    height: 60px;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .container.painpoint._2 {
    margin-bottom: 0;
  }

  .text-block.ux {
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-top: 0;
    display: block;
  }

  .text-block._2way, .text-block.st-sat {
    padding-top: 0;
  }

  ._900_contain {
    justify-content: center;
    width: 100%;
  }

  ._900_contain.work.bxfl, ._900_contain.work.branding, ._900_contain.work.cbs, ._900_contain.work.st-sat, ._900_contain.work.ohtani {
    width: 700px;
    height: 280px;
  }

  ._900_contain.footer {
    justify-content: center;
    width: 100%;
    position: static;
  }

  ._900_contain.mainlanding {
    width: 100%;
  }

  ._900_contain.mobile {
    width: 90%;
  }

  ._900_contain.content {
    width: 100%;
  }

  ._900_contain._2way {
    width: 90%;
  }

  ._900_contain.overview {
    width: 100%;
  }

  ._900_contain.cbs {
    padding: 40px 40px 80px;
  }

  ._900_contain.cbs.st-sat._2014 {
    width: 100%;
  }

  .text-landing.head {
    width: 70%;
  }

  .nav-menu {
    background-color: #0000;
    align-items: center;
    width: auto;
    height: 100%;
    margin-right: 0;
    display: flex;
    position: static;
  }

  .landingwrapper.ux {
    width: 100%;
  }

  .landingwrapper.ux.template {
    height: 420px;
  }

  .landingwrapper._2way {
    background-size: auto, cover;
  }

  .landingwrapper.st-sat {
    background-position: 30%;
  }

  .landingwrapper.home {
    display: none;
  }

  .image.bxfl, .image.bxfl:hover {
    margin-left: -52px;
    padding-top: 26px;
  }

  .header.bxful {
    font-size: 32px;
    line-height: 36px;
  }

  .header.cbs, .header.st-sat, .header.ohtani {
    line-height: 36px;
  }

  .subhead {
    padding-right: 0;
  }

  .subhead.ohtani {
    margin-bottom: 40px;
  }

  .subhead._80 {
    width: 100%;
  }

  .image-2 {
    width: 380px;
    margin-top: -13px;
    margin-left: -19px;
  }

  .footerwrapper {
    height: auto;
    display: block;
    position: static;
    bottom: 0;
  }

  .div-block-6 {
    z-index: 8;
    background-color: #333;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    bottom: auto;
  }

  .text-block-3 {
    flex: none;
  }

  .imageblock.work {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 550px;
    width: 60%;
  }

  .imageblock.work.template {
    background-size: 700px;
  }

  .contentblock.work.ux {
    width: 40%;
    padding-right: 80px;
  }

  .contentblock.st-sat._2016 {
    margin-top: 60vh;
  }

  .text-block-4.header._2way {
    margin-top: 32%;
  }

  .overviewcontain {
    height: 220px;
  }

  .bannercontain.challenge {
    width: 100%;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .bannercontain.objective {
    width: 100%;
    margin-left: 0;
    display: block;
  }

  .bannercontain.objective.biz {
    display: none;
  }

  .list.issues {
    margin-bottom: 0;
  }

  .workpagewrap {
    width: 100%;
  }

  .workpagewrap.contentleft.prototypes.lo-med {
    height: 360px;
    margin-top: 24px;
  }

  .workpagewrap.comp {
    width: 90%;
    left: 0;
  }

  .workpagewrap.lean {
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    position: static;
    inset: 0% auto 0% 0%;
  }

  .workpagewrap.portrait, .workpagewrap.account {
    flex-flow: column;
  }

  .imageux {
    width: 55%;
  }

  .imageux.journey {
    background-size: 384px;
  }

  .imageux.comp {
    background-position: 0%;
    background-size: 360px;
    width: 50%;
  }

  .imageux.site {
    background-position: 50%;
    background-size: 377px;
    padding-right: 0;
  }

  .imageux.lo-med {
    background-image: none;
  }

  .imageux.lean {
    background-size: 300px;
  }

  .imageux.service, .imageux.product, .imageux.account, .imageux.account.schedule, .imageux.billing {
    width: 100%;
    height: 360px;
  }

  .image-3 {
    width: 325px;
    height: auto;
  }

  .image-3.comp {
    height: auto;
  }

  .image-3.ux {
    width: 290px;
  }

  .div-block-11 {
    width: 45%;
    padding-left: 20px;
  }

  .div-block-11.potrait {
    width: 100%;
    height: auto;
    padding-top: 24px;
  }

  .smallcaps._20px.list {
    margin-bottom: 6px;
    padding-left: 0;
  }

  .lightbox-link {
    width: 70%;
  }

  .div-block-12 {
    width: 90%;
  }

  .slider {
    display: block;
  }

  .slide {
    background-position: 40% 0;
    background-size: 400px;
  }

  .slide-2 {
    background-position: 50% 16%;
    background-size: 400px;
  }

  .slide-3 {
    background-position: 50% -16%;
    background-size: cover;
  }

  .keyblock {
    display: none;
  }

  .keyblock.device {
    z-index: 5;
    color: #0000;
    background-color: #fafafacc;
    border: 0 #000;
    width: 100%;
    height: 50px;
    margin-top: 0;
    padding-right: 0;
    display: none;
    position: fixed;
    inset: auto 0% 0%;
  }

  .keyblock._2way {
    display: none;
  }

  .iterationwrap {
    height: auto;
  }

  .processwrap {
    flex-direction: row;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }

  .learnwrap {
    padding-top: 60px;
    padding-bottom: 0;
    position: relative;
  }

  .link, .link-2, .link-3 {
    font-size: 16px;
  }

  .div-block-15 {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-2 {
    width: 100%;
    margin-right: 0;
  }

  .slider-2._2way {
    width: 100%;
  }

  .checkoutslide._1._2way {
    background-position: 50% 300%;
    background-size: cover;
  }

  .div-block-17._1.update {
    width: 90%;
  }

  .text-block-9._2.update {
    font-weight: 700;
  }

  .link-4, .link-4.w--current {
    font-size: 16px;
  }

  .checkoutblock._1-0 {
    height: auto;
    padding-right: 0;
  }

  .checkoutblock._2-0 {
    width: 100%;
  }

  .checkoutblock._2way.inspiration {
    margin-bottom: 0;
  }

  .checkoutblock._2way.update {
    flex-direction: row;
  }

  .div-block-19 {
    width: 100%;
  }

  .tabcontainer {
    justify-content: flex-start;
    align-items: stretch;
    position: static;
  }

  .tabcontainer.inspiration {
    width: 100%;
  }

  .tabcontainer._2018 {
    flex-direction: column;
  }

  .issueblock {
    width: 220px;
    top: 60px;
    left: 447px;
  }

  .issueblock.solution {
    top: 144px;
    left: 17px;
  }

  .issueblock.solution.desktop {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    position: static;
  }

  .issueblock.solution.mobile {
    margin-top: 0;
    margin-bottom: 30px;
    display: none;
    top: 0;
  }

  .issueblock.desktop {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .issueblock.mobile {
    width: 100%;
    margin-bottom: 40px;
    display: none;
    position: relative;
    top: 20px;
    left: 0;
  }

  .solutionslide.service, .solutionslide.product, .solutionslide.account, .solutionslide.address, .solutionslide._5 {
    background-size: 500px;
  }

  .solutionblock {
    border-width: 1px;
  }

  .overviewwrapper {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .overviewwrapper.branding {
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-25 {
    justify-content: space-between;
    align-items: flex-end;
    width: 80%;
    margin-bottom: -5px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .solutiontext.current._2 {
    font-size: 20px;
  }

  .solutiontext.improvements.conclusion._1 {
    margin-bottom: 20px;
  }

  .div-block-27 {
    width: 100%;
    inset: auto 0% -36%;
  }

  .wrap.who {
    margin-top: 0;
  }

  .wrap.current {
    margin-top: 60px;
  }

  .wrap.future {
    background-color: #0000;
    justify-content: center;
    margin-top: 80px;
  }

  .wrap._2018 {
    margin-top: 0;
    margin-bottom: 80px;
  }

  .wrap.imo {
    padding-top: 60px;
  }

  .wrap.define {
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrap.research {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrap.improved {
    padding-left: 30px;
    padding-right: 30px;
  }

  .imagecontainer.research {
    background-position: 50%;
    background-size: 110%;
    height: 500px;
  }

  .sectionwrapper.who {
    width: 100%;
  }

  .sectionwrapper.future {
    width: 90%;
  }

  .backgroundsection {
    width: 100%;
  }

  .futuresection {
    width: 100%;
    margin-bottom: 0;
  }

  ._2018section {
    margin-top: 0;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .div-block-37 {
    height: 140px;
  }

  .arrow {
    height: 30px;
    margin-top: 6px;
  }

  .titlewrap.update {
    margin-bottom: 0;
  }

  .solutionwrap {
    padding-top: 80px;
  }

  .div-block-46 {
    background-size: 225px;
    width: 180px;
    height: 200px;
  }

  .contentwrap._2way.currentversion {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .tabs-content {
    width: 100%;
    top: 80px;
  }

  .tabs-2 {
    width: 100%;
    display: block;
  }

  .tabs-menu {
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-2 {
    margin-right: 20px;
    padding-right: 0;
  }

  .tab-link-tab-2.w--current {
    flex: 0 auto;
    margin-right: 20px;
  }

  .tab-link-tab-3 {
    margin-right: 20px;
    padding-right: 0;
  }

  .tab-link-tab-4 {
    padding-right: 0;
  }

  .contentcontainer.update._3 {
    background-color: var(--light-sea-green-2);
  }

  .div-block-56 {
    width: 100%;
  }

  .div-block-57 {
    width: 100%;
    padding-right: 0;
  }

  .div-block-58 {
    flex-direction: column;
  }

  .div-block-62 {
    padding-top: 80px;
  }

  .menu-button-2 {
    margin-right: -40px;
    padding-top: 12px;
    padding-bottom: 24px;
  }

  .text-span-20 {
    font-weight: 700;
  }

  .list-5.solutiontext {
    margin-bottom: 0;
  }

  .overviewwrap {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .paragraph._70 {
    width: 100%;
  }

  .paragraph.research._2column {
    height: auto;
  }

  .paragraph.homepage {
    align-self: auto;
    margin-left: 0;
  }

  .paragraph.feel {
    width: 80%;
  }

  .paragraph.yanyan.white {
    flex: 0 auto;
    align-self: center;
    overflow: visible;
  }

  .paragraph.business.white {
    margin-top: 0;
  }

  .paragraph.business.white._2 {
    margin-top: 12px;
  }

  .paragraph.animations {
    width: 50%;
  }

  .h4.green {
    color: var(--boxful);
  }

  .list-item-16 {
    margin-bottom: 20px;
  }

  .h1 {
    flex: 1;
    align-items: stretch;
    display: block;
  }

  .div-block-66 {
    background-position: 50% 0;
  }

  .fantasywrap {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .sectionwrap {
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 80px;
  }

  .sectionwrap.imo._1, .sectionwrap.research {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sectionwrap.solution {
    padding-bottom: 40px;
    top: 0;
  }

  .sectionwrap.conclusion {
    padding-top: 60px;
  }

  .h2.branding {
    margin-bottom: 8px;
    line-height: 36px;
  }

  .h3.cbs {
    height: auto;
  }

  .titlecontainer {
    margin-bottom: 60px;
  }

  .columnwrap {
    margin-bottom: 30px;
  }

  .div-block-72 {
    width: 100%;
  }

  .left {
    display: block;
    position: static;
  }

  .left.homepage {
    z-index: 5;
    width: 50%;
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .leftinner {
    flex-direction: column;
    height: 100vh;
    min-height: auto;
    padding-top: 60px;
    display: flex;
    position: sticky;
  }

  .leftinner.main {
    justify-content: center;
    padding-top: 24vh;
  }

  .leftinner.yanyan, .leftinner.mobile {
    padding-left: 40px;
  }

  .heading-4 {
    padding-right: 0;
    font-size: 32px;
    line-height: 40px;
  }

  .textwrapper.branding.biz {
    padding-top: 0;
    padding-left: 20vw;
    padding-right: 20vw;
  }

  .textwrapper.homepage._1, .textwrapper.homepage._2, .textwrapper.homepage._3 {
    height: 40vh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .textwrapper.homepage._4 {
    background-position: 0 0, 16% 0;
    height: 40vh;
  }

  .textwrapper.homepage._5 {
    height: 40vh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .textwrapper.homepage._6 {
    display: none;
  }

  .textwrapper.mobile {
    padding-left: 24px;
    padding-right: 24px;
  }

  .flexwrapper.left.opposite {
    display: flex;
  }

  .flexwrapper.homepage {
    flex-direction: row;
    height: 100vh;
    display: block;
    position: relative;
  }

  .flexwrapper.rightscroll {
    flex-direction: column;
  }

  .right-2.homepage {
    float: right;
    width: 50%;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .right-2.business.mobile {
    padding-left: 0;
  }

  .wrapper100vh.vi {
    flex-direction: column;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .wrapper100vh.animations {
    padding-bottom: 120px;
    display: none;
  }

  .wrapper100vh.animations.desktop {
    padding-left: 24px;
    padding-right: 24px;
  }

  .containergrid._60 {
    width: 100%;
    height: auto;
    padding: 40px 12px 0;
  }

  .containergrid.content._40 {
    justify-content: flex-start;
    width: 100%;
    height: 40%;
    padding: 40px 24px 64px;
  }

  .gridrow._50 {
    flex-direction: column;
    display: block;
  }

  .gridcell._50 {
    width: 100%;
  }

  .cellimage._1 {
    background-size: cover;
  }

  .left_1 {
    padding: 40px;
  }

  .left_1.update {
    padding-left: 24px;
    padding-right: 24px;
  }

  .right_1inner.opposite {
    height: 100vh;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .link-5, .link-6, .link-6.w--current {
    font-size: 16px;
  }

  .background-video {
    width: 100%;
    height: 350px;
  }

  .bgvideocontainer {
    height: 480px;
  }

  .bgvideocontainer.yanyan {
    width: 99.9%;
  }

  .infoblock {
    flex-direction: column;
  }

  .infoblock.ohtani {
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .infoblock.cbs {
    flex-direction: column;
  }

  .infoblock.yanyan {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contain50 {
    justify-content: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .textcontain {
    max-width: 100%;
    display: flex;
  }

  .textcontain._640 {
    justify-content: center;
    width: 300px;
    margin-left: 0;
  }

  .textcontain._640.look {
    width: 60%;
  }

  .textcontain._640.feel {
    width: auto;
    max-width: none;
    padding-left: 0;
  }

  .textcontain.branding.overview.yanyan {
    margin-bottom: 40px;
  }

  .textcontain.ohtani {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .textcontain._450 {
    flex-direction: column;
  }

  .photographysection {
    flex-direction: row;
    height: 100vh;
  }

  .photographysection.mobile {
    display: none;
  }

  .photographscontent {
    align-items: center;
    width: 40%;
    height: 100%;
    padding-top: 60px;
    padding-left: 20px;
    display: none;
  }

  .contain {
    width: 100%;
    height: 100%;
    padding: 40px 16px 48px;
  }

  .photocontain {
    height: 25vh;
  }

  .photocontain.content {
    margin-bottom: 24px;
    padding-left: 16px;
    padding-right: 0;
    display: flex;
  }

  .bgimage._1 {
    background-size: cover;
  }

  .bgimage._2 {
    background-position: 30% 0;
    background-size: cover;
  }

  .bgimage._3, .bgimage._4 {
    background-size: cover;
  }

  .bgimage._5 {
    background-position: 0 100%;
    background-size: cover;
  }

  .bgimage._6, .bgimage._7, .bgimage._8 {
    background-size: cover;
  }

  .bgimage._9 {
    background-position: 50% 100%;
    background-size: cover;
  }

  .div-block-92 {
    padding-right: 0;
  }

  .background-video-2 {
    height: 300px;
    top: 60vh;
  }

  .animationwrapper.row2 {
    width: auto;
    height: auto;
    min-height: auto;
    margin-top: 40px;
  }

  .animationwrapper.row2._3 {
    flex-direction: column;
    height: auto;
    margin-top: 40px;
  }

  .image-29, .image-30, .image-31 {
    height: auto;
  }

  .thumb {
    width: auto;
    height: auto;
    min-height: auto;
  }

  .div-block-96 {
    width: auto;
    margin-right: 40px;
  }

  .div-block-98, .div-block-99, .div-block-100 {
    width: auto;
    height: auto;
  }

  .div-block-101 {
    margin-right: 40px;
  }

  .div-block-102 {
    margin-top: 40px;
    margin-left: 0;
  }

  .div-block-103 {
    height: auto;
  }

  .div-block-104 {
    height: 400px;
    display: block;
  }

  .bgimagephotoad._1 {
    height: 260px;
  }

  .bgimagephotoad._2 {
    height: 320px;
  }

  .bgimagephotoad._3 {
    height: 240px;
  }

  .bgimagephotoad.vert.l._1, .bgimagephotoad.vert.r._1 {
    height: 20vh;
  }

  .bgimagephotoad._4, .bgimagephotoad._5 {
    height: 280px;
  }

  .adssection {
    margin-bottom: 140px;
  }

  .printadcontentblock._1 {
    margin-bottom: 36px;
    padding-right: 0;
  }

  .printadcontentblock._2 {
    padding-right: 0;
  }

  .projectthumb._1 {
    background-position: 50% 40%;
    background-size: 80%;
  }

  .projectthumb._2 {
    background-position: 50% 0;
    background-size: 80%;
  }

  .projectthumb._3 {
    background-size: auto 105%;
  }

  .projectthumb._5 {
    background-position: 50%;
    background-size: 60%;
  }

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

  .div-block-111 {
    padding-bottom: 40px;
  }

  .column-10 {
    padding-left: 0;
  }

  .grid-4 {
    grid-row-gap: 32px;
  }

  .section-8 {
    padding-bottom: 160px;
  }

  .sslockerwrapper {
    width: 100%;
  }

  .div-block-121 {
    background-position: 70% 70%;
    background-size: 200px;
    width: 30%;
    height: 218px;
  }

  .div-block-122 {
    width: 70%;
  }

  .div-block-126 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .background-video-7 {
    height: 380px;
  }

  .div-block-130 {
    display: none;
  }

  .grid-5 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: #fff0;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 200px;
    display: grid;
  }

  .div-block-131, .div-block-132, .div-block-133, .div-block-134 {
    height: 100%;
  }

  .div-block-137 {
    height: 60px;
  }

  .footercontainleft.branding {
    padding-right: 40px;
  }

  .footertitle.left.white {
    font-size: 24px;
    right: 40px;
  }

  .footertitle.right.white {
    font-size: 24px;
    left: 40px;
  }

  .footertitle.right.white.ohtani {
    left: 40px;
  }

  .arrowlink {
    top: 75px;
    left: 40px;
  }

  .arrowlink.right {
    right: 40px;
  }

  .footerarrow.back, .footerarrow.next {
    max-width: 80%;
  }

  .image-51, .mask-3 {
    width: 300px;
    height: 300px;
  }

  .slider-8 {
    width: 300px;
    height: 300px;
    margin-bottom: 40px;
    left: 5vw;
  }

  .slide-12 {
    width: 300px;
  }

  .slide-nav-5 {
    justify-content: center;
    width: 300px;
    display: block;
  }

  .image-52 {
    top: 50vh;
    right: 2vw;
  }

  .image-52.desktop {
    top: 60vh;
  }

  .grid-6 {
    height: 200px;
  }

  .div-block-153 {
    width: 100%;
    height: 200px;
  }

  .grid-7 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .div-block-156 {
    align-self: flex-start;
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .abouttype {
    padding-left: 30px;
    padding-right: 30px;
  }

  .spotifycontain {
    margin-top: 40px;
  }

  .rightcontain {
    margin-left: 0;
  }

  .rightcontain.grails {
    margin-left: 8px;
  }

  .rightcontain.starting9 {
    flex-flow: column;
    margin-left: 8px;
    display: flex;
  }

  .leftcontain {
    margin-bottom: 20px;
    margin-right: 8px;
  }

  .columns-5 {
    display: flex;
  }

  .top5image {
    height: 160px;
  }

  .top5imagecontainer {
    background-size: 100%;
    height: 40vh;
  }

  .top5imagecontainer.grails, .top5imagecontainer.album {
    height: 160px;
  }

  .top5imagecontainer.edgardo {
    background-image: none;
    height: auto;
  }

  .yycontent {
    height: 280px;
  }

  ._1960 {
    display: block;
    position: absolute;
  }

  .logoversion {
    width: 400px;
    position: relative;
    bottom: -88px;
  }

  .oldlogos {
    padding-left: 20px;
    padding-right: 20px;
  }

  .photo--container._1 {
    width: 50%;
  }

  .photo--container._2 {
    display: none;
  }

  .photo--container._4 {
    width: 50%;
  }

  .photo--container._5 {
    align-self: center;
    width: 34%;
    display: flex;
  }

  .containsection.yy.logo {
    min-width: auto;
    max-width: none;
  }

  .illustration_pieces {
    height: 400px;
  }

  .div-block-172 {
    height: 480px;
  }

  .div-block-173 {
    width: 100%;
  }

  .section-13 {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .background-video-9 {
    width: 300px;
    min-width: auto;
    max-width: none;
    height: 180px;
    min-height: auto;
    max-height: none;
  }

  .div-block-179 {
    width: 356px;
  }

  .div-block-183, .div-block-184 {
    margin-left: 0;
  }

  .videocontainer.business {
    height: 400px;
    display: none;
    position: relative;
    top: -52px;
  }

  .logosection {
    flex-direction: column;
    height: auto;
    max-height: none;
    display: block;
  }

  .div-block-186 {
    width: 100%;
    height: 420px;
  }

  .content_side {
    background-color: #fff;
    width: 100%;
    padding-top: 0;
    padding-left: 60px;
  }

  .content_side.video {
    flex-wrap: nowrap;
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
  }

  .content_side.video.storyboard {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 40px;
    display: flex;
  }

  .iphonecontain-2.bottom {
    padding-left: 24px;
    padding-right: 24px;
    overflow: visible;
  }

  .div-block-195 {
    padding: 0;
  }

  .lottie-animation-2 {
    width: 200%;
  }

  .imagecontaineryy {
    justify-content: flex-end;
  }

  .hiwvideo {
    flex-direction: column;
    height: 600px;
  }

  .hiwvideo.storyboard {
    flex-direction: column;
    height: auto;
  }

  .visuals_vid {
    width: 100%;
  }

  .visuals_vid.storyboard {
    background-color: var(--boxful);
    width: 100%;
    height: auto;
    padding-top: 40px;
  }

  .background-video-14 {
    display: none;
  }

  .div-block-211 {
    color: #333;
  }

  .slider-12 {
    width: 450px;
    height: 300px;
  }

  .hero {
    min-width: auto;
  }

  .content-container {
    min-width: auto;
    max-width: none;
  }

  .content-container.intro {
    min-width: auto;
    max-width: none;
    height: 160px;
  }

  .content-container.hero {
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .content-container.key.horizontal-scroll {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-container.portrait.themes {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .content-container.portrait.pl-player {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .content-container.home-containers {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .code-embed.mobile, .code-embed.desktop {
    display: block;
  }

  .body-6 {
    min-width: auto;
  }

  .details {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading-8 {
    text-align: left;
  }

  .div-block-223 {
    width: 70%;
  }

  .image-68 {
    max-width: none;
    overflow: visible;
  }

  .container-2 {
    min-width: auto;
    max-width: none;
  }

  .section-template {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 56px 24px;
  }

  .section-template.learn, .section-template.check {
    padding-bottom: 0;
  }

  .div-block-225 {
    justify-content: flex-end;
    align-items: flex-end;
    width: 30%;
    display: flex;
  }

  .body-blk {
    width: 320px;
  }

  .body-blk._80 {
    width: 60%;
  }

  .div-block-228 {
    align-self: flex-start;
  }

  .insight {
    min-width: auto;
  }

  .frame-3421 {
    min-width: 320px;
    max-width: none;
  }

  .tabs-menu-2 {
    justify-content: flex-start;
    align-items: center;
    top: 0;
  }

  .tabs-menu-2.boxful {
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
  }

  .tabs-menu-2.solution {
    margin-bottom: 24px;
  }

  .container-4 {
    padding-top: 40px;
  }

  .tabs-content-3 {
    flex-flow: row;
    margin-top: 24px;
  }

  .horizontal-content-container.outcome {
    width: 100%;
  }

  .heading-section {
    min-width: auto;
    max-width: none;
  }

  .heading-section.boxful.absolute {
    position: relative;
  }

  .bg-vid.comm {
    width: 242px;
    height: 520px;
  }

  .solution-container, .space-between {
    min-width: auto;
  }

  .space-between.trade1 {
    min-width: auto;
    max-width: none;
  }

  .screenshot {
    width: 240px;
    height: 520px;
  }

  .screenshot._430 {
    width: 369px;
    height: 520px;
  }

  .image-73 {
    width: 240px;
    height: 520px;
  }

  .div-block-241 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .data-header.pl {
    text-align: right;
    width: 100%;
    margin-bottom: 0;
    position: relative;
    left: auto;
  }

  .data-header.about {
    margin-bottom: 24px;
  }

  .div-block-244 {
    min-width: 240px;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .data.align-left.feed-copy {
    width: 120px;
    top: 171px;
    left: 260px;
  }

  .data.align-left.trades {
    width: 60%;
  }

  .data.align-left._280 {
    width: 100%;
    height: auto;
  }

  .data.boxful {
    position: static;
  }

  .data.pl-dashboard {
    width: 440px;
    bottom: -66%;
  }

  .div-block-248 {
    width: auto;
    min-width: 120px;
  }

  .div-block-255 {
    width: 320px;
  }

  .floating-container.channels {
    bottom: -544px;
    left: 0;
  }

  .floating-container.boards {
    top: 292px;
    bottom: auto;
    left: 264px;
  }

  .background-video-17, .image-75 {
    width: 240px;
    height: 520px;
  }

  .frame-contain {
    min-width: auto;
  }

  .blurb-contain {
    width: 240px;
  }

  .heading-section-2 {
    min-width: auto;
    max-width: none;
  }

  .subhead-2 {
    padding-right: 0;
  }

  .data-container.cats {
    display: none;
  }

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

  .post-module {
    min-width: auto;
  }

  .post-layout {
    flex-flow: column;
    align-self: flex-start;
    align-items: stretch;
    width: 480px;
    max-width: 100%;
    display: flex;
  }

  .post-layout.module {
    width: auto;
  }

  .image-88 {
    width: 480px;
    overflow: clip;
  }

  .call-out._4 {
    top: 28%;
    left: 30%;
  }

  .call-out._5 {
    top: 40%;
    left: -2%;
  }

  .call-out._6 {
    top: 40%;
    right: 28%;
  }

  .list-container.fatigue {
    width: 480px;
  }

  .list-element {
    width: 740px;
  }

  .list-element.fatigue {
    width: 100%;
  }

  .div-block-291 {
    order: -9999;
    top: auto;
  }

  .background-video-30 {
    width: 740px;
    height: 622px;
    min-height: auto;
  }

  .implement-container {
    width: auto;
  }

  .image-90 {
    width: 740px;
  }

  .background-video-31 {
    width: 740px;
    min-height: 304px;
  }

  .sticky-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sticky-container.player {
    padding-left: 0;
  }

  .left-block.lewand {
    width: 480px;
  }

  .left-block.themes {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .left-block.pl-player {
    padding-right: 20px;
  }

  .right-block.theme {
    width: 240px;
    position: static;
  }

  .div-block-293 {
    display: none;
  }

  .heading-10 {
    min-width: auto;
    margin-bottom: 0;
  }

  .background-video-32 {
    width: 500px;
    height: 275px;
  }

  .background-video-33, .background-video-34 {
    width: 500px;
    height: 250px;
  }

  .section-template-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .glass-card-container {
    width: 440px;
  }

  .background-video-35 {
    height: 331px;
  }

  .background-video-36 {
    height: 360px;
  }

  .container-8 {
    min-width: auto;
    max-width: none;
  }

  .div-block-309 {
    width: 480px;
  }

  .background-video-39 {
    height: 136px;
  }

  .background-video-40 {
    height: 254px;
  }

  .subhead-3, .subhead-4, .subhead-5 {
    padding-right: 0;
  }

  .below-fold-video.after {
    width: 640px;
    height: 430px;
    min-height: auto;
    max-height: none;
  }

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

  .card-stack.after {
    padding-bottom: 40px;
  }

  .div-block-314 {
    width: 100%;
  }

  .left-right {
    flex-flow: column;
  }

  .top-bottom.below-fold {
    width: auto;
  }

  .subhead-6 {
    padding-right: 0;
  }

  .paragraph-container.pl-web {
    width: 100%;
  }

  .top-down-text-container.b-vibe {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-352 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .thumb-cards.boxful-ui, .thumb-cards.boxful-branding, .thumb-cards.pl, .thumb-cards.bettle, .thumb-cards.js, .thumb-cards.b-vibe, .thumb-cards.sat, .thumb-cards.yy, .thumb-cards.about {
    width: 100%;
    height: 260px;
  }

  .content-container-2 {
    min-width: auto;
    max-width: none;
  }

  .content-container-2.intro {
    min-width: auto;
    max-width: none;
    height: 200px;
  }

  .heading-13 {
    text-align: left;
  }

  .div-block-364 {
    justify-content: flex-end;
    align-items: center;
    width: 30%;
    display: flex;
  }

  .div-block-366 {
    width: 70%;
  }

  .container-9 {
    min-width: auto;
    max-width: none;
  }

  .image-105 {
    max-width: none;
    overflow: visible;
  }

  .h2-2.branding {
    margin-bottom: 8px;
    line-height: 36px;
  }

  .image-106 {
    max-width: none;
    overflow: visible;
  }

  .div-block-374 {
    justify-content: flex-end;
    align-items: center;
    width: 30%;
    display: flex;
  }

  .content-container-3 {
    min-width: auto;
    max-width: none;
  }

  .content-container-3.intro {
    min-width: auto;
    max-width: none;
    height: 160px;
  }

  .container-10 {
    min-width: auto;
    max-width: none;
  }

  .div-block-376 {
    width: 70%;
  }

  .heading-15 {
    text-align: left;
  }

  .project-footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image-112 {
    width: 1380px;
  }

  .dashboard-container {
    margin-top: 56px;
  }

  .text-block-47.ux {
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-top: 0;
    display: block;
  }

  .nav-link-4.branding {
    color: #0f756c;
    height: 60px;
    padding-left: 24px;
    font-size: 36px;
    font-weight: 700;
    display: none;
    top: 0;
  }

  .nav-link-4.branding:active {
    color: #fff;
    font-weight: 400;
    display: block;
  }

  .container-11 {
    height: 60px;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .nav-link-5.branding {
    clear: none;
    color: #0f756c;
    height: 60px;
    margin-top: 60px;
    margin-bottom: 20px;
    padding-left: 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 700;
    display: none;
    top: 0;
  }

  .nav-link-6.branding {
    color: #239c92;
    align-self: auto;
    align-items: center;
    height: 60px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 24px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    position: relative;
    top: 10px;
    bottom: auto;
  }

  .nav-link-6.branding:active {
    color: #fff;
    font-weight: 400;
  }

  .header-name {
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
  }

  .header-details {
    color: #949494;
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
  }

  .div-block-407 {
    padding-right: 40px;
  }

  .div-block-410 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
  }

  .div-block-411 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: stretch;
  }

  .div-block-412 {
    order: 0;
    align-self: flex-start;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .nav-link-2.ux {
    height: 60px;
    top: 0;
  }

  .nav-link-2.cbs {
    margin-top: 14px;
  }

  .brand {
    align-items: center;
    margin-left: 24px;
    display: flex;
  }

  .container {
    height: 60px;
  }

  .container.painpoint._2 {
    margin-bottom: 0;
  }

  .container.painpoint._1 {
    display: block;
  }

  .text-block.ux, .text-block._2way {
    padding-top: 0;
  }

  ._900_contain {
    justify-content: flex-start;
    width: 100%;
  }

  ._900_contain.work.bxfl, ._900_contain.work.branding, ._900_contain.work.cbs, ._900_contain.work.st-sat {
    width: 540px;
    height: 240px;
  }

  ._900_contain.work.ohtani {
    width: 540px;
  }

  ._900_contain._2018 {
    width: 100%;
  }

  ._900_contain.cbs {
    overflow: visible;
  }

  ._900_contain.cbs.st-sat._2014 {
    width: 100%;
  }

  .text-landing.head {
    width: 80%;
    font-size: 28px;
    line-height: 36px;
  }

  .nav-menu {
    width: auto;
  }

  .landingwrapper {
    height: 300px;
  }

  .landingwrapper.cbs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .landingwrapper.st-sat, .landingwrapper.st-sat._2014 {
    background-position: 45%;
  }

  .text-block-2 {
    font-size: 18px;
  }

  .image.bxfl {
    margin-left: -40px;
    padding-top: 28px;
  }

  .header {
    margin-bottom: 36px;
    font-size: 28px;
    line-height: 33px;
  }

  .header.workpage {
    width: 90%;
  }

  .header.workpage.journey {
    text-align: center;
  }

  .header.workpage.lo-med {
    width: 100%;
  }

  .header.medium._2018 {
    line-height: 30px;
  }

  .subhead {
    padding-right: 0;
    font-size: 16px;
  }

  .image-2 {
    width: 300px;
    margin-top: -3px;
    margin-left: -20px;
  }

  .imageblock.work {
    background-position: 60%;
    background-size: 425px;
  }

  .imageblock.work.template {
    background-position: 50%;
  }

  .contentblock.work.ux {
    padding-right: 0;
  }

  .contentblock.work._2way {
    padding-right: 40px;
  }

  .text-block-4.header.ux {
    font-size: 28px;
  }

  .overviewcontain {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .bannercontain.challenge {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .bannercontain.objective {
    width: 100%;
    margin-left: 0;
  }

  .categoryhead.head, .categoryhead.white {
    padding-top: 0;
  }

  .list.solutiontext.white {
    object-fit: fill;
  }

  .contentwrapper, .body-2 {
    height: auto;
  }

  .workpagewrap {
    flex-direction: column;
    height: 500px;
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .workpagewrap.contentleft.prototypes.lo-med {
    flex-direction: column;
    height: 500px;
    margin-bottom: 40px;
  }

  .workpagewrap.contentleft.prototypes.hi {
    flex-direction: row;
    height: 400px;
  }

  .workpagewrap.comp {
    flex-direction: column;
    height: 400px;
  }

  .workpagewrap.lean {
    flex-direction: column;
    height: 360px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .workpagewrap.check {
    margin-top: 0;
  }

  .workpagewrap.sitemap {
    flex-direction: column;
    height: 500px;
    margin-top: 0;
    top: 20px;
  }

  .workpagewrap.journey {
    height: auto;
    margin-bottom: 80px;
  }

  .imageux {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 50%;
    margin-bottom: 0;
  }

  .imageux.contentright {
    height: 100%;
  }

  .imageux.contentright.hi {
    background-size: auto 90%;
    width: 45%;
  }

  .imageux.journey {
    background-size: 300px;
    justify-content: flex-end;
    width: 100%;
    height: 300px;
  }

  .imageux.comp {
    background-position: 50%;
    height: 60%;
  }

  .imageux.site {
    background-position: 50% 0;
    background-size: 420px;
    height: 60%;
  }

  .imageux.lo-med {
    height: 70%;
  }

  .imageux.lean {
    background-position: 50%;
    background-size: 180px;
    margin-bottom: 40px;
  }

  .image-3.comp {
    width: auto;
    height: 90%;
    margin-top: 0;
    padding-top: 0;
  }

  .image-3.ux {
    width: 200px;
    margin-top: -8px;
  }

  .image-3.sitemap {
    width: auto;
    height: 95%;
  }

  .div-block-11 {
    text-align: center;
    align-items: center;
    width: 100%;
    height: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-11.contentleft {
    width: 100%;
    height: 25%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-11.contentleft.lo-med {
    text-align: left;
    align-items: flex-start;
    width: 455px;
    height: 30%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .div-block-11.contentright {
    height: 100%;
  }

  .div-block-11.contentright.hi {
    text-align: left;
    align-items: flex-start;
    width: 55%;
    padding-left: 40px;
  }

  .div-block-11.journey {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 45%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 20px;
  }

  .div-block-11.comp {
    width: auto;
    height: auto;
  }

  .div-block-11.site {
    width: auto;
    height: 40%;
    padding-top: 20px;
  }

  .smallcaps {
    margin-bottom: 2px;
    font-size: 11px;
  }

  .smallcaps.mysolution {
    margin-bottom: 2px;
  }

  .smallcaps._20px {
    margin-bottom: 20px;
  }

  .lightbox-link {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 400px;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
  }

  .div-block-12 {
    flex: 0 auto;
    align-self: center;
    width: 70%;
    display: block;
  }

  .slider {
    width: 455px;
    display: block;
  }

  .slide {
    background-position: 40% -10%;
  }

  .slide-2 {
    background-position: 50% 0;
    background-size: 460px;
  }

  .slide-3 {
    background-position: 50% -150%;
    background-size: cover;
  }

  .div-block-13 {
    width: 70%;
  }

  .div-block-14 {
    height: 20px;
    margin-bottom: 2px;
  }

  .iterationwrap {
    height: auto;
    padding-top: 60px;
  }

  .learnwrap {
    height: 2040px;
  }

  .learnwrap.ux {
    padding-top: 60px;
  }

  .buildwrap {
    padding-bottom: 20px;
    position: relative;
    top: 0;
  }

  .text-block-7 {
    width: 100%;
  }

  .slider-2 {
    width: 100%;
    margin-right: 0;
  }

  .slider-2._2way {
    width: 100%;
  }

  .checkoutslide._1 {
    background-position: 0 8%;
    background-size: 110%;
    margin-left: auto;
    margin-right: auto;
  }

  .checkoutslide.long._3, .checkoutslide.long._2, .checkoutslide.long._4 {
    background-position: 0 8%;
    background-size: 110%;
  }

  .numberblock._2018 {
    width: 42px;
    height: 42px;
  }

  .checkoutblock._1-0 {
    width: 100%;
    height: auto;
  }

  .checkoutblock._2-0 {
    margin-bottom: 40px;
  }

  .tabcontainer {
    flex-direction: column;
    width: 100%;
  }

  .tabcontainer.inspiration {
    width: 100%;
  }

  .issueblock.solution.desktop {
    display: none;
  }

  .issueblock.solution.mobile {
    width: 100%;
    margin-top: 0;
    display: block;
  }

  .issueblock.desktop {
    display: block;
  }

  .issueblock.mobile {
    width: 90%;
    margin-bottom: 20px;
    display: none;
    position: relative;
    top: 0;
    left: 0;
  }

  .solutionslide.service {
    background-position: 0 8%;
    background-size: 100%;
    height: 600px;
  }

  .solutionslide.product, .solutionslide.account, .solutionslide.address, .solutionslide._5 {
    background-position: 0 8%;
    background-size: 100%;
  }

  .div-block-22._2 {
    top: 300px;
  }

  .mask {
    height: 680px;
  }

  .solutionblock {
    height: 260px;
    top: 420px;
  }

  .slide-nav {
    top: 122px;
  }

  .overviewwrapper {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .overviewwrapper.branding {
    padding-left: 0;
    padding-right: 0;
  }

  .scroll-process {
    height: 450px;
  }

  .scrolllearn {
    height: 1406px;
    margin-top: -1416px;
  }

  .solutiontext {
    text-align: left;
    font-size: 14.5px;
    line-height: 22px;
  }

  .solutiontext.current._2 {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
  }

  .solutiontext.current._1 {
    padding-left: 0;
  }

  .solutiontext.bigitalic {
    font-size: 22px;
  }

  .text-block-13 {
    text-align: center;
  }

  .text-block-14 {
    width: 80%;
  }

  .text-block-14.lo-med {
    width: 100%;
  }

  .wrap.who {
    flex-direction: column;
  }

  .imagecontainer {
    background-position: 40%;
  }

  .imagecontainer.fantasy {
    width: 100%;
    height: 300px;
  }

  .imagecontainer.research {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ea19d4cfdc0b2eb4bd20a0a_2X2%20Matrix-Mobile.png");
    background-position: 50% 100%;
    background-size: 100%;
    height: 500px;
  }

  .sectionwrapper.future {
    width: 100%;
  }

  .sectionwrapper.evolve {
    padding-top: 24px;
    padding-bottom: 20px;
  }

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

  .div-block-37 {
    height: 100px;
  }

  .arrow {
    width: 50px;
  }

  .div-block-42 {
    display: none;
  }

  .titlewrap.update {
    margin-bottom: 0;
  }

  .div-block-46 {
    float: left;
    background-size: 190px;
    width: 140px;
    height: 130px;
    margin-right: 20px;
    padding-right: 0;
  }

  .contentwrap._2way.currentversion {
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }

  .bodytext.currentsetup, .bodytext.highlight.red {
    width: 100%;
  }

  .div-block-50 {
    background-size: 500px;
    height: 240px;
  }

  .pane.tab1 {
    background-position: 50% 0;
    background-size: 600px;
    height: 400px;
  }

  .pane.tab3 {
    background-position: 48% 0;
    background-size: 600px;
  }

  .pane.tab4 {
    background-size: 600px;
  }

  .tabs-content {
    height: 630px;
  }

  .tabs-2 {
    width: 500px;
  }

  .tab-link-tab-1 {
    padding-right: 0;
  }

  .tab-link-tab-1.w--current {
    margin-right: 0;
    font-size: 14px;
    font-weight: 700;
  }

  .tab-link-tab-2.w--current, .tab-link-tab-3.w--current, .tab-link-tab-4.w--current, .tablink1, .tablink2, .tablink3, .tablink4 {
    font-size: 14px;
  }

  .contentcontainer.update {
    height: 300px;
    bottom: -270px;
  }

  .contentcontainer.update._4 {
    height: 300px;
    bottom: -230px;
  }

  .contentcontainer.update._3 {
    bottom: -230px;
  }

  .contentcontainer.update._1 {
    bottom: -272px;
  }

  .div-block-57 {
    width: 100%;
    padding-right: 0;
  }

  .div-block-58 {
    flex-direction: column;
  }

  .div-block-61 {
    padding-left: 0;
  }

  .div-block-62 {
    height: auto;
  }

  .menu-button-2 {
    margin-right: 0;
  }

  .div-block-64 {
    width: 100%;
  }

  .paragraph, .paragraph.white {
    font-size: 14.5px;
  }

  .paragraph._70 {
    width: 100%;
  }

  .h1 {
    margin-bottom: 0;
    font-size: 36px;
  }

  .text-span-26 {
    font-style: italic;
    font-weight: 300;
  }

  .div-block-66 {
    background-position: 50% -25%;
    background-size: 420px;
  }

  .div-block-67 {
    padding-left: 20px;
  }

  .sectionwrap {
    padding-bottom: 60px;
  }

  .columns {
    flex-direction: column;
  }

  .column {
    padding-right: 0;
  }

  .titlecontainer {
    margin-bottom: 80px;
  }

  .column-2 {
    margin-top: 40px;
    padding-left: 0;
  }

  .descriptionwrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-72 {
    width: 100%;
    height: 300px;
  }

  .left {
    position: sticky;
    top: 0;
  }

  .left.homepage {
    width: 100%;
    top: 0;
  }

  .leftinner {
    z-index: 1;
    height: 180px;
    padding: 40px 40px 30px;
  }

  .leftinner.main {
    padding-top: 24px;
    display: block;
  }

  .heading-4 {
    padding-right: 40px;
  }

  .textwrapper.branding.website {
    height: 60%;
    padding-top: 0;
  }

  .textwrapper.homepage._1, .textwrapper.homepage._2, .textwrapper.homepage._3 {
    height: 60vh;
    padding: 30px 40px;
  }

  .textwrapper.homepage._4 {
    height: 60vh;
  }

  .textwrapper.homepage._5 {
    height: 60vh;
    padding: 30px 40px;
  }

  .flexwrapper {
    flex-direction: column;
    height: 1400px;
  }

  .flexwrapper.left.opposite {
    display: none;
  }

  .flexwrapper.left.opposite.mobile {
    display: block;
  }

  .flexwrapper.test {
    flex-direction: column;
  }

  .right-2.branding {
    z-index: 2;
    position: relative;
  }

  .right-2.homepage {
    width: 100%;
    margin-top: 180px;
  }

  .wrapper100vh.test._2, .wrapper100vh.test._1, .wrapper100vh.test._1.title {
    display: none;
  }

  .wrapper100vh.animations {
    padding: 30px;
    display: block;
    position: relative;
  }

  .wrapper100vh.animations.desktop {
    display: none;
  }

  .containergrid.content._40 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .horizontal-scroll-section {
    display: none;
  }

  .left_1 {
    padding-left: 30px;
    padding-right: 0;
  }

  .right_1inner.opposite {
    height: 120vh;
    padding-left: 30px;
    padding-right: 0;
  }

  .infoblock {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .infoblock.ohtani {
    padding-left: 40px;
    padding-right: 40px;
  }

  .infoblock.cbs {
    padding-top: 80px;
    padding-bottom: 20px;
  }

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

  .textcontain {
    flex-direction: column;
  }

  .textcontain._640.gif {
    margin-top: 40px;
    margin-left: 0;
  }

  .textcontain._640.feel {
    padding-left: 0;
  }

  .textcontain._640.test {
    text-align: center;
  }

  .textcontain.branding.overview {
    padding-right: 0;
  }

  .textcontain.branding.overview.cbs {
    padding-right: 100px;
  }

  .textcontain.ohtani {
    flex-direction: column;
  }

  .photographysection {
    z-index: 2;
    display: none;
    position: relative;
  }

  .photographysection.mobile {
    display: block;
  }

  .photocontain.content {
    padding-left: 10px;
  }

  .div-block-91 {
    width: 60%;
  }

  .div-block-92 {
    width: 100%;
  }

  .background-video-2 {
    z-index: 5;
    width: 500px;
    height: 280px;
    box-shadow: none;
    margin-bottom: 20px;
    margin-right: 0;
    position: relative;
  }

  .animationwrapper.row2 {
    margin-top: 40px;
  }

  .animationwrapper.row2._3 {
    justify-content: flex-start;
    width: 100%;
    height: 150vh;
    margin-top: 30px;
    position: static;
  }

  .animationwrapper.row1 {
    width: auto;
  }

  .div-block-96, .div-block-101 {
    margin-right: 30px;
  }

  .div-block-102 {
    width: 100%;
    height: auto;
    margin-top: 30px;
  }

  .div-block-104 {
    position: absolute;
    inset: 0% 0% auto;
  }

  .div-block-105 {
    flex-direction: column;
  }

  .projectthumb._1 {
    background-position: 50% 60%;
    background-size: 100%;
  }

  .projectthumb._2 {
    background-position: 50% 130%;
    background-size: 85%;
  }

  .projectthumb._3 {
    background-size: auto 115%;
  }

  .projectthumb._5 {
    background-position: 50% 75%;
    background-size: 80%;
  }

  .div-block-110 {
    width: 60%;
  }

  .div-block-111 {
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .column-10 {
    margin-top: 10px;
    padding-left: 0;
  }

  .grid-4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .sslockerwrapper {
    width: 100%;
  }

  .div-block-121 {
    background-position: 30%;
    background-size: 200px;
    width: 35%;
    height: 264px;
  }

  .div-block-122 {
    width: 65%;
  }

  .div-block-124 {
    flex-direction: row;
  }

  .div-block-125 {
    float: none;
    justify-content: center;
    margin: 20px auto 40px;
    display: block;
  }

  .div-block-126 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .background-video-7 {
    height: 320px;
    display: block;
  }

  .div-block-130 {
    display: none;
  }

  .section-9 {
    position: static;
  }

  .div-block-135 {
    z-index: 5;
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .div-block-136.test {
    height: auto;
    padding: 40px;
  }

  .section-10 {
    background-color: var(--dark-red);
    height: 100vh;
  }

  .paragraph-2 {
    position: sticky;
    inset: 0% 0% auto;
  }

  .footercontainleft.branding {
    padding-right: 0;
  }

  .footertitle.left.white {
    text-align: right;
    width: 160px;
    margin-right: 20px;
    line-height: 28px;
    inset: 60px 0% 0% auto;
  }

  .footertitle.left.white.ux {
    top: 75px;
  }

  .footertitle.right.white.cbs {
    width: 160px;
    margin-left: 20px;
    line-height: 28px;
    inset: 60px auto 0% 0%;
  }

  .footertitle.right.white.sat {
    line-height: 28px;
    top: 75px;
    left: 20px;
  }

  .footertitle.right.white.ohtani {
    width: 160px;
    margin-left: 20px;
    line-height: 28px;
    inset: 60px auto 0% 0%;
  }

  .image-51 {
    width: 300px;
    height: 300px;
    position: static;
  }

  .mask-3 {
    width: 300px;
    height: 300px;
  }

  .slider-8 {
    width: 300px;
    height: 300px;
    box-shadow: none;
    margin-bottom: 20px;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .slide-12 {
    width: 300px;
  }

  .slide-nav-5 {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
    inset: auto 0% 0%;
  }

  .image-52 {
    box-shadow: none;
    position: static;
    top: 45vh;
    right: 0;
  }

  .abouttype {
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-5 {
    display: block;
  }

  .top5image {
    height: 200px;
  }

  .top5imagecontainer.grails {
    background-size: cover;
    height: 200px;
  }

  .top5imagecontainer.album, .top5imagecontainer.edgardo {
    height: 200px;
  }

  .subhead-2, .subhead-3, .subhead-4, .subhead-5, .subhead-6 {
    padding-right: 0;
    font-size: 16px;
  }

  .inria.open {
    display: none;
  }

  .text-block-47.ux {
    padding-top: 0;
  }

  .container-11 {
    height: 60px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_responsive---font-size-body--default: 16px;
    --_responsive---line-height--default: 24px;
    --_responsive---font-size-heading--h4: 24px;
    --_responsive---line-height--h4: 30px;
    --_responsive---line-height--h5: 28px;
    --_responsive---font-size-heading--h3: 28px;
    --_responsive---line-height--h3: 36px;
    --_responsive---font-size-heading--h6: 16px;
    --_responsive---line-height--h6: 24px;
    --_responsive---line-height--small: 20px;
    --_responsive---font-size-heading--h5: 20px;
    --_responsive---font-size-heading--h1: 40px;
    --_responsive---line-height--h1: 50px;
    --_responsive---font-size-body--small: 12px;
  }

  .navbar {
    display: block;
  }

  .nav-link.branding {
    font-size: 28px;
  }

  .nav-link-2.ux {
    align-self: auto;
    align-items: center;
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    top: 0;
  }

  .nav-link-2.branding {
    font-size: 16px;
  }

  .nav-link-3.branding {
    font-size: 28px;
  }

  .brand {
    margin-left: 0;
  }

  .container {
    display: block;
  }

  .container.painpoint {
    margin-top: 20px;
    padding: 16px;
    display: block;
  }

  .container.painpoint.key {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.painpoint._2 {
    padding: 20px;
    display: block;
  }

  .container.painpoint.conclusion {
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 30px;
  }

  .container.painpoint.update {
    margin-top: 0;
  }

  .container.painpoint._1 {
    margin-bottom: 20px;
  }

  .text-block._2way {
    align-self: auto;
    padding-top: 0;
  }

  .text-block.yanyan {
    padding-top: 0;
  }

  ._900_contain {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    top: 0%;
    overflow: hidden;
  }

  ._900_contain.work.bxfl {
    flex-direction: column;
    justify-content: flex-start;
    width: 90%;
    height: 320px;
  }

  ._900_contain.work.branding, ._900_contain.work.cbs, ._900_contain.work.st-sat, ._900_contain.work.ohtani {
    flex-direction: column;
    justify-content: flex-start;
    width: 90%;
    height: 320px;
    margin-top: 20px;
  }

  ._900_contain.footer {
    margin-top: auto;
    margin-bottom: auto;
  }

  ._900_contain.mainlanding, ._900_contain.mobile {
    margin-top: 0;
  }

  ._900_contain.ux.hero {
    flex-direction: column;
    margin-top: 0;
  }

  ._900_contain._2018 {
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  ._900_contain.overview {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  ._900_contain.cbs {
    height: 1005px;
  }

  ._900_contain.yanyan {
    height: 200px;
    overflow: visible;
  }

  ._900_contain.yanyan.newlogo {
    height: 280px;
  }

  .text-landing.head {
    width: 70%;
    margin-top: 12%;
    font-size: 20px;
    line-height: 28px;
  }

  .nav-menu {
    width: auto;
  }

  .landingwrapper {
    margin-top: 0;
    padding-top: 0;
    position: static;
  }

  .landingwrapper.ux {
    height: 450px;
  }

  .landingwrapper.ux.template {
    background-position: 25%;
    background-size: cover;
    height: 280px;
  }

  .landingwrapper._2way {
    background-image: linear-gradient(to top, #000 30%, #0000 50%), url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e40edf8e2e0714cf39e0b6a_la-1521751644-y5pb17bmi6-snap-image.jpg");
    background-position: 0 0, 18% -120%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 1000px;
    height: 600px;
    display: flex;
  }

  .landingwrapper.cbs {
    height: auto;
    padding: 0 10px 0 0;
  }

  .landingwrapper.st-sat {
    padding-right: 0;
  }

  .landingwrapper.st-sat._2014 {
    margin-top: 40px;
  }

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

  .imagework.bxfl, .imagework.branding {
    width: 100%;
    height: 60%;
  }

  .imagework.cbs {
    width: 100%;
    height: 69%;
  }

  .imagework.st-sat, .imagework.ohtani {
    width: 100%;
    height: 60%;
  }

  .image.bxfl, .image.bxfl:hover {
    max-width: 110%;
    margin-left: -15px;
    padding-top: 19px;
  }

  .contentcontain.work {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 12px;
    padding-left: 20px;
    display: flex;
  }

  .contentcontain.update {
    width: 100%;
  }

  .header {
    text-align: left;
    display: block;
  }

  .header.bxful {
    margin-top: 0;
    font-size: 24px;
    line-height: 29px;
  }

  .header.cbs, .header.ohtani {
    font-size: 24px;
    line-height: 29px;
  }

  .header.workpage {
    text-align: left;
    font-size: 24px;
    line-height: 30px;
  }

  .header.workpage.lo-med.center, .header.workpage.site-map, .header.workpage.lean, .header.workpage.learn {
    text-align: center;
  }

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

  .header.medium._2018 {
    text-align: left;
  }

  .header.imo {
    width: 220px;
  }

  .header.solution {
    margin-bottom: 0;
  }

  .header.white.ohtani {
    display: block;
  }

  .subhead {
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .subhead.mobile {
    padding-left: 40px;
    padding-right: 40px;
  }

  .subhead.st-sat._2016 {
    justify-content: flex-end;
  }

  .subhead.ohtani {
    text-align: left;
    margin-bottom: 20px;
  }

  .subhead.ohtani.template {
    margin-bottom: 0;
  }

  .subhead.white {
    color: var(--_base---color-neutral--100);
  }

  .subhead.butties {
    display: flex;
  }

  .image-2 {
    width: 280px;
    margin-top: -19px;
    margin-left: -2px;
  }

  .div-block-4.ohtani {
    background-position: 30% 0;
    background-size: 480px;
    width: 100%;
  }

  .footerwrapper {
    align-items: center;
    width: 100%;
    display: none;
  }

  .text-span {
    font-size: 14px;
  }

  .imageblock.work {
    background-position: 60%;
    background-size: 340px;
    width: 100%;
    height: 60%;
    margin-bottom: 16px;
  }

  .imageblock.work._2way {
    display: none;
  }

  .imageblock.work.template {
    background-position: 55%;
    background-size: 420px;
    height: 100%;
    margin-bottom: 0;
  }

  .contentblock.work.ux {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 40%;
    display: flex;
  }

  .contentblock.work._2way {
    flex: 0 auto;
    align-self: flex-end;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contentblock.st-sat._2016 {
    width: 400px;
    margin-top: 70vh;
  }

  .text-block-4.header.ux {
    margin-top: 0%;
  }

  .text-block-4.header._2way {
    text-align: center;
    margin-top: 50%;
    font-size: 25px;
  }

  .overviewcontain {
    justify-content: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 24px;
    display: flex;
  }

  .bannercontain.challenge {
    width: 100%;
    margin-bottom: 30px;
  }

  .bannercontain.challenge.cbs {
    margin-bottom: 30px;
  }

  .bannercontain.objective {
    width: 100%;
  }

  .categoryhead.sub {
    width: 90%;
  }

  .categoryhead.head {
    width: 100%;
  }

  .list-item, .list-item-2, .list-item-3 {
    font-size: 14.5px;
    line-height: 20px;
  }

  .contentwrapper {
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .workpagewrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .workpagewrap.contentleft.prototypes.lo-med {
    width: 100%;
    margin-bottom: 60px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .workpagewrap.contentleft.prototypes.hi {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
  }

  .workpagewrap.comp {
    height: 550px;
    margin-bottom: 40px;
  }

  .workpagewrap.lean {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 500px;
    margin-top: 24px;
  }

  .workpagewrap.check {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .workpagewrap.sitemap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
  }

  .workpagewrap.journey {
    height: auto;
    margin-top: 120px;
    margin-bottom: 0;
  }

  .workpagewrap.portrait {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .imageux {
    height: 50%;
    margin-bottom: 40px;
  }

  .imageux.contentright.hi {
    background-position: 50% 0;
    background-size: 180px;
    width: 100%;
    height: 240px;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
  }

  .imageux.journey {
    height: 280px;
    box-shadow: none;
    background-size: 280px;
    border-style: none none solid;
    margin-bottom: 0;
  }

  .imageux.comp {
    background-size: 300px;
    width: 100%;
    height: 280px;
    margin-bottom: 0;
  }

  .imageux.site {
    background-size: 355px;
    width: 100%;
    height: 248px;
    margin-bottom: 0;
  }

  .imageux.lo-med {
    width: 100%;
    height: auto;
  }

  .imageux.lean {
    background-size: 240px;
    width: 300px;
    height: 100%;
    margin-bottom: 0;
  }

  .imageux.service, .imageux.product, .imageux.account, .imageux.billing {
    margin-bottom: 0;
  }

  .image-3.comp {
    height: auto;
    margin-bottom: 0;
  }

  .image-3.ux {
    width: auto;
    height: 95%;
    margin-top: 0;
  }

  .div-block-11 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    height: 60%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-11.contentleft.lo-med {
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .div-block-11.contentleft.lo-med.center {
    text-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
  }

  .div-block-11.contentright.hi {
    width: 100%;
    padding-left: 0;
  }

  .div-block-11.contentright.hi.center {
    text-align: center;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
  }

  .div-block-11.journey {
    height: auto;
    padding-top: 0;
    padding-left: 0;
  }

  .div-block-11.comp {
    flex: 0 auto;
    justify-content: flex-start;
    height: auto;
  }

  .div-block-11.site {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    height: auto;
    padding-top: 0;
  }

  .div-block-11.potrait {
    padding-top: 0;
  }

  .smallcaps {
    text-align: left;
    margin-bottom: 2px;
    font-size: 11px;
  }

  .smallcaps.business.sticky {
    display: block;
  }

  .lightbox-link {
    background-size: 250px;
    height: 300px;
  }

  .div-block-12 {
    background-color: #e6e6e6;
    width: 90%;
    height: 1px;
  }

  .slider {
    width: 100%;
    height: 340px;
    margin-top: 0;
    display: block;
  }

  .slide {
    background-position: 40% 0;
    background-size: 100%;
  }

  .slide-2 {
    background-position: 50% 10%;
    background-size: 110%;
  }

  .slide-3 {
    background-color: var(--boxful);
    background-position: 50% -10%;
    background-size: cover;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-6 {
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .text-block-6.paragraph.white {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-span-2 {
    line-height: 14.5px;
  }

  .div-block-13 {
    width: 90%;
    margin-top: -15px;
  }

  .div-block-14 {
    width: 1px;
    height: 16px;
    margin-bottom: 6px;
  }

  .iterationwrap {
    background-color: #fafafa;
    padding-bottom: 0;
  }

  .learnwrap.ux {
    height: auto;
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .buildwrap {
    margin-top: 0;
  }

  .div-block-15 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-15._10px {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slider-2 {
    height: 480px;
  }

  .slider-2._2way {
    height: 420px;
  }

  .checkoutslide._1._2way {
    background-position: 36% -30%;
    background-size: 360px;
  }

  .checkoutslide.long._3._2way {
    background-position: 50% 0;
    background-size: 240px;
  }

  .checkoutslide.long._2 {
    height: auto;
  }

  .checkoutslide.long._2._2way {
    background-position: 0 0;
    background-size: 350px;
  }

  .problem-contain {
    flex-flow: column;
    height: auto;
    position: relative;
  }

  .problem-contain._2way._1 {
    inset: 178px 0% 0%;
  }

  .problem-contain.side-by-side {
    flex-flow: column;
    height: auto;
    position: relative;
  }

  .div-block-17._1.update {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }

  .numberblock {
    width: 36px;
    height: 36px;
    margin-right: 0;
  }

  .numberblock._1.update {
    display: none;
  }

  .numberblock._1._2018, .numberblock._2018 {
    width: 28px;
    height: 28px;
  }

  .text-block-8.red {
    color: var(--toby-red);
  }

  .text-block-9._2 {
    padding-left: 0;
  }

  .text-block-9._2.update {
    width: 100%;
  }

  .text-block-9._2.paragraph {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .checkoutblock._1-0 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .checkoutblock._2-0 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .checkoutblock._2way.currentversion {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .checkoutblock._2way.inspiration {
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .checkoutblock._2way.update {
    margin-bottom: 120px;
  }

  .text-block-10 {
    width: 100%;
    margin-bottom: 0;
  }

  .text-block-10.checkout1-0 {
    margin-bottom: 20px;
  }

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

  .tabcontainer {
    width: 100%;
  }

  .issueblock.solution.desktop {
    display: none;
  }

  .issueblock.solution.mobile {
    background-color: #eefcfa;
    border-style: none;
    margin-bottom: 0;
  }

  .issueblock.desktop {
    display: none;
  }

  .issueblock.mobile {
    width: 100%;
  }

  .solutionslide._5 {
    height: 680px;
  }

  .div-block-22._2 {
    height: 160px;
    top: 250px;
  }

  .mask {
    height: 760px;
  }

  .solutionblock {
    height: 350px;
    padding-left: 20px;
    padding-right: 20px;
    top: 410px;
  }

  .solutionblock._3 {
    height: 350px;
    top: 410px;
  }

  .slide-nav {
    top: 20px;
  }

  .overviewwrapper {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .overviewwrapper.branding {
    padding-left: 0;
    padding-right: 0;
  }

  .scroll-process {
    height: 550px;
    position: static;
  }

  .scrolllearn {
    position: static;
  }

  .solutiontext.bigitalic.finalthoughts {
    font-size: 20px;
    line-height: 26px;
  }

  .solutiontext.bigitalic.yy {
    font-size: 20px;
    line-height: 28px;
  }

  .text-block-13 {
    object-fit: fill;
    overflow: visible;
  }

  .div-block-27 {
    width: 100%;
    bottom: -400px;
    left: 0%;
    right: 0%;
  }

  .wrap.who {
    flex-direction: column;
    margin-top: 0;
  }

  .wrap.who.ohtani {
    margin-top: 420px;
  }

  .wrap.current {
    margin-top: 30px;
  }

  .wrap.future {
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 0;
  }

  .wrap._2018 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 60px;
  }

  .wrap.imo {
    padding-left: 10px;
    padding-right: 10px;
  }

  .wrap.define {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .wrap.define.mobile {
    display: block;
  }

  .wrap.define.desktop {
    display: none;
  }

  .wrap.research {
    padding-left: 10px;
    padding-right: 10px;
  }

  .wrap.lightbox {
    flex-direction: column;
    align-items: center;
  }

  .wrap.solution {
    padding-top: 100px;
  }

  .wrap.improved {
    padding-top: 80px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .imagecontainer {
    background-position: 50% 10%;
    width: 100%;
    height: 120px;
  }

  .imagecontainer.fantasy {
    background-size: auto 100%;
    height: 220px;
  }

  .imagecontainer.research {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5ea19d4cfdc0b2eb4bd20a0a_2X2%20Matrix-Mobile.png");
    background-position: 50% 75%;
    background-size: 90%;
    height: 350px;
  }

  .div-block-32 {
    width: 100%;
  }

  .sectionwrapper.who {
    padding: 20px 20px 30px;
  }

  .sectionwrapper.current {
    padding: 0;
    display: block;
  }

  .sectionwrapper.future {
    width: 100%;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sectionwrapper.evolve {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-34 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .backgroundsection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .futuresection {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  ._2018section {
    padding: 60px 10px 0;
  }

  .div-block-37 {
    background-position: 0%;
  }

  .div-block-38 {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .description {
    width: 400px;
  }

  .description.painpoint._1 {
    width: auto;
  }

  .description.painpoint._2 {
    width: auto;
    display: none;
  }

  .div-block-44 {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .titlewrap.update {
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-right: 0;
    display: block;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .solutionwrap {
    flex-direction: column;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .div-block-46 {
    background-size: 170px;
    width: 120px;
    height: 150px;
    margin-right: 16px;
  }

  .div-block-47 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .contentwrap._2way.currentversion {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .contentwrap._2way.inspiration {
    padding: 16px 16px 20px;
  }

  .div-block-50 {
    background-position: 24% 0;
    background-size: 340px;
    height: 160px;
  }

  .pane.tab1 {
    background-position: 48% 0;
    background-size: 350px;
    height: 440px;
  }

  .pane.tab2 {
    background-position: 50% -25%;
    background-size: 350px;
  }

  .pane.tab3, .pane.tab4 {
    background-size: 350px;
  }

  .tabs-content {
    height: 622px;
    top: 110px;
  }

  .tabs-2 {
    width: 100%;
  }

  .tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr 1.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tab-link-tab-1 {
    padding-top: 8px;
  }

  .tab-link-tab-2, .tab-link-tab-3 {
    margin-right: 0;
    padding-top: 8px;
  }

  .tab-link-tab-3.w--current, .tab-link-tab-4, .tab-link-tab-4.w--current {
    padding-top: 8px;
  }

  .tablink1 {
    font-size: 14px;
  }

  .tablink2 {
    letter-spacing: 0;
    font-size: 14px;
  }

  .tablink3 {
    letter-spacing: 0;
    width: auto;
    font-size: 14px;
  }

  .tablink4 {
    font-size: 14px;
  }

  .contentcontainer.update {
    height: 370px;
    padding-right: 20px;
    bottom: -170px;
  }

  .contentcontainer.update._4 {
    height: auto;
    padding: 16px 16px 20px;
    bottom: -8px;
  }

  .contentcontainer.update._3 {
    height: auto;
    padding: 16px 16px 20px;
    bottom: -39px;
  }

  .contentcontainer.update._3._2 {
    bottom: -31px;
  }

  .contentcontainer.update._3.change {
    bottom: -104px;
  }

  .contentcontainer.update._1 {
    height: auto;
    padding: 16px 16px 20px;
    bottom: -176px;
  }

  .list-4 {
    padding-left: 20px;
  }

  .div-block-59 {
    width: 290px;
  }

  .div-block-62 {
    height: 1260px;
    padding: 60px 0 0;
  }

  .menu-button {
    width: 60px;
    height: 60px;
    padding-top: 12px;
    padding-bottom: 24px;
  }

  .overviewwrap {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: 0;
  }

  .div-block-64 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph {
    flex: 0 auto;
    line-height: 20px;
  }

  .paragraph.imo {
    margin-bottom: 40px;
  }

  .paragraph.research {
    margin-top: 0;
  }

  .paragraph.solution {
    margin-bottom: 10px;
  }

  .paragraph.branding {
    line-height: 20px;
  }

  .paragraph.homepage {
    width: 100%;
    max-width: 300px;
    margin-top: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .paragraph.conclusion {
    margin-bottom: 40px;
  }

  .paragraph.feel {
    width: 100%;
  }

  .paragraph.yanyan.black {
    font-size: 14.5px;
    line-height: 20px;
  }

  .paragraph.business.centered {
    width: 90%;
    margin-top: 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }

  .paragraph.business.sticky {
    display: block;
  }

  .paragraph.animations {
    width: 90%;
  }

  .h4.green {
    margin-top: 0;
  }

  .h4.tab-absolute {
    position: relative;
  }

  .h1 {
    flex-direction: column;
    flex: 0 auto;
    font-size: 32px;
    line-height: 40px;
    display: block;
  }

  .h1.ohtani {
    margin-bottom: 0;
    padding-right: 100px;
    font-size: 28px;
    line-height: 34px;
  }

  .h1.ux {
    margin-top: 0%;
  }

  .h1.cbs {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .h1.main {
    width: auto;
  }

  .div-block-66 {
    background-position: 65% 10%;
    background-size: 380px;
    height: auto;
    display: block;
  }

  .div-block-67 {
    width: 50%;
    height: auto;
    padding-top: 20px;
    padding-left: 0;
  }

  .fantasywrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sectionwrap {
    display: block;
    overflow: visible;
  }

  .sectionwrap.solution {
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .sectionwrap.conclusion {
    overflow: visible;
  }

  .h2 {
    font-size: 24px;
  }

  .h2.branding {
    font-size: 24px;
    line-height: 30px;
  }

  .h2.ads {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 30px;
  }

  .h2.about, .h2.animations {
    font-size: 24px;
    line-height: 30px;
  }

  .columns {
    flex-direction: column;
  }

  .h3.cbs, .h3.cbs.insights, .h3.painpoint, .h3.solution {
    font-size: 18px;
  }

  .h3.solution._2 {
    font-size: 15.5px;
    line-height: 24px;
  }

  .h3.conclusion {
    margin-top: 0;
  }

  .titlecontainer {
    align-self: flex-start;
    margin-bottom: 40px;
  }

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

  .columnwrap {
    margin-top: 0;
  }

  .descriptionwrap.painpoint {
    background-color: #0000;
    padding: 0;
  }

  .pp-lightbox {
    width: 100%;
  }

  .pp-lightbox.home {
    margin-top: 20px;
  }

  .div-block-70, .pplightbox {
    width: 100%;
  }

  .pplightbox.teamdetails {
    margin-top: 20px;
  }

  .div-block-72 {
    width: 100%;
    height: 180px;
    overflow: visible;
  }

  .lookbook, .lookbook.double.l, .lookbook.double.r {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .left {
    z-index: 99;
    background-color: #0000;
    position: sticky;
    top: 0;
    bottom: auto;
  }

  .left.homepage {
    z-index: 99;
  }

  .left.business._2 {
    display: none;
  }

  .leftinner {
    justify-content: center;
    height: 300px;
    min-height: auto;
    padding: 60px 10px 40px;
  }

  .leftinner.main {
    z-index: 99;
    justify-content: flex-end;
    padding: 0 30px 20px;
    display: flex;
  }

  .leftinner.yanyan {
    background-color: #fef9e5;
    height: auto;
    padding-left: 10px;
  }

  .leftinner.business._1 {
    background-color: #0000;
  }

  .leftinner.business._1.mobile {
    padding: 56px 20px 72px;
  }

  .leftinner.mobile {
    background-color: #fafafa;
    height: auto;
    padding-top: 48px;
    padding-left: 10px;
  }

  .leftinner._640 {
    z-index: 99;
    background-color: var(--_base---color-neutral--white);
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    position: static;
    top: auto;
    bottom: 0;
  }

  .heading-4 {
    width: 100%;
    max-width: 400px;
    margin-top: 12px;
    margin-bottom: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .textwrapper.branding {
    background-color: #0000;
    padding: 17px 10px;
  }

  .textwrapper.branding.website {
    padding: 24px 10px 40px;
  }

  .textwrapper.branding.biz {
    padding-left: 20px;
    padding-right: 20px;
  }

  .textwrapper.ad {
    margin-bottom: 20px;
  }

  .textwrapper.ad.divide {
    margin-bottom: 60px;
  }

  .textwrapper.homepage._1 {
    height: auto;
    min-height: 480px;
    padding: 40px 30px;
  }

  .textwrapper.homepage._2 {
    height: auto;
    min-height: 480px;
    padding: 30px;
  }

  .textwrapper.homepage._3 {
    height: 480px;
    padding: 30px;
  }

  .textwrapper.homepage._4 {
    background-position: 0 0, 40% 0;
    height: 480px;
  }

  .textwrapper.homepage._5 {
    height: 480px;
    padding: 30px;
  }

  .textwrapper.homepage.yy {
    flex-direction: column;
    height: 480px;
    padding: 30px;
    display: flex;
  }

  .textwrapper.ubl {
    height: 480px;
    padding: 30px;
  }

  .textwrapper.mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .textwrapper.business {
    object-position: 50% 50%;
    justify-content: flex-end;
    align-items: center;
    height: 480px;
    max-height: none;
    padding: 30px;
    overflow: hidden;
  }

  .flexwrapper {
    flex-direction: column;
    height: auto;
    position: static;
  }

  .flexwrapper.left.opposite {
    flex-direction: column;
    align-items: stretch;
    display: none;
    position: static;
  }

  .flexwrapper.left.opposite.mobile {
    background-color: #e9f8f7;
    padding: 40px 16px;
    display: block;
  }

  .flexwrapper.homepage {
    overflow: visible;
  }

  .flexwrapper.rightscroll {
    background-color: var(--light-sea-green-2);
  }

  .right-2.branding {
    background-color: var(--_base---color-neutral--white);
  }

  .right-2.homepage {
    margin-top: 300px;
    overflow: hidden;
  }

  .right-2.yanyan {
    z-index: 99;
    background-color: #fef9e5;
    background-image: linear-gradient(#fef9e5, #fff);
    position: relative;
  }

  .right-2.business._1 {
    background-color: #0000;
    position: relative;
  }

  .right-2.business.mobile {
    background-color: var(--light-sea-green-2);
    padding-left: 10px;
    padding-right: 10px;
  }

  .wrapper100vh.vi {
    height: auto;
    min-height: auto;
  }

  .wrapper100vh.animations {
    background-color: var(--white);
    padding: 0;
    display: block;
    position: relative;
  }

  .wrapper100vh.animations.desktop {
    padding: 24px 16px 40px;
    display: block;
  }

  .wrapper100vh.animations.mobile {
    display: none;
  }

  .containergrid._60 {
    height: auto;
    padding-bottom: 40px;
  }

  .containergrid.content._40 {
    order: -9999;
    justify-content: center;
    height: auto;
    padding: 40px 16px 0;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .left_1 {
    align-self: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .right_1 {
    align-self: center;
  }

  .right_1inner.opposite {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding: 60px 0 20px;
    display: block;
    position: static;
  }

  .background-video {
    border-style: none;
    height: 200px;
  }

  .bgvideocontainer {
    background-position: 60% 0;
    height: 280px;
  }

  .bgvideocontainer.yanyan {
    align-items: center;
  }

  .infoblock {
    padding-top: 80px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .infoblock.ohtani {
    padding: 80px 10px 0;
  }

  .infoblock.ohtani.template {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .infoblock.cbs {
    padding: 80px 10px 20px;
  }

  .infoblock.yanyan {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contain50 {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .contain50.yy {
    margin-bottom: 0;
  }

  .textcontain._640 {
    width: 100%;
  }

  .textcontain._640.look {
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding: 0;
    position: static;
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .textcontain._640.gif {
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .textcontain.branding.overview.cbs {
    padding-right: 0;
  }

  .textcontain.ohtani {
    display: flex;
  }

  .textcontain._450 {
    max-width: none;
    margin-left: 10px;
    padding-bottom: 30px;
  }

  .photographysection {
    height: auto;
    display: none;
  }

  .photographysection.mobile {
    display: block;
  }

  .contain {
    height: auto;
    padding: 60px 16px 20px;
  }

  .photocontain {
    height: 100px;
    display: flex;
  }

  .photocontain.content {
    height: auto;
    margin-top: 10px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .photocontain.single {
    height: 180px;
    margin-bottom: 10px;
  }

  .bgimage._2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .bgimage._2.double {
    margin-right: 0;
  }

  .bgimage._5, .bgimage._8 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-91 {
    width: 100%;
  }

  .div-block-92 {
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mask-2 {
    height: auto;
  }

  .slide-nav-2 {
    margin-top: 8px;
  }

  .background-video-2 {
    z-index: 5;
    object-fit: fill;
    flex: 0 auto;
    align-self: auto;
    width: 300px;
    height: 200px;
    min-height: auto;
    margin-right: auto;
    display: none;
    position: static;
  }

  .animationwrapper.row2 {
    flex-direction: column;
    padding-left: 8px;
    padding-right: 8px;
  }

  .animationwrapper.row2._3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .animationwrapper.row1 {
    height: 250px;
  }

  .image-29, .image-30 {
    margin-bottom: 20px;
  }

  .image-31 {
    margin-bottom: 0;
  }

  .div-block-96, .div-block-101 {
    margin-right: 0;
  }

  .div-block-102 {
    margin-top: 20px;
  }

  .div-block-103 {
    height: 200px;
  }

  .div-block-104 {
    height: 250px;
    position: static;
  }

  .bgimagephotoad._1, .bgimagephotoad._2, .bgimagephotoad._3 {
    height: 30vh;
  }

  .bgimagephotoad.vert.l._1 {
    margin-right: 20px;
  }

  .bgimagephotoad._4, .bgimagephotoad._5 {
    height: 30vh;
  }

  .adcontent.paragraph {
    color: #666;
  }

  .adcontent.paragraph.intrain.white, .adcontent.paragraph.white {
    color: var(--white);
  }

  .adheading {
    color: #666;
    font-size: 18px;
  }

  .adheading.intrain.white, .adheading.white {
    color: var(--white);
  }

  .adssection {
    margin-bottom: 0;
    display: none;
  }

  .intrainsection {
    margin-top: 20px;
  }

  .printadcontentblock._1 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .printadcontentblock._2 {
    z-index: 2;
    z-index: 2;
    background-color: #00c4b3;
    margin-bottom: 0;
    padding: 20px;
    position: relative;
  }

  .image-descript-container {
    z-index: 2;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    background-color: #00000014;
    flex-flow: column;
    align-self: flex-end;
    margin-bottom: auto;
    padding: 20px;
    display: flex;
    position: relative;
  }

  .projectthumb._1 {
    background-size: 125%;
  }

  .projectthumb._2 {
    background-position: 50% 25%;
    background-size: 120%;
  }

  .projectthumb._3 {
    background-size: auto 100%;
  }

  .projectthumb._5 {
    background-position: 50% 75%;
    background-size: 100%;
  }

  .projectthumb.yy {
    display: flex;
  }

  .projectthumb.business {
    background-image: none;
    overflow: visible;
  }

  .div-block-109 {
    z-index: 12;
    flex-direction: row;
    align-items: flex-start;
  }

  .div-block-110 {
    width: 100%;
    padding-right: 20px;
  }

  .div-block-110.ubl {
    width: 100%;
    padding-right: 10px;
  }

  .forward {
    opacity: .1;
    position: relative;
    top: -5px;
  }

  .link-block {
    align-self: flex-start;
  }

  .div-block-111 {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-112, .div-block-113, .div-block-114 {
    width: 250px;
    padding-left: 20px;
  }

  .div-block-114._3 {
    width: 280px;
  }

  .div-block-115, .div-block-116 {
    width: 250px;
    padding-left: 20px;
  }

  .image-33 {
    margin-bottom: 20px;
  }

  .image-34 {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .grid-2 {
    margin-bottom: 20px;
  }

  .section-7 {
    padding-bottom: 40px;
  }

  .column-10 {
    margin-top: 10px;
    padding-left: 0;
  }

  .grid-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-120 {
    margin-bottom: 10px;
  }

  .section-8 {
    padding-bottom: 100px;
  }

  .sslockerwrapper {
    flex-direction: column;
  }

  .div-block-121 {
    background-position: 50% -800%;
    background-size: 180px;
    width: 100%;
    height: 160px;
  }

  .div-block-122 {
    width: 100%;
  }

  .div-block-125 {
    background-position: 50% 0;
    background-size: 320px;
    width: auto;
    height: 380px;
    margin-bottom: 20px;
    position: static;
  }

  .div-block-126 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-12 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    padding-right: 0;
    display: flex;
  }

  .columns-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .image-47 {
    margin-top: 16px;
  }

  .left-arrow-3 {
    display: none;
  }

  .background-video-7 {
    width: 100%;
    height: 200px;
  }

  .div-block-130 {
    background-color: #e6e6e6;
    justify-content: flex-start;
    align-self: center;
    width: 90%;
    height: 1px;
    margin-bottom: 24px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .right-arrow-3 {
    display: none;
  }

  .grid-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    height: 360px;
    max-height: none;
  }

  .div-block-132, .div-block-133 {
    overflow: hidden;
  }

  .div-block-135 {
    height: 200vh;
  }

  .div-block-136.test {
    height: auto;
  }

  .section-10 {
    display: block;
  }

  .lightbox-link-10 {
    width: 100%;
  }

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

  .slide-4 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7826f00014e69caa1d3b2b_interior.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider-4 {
    background-color: #0000;
    height: 280px;
  }

  .slide-5 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7828ced25345973e9c5663_Seats%20(1).jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide-6 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7828641ede361a44bbed93_icons%20MTR.jpg");
    background-position: 0 0;
    background-size: cover;
  }

  .slide-7 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e7827499105fae872e62923_Boxful-In-Train-Indoor-01.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .slide-nav-3 {
    opacity: 1;
  }

  .slider-5 {
    background-color: #0000;
    height: 280px;
  }

  .slide-8 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8b1e339e241c110c0806ae_4%2BSheet%2BBUS.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slide-9 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5e8b1e65a9dc931845c3d3d1_Old%20Ads2.jpg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

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

  .div-block-138 {
    margin-bottom: 20px;
  }

  .footercontainleft {
    z-index: 2;
    padding-right: 20px;
  }

  .footercontainleft.yy {
    background-color: #ffe629;
    padding-right: 0;
    overflow: hidden;
  }

  .footercontainright.biz {
    padding-left: 0;
  }

  .footerimage {
    position: absolute;
    inset: 0% auto 0% -23%;
  }

  .imagecontain.footer.ux {
    background-position: 12%;
  }

  .imagecontain.footer.sat {
    background-position: 50% 100%;
    background-size: auto 130%;
  }

  .imagecontain.footer.branding {
    background-position: 25%;
  }

  .imagecontain.footer.yy {
    background-position: 10%;
    background-size: auto 200px;
    padding-right: 0;
  }

  .imagecontain.footer.biz, .imagecontain.biz {
    background-position: 100%;
  }

  .footertitle.left.white {
    text-align: right;
    width: 120px;
    font-size: 22px;
    line-height: 25px;
    inset: 34px 0 auto auto;
  }

  .footertitle.left.white.ux {
    top: 55px;
  }

  .footertitle.left.white.cbs {
    top: 30px;
  }

  .footertitle.right.white {
    font-size: 22px;
    line-height: 24px;
    inset: 42px 0% auto 20px;
  }

  .footertitle.right.white.cbs {
    line-height: 25px;
    top: 34px;
  }

  .footertitle.right.white.sat {
    padding-left: 20px;
    top: 55px;
    left: 0;
  }

  .footertitle.right.white.branding {
    top: 34px;
  }

  .footertitle.right.white.ohtani {
    height: auto;
    line-height: 25px;
    top: 55px;
  }

  .footertitle.right.white.yy {
    top: 55px;
  }

  .arrowlink {
    inset: 120px 10px 0% auto;
  }

  .arrowlink.w--current {
    top: 120px;
  }

  .arrowlink.right {
    inset: 120px auto 0% 20px;
  }

  .arrowlink.right.branding {
    top: 120px;
  }

  .arrowlink.right.yy {
    top: 120px;
    left: 20px;
  }

  .footerarrow.back, .footerarrow.next {
    max-width: 60%;
  }

  .image-51 {
    display: block;
    position: static;
  }

  .slider-8 {
    position: relative;
  }

  .div-block-148 {
    display: none;
  }

  .slide-nav-5 {
    position: absolute;
  }

  .grid-6 {
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .div-block-153 {
    height: 300px;
  }

  .div-block-154, .div-block-155 {
    width: 100%;
    height: 300px;
  }

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

  .aboutbody {
    font-size: 18px;
    line-height: 24px;
  }

  .spotifycontain {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .html-embed {
    margin-bottom: 0;
  }

  .rightcontain {
    padding: 16px 12px 12px;
  }

  .rightcontain.starting9 {
    margin-left: 0;
  }

  .leftcontain {
    padding: 16px 12px 12px;
  }

  .top5image, .top5imagecontainer {
    height: 20vh;
  }

  .top5imagecontainer.edgardo {
    height: auto;
  }

  .titletrack {
    font-size: 18px;
    line-height: 24px;
  }

  .yycontent {
    height: auto;
    padding: 24px 10px 0;
  }

  .yanright, .banwu, .yanleft, ._1960 {
    width: 100%;
  }

  .logoversion {
    width: 100%;
    position: absolute;
    bottom: 40px;
  }

  .div-block-158 {
    height: 300px;
  }

  .oldlogos {
    padding-left: 9px;
    padding-right: 9px;
  }

  .div-block-160 {
    padding-top: 60px;
  }

  .container1200 {
    flex-direction: column;
  }

  .photo--container._1 {
    background-position: 100%;
    background-size: cover;
    width: 100%;
    height: 150px;
  }

  .photo--container._4 {
    width: 100%;
    height: 150px;
  }

  .photo--container._5 {
    width: 100%;
    height: auto;
    padding: 16px 4px 0;
  }

  .sectiontitle {
    margin-left: 0;
    margin-right: 0;
  }

  .sectiontitle.sophia {
    font-size: 14.5px;
  }

  .illustration_pieces {
    height: 340px;
  }

  .piece_stripmiddle, .piece_chunk, .piece_topright, .piece_bottomleftcorner, .piece_upperleftcorner, .piece_upperrightcorner, .piece_rightbleed, .piece_icc {
    width: 200%;
    max-width: 200%;
  }

  .div-block-172 {
    height: 220px;
  }

  .div-block-173, .section-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-174 {
    flex-direction: column;
    height: auto;
  }

  .background-video-9 {
    align-items: flex-start;
    width: 300px;
    height: 180px;
    min-height: auto;
    max-height: none;
  }

  .div-block-179 {
    width: 300px;
  }

  .div-block-183 {
    width: 34%;
  }

  .div-block-185 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .videocontainer.business {
    width: auto;
    height: 300px;
    top: 0;
  }

  .div-block-186 {
    background-size: auto 300px;
    width: 100%;
    height: 280px;
  }

  .content_side {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-188 {
    background-size: 272px;
    display: block;
  }

  .div-block-189 {
    background-size: 420px;
  }

  .div-block-194 {
    height: auto;
    padding-top: 72px;
    padding-bottom: 42px;
  }

  .iphonecontain-2.bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .background-video-10 {
    height: auto;
    position: static;
    top: 0;
  }

  .biz.bullets {
    font-size: 14.5px;
    line-height: 20px;
  }

  .biz.bullets.sticky {
    display: block;
  }

  .image-62 {
    left: 12px;
  }

  .div-block-199 {
    width: 100%;
    overflow: hidden;
  }

  .imagecontaineryy {
    width: 100%;
    height: 150px;
  }

  .div-block-200 {
    flex-flow: row;
    width: 100%;
    height: auto;
  }

  .div-block-201 {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .div-block-202 {
    opacity: .24;
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .image-63, .image-64 {
    margin-right: 24px;
  }

  .list-item-48 {
    line-height: 20px;
  }

  .grid-8 {
    flex-direction: column;
    display: flex;
  }

  .div-block-209 {
    padding-right: 10px;
  }

  .hiwvideo {
    height: auto;
  }

  .visuals_vid {
    align-items: center;
  }

  .background-video-12 {
    height: 300px;
    bottom: 0;
  }

  .background-video-14 {
    width: 500px;
    height: 550px;
    display: none;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .div-block-211 {
    width: 100%;
    height: 420px;
    max-height: none;
    padding: 0;
  }

  .slider-12 {
    width: 300px;
    height: 200px;
  }

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

  .background-video-15 {
    width: 300px;
    height: 200px;
  }

  .hero {
    min-width: auto;
  }

  .content-container {
    justify-content: space-between;
    align-items: flex-start;
  }

  .content-container.intro {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    order: 0;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }

  .content-container.hero {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    padding-left: 0;
  }

  .content-container.key {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    min-width: auto;
  }

  .content-container.key.horizontal-scroll._2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-container.flex-horizontal._2 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    width: auto;
  }

  .content-container.slide-progression {
    padding: 20px;
  }

  .content-container.layout {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .content-container.portrait.b-vibe {
    flex-flow: column;
  }

  .content-container.portrait.lewand {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .content-container.portrait.themes {
    flex-flow: column;
  }

  .content-container.portrait.pl-player {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .content-container.home-containers {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .code-embed {
    width: 372px;
    height: 812px;
  }

  .body-6 {
    min-width: auto;
  }

  .div-block-215 {
    justify-content: center;
    align-items: center;
  }

  .div-block-216 {
    width: 100%;
  }

  .div-block-217 {
    width: 100%;
    height: auto;
  }

  .details {
    width: auto;
    padding: 64px 16px;
  }

  .scope {
    width: 100%;
  }

  .hanken {
    text-align: left;
    text-decoration: none;
  }

  .hanken.white, .hanken.white._80 {
    width: 100%;
  }

  .hanken.center.competitive {
    text-align: left;
  }

  .hanken.subhead {
    display: block;
  }

  .hanken.lean, .hanken.build {
    text-align: left;
  }

  .hanken.journey {
    text-align: center;
  }

  .hanken.hi-fi, .hanken.checkout {
    text-align: left;
  }

  .div-block-220 {
    padding: 0;
  }

  .challenge {
    width: 100%;
    padding-right: 0;
  }

  .div-block-223 {
    order: 9999;
    width: 100%;
  }

  .pill-profile.js {
    padding-left: 0;
  }

  .image-68 {
    justify-content: center;
    align-items: center;
    margin-left: 2px;
  }

  .container-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    display: flex;
  }

  .section-template {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 48px 16px;
    display: flex;
  }

  .section-template.solution {
    height: auto;
  }

  .section-template.compete.trade1 {
    height: auto;
    padding-bottom: 0;
  }

  .section-template.compete.trade2 {
    height: 1600px;
  }

  .section-template.compete.trade2.desktop {
    display: none;
  }

  .section-template.compete.trade2.mobile {
    height: auto;
    padding-top: 64px;
    padding-bottom: 40px;
    display: flex;
  }

  .section-template.key {
    display: flex;
  }

  .section-template.problem {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-bottom: 48px;
  }

  .section-template.layout {
    height: auto;
    padding-top: 24px;
  }

  .section-template.process {
    padding-top: 40px;
  }

  .section-template.outcome {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .section-template.desktop {
    display: none;
  }

  .section-template.mobile {
    padding-top: 40px;
    display: flex;
  }

  .section-template.learn {
    padding-bottom: 40px;
  }

  .section-template.check {
    padding-top: 40px;
  }

  .div-block-225 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 34.1499%;
  }

  .body-blk, .body-blk.solution, .body-blk._80, .body-blk.solution-copy, .h6-bettle {
    width: 100%;
  }

  .tab-link-tab-2-3, .tab-style, .tab-style.w--current, .tab-link-tab-5 {
    margin-right: 0;
  }

  .tabs-menu-2 {
    justify-content: flex-start;
    align-items: center;
    top: 0;
  }

  .tabs-menu-2.boxful {
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 24px;
    display: flex;
    top: auto;
  }

  .map-contain {
    margin-top: 24px;
    padding: 8px;
  }

  .tabs-content-3 {
    margin-top: 0;
  }

  .horizontal-content-container {
    align-self: auto;
    width: 100%;
  }

  .horizontal-content-container.compete {
    flex-flow: column;
  }

  .horizontal-content-container.outcome {
    margin-top: 40px;
  }

  .horizontal-content-container.pl-web {
    padding: 20px 16px 24px;
  }

  .heading-section {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .heading-section.white {
    width: 100%;
  }

  .heading-section.white.js {
    font-size: var(--_responsive---font-size-heading--h4);
    line-height: var(--_responsive---line-height--h4);
  }

  .heading-section.boxful.absolute, .bg-vid.solution {
    position: relative;
  }

  .bg-vid.comm {
    align-self: flex-start;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
  }

  .solution-container {
    min-width: auto;
    height: auto;
  }

  .div-block-237 {
    width: 100%;
    margin-top: 40px;
  }

  .space-between {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    min-width: auto;
    max-width: none;
  }

  .space-between.trade1 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    height: auto;
  }

  .space-between.mobile {
    flex-flow: row;
    justify-content: center;
    align-items: baseline;
    display: flex;
  }

  .space-between.desktop {
    display: none;
  }

  .screenshot {
    width: 200px;
    height: 433px;
    left: 0;
  }

  .screenshot._430 {
    border-radius: 0;
    left: 0;
  }

  .screenshot.universe {
    padding-left: 0;
    left: 0;
  }

  .div-block-240 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-73 {
    width: 200px;
    height: 433px;
    position: relative;
    right: 0;
  }

  .div-block-241 {
    display: none;
  }

  .data-header.align-left.process {
    font-size: 14px;
    line-height: 18px;
  }

  .data-header.align-left.about {
    margin-bottom: 0;
  }

  .data-header.boxful {
    text-align: left;
  }

  .div-block-244 {
    width: 100%;
    max-width: none;
    padding: 40px 0 0;
  }

  .div-block-244.mobile {
    height: auto;
    min-height: auto;
    display: flex;
  }

  .div-block-246 {
    display: none;
  }

  .data {
    position: static;
  }

  .data.align-left {
    width: auto;
  }

  .data.align-left.feed-copy {
    display: block;
    position: absolute;
    top: -230px;
    left: 248px;
  }

  .data.align-left.trades {
    text-align: left;
    width: 100%;
    position: relative;
    top: -46px;
    left: 0;
  }

  .data.align-left._280 {
    width: 100%;
  }

  .data.align-left.gray {
    width: auto;
    margin-bottom: 0;
  }

  .data.align-left.js-blue.link {
    width: 100%;
  }

  .data.align-right.discover {
    text-align: center;
    width: 100%;
    position: static;
    left: 0;
  }

  .data.center-align.js-blue {
    text-align: left;
    order: -9999;
    width: auto;
    max-width: none;
  }

  .data.pl-dashboard {
    width: auto;
    bottom: -45%;
  }

  .div-block-247 {
    height: auto;
  }

  .section-16 {
    height: 400px;
  }

  .div-block-254 {
    width: 100%;
  }

  .div-block-255 {
    width: 100%;
    height: auto;
    position: static;
  }

  .absolute-container {
    flex-flow: column;
    flex: 0 auto;
    order: 0;
    width: 361px;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .list-12 {
    margin-bottom: 0;
    padding-left: 24px;
    position: relative;
    top: auto;
  }

  .floating-container.channels {
    width: 100%;
    top: auto;
    bottom: auto;
  }

  .floating-container.boards {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-items: flex-start;
    width: 100%;
    padding-top: 40px;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .div-block-258 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    top: 0;
  }

  .div-block-259 {
    position: static;
  }

  .screen-absolute {
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: auto;
  }

  .background-video-16 {
    width: 200px;
    height: 433px;
  }

  .key-screen-container {
    border-bottom: 1px solid var(--_base---color-neutral--800);
    width: 100%;
    padding-bottom: 24px;
  }

  .track-key {
    display: none;
  }

  .camera._2 {
    height: auto;
  }

  .div-block-263 {
    height: 400px;
  }

  .div-block-264 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    width: 1200px;
    display: grid;
  }

  .image-81 {
    display: none;
  }

  .section-17 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .background-video-24 {
    height: 240px;
  }

  .bas-wrapper {
    height: 200px;
  }

  .bas-label-before-h {
    top: 8px;
    left: 8px;
  }

  .bas-label-after-h {
    top: 8px;
    right: 8px;
  }

  .heading-section-2 {
    min-width: auto;
    max-width: none;
  }

  .heading-section-2.white {
    width: 100%;
    font-size: var(--_responsive---font-size-heading--h4);
    line-height: var(--_responsive---line-height--h4);
  }

  .subhead-2 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 19px;
  }

  .background-video-25 {
    width: 344px;
    height: 215px;
  }

  .data-container._480 {
    width: auto;
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .data-container.cats {
    position: static;
    top: 508px;
    left: 167px;
  }

  .data-container.author {
    position: static;
    top: 596px;
    left: 107px;
  }

  .image-82 {
    width: 344px;
    height: 224px;
  }

  .background-video-26 {
    border: 1px solid var(--_base---color-neutral--300);
    width: 344px;
    height: 148px;
  }

  .background-video-27 {
    width: 344px;
    height: 215px;
  }

  .div-block-273, .div-block-274 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-275 {
    height: 215px;
  }

  .vert-contiainer-flex-16 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: black black var(--_base---color-neutral--200);
  }

  .div-block-277 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-278 {
    height: 148px;
  }

  .frame-3439._2 {
    height: auto;
  }

  .track-key-2 {
    display: none;
  }

  .track-key-2.mobile {
    height: auto;
    display: flex;
  }

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

  .post-module {
    flex-flow: column;
    order: -9999;
    min-width: auto;
  }

  .post-layout {
    width: 100%;
    max-width: none;
  }

  .post-layout.module {
    padding: 16px;
  }

  .line-data._1 {
    width: 120px;
  }

  .line-data._2 {
    width: 64px;
  }

  .div-block-286 {
    width: auto;
  }

  .image-86 {
    width: auto;
    position: static;
  }

  .call-out._1 {
    top: 0;
    right: 0;
  }

  .call-out._2 {
    inset: 15% 0% 0%;
  }

  .call-out._3 {
    top: auto;
    bottom: 0;
    right: 55%;
  }

  .call-out._4 {
    inset: 17% auto auto 25%;
  }

  .call-out._5 {
    top: 23%;
    left: -3%;
  }

  .call-out._6 {
    top: 23%;
    left: 65%;
    right: auto;
  }

  .call-out._7, .call-out._8, .call-out._9 {
    display: none;
  }

  .call-out._01 {
    inset: auto auto 31% -3%;
  }

  .call-out._02 {
    top: auto;
    bottom: 1%;
    right: 53%;
  }

  .div-block-289 {
    align-items: flex-start;
  }

  .list-container.pills {
    margin-bottom: 40px;
  }

  .list-container.js {
    margin-top: 24px;
  }

  .list-element {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    width: 343px;
    margin-top: 0;
  }

  .list-element.pills {
    border-bottom: 1px solid var(--_base---color-neutral--300);
    margin-top: 0;
    padding-bottom: 24px;
  }

  .data-list {
    width: 100%;
  }

  .div-block-291 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    top: auto;
  }

  .spacer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .background-video-30 {
    width: 343px;
    min-width: auto;
    max-width: none;
    height: 280px;
    min-height: auto;
  }

  .implement-container {
    margin-top: 64px;
  }

  .image-90 {
    width: 343px;
    position: static;
  }

  .list-item-49, .list-item-50, .list-item-51 {
    width: 100%;
  }

  .background-video-31 {
    z-index: 99;
    width: 343px;
    min-width: auto;
    max-width: 100%;
    height: 140px;
    min-height: auto;
    max-height: none;
  }

  .sticky-container {
    display: flex;
  }

  .sticky-container.mobile {
    background-image: linear-gradient(to bottom, var(--_base---color-neutral--100), var(--_base---color-neutral--100));
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    overflow: visible;
  }

  .sticky-container.desktop {
    display: none;
  }

  .sticky-container.themes.mobile {
    background-image: linear-gradient(to bottom, var(--_base---color-neutral--white), var(--_base---color-neutral--white));
    padding: 40px 16px;
  }

  .sticky-container.player.mobile {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .left-block.b-vibe {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .left-block.lewand {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 320px;
    display: flex;
  }

  .left-block.themes {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .left-block.pl-player {
    border: 1px #000;
    padding-left: 8px;
    padding-right: 8px;
  }

  .right-block.theme {
    border: 1px #000;
    border-radius: 0;
    width: auto;
    max-width: none;
    padding: 24px 16px 40px;
    position: sticky;
    top: auto;
    bottom: 0;
  }

  .right-block.theme.lw {
    border-top-style: solid;
    border-top-color: var(--_base---color-neutral--300);
    background-color: var(--_base---color-neutral--100);
  }

  .right-block.pl-player {
    border-style: solid none none;
    border-width: 1px;
    border-color: var(--_base---color-neutral--300) black black;
    background-color: var(--_base---color-neutral--100);
    border-radius: 0;
    padding-left: 16px;
    padding-right: 16px;
    top: auto;
    bottom: 0;
  }

  .right-block.home {
    width: 100%;
    height: auto;
    position: static;
  }

  .image-91 {
    max-width: 90%;
  }

  .heading-10 {
    color: var(--_base---color-neutral--800);
    font-size: var(--_responsive---font-size-heading--h6);
    text-align: left;
    margin-bottom: 0;
    text-decoration: none;
  }

  .section-template-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 48px 16px;
  }

  .section-template-2.layout.pl {
    overflow: hidden;
  }

  .glass-card-container {
    width: 243%;
  }

  .background-video-35 {
    width: 100%;
    height: 221px;
  }

  .background-video-36 {
    width: 100%;
    height: 240px;
  }

  .div-block-305 {
    width: 340px;
  }

  .background-video-37 {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100%;
    height: 192px;
  }

  .image-94 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 23px;
  }

  .container-8 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    display: flex;
  }

  .div-block-307 {
    width: 100%;
  }

  .div-block-309 {
    width: 344px;
    height: 1485px;
  }

  .background-video-39 {
    height: 97px;
  }

  .background-video-40 {
    height: 181px;
  }

  .subhead-3 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 19px;
  }

  .bas-wrapper-2 {
    height: 240px;
  }

  .subhead-4 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 19px;
  }

  .subhead-4.dashboard {
    font-size: var(--_responsive---font-size-body--default);
    line-height: var(--_responsive---line-height--default);
  }

  .subhead-5 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 19px;
  }

  .below-fold-video.before {
    width: 311px;
    height: 218px;
  }

  .below-fold-video.after {
    width: 311px;
    height: 208px;
  }

  .card-stack {
    padding: 16px 16px 24px;
  }

  .card-stack.after {
    top: 180px;
  }

  .left-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .subhead-6 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 19px;
  }

  .image-container.pl {
    overflow: visible;
  }

  .div-block-326 {
    background-color: var(--_base---color-neutral--100);
    position: sticky;
    bottom: 0;
  }

  .top-down-text-container.b-vibe {
    width: 100%;
  }

  .div-block-330 {
    width: 100%;
    height: 280px;
  }

  .div-block-331 {
    height: 280px;
  }

  .title-container {
    padding: 0;
  }

  .title-container.improve {
    margin-top: 40px;
  }

  .title-container.funnel {
    width: 100%;
  }

  .div-block-335 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f47668d2a407671760fdd99_88397bd741ea481cf1406675ff31df6c_Sign%20up%20page.png"), linear-gradient(#0000, #0000);
    background-size: auto 224px, auto;
    width: 100%;
    height: 280px;
  }

  .problem-div {
    width: 100%;
    padding: 20px;
  }

  .div-block-336 {
    background-image: url("https://cdn.prod.website-files.com/5e328480bd23a2f2e4a4f65e/5f47668d2a407660be0fdd88_d045baa3b2e4b105269f9dbaa4f55f2a_Where%20page.png"), linear-gradient(to bottom, null, null);
    background-size: auto 224px, auto;
    width: 100%;
    height: 280px;
  }

  .div-block-337 {
    background-position: 50%;
    background-size: auto 224px;
    width: 100%;
    height: 280px;
  }

  .div-block-338 {
    background-size: auto 224px;
    width: 100%;
    height: 280px;
  }

  .generic-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-342 {
    width: 100%;
  }

  .yan-yan {
    width: auto;
  }

  .div-block-346 {
    min-width: auto;
    max-width: none;
  }

  .div-block-347 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .paragraph-6 {
    margin-bottom: 0;
  }

  .homepage-top {
    height: 25vh;
    padding: 24px;
  }

  .div-block-352 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .thumb-cards.boxful-ui, .thumb-cards.boxful-branding, .thumb-cards.pl, .thumb-cards.bettle, .thumb-cards.js, .thumb-cards.b-vibe, .thumb-cards.sat, .thumb-cards.yy, .thumb-cards.about {
    width: 100%;
    height: 370px;
  }

  .div-block-356 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-359 {
    background-size: 420px;
  }

  .div-block-360 {
    background-size: 272px;
    display: block;
  }

  .div-block-361 {
    background-size: 420px;
  }

  .contact-container {
    flex-flow: column;
  }

  .text-block-44, .text-block-45 {
    text-align: right;
  }

  .content-container-2.intro {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    width: auto;
  }

  .div-block-364 {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: auto;
  }

  .div-block-366 {
    order: 9999;
    width: 100%;
  }

  .container-9 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    display: flex;
  }

  .image-105 {
    justify-content: center;
    align-items: center;
  }

  .div-block-368 {
    width: 100%;
    padding-right: 0;
  }

  .adheading-2 {
    color: #666;
    font-size: 18px;
  }

  .h2-2 {
    font-size: 24px;
  }

  .h2-2.branding {
    font-size: 24px;
    line-height: 30px;
  }

  .div-block-371 {
    z-index: 2;
    background-color: #00c4b3;
    align-self: flex-end;
    margin-bottom: auto;
    padding: 20px;
    position: relative;
  }

  .right_1-2 {
    align-self: center;
  }

  .div-block-372 {
    width: 100%;
    margin-bottom: 40px;
  }

  .div-block-373 {
    width: 100%;
  }

  .image-106 {
    justify-content: center;
    align-items: center;
  }

  .div-block-374 {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: auto;
  }

  .content-container-3.intro {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    width: auto;
    height: auto;
  }

  .container-10 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    display: flex;
  }

  .div-block-376 {
    order: 9999;
    width: 100%;
  }

  .inria.open {
    display: none;
  }

  .project-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .project-container {
    width: 120px;
    height: 120px;
  }

  .project-container.js {
    overflow: hidden;
  }

  .div-block-380 {
    opacity: .24;
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .image-109, .image-110 {
    margin-right: 42px;
  }

  .div-block-381 {
    display: none;
  }

  .div-block-382 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    width: 100%;
  }

  .data-3 {
    width: 144px;
    position: relative;
    top: -474px;
    left: 193px;
  }

  .div-block-383 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-384 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-self: auto;
  }

  .key-container {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
  }

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

  .div-block-386 {
    display: none;
  }

  .div-block-387, .div-block-388 {
    position: relative;
  }

  .div-block-389 {
    border-top: 1px solid var(--_base---color-neutral--300);
    flex-flow: column;
    padding: 16px 0 40px;
    display: flex;
  }

  .heading-16 {
    font-family: var(--_base---font-family--heading);
    font-size: var(--_responsive---font-size-heading--h4);
    line-height: var(--_responsive---line-height--h4);
    margin-bottom: 16px;
  }

  .div-block-390 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .image-112 {
    width: 800px;
  }

  .dashboard-container {
    margin-top: 104px;
  }

  .div-block-396 {
    width: 100%;
  }

  .image-113 {
    width: 320px;
    max-width: none;
  }

  .div-block-398 {
    width: 100%;
  }

  .kicker-title.train {
    margin-bottom: 40px;
  }

  .div-block-399 {
    width: 100%;
  }

  .nav-link-4.branding {
    font-size: 28px;
  }

  .container-11 {
    display: block;
  }

  .nav-link-5.branding {
    font-size: 28px;
  }

  .nav-link-6.branding {
    font-size: 16px;
  }

  .column-19 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .div-block-401 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    width: 100%;
  }

  .bullet-container {
    padding-left: 16px;
  }

  .div-block-402 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .div-block-403 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .div-block-404 {
    padding: 0;
  }

  .data-3 {
    position: static;
  }

  .subhead-card-container {
    width: 100%;
  }

  .div-block-406 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .background-video-53 {
    width: 360px;
    height: 360px;
  }

  .div-block-407 {
    width: 100%;
  }

  .div-block-408, .div-block-413 {
    order: -9999;
  }

  .div-block-414 {
    border-top: 1px solid var(--_base---color-neutral--800);
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .data-4 {
    position: static;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_837322da-5e04-49cd-36b3-3d4d89b98634-c0aeb02e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-f31f3fef-3f05-8f03-414b-32dcb6410ebf-c0aeb02e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6008af8a-500a-c2eb-984e-88d75957ee8b-c0aeb02e {
    order: 9999;
  }
}