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 {
  --site-blue: #a7d3ff8f;
  --site-pink: #ff587630;
  --nav-light-red: #fd6565;
  --back-to-all-motion-blue: #69beff;
  --light-sky-blue: #74cbf6;
  --light-blue: #b8e7ff;
  --lightest-blue: #c7ecff;
  --sharks-teal: #05abd5;
  --deep-sky-blue: #05abd557;
}

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

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, 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;
}

a {
  color: #015675;
  text-decoration: underline;
}

.motion-grid-container {
  text-align: center;
  flex: 1;
  max-width: 67%;
}

.motion-grid {
  z-index: 10;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-template: "." 263px
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 40px;
  margin-bottom: 82px;
  display: grid;
  position: relative;
}

.gallery-lightbox {
  position: relative;
  overflow: hidden;
}

.square-video-content-section {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.square-video-content-section.penguins {
  max-width: 100%;
  padding-top: 0;
}

.video {
  clear: none;
  object-fit: fill;
  min-width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-left: auto;
  display: inline-block;
  position: relative;
}

.body {
  background-color: #f8fffd;
  background-image: repeating-linear-gradient(189deg, var(--site-blue) 26%, var(--site-pink));
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Vollkorn, serif;
  font-size: 21px;
  line-height: 1.4;
}

.div-block {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-2 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading {
  text-align: left;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 202px;
  font-weight: 400;
  display: flex;
}

.heading.content-page-heading {
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 34px;
  display: flex;
}

.heading.heading---process {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: none;
  white-space: normal;
  direction: ltr;
  background-image: none;
  justify-content: center;
  margin: 62px 0 72px;
  padding-top: 65px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.heading.content-page-heading-landscape {
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-bottom: 13px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 24px;
  display: flex;
}

.heading.content-page-heading-landscape.audio {
  text-shadow: 6px 6px #ff58763d;
  font-size: 32px;
  line-height: 45px;
}

.heading.content-page-heading-landscape.selected-av-content {
  color: #fff;
  margin-top: 51px;
  margin-bottom: 51px;
  font-size: 34px;
}

.heading.content-page-heading-square {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 30px;
  display: flex;
}

.heading.content-page-heading-landscape-subheading {
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-top: 49px;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: eb-garamond, sans-serif;
  font-size: 29px;
  display: flex;
}

.heading.content-page-heading-vertical {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 34px;
  display: flex;
}

.heading.heading-audio {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: eb-garamond, sans-serif;
  font-size: 29px;
  display: flex;
}

.heading.centered {
  justify-content: center;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
}

.heading.heading---lf-promo {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: none;
  white-space: normal;
  direction: ltr;
  background-image: none;
  justify-content: center;
  margin: 14px 0;
  padding-top: 65px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.heading.content-page-heading-landscape-sky-and-screen-replacement {
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 34px;
  display: flex;
}

.heading.heading---cuervo, .heading.heading---laser-bottle {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: none;
  white-space: normal;
  direction: ltr;
  background-image: none;
  justify-content: center;
  margin: 14px 0;
  padding-top: 65px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.site-title {
  z-index: 2;
  max-width: 76%;
  margin: 26px auto -34px;
  padding-bottom: 0;
  padding-left: 20px;
  display: block;
  position: relative;
}

.site-header {
  z-index: 0;
  position: relative;
}

.grid-hider {
  margin-bottom: 1007px;
}

.navbar {
  z-index: auto;
  background-color: #ebebeb00;
  flex-direction: row;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: visible;
}

.nav-item {
  color: #353434;
  letter-spacing: 5px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: proxima-soft, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 10px;
}

.nav-item:hover {
  color: #1c9aee;
}

.nav-item.w--current {
  color: #353434;
}

.nav-item.w--current:hover {
  text-shadow: 4px 4px #fff;
}

.nav-item.nav-contact {
  color: #034281;
}

.nav-item.nav-contact:hover {
  color: #fff;
  text-shadow: 3px 3px 6px #54afff;
  font-weight: 700;
}

.nav-item.nav-contact.w--current {
  color: #353434;
}

.section {
  max-width: none;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
}

.section.section---content-page-process {
  max-width: 91%;
  margin-top: 38px;
}

.section.section-motion-grid {
  max-width: none;
  margin-top: 0;
}

.section.section-motion-grid.ecobrut-playground-bg {
  background-blend-mode: multiply, overlay, normal, normal, normal;
  background-color: #beb5a0;
  background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png"), url("https://www.transparenttextures.com/patterns/concrete-wall-2.png"), linear-gradient(#f0ebe0 0%, #d4cbb8 40%, #beb5a0 100%);
  margin-top: -150px;
  padding-top: 150px;
}

.section.section---alt {
  mix-blend-mode: normal;
  background-image: radial-gradient(circle at 0 0, #0080ffd1, #fff0);
  border: 1px #000;
  max-width: 100%;
}

.section.section---footer {
  background-image: linear-gradient(344deg, #000000ab, #2967a5ed);
  margin-top: 0;
  position: sticky;
  bottom: auto;
}

.heading-2 {
  text-align: center;
  font-family: Vollkorn, serif;
  font-size: 30px;
  font-weight: 400;
}

.heading-2.motion-header {
  letter-spacing: 3px;
  white-space: normal;
  margin-top: 0;
  font-family: eb-garamond, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.twa-preview-link {
  margin-top: -21px;
}

.site-header-and-nav {
  z-index: 1000;
  position: relative;
}

.content-page-description {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 0;
  font-size: 23px;
}

.grid---square-feature-content {
  grid-template-rows: auto auto;
}

.content-page-wrapper {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.button---content-page-back-to-motion {
  color: #252525;
  text-align: center;
  letter-spacing: 3px;
  -webkit-text-fill-color: inherit;
  background-color: #8dc2f000;
  background-image: none;
  background-clip: content-box;
  border: 3px solid #fff;
  border-radius: 0;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  max-width: 22%;
  margin: 49px auto 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: proxima-soft, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.grid---twa-process-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 57px;
  margin-bottom: 133px;
  display: grid;
}

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

.lightbox-link {
  object-fit: fill;
  flex-direction: row-reverse;
  align-items: flex-start;
  display: block;
  overflow: visible;
}

.heading-3 {
  color: #fff;
  text-align: center;
  margin-top: 62px;
  margin-bottom: -21px;
  font-family: eb-garamond, sans-serif;
  font-size: 35px;
  font-weight: 400;
}

.heading-3.lost-and-found-heading-3 {
  margin-bottom: 11px;
  font-size: 25px;
}

.heading-3.lost-and-found-heading-3.lost-and-found {
  margin-top: 31px;
  font-size: 25px;
}

.heading-3.twa-heading-3 {
  font-size: 31px;
}

.heading-3.daisydisk-heading-3 {
  margin-bottom: -71px;
}

.heading-3.daisydisk-heading-3.daisydisk {
  margin-bottom: -110px;
}

.heading-3.cuervo-heading-3 {
  margin-bottom: 11px;
  font-size: 25px;
}

.heading-3.cuervo-heading-3.lost-and-found {
  margin-top: 31px;
  font-size: 25px;
}

.container {
  border: 1px #000;
  border-radius: 0;
  max-width: 68%;
  margin-left: auto;
  margin-right: auto;
}

.container.container---motion-grid {
  max-width: 58%;
  padding-top: 52px;
  position: relative;
}

.container.container---landscape-motion-feature {
  max-width: 88%;
  margin-top: 57px;
}

.container.container---landscape-motion-feature.audio {
  max-width: 89%;
  display: flex;
}

.container.container---landscape-motion-feature.penguins {
  max-width: 88%;
}

.container.container---process {
  max-width: 54%;
}

.container.container---footer-about {
  max-width: 65%;
  padding-top: 0;
  padding-bottom: 48px;
}

.container.container---square-motion-feature-copy {
  max-width: 68%;
  margin-top: 12px;
}

.container.container---vertical-motion-feature-copy-copy {
  max-width: 36%;
  margin-top: 57px;
}

.container.container---contact-form {
  max-width: 53%;
}

.container.container-design-grid {
  object-fit: fill;
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  max-width: 90%;
  display: flex;
  overflow: visible;
}

.container.container-photography-grid {
  object-fit: fill;
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  max-width: 90%;
  margin-bottom: 81px;
  display: flex;
  overflow: visible;
}

.grid-4 {
  grid-template-columns: 1fr;
}

.gallery {
  padding-top: 100px;
  padding-bottom: 100px;
}

.references-container {
  text-align: center;
  flex: 1;
}

.grid---twa-ref-gallery {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 40px;
  display: grid;
}

.gallery-thumbnail {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.div---process {
  max-width: 63%;
  margin-left: auto;
  margin-right: auto;
}

.div---process.laserbottle {
  max-width: 30%;
}

.paragraph-light-blue {
  color: #bfe2ff;
  padding-top: 0;
  font-family: eb-garamond, sans-serif;
  font-size: 25px;
}

.paragraph-light-blue.paragraph---footer-text {
  padding-top: 0;
  padding-bottom: 0;
}

.paragraph-light-blue.paragraph---footer-bio {
  padding-top: 39px;
  font-family: proxima-soft, sans-serif;
  font-size: 19px;
}

.paragraph-light-blue.paragraph---footer-list {
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: proxima-soft, sans-serif;
  font-size: 19px;
}

.paragraph-light-blue.paragraph---footer-list.paragraph---footer-get-in-touch {
  text-shadow: 0 0 13px #fff;
  margin-top: 14px;
}

.paragraph-light-blue.paragraph---footer-nice-day {
  text-align: center;
  margin-top: 0;
  margin-bottom: 14px;
  padding-top: 33px;
  font-family: proxima-soft, sans-serif;
  font-size: 19px;
}

.paragraph-light-blue.paragraph---footer-smile {
  text-align: center;
  margin-top: -27px;
  margin-bottom: 0;
  font-size: 35px;
}

.grid---footer {
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: 1.75fr 1fr 1fr;
  margin-top: 77px;
}

.text-span {
  color: #fff;
  font-family: proxima-soft, sans-serif;
}

.grid-5 {
  grid-template-columns: 1fr;
}

.button---back-to-motion-big {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  -webkit-text-fill-color: inherit;
  background-color: #ff797b;
  background-image: radial-gradient(circle closest-corner, #ffa78778, #fff0);
  background-clip: border-box;
  border: 2px solid #fff;
  border-radius: 9px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  max-width: 25%;
  margin: 125px auto 0;
  padding-top: 17px;
  padding-bottom: 17px;
  font-family: proxima-soft, sans-serif;
  font-size: 19px;
  font-weight: 400;
  display: flex;
}

.button---back-to-motion-big.daisydisk {
  max-width: 42%;
}

.button---back-to-motion-big.design {
  max-width: 50%;
  margin-top: 56px;
  margin-bottom: 56px;
}

.button---back-to-motion-big.photo {
  margin-top: 42px;
  margin-bottom: 42px;
}

.button---back-to-motion-big.audio {
  margin-top: 24px;
  margin-bottom: 79px;
}

.div---spacer {
  padding-top: 90px;
}

.grid-6 {
  grid-template-columns: 1fr;
}

.div-spacer-grid-square {
  float: none;
  clear: none;
  flex: 1;
  margin-top: 134px;
  margin-bottom: -103px;
  margin-left: 0;
  overflow: visible;
}

.div-grid---block-design {
  float: right;
  clear: none;
  object-fit: fill;
  flex-flow: wrap;
  flex: 0 auto;
  order: 0;
  place-content: stretch center;
  align-self: auto;
  align-items: center;
  min-width: 75%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.div-grid---block-design.midway-videos {
  min-width: 61%;
}

.div-grid---block-design.audio {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 24%;
  max-width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.div-grid---block-design.selected-audio {
  min-width: 66%;
  max-width: 81%;
}

.div-grid---block-design.penguin-gif {
  min-width: 50%;
  max-width: 50%;
  margin-top: 52px;
}

.div-grid---block-design.penguins {
  margin-top: 48px;
}

.div-grid---block-design.one-sheets {
  max-width: 0%;
}

.div-grid---margin-and-padding-design {
  min-width: 100%;
  margin: 5px;
  display: block;
}

.div-grid---content-design {
  float: none;
  clear: none;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.div-grid---content-design.audio {
  text-align: left;
  margin-top: 28px;
  margin-left: -8px;
  margin-right: auto;
  padding-right: 0;
  display: inline-block;
}

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

.div-block---square-feature-content {
  clear: none;
  display: inline;
}

.div-block---square-feature-title {
  display: flex;
}

.div-block---square-feature-title.audio {
  padding-bottom: 0;
}

.list {
  margin-left: -5px;
}

.div-square-content-feature, .div-landscape-content-feature {
  line-height: 1.6;
}

.div-landscape-content-feature.audio {
  max-width: 88%;
  padding-left: 114px;
}

.div-landscape-content-feature.daisydisk-formats {
  min-width: auto;
  max-width: 62%;
  margin-top: 93px;
  margin-left: auto;
  margin-right: auto;
}

.div-landscape-content-feature.penguins {
  min-width: 100%;
}

.div-block---landscape-feature-content-copy {
  flex-flow: column wrap;
  place-content: space-around center;
  align-items: center;
  display: flex;
}

.content-page-description-landscape {
  max-width: 64%;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 0;
  font-size: 19px;
  display: block;
  position: relative;
}

.content-page-description-landscape.tiktok-description {
  text-align: left;
}

.content-page-description-landscape.daisydisk-formats {
  text-align: center;
}

.content-page-description-landscape.audio {
  text-align: left;
  display: inline;
  position: relative;
}

.content-page-description-landscape.audio-selected-content {
  text-align: center;
  margin-top: -32px;
  margin-bottom: 51px;
}

.div-grid---block-square {
  object-fit: fill;
  flex: 1;
  align-self: auto;
  min-width: 59%;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.div-block---square-feature-title-square {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-grid---margin-and-padding-square {
  min-width: 93.461%;
  margin: 16px;
}

.content-page-description-square {
  float: none;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 0;
  font-size: 20px;
  line-height: 1.3;
  display: block;
}

.video-square {
  clear: none;
  object-fit: fill;
  max-width: none;
  margin-left: auto;
  display: inline-block;
  position: relative;
}

.button---back-to-motion-big-crayon-soul-blips {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  -webkit-text-fill-color: inherit;
  background-color: #ff797b;
  background-image: radial-gradient(circle closest-corner, #ffa78778, #fff0);
  background-clip: border-box;
  border: 2px solid #fff;
  border-radius: 9px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  max-width: 66%;
  margin: -55px auto 118px;
  padding-top: 21px;
  padding-bottom: 21px;
  font-family: proxima-soft, sans-serif;
  font-size: 25px;
  font-weight: 400;
  display: flex;
}

.content-page-description-landscape-centered {
  text-align: center;
  max-width: 81%;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 0;
  font-size: 23px;
}

.div-block---vertical-feature-title-square-copy {
  display: inline;
}

.div-grid---block-vertical {
  object-fit: fill;
  flex: 1;
  align-self: auto;
  min-width: 90%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.div-grid---margin-and-padding-vertical {
  min-width: 93.461%;
  margin: 16px;
}

.div-spacer-grid-vertical {
  float: none;
  clear: none;
  flex: 1;
  margin-top: 134px;
  margin-bottom: -103px;
  margin-left: 0;
  overflow: visible;
}

.div-block---vertical-feature-content {
  justify-content: space-around;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.content-page-description-vertical {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 0;
  font-size: 23px;
}

.lost-found-preview-vid {
  margin-top: 43px;
}

.gallery-lightbox---open-your-mind {
  margin-top: 12px;
  position: relative;
  overflow: hidden;
}

.gallery-lightbox---birds-of-canada {
  position: relative;
  overflow: hidden;
}

.header---contact {
  text-align: center;
  align-items: flex-start;
  margin-bottom: 12px;
  font-weight: 400;
  display: block;
}

.header---contact.content-page-heading {
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 34px;
  display: flex;
}

.header---contact.heading---process {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: none;
  white-space: normal;
  direction: ltr;
  background-image: none;
  margin: 62px 0 72px;
  padding-top: 65px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 55px;
  font-weight: 400;
}

.header---contact.content-page-heading-landscape, .header---contact.content-page-heading-square {
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 34px;
  display: flex;
}

.header---contact.content-page-heading-landscape-subheading {
  text-align: right;
  justify-content: center;
  align-items: center;
  margin-top: 49px;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: eb-garamond, sans-serif;
  font-size: 29px;
  display: flex;
}

.header---contact.content-page-heading-vertical {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0;
  font-family: proxima-soft, sans-serif;
  font-size: 34px;
  display: flex;
}

.text-field {
  padding-top: 23px;
  padding-bottom: 26px;
  font-family: proxima-soft, sans-serif;
  font-size: 24px;
  display: block;
}

.text-field.contact-form-message {
  padding-bottom: 160px;
}

.text-field-contact-form {
  padding-top: 23px;
  padding-bottom: 89px;
  font-family: proxima-soft, sans-serif;
  font-size: 24px;
  display: block;
}

.field-label {
  font-family: proxima-soft, sans-serif;
}

.submit-button {
  background-color: #3898ec00;
  background-image: linear-gradient(225deg, #fff, var(--nav-light-red));
  color: #1a0000;
  border: 2px solid #000;
  border-radius: 9px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 51px;
  padding-right: 51px;
  font-family: proxima-soft, sans-serif;
  display: block;
}

.subnav-link {
  text-align: center;
  letter-spacing: 5px;
  padding-top: 19px;
  padding-bottom: 19px;
  font-family: proxima-soft, sans-serif;
  font-size: 15px;
}

.subnav-link:hover {
  background-color: #ff9494;
}

.subnav-link:active {
  background-color: #ffd694;
}

.dropdown-list {
  background-color: var(--nav-light-red);
}

.dropdown-list.w--open {
  background-color: var(--light-sky-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  margin-left: -53px;
  display: flex;
  left: 53px;
}

.image-2 {
  margin-top: 12px;
}

.div-block-8 {
  margin-top: 69px;
}

.list-2 {
  margin-top: 44px;
}

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

.paragraph---audio {
  font-size: 22px;
}

.column {
  margin-top: 24px;
}

.html-embed-3 {
  margin-top: 49px;
}

.column-2 {
  margin-top: 50px;
}

.gallery-overview {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

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

.gallery-features-block {
  margin-top: 16px;
  margin-bottom: 24px;
}

.gallery-feature {
  background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 8px;
  padding-left: 30px;
  font-size: 14px;
  line-height: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.gallery-grid {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-image {
  width: 100%;
}

.gallery-image.shadow-two {
  mix-blend-mode: normal;
}

.gallery-image.shadow-two.multiplied {
  mix-blend-mode: multiply;
}

.gallery-scroll {
  background-color: #f5f7fa00;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.gallery-sticky {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 80px;
}

.gallery-link {
  color: #1a1b1f;
  margin-bottom: 35px;
  font-family: proxima-soft, sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}

.gallery-link:hover {
  color: #1a1b1fcc;
}

.gallery-link.w--current {
  font-family: proxima-soft, sans-serif;
  font-weight: 600;
}

.gallery-image-wrapper {
  position: relative;
}

.gallery-image-wrapper.vertical-vid {
  max-width: 50%;
}

.gallery-image-text {
  color: #f5f7fa;
  margin-bottom: 0;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.grid-7 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.lightbox-link-2 {
  display: block;
  overflow: visible;
}

.lightbox-link-design {
  float: none;
  flex-flow: row;
  place-content: flex-start center;
  align-items: center;
  max-width: 52%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  overflow: visible;
}

.lightbox-link-design-bigger {
  display: block;
  overflow: visible;
}

.div-grid---block-design-bigger {
  float: left;
  clear: none;
  object-fit: fill;
  flex: 1;
  align-self: auto;
  min-width: 50%;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.div-grid---block-design-bigger.centered {
  float: none;
  flex-direction: row;
  min-width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-grid---block-photo {
  float: right;
  clear: none;
  object-fit: fill;
  flex-wrap: wrap;
  flex: 0 auto;
  order: 1;
  place-content: stretch center;
  align-self: auto;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.link {
  color: #dbeaf6;
  text-decoration: none;
}

.link.w--current {
  color: #d8edff;
}

.grid---lf-countdown-loops {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 57px;
  margin-bottom: 18px;
  display: grid;
}

.video-2 {
  max-width: 100%;
  margin-top: 46px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph {
  max-width: 80%;
  margin-top: 37px;
}

.paragraph-2 {
  margin-top: 27px;
  font-size: 19px;
}

.lost-found-other-content-container {
  text-align: center;
  flex: 1;
}

.grid-8 {
  grid-template-rows: auto auto auto;
  margin-top: 48px;
}

.div-block---square-feature-content-youre-not-crazy {
  clear: none;
  display: inline;
}

.button---back-to-motion-big-sky-and-screen-replacement {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  -webkit-text-fill-color: inherit;
  background-color: #ff797b;
  background-image: radial-gradient(circle closest-corner, #ffa78778, #fff0);
  background-clip: border-box;
  border: 2px solid #fff;
  border-radius: 9px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  max-width: 66%;
  margin: 33px auto 118px;
  padding-top: 21px;
  padding-bottom: 21px;
  font-family: proxima-soft, sans-serif;
  font-size: 25px;
  font-weight: 400;
  display: flex;
}

.content-page-description-landscape-midway {
  max-width: 62%;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 0;
  font-size: 19px;
}

.image-3 {
  max-width: 74%;
  margin-top: 49px;
}

.midway-bts-container {
  text-align: center;
  flex: 1;
  margin-top: -80px;
}

.gallery-lightbox---feelings-3d {
  position: relative;
  overflow: hidden;
}

.grid-9 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.link-block {
  margin-top: -42px;
}

.image-4.photo-image {
  max-width: 145%;
}

.div-block---landscape-feature-content-audio {
  flex-flow: column wrap;
  place-content: space-around center;
  align-items: center;
  max-width: 81%;
  margin-left: -94px;
  margin-right: auto;
  display: block;
}

.footer-link {
  color: #bfe2ff;
  text-decoration: none;
}

.get-in-touch {
  color: #fff;
  text-decoration: none;
}

.photo-image {
  max-width: 152%;
}

.link-block-2 {
  margin-top: 33px;
}

.link-block-3 {
  margin-top: -8px;
}

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

.link-block-4.w--current {
  margin-left: auto;
  margin-right: auto;
}

.audio-page-list-link {
  color: #fff;
  text-shadow: 0 0 9px #0000007a;
}

.grid-10 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.lightbox-link-3 {
  margin-top: -94px;
}

.link-block---eli-holding-this-in {
  margin-top: -35px;
}

.div-grid---block-vertical-eli {
  object-fit: fill;
  flex: 1;
  align-self: auto;
  min-width: 90%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.div-block---vertical-feature-content-eli {
  justify-content: space-around;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.gallery-scroll-2 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.gallery-sticky-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 80px;
}

.heading-4 {
  font-family: eb-garamond, sans-serif;
}

.text-block {
  font-family: proxima-soft, sans-serif;
  font-weight: 400;
}

.cuervo-other-content-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.video-vertical-cuervo {
  clear: none;
  object-fit: fill;
  max-width: none;
  margin-left: auto;
  display: flex;
  position: relative;
}

.div-grid---block-vertical-cuervo {
  object-fit: fill;
  flex: 1;
  align-self: auto;
  min-width: 90%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.div-grid---margin-and-padding-vertical-cuervo {
  min-width: 93.461%;
  margin: 16px;
}

.paragraph-2-cuervo {
  text-align: center;
  margin-top: 27px;
  font-size: 19px;
}

.content-page-description-vertical-cuervo {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 0;
  font-size: 23px;
}

.grid-11 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr;
  grid-auto-columns: 1fr;
}

.video-loreal-vertical {
  justify-content: center;
  align-items: flex-end;
  display: inline-block;
}

.image-5 {
  max-width: 0%;
}

.laser-bottle-alt-video {
  text-align: center;
  flex: 1;
}

.ecobrut-section-stone {
  background-color: #d4cbb8;
  background-image: linear-gradient(135deg, #d4cbb8 0%, #ffd4c2 100%);
  padding: 120px 5%;
}

.ecobrut-section-dark {
  background-color: #3a3a3a;
  padding: 120px 5%;
}

.ecobrut-heading-large {
  color: #1a1a1a;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.1;
}

.ecobrut-text-body {
  color: #1a1a1a;
  max-width: 800px;
  font-size: 20px;
  line-height: 1.6;
}

.test-pastel-accent {
  background-color: #ffd4c2;
  border-radius: 4px;
  padding: 12px 24px;
}

.body-playground-ecobrut {
  background-color: #3a3a3a;
  background-image: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 50%, #d4cbb8 100%);
}

.ecobrut-plant-corner {
  z-index: 5;
  opacity: 1;
  pointer-events: none;
  width: 350px;
  height: auto;
  position: absolute;
  top: -88px;
  left: -175px;
}

.svg {
  position: static;
  left: -130px;
}

.ecobrut-plant-corner-right {
  z-index: 5;
  opacity: 1;
  pointer-events: none;
  width: 350px;
  height: auto;
  position: absolute;
  top: -88px;
  right: -175px;
  transform: scaleX(-1);
}

.ecobrut-stripe-blue {
  z-index: 1;
  pointer-events: none;
  transform-origin: center;
  z-index: 1;
  pointer-events: none;
  background-color: #645a501f;
  width: 150%;
  height: 30%;
  position: absolute;
  top: -4%;
  left: -25%;
  transform: rotate(-15deg);
  box-shadow: 0 8px 24px #3c322826, 0 4px 12px #00000014;
}

.ecobrut-stripe-orange {
  z-index: 1;
  pointer-events: none;
  transform-origin: center;
  z-index: 1;
  pointer-events: none;
  background-color: #6e5f551a;
  width: 500%;
  height: 40%;
  position: absolute;
  top: 3%;
  left: auto;
  right: -25%;
  transform: rotate(15deg);
  box-shadow: 0 8px 24px #463c321f, 0 4px 12px #0000000f;
}

.brutalist-slab-left {
  z-index: 1;
  pointer-events: none;
  background-blend-mode: multiply;
  background-color: #a8a095;
  background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");
  width: 80px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 12px 0 32px #00000040, 6px 0 16px #00000026;
}

.brutalist-beam-top {
  z-index: 1;
  pointer-events: none;
  background-blend-mode: multiply;
  background-color: #b5ab98;
  background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");
  width: 45%;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 12px 32px #00000040, 0 6px 16px #00000026;
}

.brutalist-block-corner {
  z-index: 1;
  pointer-events: none;
  background-blend-mode: multiply;
  background-color: #9d9485;
  background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");
  width: 120px;
  height: 90px;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: -8px -8px 24px #0003, -4px -4px 12px #0000001a;
}

.hero-video-section {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

.section-2 {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.video-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-signature-2025-sandbox {
  z-index: 9;
  object-fit: fill;
  width: auto;
  max-width: 35vw;
  height: auto;
  position: absolute;
  bottom: 11px;
  left: -4px;
}

.hero-tagline-2025-sandbox {
  z-index: 10;
  color: #fff;
  letter-spacing: 1px;
  font-family: lotus-eden, sans-serif;
  font-size: 2vw;
  font-weight: 800;
  position: absolute;
  bottom: 40px;
  right: 40px;
}

.project-card-circle-deco {
  z-index: 1;
  background-color: #f5f0e8;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
}

.project-card-circle-deco.is-top-right {
  z-index: 1;
  width: 300px;
  height: 300px;
  top: -80px;
  right: 232px;
}

.project-card-circle-deco.is-bottom-left {
  z-index: 1;
  width: 300px;
  height: 300px;
  bottom: 98px;
  left: -40px;
}

.project-card-label-circle {
  z-index: 50;
  background-color: #f5f0e8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: flex;
  position: absolute;
  bottom: -77px;
  right: -60px;
}

.project-card-label-text {
  color: #2a3a4a;
  white-space: nowrap;
  margin-bottom: 129px;
  margin-right: 93px;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 28px;
  font-style: italic;
  line-height: 1;
  display: flex;
}

.project-card-subhead {
  opacity: 0;
  color: #462707;
  white-space: nowrap;
  margin-top: 6px;
  padding-left: 131px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.2;
  display: inline-block;
}

.section-project-card {
  background-image: linear-gradient(135deg, #b98a64 26%, #70afca 88%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding: 143px 40px 100px;
  display: flex;
}

.project-card-container {
  width: 100%;
  max-width: 900px;
  margin-left: 0;
  position: relative;
}

.div-block-10 {
  z-index: 2;
  background-color: #8b0000;
  border: 4px #f5f0e8;
  border-radius: 150px;
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.div-block-11 {
  z-index: 100;
  border-radius: 150px;
  width: 100%;
  padding: 5px;
  position: relative;
}

.div-block-12 {
  z-index: 100;
  border-radius: 150px;
  padding: 5px;
  position: relative;
}

.section-ai {
  background-color: #f5f0e8;
  width: 100%;
  padding: 0;
}

.section-ai1 {
  aspect-ratio: 1920 / 1125;
  background-color: #da8358;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ai-triangle-outline-wrapper {
  position: absolute;
}

.ai-triangle-blue-wrap {
  z-index: 3;
  width: 42vw;
  height: 0;
  padding-bottom: 7.22vw;
  position: absolute;
  top: 12.46vw;
  left: 23.5vw;
}

.ai-triangle-gradient-wrap {
  width: 100%;
  height: 0;
  padding-bottom: 86.67px;
  position: absolute;
}

.ai-triangle-outline-wrap {
  z-index: 1;
  width: 37vw;
  height: 0;
  padding-bottom: 7.22vw;
  position: absolute;
  top: 14.35vw;
  left: 45.31vw;
}

.code-embed {
  position: absolute;
  top: 0;
}

.ai-triangle-gradient-wrapper {
  width: 56vw;
  height: 0;
  padding-bottom: 7.22vw;
  position: absolute;
  top: 7.29vw;
  left: 35.38vw;
}

.image-6 {
  display: inline-block;
  position: static;
  inset: 0;
}

.div-hexatron {
  z-index: 4;
  max-width: 20vw;
  position: absolute;
  top: 14.54vw;
  left: 30.13vw;
}

.div-yori {
  z-index: 4;
  max-width: 17.5vw;
  position: absolute;
  top: 48.04vw;
  left: 40.59vw;
}

.div-bottle-membrane {
  z-index: 4;
  max-width: 21.67vw;
  position: absolute;
  top: 21.04vw;
  left: 55.64vw;
}

.div-stealth-ha {
  z-index: 4;
  max-width: 15vw;
  position: absolute;
  top: 49.54vw;
  left: 65.29vw;
}

.text-ai-header {
  color: #5f4443;
  z-index: 6;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 10.83vw;
  font-style: italic;
  position: absolute;
  top: 57.21vw;
  left: 24.13vw;
}

.text-ai-subheader {
  z-index: 6;
  color: #5f4443;
  white-space: nowrap;
  z-index: 6;
  white-space: nowrap;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 2.33vw;
  font-style: italic;
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 60.17%;
  left: 30.71vw;
}

.body-2 {
  background-image: linear-gradient(#f5f0e8, #f5f0e8);
}

.border-overlay {
  z-index: 200;
  pointer-events: none;
  border: 1px solid #462707;
  border-radius: 150px;
  position: absolute;
  inset: 0;
}

.section-project-background-aboutinfo {
  background-color: #e35734;
  background-image: linear-gradient(#e35734 0%, #b98a65 100%);
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 1080px;
  padding: 188px 0 212px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-inner-rect-text {
  z-index: 200;
  pointer-events: none;
  border: 1px solid #462707;
  border-radius: 0;
  position: absolute;
  inset: 0;
}

.main2-about-frame {
  box-sizing: border-box;
  background-color: #0000;
  border: 1px solid #482a0a;
  border-radius: 1px;
  width: 1099px;
  height: 680px;
  display: none;
  position: absolute;
  top: 188px;
  left: 412px;
}

.main2-clients-box {
  box-sizing: border-box;
  background-color: #d9d9d9;
  border: 1px solid #482a0a;
  width: 417px;
  height: 260px;
  padding: 40px 8px 8px 30px;
  display: none;
  position: absolute;
  top: 608px;
  left: 412px;
}

.main2-clients-text {
  color: #482a0a;
  letter-spacing: -.187px;
  white-space: pre-wrap;
  width: 379px;
  margin: 0;
  font-family: Cutive, Georgia, serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.main2-about-copy {
  color: #482a0a;
  letter-spacing: -.319px;
  width: 523px;
  margin: 0;
  font-family: Cutive, Georgia, serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.5;
  display: none;
  position: absolute;
  top: 384px;
  left: 908px;
}

.main2-clients-frame {
  box-sizing: border-box;
  background-color: #0000;
  border: 1px solid #482a0a;
  border-radius: 1px;
  width: 417px;
  height: 260em;
  padding: 30px 8px 8px 30px;
  position: absolute;
  top: 608px;
  left: 412px;
}

.legacy-hidden {
  display: none;
}

.pitch-layout {
  width: 1100px;
  max-width: 100%;
  display: none;
  position: relative;
}

.pitch-main-box {
  box-sizing: border-box;
  border: 1px solid #482a0a;
  align-items: stretch;
  width: 100%;
  min-height: 500px;
  padding: 60px;
  display: flex;
  position: relative;
}

.pitch-left {
  flex-shrink: 0;
  width: 380px;
  margin-right: 60px;
}

.pitch-right {
  flex-grow: 1;
  align-items: center;
  display: flex;
}

.pitch-portrait {
  box-sizing: border-box;
  background-color: #d9d9d9;
  border: 1px solid #482a0a;
  width: 100%;
  height: 380px;
  margin-bottom: 20px;
}

.pitch-clients {
  box-sizing: border-box;
  background-color: #d9d9d9;
  border: 1px solid #482a0a;
  width: 100%;
  padding: 30px;
}

.pitch-clients-text {
  color: #482a0a;
  letter-spacing: -.2px;
  white-space: pre-wrap;
  margin: 0;
  font-family: Cutive, Georgia, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.pitch-bio {
  color: #482a0a;
  letter-spacing: -.3px;
  margin: 0;
  font-family: Cutive, Georgia, serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 1.5;
}

.main2-pitch-stage {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-shrink: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 900px;
  max-width: 900px;
  height: 557px;
  display: block;
  position: relative;
  top: auto;
}

.main2-about-frame-figma {
  box-sizing: border-box;
  background-color: #0000;
  border: 1px solid #482a0a;
  width: 900px;
  max-width: 90vw;
  height: 557px;
  position: absolute;
  top: 0;
  left: 0;
}

.main2-clients-box-figma {
  box-sizing: border-box;
  background-color: #d9d9d9;
  border-right: 1px solid #482a0a;
  width: 37.9%;
  height: 38.1%;
  padding: 33px 7px 7px 25px;
  position: absolute;
  top: 61.8%;
  left: 0%;
}

.main2-clients-text-figma {
  color: #482a0a;
  letter-spacing: -.15px;
  white-space: pre-wrap;
  width: 310px;
  margin: 0;
  font-family: hepta-slab, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.main2-about-copy-figma {
  color: #482a0a;
  letter-spacing: -.26px;
  letter-spacing: -.26px;
  width: 47.6%;
  margin: 0;
  font-family: Cutive, Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  top: 28.9%;
  left: 45.1%;
}

.main2-outer-box-figma {
  z-index: 0;
  box-sizing: border-box;
  background-color: #0000;
  border: 0 solid #482a0a;
  width: 3459px;
  height: 1946px;
  margin-left: -2767.5px;
  position: absolute;
  top: -628px;
  left: 50%;
}

.main2-top-left-box-figma {
  opacity: .85;
  opacity: .85;
  background-image: none;
  border-bottom: 1px solid #482a0a;
  border-right: 1px solid #482a0a;
  width: 37.9%;
  height: 61.6%;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
}

.hex4-section {
  aspect-ratio: 1920 / 1125;
  background-color: #da8358;
  width: 100%;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.hex4-left-outline {
  z-index: 1;
  transform-origin: center;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cpolygon%20points%3D%270%2C200%20500%2C0%20500%2C400%27%20fill%3D%27none%27%20stroke%3D%27%23613e2a%27%20stroke-opacity%3D%270.78%27%20stroke-width%3D%272%27%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24%;
  height: 50.5%;
  position: absolute;
  top: 7%;
  left: 5%;
  transform: none;
}

.hex4-left-white {
  z-index: 2;
  transform-origin: center;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cpolygon%20points%3D%270%2C200%20500%2C0%20500%2C400%27%20fill%3D%27%23f0ece6%27%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24%;
  height: 50.5%;
  position: absolute;
  top: 7%;
  left: 6.8%;
  transform: none;
}

.hex4-left-placeholder {
  z-index: 3;
  transform-origin: center;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%235a90bc%27%2F%3E%3Cstop%20offset%3D%2755%25%27%20stop-color%3D%27%2379a6cb%27%2F%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%2386b5d6%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%270%2C200%20500%2C0%20500%2C400%27%20fill%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 23%;
  height: 49.2%;
  position: absolute;
  top: 7.8%;
  left: 9.3%;
  transform: none;
}

.hex4-right-outline {
  z-index: 4;
  transform-origin: center;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cpolygon%20points%3D%270%2C0%20500%2C200%200%2C400%27%20fill%3D%27none%27%20stroke%3D%27%23613e2a%27%20stroke-opacity%3D%270.78%27%20stroke-width%3D%272%27%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 25.6%;
  height: 43.6%;
  position: absolute;
  top: 16.2%;
  left: 58%;
  transform: none;
}

.hex4-right-white {
  z-index: 5;
  transform-origin: center;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cpolygon%20points%3D%270%2C0%20500%2C200%200%2C400%27%20fill%3D%27%23f0ece6%27%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 25.6%;
  height: 43.6%;
  position: absolute;
  top: 16.2%;
  left: 56.1%;
  transform: none;
}

.hex4-right-placeholder {
  z-index: 6;
  transform-origin: center;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23c9a04b%27%2F%3E%3Cstop%20offset%3D%2754%25%27%20stop-color%3D%27%23d7b35a%27%2F%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23e2c56c%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%270%2C0%20500%2C200%200%2C400%27%20fill%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24.8%;
  height: 42.4%;
  position: absolute;
  top: 17.3%;
  left: 54%;
  transform: none;
}

.hex4-text {
  z-index: 7;
  color: #ece7df;
  letter-spacing: -.319px;
  white-space: pre-wrap;
  width: 16.5%;
  margin: 0;
  font-family: Cutive, Georgia, serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.18;
  position: absolute;
  top: 68%;
  left: 30.5%;
}

.m4-hex-stage {
  aspect-ratio: 1120 / 660;
  width: 78%;
  max-width: 1120px;
  display: none;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m4-hex-left-outline {
  z-index: 1;
  background-image: url("https://www.figma.com/api/mcp/asset/9af55730-6b04-4acf-8bf5-d0a2a3c49321");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 43.5%;
  height: 75%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.m4-hex-left-white {
  z-index: 2;
  background-image: url("https://www.figma.com/api/mcp/asset/d9ebd163-9682-4119-accf-d7a2807ea681");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 43.5%;
  height: 75%;
  position: absolute;
  top: 0%;
  left: 3.5%;
}

.m4-hex-left-fill {
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%235f94bf%27%2F%3E%3Cstop%20offset%3D%2758%25%27%20stop-color%3D%27%237da7cb%27%2F%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%238cb8d8%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%270%2C200%20500%2C0%20500%2C400%27%20fill%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 42%;
  height: 73%;
  position: absolute;
  top: 1%;
  left: 8.5%;
}

.m4-hex-right-outline {
  z-index: 4;
  background-image: url("https://www.figma.com/api/mcp/asset/171bb7ec-635c-4ad3-8ad3-55a3b8dbf840");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 40%;
  height: 66%;
  position: absolute;
  top: 18.5%;
  left: 58.5%;
}

.m4-hex-right-white {
  z-index: 5;
  background-image: url("https://www.figma.com/api/mcp/asset/8970b8fe-ad0a-46e7-81c8-fe392e579d78");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 40%;
  height: 66%;
  position: absolute;
  top: 18.5%;
  left: 54.9%;
}

.m4-hex-right-fill {
  z-index: 6;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20500%20400%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23cca74d%27%2F%3E%3Cstop%20offset%3D%2755%25%27%20stop-color%3D%27%23d8b760%27%2F%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23e4ca78%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%270%2C0%20500%2C200%200%2C400%27%20fill%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 38.8%;
  height: 64%;
  position: absolute;
  top: 19.6%;
  left: 50.5%;
}

.m4-hex-text {
  z-index: 7;
  color: #ece7df;
  letter-spacing: -.319px;
  width: 24%;
  font-family: Cutive, Georgia, serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.22;
  position: absolute;
  top: 79%;
  left: 27.5%;
}

.m4-hex-composite {
  aspect-ratio: 1120 / 660;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201120%20660%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22blue%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235f94bf%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2258%25%22%20stop-color%3D%22%237da7cb%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%238cb8d8%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23cca74d%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%23d8b760%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23e4ca78%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22blueGlow%22%20cx%3D%2271%25%22%20cy%3D%2218%25%22%20r%3D%2220%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0.22%29%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0%29%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22goldGlow%22%20cx%3D%2230%25%22%20cy%3D%2222%25%22%20r%3D%2220%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0.18%29%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0%29%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpolygon%20points%3D%2230%2C250%20460%2C0%20460%2C500%22%20fill%3D%22none%22%20stroke%3D%22%23613e2a%22%20stroke-opacity%3D%220.78%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%2266%2C250%20496%2C0%20496%2C500%22%20fill%3D%22%23f0ece6%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22118%2C258%20548%2C8%20548%2C508%22%20fill%3D%22url%28%23blue%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22430%22%20cy%3D%2295%22%20r%3D%2264%22%20fill%3D%22url%28%23blueGlow%29%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22708%2C136%201120%2C340%20708%2C544%22%20fill%3D%22none%22%20stroke%3D%22%23613e2a%22%20stroke-opacity%3D%220.78%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22660%2C136%201072%2C340%20660%2C544%22%20fill%3D%22%23f0ece6%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22608%2C154%201020%2C358%20608%2C562%22%20fill%3D%22url%28%23gold%29%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22740%22%20cy%3D%22188%22%20r%3D%2262%22%20fill%3D%22url%28%23goldGlow%29%22%2F%3E%0A%20%20%3Ctext%20x%3D%22338%22%20y%3D%22570%22%20fill%3D%22%23ece7df%22%20font-size%3D%2229%22%20font-family%3D%22Georgia%2C%20serif%22%3EAI%20Systems%20with%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%22338%22%20y%3D%22611%22%20fill%3D%22%23ece7df%22%20font-size%3D%2229%22%20font-family%3D%22Georgia%2C%20serif%22%3EPersonality%3C%2Ftext%3E%0A%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 78%;
  max-width: 1120px;
  display: none;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m4-hex-composite.m4-hidden-composite {
  display: none;
}

.m4-ref-stage {
  aspect-ratio: 1120 / 660;
  width: 1273px;
  max-width: 1273px;
  position: relative;
}

.m4-left-outline-outer {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 51.87%;
  display: flex;
  position: absolute;
  top: 0%;
  left: 8.39%;
}

.m4-left-white-outer {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 51.87%;
  display: flex;
  position: absolute;
  top: 0%;
  left: 10.99%;
}

.m4-left-fill-outer {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 51.87%;
  display: flex;
  position: absolute;
  top: .61%;
  left: 14.61%;
}

.m4-left-rotator {
  aspect-ratio: 1;
  width: 73.15%;
  position: relative;
  transform: rotate(30.16deg);
}

.m4-left-rotator.is-flat {
  transform: none;
}

.m4-left-outline-shape {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 630.881 546.359' fill='none'%3E%3Cpath d='M630.016 545.859H0.865234L315.44 1L630.016 545.859Z' stroke='%23462807'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  inset: 0% 6.7% 25%;
}

.m4-left-white-shape {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 630.881 546.359' fill='none'%3E%3Cpath d='M315.441 0L630.881 546.359H0L315.441 0Z' fill='%23F5F0E8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  inset: 0% 6.7% 25%;
}

.m4-left-fill-shape {
  clip-path: polygon(0% 50%, 75.1% 6.8%, 75.1% 93.2%);
  background-image: url("https://cdn.prod.website-files.com/627b368efc55622ab3864eb9/69b8c7022beb1d50ae2ee35f_Hexatron-Blue-BG-Rough-bigger.jpg");
  background-position: 49% 48%;
  background-repeat: no-repeat;
  background-size: 219%;
  position: absolute;
  inset: 0%;
}

.m4-right-outline-outer {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 37.94%;
  display: flex;
  position: absolute;
  top: 24.44%;
  left: 49.01%;
}

.m4-right-white-outer {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 37.94%;
  display: flex;
  position: absolute;
  top: 24.44%;
  left: 46.51%;
}

.m4-right-fill-outer {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 37.94%;
  display: flex;
  position: absolute;
  top: 25.78%;
  left: 44.01%;
}

.m4-right-rotator {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  transform: rotate(90deg);
}

.m4-right-rotator.is-flat, .m4-right-rotator.no-rotate {
  transform: none;
}

.m4-right-outline-shape {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 630.881 546.359' fill='none'%3E%3Cpath d='M630.016 545.859H0.865234L315.44 1L630.016 545.859Z' stroke='%23462807'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  inset: 0% 6.7% 25%;
}

.m4-right-white-shape {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 630.881 546.359' fill='none'%3E%3Cpath d='M315.441 0L630.881 546.359H0L315.441 0Z' fill='%23F5F0E8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  inset: 0% 6.7% 25%;
}

.m4-right-fill-shape {
  clip-path: polygon(24.9% 6.8%, 100% 50%, 24.9% 93.2%);
  background-image: url("https://cdn.prod.website-files.com/627b368efc55622ab3864eb9/69b8cb80f6478da2ef688e36_nadia-yellow-rough-bigger.jpg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 101%;
  position: absolute;
  inset: 0%;
}

.m4-ref-text {
  color: #ece7df;
  letter-spacing: -.319px;
  width: 19%;
  font-family: Cutive, Georgia, serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.22;
  position: absolute;
  top: 76.09%;
  left: 35.99%;
}

.section-installations {
  background-color: #c65542;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.installations-stage {
  width: 70vw;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.installations-outline-wrap {
  width: 100%;
  padding-bottom: 44.72%;
  position: relative;
}

.installations-octagon-outline {
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1476 660' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M296.678 0.499512L726.575 0.499928L1156.47 0.499971L1474.78 92.3451V563.384L1155.12 658.875L308.022 658.876L0.499329 563.386L0.499543 90.4497L296.678 0.499512Z' stroke='%23482A0A'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 96%;
  position: absolute;
  top: 2%;
  left: 0%;
  transform: none;
}

.installations-octagon-composite {
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='xMidYMid meet' viewBox='0 0 1379 617' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1378.63 85.9434V526.821L1079.51 616.176L287.77 616.177L0 526.821V84.1777L277.174 0H1080.77L1378.63 85.9434ZM305.08 20.7119L46.6875 99.1855V511.835L314.958 595.136H1053.05L1331.9 511.835V100.832L1054.23 20.7119H305.08Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 86%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 7%;
}

.installations-label {
  color: #d9d9d9;
  text-align: center;
  letter-spacing: -.319px;
  width: 100%;
  margin-top: 2vw;
  font-family: Georgia, serif;
  font-size: 1.51vw;
  line-height: 1.5;
}

.installations-photo {
  object-fit: cover;
  object-position: 65% 50%;
  width: 100%;
  height: 120%;
  margin-top: 0%;
  margin-left: 2%;
}

.section-installations-v2 {
  background-color: #c65542;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: visible;
}

.installations-v2-stage {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.installations-v2-label {
  color: #d9d9d9;
  text-align: center;
  letter-spacing: -.319px;
  width: 100%;
  margin-top: 40px;
  font-family: Georgia, serif;
  font-size: 29px;
  line-height: 1.5;
}

.installations-photo-mask {
  z-index: 2;
  clip-path: polygon(20.17% 0%, 78.89% 0%, 100% 14.02%, 100% 85.67%, 78.38% 100%, 20.81% 100%, 0% 85.85%, 0% 13.69%);
  z-index: 2;
  width: 79.2%;
  height: 79.09%;
  position: absolute;
  top: 10.09%;
  left: 10.28%;
  overflow: hidden;
}

.section-aox {
  aspect-ratio: 1920 / 1080;
  aspect-ratio: 1920 / 1080;
  background-color: #000;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.aox-stage {
  width: 100%;
  height: 100%;
  position: relative;
}

.aox-bottle-wrap {
  z-index: 2;
  width: 12%;
  height: 67%;
  position: absolute;
  top: 17.9%;
  overflow: hidden;
}

.aox-bottle-wrap.aox-bottle-left {
  left: 29.9%;
}

.aox-bottle-wrap.aox-bottle-center {
  left: 44%;
}

.aox-bottle-wrap.aox-bottle-right {
  left: 57.9%;
}

.aox-bottle-left {
  top: 17.9%;
  left: 29.9%;
}

.aox-bottle-center {
  top: 17.9%;
  left: 44%;
}

.aox-bottle-right {
  top: 17.9%;
  left: 57.9%;
}

.aox-bottle-photo {
  object-fit: cover;
  width: 110%;
  height: 110%;
  margin-top: -15%;
  margin-left: 0%;
  padding-top: 0;
}

.aox-label {
  color: #d9d9d9;
  letter-spacing: -.319px;
  font-family: Cutive, Georgia, serif;
  font-size: 29px;
  line-height: 1.5;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}

.section-music {
  aspect-ratio: 1920 / 1103;
  background-color: #6ba3b8;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.music-shape-wrap {
  z-index: 2;
  position: absolute;
}

.music-tri-left {
  aspect-ratio: 573 / 496;
  background-image: url("https://cdn.prod.website-files.com/627b368efc55622ab3864eb9/69b63a6bc64b6976f0a1a384_Battles%20Screenshot.png");
  background-position: -39px -43px;
  background-size: 158%;
  width: 35%;
  height: auto;
  top: 17%;
  left: 3%;
}

.music-hex-center {
  aspect-ratio: 532 / 461;
  background-image: url("https://cdn.prod.website-files.com/627b368efc55622ab3864eb9/69b63a9bb0d030eeb2c7345f_we%20are%20sound%20screenshot.png");
  background-position: 0 0;
  background-size: 100% 100%;
  width: 32.8%;
  height: auto;
  position: absolute;
  top: 17%;
  left: 33.8%;
}

.music-tri-right2 {
  aspect-ratio: 573 / 496;
  background-image: url("https://cdn.prod.website-files.com/627b368efc55622ab3864eb9/69b63ad60d0447b23e8409e0_promise%20me%20screenshot.png");
  background-position: 0 -120px;
  background-size: 210%;
  width: 35%;
  height: auto;
  top: 17%;
  left: 62%;
}

.music-shape-photo {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.music-label {
  color: #d9d9d9;
  letter-spacing: -.319px;
  font-family: Cutive, Georgia, serif;
  font-size: 1.51vw;
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.music-shape-photo-l {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.music-shape-photo-center {
  object-fit: cover;
  width: 95%;
  height: 90%;
  margin-top: 6%;
  margin-left: 0%;
}

.music-stage {
  width: 70vw;
  max-width: 1050px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.music-tri-left-white {
  aspect-ratio: 573 / 496;
  background-color: #d9d9d9;
  background-image: none;
  background-size: auto;
  width: 35%;
  height: auto;
  top: 21%;
  left: 3%;
}

.music-hex-center-white {
  aspect-ratio: 532 / 461;
  background-color: #d9d9d9;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 32.8%;
  height: auto;
  top: 21%;
  left: 33.8%;
}

.music-tri-lright-white {
  aspect-ratio: 573 / 496;
  background-color: #d9d9d9;
  background-image: none;
  background-size: auto;
  width: 35%;
  height: auto;
  top: 21%;
  left: 3%;
}

.music-tri-right-white5 {
  aspect-ratio: 573 / 496;
  background-color: #d9d9d9;
  background-image: none;
  background-size: auto;
  width: 35%;
  height: auto;
  top: 21%;
  left: 62%;
}

.music-tri-left-outline {
  aspect-ratio: 573 / 496;
  background-color: #d9d9d900;
  background-image: none;
  background-size: auto;
  border: 1px solid #000;
  border-radius: 13px;
  width: 35%;
  height: auto;
  top: 25%;
  left: 3%;
}

.code-embed-2 {
  border: 1px solid #000;
}

.code-embed-3 {
  opacity: .89;
}

.code-embed-4, .code-embed-5 {
  width: 100%;
}

.aox-bottle-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.fp-section {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.fp-section.fp-active {
  z-index: 0;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.cs-page {
  color: #f5f0e8;
  background-color: #5c1f1f;
  background-image: linear-gradient(#c65542, #000 40%);
  min-height: 100vh;
  font-family: Hepta Slab;
}

.cs-page.music {
  background-image: linear-gradient(#cb621b, #5b9db7 40%);
}

.cs-page.ai {
  background-image: linear-gradient(#5b9db7, #586080 56%, #c45442 103%);
}

.cs-page.ai-as-interface {
  background-image: linear-gradient(#566081 2%, #c45442);
}

.cs-page.ai-main {
  background-image: linear-gradient(#c45442, #da8358);
}

.cs-page.ai-pipeline {
  background-image: linear-gradient(#5b9db7, #576080 49%, #c45442);
}

.cs-page.getintouch {
  background-color: #5e92ae;
  background-image: none;
  min-height: 1000vw;
}

.cs-display-title {
  color: #f5f0e8;
  flex: none;
  max-width: 56%;
  margin-top: 0;
  margin-bottom: 32px;
  margin-left: 186px;
  font-family: lotus-eden, sans-serif;
  font-size: 64px;
  font-weight: 900;
  line-height: 1.05;
}

.cs-display-title.is-hero-title {
  max-width: none;
  margin-top: 0;
  margin-bottom: 6px;
  margin-left: 0;
  padding-top: .3vw;
  font-size: 3.3vw;
  line-height: 1.05;
}

.cs-display-title.is-hero-title.solum {
  padding-top: .7vw;
}

.cs-display-title.is-hero-title.crayon-soul {
  margin-bottom: 0;
  line-height: 1.2;
}

.cs-display-title.is-hero-title.ai {
  font-size: 3.5vw;
}

.cs-display-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #f5f0e8;
  text-align: left;
  text-align: center;
  flex-flow: row;
  max-width: 80%;
  margin: 3vw auto 1vw;
  padding-top: 0;
  padding-left: 5vw;
  font-family: lotus-eden, sans-serif;
  font-size: 2.4vw;
  font-weight: 900;
  line-height: 3vw;
  display: flex;
  overflow: visible;
}

.cs-display-section.has-gap {
  margin-bottom: 4vw;
}

.cs-display-section.is-2026-site {
  text-align: left;
  max-width: 70%;
  margin-top: 5vw;
  padding-left: 0;
  padding-right: 9px;
  font-size: 2vw;
}

.cs-display-section.is-2026-site.has-gap-above {
  padding-left: 0;
}

.cs-display-section.is-2026-site.ai-select-an-agent {
  max-width: 40%;
  margin-left: 15vw;
  padding-right: 8vw;
}

.cs-display-section.is-2026-site.hex-details {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 2vw;
  padding-left: 2vw;
  padding-right: 8vw;
}

.cs-display-section.is-centered {
  padding-left: 0;
  text-decoration: none;
  display: block;
}

.cs-display-section.is-centered:hover {
  color: #f5f0e8;
}

.cs-display-section.is-centered.is-subheader {
  margin-top: -1vw;
  padding-top: 0;
  font-size: 1.7vw;
}

.cs-display-section.is-centered.has-gap-below {
  margin-bottom: 4vw;
}

.cs-display-section.is-centered.has-gap-below:hover {
  color: #f5f0e8;
}

.cs-display-section.is-centered.aox-pharmacy {
  font-size: 2.5vw;
}

.cs-display-section.is-centered.ai-case-studies {
  font-size: 3vw;
}

.cs-display-section.is-centered.ai-case-studies:hover {
  color: #f5f0e8;
}

.cs-display-section.left-justified {
  margin-left: 0;
  padding-left: 13vw;
}

.cs-display-section.left-justified.ai-pipeline {
  padding-left: 0;
  text-decoration: none;
}

.cs-display-section.left-justified.ai-pipeline:hover {
  color: #a6d1ec;
}

.cs-display-section.ai-vidpipe-process-heading {
  opacity: 1;
  outline-offset: 0px;
  color: #f5f0e8;
  text-align: left;
  text-align: left;
  border: 1px #000;
  border-radius: 0;
  outline: 5px solid #39ff14;
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 9vw;
}

.cs-display-section.ai-vidpipe-prompt-heading {
  color: #f5f0e8;
  text-align: left;
  max-width: 100%;
  margin-bottom: 1.25vw;
  margin-left: 0;
  padding-left: 5.7vw;
  padding-right: 47px;
}

.cs-display-section.disp-cl {
  margin-bottom: min(1vw, 13.66px);
  padding-left: min(5vw, 68.3px);
  font-size: min(3vw, 40.98px);
  line-height: min(3vw, 40.98px);
}

.cs-display-section.hhead-cl {
  padding-left: 0;
}

.cs-display-section.head-final {
  margin-bottom: min(1vw, 13.66px);
  padding-left: 0;
  font-size: min(2.75vw, 37.57px);
  line-height: min(2.75vw, 37.57px);
}

.cs-display-section.hexatron-title {
  font-size: 3.5vw;
}

.cs-display-section.hexatron-subtitle {
  margin-top: 0;
  padding-top: 0;
  font-size: 2vw;
}

.cs-display-footer {
  color: #f5f0e8;
  text-align: center;
  text-align: center;
  margin-bottom: -26px;
  padding-top: 6vw;
  padding-bottom: 0;
  font-family: lotus-eden, sans-serif;
  font-size: 2.1vw;
  font-weight: 800;
  text-decoration: none;
  display: block;
}

.cs-display-footer.is-2026-site {
  margin-top: 2vw;
  margin-bottom: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  font-size: 1.8vw;
  line-height: 20px;
}

.cs-display-footer.is-2026-site:hover {
  color: var(--light-sky-blue);
}

.cs-display-footer.is-2026-site.crayon-soul-bottom-links {
  padding-bottom: 6vw;
}

.cs-subtitle {
  color: #f5f0e8;
  white-space: normal;
  white-space: normal;
  flex: 24%;
  max-width: 40%;
  margin-top: 1.2vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: hepta-slab, sans-serif;
  font-size: .95vw;
  font-weight: 600;
  line-height: 29px;
}

.cs-subtitle.is-hero-subtitle {
  flex-basis: auto;
  max-width: 50vw;
  margin-top: 0;
  margin-left: auto;
  padding-top: 0;
  padding-left: 3vw;
  font-size: 1vw;
  line-height: 1.6vw;
}

.cs-subtitle.is-hero-subtitle.is-less-text {
  padding-top: 12px;
  padding-left: 2vw;
  font-size: 1.2vw;
}

.cs-subtitle.is-hero-subtitle.crayon-soul {
  max-width: 30vw;
  margin-left: 0;
  padding-top: .5vw;
  padding-left: 0;
  padding-right: 5vw;
}

.cs-subtitle.is-hero-subtitle.ai {
  max-width: 70vw;
  margin-left: 0;
  padding-left: 0;
  font-size: 1.5vw;
}

.cs-body {
  color: #f5f0e8;
  text-align: left;
  letter-spacing: -.011em;
  max-width: 80%;
  margin: -2.3vw auto 0;
  font-family: hepta-slab, sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 1.5;
}

.cs-body.process {
  color: #f5e8e8;
  text-align: left;
  max-width: 100%;
  margin-top: 10.7vw;
  margin-left: 0;
  margin-right: 0;
  font-size: 1.3vw;
}

.cs-body.process.is-flush-top {
  float: none;
  margin-top: 0;
  padding-top: 35px;
  font-size: 1.2vw;
  font-weight: 400;
}

.cs-body.is-audio-left {
  flex-shrink: 1;
  width: 581px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -35px;
  padding-left: 0;
  font-size: 1vw;
}

.cs-body.is-right-column {
  margin-top: 0;
  padding-right: 104px;
  font-size: 1.2vw;
}

.cs-body.is-right-column.ai-intro {
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-right: 0;
}

.cs-body.has-gap-above {
  text-align: center;
  margin-top: 1.7vw;
}

.cs-body.has-gap-above.is-centered {
  margin-top: 3.7vw;
  margin-bottom: 29px;
  font-size: 1.3vw;
}

.cs-body.has-gap-above.is-centered.solum-ceiling {
  margin-bottom: -48px;
  padding-bottom: 0;
}

.cs-body.has-gap-above.left-justified {
  text-align: left;
  margin-top: 0;
  font-size: 1.3vw;
}

.cs-body.is-on-left {
  grid-column-start: 1;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding-left: 15vw;
  padding-right: 3vw;
}

.cs-body.is-on-left.ai-intro {
  margin-top: 0;
  padding-left: 9vw;
  font-family: lotus-eden, sans-serif;
  font-size: 2.4vw;
  font-weight: 800;
}

.cs-body.is-on-left.ai-intro.subtitle {
  margin-top: -2.5vw;
  padding-left: 9vw;
  font-size: 2vw;
}

.cs-body.crayon-soul-live {
  margin-top: 1.7vw;
  margin-bottom: 0;
  margin-left: 2vw;
  padding-right: 11vw;
  font-size: 1.2vw;
}

.cs-body.crayon-soul-visuals {
  max-width: 70%;
  margin-top: 0;
  margin-bottom: 5.4vw;
  font-size: 1.3vw;
}

.cs-body.crayon-soul-visuals.blips {
  max-width: 40%;
  margin-top: 3vw;
  margin-bottom: 5.4vw;
  font-size: 1.31vw;
}

.cs-body.crayon-soul-radio {
  max-width: 70%;
  margin-top: 0;
  margin-bottom: 43px;
  font-size: 1.3vw;
}

.cs-body.crayon-soul-radio.blips {
  max-width: 40%;
  margin-top: 3vw;
  font-size: 1.31vw;
}

.cs-body.ai-work-grid {
  max-width: 73%;
  margin-top: 2vw;
  margin-bottom: 5vw;
  font-size: 1.3vw;
  font-weight: 400;
}

.cs-body.ai-pipeline {
  margin-top: 1.7vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 4vw;
  font-size: 1.3vw;
  text-decoration: none;
  display: block;
}

.cs-body.ai-pipeline:hover {
  color: #a6d1ec;
}

.cs-body.hexatron-details-text {
  max-width: 100%;
  margin-top: 1.7vw;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 7vw;
  font-size: 1.3vw;
}

.cs-body.ai-as-interface {
  max-width: 45%;
  margin-top: 2vw;
  margin-bottom: 5vw;
  font-size: 1.3vw;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.cs-body.ai-as-interface.interface-link:hover {
  color: #a6d1ec;
}

.cs-body.is-left-column {
  margin-top: 0;
  padding-right: 44px;
  font-size: 1.3vw;
}

.cs-body.is-left-column.ai-intro {
  max-width: 100%;
  margin-top: -5vw;
  padding-top: 0;
  padding-right: 14vw;
}

.cs-body.ai-body {
  max-width: min(54vw, 737.6px);
  margin-top: min(1.5vw, 20.49px);
  font-size: min(1.3vw, 17.76px);
  line-height: 1.333;
}

.cs-body.ai-body.aibody-cl {
  max-width: min(54vw, 737.6px);
  margin-top: min(1.5vw, 20.49px);
  font-size: min(1.3vw, 17.76px);
}

.cs-body.ai-vidpipe-body {
  max-width: 74vw;
  margin-top: 1.5vw;
  font-size: 1.4vw;
  line-height: 1.333;
}

.cs-body.herobody-cl {
  margin-top: max(-2.3vw, -31.42px);
  font-size: min(1.1vw, 15.03px);
}

.cs-body.herofont-cl {
  font-size: min(1.1vw, 15.03px);
}

.cs-body.herofont13-cl {
  font-size: min(1.3vw, 17.76px);
}

.cs-body.imcas {
  max-width: 70%;
  margin-top: 3vw;
}

.cs-body.ai-case-studies {
  text-align: center;
  max-width: 73%;
  margin-top: 2vw;
  margin-bottom: 5vw;
  font-size: 1.3vw;
  font-weight: 400;
}

.cs-body-bold {
  color: #f5f0e8;
  letter-spacing: -.011em;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0%;
  font-family: hepta-slab, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.5;
}

.cs-section {
  width: 100%;
  max-width: 1493px;
  margin-left: auto;
  margin-right: auto;
  padding: 5vw 0 0;
}

.cs-section.is-hero-row {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.5vw 2vw;
  max-width: 100%;
  padding-top: 0;
  padding-left: 15vw;
  display: flex;
}

.cs-section.is-hero-row.ai {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 10vw;
}

.cs-section.has-orange-gradient {
  background-image: linear-gradient(#aa5c3a, #c7973e);
  margin-top: 0;
  padding-bottom: 11vw;
}

.cs-section.has-orange-gradient.is-crayonsoul-radio {
  margin-bottom: -199px;
  padding-top: 1vw;
  padding-bottom: 0;
}

.cs-section.is-full-bleed {
  width: 100vw;
  max-width: none;
  margin-left: 50%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  transform: translateX(-50%);
}

.cs-section.ai-meet-agents {
  background-image: linear-gradient(#5b9db7, #586181 49%, #c45442);
}

.cs-section.is-full-bleed {
  width: 100vw;
  max-width: none;
  margin-top: -86px;
  margin-left: 50%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.cs-section.ai-page-footer {
  padding-top: 0;
  padding-bottom: 9vw;
}

.cs-section.ai-vcl {
  padding-top: 5.5vw;
  padding-bottom: 3vw;
}

.cs-section.ai-opp {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.cs-section.ai-amwn {
  padding-top: 4vw;
  padding-bottom: 5vw;
}

.cs-section.ai-vidpipe-diagram {
  max-width: none;
  padding-top: 7vw;
  padding-bottom: 0;
  font-family: lotus-eden, sans-serif;
}

.cs-section.ai-vidpipe-process {
  background-color: #b8593f;
  background-image: linear-gradient(#c65542, #da8358 100%, #fff);
  border-radius: 0;
  width: 100%;
  max-width: none;
  margin-top: 5vw;
  padding: 4vw 5vw 5vw;
}

.cs-section.ai-vidpipe-final-prompt {
  background-color: #1a2a3000;
  width: 100%;
  max-width: none;
  padding: 5vw;
}

.cs-section.ai-vidpipe-outcome {
  background-image: linear-gradient(0deg, #c65542 64%, #da835800 96%);
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: 2vw 5vw 5vw;
}

.cs-section.sec-cl {
  padding-top: min(5vw, 68.3px);
  padding-bottom: 0;
}

.cs-section.sec-cl:hover {
  color: #f5f0e8;
}

.cs-section.sec-cl.ai-as-interface {
  padding-top: 0;
}

.cs-section.crayon-soul-debut-album {
  padding-top: 2vw;
}

.cs-section.ai-pipeline {
  padding-top: 0;
}

.cs-section.aox-links {
  padding-bottom: 41px;
}

.cs-section.imcas-links {
  padding-bottom: 4vw;
}

.cs-photo-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  width: 67%;
  margin: -3vw auto -80px;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.cs-photo-grid._3by1 {
  margin-bottom: -45px;
  padding-bottom: 0;
}

.cs-photo-grid.is-2col {
  grid-template-columns: 1fr 1fr;
}

.cs-photo-grid.crayon-soul-artwork {
  margin-top: 4vw;
}

.cs-photo-grid.is-flush {
  grid-template-rows: auto;
  grid-auto-flow: row;
  gap: 0;
  width: 67vw;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6px;
}

.cs-process-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 2vw;
  width: 100%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.1vw;
  padding-bottom: 0;
  display: flex;
}

.cs-process-row.is-solo-card {
  grid-column: 1 / -1;
  justify-self: center;
  width: 48%;
  max-width: 48%;
}

.cs-process-row.is-grid-card {
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 2vw;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.cs-process-row.is-grid-card.is-solo-card {
  width: 48%;
}

.cs-process-text {
  flex: 1;
  max-width: 60%;
}

.cs-process-image {
  background-color: #3a1414;
  border-radius: 8px;
  width: 28%;
  max-width: 14vw;
}

.cs-image-placeholder {
  aspect-ratio: 16 / 9;
  aspect-ratio: 1920 / 919;
  background-color: #000;
  border-radius: 8px;
  width: 75%;
  max-width: 100%;
  margin-top: -2vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.cs-image-placeholder.is-flat {
  width: 60%;
  margin-top: 0;
}

.cs-image-placeholder.is-aspect-2526 {
  aspect-ratio: 1920 / 767;
}

.cs-image-placeholder.has-gap-top {
  width: 75%;
  margin-top: 2vw;
  margin-bottom: -32px;
  margin-left: 15vw;
}

.cs-image-placeholder.is-aspect-triptych {
  aspect-ratio: 2400 / 394;
  width: 75%;
  margin-top: 5vw;
  margin-bottom: -5px;
}

.cs-image-placeholder.is-aspect-install {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 2400 / 1071;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  margin: 4vw 30vw 91px;
  padding-bottom: 0;
  display: flex;
}

.cs-image-placeholder.is-hero-wide {
  box-sizing: border-box;
  width: 94%;
  max-width: 70%;
}

.cs-image-placeholder.is-aspect-aox {
  width: 71%;
  margin-bottom: 6vw;
  padding-bottom: 0;
}

.cs-image-placeholder.is-in-stack {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.cs-image-placeholder.is-aspect-square {
  aspect-ratio: 1;
}

.cs-image-placeholder.is-aspect-3-2 {
  aspect-ratio: 3 / 2;
}

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

.cs-image-placeholder.is-half-width {
  width: 40%;
  margin: 5vw auto -6.7vw;
  display: block;
}

.cs-image-placeholder.is-half-width.we-are-sound-live {
  margin-bottom: -2.7vw;
}

.cs-image-placeholder.is-aspect-auto {
  aspect-ratio: auto;
}

.cs-image-placeholder.is-no-radius {
  border-radius: 0;
}

.cs-image-placeholder.is-hero-full {
  width: 100%;
  max-width: 100%;
}

.cs-image-placeholder.is-hero-16-9 {
  aspect-ratio: 16 / 9;
}

.cs-world-tile {
  aspect-ratio: 487 / 321;
  background-color: #3a1414;
  border-radius: 4px;
}

.cs-header-row {
  justify-content: space-between;
  align-items: center;
  max-width: 1493px;
  margin-left: auto;
  margin-right: auto;
  padding: 37px 15vw 0 12.9vw;
  display: flex;
}

.cs-header-row.is-aspect-aox:where(.w-variant-560ff5c1-0140-ab64-8c46-8a886054fa03) {
  z-index: 1000;
  padding-left: 8vw;
  position: relative;
}

.cs-header-row.is-aspect-aox:where(.w-variant-54b43f70-a9b2-f55e-3f83-58fa24de4ad2) {
  z-index: 1000;
  max-width: 80%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.cs-header-row.ai {
  margin-top: 0;
  padding-top: 27px;
  padding-left: 6.9vw;
  padding-right: 8.9vw;
}

.cs-header-row.ai.ai-interface, .cs-header-row.ai.pipeline {
  padding-top: 0;
}

.cs-header-row.hrow-cl {
  padding-left: min(12.9vw, 176.21px);
  padding-right: min(15vw, 204.9px);
}

.cs-header-row.hrow-final {
  margin-bottom: 0;
  padding-left: min(12.9vw, 176.21px);
  padding-right: min(15vw, 204.9px);
}

.cs-section-narrow {
  width: 100%;
  max-width: 1493px;
  margin-left: auto;
  margin-right: auto;
  padding: 4vw 21vw 0%;
}

.cs-section-narrow.le-brdige {
  font-size: 14vw;
}

.cs-header-logo {
  width: 27vw;
  max-width: 25vw;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 1.4%;
  padding-left: 0;
  display: block;
  position: static;
}

.cs-header-logo:where(.w-variant-54b43f70-a9b2-f55e-3f83-58fa24de4ad2) {
  margin-left: -1.3vw;
  padding-left: 0;
}

.cs-header-logo.ai {
  width: 28vw;
  max-width: 28vw;
}

.cs-header-logo.hlogo-cl {
  width: min(26vw, 355.16px);
  max-width: min(25vw, 341.5px);
}

.cs-header-logo.hlogo-sm {
  width: min(24vw, 327.84px);
  max-width: min(23vw, 314.18px);
}

.cs-header-logo.hlogo-big {
  width: min(26vw, 374.4px);
  max-width: min(25vw, 360px);
}

.cs-header-nav {
  width: 2.3vw;
  height: 1.3vw;
  margin-bottom: 1.6vw;
  margin-left: calc(12.9vw - 24px);
  margin-right: 0%;
  display: block;
}

.cs-header-nav.hnav-cl {
  width: min(2.3vw, 31.42px);
  height: min(1.3vw, 17.76px);
  margin-bottom: min(1.6vw, 21.86px);
}

.cs-caption {
  color: #f5f0e8;
  text-align: center;
  letter-spacing: -.011em;
  max-width: 40%;
  margin: 8.7vw auto 0;
  font-family: hepta-slab, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.5;
}

.cs-caption.process {
  text-align: left;
  text-align: left;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 1.3vw;
}

.cs-caption.is-left-column {
  margin-top: .7vw;
  margin-left: 333px;
}

.cs-caption.is-in-stack {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin: .5vw 0 0;
}

.cs-caption.is-in-stack.vinyl {
  width: 100%;
  margin-top: 2.5vw;
}

.cs-caption.has-gap-below {
  margin-top: 9.7vw;
  padding-bottom: 62px;
  font-size: 1.1vw;
}

.cs-caption.has-gap-below.le-bridge-loop {
  margin-top: 1.7vw;
  padding-bottom: 112px;
  font-size: 1.1vw;
}

.cs-caption.aox {
  margin-top: 9.7vw;
  font-size: 1.2vw;
}

.cs-caption.imcas-spaces {
  margin-top: 3vw;
}

.cs-contact-footer {
  background-color: #5e92ae;
  width: 100%;
  margin-top: 1.2vw;
  padding: 6vw 0;
}

.cs-contact-footer.ai-page {
  margin-top: 0;
}

.cs-contact-footer.cfoot-cl {
  margin-top: min(13.2vw, 180.31px);
  padding-top: min(6vw, 81.96px);
  padding-bottom: min(6vw, 81.96px);
}

.cs-footer-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: 4vw;
  max-width: 1493px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10.9vw;
  padding-right: 24px;
  display: flex;
}

.cs-footer-row.frow-cl {
  gap: min(4vw, 54.64px);
  padding-left: min(10.9vw, 148.89px);
}

.cs-footer-col-left {
  flex-direction: column;
  gap: 1.25vw;
  margin-left: 0;
  display: flex;
}

.cs-footer-col-left.fcol-cl {
  grid-row-gap: min(1.25vw, 17.08px);
  grid-row-gap: min(1.25vw, 17.08px);
}

.cs-footer-col-right {
  flex-direction: column;
  align-items: center;
  gap: 1.25vw;
  margin-right: 10%;
  display: flex;
}

.cs-footer-col-right.fcolr-cl {
  grid-row-gap: min(1.25vw, 17.08px);
  grid-row-gap: min(1.25vw, 17.08px);
}

.cs-footer-logo {
  width: 33.5vw;
  height: auto;
  margin-bottom: -15px;
  margin-left: -29px;
  display: block;
}

.cs-footer-logo.flogo-cl {
  width: min(33.5vw, 457.61px);
}

.cs-footer-tagline {
  color: #d9d9d9;
  letter-spacing: -.011em;
  max-width: 30vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: hepta-slab, sans-serif;
  font-size: 1.22vw;
  font-weight: 400;
  line-height: 1.5;
}

.cs-footer-tagline.ftag-cl {
  max-width: min(30vw, 409.8px);
  font-size: min(1.22vw, 16.67px);
}

.cs-footer-heading {
  color: #fff;
  text-align: center;
  margin-top: .8vw;
  margin-bottom: 0;
  font-family: hepta-slab, sans-serif;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.cs-footer-heading:hover {
  color: var(--light-blue);
}

.cs-footer-heading.fhead-cl {
  margin-top: min(.8vw, 10.93px);
  font-size: min(1.6vw, 21.86px);
}

.cs-footer-social-row {
  align-items: center;
  gap: 1.5vw;
  margin-right: -10vw;
  display: flex;
}

.cs-footer-social-row.fsoc-cl {
  gap: min(1.5vw, 20.49px);
  margin-right: max(-10vw, -136.6px);
}

.cs-footer-icon {
  width: 3.5vw;
  height: auto;
  display: block;
}

.inline-svg-0 {
  margin-right: -5vw;
  display: block;
}

.cs-hero-iframe {
  border-style: none;
  border-width: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.cs-carousel {
  flex-direction: column;
  gap: 16px;
  width: 75%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cs-carousel-stage {
  aspect-ratio: 3 / 2;
  background-color: #000;
  border-radius: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cs-carousel-slide {
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  position: absolute;
  top: 0;
  left: 0;
}

.cs-carousel-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}

.cs-carousel-thumbs {
  flex-flow: wrap;
  justify-content: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.cs-carousel-thumb {
  aspect-ratio: 3 / 2;
  opacity: .55;
  outline-offset: 0px;
  cursor: pointer;
  object-fit: cover;
  border-radius: 6px;
  outline: 2px solid #fff0;
  width: calc(25% - 9px);
  transition-property: opacity, outline-color;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.cs-carousel-thumb.is-active {
  opacity: 1;
  outline-color: #fff;
}

.cv-carousel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 0;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.cv-stage {
  aspect-ratio: 3 / 2;
  aspect-ratio: 3 / 2;
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 78%;
  display: block;
  position: relative;
  overflow: hidden;
}

.cv-stage-img {
  object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.cv-thumbs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: auto;
  justify-content: space-between;
  width: auto;
  padding-right: 15px;
  display: flex;
}

.cv-thumb {
  aspect-ratio: 3 / 2;
  opacity: .55;
  cursor: pointer;
  object-fit: cover;
  aspect-ratio: 3 / 2;
  opacity: .55;
  cursor: pointer;
  object-fit: cover;
  border-radius: 6px;
  outline: 2px solid #fff0;
  width: 100%;
  transition: opacity .2s, outline-color .2s;
  display: block;
}

.cv-thumb-active {
  opacity: 1;
  outline-color: #fff;
}

.image-7 {
  max-width: 95%;
  margin-top: 0;
  margin-left: 31px;
  padding-top: 0;
  padding-bottom: 0;
}

.cs-display-subsection {
  color: #f5f0e8;
  text-align: center;
  text-align: center;
  max-width: 80%;
  margin: 2vw auto .8vw;
  font-family: lotus-eden, sans-serif;
  font-size: 2.1vw;
  font-weight: 900;
  line-height: 2.2vw;
  display: flex;
  overflow: visible;
}

.cs-display-subsection.has-gap-sub {
  margin-bottom: 2vw;
}

.cs-display-subsection.has-gap-sub.has-gap-above {
  text-align: left;
  max-width: 70%;
  margin-top: 4vw;
  font-size: 1.6vw;
}

.cs-display-subsection.is-2026-site {
  max-width: 70%;
  font-size: 1.8vw;
}

.cs-display-subsection.is-2026-site.has-gap-above {
  margin-top: -4vw;
}

.cs-display-subsection.is-2026-site.has-less-gap-below {
  margin-bottom: -1.2vw;
}

.image-8 {
  max-width: 100%;
  margin-left: 0;
}

.cs-triptych-labels {
  width: 61%;
  max-width: 100%;
  height: 2.4vw;
  margin: 3vw auto -3.6vw;
  position: relative;
}

.cs-triptych-label {
  color: #f5f0e8;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  font-family: lotus-eden, sans-serif;
  font-size: 1.2vw;
  font-weight: 900;
  line-height: 2.2vw;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.cs-triptych-label.is-pos-a {
  left: 5.4%;
}

.cs-triptych-label.is-pos-b {
  left: 29.5%;
}

.cs-triptych-label.is-pos-c {
  left: 77.4%;
}

.cs-track-stack {
  grid-column-gap: 1.04vw;
  grid-row-gap: 1.04vw;
  flex-direction: column;
  width: 80%;
  height: 100%;
  margin-left: 10%;
  padding: 2vw 0;
  display: flex;
}

.cs-track-stack.is-audio-right {
  grid-column-gap: .7vw;
  grid-row-gap: .7vw;
  flex-shrink: 1;
  width: 639px;
  margin-top: 0;
  padding-top: 1vw;
  padding-bottom: 5vw;
}

.cs-track-row {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  flex-direction: column;
  display: flex;
  position: relative;
}

.cs-track-label {
  color: #f5f0e8;
  letter-spacing: 0;
  z-index: 2;
  letter-spacing: 0;
  white-space: nowrap;
  margin: 0;
  font-family: lotus-eden, sans-serif;
  font-size: 1vw;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 2vw;
  transform: translateY(-50%);
}

.cs-track-label.is-fix {
  z-index: 2;
  color: #fff;
  z-index: 2;
  font-size: 1.67vw;
  position: absolute;
  top: 1.7vw;
  left: 1.2vw;
}

.cs-track-label.is-audio {
  color: #000;
  font-size: 1vw;
}

.cs-track-bars {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: row;
  width: 100%;
  height: 3.75vw;
  min-height: 12px;
  max-height: 36px;
  display: flex;
}

.cs-track-bars.cs-track-bars--9 {
  height: 5vw;
  max-height: 3vw;
}

.cs-track-bar {
  border-radius: 8px;
  flex: 1 1 0;
  min-width: 0;
}

.cs-track-bar.cs-track-bar--audio {
  border-radius: 6px;
  height: 5vw;
  min-height: 6px;
  max-height: 3vw;
}

.cs-track-bar.cs-track-bar--video {
  border-radius: 6px;
}

.cs-track-bar--audio {
  background-color: #d4d4d4;
}

.cs-track-bar--video {
  background-color: #d94545;
}

.cs-track-label-1 {
  color: #000;
  letter-spacing: 0;
  margin: 0;
  font-family: Lotus Eden, sans-serif;
  font-size: 3.6vw;
  font-weight: 900;
  line-height: 1;
}

.cs-track-bars-1 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: row;
  width: 100%;
  height: 10vw;
  min-height: 32px;
  max-height: 98px;
  display: flex;
}

.cs-mcp-test {
  font-size: 20px;
}

.cs-mod-grid {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 80%;
  margin-left: 10%;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: grid;
}

.cs-mod-cell-label {
  color: #f5f0e8;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .6vw;
  font-family: Lotus Eden, sans-serif;
  font-size: 1.04vw;
  font-weight: 900;
  line-height: 1.2;
}

.cs-mod-cell-image {
  aspect-ratio: 750 / 300;
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: auto;
  display: block;
}

.cs-mod-section {
  flex-direction: column;
  width: 100%;
  display: block;
}

.cs-mod-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 65%;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  padding: 7vw 5vw 2vw;
  display: grid;
}

.cs-mod-cell {
  flex-direction: column;
  display: flex;
}

.cs-mod-cell-label {
  color: #f5f0e8;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: .6vw;
  padding-top: 22px;
  padding-bottom: 21px;
  font-family: lotus-eden, sans-serif;
  font-size: 1.04vw;
  font-weight: 900;
  line-height: 1.2;
}

.cs-mod-cell-image {
  aspect-ratio: 750 / 300;
  outline-offset: 0px;
  object-fit: cover;
  border-radius: 4px;
  outline: 1px solid #f5f0e8;
  width: 100%;
  height: auto;
  display: block;
}

.cs-section-rule {
  background-color: #f5f0e8;
  width: 70vw;
  max-width: 1344px;
  height: 1px;
  margin: 1.5vw auto;
}

.is-hidden {
  display: none;
}

.cs-mod-section-1 {
  clear: both;
}

.inline-div-0 {
  height: 0;
  display: none;
}

.cs-mod-section-1-2 {
  clear: both;
}

.inline-div-0-1 {
  display: none;
}

.cs-audio-row {
  flex-direction: row;
  align-items: flex-start;
  gap: 1.67vw;
  width: 65vw;
  max-width: none;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-9 {
  max-width: 100%;
}

.cs-2col-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  width: 100%;
  padding-top: 19px;
  display: grid;
}

.cs-2col-row.crayon-soul-live {
  grid-template-rows: auto;
  margin-bottom: 0;
  padding-top: 5vw;
  padding-bottom: 0;
}

.cs-2col-row.crayon-soul-vinyl {
  grid-template-rows: auto;
  margin-bottom: 0;
  padding-top: 1vw;
  padding-right: 2px;
}

.cs-2col-row.crayon-soul-intro {
  grid-template-rows: auto;
  margin-bottom: 0;
  padding-top: 3vw;
}

.cs-2col-row.ai-intro {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  width: 80%;
  margin-top: -68px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.cs-2col-row.hexatron-details {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  padding-top: 10vw;
  padding-bottom: 5vw;
  padding-right: 108px;
}

.cs-2col-row.ai-pipeline {
  grid-template-rows: auto;
  padding-top: 3vw;
  padding-bottom: 8vw;
}

.cs-media-stack {
  box-sizing: border-box;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding-left: 15vw;
  display: flex;
}

.cs-media-stack.is-on-right {
  grid-column-start: 2;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 15vw;
}

.cs-media-stack.hexatron-screenshots {
  margin-top: 2.6vw;
}

.cs-process-grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 3vw;
  width: 100%;
  max-width: 75%;
  margin-top: 55px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2vw;
  padding-bottom: 4vw;
  display: grid;
}

.solum-ceiling {
  margin-top: 52px;
}

.cs-process-pair {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  width: 65%;
  max-width: 1493px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3vw;
  padding-bottom: 2vw;
  display: grid;
}

.cs-process-body {
  flex-direction: column;
  gap: 1.5vw;
  width: 75%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1vw;
  padding-bottom: 4vw;
  display: flex;
}

.iframe {
  min-width: 60%;
}

.grid-12 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  width: 67%;
  margin-left: auto;
  margin-right: auto;
}

.crayon-soul-merch-3grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 67%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8vw;
}

._2026-zane-lowe-embed {
  max-width: 67%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 35px;
}

.code-embed-6, .code-embed-7 {
  margin-bottom: 0;
}

.ai-hero-photo {
  width: 110vw;
  max-width: none;
  height: auto;
  margin-left: 50%;
  display: block;
  transform: translateX(-50%);
}

.grid-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 70%;
  margin-top: -115px;
  padding-top: 0;
}

.background-video {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.ai-as-interface-video {
  width: 92%;
  margin-bottom: -51px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3vw;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.ai-motion-grid-iframe {
  pointer-events: none;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ai-vid-root {
  border-radius: 0;
  width: 75%;
}

.ai-vid-inline {
  cursor: pointer;
  cursor: pointer;
  width: 100%;
  margin-left: 3vw;
  padding-top: 132.69%;
  position: relative;
  overflow: hidden;
  box-shadow: .21vw .1vw .47vw #00000078;
}

.ai-vid-inline.inline-div-0 {
  cursor: zoom-in;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ai-vid-iframe-inline {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ai-vid-lightbox {
  z-index: 9999;
  background-color: #000000eb;
  justify-content: center;
  align-items: center;
  padding: 4vw;
  display: none;
  position: fixed;
  inset: 0;
}

.ai-vid-lightbox.active {
  display: flex;
}

.ai-vid-lightbox.inline-div-2 {
  z-index: 99999;
  background-color: #000000f2;
  justify-content: center;
  align-items: center;
  padding: 4vw;
  display: none;
  position: fixed;
  inset: 0;
}

.ai-vid-lightbox-inner {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 1600px;
  position: relative;
}

.ai-vid-lightbox-inner.inline-div-1 {
  aspect-ratio: 16 / 9;
  width: 90vw;
  max-width: 1600px;
}

.ai-vid-close {
  z-index: 10000;
  color: #fff;
  cursor: pointer;
  background-color: #ffffff1f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 2vw;
  right: 2vw;
}

.ai-vid-close.inline-a-0 {
  color: #f5f0e8;
  cursor: pointer;
  font-size: 3vw;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  top: 2vw;
  right: 2vw;
}

.ai-as-interface-vid {
  pointer-events: none;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ai-iface-vid-root {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.ai-iface-vid-root.ai-opp-vid-fill, .ai-iface-vid-root.ai-amwn-vid-fill {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ai-iface-vid-inline {
  cursor: pointer;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.ai-iface-vid-iframe {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ai-iface-vid-lightbox {
  z-index: 9999;
  background-color: #000000eb;
  justify-content: center;
  align-items: center;
  padding: 4vw;
  display: none;
  position: fixed;
  inset: 0;
}

.ai-iface-vid-lightbox.active {
  display: flex;
}

.ai-iface-vid-lightbox-inner {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 1600px;
  position: relative;
}

.ai-iface-vid-close {
  z-index: 10000;
  color: #fff;
  cursor: pointer;
  background-color: #ffffff1f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 2vw;
  right: 2vw;
}

.div-block-13 {
  padding-top: 2vw;
}

.ai-video-grid {
  width: 73%;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 43vw;
  position: relative;
  overflow: hidden;
}

.cs-vcl-tiles-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  gap: 7.8125vw;
  width: 68.906vw;
  margin-top: 7.5vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cs-vcl-tiles-row.vcl-row-cl.vcl-smush {
  gap: min(2vw, 27.32px);
}

.cs-vcl-tiles-row.vcl-row-cl {
  gap: min(7.031vw, 96.05px);
  width: min(68.906vw, 941.3px);
  margin-top: min(7.5vw, 102.45px);
}

.cs-vcl-tile {
  background-color: #000;
  flex-shrink: 0;
  height: min(21.094vw, 288.2px);
}

.cs-vcl-tile.cs-vcl-tile-tall {
  width: min(16.875vw, 230.5px);
}

.cs-vcl-tile.cs-vcl-tile-tall.vcl-tile-tall-cl {
  width: min(16.875vw, 230.5px);
  height: min(21.094vw, 288.2px);
}

.cs-vcl-tile.cs-vcl-tile-square {
  width: min(21.094vw, 288.2px);
}

.cs-vcl-tile.cs-vcl-tile-square.vcl-tile-sq-cl {
  width: min(21.094vw, 288.2px);
  height: min(21.094vw, 288.2px);
}

.cs-opp-video-medium {
  background-color: #000;
  width: min(51.375vw, 701.8px);
  height: min(28.875vw, 394.5px);
  margin: min(3vw, 40.98px) auto;
}

.cs-opp-video-medium.opp-med-cl {
  width: min(51.375vw, 701.8px);
  height: min(28.875vw, 394.5px);
  margin-top: min(3vw, 40.98px);
  margin-bottom: min(3vw, 40.98px);
}

.cs-opp-video-medium.opp-strip-vid-c {
  aspect-ratio: 16 / 9;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  margin: 0;
}

.cs-opp-video-large {
  background-color: #000;
  width: min(68.906vw, 941.3px);
  height: min(38.766vw, 529.5px);
  margin: min(3vw, 40.98px) auto;
}

.cs-opp-video-large.opp-large-cl {
  width: min(68.906vw, 941.3px);
  height: min(38.766vw, 529.5px);
  margin-top: min(3vw, 40.98px);
  margin-bottom: min(3vw, 40.98px);
}

.cs-amwn-tiles-row {
  justify-content: center;
  align-items: center;
  gap: min(.1875vw, 2.56px);
  width: min(49.875vw, 681.3px);
  margin-top: min(2.5vw, 34.15px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cs-amwn-tiles-row.amwn-row-cl {
  gap: min(.1875vw, 2.56px);
  width: min(49.875vw, 681.3px);
  margin-top: min(2.5vw, 34.15px);
}

.cs-amwn-tiles-row.amwn-row-w {
  gap: min(.1875vw, 2.56px);
  width: min(55.2vw, 754px);
  margin-top: min(2.5vw, 34.15px);
  margin-bottom: 66px;
}

.cs-amwn-tile {
  background-color: #000;
  flex-shrink: 0;
  width: min(24.844vw, 339.4px);
  height: min(13.969vw, 190.8px);
}

.cs-amwn-tile.amwn-tile-cl {
  width: min(24.844vw, 339.4px);
  height: min(13.969vw, 190.8px);
}

.cs-amwn-tile.amwn-tile-w {
  width: min(27.5vw, 375.65px);
  height: min(15.46vw, 211.2px);
}

.bold-text, .link-3 {
  color: var(--light-blue);
}

.ai-iface-vid-lightbox-iframe {
  border-width: 0;
  width: 100%;
  height: 100%;
}

.ai-vidpipe-diagram-inner {
  grid-row-gap: 3vw;
  flex-direction: column;
  width: 100%;
  max-width: 94vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.ai-vidpipe-diagram-row {
  grid-column-gap: 1.5vw;
  grid-template-columns: 13vw 1fr 13vw;
  align-items: center;
  width: 100%;
  display: grid;
}

.ai-vidpipe-media-placeholder-lg {
  aspect-ratio: 250 / 333;
  color: #555;
  text-align: center;
  background-color: #0a0a0a;
  border: 1px solid #2a2a2a;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 9vw;
  padding-left: .5vw;
  padding-right: .5vw;
  font-size: .75vw;
  display: flex;
  position: relative;
  box-shadow: .21vw .1vw .47vw #17275678;
}

.ai-vidpipe-media-placeholder-lg.last-frame {
  margin-left: 9vw;
}

.ai-vidpipe-tool-logo-placeholder {
  color: #666;
  text-align: center;
  background-color: #0a0a0a;
  border: 1px solid #2a2a2a;
  border-radius: .6vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4.5vw;
  height: 4.5vw;
  font-size: .6vw;
  display: flex;
}

.ai-vidpipe-translation-stack {
  grid-row-gap: 1vw;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.ai-vidpipe-tool-chain {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ai-vidpipe-arrow {
  color: #f5f0e8;
  font-family: hepta-slab, sans-serif;
  font-size: 1.4vw;
  line-height: 1;
}

.ai-vidpipe-diagram-label {
  color: #f5f0e8;
  text-align: center;
  max-width: 32vw;
  margin-left: auto;
  margin-right: auto;
  font-family: lotus-eden, sans-serif;
  font-size: 1.1vw;
  font-weight: 800;
  line-height: 1.4;
}

.ai-vidpipe-diagram-label.hepta-slab {
  font-family: hepta-slab, sans-serif;
  font-weight: 600;
}

.ai-vidpipe-translation-line {
  background-color: #f5f0e8;
  width: 60vw;
  height: 1px;
  position: relative;
}

.ai-vidpipe-luma-row {
  grid-column-gap: 2vw;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ai-vidpipe-luma-logo-placeholder {
  color: #666;
  text-align: center;
  background-color: #0a0a0a;
  border: 1px solid #2a2a2a;
  border-radius: .6vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5.8vw;
  height: 6.6vw;
  font-size: .7vw;
  display: flex;
}

.ai-vidpipe-gpt-logo-placeholder {
  color: #666;
  background-color: #0a0a0a;
  border: 1px solid #2a2a2a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4.5vw;
  height: 4.5vw;
  font-size: .6vw;
  display: flex;
}

.ai-vidpipe-banner {
  text-align: center;
  background-color: #c65542;
  border-top: 1px solid #2a2a2a;
  border-bottom: 1px solid #2a2a2a;
  width: 50vw;
  margin-top: 3vw;
  margin-left: auto;
  margin-right: auto;
  padding: .7vw 0;
  font-size: 1.3px;
}

.ai-vidpipe-banner-text {
  color: #f5f0e8;
  text-align: center;
  letter-spacing: .04em;
  margin: 0;
  font-family: lotus-eden, sans-serif;
  font-size: 1.3vw;
  font-weight: 800;
}

.ai-vidpipe-process-grid {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  grid-column-gap: min(3vw, 40.98px);
  grid-row-gap: min(3vw, 40.98px);
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
  margin-top: min(3vw, 40.98px);
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.ai-vidpipe-process-cell {
  grid-row-gap: 1vw;
  flex-direction: column;
  display: flex;
}

.ai-vidpipe-process-img {
  aspect-ratio: 422 / 579;
  color: #5a2c1e;
  text-align: center;
  background-color: #0a0a0a;
  border: 1px solid #5a2c1e;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: .8vw;
  display: flex;
}

.ai-vidpipe-process-step-title {
  color: #f5f0e8;
  letter-spacing: .01em;
  margin-top: .5vw;
  margin-bottom: 0;
  font-family: lotus-eden, sans-serif;
  font-size: 1.6vw;
  font-weight: 800;
  line-height: 1.2;
}

.ai-vidpipe-process-step-desc {
  color: #f5f0e8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: hepta-slab, sans-serif;
  font-size: 1.3vw;
  line-height: 1.45;
}

.ai-vidpipe-process-step-tools {
  color: #f5f0e8;
  letter-spacing: .02em;
  margin-top: .5vw;
  margin-bottom: 0;
  font-family: hepta-slab, sans-serif;
  font-size: 1vw;
  font-weight: 700;
}

.ai-vidpipe-final-prompt-inner {
  grid-row-gap: 3vw;
  flex-direction: column;
  width: 100%;
  max-width: 85vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ai-vidpipe-json-row {
  grid-column-gap: 2vw;
  flex-direction: row;
  align-items: stretch;
  width: 87%;
  margin-top: 2vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ai-vidpipe-json-col {
  flex: 1;
  width: 50%;
}

.ai-vidpipe-json-code {
  color: #d8e4ea;
  white-space: pre-wrap;
  word-break: break-word;
  background-color: #17212b;
  border-radius: .75vw;
  width: 100%;
  margin: 0;
  padding: 1.5vw;
  font-family: monospace;
  font-size: 1.2vw;
  line-height: 1.45;
  display: block;
  overflow: visible;
  box-shadow: inset 0 0 1.04vw -1.04vw #00000057;
}

.ai-vidpipe-outcome-inner {
  grid-row-gap: 1.5vw;
  flex-direction: column;
  width: 100%;
  max-width: 85vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.inline-svg-0-1 {
  display: block;
}

.inline-svg-1 {
  padding-left: 23px;
  padding-right: 25px;
  display: block;
}

.inline-svg-0-1-2 {
  display: block;
}

.inline-mask-0 {
  mask-type: alpha;
}

.inline-svg-2 {
  box-shadow: none;
  filter: none;
  display: block;
}

.inline-svg-3 {
  filter: none;
  display: block;
}

.inline-mask-1 {
  mask-type: alpha;
}

.inline-svg-4 {
  filter: none;
  display: block;
}

.inline-svg-5 {
  display: block;
}

.inline-mask-2 {
  mask-type: alpha;
}

.inline-svg-6, .inline-svg-7, .inline-svg-8 {
  display: block;
}

.inline-path-0 {
  mix-blend-mode: screen;
}

.inline-path-1, .inline-path-2 {
  mix-blend-mode: overlay;
}

.inline-svg-9, .inline-svg-0-1-2-3 {
  display: block;
}

.ai-vidpipe-process-lightbox {
  cursor: zoom-in;
  background-color: #0a0a0a;
  border: 1px solid #5a2c1e;
  width: 100%;
  padding-top: 137.2%;
  position: relative;
  overflow: hidden;
  box-shadow: .21vw .21vw .63vw #00000073;
}

.ai-vidpipe-process-lightbox.inline-div-0 {
  position: relative;
}

.ai-vidpipe-process-thumb-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ai-vidpipe-process-video-wrap {
  aspect-ratio: 422 / 579;
  background-color: #0a0a0a;
  border: 1px solid #5a2c1e;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ai-vidpipe-process-video-iframe {
  cursor: zoom-in;
  border-style: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ai-vidpipe-logo-img-chain {
  filter: none;
  object-fit: contain;
  flex: none;
  width: 4.5vw;
  height: 4.5vw;
  display: block;
}

.ai-vidpipe-logo-img-luma {
  object-fit: contain;
  flex: none;
  width: 5.8vw;
  height: 6.6vw;
  display: block;
}

.inline-svg-0-1-2-3-4 {
  display: block;
}

.ai-vid-lightbox-iframe.inline-iframe-0 {
  width: 100%;
  height: 100%;
}

.ai-vidpipe-arrow-cell-down {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 8vw;
  padding-bottom: 0;
  display: flex;
}

.inline-iframe-0 {
  width: 100%;
  height: 100%;
  display: block;
}

.inline-iframe-0-1 {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.inline-div-0-1-2 {
  background-image: url("https://cdn.prod.website-files.com/627b368efc55622ab3864eb9/6a165d38b937533ba6c3654a_process-image-1.webp");
  background-size: cover;
  width: 100%;
  height: 100%;
}

.inline-div-0-1-2-3 {
  background-image: url("https://cdn.prod.website-files.com/627b368efc55622ab3864eb9/6a165d3881bee5c4285839bc_process-image-7.webp");
  background-size: cover;
  width: 100%;
  height: 100%;
}

.inline-svg-0-1-2-3-4-5, .inline-svg-0-1-2-3-4-5-6, .inline-svg-0-1-2-3-4-5-6-7 {
  display: block;
}

.cell-align-bottom {
  place-self: end center;
}

.cell-align-top {
  align-self: start;
}

.cell-align-top.start-frame {
  margin-top: .6vw;
  margin-left: -10vw;
}

.arrow-42-native {
  width: 1.5vw;
  height: 4.5vw;
  margin-top: -2vw;
  margin-bottom: -31px;
  margin-left: 145.9vw;
  padding-left: 0;
  display: block;
}

.chain-stack-wide {
  grid-column: 2 / 4;
  padding-left: 8vw;
  padding-right: 10.5vw;
  overflow: visible;
}

.chain-arrow-native {
  width: 2.8vw;
  height: 1.4vw;
  display: block;
}

.chain-arrow-leading-native {
  width: 4.4vw;
  height: 1.4vw;
  display: block;
}

.luma-arrow-native {
  flex-shrink: 0;
  width: 14vw;
  height: 1.4vw;
  display: block;
}

.inline-svg-0-1-2-3-4-5-6-7-8 {
  margin-left: -57px;
  padding-left: 0;
  display: block;
}

.inline-svg-0-1-2-3-4-5-6-7-8-9 {
  margin-right: -50px;
  padding-right: 0;
  display: block;
}

.inline-svg-0-1-2-3-4-5-6-7-8-9-10, .inline-svg-0-1-2-3-4-5-6-7-8-9-10-11 {
  display: block;
}

.cs-vcl-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.opp-strip-row {
  justify-content: center;
  align-items: flex-start;
  gap: min(2vw, 27.32px);
  width: min(85vw, 1161px);
  margin: min(3vw, 40.98px) auto;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: flex;
}

.opp-strip-cell {
  grid-row-gap: min(.8vw, 10.93px);
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  display: flex;
}

.opp-strip-vid {
  aspect-ratio: 16 / 9;
  background-color: #000;
  width: 100%;
  height: auto;
  margin: 0;
}

.opp-strip-cap {
  color: #f5f0e8;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: hepta-slab, sans-serif;
  font-size: min(1vw, 13.66px);
  line-height: 1.4;
}

.image-10 {
  width: 100%;
}

.div-block-14 {
  margin-left: -68px;
  padding-top: 58px;
}

.list-item-2 {
  font-size: 14vw;
}

.list-3 {
  width: 35vw;
  margin-bottom: 2vw;
  padding-left: 2.5vw;
  font-size: 1.3vw;
  line-height: 2vw;
}

.ai-list {
  padding-bottom: 1vw;
}

.image-11 {
  max-width: 93%;
  margin-left: 1.2vw;
}

.contact-wrap {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 5vw;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4vw;
  padding-bottom: 9vw;
  display: flex;
}

.contact-left {
  flex-direction: column;
  max-width: 42vw;
  display: flex;
}

.contact-right {
  flex-direction: column;
  flex-shrink: 0;
  width: 33vw;
  display: flex;
}

.contact-eyebrow {
  color: #da8359;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 1.5vw;
  font-size: .9vw;
}

.contact-h1 {
  color: #f5f0e8;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: lotus-eden, sans-serif;
  font-size: 4.4vw;
  font-weight: 800;
  line-height: 1;
}

.contact-lede {
  color: #f5f0e8;
  max-width: 30vw;
  margin-top: 1.8vw;
  font-family: hepta-slab, sans-serif;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5;
}

.contact-reveal {
  color: #f5f0e85e;
  border-top: 1px solid #f5f0e880;
  margin-top: 3vw;
  padding-top: 2vw;
}

.contact-reveal-label {
  color: #f5f0e89e;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: .8vw;
  font-family: lotus-eden, sans-serif;
  font-size: .78vw;
  font-weight: 700;
}

.contact-reveal-link {
  color: #f5f0e8;
  border-bottom: 2px solid #da8359;
  padding-bottom: .2vw;
  font-family: hepta-slab, sans-serif;
  font-size: 1.8vw;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
}

.contact-card {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #f5f0e814;
  border: 1px solid #f5f0e880;
  border-radius: 18px;
  flex-direction: column;
  padding: 2.4vw;
  display: flex;
}

.contact-label {
  color: #f5f0e8;
  letter-spacing: .16em;
  -webkit-text-stroke-color: #f5f0e8;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: lotus-eden, sans-serif;
  font-size: .78vw;
  font-weight: 800;
  display: block;
}

.contact-input {
  color: #f5f0e8;
  background-color: #0000;
  border: 0;
  border-bottom: 1.5px solid #f5f0e880;
  width: 100%;
  margin-bottom: 1.6vw;
  padding-bottom: .5vw;
  padding-left: 0;
  font-family: hepta-slab, sans-serif;
  font-size: 1.3vw;
}

.contact-textarea {
  color: #f5f0e8;
  min-height: 7vw;
  font-family: hepta-slab, sans-serif;
}

.contact-recaptcha-slot {
  color: #da8359;
  text-align: center;
  border: 1.5px dashed #da8359;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 25vw;
  max-width: 100%;
  min-height: 5vw;
  margin-bottom: 1.6vw;
  padding: .6vw;
  font-size: .72vw;
  display: flex;
}

.contact-submit {
  color: #1a0f08;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #da8359;
  border: 0;
  border-radius: 50px;
  align-self: flex-start;
  padding: .85vw 2.2vw;
  font-family: lotus-eden, sans-serif;
  font-size: .95vw;
  font-weight: 800;
}

.contact-note {
  color: #f5f0e880;
  margin-top: 1.2vw;
  font-size: .72vw;
  line-height: 1.5;
}

.recaptcha {
  align-self: auto;
}

.bold-text-3 {
  font-weight: 500;
}

@media screen and (min-width: 1280px) {
  .cs-photo-grid.is-flush {
    margin-bottom: 0;
  }

  .cv-carousel {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 60%;
  }

  .cv-stage {
    flex-shrink: 0;
    width: 78%;
  }

  .cv-thumbs {
    flex-flow: column;
    flex: auto;
    justify-content: space-between;
    width: auto;
  }

  .cv-thumb {
    width: auto;
    height: calc(25% - 9px);
  }
}

@media screen and (min-width: 1440px) {
  .heading.content-page-heading {
    text-align: right;
    margin-bottom: 27px;
    display: block;
  }

  .heading.heading---process {
    letter-spacing: 3px;
    font-size: 37px;
  }

  .heading.content-page-heading-landscape {
    flex: 0 auto;
    margin-bottom: 14px;
    font-size: 29px;
  }

  .heading.content-page-heading-square {
    flex-flow: row;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: flex;
  }

  .heading.content-page-heading-landscape-subheading, .heading.content-page-heading-vertical {
    text-align: center;
    margin-bottom: 27px;
    display: block;
  }

  .heading.heading-audio {
    text-align: center;
    justify-content: center;
    margin-bottom: 27px;
    font-family: proxima-soft, sans-serif;
    display: flex;
  }

  .heading.heading---lf-promo {
    letter-spacing: 3px;
    font-size: 48px;
  }

  .heading.content-page-heading-landscape-sky-and-screen-replacement {
    flex: 0 auto;
  }

  .heading.heading---cuervo, .heading.heading---laser-bottle {
    letter-spacing: 3px;
    font-size: 48px;
  }

  .content-page-description {
    text-align: left;
    max-width: 75%;
    margin-left: 64px;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    display: block;
  }

  .button---content-page-back-to-motion {
    max-width: 31%;
  }

  .grid---twa-process-3 {
    max-width: 99.9998%;
  }

  .heading-3.lost-and-found-heading-3, .heading-3.lost-and-found-heading-3.lost-and-found {
    font-size: 31px;
  }

  .heading-3.twa-heading-3 {
    font-size: 30px;
  }

  .heading-3.cuervo-heading-3, .heading-3.cuervo-heading-3.lost-and-found {
    font-size: 31px;
  }

  .container.container---landscape-motion-feature {
    border-style: none;
    border-width: 15px;
    max-width: 63%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .container.container---landscape-motion-feature.daisydisk-process {
    max-width: 60%;
  }

  .container.container---landscape-motion-feature.penguins {
    max-width: 80%;
  }

  .container.container---footer-about {
    padding-bottom: 72px;
  }

  .container.container---square-motion-feature-copy {
    border-style: none;
    border-width: 15px;
    max-width: 84%;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .container.container---vertical-motion-feature-copy-copy {
    border-style: none;
    border-width: 15px;
    max-width: 84%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .container.container---contact-form {
    max-width: 43%;
  }

  .div---process {
    max-width: 75%;
  }

  .div---process.laserbottle {
    max-width: 20%;
  }

  .paragraph-light-blue.paragraph---footer-bio {
    padding-top: 33px;
  }

  .button---back-to-motion-big {
    max-width: 25%;
  }

  .button---back-to-motion-big.photo {
    margin-top: 72px;
    margin-bottom: 72px;
  }

  .div-spacer-grid-square {
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: baseline;
    margin-left: 0;
    margin-right: -9px;
    display: flex;
  }

  .div-block-4 {
    max-width: 54%;
    display: flex;
  }

  .div-block-5 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 55%;
    display: flex;
  }

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

  .div-grid---block-design {
    flex-wrap: nowrap;
    flex: none;
    place-content: stretch center;
    align-self: flex-start;
    align-items: center;
    min-width: 88%;
    max-width: 86%;
    display: inline-block;
  }

  .div-grid---block-design.sky-and-screen-replacement-videos {
    min-width: 80%;
  }

  .div-grid---block-design.midway-videos, .div-grid---block-design.tiktok-video {
    min-width: 91%;
  }

  .div-grid---block-design.selected-audio {
    min-width: 72%;
    max-width: 88%;
  }

  .div-grid---block-design.one-sheets {
    min-width: 91%;
  }

  .div-grid---content-design {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .div-grid---content-design.double {
    margin-left: -51px;
  }

  .div-block---square-feature-content {
    text-align: left;
    border: 20px #000;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    max-width: 110%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block---square-feature-content.double {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: inline;
  }

  .div-block---square-feature-title {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-7 {
    max-width: 61%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-landscape-content-feature.audio {
    max-width: 92%;
    padding-left: 31px;
    padding-right: 31px;
  }

  .div-landscape-content-feature.daisydisk-formats {
    max-width: 90%;
  }

  .div-block---landscape-feature-content-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    display: flex;
  }

  .content-page-description-landscape {
    flex: 0 auto;
    order: 0;
    align-self: center;
    max-width: 83%;
    font-size: 21px;
  }

  .content-page-description-landscape.tiktok-description {
    text-align: center;
  }

  .div-grid---block-square {
    flex-wrap: nowrap;
    place-content: stretch flex-start;
    align-self: center;
    align-items: stretch;
    min-width: 73%;
    display: block;
  }

  .div-block---square-feature-title-square {
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .div-grid---margin-and-padding-square {
    min-width: 100%;
    margin-left: 1px;
    margin-right: 1px;
  }

  .div-grid---content-square {
    padding-left: 0;
  }

  .content-page-description-square {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: 31px;
    font-size: 19px;
    display: flex;
  }

  .content-page-description-square.double {
    flex: 0 auto;
    order: 0;
    align-self: auto;
    margin-left: auto;
    display: block;
  }

  .button---back-to-motion-big-crayon-soul-blips {
    max-width: 58%;
  }

  .content-page-description-landscape-centered {
    text-align: center;
    max-width: 89%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-vertical-content-feature {
    max-width: 61%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block---vertical-feature-title-square-copy {
    text-align: center;
    justify-content: center;
    align-items: stretch;
    max-width: 68%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-grid---block-vertical {
    flex-wrap: nowrap;
    place-content: stretch flex-start;
    align-self: center;
    align-items: stretch;
    min-width: 73%;
    max-width: 100%;
  }

  .div-grid---margin-and-padding-vertical {
    min-width: 100%;
    margin-left: 1px;
    margin-right: 1px;
    display: block;
  }

  .div-grid---content-vertical {
    padding-left: 0;
  }

  .div-spacer-grid-vertical {
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: baseline;
    margin-left: 0;
    margin-right: -9px;
    display: flex;
  }

  .div-block---vertical-feature-content {
    text-align: left;
    border: 20px #000;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    max-width: 72%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .content-page-description-vertical {
    text-align: left;
    flex-direction: column;
    max-width: none;
    margin-left: 64px;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
  }

  .daisydisk-preview-vid {
    margin-bottom: 42px;
  }

  .gallery-lightbox---open-your-mind {
    margin-bottom: 0;
  }

  .gallery-lightbox---birds-of-canada {
    margin-bottom: -69px;
  }

  .header---contact.content-page-heading {
    text-align: right;
    margin-bottom: 27px;
    display: block;
  }

  .header---contact.heading---process {
    letter-spacing: 3px;
  }

  .header---contact.content-page-heading-landscape {
    text-align: center;
    margin-bottom: 27px;
    display: block;
  }

  .header---contact.content-page-heading-square {
    text-align: right;
    margin-bottom: 27px;
    display: block;
  }

  .header---contact.content-page-heading-landscape-subheading, .header---contact.content-page-heading-vertical {
    text-align: center;
    margin-bottom: 27px;
    display: block;
  }

  .dropdown-list.w--open {
    overflow: visible;
  }

  .paragraph---audio {
    padding-top: 23px;
    font-size: 25px;
  }

  .column {
    margin-top: 28px;
  }

  .html-embed-3 {
    max-width: 73%;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
  }

  .html-embed-3.audio-soundcloud {
    flex: 0 auto;
    order: 1;
    align-self: flex-end;
    min-width: 33%;
    max-width: 108%;
    margin-top: -11px;
  }

  .div-grid---block-design-bigger {
    flex-wrap: nowrap;
    place-content: stretch flex-start;
    align-self: center;
    align-items: stretch;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-grid---block-design-bigger.centered {
    align-self: auto;
    min-width: 60%;
  }

  .div-grid---content-design-bigger {
    padding-left: 0;
  }

  .div-grid---block-photo {
    flex-wrap: nowrap;
    place-content: stretch flex-start;
    align-self: center;
    align-items: stretch;
    min-width: 100%;
    max-width: 100%;
  }

  .paragraph-2 {
    font-size: 21px;
  }

  .div-block---square-feature-content-youre-not-crazy {
    border: 20px #000;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    margin-top: -50px;
    display: block;
  }

  .button---back-to-motion-big-sky-and-screen-replacement {
    max-width: 58%;
    margin-top: 25px;
  }

  .content-page-description-landscape-midway {
    flex: 0 auto;
    order: 0;
    align-self: center;
    max-width: 89%;
    font-size: 19px;
  }

  .link-block {
    margin-top: 1px;
  }

  .html-embed-4 {
    margin-top: 100px;
  }

  .html-embed-5 {
    margin-top: 51px;
  }

  .image-4 {
    min-width: 100%;
    display: inline-block;
  }

  .div-block---landscape-feature-content-audio {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    display: block;
  }

  .photo-image {
    max-width: 127%;
  }

  .link-block-2 {
    margin-top: -85px;
  }

  .link-block-3 {
    margin-top: -57px;
  }

  .html-embed-6 {
    margin-top: -12px;
  }

  .html-embed-7 {
    margin-top: 0;
  }

  .html-embed-8 {
    margin-top: -54px;
  }

  .link-block---eli-holding-this-in {
    margin-top: 13px;
  }

  .div-grid---block-vertical-eli {
    flex-wrap: nowrap;
    place-content: stretch flex-start;
    align-self: center;
    align-items: stretch;
    min-width: 73%;
    max-width: 100%;
  }

  .div-block---vertical-feature-content-eli {
    text-align: left;
    border: 20px #000;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    max-width: 72%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-grid---block-vertical-cuervo {
    flex-wrap: nowrap;
    place-content: stretch flex-start;
    align-self: center;
    align-items: stretch;
    min-width: 73%;
    max-width: 100%;
  }

  .div-grid---margin-and-padding-vertical-cuervo {
    min-width: 100%;
    margin-left: 1px;
    margin-right: 1px;
  }

  .paragraph-2-cuervo {
    text-align: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 21px;
  }

  .content-page-description-vertical-cuervo {
    text-align: left;
    flex-direction: column;
    max-width: none;
    margin-left: 64px;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 25px;
    display: block;
  }

  .section-2 {
    width: 100%;
    overflow: hidden;
  }

  .section-ai1 {
    margin-left: auto;
    margin-right: auto;
  }

  .image-6 {
    max-width: 100%;
  }

  .body-2 {
    background-color: #f5f0e8;
    background-image: linear-gradient(#f5f0e8, #f5f0e8);
  }

  .installations-photo {
    width: 118%;
    max-width: 115%;
    height: 118%;
    margin-left: -5%;
  }

  .cs-page.ai-as-interface, .cs-page.ai-main {
    padding-bottom: 0;
  }

  .cs-display-title {
    margin-top: 0;
    margin-bottom: 32px;
    margin-left: 158px;
    font-size: 44px;
    line-height: 1.05;
  }

  .cs-display-title.is-hero-title {
    max-width: 550px;
    margin-left: 0;
    padding-top: 11px;
    font-size: 50px;
  }

  .cs-display-title.is-hero-title.is-long {
    max-width: 650px;
    display: block;
  }

  .cs-display-title.is-hero-title.solum {
    max-width: 580px;
    padding-left: 18px;
  }

  .cs-display-title.is-hero-title.crayon-soul {
    max-width: 640px;
    margin-left: 0;
    padding-left: 0;
    font-size: 47px;
  }

  .cs-display-title.is-hero-title.ai {
    font-size: 58px;
  }

  .cs-display-section {
    max-width: 1008px;
    margin-top: 25px;
    margin-bottom: 14.4px;
    padding-left: 72px;
    font-size: 43.2px;
    line-height: 43.2px;
    display: flex;
  }

  .cs-display-section.is-2026-site {
    max-width: 1100px;
    margin-top: 59px;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 30px;
  }

  .cs-display-section.is-2026-site.has-gap-above {
    margin-top: 87px;
  }

  .cs-display-section.is-2026-site.album, .cs-display-section.is-2026-site.flared-out {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-display-section.is-2026-site.ai-select-an-agent {
    max-width: 1100px;
    margin: 84px auto 39.4px;
    padding-left: 0;
    padding-right: 8px;
    font-size: 30px;
    line-height: 40px;
  }

  .cs-display-section.is-2026-site.hex-details {
    max-width: 560px;
    margin-bottom: -33.6px;
    margin-left: 0;
    padding-left: 35px;
    padding-right: 0;
  }

  .cs-display-section.is-2026-site.imcas {
    max-width: 1200px;
    margin-top: 29px;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-display-section.is-centered {
    margin-top: 0;
    padding-top: 33px;
    font-size: 36px;
    display: block;
  }

  .cs-display-section.is-centered:hover {
    color: #f5f0e8;
  }

  .cs-display-section.is-centered.is-subheader {
    font-size: 25px;
  }

  .cs-display-section.is-centered.aox-pharmacy {
    font-size: 34px;
  }

  .cs-display-section.is-centered.ai-as-interface {
    margin-top: 56px;
  }

  .cs-display-section.is-centered.ai-case-studies {
    margin-bottom: 0;
    padding-top: 78px;
    font-size: 43px;
  }

  .cs-display-section.is-centered.ai-interface:hover {
    color: #a6d1ec;
  }

  .cs-display-section.left-justified {
    padding-left: 174px;
  }

  .cs-display-section.left-justified.ai-pipeline {
    font-size: 36px;
  }

  .cs-display-section.hexatron-title {
    font-size: 60px;
  }

  .cs-display-section.hexatron-subtitle {
    font-size: 35px;
  }

  .cs-display-footer {
    padding-top: 73px;
    font-size: 30px;
  }

  .cs-display-footer.is-2026-site {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 26px;
  }

  .cs-display-footer.is-2026-site.crayon-soul-bottom-links {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .cs-subtitle {
    flex-basis: 24%;
    margin-top: -15px;
    margin-left: 0;
    padding-left: 38px;
    padding-right: 0;
    font-size: 15px;
    line-height: 29px;
  }

  .cs-subtitle.is-hero-subtitle {
    max-width: 620px;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .cs-subtitle.is-hero-subtitle.is-less-text {
    max-width: 4500px;
    margin-left: 49px;
    padding-top: 17px;
    padding-left: 0;
    font-size: 18px;
  }

  .cs-subtitle.is-hero-subtitle.is-less-text.is-aspect-aox {
    max-width: 450px;
    margin-left: 34px;
  }

  .cs-subtitle.is-hero-subtitle.crayon-soul {
    max-width: 420px;
    margin-left: 5px;
    padding-right: 0;
  }

  .cs-subtitle.is-hero-subtitle.ai {
    max-width: 1200px;
    padding-top: 15px;
    padding-right: 0;
    font-size: 25px;
    line-height: 32px;
  }

  .cs-body {
    max-width: 1010px;
    margin-top: -33.12px;
    font-size: 20px;
  }

  .cs-body.process.is-flush-top {
    margin-top: 0;
    font-size: 18px;
  }

  .cs-body.is-audio-left {
    margin-left: 0;
    font-size: 18px;
  }

  .cs-body.is-right-column {
    max-width: 600px;
    margin-top: 27px;
    padding-left: 0;
    padding-right: 79px;
    font-size: 18px;
  }

  .cs-body.is-right-column.ai-intro {
    margin-top: -73px;
    padding-top: 0;
    padding-right: 37px;
    font-size: 22px;
  }

  .cs-body.has-gap-above.is-centered {
    margin-top: 53.28px;
    font-size: 20px;
  }

  .cs-body.has-gap-above.left-justified {
    font-size: 20px;
  }

  .cs-body.is-on-left.ai-intro {
    padding-left: 167px;
    font-size: 38px;
  }

  .cs-body.is-on-left.ai-intro.subtitle {
    margin-top: -38px;
    padding-left: 167px;
    font-size: 30px;
  }

  .cs-body.crayon-soul-live {
    margin-top: 0;
    margin-left: 47px;
    padding-right: 0;
    font-size: 19px;
  }

  .cs-body.crayon-soul-visuals {
    max-width: 1100px;
    font-size: 20px;
  }

  .cs-body.crayon-soul-visuals.blips {
    margin-top: 51px;
    margin-bottom: 63px;
    font-size: 20px;
  }

  .cs-body.crayon-soul-radio {
    max-width: 1100px;
    font-size: 20px;
  }

  .cs-body.crayon-soul-radio.bottom {
    margin-bottom: 75px;
  }

  .cs-body.ai-work-grid {
    max-width: 1100px;
    font-size: 24px;
  }

  .cs-body.ai-pipeline {
    max-width: 750px;
    padding-right: 0;
    font-size: 18px;
  }

  .cs-body.hexatron-details-text {
    margin-top: 43px;
    margin-left: 0;
    padding-right: 0;
    font-size: 22px;
  }

  .cs-body.ai-as-interface {
    font-size: 18px;
  }

  .cs-body.is-left-column {
    max-width: 600px;
    margin-top: 0;
    margin-left: 0;
    padding-top: 14px;
    padding-left: 0;
    padding-right: 37px;
    font-size: 22px;
  }

  .cs-body.is-left-column.ai-intro {
    margin-top: 0;
    padding-top: 0;
    padding-right: 37px;
  }

  .cs-body.ai-body {
    max-width: 1102.5px;
    margin-top: 21.6px;
    font-size: 18px;
  }

  .cs-body.ai-vidpipe-body {
    max-width: 1050px;
    font-size: 20px;
  }

  .cs-body.imcas {
    max-width: 1010px;
  }

  .cs-body.ai-case-studies {
    max-width: 1100px;
    font-size: 24px;
  }

  .cs-body-bold {
    margin-top: -82.08px;
    font-size: 20px;
  }

  .cs-body-bold.aox {
    margin-top: -126.08px;
  }

  .cs-body-bold.imcas {
    max-width: 1100px;
    margin-top: -50.08px;
    margin-bottom: -58px;
    padding-bottom: 0;
  }

  .cs-section {
    max-width: 100%;
  }

  .cs-section.is-hero-row {
    justify-content: center;
    width: 1100px;
    padding-top: 20px;
    padding-left: 0;
  }

  .cs-section.is-hero-row.is-aspect-aox {
    padding-left: 0;
  }

  .cs-section.is-hero-row.ai {
    width: 1440px;
    margin-bottom: 0;
    padding-left: 54px;
    display: block;
  }

  .cs-section.has-orange-gradient {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 136px;
  }

  .cs-section.has-orange-gradient.is-crayonsoul-radio {
    margin-bottom: -217px;
  }

  .cs-section.ai-meet-agents {
    max-width: 100%;
    margin-bottom: -181px;
    padding-top: 27px;
    padding-bottom: 0;
  }

  .cs-section.is-full-bleed {
    width: 100%;
    margin-top: -47px;
    padding-top: 0;
  }

  .cs-section.ai-page-footer {
    padding-top: 0;
  }

  .cs-section.ai-vcl {
    padding-top: 79.2px;
    padding-bottom: 43.2px;
  }

  .cs-section.ai-opp {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .cs-section.ai-amwn {
    padding-top: 57.6px;
    padding-bottom: 0;
  }

  .cs-section.ai-as-interface {
    max-width: 100%;
    padding-top: 27px;
  }

  .cs-section.ai-vidpipe-diagram {
    max-width: 1493px;
    padding-top: 96px;
  }

  .cs-section.aox-links {
    padding-top: 6vw;
    padding-bottom: 0;
  }

  .cs-section.imcas-links {
    padding-bottom: 0;
  }

  .cs-photo-grid {
    margin-top: -43px;
  }

  .cs-photo-grid.is-flush {
    width: 1100px;
    margin-bottom: 0;
  }

  .cs-photo-grid.spaces {
    margin-bottom: -139px;
  }

  .cs-process-row {
    padding-top: 0;
  }

  .cs-process-row.is-solo-card, .cs-process-row.is-grid-card.is-solo-card {
    grid-column: 1 / -1;
    justify-self: center;
    width: 48%;
    max-width: 48%;
  }

  .cs-image-placeholder {
    margin-top: -29px;
  }

  .cs-image-placeholder.has-gap-top {
    margin: 2px auto 0;
    padding-left: 0;
  }

  .cs-image-placeholder.has-gap-top.is-aspect-installation {
    width: 597px;
    margin-top: 61px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .cs-image-placeholder.is-aspect-triptych {
    width: 1200px;
    margin-top: 79px;
  }

  .cs-image-placeholder.is-hero-wide, .cs-image-placeholder.is-aspect-aox {
    width: 78%;
    max-width: 1100px;
  }

  .cs-image-placeholder.is-half-width.we-are-sound-live {
    margin-top: 83px;
    margin-bottom: 0;
  }

  .cs-header-row {
    margin-bottom: -26px;
    padding-bottom: 0;
    padding-left: 185.76px;
    padding-right: 216px;
  }

  .cs-header-row.is-aspect-aox {
    max-width: 1130px;
    padding-left: 0;
    padding-right: 11px;
  }

  .cs-header-row.is-aspect-aox:where(.w-variant-560ff5c1-0140-ab64-8c46-8a886054fa03) {
    z-index: 1000;
    max-width: 1390px;
    padding-left: 8px;
  }

  .cs-header-row.is-aspect-aox:where(.w-variant-54b43f70-a9b2-f55e-3f83-58fa24de4ad2) {
    z-index: 1000;
    max-width: 80%;
    margin-bottom: 0;
    padding-left: 0;
  }

  .cs-header-row.ai {
    margin-left: 128px;
    padding-left: 0;
    padding-right: 60px;
  }

  .cs-header-row.ai.pipeline {
    max-width: 1400px;
    margin-left: 110px;
    margin-right: 75px;
  }

  .cs-section-narrow {
    max-width: 1100px;
    padding-top: 130px;
    padding-left: 0;
    padding-right: 0;
  }

  .cs-section-narrow.le-brdige {
    padding-top: 34px;
  }

  .cs-header-logo {
    width: 374.4px;
    max-width: 360px;
    margin-left: 0;
  }

  .cs-header-logo:where(.w-variant-54b43f70-a9b2-f55e-3f83-58fa24de4ad2) {
    width: 26vw;
    max-width: 25vw;
    margin-left: -1.4vw;
  }

  .cs-header-logo.ai {
    width: 403.2px;
    max-width: 403.2px;
    padding-left: 129.6px;
  }

  .cs-header-logo.ai.ai-pipeline-case-study {
    width: auto;
    max-width: 410px;
    padding-left: 0;
  }

  .cs-header-nav {
    width: 33.12px;
    height: 18.72px;
    margin-bottom: 23.04px;
    margin-left: 161.76px;
    margin-right: 0;
  }

  .cs-caption {
    margin-top: 26px;
    font-size: 15px;
  }

  .cs-caption.process {
    margin-top: 0;
  }

  .cs-caption.is-left-column {
    width: 370px;
    max-width: 370px;
    margin-top: 54px;
    margin-left: 580px;
    font-size: 12px;
    display: flex;
  }

  .cs-caption.is-in-stack {
    width: 100%;
    max-width: 100%;
    margin: 6px 0 0;
    padding-left: 0;
    font-size: 15px;
  }

  .cs-caption.has-gap-below, .cs-caption.aox, .cs-caption.imcas-spaces {
    font-size: 18px;
  }

  .cs-contact-footer {
    margin-top: 143.08px;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .cs-contact-footer.ai-page {
    width: 100vw;
  }

  .cs-footer-row {
    gap: 57.6px;
    max-width: 100%;
    padding-left: 156.96px;
  }

  .cs-footer-col-left, .cs-footer-col-right {
    gap: 18px;
  }

  .cs-footer-logo {
    width: 27vw;
  }

  .cs-footer-tagline {
    max-width: 21vw;
    font-size: 1vw;
  }

  .cs-footer-heading {
    margin-top: 1vw;
    margin-left: 5vw;
    font-size: 1.2vw;
  }

  .cs-footer-social-row {
    gap: 21.6px;
    margin-right: -10.2vw;
  }

  .inline-svg-0 {
    width: Infinity% ;
    margin-right: 0;
    display: block;
  }

  .cv-carousel {
    flex-direction: row;
    align-items: stretch;
    width: 1100px;
    margin-top: -62px;
    padding-top: 0;
  }

  .cv-stage {
    flex-shrink: 0;
    width: 78%;
  }

  .cv-thumbs {
    flex-flow: column;
    flex: auto;
    justify-content: space-between;
    width: auto;
  }

  .cv-thumb {
    width: 100%;
    height: calc(25% - 9px);
  }

  .image-7 {
    float: none;
    clear: none;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    display: inline-block;
    position: static;
    overflow: clip;
  }

  .cs-display-subsection {
    margin-top: 30px;
    margin-bottom: 11px;
    font-size: 32px;
    line-height: 32px;
  }

  .cs-display-subsection.is-2026-site {
    max-width: 1010px;
    font-size: 26px;
  }

  .cs-display-subsection.is-2026-site.has-gap-above {
    max-width: 1010px;
    margin-top: -65px;
    font-size: 26px;
  }

  .cs-display-subsection.is-2026-site.has-less-bottom-gap {
    margin-top: 82px;
  }

  .cs-display-subsection.is-2026-site.has-less-gap-below {
    max-width: 1200px;
    margin-top: 43px;
    margin-bottom: -21.2px;
    font-size: 26px;
  }

  .cs-display-subsection.is-2026-site.has-less-gap-below.crayon-soul-subheader {
    max-width: 1100px;
    margin-top: 16px;
  }

  .cs-display-subsection.is-2026-site.imcas {
    max-width: 1200px;
  }

  .image-8 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-triptych-labels {
    margin-top: 6vw;
  }

  .cs-track-stack.is-audio-right {
    margin-left: 38px;
  }

  .cs-track-row {
    position: relative;
  }

  .cs-track-label {
    z-index: 2;
    color: #f5f0e8;
    white-space: nowrap;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 2vw;
  }

  .cs-track-bars {
    height: 3.75vw;
    min-height: 12px;
    max-height: 36px;
  }

  .cs-mod-grid {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    width: 1050px;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 5px 2px;
  }

  .cs-mod-cell-label {
    font-size: 18px;
  }

  .cs-section-rule {
    width: 1100px;
    margin-top: 1.5px;
    margin-bottom: 21px;
  }

  .cs-section-rule.imcas {
    width: 1200px;
  }

  .cs-audio-row {
    width: 1010px;
  }

  .cs-2col-row {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-2col-row.crayon-soul-live {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-2col-row.crayon-soul-vinyl {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 84px;
    padding-right: 0;
  }

  .cs-2col-row.crayon-soul-intro {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 34px;
  }

  .cs-2col-row.ai-intro {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    width: 1300px;
    margin-top: -2px;
  }

  .cs-2col-row.hexatron-details {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 89px;
    padding-bottom: 96px;
    padding-right: 0;
  }

  .cs-2col-row.ai-pipeline {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding: 61px 96px 87px 89px;
  }

  .cs-media-stack {
    box-sizing: border-box;
    width: 500px;
    margin-top: 0;
    padding-left: 0;
  }

  .cs-media-stack.is-on-right {
    padding-right: 0;
  }

  .cs-media-stack.hexatron-screenshots {
    margin-top: 59px;
  }

  .cs-process-grid {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-12 {
    width: 965px;
  }

  .crayon-soul-merch-3grid {
    max-width: 965px;
    padding-bottom: 97px;
  }

  ._2026-zane-lowe-embed {
    max-width: 1100px;
  }

  .ai-hero-photo {
    z-index: 0;
    width: 1700px;
    margin-top: -93px;
    padding-top: 0;
  }

  .grid-13 {
    grid-template-rows: auto;
    width: 550px;
    margin-top: -111px;
    margin-left: auto;
    margin-right: 0;
    padding-top: 0;
  }

  .ai-as-interface-video {
    width: 1400px;
    padding-top: 43.2px;
  }

  .ai-iface-vid-root {
    width: 800px;
  }

  .ai-iface-vid-inline {
    width: 375px;
    margin-left: auto;
    margin-right: auto;
  }

  .ai-iface-vid-inline.final {
    width: 940px;
  }

  .ai-iface-vid-inline.hero {
    width: 800px;
  }

  .ai-iface-vid-inline.ai-page {
    width: 700px;
  }

  .ai-iface-vid-lightbox {
    padding: 57.6px;
  }

  .ai-iface-vid-close {
    top: 28.8px;
    right: 28.8px;
  }

  .div-block-13 {
    padding-top: 60px;
  }

  .ai-video-grid {
    width: 1022px;
    margin-top: 0;
    padding-top: 738px;
  }

  .cs-vcl-tiles-row {
    gap: 112.5px;
    width: 1102.5px;
    margin-top: 36px;
  }

  .cs-vcl-tile {
    height: 337.5px;
  }

  .cs-vcl-tile.cs-vcl-tile-tall {
    width: 270px;
  }

  .cs-vcl-tile.cs-vcl-tile-square {
    width: 337.5px;
  }

  .cs-opp-video-large {
    width: 1102.5px;
    height: 620.25px;
    margin-top: 43.2px;
    margin-bottom: 43.2px;
  }

  .cs-amwn-tiles-row {
    gap: 3px;
    width: 798px;
    margin-top: 36px;
  }

  .cs-amwn-tiles-row.amwn-row-w {
    margin-bottom: -50px;
  }

  .cs-amwn-tile {
    width: 397.5px;
    height: 223.5px;
  }

  .ai-vidpipe-diagram-inner {
    max-width: 1350px;
    padding-left: 18px;
    padding-right: 9px;
  }

  .ai-vidpipe-diagram-row {
    grid-column-gap: 15px;
  }

  .ai-vidpipe-media-placeholder-lg.last-frame {
    margin-left: 143px;
    padding-left: 0;
    padding-right: 0;
  }

  .ai-vidpipe-process-grid {
    grid-column-gap: min(3vw, 40.98px);
    grid-row-gap: min(3vw, 40.98px);
    margin-top: min(3vw, 40.98px);
  }

  .code-embed-8 {
    display: none;
  }

  .bold-text-2 {
    font-size: 20px;
  }

  .list-3 {
    width: 575px;
    margin-top: 85px;
    margin-bottom: 46px;
    padding-left: 38px;
    font-size: 22px;
    line-height: 32px;
  }

  .ai-list {
    padding-bottom: 27px;
  }

  .image-11 {
    max-width: 482px;
  }

  .div-block-15 {
    margin-left: -18px;
  }

  .contact-input {
    font-size: 1.3vw;
  }

  .bold-text-3.ai-case-study-description {
    margin-top: -6px;
    font-size: 20px;
    display: block;
  }

  .path {
    padding-right: 0;
  }
}

@media screen and (min-width: 1920px) {
  .cs-photo-grid.is-flush {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .motion-grid {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    grid-template-rows: minmax(0, 2fr) auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row dense;
    align-self: stretch;
    padding-top: 0;
  }

  .square-video-content-section {
    padding-bottom: 0;
  }

  .video {
    min-width: 100%;
    max-width: 100%;
    margin-top: -2px;
  }

  .heading.content-page-heading {
    text-align: center;
    margin-bottom: 36px;
  }

  .heading.heading---process {
    letter-spacing: 2px;
  }

  .heading.content-page-heading-landscape {
    text-align: center;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 21px;
  }

  .heading.content-page-heading-landscape.audio {
    font-size: 28px;
  }

  .heading.content-page-heading-square {
    text-align: center;
    margin-bottom: -36px;
    font-size: 23px;
  }

  .heading.content-page-heading-landscape-subheading, .heading.content-page-heading-vertical, .heading.heading-audio {
    text-align: center;
    margin-bottom: 36px;
  }

  .heading.heading---lf-promo {
    letter-spacing: 2px;
  }

  .heading.content-page-heading-landscape-sky-and-screen-replacement {
    text-align: center;
    margin-bottom: 36px;
  }

  .heading.heading---cuervo, .heading.heading---laser-bottle {
    letter-spacing: 2px;
  }

  .nav-item {
    padding-left: 29px;
    padding-right: 29px;
    font-size: 14px;
  }

  .button---content-page-back-to-motion {
    max-width: 33%;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
  }

  .grid---twa-process-3 {
    margin-top: 18px;
    margin-bottom: 0;
    display: inline-block;
  }

  .heading-3.lost-and-found-heading-3 {
    margin-bottom: 14px;
  }

  .heading-3.lost-and-found-heading-3.lost-and-found {
    margin-bottom: 30px;
  }

  .heading-3.daisydisk-heading-3.daisydisk {
    margin-bottom: -37px;
  }

  .heading-3.cuervo-heading-3 {
    margin-bottom: 14px;
  }

  .heading-3.cuervo-heading-3.lost-and-found {
    margin-bottom: 30px;
  }

  .html-embed {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 0 0;
    background-size: auto;
  }

  .container.container---motion-grid {
    max-width: 79%;
  }

  .container.container---landscape-motion-feature {
    max-width: 85%;
    margin-top: 36px;
  }

  .container.container---landscape-motion-feature.audio {
    display: block;
  }

  .container.container---footer-about {
    max-width: 89%;
  }

  .container.container---square-motion-feature-copy, .container.container---vertical-motion-feature-copy-copy {
    max-width: 69%;
    margin-top: 36px;
  }

  .container.container---contact-form {
    max-width: 75%;
  }

  .grid---twa-ref-gallery {
    align-self: stretch;
  }

  .div---process.laserbottle {
    max-width: 50%;
  }

  .paragraph-light-blue.paragraph---footer-bio {
    padding-top: 40px;
    font-size: 18px;
  }

  .paragraph-light-blue.paragraph---footer-list {
    font-size: 18px;
  }

  .paragraph-light-blue.paragraph---footer-nice-day {
    margin-bottom: 44px;
    padding-top: 24px;
    font-size: 18px;
  }

  .paragraph-light-blue.paragraph---footer-smile {
    margin-top: -55px;
    font-size: 28px;
  }

  .text-span {
    font-size: 20px;
  }

  .button---back-to-motion-big {
    max-width: 41%;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .button---back-to-motion-big.daisydisk {
    max-width: 65%;
  }

  .button---back-to-motion-big.design {
    max-width: 60%;
  }

  .div-grid---block-design {
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  .div-grid---block-design.midway-videos {
    min-width: 87%;
  }

  .div-grid---block-design.audio {
    clear: none;
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-items: center;
    max-width: 93%;
    display: flex;
    position: static;
  }

  .div-grid---margin-and-padding-design {
    margin-left: 6px;
    margin-right: 6px;
  }

  .lightbox-link---process {
    max-width: 50%;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .list {
    margin-left: -20px;
    list-style-type: square;
  }

  .div-block-7 {
    max-width: 100%;
    margin-top: 0;
  }

  .div-landscape-content-feature.daisydisk-formats {
    max-width: 89%;
    margin-top: 57px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-page-description-landscape {
    max-width: 88%;
  }

  .div-grid---block-square {
    min-width: 64%;
    display: inline;
  }

  .div-grid---margin-and-padding-square {
    margin-left: 6px;
    margin-right: 6px;
  }

  .content-page-description-square {
    text-align: center;
    padding-top: 1px;
  }

  .button---back-to-motion-big-crayon-soul-blips {
    max-width: 54%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .content-page-description-landscape-centered {
    max-width: 88%;
  }

  .div-vertical-content-feature {
    max-width: 100%;
    margin-top: 0;
  }

  .div-grid---block-vertical {
    min-width: 64%;
    display: inline;
  }

  .div-grid---margin-and-padding-vertical {
    margin-left: 6px;
    margin-right: 6px;
  }

  .div-block---vertical-feature-content {
    display: inline;
  }

  .content-page-description-vertical {
    text-align: center;
  }

  .gallery-lightbox---open-your-mind {
    margin-top: 0;
    margin-bottom: 43px;
  }

  .html-embed-2 {
    display: block;
  }

  .header---contact.content-page-heading {
    text-align: center;
    margin-bottom: 36px;
  }

  .header---contact.heading---process {
    letter-spacing: 2px;
  }

  .header---contact.content-page-heading-landscape, .header---contact.content-page-heading-square, .header---contact.content-page-heading-landscape-subheading, .header---contact.content-page-heading-vertical {
    text-align: center;
    margin-bottom: 36px;
  }

  .subnav-link {
    font-size: 13px;
  }

  .dropdown-list.w--open {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 0;
    max-width: 120%;
    margin-left: -49px;
    display: flex;
    left: 25px;
  }

  .gallery-wrapper {
    grid-template-columns: .75fr 1fr 1fr;
    padding-left: 31px;
  }

  .gallery-grid {
    padding-right: 34px;
  }

  .gallery-sticky {
    position: sticky;
    top: 80px;
  }

  .gallery-link, .gallery-link.w--current {
    font-size: 20px;
  }

  .gallery-link.caption {
    text-align: center;
    font-size: 15px;
  }

  .div-grid---block-design-bigger {
    min-width: 64%;
    display: inline;
  }

  .div-grid---block-photo {
    min-width: 100%;
    display: inline;
  }

  .grid---lf-countdown-loops {
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .button---back-to-motion-big-sky-and-screen-replacement {
    max-width: 54%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .content-page-description-landscape-midway {
    max-width: 88%;
    font-size: 17px;
  }

  .div-block---landscape-feature-content-audio {
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .selected-audio-description {
    white-space: normal;
    font-size: 20px;
    line-height: 1.4;
  }

  .link-block-2 {
    margin-top: 28px;
  }

  .link-block-3 {
    margin-top: 0;
  }

  .link-block-5 {
    margin-bottom: 36px;
  }

  .div-grid---block-vertical-eli {
    min-width: 64%;
    display: inline;
  }

  .div-block---vertical-feature-content-eli {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .video-vertical-cuervo {
    min-width: 100%;
  }

  .div-grid---block-vertical-cuervo {
    min-width: 100%;
    display: inline;
  }

  .div-grid---margin-and-padding-vertical-cuervo {
    margin-left: 6px;
    margin-right: 6px;
  }

  .content-page-description-vertical-cuervo {
    text-align: center;
  }

  .section-2 {
    height: 100vh;
  }

  .video-3 {
    object-position: center bottom;
    min-width: 100vh;
    min-height: 100vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)rotate(-90deg);
  }

  .hero-signature-2025-sandbox {
    max-width: 55vw;
  }

  .hero-tagline-2025-sandbox {
    font-size: 3vw;
  }

  .project-card-circle-deco.is-top-right {
    z-index: 1;
    width: 25vw;
    height: 25vw;
    top: -4.9vw;
    right: 7.6vw;
  }

  .project-card-circle-deco.is-bottom-left {
    width: 25vw;
    height: 25vw;
    bottom: 7.8vw;
    left: -3vw;
  }

  .project-card-label-circle {
    z-index: 50;
    width: 25vw;
    height: 25vw;
    padding-top: 62px;
    padding-left: 27px;
    bottom: -7.5vw;
    right: -7.5vw;
  }

  .project-card-label-text {
    color: #462607;
    margin-bottom: 151px;
    padding-bottom: 0;
    font-size: 2.6vw;
  }

  .project-card-subhead {
    margin-top: 8px;
    padding-top: 0;
    padding-left: 9vw;
    font-size: 2vw;
    line-height: 1.2;
  }

  .section-project-card {
    padding-top: 100px;
  }

  .project-card-container {
    transform-origin: center;
    flex: 0 auto;
    align-self: center;
    width: 70%;
    max-width: 116%;
    scale: 1;
  }

  .div-block-10 {
    z-index: 2;
    border-style: none;
    border-radius: 100px;
    width: 100%;
    height: 40vw;
    position: relative;
  }

  .div-block-11, .div-block-12 {
    z-index: 100;
    border-radius: 100px;
    padding: 5px;
  }

  .border-overlay {
    border-radius: 100px;
  }

  .section-project-background-aboutinfo {
    justify-content: center;
    padding-top: 135px;
  }

  .about-inner-rect-text {
    border-radius: 100px;
  }

  .pitch-main-box {
    flex-direction: column;
    padding: 40px;
  }

  .pitch-left {
    width: 100%;
    max-width: 380px;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .pitch-bio {
    font-size: 22px;
  }

  .main2-pitch-stage {
    width: 80vw;
    height: 56vw;
  }

  .main2-about-frame-figma {
    aspect-ratio: 900 / 557;
    align-self: center;
    width: 80vw;
    max-width: 80vw;
    height: 56vw;
    display: block;
    position: relative;
  }

  .main2-clients-box-figma {
    width: 34.4vw;
    height: 21.4vw;
    top: 61.8%;
  }

  .main2-clients-text-figma {
    width: 27vw;
    margin-top: 0;
    padding-top: 0;
    font-size: 1.6vw;
    position: absolute;
    top: 3.3vw;
  }

  .main2-about-copy-figma {
    width: 47.6%;
    font-size: 3vw;
    top: 13.9vw;
    left: 41vw;
  }

  .main2-outer-box-figma {
    padding-top: 0;
  }

  .main2-top-left-box-figma {
    width: 34.4vw;
    height: 34.6vw;
    position: absolute;
  }

  .m4-ref-stage {
    width: 93vw;
    height: auto;
  }

  .cs-display-section.is-2026-site.ai-select-an-agent {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-display-section.is-2026-site.hex-details {
    padding-right: 19px;
  }

  .cs-display-footer.is-2026-site.crayon-soul-bottom-links {
    margin-bottom: 0;
  }

  .cs-subtitle.is-hero-subtitle {
    padding-left: 3vw;
  }

  .cs-subtitle.is-hero-subtitle.is-less-text {
    padding-top: 6px;
  }

  .cs-subtitle.is-hero-subtitle.crayon-soul {
    padding-top: 2px;
    padding-left: 1vw;
    padding-right: 23px;
  }

  .cs-body.is-audio-left {
    margin-left: 0;
  }

  .cs-body.is-right-column {
    margin-top: 1.7vw;
    padding-right: 2vw;
    font-size: 1.5vw;
  }

  .cs-body.is-right-column.ai-intro {
    max-width: 140%;
    margin-left: -52px;
  }

  .cs-body.crayon-soul-live {
    font-size: 1.4vw;
  }

  .cs-body.ai-pipeline {
    padding-right: 7vw;
  }

  .cs-body.is-left-column {
    margin-top: 1.7vw;
    padding-left: 0;
    padding-right: 5px;
  }

  .cs-section.is-full-bleed {
    margin-top: -113px;
  }

  .cs-photo-grid {
    margin-bottom: -84px;
  }

  .cs-image-placeholder.has-gap-top {
    margin-top: 6vw;
  }

  .cs-image-placeholder.is-aspect-triptych {
    width: 70%;
    margin-bottom: -19px;
  }

  .cs-header-row {
    padding-bottom: 7px;
    padding-left: 12.7vw;
  }

  .cs-header-logo {
    margin-left: 0;
    padding-bottom: 0%;
    padding-left: 0;
  }

  .cs-header-logo:where(.w-variant-54b43f70-a9b2-f55e-3f83-58fa24de4ad2) {
    margin-left: -1.6vw;
  }

  .cs-header-logo.crayon-soul {
    padding-left: 4px;
  }

  .cs-header-nav {
    margin-bottom: .6vw;
    margin-right: 0%;
  }

  .cs-caption.is-left-column {
    margin-top: -9.3vw;
    margin-left: 23vw;
  }

  .cs-caption.is-in-stack {
    width: 100%;
    margin: .5vw 0 0;
  }

  .cs-caption.aox {
    margin-top: 14.7vw;
  }

  .cs-footer-logo {
    margin-bottom: -15px;
    margin-left: -2.4vw;
  }

  .cv-carousel {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 60%;
  }

  .cv-stage {
    flex-shrink: 0;
    width: 78%;
  }

  .cv-thumbs {
    flex-flow: column;
    flex: auto;
    justify-content: space-between;
    width: auto;
  }

  .cv-thumb {
    width: auto;
    height: calc(25% - 9px);
  }

  .image-7 {
    max-width: 100%;
    margin-top: 18px;
    margin-left: 0;
  }

  .cs-display-subsection.is-2026-site.has-gap-above {
    margin-top: 2vw;
    margin-bottom: -3.2vw;
  }

  .cs-display-subsection.is-2026-site.has-less-gap-below {
    margin-bottom: -4.2vw;
  }

  .cs-triptych-labels {
    height: 14px;
  }

  .cs-triptych-label {
    font-size: 10px;
    line-height: 14px;
  }

  .cs-track-stack.is-audio-right {
    padding-top: 0;
  }

  .cs-track-label {
    font-size: 1.2vw;
    top: 50%;
    left: 1vw;
  }

  .cs-track-label.is-audio {
    font-size: 1.2vw;
  }

  .cs-track-bars {
    height: 2.75vw;
  }

  .cs-track-bar.cs-track-bar--audio {
    border-radius: 3px;
    height: 2.75vw;
  }

  .cs-track-bar.cs-track-bar--video {
    border-radius: 3px;
  }

  .cs-track-bar--audio {
    height: 2.75vw;
  }

  .cs-mod-grid {
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
  }

  .cs-audio-row {
    width: 70vw;
  }

  .cs-2col-row.crayon-soul-live {
    padding-top: 7vw;
  }

  .cs-2col-row.crayon-soul-vinyl {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-2col-row.ai-intro {
    margin-top: -4.3vw;
    margin-bottom: -52px;
    padding-bottom: 0;
  }

  .cs-2col-row.hexatron-details {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    margin-left: auto;
    margin-right: auto;
  }

  .cs-2col-row.ai-pipeline {
    padding-top: 0;
    padding-bottom: 5vw;
  }

  .cs-media-stack {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 7px;
    display: flex;
  }

  .cs-media-stack.hexatron-screenshots {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-flow: column;
    width: 105%;
    margin-top: 2vw;
    padding-left: 11vw;
  }

  .ai-hero-photo {
    margin-top: 4.7vw;
  }

  .grid-13 {
    width: 100%;
    margin-top: -65px;
  }

  .list-3 {
    width: 39vw;
    padding-right: 2vw;
  }

  .image-11 {
    max-width: 93%;
  }

  .image-12 {
    max-width: 100%;
  }

  .div-block-15 {
    padding-left: 6vw;
  }

  .contact-input {
    font-size: 1.3vw;
    font-weight: 600;
  }
}

@media screen and (max-width: 767px) {
  .motion-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch;
    align-items: stretch;
    max-width: none;
    margin-bottom: 1px;
    overflow: visible;
  }

  .square-video-content-section {
    padding: 40px 20px;
  }

  .video {
    align-self: auto;
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  .heading.content-page-heading {
    text-align: center;
  }

  .heading.heading---process {
    letter-spacing: 2px;
  }

  .heading.content-page-heading-landscape {
    text-align: center;
    line-height: 27px;
  }

  .heading.content-page-heading-landscape.audio {
    margin-top: -20px;
    font-size: 22px;
  }

  .heading.content-page-heading-landscape.selected-av-content {
    margin-bottom: 6px;
    font-size: 26px;
  }

  .heading.content-page-heading-square {
    text-align: center;
    margin-bottom: -10px;
    font-size: 24px;
  }

  .heading.content-page-heading-landscape-subheading, .heading.content-page-heading-vertical, .heading.heading-audio {
    text-align: center;
  }

  .heading.centered.design {
    flex-wrap: nowrap;
    font-size: 28px;
  }

  .heading.heading---lf-promo {
    letter-spacing: 2px;
  }

  .heading.content-page-heading-landscape-sky-and-screen-replacement {
    text-align: center;
    margin-top: -16px;
    font-size: 27px;
  }

  .heading.heading---cuervo, .heading.heading---laser-bottle {
    letter-spacing: 2px;
  }

  .site-title {
    max-width: 91%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-item {
    text-align: center;
    margin-top: 7px;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 14px;
  }

  .nav-item.nav-contact {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--nav-light-red), #fff0);
  }

  .content-page-description {
    text-align: center;
  }

  .heading-3.lost-and-found-heading-3 {
    margin-top: 39px;
  }

  .heading-3.lost-and-found-heading-3.lost-and-found {
    margin-bottom: 33px;
  }

  .heading-3.twa-heading-3 {
    margin-bottom: -6px;
    font-size: 29px;
  }

  .heading-3.daisydisk-heading-3.daisydisk {
    margin-bottom: -17px;
  }

  .heading-3.cuervo-heading-3 {
    margin-top: 39px;
  }

  .heading-3.cuervo-heading-3.lost-and-found {
    margin-bottom: 33px;
  }

  .container.container---motion-grid {
    padding-top: 0;
  }

  .container.container---landscape-motion-feature {
    max-width: 76%;
    margin-top: 25px;
  }

  .container.container---landscape-motion-feature.audio {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .container.container---footer-about {
    max-width: 84%;
    margin-bottom: 13px;
  }

  .container.container---square-motion-feature-copy {
    margin-top: 11px;
  }

  .container.container---vertical-motion-feature-copy-copy {
    margin-top: 25px;
  }

  .gallery {
    padding: 40px 20px;
  }

  .grid---twa-ref-gallery {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }

  .paragraph-light-blue.paragraph---footer-bio {
    text-align: center;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 16px;
  }

  .paragraph-light-blue.paragraph---footer-list {
    justify-content: center;
    font-size: 16px;
    display: flex;
  }

  .paragraph-light-blue.paragraph---footer-list.paragraph---footer-get-in-touch {
    text-align: left;
    justify-content: center;
    font-size: 16px;
    display: flex;
  }

  .paragraph-light-blue.paragraph---footer-nice-day {
    margin-bottom: 46px;
    font-size: 16px;
  }

  .paragraph-light-blue.paragraph---footer-smile {
    margin-top: -59px;
    font-size: 27px;
  }

  .grid---footer {
    grid-template-rows: minmax(auto, 1fr) auto auto;
    grid-template-columns: 1fr;
  }

  .grid-5 {
    grid-template-rows: auto;
  }

  .button---back-to-motion-big {
    max-width: 42%;
    font-size: 13px;
  }

  .button---back-to-motion-big.daisydisk {
    margin-top: 73px;
  }

  .button---back-to-motion-big.design {
    max-width: 60%;
  }

  .div-spacer-grid-square {
    margin-top: -14px;
    margin-bottom: -14px;
  }

  .div-grid---block-design {
    max-width: 100%;
  }

  .div-grid---block-design.sky-and-screen-replacement-videos {
    margin-top: -24px;
    display: inline-block;
  }

  .div-grid---block-design.midway-videos {
    min-width: 93%;
  }

  .div-grid---block-design.tiktok-video {
    margin-top: -32px;
    display: block;
  }

  .div-grid---block-design.audio {
    max-width: 108%;
  }

  .div-grid---block-design.one-sheets {
    margin-top: -32px;
    display: block;
  }

  .div-grid---margin-and-padding-design {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .div-grid---content-design.audio {
    text-align: center;
  }

  .div-grid---content-design.selected-audio {
    margin-top: 39px;
    margin-bottom: -39px;
  }

  .hamburger {
    color: #d67b7d;
    margin-top: 9px;
    font-size: 40px;
  }

  .list {
    margin-left: 0;
    padding-left: 0;
    list-style-type: square;
    display: block;
  }

  .menu-button.w--open {
    background-color: #a7d3ff7d;
  }

  .nav-menu {
    background-color: #a7d3ff;
  }

  .div-landscape-content-feature.audio {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
  }

  .div-landscape-content-feature.daisydisk-formats {
    margin-top: 43px;
  }

  .content-page-description-landscape {
    text-align: center;
    padding-top: 6px;
    font-size: 17px;
  }

  .content-page-description-square {
    text-align: center;
    font-size: 16px;
  }

  .button---back-to-motion-big-crayon-soul-blips {
    margin-top: 0;
    font-size: 19px;
  }

  .content-page-description-landscape-centered {
    text-align: center;
  }

  .div-spacer-grid-vertical {
    margin-top: -14px;
    margin-bottom: -14px;
  }

  .content-page-description-vertical {
    text-align: center;
  }

  .gallery-lightbox---open-your-mind {
    margin-top: -48px;
    margin-bottom: 30px;
  }

  .gallery-lightbox---birds-of-canada {
    margin-top: -81px;
  }

  .header---contact {
    font-size: 35px;
  }

  .header---contact.content-page-heading {
    text-align: center;
  }

  .header---contact.heading---process {
    letter-spacing: 2px;
  }

  .header---contact.content-page-heading-landscape, .header---contact.content-page-heading-square, .header---contact.content-page-heading-landscape-subheading, .header---contact.content-page-heading-vertical {
    text-align: center;
  }

  .header---contact.h3-contact {
    margin-top: 7px;
    font-size: 24px;
  }

  .text-field {
    font-size: 20px;
  }

  .field-label {
    font-size: 18px;
  }

  .dropdown-list.w--open {
    margin-left: 0;
  }

  .gallery-overview, .gallery-scroll {
    padding: 60px 15px;
  }

  .gallery-link, .gallery-link.w--current {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
  }

  .lightbox-link-design {
    flex-direction: row-reverse;
    max-width: 79%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .div-grid---block-design-bigger, .div-grid---block-design-bigger.centered {
    max-width: 80%;
  }

  .div-grid---block-photo {
    min-width: 100%;
    max-width: 100%;
  }

  .grid---lf-countdown-loops {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    max-width: 66%;
    margin-bottom: -6px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .paragraph-2 {
    font-size: 17px;
  }

  .button---back-to-motion-big-sky-and-screen-replacement {
    margin-top: 26px;
    font-size: 19px;
  }

  .content-page-description-landscape-midway {
    text-align: center;
    margin-top: -25px;
    font-size: 14px;
  }

  .selected-audio-description {
    font-size: 14px;
    line-height: .6;
  }

  .photo-image {
    max-width: 102%;
  }

  .link-block-2, .link-block-3 {
    margin-top: 0;
  }

  .html-embed-8 {
    margin-top: 37px;
  }

  .html-embed-9 {
    margin-top: 76px;
  }

  .gallery-scroll-2 {
    padding: 60px 15px;
  }

  .heading-4.design {
    font-size: 30px;
  }

  .text-block.design, .paragraph-2-cuervo {
    font-size: 17px;
  }

  .content-page-description-vertical-cuervo {
    text-align: center;
  }

  .video-3 {
    transform: translate(-50%, -50%);
  }

  .hero-tagline-2025-sandbox {
    bottom: 4.8%;
  }

  .project-card-circle-deco.is-top-right {
    width: 22vw;
    height: 22vw;
    top: -5.1vw;
    right: 8.5vw;
  }

  .project-card-circle-deco.is-bottom-left {
    width: 22vw;
    height: 22vw;
    bottom: 10.7vw;
    left: -3vw;
  }

  .project-card-label-circle {
    z-index: 50;
    background-color: #f5f0e8;
    width: 22vw;
    height: 22vw;
    bottom: -8.4vw;
    right: -5vw;
  }

  .project-card-label-text {
    color: #462607;
    padding-bottom: 0;
    font-size: 2.5vw;
    position: absolute;
    top: 23%;
    left: 14%;
  }

  .project-card-subhead {
    color: #462707;
    text-align: left;
    width: auto;
    margin-top: 0%;
    margin-left: 12%;
    padding-left: 0;
    font-size: 1.9vw;
    display: inline-block;
  }

  .div-block-10 {
    border-radius: 60px;
    height: 38vw;
  }

  .div-block-11 {
    z-index: 100;
    border-radius: 75px;
  }

  .div-block-12 {
    z-index: 100;
    border-radius: 50px;
  }

  .div-hexatron, .div-bottle-membrane {
    bottom: auto;
    right: auto;
  }

  .border-overlay {
    border-radius: 60px;
  }

  .section-project-background-aboutinfo {
    min-height: 150vw;
  }

  .about-inner-rect-text {
    border-radius: 60px;
  }

  .pitch-main-box {
    padding: 24px;
  }

  .pitch-clients-text {
    font-size: 13px;
  }

  .pitch-bio {
    font-size: 18px;
  }

  .main2-about-frame-figma {
    width: 88vw;
    height: 60vw;
  }

  .main2-clients-box-figma {
    height: 25.2vw;
  }

  .main2-clients-text-figma {
    width: 28vw;
    font-size: 1.9vw;
    position: absolute;
    top: 2vw;
    left: 2.3vw;
  }

  .main2-about-copy-figma {
    font-size: 3.1vw;
    top: 14.9vw;
  }

  .cs-display-section.is-2026-site.hex-details {
    padding-right: 0;
  }

  .cs-display-footer.is-2026-site.crayon-soul-bottom-links {
    margin-bottom: 0;
  }

  .cs-subtitle.is-hero-subtitle.is-less-text {
    padding-top: 5px;
  }

  .cs-body.is-right-column {
    margin-left: 0;
    padding-right: 0;
  }

  .cs-body.is-on-left.ai-intro.subtitle {
    margin-top: -4.5vw;
  }

  .cs-body.crayon-soul-live {
    margin-top: 0;
    font-size: 1.5vw;
  }

  .cs-body.crayon-soul-visuals, .cs-body.crayon-soul-visuals.blips, .cs-body.crayon-soul-radio {
    font-size: 1.5vw;
  }

  .cs-body.is-left-column {
    margin-left: 0;
    padding-left: 9.5vw;
    padding-right: 6px;
  }

  .cs-section.has-orange-gradient.is-crayonsoul-radio {
    margin-bottom: -27.1vw;
  }

  .cs-section.is-full-bleed {
    margin-top: -129px;
  }

  .cs-header-row {
    padding: 22px 15.3vw 12px 12.5vw;
  }

  .cs-header-logo {
    margin-left: 0;
  }

  .cs-header-logo:where(.w-variant-54b43f70-a9b2-f55e-3f83-58fa24de4ad2) {
    margin-left: -1.7vw;
  }

  .cs-header-nav {
    margin-right: 0%;
  }

  .cs-caption.is-left-column {
    margin-top: -13.3vw;
  }

  .cs-caption.is-in-stack {
    width: 100%;
    margin: .5vw 0 0;
  }

  .cs-footer-logo {
    margin-bottom: -10px;
  }

  .cv-carousel {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 60%;
  }

  .cv-stage {
    flex-shrink: 0;
    width: 78%;
  }

  .cv-thumbs {
    flex-flow: column;
    flex: auto;
    justify-content: space-between;
    width: auto;
  }

  .cv-thumb {
    width: auto;
    height: calc(25% - 9px);
  }

  .cs-display-subsection.is-2026-site.has-gap-above {
    margin-bottom: -5.2vw;
  }

  .cs-track-stack {
    width: 100%;
    margin-left: 0;
    overflow: hidden;
  }

  .cs-track-stack.is-audio-right {
    grid-column-gap: .52vw;
    grid-row-gap: .52vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .cs-track-row {
    width: 100%;
    max-width: 100%;
  }

  .cs-track-bars {
    width: 100%;
    min-width: 0;
  }

  .cs-track-bar {
    flex: 1 1 0;
    min-width: 0;
  }

  .cs-audio-row {
    flex-direction: column;
    gap: 24px;
    max-width: 100%;
    overflow: hidden;
  }

  .cs-2col-row.crayon-soul-live {
    padding-top: 9vw;
  }

  .cs-2col-row.crayon-soul-vinyl, .cs-2col-row.crayon-soul-intro {
    width: 94%;
  }

  .cs-2col-row.ai-intro {
    margin-top: -4.3vw;
    margin-bottom: -51px;
    padding-bottom: 0;
  }

  .cs-media-stack.hexatron-screenshots {
    width: 92%;
  }

  .cs-process-grid {
    margin-top: 3vw;
  }

  .ai-hero-photo {
    margin-top: 10.7vw;
  }

  .grid-13 {
    width: 90%;
  }

  .ai-as-interface-video {
    margin-bottom: -3vw;
  }

  .list-3 {
    width: 37vw;
    padding-right: 0;
  }

  .image-11 {
    max-width: 121%;
  }

  .image-12 {
    max-width: 130%;
  }

  .div-block-15 {
    padding-left: 8vw;
  }

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

  .contact-left {
    max-width: 100%;
  }

  .contact-right {
    width: 100%;
  }

  .contact-lede {
    max-width: 80%;
  }

  .contact-card {
    margin-top: 17px;
  }

  .contact-label {
    font-size: 1vw;
  }

  .contact-recaptcha-slot {
    width: 40vw;
  }
}

@media screen and (max-width: 479px) {
  .motion-grid-container {
    text-align: left;
  }

  .motion-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .heading.content-page-heading {
    margin-top: 1px;
    margin-bottom: -4px;
    font-size: 19px;
    line-height: 26px;
  }

  .heading.heading---process {
    letter-spacing: 2px;
    padding-top: 0;
    font-size: 35px;
  }

  .heading.heading---process.daisydisk {
    margin-bottom: 25px;
  }

  .heading.content-page-heading-landscape {
    margin-top: 1px;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 18px;
  }

  .heading.content-page-heading-landscape.audio {
    margin-top: 11px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 35px;
  }

  .heading.content-page-heading-landscape.selected-av-content {
    margin-bottom: 40px;
    line-height: 43px;
  }

  .heading.content-page-heading-square {
    margin-top: 1px;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 26px;
  }

  .heading.content-page-heading-landscape-subheading, .heading.content-page-heading-vertical, .heading.heading-audio {
    margin-top: 1px;
    margin-bottom: -4px;
    font-size: 19px;
    line-height: 26px;
  }

  .heading.centered {
    font-size: 24px;
  }

  .heading.centered.design {
    margin-bottom: 37px;
    font-size: 20px;
    font-weight: 700;
  }

  .heading.heading---lf-promo {
    letter-spacing: 2px;
    margin-top: 21px;
    margin-bottom: 27px;
    padding-top: 0;
    font-size: 32px;
  }

  .heading.content-page-heading-landscape-sky-and-screen-replacement {
    margin-top: 1px;
    margin-bottom: 11px;
    font-size: 19px;
    line-height: 26px;
  }

  .heading.heading---cuervo {
    letter-spacing: 2px;
    margin-top: 21px;
    margin-bottom: 27px;
    padding-top: 0;
    font-size: 20px;
  }

  .heading.heading---laser-bottle {
    letter-spacing: 2px;
    margin-top: 21px;
    margin-bottom: -29px;
    padding-top: 15px;
    font-size: 23px;
    line-height: 30px;
  }

  .site-title {
    max-width: 100%;
  }

  .nav-item {
    text-align: center;
  }

  .nav-item.nav-contact {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--nav-light-red), #fff0);
    color: #fff;
  }

  .section {
    margin-top: 0;
  }

  .section.section---alt.selected-av-content {
    margin-top: 44px;
  }

  .content-page-description {
    font-size: 17px;
  }

  .button---content-page-back-to-motion {
    max-width: 78%;
  }

  .heading-3 {
    margin-bottom: 4px;
    font-size: 25px;
  }

  .heading-3.lost-and-found-heading-3 {
    margin-top: 25px;
    margin-bottom: -23px;
    font-size: 20px;
  }

  .heading-3.lost-and-found-heading-3.lost-and-found {
    margin-top: 33px;
    margin-bottom: 14px;
    font-size: 20px;
  }

  .heading-3.twa-heading-3 {
    font-size: 22px;
  }

  .heading-3.daisydisk-heading-3.daisydisk {
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .heading-3.cuervo-heading-3 {
    margin-top: 25px;
    margin-bottom: -2px;
    font-size: 20px;
  }

  .heading-3.cuervo-heading-3.lost-and-found {
    margin-top: 33px;
    margin-bottom: 14px;
    font-size: 20px;
  }

  .container.container---motion-grid {
    padding-top: 0;
  }

  .container.container---landscape-motion-feature {
    margin-top: -12px;
  }

  .container.container---landscape-motion-feature.audio {
    max-width: 97%;
  }

  .container.container---landscape-motion-feature.selected-audio-container {
    max-width: 96%;
  }

  .container.container---square-motion-feature-copy, .container.container---vertical-motion-feature-copy-copy {
    margin-top: -12px;
  }

  .references-container {
    text-align: left;
  }

  .grid---twa-ref-gallery {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .div---process.lost-and-found {
    max-width: 72%;
  }

  .paragraph-light-blue.paragraph---footer-bio {
    font-family: proxima-soft, sans-serif;
    font-size: 17px;
  }

  .paragraph-light-blue.paragraph---footer-list {
    text-align: center;
    font-family: proxima-soft, sans-serif;
    font-size: 19px;
  }

  .paragraph-light-blue.paragraph---footer-list.paragraph---footer-get-in-touch {
    font-size: 16px;
  }

  .paragraph-light-blue.paragraph---footer-nice-day {
    margin-bottom: 48px;
    font-family: proxima-soft, sans-serif;
    font-size: 16px;
  }

  .paragraph-light-blue.paragraph---footer-smile {
    font-size: 26px;
  }

  .text-span {
    font-family: proxima-soft, sans-serif;
  }

  .button---back-to-motion-big {
    max-width: 83%;
    margin-top: 64px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
  }

  .button---back-to-motion-big.daisydisk {
    max-width: 88%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-spacer-grid-square {
    margin-top: -12px;
    margin-bottom: 26px;
  }

  .div-grid---block-design.midway-videos {
    min-width: 92%;
  }

  .div-grid---block-design.tiktok-video {
    margin-top: -11px;
  }

  .div-grid---block-design.audio {
    max-width: 100%;
  }

  .div-grid---block-design.selected-audio {
    margin-top: -50px;
  }

  .div-grid---block-design.penguin-gif {
    min-width: 70%;
    max-width: 75%;
  }

  .div-grid---block-design.one-sheets {
    margin-top: -11px;
  }

  .div-grid---margin-and-padding-design {
    margin: 2px 0;
  }

  .div-grid---content-design {
    flex-direction: column;
  }

  .div-grid---content-design.selected-audio {
    margin-top: 36px;
  }

  .lightbox-link---process {
    max-width: 93%;
  }

  .hamburger {
    color: #d67b7d;
    font-size: 34px;
  }

  .list {
    margin-left: 0;
    padding-left: 0;
  }

  .menu-button {
    color: var(--back-to-all-motion-blue);
  }

  .menu-button.w--open {
    color: #537ea0;
    background-color: #a7d3ff99;
  }

  .nav-menu {
    z-index: 0;
    background-color: #a7d3ff;
  }

  .div-landscape-content-feature {
    overflow: visible;
  }

  .div-landscape-content-feature.daisydisk-formats {
    margin-top: 33px;
  }

  .content-page-description-landscape {
    max-width: 96%;
    padding-top: 14px;
    font-size: 15px;
  }

  .content-page-description-landscape.audio-selected-content {
    max-width: 74%;
    margin-top: -27px;
    margin-bottom: 99px;
  }

  .content-page-description-landscape.penguins {
    font-size: 13px;
  }

  .content-page-description-square {
    padding-top: 0;
    font-size: 15px;
  }

  .button---back-to-motion-big-crayon-soul-blips {
    max-width: 75%;
    margin-top: 2px;
    font-size: 15px;
  }

  .content-page-description-landscape-centered {
    padding-top: 0;
    font-size: 17px;
  }

  .div-spacer-grid-vertical {
    margin-top: -12px;
    margin-bottom: 26px;
  }

  .content-page-description-vertical {
    padding-top: 0;
    font-size: 17px;
  }

  .lost-found-preview-vid {
    margin-top: 37px;
  }

  .header---contact {
    font-size: 29px;
  }

  .header---contact.content-page-heading {
    margin-top: 1px;
    margin-bottom: -4px;
    font-size: 19px;
    line-height: 26px;
  }

  .header---contact.heading---process {
    letter-spacing: 2px;
    padding-top: 0;
    font-size: 35px;
  }

  .header---contact.content-page-heading-landscape, .header---contact.content-page-heading-square, .header---contact.content-page-heading-landscape-subheading, .header---contact.content-page-heading-vertical {
    margin-top: 1px;
    margin-bottom: -4px;
    font-size: 19px;
    line-height: 26px;
  }

  .header---contact.h3-contact {
    margin-top: -8px;
    font-size: 17px;
  }

  .text-field {
    font-size: 15px;
  }

  .field-label {
    font-size: 16px;
  }

  .list-item {
    font-size: 14px;
  }

  .paragraph---audio {
    font-size: 16px;
  }

  .html-embed-3.audio-soundcloud {
    margin-top: 8px;
  }

  .container-2 {
    width: 80%;
    max-width: none;
  }

  .gallery-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: start stretch;
    padding-left: 0;
    display: grid;
  }

  .gallery-grid {
    padding-right: 0;
  }

  .gallery-link {
    text-align: center;
    margin-bottom: 27px;
    font-size: 20px;
  }

  .gallery-link.w--current {
    margin-bottom: 27px;
    font-size: 20px;
  }

  .div-grid---block-photo {
    min-width: 100%;
  }

  .grid---lf-countdown-loops {
    max-width: 84%;
  }

  .paragraph-2 {
    text-align: center;
    font-size: 15px;
  }

  .lost-found-other-content-container {
    text-align: left;
  }

  .button---back-to-motion-big-sky-and-screen-replacement {
    max-width: 75%;
    margin-top: 13px;
    font-size: 15px;
  }

  .content-page-description-landscape-midway {
    max-width: 100%;
    margin-top: 20px;
    padding-top: 0;
    font-size: 13px;
  }

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

  .midway-bts-container {
    text-align: left;
  }

  .div-block-9 {
    margin-bottom: 24px;
  }

  .selected-audio-description {
    font-size: 14px;
  }

  .link-2 {
    color: #bfe2ff;
    text-decoration: none;
  }

  .footer-link {
    color: #bfe2ff;
    font-size: 16px;
    text-decoration: none;
  }

  .get-in-touch {
    color: #fff;
    text-decoration: none;
  }

  .grid-10 {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .lightbox-link-3 {
    margin-top: -23px;
    display: block;
  }

  .html-embed-9 {
    margin-top: 72px;
  }

  .gallery-sticky-2 {
    align-items: center;
    top: auto;
  }

  .cuervo-other-content-container {
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .paragraph-2-cuervo {
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
  }

  .content-page-description-vertical-cuervo {
    padding-top: 0;
    font-size: 17px;
  }

  .laser-bottle-alt-video {
    text-align: left;
  }

  .video-3 {
    transform: translate(-50%, -50%)rotate(-90deg);
  }

  .hero-signature-2025-sandbox {
    max-width: 65vw;
    top: 21.648px;
    bottom: 0;
  }

  .hero-tagline-2025-sandbox {
    text-shadow: 0 0 15px #000;
    font-size: 5vw;
    font-weight: 400;
    inset: 29px auto 0 317px;
  }

  .project-card-circle-deco.is-top-right {
    width: 27vw;
    height: 27vw;
  }

  .project-card-circle-deco.is-bottom-left {
    width: 27vw;
    height: 27vw;
    bottom: 15.7vw;
    left: -4.6vw;
  }

  .project-card-label-circle {
    width: 27vw;
    height: 27vw;
    bottom: -6.9vw;
    right: -5.7vw;
  }

  .project-card-label-text {
    font-size: 3.4vw;
  }

  .project-card-subhead {
    font-size: 2.5vw;
  }

  .project-card-container {
    width: 90%;
  }

  .div-block-10 {
    height: 70vw;
  }

  .div-block-12 {
    padding-right: 5px;
  }

  .main2-about-frame-figma {
    width: 88vw;
  }

  .cs-display-title.is-hero-title {
    margin-left: 0;
    font-size: 5vw;
  }

  .cs-display-title.is-hero-title.is-long {
    margin-bottom: -3vw;
  }

  .cs-display-section.is-2026-site {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 2.5vw;
    display: block;
  }

  .cs-display-section.is-2026-site.ai-select-an-agent {
    margin-left: auto;
    padding-right: 0;
  }

  .cs-display-section.is-2026-site.hex-details {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .cs-display-section.is-2026-site.imcas {
    display: flex;
  }

  .cs-display-section.left-justified.ai-pipeline {
    text-align: left;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
  }

  .cs-display-section.hexatron-title {
    text-align: center;
    padding-left: 0;
  }

  .cs-display-section.hexatron-subtitle {
    text-align: center;
    max-width: 100%;
    padding-left: 0;
  }

  .cs-display-footer {
    margin-bottom: 0;
    padding-top: 1vw;
  }

  .cs-display-footer.is-2026-site {
    line-height: 4px;
  }

  .cs-display-footer.is-2026-site.crayon-soul-bottom-links {
    margin-bottom: 0;
  }

  .cs-subtitle.is-hero-subtitle {
    max-width: 100vw;
    margin-left: 0;
    padding-left: 0;
    font-size: 2vw;
    font-weight: 500;
    line-height: 2.7vw;
  }

  .cs-subtitle.is-hero-subtitle.is-less-text {
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    font-size: 2vw;
    line-height: 3vw;
    display: block;
    overflow: visible;
  }

  .cs-subtitle.is-hero-subtitle.is-less-text.is-aspect-aox {
    order: 0;
    align-self: auto;
    padding-top: 0;
    font-size: 2vw;
    line-height: 3vw;
  }

  .cs-subtitle.is-hero-subtitle.crayon-soul {
    max-width: 80vw;
    padding-top: 9px;
    padding-left: 0;
    padding-right: 0;
    line-height: 3vw;
  }

  .cs-body {
    font-size: 1.6vw;
  }

  .cs-body.process.is-flush-top {
    float: none;
    clear: none;
    font-size: 1.5vw;
    text-decoration: none;
    display: block;
  }

  .cs-body.is-audio-left {
    max-width: 100%;
    padding-top: 0;
    font-size: 1.6vw;
  }

  .cs-body.is-right-column {
    margin-bottom: -3vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .cs-body.is-right-column.ai-intro {
    max-width: 80%;
    margin-top: -5vw;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .cs-body.has-gap-above.left-justified {
    max-width: 100%;
  }

  .cs-body.is-on-left.ai-intro {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    font-size: 3.5vw;
  }

  .cs-body.is-on-left.ai-intro.subtitle {
    padding-left: 0;
  }

  .cs-body.crayon-soul-live {
    order: -9999;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .cs-body.crayon-soul-visuals {
    max-width: 80%;
  }

  .cs-body.crayon-soul-visuals.blips {
    max-width: 60%;
  }

  .cs-body.crayon-soul-radio {
    max-width: 80%;
  }

  .cs-body.ai-work-grid {
    margin-top: 5vw;
    font-size: 1.5vw;
  }

  .cs-body.ai-pipeline {
    max-width: 100%;
    font-size: 1.5vw;
  }

  .cs-body.hexatron-details-text {
    max-width: 65%;
    margin-bottom: -53px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 1.5vw;
  }

  .cs-body.is-left-column {
    max-width: 70%;
    margin: 3.7vw auto 63px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5vw;
  }

  .cs-body.ai-case-studies {
    margin-top: 5vw;
    font-size: 1.5vw;
  }

  .cs-body-bold {
    margin-top: -2.7vw;
    font-size: 1.5vw;
  }

  .cs-body-bold.imcas {
    margin-top: 1.3vw;
  }

  .cs-section.is-hero-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch start;
    padding-left: 10vw;
    display: grid;
  }

  .cs-section.is-hero-row.is-aspect-aox {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .cs-section.has-orange-gradient.is-crayonsoul-radio {
    margin-bottom: -17.7vw;
  }

  .cs-section.is-full-bleed {
    margin-top: -142px;
  }

  .cs-section.ai-page-footer {
    padding-bottom: 12vw;
  }

  .cs-photo-grid {
    grid-template-rows: auto auto auto;
    width: 80%;
    margin-bottom: 0;
  }

  .cs-photo-grid.is-flush {
    width: 80%;
  }

  .cs-process-row.is-solo-card {
    box-sizing: border-box;
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: row-reverse;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

  .cs-process-row.is-grid-card {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cs-process-text {
    max-width: 100%;
  }

  .cs-process-image {
    order: 9999;
  }

  .cs-image-placeholder.has-gap-top {
    border-radius: 3px;
    width: 80%;
    margin: 5vw auto 26px;
    padding-bottom: 0;
    display: block;
  }

  .cs-image-placeholder.is-aspect-triptych {
    width: 80%;
  }

  .cs-image-placeholder.is-hero-wide {
    max-width: 80%;
    margin-top: 0;
  }

  .cs-image-placeholder.is-aspect-aox {
    width: 80%;
  }

  .cs-header-row {
    padding: 11px 11vw 5px 7.2vw;
  }

  .cs-header-row.ai {
    padding-top: 15px;
  }

  .cs-section-narrow {
    width: 80%;
    padding-left: 0;
    padding-right: 0;
  }

  .cs-header-logo {
    width: 36vw;
    max-width: 29vw;
    margin-left: 0;
    padding-right: 0;
  }

  .cs-header-nav {
    width: 3vw;
    height: 2vw;
    margin-right: 0%;
  }

  .cs-caption {
    font-size: 1.5vw;
  }

  .cs-caption.is-in-stack {
    text-align: center;
    width: 100%;
    margin: 0;
    display: block;
  }

  .cs-caption.is-in-stack.vinyl {
    display: block;
  }

  .cs-caption.has-gap-below {
    margin-top: 26.1vw;
    padding-bottom: 0;
  }

  .cs-caption.aox {
    max-width: 60%;
    margin-top: 5.7vw;
    font-size: 1.5vw;
    display: block;
  }

  .cs-footer-row {
    padding-left: 11vw;
  }

  .cs-footer-logo {
    margin-bottom: -5px;
  }

  .cs-footer-heading:hover {
    -webkit-text-stroke-color: var(--light-blue);
  }

  .cv-carousel {
    flex-direction: column;
  }

  .cv-stage {
    border-radius: 3px;
    width: 100%;
  }

  .cv-thumbs {
    flex-flow: wrap;
    width: 100%;
  }

  .cv-thumb {
    width: calc(25% - 9px);
  }

  .cv-thumb-active {
    border-radius: 1px;
  }

  .cs-display-subsection.is-2026-site {
    font-size: 2.2vw;
  }

  .cs-display-subsection.is-2026-site.has-gap-above {
    margin-top: 6vw;
  }

  .cs-display-subsection.is-2026-site.has-less-bottom-gap {
    margin-bottom: -2.2vw;
    display: block;
  }

  .cs-display-subsection.is-2026-site.has-less-gap-below {
    max-width: 70%;
    margin-bottom: -.2vw;
    display: flex;
  }

  .cs-display-subsection.is-2026-site.imcas {
    display: flex;
  }

  .image-8 {
    margin-left: 0;
  }

  .cs-triptych-labels {
    margin-top: 6vw;
  }

  .cs-triptych-label.is-pos-a, .cs-triptych-label.is-pos-b, .cs-triptych-label.is-pos-c {
    font-size: 8px;
  }

  .cs-track-stack.is-audio-right {
    width: 100%;
  }

  .cs-track-row {
    height: 5vw;
    min-height: 16px;
    max-height: 96px;
  }

  .cs-track-label {
    padding-bottom: 10px;
    font-size: 1.8vw;
    top: 3.2vw;
    left: 2vw;
  }

  .cs-track-label.is-audio {
    padding-bottom: 10px;
    font-size: 1.8vw;
  }

  .cs-track-bars {
    height: 5vw;
    min-height: 16px;
  }

  .cs-track-bars.cs-track-bars--1, .cs-track-bars.cs-track-bars--5 {
    max-height: 3vw;
  }

  .cs-track-bar.cs-track-bar--audio {
    height: 5vw;
    min-height: 16px;
  }

  .cs-mod-grid {
    grid-row-gap: 0vw;
    align-items: stretch;
  }

  .cs-mod-cell-label {
    padding-bottom: 6px;
    font-size: 1.2vw;
  }

  .cs-mod-cell-image {
    border-radius: 1px;
    outline-width: .5px;
  }

  .cs-section-rule {
    width: 80%;
  }

  .cs-section-rule.imcas {
    max-width: 70%;
  }

  .image-9 {
    padding-top: 0;
  }

  .cs-2col-row {
    grid-template-columns: 1fr;
  }

  .cs-2col-row.crayon-soul-live {
    flex-flow: column;
    grid-auto-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .cs-2col-row.crayon-soul-vinyl {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .cs-2col-row.crayon-soul-intro {
    flex-flow: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: flex;
  }

  .cs-2col-row.ai-intro {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    margin-top: -3.3vw;
    margin-bottom: 0;
  }

  .cs-2col-row.hexatron-details {
    padding-right: 0;
  }

  .cs-2col-row.ai-pipeline {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-auto-flow: row;
    align-content: stretch;
    place-items: start stretch;
    padding-top: 0;
  }

  .cs-media-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
  }

  .cs-media-stack.is-on-right {
    width: 80%;
    padding-right: 0;
    display: block;
  }

  .cs-media-stack.hexatron-screenshots {
    padding-left: 0;
  }

  .cs-process-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    width: 60%;
  }

  .cs-process-pair {
    grid-template-rows: auto;
    width: 80%;
  }

  .grid-12 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    width: 80%;
  }

  .crayon-soul-merch-3grid, ._2026-zane-lowe-embed {
    max-width: 80%;
  }

  .ai-hero-photo {
    margin-top: 25.7vw;
  }

  .grid-13 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .ai-as-interface-video {
    margin-bottom: -6vw;
  }

  .ai-vid-root {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .ai-vid-inline {
    width: 100%;
    margin-left: 0;
  }

  .div-block-13 {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 18px;
    padding-left: 0;
  }

  .ai-video-grid {
    margin-top: 3vw;
  }

  .cs-amwn-tiles-row.amwn-row-w {
    margin-bottom: 16px;
  }

  .opp-strip-row {
    width: 60%;
    display: block;
  }

  .opp-strip-cell {
    flex-flow: column-reverse;
  }

  .opp-strip-cap {
    max-width: 90%;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3vw;
  }

  .image-10 {
    width: 100%;
    overflow: clip;
  }

  .bold-text-2 {
    font-size: 1.5vw;
  }

  .div-block-14 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: block;
  }

  .list-3 {
    width: 62vw;
    margin: 4vw auto 5vw;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
  }

  .image-11 {
    max-width: 74%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-12 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-15 {
    padding-left: 0;
  }

  .contact-h1 {
    text-align: center;
    font-size: 5vw;
  }

  .contact-lede {
    max-width: 90%;
    margin-top: 3.8vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.8vw;
  }

  .contact-reveal-label {
    font-size: 1vw;
  }

  .contact-reveal-link {
    border-bottom: 1px solid #da8359;
    width: 100%;
    font-size: 2vw;
  }

  .contact-label {
    font-size: 1.3vw;
  }

  .bold-text-3.ai-case-study-description {
    vertical-align: baseline;
    margin-top: -14px;
    display: block;
  }
}

#w-node-_46a986ee-d36c-e395-4c9a-7b1514dcf4fe-9a864eba, #w-node-b7a7b4ce-91db-7fcd-379d-ef3aa25e90ed-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a53f213f-bc9c-4910-27d9-584c800ef2ef-9a864eba, #w-node-c94d89a9-c79f-5bb1-9307-d22a509ba953-9a864eba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a3-9a864eba, #w-node-_5cd420f2-77ff-7e24-51fe-9dbed4a53312-9a864eba, #w-node-c4aedc94-c40b-f6d7-fc53-3e2227d9ac68-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8b4c8deb-39c9-b380-00ad-9265b9ab7990-9a864eba, #w-node-_9b0ed4a2-a8f9-8639-afab-fbd05803b637-9a864eba, #w-node-_86280144-54b7-a2db-969c-d32d453b0456-9a864eba, #w-node-a39bab46-091b-fd43-0498-03b717971b05-9a864eba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-9a864eba, #w-node-eebc3915-919b-68a4-c82f-89d8b2d539be-9a864eba, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-9a864eba, #w-node-_1e3ae678-fbea-0e52-b3ed-95160ec2d4a9-9a864eba, #w-node-e886e6c9-99d7-e400-f01e-24af1030b5ac-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_22711306-6969-a0af-4513-1bf3066c3213-9a864eba {
  grid-area: 6 / 3 / 7 / 5;
}

#w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_30eb9af8-3892-2f2b-40d8-13841b448537-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_30eb9af8-3892-2f2b-40d8-13841b448538-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_51c3014f-a2f7-e3dc-2bc5-e352966645e9-9a864eba {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_42c5c10d-9e22-8631-5399-9cb3139b9f62-9a864eba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65363426-95d7-e5a9-d3a8-b99ee4b2a069-9a864eba, #w-node-_43d58661-8419-6464-2610-61de62f17a0a-9a864eba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ad5c30b-11ed-550c-278f-1fc9eac1357b-eac13571, #w-node-_7ad5c30b-11ed-550c-278f-1fc9eac13583-eac13571, #w-node-de724e64-7394-1f65-08fe-1cafa6b9c2b5-97ceaa5e, #w-node-de83608e-492e-f1fa-82be-bb5b2dea6f02-97ceaa5e, #w-node-bd6e603d-8b6c-9967-0893-b3f187126f88-97ceaa5e, #w-node-_2a5fc7e7-0ec9-b122-27c9-f54d22c75137-97ceaa5e, #w-node-ed6a12a3-8989-536c-c3ae-244bce256304-97ceaa5e, #w-node-_7044061a-5273-3432-8d11-88307faec997-97ceaa5e, #w-node-bee8fc70-37ee-d5a2-4ab0-28a42ed44d94-97ceaa5e, #w-node-_01c8a855-29ac-053c-cd00-1a36db53c913-97ceaa5e, #w-node-d9f1163c-b889-8767-0bf9-e919b00efe98-97ceaa5e, #w-node-_84fbf904-e2c8-d1cb-c99e-6b61018c4102-97ceaa5e, #w-node-b93c0eb1-99a3-9fac-5075-2abee0cfead6-e0cfeac6, #w-node-c2c26e24-ef90-7a47-aed5-ab64ff4d8521-f7357010, #w-node-_90f39304-6710-e549-4a04-21b4f6b23ca0-f7357010, #w-node-_1a3ff883-40b4-c9a6-9faf-03611f1981f9-f7357010, #w-node-_1cf41be4-f079-4fba-24a1-c5952eab7790-f7357010, #w-node-_6c736465-33a9-84b0-48a2-cf6c21c32238-c0f3e294, #w-node-d18e52e0-5d09-ada5-88b4-bd5084be2bae-c4991978, #w-node-_2fe20fcd-3494-89b0-0c73-9df9fcd5ed31-fcd5ed25, #w-node-_97984d3e-f407-8a95-b48c-a87099db4f41-11455e44, #w-node-dd0321cb-f2f0-aaaa-8ad8-b5e8bb5ce4f1-aa6ac20d, #w-node-_6074369d-7ef1-d944-2fd5-9bf34738cc7b-a3c9d203, #w-node-aef8cb97-bc32-ae05-75f6-6a6d8c010c17-3c0efd41, #w-node-_24712bd5-354b-98a8-cc65-8833f15458f5-3c0efd41, #w-node-e8b60f3f-ef11-3a25-09ce-928e7b53a261-3c0efd41 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4a9e1378-cde5-9a8e-30bd-42a0e1da873d-3c0efd41 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_1e3fb457-6bd5-c27f-f259-5ff179a2c78d-3c0efd41, #w-node-fa9adc10-f009-370a-5f86-150eaa962696-3c0efd41, #w-node-_8eaef016-31dd-6414-4d95-16cba6273881-a6273870, #w-node-fba354b4-0b22-94e1-4755-32e2ed0dd3a0-5b99897d, #w-node-_062e955f-3362-28db-82de-e2d6056271f5-5b99897d, #w-node-_1942c7e1-b71f-9548-0351-5000143b10bb-5b99897d, #w-node-_0d44f182-5cd6-d8dc-eeef-f072ee528365-5b99897d, #w-node-_822d4731-a43e-1c61-5e98-958f5ab6698c-5b99897d, #w-node-_3c0a0c85-7d2a-0ad3-3c68-12383a970f5c-5b99897d, #w-node-_7bf8bdb1-ef8c-391d-cb4d-d5c71a8f733d-5b99897d, #w-node-_14a2b75a-7294-e138-1b82-1dcf7dd858e0-5b99897d, #w-node-_049343d7-50e0-dc6c-714a-adc05ed37fa0-5b99897d, #w-node-f767c6f2-9622-73e0-9037-f6ddc493148b-5b99897d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_189422d6-8db9-14d6-f659-477d83e79f2c-f59ee392, #w-node-_797dd690-cd0e-8c40-504c-0c6df10da511-f59ee392, #w-node-_797dd690-cd0e-8c40-504c-0c6df10da512-f59ee392, #w-node-_21ad10d3-3b80-1ad8-2be6-892b138a5181-f59ee392, #w-node-_21ad10d3-3b80-1ad8-2be6-892b138a5182-f59ee392, #w-node-_91f0e8ba-90b4-5659-e668-1e02a3d9e145-f59ee392, #w-node-_91f0e8ba-90b4-5659-e668-1e02a3d9e146-f59ee392 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4cfcfda4-aa19-27d7-a546-89645e976a04-f59ee392 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4cfcfda4-aa19-27d7-a546-89645e976a05-f59ee392, #w-node-_4cb2e297-29c8-388a-51fb-d29f7f94c1e0-f59ee392 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-bb923dc3-1342-50a3-52c1-8e858a2194be-f59ee392 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_2460e4fd-b8f1-01e5-023b-e10c9727ce2b-f59ee392 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_19222541-7e98-0f62-b87d-59d5632b1794-f59ee392 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_995cc79a-425b-2942-e7f4-60ed06121621-f59ee392 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-cdee3f83-e98e-0f2c-317c-0f235445e08f-f59ee392 {
  grid-area: span 4 / span 4 / span 4 / span 4;
}

#w-node-_3f7002eb-667a-2812-4b00-9d7a735d4a0d-c3f95c29, #w-node-_155e227c-5d69-e567-9965-dafc8fd29ca8-ca1eaffb, #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-4d6c478f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e03a966d-fbcf-a37b-8a3a-f1b26a4735b6-4d6c478f, #Album-Art-Cover.w-node-b9aefebe-a088-6393-9198-2c2f0fdfa0fa-4d6c478f, #w-node-b4b953ae-81f8-55e1-c093-e402a4dcda57-4d6c478f, #w-node-a3cdb100-4aa4-ebac-95ad-7eee504f42a6-4d6c478f, #virtual-booths.w-node-_1f29294b-1b54-99fd-362a-0ab7d3603ce1-4d6c478f, #virtual-booths.w-node-_3cc202e6-7ada-f288-c59e-a3cd20c422e4-4d6c478f, #virtual-booths.w-node-f2dac1b1-3327-47ea-1528-49ffd6e01f03-4d6c478f, #virtual-booths.w-node-_52992358-fb2e-0f5b-7060-018fa3dd1e5d-4d6c478f, #vinyl-packaging.w-node-c49a5eec-75e7-df4d-36fb-4e1e1a4dcf65-4d6c478f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e4768a43-78b6-4a93-7149-7257a02b3a97-4d6c478f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80addce5-ec78-3466-13fc-b868ab9d8ad5-4d6c478f, #virtual-booths.w-node-_6bd10e1b-ccd8-4226-57a4-53ee20eabd3e-4d6c478f, #Audiowitch-header.w-node-a540b32f-f04a-957f-6d74-83d3d3511f7d-4d6c478f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a540b32f-f04a-957f-6d74-83d3d3511f7e-4d6c478f, #w-node-a540b32f-f04a-957f-6d74-83d3d3511f80-4d6c478f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_09821481-6e16-930f-8140-481002b3b886-4d6c478f, #virtual-booths.w-node-a567ec18-b589-59d1-b2ff-9add195a3d5d-4d6c478f, #virtual-booths.w-node-_86d42f62-2a0d-a6e1-e4de-f5a3401f10f0-4d6c478f, #virtual-booths.w-node-_7a6decfe-b2e7-6db2-6f24-7c8284f30f7c-4d6c478f, #virtual-booths.w-node-_40ab8b2a-7af1-0339-9043-abfc26e2265a-4d6c478f, #virtual-booths.w-node-d20c1710-bd62-2500-0b4d-e02e9e75c928-4d6c478f, #virtual-booths.w-node-_053a0728-28b4-27ca-5607-e4b78aa7b3d3-4d6c478f, #virtual-booths.w-node-_6aa28188-5bf7-9452-ec10-52b3cb884797-4d6c478f, #w-node-_31e95da4-c583-8784-1f41-b03f88f8b9d2-4d6c478f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#More-header.w-node-_31e95da4-c583-8784-1f41-b03f88f8b9d3-4d6c478f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_776fd508-16f9-e0d0-111c-6d6663b76ab7-4d6c478f, #virtual-booths.w-node-cc8ff6d1-03e9-45be-ccf8-2c27fad9c89d-4d6c478f, #virtual-booths.w-node-_0b6746a0-56c8-f5c6-9a7c-84e55dcfc8a1-4d6c478f, #virtual-booths.w-node-_692b3945-2554-133c-66c3-c25a28403998-4d6c478f, #virtual-booths.w-node-f262ec31-71b9-ace1-d32f-dd2bdbb594dc-4d6c478f, #virtual-booths.w-node-d76d67b2-ef52-427e-6698-731f266adffa-4d6c478f, #virtual-booths.w-node-_63caacb1-2e82-cc8f-aef4-1fed4848aae8-4d6c478f, #w-node-_572096dc-82bd-0c77-20af-f053b37e4115-4d6c478f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0d0464e0-ce8f-a037-8e90-02389d39ed8d-ffccff05 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0d0464e0-ce8f-a037-8e90-02389d39ed9d-ffccff05 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#virtual-booths.w-node-_0d0464e0-ce8f-a037-8e90-02389d39ed9e-ffccff05, #w-node-_0d0464e0-ce8f-a037-8e90-02389d39ed9f-ffccff05, #access-dash.w-node-_0d0464e0-ce8f-a037-8e90-02389d39eda2-ffccff05, #w-node-_0d0464e0-ce8f-a037-8e90-02389d39eda3-ffccff05, #lead-retrieval.w-node-_0d0464e0-ce8f-a037-8e90-02389d39eda6-ffccff05, #w-node-_0d0464e0-ce8f-a037-8e90-02389d39eda7-ffccff05, #lead-scoring.w-node-_0d0464e0-ce8f-a037-8e90-02389d39edaa-ffccff05, #w-node-_0d0464e0-ce8f-a037-8e90-02389d39edab-ffccff05, #sponsored-sections.w-node-_0d0464e0-ce8f-a037-8e90-02389d39edae-ffccff05, #w-node-_0d0464e0-ce8f-a037-8e90-02389d39edaf-ffccff05, #w-node-ae77e90d-b0e2-06e3-9943-618e47adf75a-0e41b01d, #w-node-_6074369d-7ef1-d944-2fd5-9bf34738cc7b-0e41b01d, #w-node-_8aa6be82-b994-3d11-12e7-db20bad56cbb-0e41b01d, #w-node-_6971f135-b1a5-cfbb-141a-32ec5df87129-c011ab24 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6a50c247-04d8-6be5-81e0-0cbba07e176b-c011ab24 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-_37196999-87fb-9023-24ec-8cc03fb2aaa6-4bde64c0, #w-node-d257f904-62cd-7578-1c02-9b9e54b4c7ba-4bde64c0, #w-node-_16982f01-9c9f-c3c4-403d-19d3314fb318-4bde64c0, #w-node-dd0321cb-f2f0-aaaa-8ad8-b5e8bb5ce4f1-4bde64c0, #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-2ad5e4fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e03a966d-fbcf-a37b-8a3a-f1b26a4735b6-2ad5e4fd, #w-node-b4b953ae-81f8-55e1-c093-e402a4dcda57-2ad5e4fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Album-Art-Cover.w-node-b9aefebe-a088-6393-9198-2c2f0fdfa0fa-2ad5e4fd {
  grid-area: span 2 / span 2 / span 2 / span 2;
  place-self: center;
}

#w-node-a3cdb100-4aa4-ebac-95ad-7eee504f42a6-2ad5e4fd, #virtual-booths.w-node-_1f29294b-1b54-99fd-362a-0ab7d3603ce1-2ad5e4fd, #virtual-booths.w-node-_3cc202e6-7ada-f288-c59e-a3cd20c422e4-2ad5e4fd, #virtual-booths.w-node-f2dac1b1-3327-47ea-1528-49ffd6e01f03-2ad5e4fd, #virtual-booths.w-node-_52992358-fb2e-0f5b-7060-018fa3dd1e5d-2ad5e4fd, #vinyl-packaging.w-node-c49a5eec-75e7-df4d-36fb-4e1e1a4dcf65-2ad5e4fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e4768a43-78b6-4a93-7149-7257a02b3a97-2ad5e4fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80addce5-ec78-3466-13fc-b868ab9d8ad5-2ad5e4fd, #virtual-booths.w-node-_6bd10e1b-ccd8-4226-57a4-53ee20eabd3e-2ad5e4fd, #Audiowitch-header.w-node-a540b32f-f04a-957f-6d74-83d3d3511f7d-2ad5e4fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a540b32f-f04a-957f-6d74-83d3d3511f7e-2ad5e4fd, #w-node-a540b32f-f04a-957f-6d74-83d3d3511f80-2ad5e4fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_09821481-6e16-930f-8140-481002b3b886-2ad5e4fd, #virtual-booths.w-node-a567ec18-b589-59d1-b2ff-9add195a3d5d-2ad5e4fd, #virtual-booths.w-node-_86d42f62-2a0d-a6e1-e4de-f5a3401f10f0-2ad5e4fd, #virtual-booths.w-node-_7a6decfe-b2e7-6db2-6f24-7c8284f30f7c-2ad5e4fd, #virtual-booths.w-node-_40ab8b2a-7af1-0339-9043-abfc26e2265a-2ad5e4fd, #virtual-booths.w-node-d20c1710-bd62-2500-0b4d-e02e9e75c928-2ad5e4fd, #virtual-booths.w-node-_053a0728-28b4-27ca-5607-e4b78aa7b3d3-2ad5e4fd, #virtual-booths.w-node-_6aa28188-5bf7-9452-ec10-52b3cb884797-2ad5e4fd, #w-node-_31e95da4-c583-8784-1f41-b03f88f8b9d2-2ad5e4fd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#More-header.w-node-_31e95da4-c583-8784-1f41-b03f88f8b9d3-2ad5e4fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_776fd508-16f9-e0d0-111c-6d6663b76ab7-2ad5e4fd, #virtual-booths.w-node-cc8ff6d1-03e9-45be-ccf8-2c27fad9c89d-2ad5e4fd, #virtual-booths.w-node-_0b6746a0-56c8-f5c6-9a7c-84e55dcfc8a1-2ad5e4fd, #virtual-booths.w-node-_692b3945-2554-133c-66c3-c25a28403998-2ad5e4fd, #virtual-booths.w-node-f262ec31-71b9-ace1-d32f-dd2bdbb594dc-2ad5e4fd, #virtual-booths.w-node-d76d67b2-ef52-427e-6698-731f266adffa-2ad5e4fd, #virtual-booths.w-node-_63caacb1-2e82-cc8f-aef4-1fed4848aae8-2ad5e4fd, #w-node-_572096dc-82bd-0c77-20af-f053b37e4115-2ad5e4fd, #w-node-_46a986ee-d36c-e395-4c9a-7b1514dcf4fe-f4442fd7, #w-node-b7a7b4ce-91db-7fcd-379d-ef3aa25e90ed-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a53f213f-bc9c-4910-27d9-584c800ef2ef-f4442fd7, #w-node-c94d89a9-c79f-5bb1-9307-d22a509ba953-f4442fd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a3-f4442fd7, #w-node-_5cd420f2-77ff-7e24-51fe-9dbed4a53312-f4442fd7, #w-node-e667493e-bf51-9dfc-f287-ae59b2cc72ff-f4442fd7, #w-node-c4aedc94-c40b-f6d7-fc53-3e2227d9ac68-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8b4c8deb-39c9-b380-00ad-9265b9ab7990-f4442fd7, #w-node-_9b0ed4a2-a8f9-8639-afab-fbd05803b637-f4442fd7, #w-node-_86280144-54b7-a2db-969c-d32d453b0456-f4442fd7, #w-node-a39bab46-091b-fd43-0498-03b717971b05-f4442fd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-f4442fd7, #w-node-eebc3915-919b-68a4-c82f-89d8b2d539be-f4442fd7, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-f4442fd7, #w-node-_1e3ae678-fbea-0e52-b3ed-95160ec2d4a9-f4442fd7, #w-node-e886e6c9-99d7-e400-f01e-24af1030b5ac-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_22711306-6969-a0af-4513-1bf3066c3213-f4442fd7 {
  grid-area: 6 / 3 / 7 / 5;
}

#w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_30eb9af8-3892-2f2b-40d8-13841b448537-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_30eb9af8-3892-2f2b-40d8-13841b448538-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_51c3014f-a2f7-e3dc-2bc5-e352966645e9-f4442fd7 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_42c5c10d-9e22-8631-5399-9cb3139b9f62-f4442fd7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65363426-95d7-e5a9-d3a8-b99ee4b2a069-f4442fd7, #w-node-_43d58661-8419-6464-2610-61de62f17a0a-f4442fd7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a23d3846-222f-4099-c336-8fe82027959e-259a553a, #w-node-b4e4e196-2e69-992d-37f7-2dbc875556b9-c1b00a35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-c94d89a9-c79f-5bb1-9307-d22a509ba953-9a864eba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_9b0ed4a2-a8f9-8639-afab-fbd05803b637-9a864eba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-9a864eba, #w-node-eebc3915-919b-68a4-c82f-89d8b2d539be-9a864eba, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_22711306-6969-a0af-4513-1bf3066c3213-9a864eba {
    grid-area: 6 / 3 / 7 / 5;
  }

  #w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_51c3014f-a2f7-e3dc-2bc5-e352966645e9-9a864eba {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_65363426-95d7-e5a9-d3a8-b99ee4b2a069-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_189422d6-8db9-14d6-f659-477d83e79f2c-f59ee392, #w-node-_797dd690-cd0e-8c40-504c-0c6df10da511-f59ee392, #w-node-_797dd690-cd0e-8c40-504c-0c6df10da512-f59ee392, #w-node-_21ad10d3-3b80-1ad8-2be6-892b138a5181-f59ee392, #w-node-_21ad10d3-3b80-1ad8-2be6-892b138a5182-f59ee392, #w-node-_91f0e8ba-90b4-5659-e668-1e02a3d9e145-f59ee392, #w-node-_91f0e8ba-90b4-5659-e668-1e02a3d9e146-f59ee392 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_4cfcfda4-aa19-27d7-a546-89645e976a04-f59ee392 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4cfcfda4-aa19-27d7-a546-89645e976a05-f59ee392, #w-node-_4cb2e297-29c8-388a-51fb-d29f7f94c1e0-f59ee392 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-bb923dc3-1342-50a3-52c1-8e858a2194be-f59ee392 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_2460e4fd-b8f1-01e5-023b-e10c9727ce2b-f59ee392 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_19222541-7e98-0f62-b87d-59d5632b1794-f59ee392 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_995cc79a-425b-2942-e7f4-60ed06121621-f59ee392 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-cdee3f83-e98e-0f2c-317c-0f235445e08f-f59ee392 {
    grid-area: span 4 / span 4 / span 4 / span 4;
  }

  #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-4d6c478f, #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-2ad5e4fd, #w-node-c94d89a9-c79f-5bb1-9307-d22a509ba953-f4442fd7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-_9b0ed4a2-a8f9-8639-afab-fbd05803b637-f4442fd7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-f4442fd7, #w-node-eebc3915-919b-68a4-c82f-89d8b2d539be-f4442fd7, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_22711306-6969-a0af-4513-1bf3066c3213-f4442fd7 {
    grid-area: 6 / 3 / 7 / 5;
  }

  #w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_51c3014f-a2f7-e3dc-2bc5-e352966645e9-f4442fd7 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_65363426-95d7-e5a9-d3a8-b99ee4b2a069-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_46a986ee-d36c-e395-4c9a-7b1514dcf4fe-9a864eba, #w-node-a53f213f-bc9c-4910-27d9-584c800ef2ef-9a864eba {
    align-self: center;
  }

  #w-node-c94d89a9-c79f-5bb1-9307-d22a509ba953-9a864eba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b75a7d64-19db-a76b-497c-599d239cdad7-9a864eba, #w-node-d802edb1-86bd-d692-9222-b9d021e89fa1-9a864eba, #w-node-_29c86696-7ebb-d08d-13f2-41c982886c2f-9a864eba {
    align-self: center;
  }

  #w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-9a864eba, #w-node-eebc3915-919b-68a4-c82f-89d8b2d539be-9a864eba, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-9a864eba, #w-node-_22711306-6969-a0af-4513-1bf3066c3213-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-9a864eba {
    grid-area: 7 / 2 / 8 / 4;
  }

  #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-4d6c478f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0d0464e0-ce8f-a037-8e90-02389d39ed8d-ffccff05 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-2ad5e4fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #Album-Art-Cover.w-node-b9aefebe-a088-6393-9198-2c2f0fdfa0fa-2ad5e4fd {
    grid-area: span 2 / span 2 / span 2 / span 2;
    place-self: center;
  }

  #w-node-_46a986ee-d36c-e395-4c9a-7b1514dcf4fe-f4442fd7, #w-node-a53f213f-bc9c-4910-27d9-584c800ef2ef-f4442fd7 {
    align-self: center;
  }

  #w-node-c94d89a9-c79f-5bb1-9307-d22a509ba953-f4442fd7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b75a7d64-19db-a76b-497c-599d239cdad7-f4442fd7, #w-node-d802edb1-86bd-d692-9222-b9d021e89fa1-f4442fd7, #w-node-_29c86696-7ebb-d08d-13f2-41c982886c2f-f4442fd7 {
    align-self: center;
  }

  #w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-f4442fd7, #w-node-eebc3915-919b-68a4-c82f-89d8b2d539be-f4442fd7, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-f4442fd7, #w-node-_22711306-6969-a0af-4513-1bf3066c3213-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-f4442fd7 {
    grid-area: 7 / 2 / 8 / 4;
  }

  #w-node-_4fc36d7d-6856-5d57-6bb6-5f5f3fbe98e1-067a172d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-9a864eba, #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a3-9a864eba, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-9a864eba, #w-node-e886e6c9-99d7-e400-f01e-24af1030b5ac-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-9a864eba {
    grid-area: 7 / 2 / 8 / 4;
  }

  #w-node-_30eb9af8-3892-2f2b-40d8-13841b448537-9a864eba, #w-node-_30eb9af8-3892-2f2b-40d8-13841b448538-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_51c3014f-a2f7-e3dc-2bc5-e352966645e9-9a864eba {
    grid-column: span 2 / span 2;
  }

  #w-node-_7ad5c30b-11ed-550c-278f-1fc9eac1357b-eac13571 {
    place-self: auto center;
  }

  #w-node-_7ad5c30b-11ed-550c-278f-1fc9eac13586-eac13571 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-f4442fd7, #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a3-f4442fd7, #w-node-_7507d8d0-0c2a-d1ac-525e-1f4b2abde2ac-f4442fd7, #w-node-e886e6c9-99d7-e400-f01e-24af1030b5ac-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3112fe4b-6d19-9036-ba32-8da74cf14014-f4442fd7 {
    grid-area: 7 / 2 / 8 / 4;
  }

  #w-node-_30eb9af8-3892-2f2b-40d8-13841b448537-f4442fd7, #w-node-_30eb9af8-3892-2f2b-40d8-13841b448538-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_51c3014f-a2f7-e3dc-2bc5-e352966645e9-f4442fd7 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-9a864eba, #w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-9a864eba, #w-node-_30eb9af8-3892-2f2b-40d8-13841b448537-9a864eba {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4a9e1378-cde5-9a8e-30bd-42a0e1da873d-3c0efd41 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_189422d6-8db9-14d6-f659-477d83e79f2c-f59ee392 {
    grid-area: span 3 / span 3 / span 3 / span 3;
  }

  #w-node-_797dd690-cd0e-8c40-504c-0c6df10da511-f59ee392, #w-node-_21ad10d3-3b80-1ad8-2be6-892b138a5181-f59ee392 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_91f0e8ba-90b4-5659-e668-1e02a3d9e145-f59ee392 {
    grid-area: span 3 / span 3 / span 3 / span 3;
  }

  #w-node-_4cfcfda4-aa19-27d7-a546-89645e976a04-f59ee392 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_4cb2e297-29c8-388a-51fb-d29f7f94c1e0-f59ee392 {
    grid-area: span 3 / span 3 / span 3 / span 3;
  }

  #w-node-bb923dc3-1342-50a3-52c1-8e858a2194be-f59ee392 {
    grid-column: span 3 / span 3;
  }

  #w-node-_2460e4fd-b8f1-01e5-023b-e10c9727ce2b-f59ee392, #w-node-_19222541-7e98-0f62-b87d-59d5632b1794-f59ee392 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_995cc79a-425b-2942-e7f4-60ed06121621-f59ee392 {
    grid-column: span 3 / span 3;
  }

  #w-node-cdee3f83-e98e-0f2c-317c-0f235445e08f-f59ee392 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-4d6c478f {
    grid-column: span 2 / span 2;
    justify-self: center;
  }

  #w-node-_0d0464e0-ce8f-a037-8e90-02389d39ed8d-ffccff05, #w-node-_0d0464e0-ce8f-a037-8e90-02389d39ed9d-ffccff05 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5032dc6a-44d4-63b0-162d-9c8ea105673d-2ad5e4fd {
    grid-column: span 2 / span 2;
    justify-self: center;
  }

  #w-node-c7083db9-7a67-ef4b-2bde-cb2ed2d115a2-f4442fd7, #w-node-da0f5558-02d4-8e68-7247-43aa5b22e932-f4442fd7, #w-node-_30eb9af8-3892-2f2b-40d8-13841b448537-f4442fd7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f35117bf-4620-1acd-a84d-abfc3c89591d-f947dfeb {
    order: 1;
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_24cd6201-aa3c-84c3-e009-6d468fd1e658-19042aba {
    order: -9999;
  }

  #w-node-b226fdec-c77d-626c-808d-bf529d3157fe-259a553a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-b4e4e196-2e69-992d-37f7-2dbc875556b0-c1b00a35 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5a682c1f-597c-a5d3-c961-a769b7c62e8a-067a172d {
    align-self: auto;
  }

  #w-node-_4fc36d7d-6856-5d57-6bb6-5f5f3fbe98e1-067a172d {
    order: 9999;
  }

  #w-node-ed8e64c8-bb80-ddbf-dd94-dbb2b291ad8a-067a172d, #w-node-ed8e64c8-bb80-ddbf-dd94-dbb2b291ad8a-e7a688b9 {
    order: -9999;
  }
}