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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

:where(.w-popover[data-w-popover-backdrop-animated], .w-modal[data-w-popover-backdrop-animated])::backdrop {
  animation: var(--w-backdrop-animation, none);
}

:where(.w-popover, .w-modal) {
  --w-backdrop-animation: initial;
}

.w-popover-mask {
  opacity: 0 !important;
  clip-path: none !important;
  pointer-events: auto !important;
  border: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
}

.w-popover-mask[popover] {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

.w-popover-mask::backdrop {
  display: none !important;
}

.w-popover-mask:not(:popover-open) {
  display: none !important;
}

@supports not selector(:popover-open) {
  .w-popover-mask {
    display: none !important;
  }
}

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

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

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

:where(.w-modal[data-w-modal-lock-scroll]) {
  overscroll-behavior: contain;
}

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

@font-face {
  font-family: Ppeiko;
  src: url("https://cdn.prod.website-files.com/6ad277aa10a141d8fb63ef45/6ad277ac10a141d8fb63f097_PPEiko-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

:root {
  --soft-black: #1e1d1d;
  --concrete: #c8c4c1;
  --light-grey: #e3e2e1;
  --white-smoke: #f8f7f4;
  --medium-grey: #908d8a;
  --rule-cs-headings: #eaeaea;
  --backgrounds: #f9f9f9;
  --sciops-blue: #2a3746;
  --ss-bk-blue: #f7f8fa;
  --cornflower-blue: #618bff;
  --pure-black: black;
  --medium-orchid: #cb33d8;
  --peru: #c07e3c;
  --royal-blue: #0167ff;
}

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

body {
  color: var(--soft-black);
  cursor: none;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/6ad277aa10a141d8fb63ef45/6ad277ac10a141d8fb63f047_off-white-background.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1;
}

h1 {
  color: var(--soft-black);
  letter-spacing: -.06em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 6.75em;
  font-weight: 300;
  line-height: 1.2;
  display: inline-block;
}

h2 {
  color: var(--soft-black);
  letter-spacing: -.06em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.8em;
  font-weight: 300;
  line-height: 1.3;
}

h3 {
  color: var(--soft-black);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1.4;
}

h4 {
  color: var(--soft-black);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.5;
}

h5 {
  color: var(--soft-black);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.8;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .83em;
  font-weight: 400;
  line-height: 2;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.5;
}

a {
  color: var(--soft-black);
  letter-spacing: -.02em;
  text-transform: none;
  cursor: none;
  line-height: 1.3;
  text-decoration: none;
}

a:hover {
  color: var(--soft-black);
}

li {
  text-indent: 0;
  white-space: normal;
  line-height: 1.6;
}

img {
  width: 100%;
  display: inline-block;
}

blockquote {
  border-left: .4em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em;
  font-size: 140%;
  line-height: 1.6;
}

.container {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding-left: 4em;
  padding-right: 4em;
  display: block;
  position: static;
  top: 0%;
  left: 0%;
  right: 0%;
}

.container.navbar {
  z-index: 1000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  inset: 3% 0 auto;
}

.container.is-nav {
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  position: fixed;
  overflow: hidden;
}

.container.is-case-study {
  flex-direction: row;
  padding-top: 4em;
  padding-bottom: 0;
  display: flex;
}

.container.cs-hero-image {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  margin-top: 0%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container.is-about {
  flex-direction: row;
  align-items: center;
  height: 100vh;
  display: flex;
}

.container.is-footer {
  justify-content: flex-end;
  height: 75%;
  display: flex;
}

.container.is-more-cs {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.container.cs-more {
  justify-content: center;
  padding-top: 6em;
  padding-bottom: 12em;
  display: flex;
}

.container.is-archive {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.container.is-photography {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.container.more-archive {
  padding-bottom: 10em;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
  font-family: Inter, sans-serif;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.c-rich-text h1, .c-rich-text h2, .c-rich-text h3 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.c-rich-text h4 {
  margin-top: .2em;
  margin-bottom: .6em;
}

.c-rich-text h5 {
  margin-top: .2em;
  margin-bottom: 1em;
}

.c-rich-text h6 {
  margin-top: .2em;
  margin-bottom: .2em;
  font-size: 1em;
}

.section {
  z-index: 1000;
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.section.home-hero-top {
  flex-flow: column;
  place-content: flex-start space-between;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 15%;
  padding-bottom: 4em;
  display: flex;
  overflow: hidden;
}

.section.home-hero-bottom {
  background-color: var(--concrete);
  height: 100vh;
  display: block;
}

.section.is-black {
  background-color: var(--soft-black);
  border-top: 2px solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100vh;
}

.section.is-black.footer {
  border-top: 0 #0000;
  align-items: flex-start;
  height: 10vh;
  min-height: auto;
}

.section.is-black.is-archive {
  height: auto;
}

.section.is-black.is-contact-sec {
  height: 100vh;
}

.section.is-light-grey {
  background-color: var(--light-grey);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.section.experiments-hero {
  background-color: var(--concrete);
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  min-height: 100vh;
  display: flex;
}

.section.is-black {
  background-color: var(--soft-black);
  flex-direction: row;
  align-items: flex-start;
  height: 75vh;
  min-height: auto;
  margin-top: 0;
  padding-top: 2em;
  padding-bottom: 0%;
  display: flex;
}

.section.is-about {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-direction: row;
  align-items: center;
  height: auto;
  min-height: 100vh;
  margin-bottom: 0;
  padding-top: 10%;
  padding-bottom: 8em;
  display: flex;
}

.section.is-archive {
  border-top: 0px solid var(--soft-black);
  background-color: var(--soft-black);
  border-bottom: 0 solid #000;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 4em;
  padding-bottom: 4em;
  display: block;
}

.section.is-footer {
  min-height: 110vh;
  color: var(--soft-black);
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 25%;
  padding-bottom: 0;
  display: flex;
}

.section.is-footer.ft {
  padding-top: 10%;
}

.section.is-images {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  padding-top: 8em;
  padding-bottom: 8em;
  display: block;
}

.section.is-nav {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  position: fixed;
}

.section.is-white {
  color: var(--soft-black);
  background-color: #fff;
}

.section.is-white.is-more-cs {
  min-height: 100vh;
  padding-bottom: 53px;
}

.section.is-white.is-grey {
  background-color: var(--light-grey);
}

.section.cs-hero-section {
  justify-content: flex-end;
  height: 80vh;
  padding-top: 10%;
  padding-bottom: 4em;
  display: flex;
}

.section.black {
  background-color: var(--soft-black);
}

.heading {
  letter-spacing: -.03em;
  font-family: Inter, sans-serif;
}

.body {
  letter-spacing: -.01em;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

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

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

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

.heading-2 {
  font-weight: 300;
}

.paragraph {
  margin-bottom: .5em;
  line-height: 1.6;
}

.paragraph.large {
  letter-spacing: -.01rem;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.3;
}

.paragraph.large.about-description-2 {
  padding-bottom: 4em;
}

.paragraph.large.is-bold {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.paragraph.is-large.is-white {
  font-size: 1.6vw;
}

.paragraph.is-italic {
  font-style: normal;
}

.paragraph.is-white {
  font-weight: 200;
  display: block;
}

.paragraph.x-large {
  letter-spacing: -.02em;
  font-size: 2.5vw;
  font-weight: 300;
  line-height: 1.4;
}

.paragraph.more-leading {
  line-height: 2;
}

.paragraph.small {
  font-size: .83em;
}

.paragraph.small.coming-soon {
  color: var(--medium-grey);
  margin-right: 3px;
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.image {
  background-color: #0000;
  width: 100%;
  height: 50em;
}

.heading-3 {
  justify-content: flex-end;
  display: flex;
  position: absolute;
}

.image-2 {
  color: #0000;
}

.hero-header-div {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  display: block;
}

.rule {
  height: 2em;
  padding-bottom: 0;
}

.rule.full-width {
  height: 2px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.rule.is-black {
  background-color: var(--soft-black);
  height: 2px;
  margin-bottom: 1.5em;
  display: block;
}

.rule.is-black.cs-hero {
  margin-bottom: 1em;
}

.rule.is-black.is-homepage {
  margin-bottom: 0;
  margin-left: -4em;
  margin-right: -4em;
  display: block;
}

.rule.cs-divider {
  background-color: var(--light-grey);
  margin-top: 8em;
  margin-bottom: 8em;
  display: block;
}

.rule.for-menu {
  height: 1px;
  margin-bottom: .5em;
}

.text-block {
  color: #000;
  letter-spacing: -.05em;
  white-space: normal;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 20vw;
  font-weight: 400;
  line-height: 1;
}

.heading-5 {
  margin-left: -25px;
  display: block;
}

.heading-6 {
  font-size: 3.47vw;
}

.teaser {
  letter-spacing: -.05em;
  font-size: 5vw;
}

.navbar {
  flex-direction: row;
  align-self: auto;
  align-items: flex-start;
  max-width: 100%;
  display: block;
}

.container-2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.nav-wrapper {
  background-color: #0000;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 26px;
  padding-bottom: 24px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.menu-wrapper {
  flex-wrap: nowrap;
  flex: none;
  justify-content: flex-end;
  height: 60px;
  margin-right: 0;
  padding: 20px 0 20px 20px;
  display: none;
}

.heading-7 {
  justify-content: flex-end;
  display: block;
}

.heading-8 {
  margin-left: -20px;
}

.hero-copy-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: block;
}

.heading-9 {
  align-items: center;
  display: block;
}

.heading-10 {
  display: block;
}

.section-2 {
  height: 100vh;
}

.section-3 {
  display: flex;
}

.grid {
  grid-column-gap: 0em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  width: 100%;
  height: 100vh;
}

.grid.is-hero-2 {
  grid-column-gap: 0em;
  height: 90vh;
}

.grid.cs-info-wrapper {
  grid-template-columns: .25fr .75fr;
  align-content: start;
  align-items: start;
  height: auto;
  font-size: 1vw;
}

.grid.cs-info-wrapper.is-top {
  padding-bottom: 1em;
}

.grid.cs-info-wrapper.is-bottom {
  height: auto;
  overflow: hidden;
}

.grid.is-80vh {
  height: 80vh;
  overflow: hidden;
}

.grid.is-experiments {
  grid-template-columns: .25fr .25fr;
  justify-content: stretch;
  height: 90vh;
}

.grid.is-contact {
  height: 70vh;
}

.grid-content {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.grid-content.base-aligned {
  overflow: hidden;
}

.grid-content.is-casestudy {
  justify-content: flex-start;
}

.grid-content.for-footer {
  justify-content: flex-end;
}

.grid-content.right-aligned {
  align-items: flex-end;
}

.grid-content.project-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.grid-right {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 4em 0 4em 2em;
  display: flex;
  overflow: hidden;
}

.grid-right.is-experiments {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.grid-right.contact {
  justify-content: flex-end;
}

.grid-right.cs-description {
  width: 50%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.grid-right.cs-img {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.grid-left {
  background-color: #0000;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 4em;
  padding-bottom: 4em;
  padding-right: 2em;
  display: flex;
  overflow: hidden;
}

.grid-left.contact {
  flex: 1;
  justify-content: space-around;
}

.grid-left.cs-title {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-left.cs-name {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
}

.home-link-block {
  flex-direction: row;
  flex: none;
  font-size: 1vw;
  display: block;
}

.home-link-block.w--current {
  width: 25%;
  height: 60px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.is-digital-designer {
  margin-bottom: 5px;
  margin-left: -20px;
  font-size: 16.5em;
  line-height: 1.2;
}

.grid-link {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  display: block;
}

.grid-links-bottom {
  width: 100%;
  display: flex;
}

.link {
  font-weight: 300;
}

.link-2 {
  color: var(--soft-black);
  letter-spacing: -.02em;
  text-transform: none;
  font-size: 1.88em;
  line-height: 1.3;
}

.cs-header {
  width: 50%;
  padding-top: 8em;
  padding-bottom: 4em;
  display: block;
}

.is-white {
  color: var(--white-smoke);
  display: block;
}

.is-white.close {
  display: none;
  position: static;
}

.cs-wrapper {
  height: auto;
  padding-top: 4em;
  padding-bottom: 4em;
}

.cs-image-wrapper {
  color: #0000;
  object-fit: fill;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.simplestage-link {
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  display: block;
}

.grid-description-home {
  padding-left: 2em;
}

.sciops-link {
  height: 100%;
}

.archive-header {
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  margin-top: 0;
  margin-bottom: -8.4em;
  display: flex;
}

.archive-projects {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  display: flex;
}

.archive-project-imgs {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.photography-link {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

.purely-visual-img {
  object-fit: fill;
  object-position: 50% 50%;
  width: auto;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.experiments-square-img {
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.experiments-circle-img {
  border-radius: 0;
  width: auto;
  max-width: 50%;
  height: 100%;
  overflow: hidden;
}

.experiment-img-1 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  width: 100%;
  max-width: none;
  height: 100%;
}

.experiment-img-2 {
  object-fit: cover;
  border-radius: 0%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.grid-top {
  object-fit: fill;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 50%;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.grid-top.contact-header {
  justify-content: flex-start;
  align-items: flex-start;
}

.grid-top.contact-links {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.grid-bottom {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 50%;
  display: flex;
  overflow: hidden;
}

.grid-bottom.contact-info {
  align-items: center;
  display: block;
}

.grid-bottom.is-status {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 25%;
  padding-bottom: 2em;
}

.grid-bottom.is-contact-wrapper {
  flex-direction: column;
  height: auto;
  min-height: auto;
}

.grid-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: auto;
  display: block;
  overflow: visible;
}

.contact-wrapper {
  width: 100%;
  display: flex;
}

.rule {
  background-color: var(--concrete);
  height: 2px;
  margin-bottom: 1.5em;
}

.contact-item {
  width: 100%;
  color: var(--soft-black);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact-item.is-email, .contact-item.is-linkedin {
  margin-bottom: 0;
}

.footer-links-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 1em;
  display: flex;
}

.footer-links-wrapper.is-white {
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 2em;
}

.archive-img-1 {
  z-index: 1;
  width: auto;
  max-width: none;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.purely-visual-title {
  display: block;
}

.menu {
  position: static;
}

.navigation {
  z-index: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-overlay {
  z-index: 999;
  background-color: var(--soft-black);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-right: 0;
  padding: 4em;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu-item-wrapper.is-white {
  width: 100%;
  color: var(--white-smoke);
  flex-direction: column;
  margin-bottom: .5em;
  font-size: 3em;
  display: flex;
}

.menu-item-wrapper.is-white.is-contact {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: block;
}

.menu-item {
  letter-spacing: -.03em;
  justify-content: space-between;
  align-items: center;
  padding-right: .2em;
  font-size: 1.5em;
  display: flex;
  overflow: hidden;
}

.menu-item.with-arrow {
  padding-right: 0;
  display: flex;
}

.long-arrow-wrapper {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 250px;
  max-width: none;
  height: auto;
  display: flex;
  overflow: hidden;
}

.image-3 {
  height: 5.2em;
}

.long-arrow {
  width: 100%;
  max-width: none;
  height: auto;
  display: none;
}

.menu-links-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 90%;
  margin-top: 50px;
  display: flex;
}

.archive-title-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
}

.archive-image-2 {
  z-index: 0;
  width: auto;
  max-width: none;
  height: 100%;
  display: block;
  position: static;
}

.cs-hero-title {
  height: 50%;
  padding-bottom: 50px;
}

.cs-hero-grid {
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: start;
  width: 100%;
  height: auto;
  margin-top: 2em;
  margin-bottom: 0;
  padding-top: 3px;
  display: grid;
}

.cs-hero-content-wrapper {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  display: block;
}

.sticky-nav-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  height: auto;
  padding-right: 169px;
  display: flex;
  position: sticky;
  top: 6em;
  bottom: 0;
}

.cs-content-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.cs-section-link {
  padding-top: .75em;
  padding-bottom: .75em;
  font-size: .83em;
  font-weight: 400;
  line-height: 2;
}

.cs-section-link:hover {
  font-style: normal;
  font-weight: 500;
}

.cs-section-link:active {
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
}

.cs-section-link.grey {
  color: var(--medium-grey);
}

.cs-section-wrapper {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.cs-section-wrapper.intro {
  margin-bottom: 0;
}

.cs-section-wrapper.bottom-margin {
  margin-bottom: 20em;
}

.heading-12 {
  font-size: 1.11em;
}

.heading-13 {
  letter-spacing: -.03px;
}

.heading-14 {
  line-height: 1.2;
}

.cs-header-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 4em;
  margin-bottom: 12em;
  display: flex;
}

.cs-header-wrapper.no-margin {
  margin-top: 0;
  margin-bottom: 4em;
}

.cs-header-wrapper.no-bottom-margin {
  margin-bottom: 0;
}

.h5-section-header {
  width: auto;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 400;
}

.cs-3column-grid-wrapper {
  width: 85%;
}

.cs-3column-grid-wrapper.full-width {
  width: 100%;
}

.cs-2-column-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: stretch;
  width: auto;
  margin-bottom: 0;
}

.cs-column-divider-left {
  width: 45%;
  height: 20px;
}

.cs-hero-columns {
  width: 100%;
}

.div-block-2 {
  width: 50%;
}

.column {
  align-items: flex-start;
  display: flex;
}

.cs-hero-year {
  width: 50%;
}

.cs-hero-50-div {
  flex-direction: row;
  align-items: flex-start;
  width: 50%;
  margin-left: auto;
  display: flex;
}

.nav-link-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-link {
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  width: 25%;
  margin-left: 0;
  padding-right: 4em;
}

.nav-link:hover, .nav-link:focus {
  opacity: .5;
}

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

.nav-link.is-contact {
  margin-left: auto;
  padding-right: 0;
}

.nav-link.is-home.is-white, .nav-link.is-white {
  color: var(--white-smoke);
  letter-spacing: -.01em;
  text-transform: lowercase;
  font-weight: 400;
}

.nav-link.home-nav {
  color: #fff;
}

.menu-link-wrapper {
  z-index: 3000;
  width: 30px;
  display: none;
  position: relative;
  inset: 0% 0% auto auto;
}

.cs-hero-header, .cs-hero-header.is-med-grey {
  color: var(--medium-grey);
}

.div-is-25 {
  width: 25%;
  margin-left: 0;
}

.div-is-25.cs-div-right {
  margin-left: 0;
}

.div-is-75 {
  flex-direction: column;
  justify-content: space-between;
  width: 75%;
  display: flex;
}

.about-content-wrapper {
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 168px;
  display: flex;
}

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

.grid-text-wrapper.is-50 {
  width: 60ch;
  margin-left: 0;
}

.grid-is-experience {
  grid-column-gap: 0px;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: .25fr .75fr;
  margin-top: 8em;
  margin-bottom: 10em;
}

.about-hero-wrapper {
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  display: flex;
}

.div-is-50 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
  overflow: hidden;
}

.div-is-50.cs-hero-image {
  margin-left: 1em;
}

.div-is-50.cs-info-wrapper {
  justify-content: space-between;
  margin-right: 1em;
}

.div-is-50.right-margin {
  margin-right: 1em;
}

.div-is-50.left-margin {
  margin-left: 1em;
}

.div-is-50.cs-div-right {
  margin-left: 2em;
}

.div-is-50.cs-div-left {
  margin-right: 2em;
}

.div-is-50.work-page {
  margin-left: 1em;
}

.footer-wrapper {
  width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: 50px;
  display: block;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
}

.collection-item {
  margin-top: 10em;
}

.collection-list-wrapper {
  margin-top: 8em;
  display: none;
}

.image-4 {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: auto;
}

.grid-footer {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding-top: 6em;
  padding-bottom: 4em;
}

.about-img-wrapper {
  border-radius: 100vh;
  width: 30%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: static;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.image-5 {
  object-fit: cover;
  max-width: none;
  height: 100%;
}

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

.archive-links-container {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.archive-links {
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  height: 60vh;
  padding-right: 1em;
  display: flex;
}

.links_archive-link {
  justify-content: space-between;
  padding-right: 25px;
  display: flex;
}

.archive-link-img {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: auto;
  padding-left: 25px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.links_item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.collection-list-wrapper-2 {
  margin-top: auto;
}

.graphic-long-arrow {
  width: 15em;
}

.heading-16 {
  display: none;
  position: static;
  inset: 16% 18% 0% auto;
}

.hero-sub-head {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: auto;
  margin-left: 4em;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
}

.cs-project-type {
  color: var(--soft-black);
  padding-bottom: 6em;
}

.heading-17 {
  font-weight: 400;
}

.link-button {
  object-fit: fill;
  flex-direction: row;
  align-items: center;
  width: auto;
  display: flex;
  overflow: visible;
}

.link-block.back-to-top {
  overflow: hidden;
}

.image-6 {
  max-width: none;
  display: block;
}

.heading-18 {
  display: inline-block;
}

.arrow-small-link {
  flex: none;
  width: 1.4em;
  max-width: none;
  height: 1.2em;
  padding-top: 2px;
  padding-left: 7px;
  display: block;
}

.link-block-2 {
  border: 1.5px solid #000;
  border-radius: 20px;
  padding: 5px 10px;
}

.cs-link {
  border: 0 solid #000;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 15px;
  display: flex;
}

.casestudy-link {
  border-radius: 100vh;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.link-small {
  color: var(--soft-black);
  letter-spacing: -.01em;
  font-size: .83em;
  font-weight: 400;
}

.div-is-30 {
  width: 30%;
}

.div-is-60 {
  flex-direction: column;
  justify-content: flex-start;
  width: 65.5%;
  display: flex;
}

.div-is-60.is-results-content, .div-is-60.is-about {
  margin-left: auto;
}

.div-is-60.negative-margin {
  margin-top: -4em;
}

.div-is-60.cs-info-wrapper {
  justify-content: space-between;
  margin-right: 2em;
}

.div-is-60.dropshadow {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 10px -1px #d2d2d2;
}

.cs-rich-text {
  margin-bottom: 8em;
}

.list {
  padding-left: 0;
}

.about-info-wrapper {
  width: 100%;
  margin-bottom: 1.5em;
}

.more-case-studies {
  grid-column-gap: 2em;
  grid-template-rows: auto;
}

.h3-header {
  padding-top: 72px;
  padding-bottom: 72px;
}

.more-cs-img {
  object-fit: cover;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.collection-item-2 {
  flex-direction: row;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.image-7 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.link-cs-title-wrapper {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cs-title-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.cs-catagories {
  color: var(--soft-black);
  font-size: 0;
}

.img-cs-hero {
  width: 100%;
  max-width: none;
  height: 80%;
}

.section-4 {
  display: none;
}

.grid-3-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.paragraph-2 {
  color: var(--soft-black);
}

.arrow-external-link {
  width: 2.5em;
  height: auto;
  margin-left: auto;
}

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

.arrow-top {
  width: 2em;
}

.copyright {
  color: var(--soft-black);
  margin-bottom: -5px;
  margin-left: auto;
  padding-bottom: 0;
}

.h1-is-name {
  color: var(--concrete);
  margin-left: -5px;
}

.h1-headline {
  width: auto;
  margin-bottom: 0;
  overflow: hidden;
}

.h1-headline.is-designer {
  margin-left: auto;
}

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

.moblie-nav-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 20px;
}

.close-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 20px 11px;
  display: flex;
  position: relative;
}

.menu-close {
  background-color: var(--concrete);
  width: 30px;
  height: 2px;
  color: var(--concrete);
  position: absolute;
  transform: rotate(-45deg);
}

.menu-close.is-45 {
  position: relative;
  transform: rotate(45deg);
}

.home-link-wrapper {
  z-index: 1000;
  position: relative;
}

.menu-contact-links {
  justify-content: space-between;
  width: 100%;
  font-size: 3vw;
  display: flex;
}

.h3-is-normal {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.cs-hero-copy {
  margin-top: -6px;
  padding-right: 6em;
  line-height: 1.5;
}

.collection-list-wrapper-3 {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: block;
}

.collection-list {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.about-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

.experience-wrapper {
  margin-bottom: 1em;
}

.is-about {
  color: #fff;
  height: auto;
  margin-top: 0;
  margin-bottom: 1em;
  margin-right: 1em;
}

.is-about.is-italic {
  font-family: Ppeiko, sans-serif;
}

.menu-contact-item {
  width: 48%;
  color: var(--white-smoke);
  font-size: 1em;
}

.arrow-menu-contact {
  filter: invert();
  width: auto;
  max-width: none;
  height: .7em;
}

.arrow-menu-link {
  filter: invert();
  width: auto;
  max-width: none;
  height: .7em;
  transform: rotate(45deg);
}

.arrow-menu-link.is-contact {
  filter: invert(31%);
  transform: rotate(135deg);
}

.menu-arrow-down {
  opacity: .39;
  filter: invert();
  width: auto;
  max-width: none;
  height: .7em;
  transform: rotate(135deg);
}

.divider {
  background-color: var(--concrete);
  width: 100%;
  height: 1px;
  display: block;
}

.divider.light {
  background-color: var(--rule-cs-headings);
}

.divider.for-tab {
  width: 100%;
  color: var(--soft-black);
  margin-bottom: 0;
}

.divider.is-med-grey {
  background-color: var(--medium-grey);
}

.divider.is-white {
  background-color: var(--white-smoke);
}

.divider.work {
  background-color: #2f63b1;
}

.is-challenge {
  margin-top: 4em;
}

.rule-footer {
  background-color: var(--light-grey);
  opacity: .4;
  height: 1px;
  margin-bottom: 1.5em;
}

.rule-footer.ft {
  background-color: var(--light-grey);
}

.added-leading {
  line-height: 1.8;
}

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

.cs-2-column.project-goals {
  grid-row-gap: 15px;
}

.project-goals-wrapper {
  flex-direction: row;
  margin-top: 1em;
  display: block;
}

.paragraph-3 {
  font-weight: 500;
}

.is-medium {
  margin-right: 2em;
  font-weight: 500;
}

.goal {
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.small-rule {
  background-color: var(--light-grey);
  border: 1px #000;
  border-radius: 20px;
  width: 100%;
  height: 1px;
  padding-bottom: 0;
}

.small-rule.is-med-grey {
  background-color: var(--medium-grey);
}

.rule-cs-headings {
  background-color: var(--rule-cs-headings);
  height: 1px;
  margin-bottom: 2em;
  padding-right: 0;
}

.rule-cs-headings.is-med-grey {
  background-color: var(--medium-grey);
}

.cs-section-heading {
  text-transform: none;
  margin-top: 2em;
  margin-bottom: 2em;
  font-weight: 400;
}

.cs-section-heading.no-margin {
  margin-top: 0;
}

.phase-image-wrapper {
  background-color: var(--backgrounds);
  justify-content: center;
  margin-bottom: 2em;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  overflow: hidden;
}

.phase-image-wrapper.sciops-gifs {
  background-color: #ebebeb;
  padding: 6em 2em;
}

.phase-image-wrapper.no-bk-color {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.phase-image-wrapper.ss {
  background-color: #f7f8fa;
}

.phase-image-wrapper.sciops-blue {
  background-color: var(--sciops-blue);
}

.phase-image {
  width: 90%;
  height: auto;
}

.phase-image.outline {
  border: 1px solid var(--rule-cs-headings);
}

.phase-image.full-width {
  width: 100%;
}

.phase-image.full-width.bottom-margin {
  margin-bottom: 4em;
}

.phase-image.yum-comp-analysis {
  width: 50%;
  margin-left: auto;
  padding-left: 2em;
}

.phase-image.yum-sitemap {
  width: 75%;
}

.phase-image.sciops-logo {
  width: 40%;
  margin-top: 100px;
  margin-bottom: 100px;
}

.phase-image.animated-icons {
  margin-top: 100px;
  margin-bottom: 100px;
}

.phase-image.sciops-sitemap {
  width: 50%;
}

.phase-image.yum-flow {
  width: 90%;
}

.phase-header-wrapper {
  flex-direction: column;
  display: flex;
}

.phase-wrapper {
  flex-direction: column;
  align-items: center;
  margin-bottom: 10em;
  display: block;
}

.phase-wrapper.bottom-margin {
  margin-bottom: 20em;
}

.phase-list {
  align-self: flex-start;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 30px;
}

.phase-list.top-margin {
  margin-top: 1.6em;
}

.phase-video-wrapper {
  background-color: var(--backgrounds);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 4em;
  padding: 8em 0;
  display: flex;
}

.phase-video-wrapper.sciops {
  background-color: #f3f3f3;
  padding: 8em 10%;
}

.phase-video-wrapper.ss {
  background-color: var(--ss-bk-blue);
}

.video {
  max-width: 1440px;
}

.normal-weight {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.mono-type {
  letter-spacing: -.09em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .83em;
  font-weight: 300;
}

.mono-type.coming-soon {
  letter-spacing: 0;
}

.phase-image-right {
  width: 50%;
  max-width: 100%;
  height: auto;
  margin-left: 1em;
  display: block;
}

.phase-image-right.outline {
  border: 1px solid var(--rule-cs-headings);
}

.phase-image-right.sciops-infograph {
  border: 1px solid var(--light-grey);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px;
  display: flex;
}

.phase-image-left {
  width: 50%;
  max-width: 100%;
  height: auto;
  margin-right: 1em;
}

.phase-image-left.sciops-infograph {
  border: 1px solid var(--light-grey);
  justify-content: center;
  align-items: center;
  padding: 35px;
  display: flex;
}

.grid-5 {
  grid-column-gap: 30px;
  grid-template-rows: auto;
}

.link-block-3, .link-to-cs, .image-8, .cs-image {
  width: 100%;
}

.cs-title-block {
  justify-content: space-between;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
}

.phase-tab-wrapper {
  width: 100%;
  margin-top: 4em;
  padding: 36px;
  display: none;
}

.tab-link-tab-1 {
  background-color: #0000;
}

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

.tab-link {
  border-bottom: 1px solid var(--rule-cs-headings);
  width: 100%;
  color: var(--medium-grey);
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-right: -1px;
  padding: 8px 0 6px;
  display: flex;
}

.tab-link:hover {
  color: var(--soft-black);
}

.tab-link.w--current {
  border-bottom: 1px solid var(--soft-black);
  width: 100%;
  color: var(--soft-black);
  background-color: #0000;
  justify-content: space-around;
  padding-bottom: 6px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link.w--current:hover {
  color: var(--soft-black);
}

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

.tab-copy-wrapper {
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 25px;
  display: flex;
}

.tabs-menu {
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tabs-menu.is-30 {
  width: 30%;
}

.heading-19 {
  display: flex;
}

.tabs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tab-text {
  letter-spacing: 0;
  font-size: .8em;
  font-weight: 500;
}

.tabs-content {
  width: auto;
  margin-right: 0;
  padding: 25px 0 13px;
}

.vertical-divider {
  background-color: var(--soft-black);
  width: 2px;
  height: 12px;
  margin-right: 5px;
}

.is-regular {
  font-weight: 400;
}

.is-regular.exp {
  color: #fff;
}

.problem-header {
  margin-bottom: 1em;
}

.home-link-white {
  color: var(--white-smoke);
  letter-spacing: -.01em;
  text-transform: lowercase;
  font-weight: 400;
}

.navigation-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-top: 25px;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
}

.archive-wrapper {
  align-items: center;
  width: 100%;
  margin-top: 10em;
  margin-bottom: 8em;
  display: flex;
}

.archive-img-wrapper {
  width: 50%;
  height: 60vh;
  padding-left: 1em;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.column-2 {
  flex-direction: column;
  display: block;
}

.image-9, .image-10 {
  width: 50%;
}

.description-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.description-wrapper.work {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
}

.description-wrapper.cs-home {
  align-items: flex-start;
  margin-top: 0;
}

.link-block-extra {
  overflow: hidden;
}

.grid-is-extras {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  width: 100%;
  margin-top: 4em;
  margin-bottom: 8em;
}

.black-rule {
  background-color: var(--soft-black);
  height: 1.5px;
  position: static;
}

.about-background-image {
  z-index: -1;
  height: 100vh;
  position: fixed;
}

.text-span {
  font-weight: 400;
  text-decoration: underline;
}

.profile-img-wrapper {
  object-fit: cover;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: auto;
  display: block;
  position: static;
  inset: auto auto auto 0%;
  overflow: hidden;
}

.about-copy {
  z-index: 1;
  width: 50%;
  padding-right: 2em;
  position: relative;
}

.grid-expertise {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  margin-top: 8em;
}

.experience-item {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.profile-image {
  object-fit: fill;
  border-style: solid;
  border-color: #000;
  width: 100%;
  height: auto;
}

.photo-hover-span {
  font-family: Gt super display;
  font-weight: 300;
}

.photo-hover-span:hover {
  text-decoration: none;
}

.grid-about-2column {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  margin-top: 8em;
  margin-bottom: 8em;
}

.info-wrapper-link {
  width: 100%;
  color: var(--concrete);
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5em;
  display: block;
  overflow: hidden;
}

.work-header-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding-top: 0%;
  padding-bottom: 4em;
  display: flex;
}

.project-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 4em;
  padding-bottom: 8em;
  display: flex;
}

.project-wrapper.work-page {
  flex-direction: row;
  padding-bottom: 4em;
  display: flex;
}

.archive-work-img {
  width: auto;
  margin-right: 1em;
}

.archive-collection-wrapper {
  margin-bottom: 0;
}

.spacer {
  height: 10em;
}

.selected.italic-gt-super {
  margin-left: 18px;
}

.project-type {
  color: var(--soft-black);
}

.grid-6 {
  grid-column-gap: 4em;
  grid-template-rows: auto;
}

.grid-archive-header {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
  width: 100%;
}

.project-header-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-bottom: 4em;
  display: flex;
}

.archive-info-wrapper {
  width: 100%;
  padding-bottom: 1.5em;
  padding-right: 2em;
}

.archive-info-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.archive-image-wrapper {
  margin-bottom: 2em;
}

.grid-7 {
  grid-column-gap: 50px;
  grid-template-rows: auto;
}

.grid-archive-img {
  grid-column-gap: 50px;
  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 auto;
  grid-template-areas: "Area"
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       ".";
}

.archive-footer-nav {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10em;
  display: none;
}

.grid-archive-footer {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  width: 100%;
}

.arrow-interal-link {
  transform: rotate(-135deg);
}

.arrow-left {
  width: 2em;
  height: 2.1em;
  margin-left: 7px;
}

.content-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-wrapper.right-aligned {
  justify-content: flex-end;
}

.back-to-home {
  margin-left: 25px;
}

.arrow-right {
  width: 2em;
  transform: rotate(45deg);
}

.back-to-work {
  padding-right: 25px;
}

.archive-video-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 4em;
  margin-bottom: 2em;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-video-wrapper.with-paddding {
  padding: 118px;
}

.project-title {
  margin-top: -5px;
  padding-bottom: 20px;
  font-weight: 400;
}

.arrow-right-black {
  width: 4em;
  display: block;
}

.cs-subtext-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4em;
  display: flex;
}

.cs-subtext-wrapper.bottom-margin-2em {
  margin-bottom: 2em;
}

.archive-video.website {
  z-index: 10;
  border-radius: 10px;
  width: 75%;
  height: auto;
  position: absolute;
  overflow: hidden;
}

.arrow-left-black {
  width: 3.7em;
}

.tab-item {
  letter-spacing: -.01em;
  font-size: .8em;
  font-weight: 400;
}

.body-3 {
  background-image: url("https://cdn.prod.website-files.com/6ad277aa10a141d8fb63ef45/6ad277ac10a141d8fb63f048_website-background-2.jpg");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.project-identifier {
  flex-direction: row;
  flex: 0 auto;
  width: auto;
  font-family: IBM Plex Mono, sans-serif;
  font-weight: 300;
  display: block;
  position: static;
}

.arrow-wrapper {
  position: relative;
  inset: 0% 0% auto auto;
}

.work-arrow {
  z-index: 1;
  width: 2.5em;
  margin-left: auto;
  position: static;
  inset: 0% 0% auto auto;
}

.profile-outline {
  border: 1px solid #000;
  border-radius: 100vh;
}

.heading-21 {
  font-size: 5.5em;
}

.cs-description-homepage {
  width: 30ch;
}

.arrow-right-black-small {
  width: 1.25em;
  margin-left: 10px;
}

.more-cs-header {
  margin-top: 1em;
  margin-bottom: 1em;
}

.footer-contact-item.ft {
  color: var(--white-smoke);
}

.archive-grid {
  display: none;
}

.line-1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 4em;
  display: flex;
  position: static;
  overflow: visible;
}

.line-2 {
  margin-top: 0;
  margin-bottom: 4em;
  margin-left: 4em;
  display: none;
  position: static;
  overflow: hidden;
}

.line-3 {
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-top: 4em;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-9, .div-block-10 {
  display: none;
}

.floating-video {
  box-shadow: -3px 16px 30px -2px var(--concrete);
  border-radius: 8px;
  overflow: hidden;
}

.archive-year {
  letter-spacing: -.1em;
}

.archive-list {
  margin-top: 4em;
}

.div-block-11 {
  z-index: -1;
  clear: right;
  background-color: var(--soft-black);
  width: 50%;
  height: 100vh;
  position: relative;
  inset: 0% 0% 0% auto;
}

.archive-description-wrapper {
  width: 45%;
  margin-left: 0;
}

.archive-info-h6 {
  margin-bottom: 0;
}

.archive-p {
  margin-bottom: .5em;
}

.archive-bkgrd-image {
  z-index: 0;
  object-fit: cover;
  position: relative;
}

.grid-4-column {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
  width: 100%;
  margin-top: auto;
  padding-top: 1em;
}

.archive-hero {
  align-items: flex-end;
  height: 75vh;
  padding-top: 10%;
  padding-bottom: 4em;
  display: flex;
}

.cs-wrapper-home {
  margin-top: 10em;
}

.photo-wrapper {
  width: 100%;
  margin-bottom: 25%;
}

.photo-left-50 {
  width: 50%;
  padding-right: 1em;
}

.photo-left-50._50-50 {
  margin-top: 0%;
}

.photo-fullwidth {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.photo-fullwidth.first {
  margin-top: 0%;
}

.photo-right-75 {
  width: 75%;
  margin-left: auto;
  margin-right: 0;
}

.photo-description-wrapper {
  justify-content: space-between;
  margin-top: 10px;
  display: flex;
}

.photo-left-75 {
  width: 75%;
  margin-right: auto;
}

.photo-number {
  font-size: .83vw;
}

.blackfill {
  background-color: var(--soft-black);
  justify-content: center;
  align-items: center;
  height: 75vh;
  display: flex;
}

.playground-wrapper {
  width: 100%;
  padding-top: 10em;
}

.playground-wrapper.web {
  padding-top: 1em;
}

.all-caps {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .69em;
  font-weight: 600;
}

.all-caps.bullet {
  margin-right: 2em;
}

.div-block-12 {
  width: 2.5em;
}

.italic {
  font-family: Ppeiko, sans-serif;
  font-size: 5.6em;
}

.h2 {
  display: inline;
  position: relative;
}

.h2.italic {
  letter-spacing: -.04em;
  font-size: 4.8em;
}

.h2.left-margin {
  position: static;
}

.h2.is-concrete {
  color: var(--concrete);
}

.hp-project-title {
  font-weight: 400;
}

.photo-location {
  display: none;
}

.photo-right-50 {
  width: 50%;
  margin-left: auto;
  padding-left: 2em;
}

.photo-right-50._50-50 {
  margin-top: 0%;
  padding-left: 1em;
}

.photo-50-50 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.grid-photo-3-col {
  grid-column-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.photo-75-center {
  width: 75%;
}

.is-italic {
  font-family: Ppeiko, sans-serif;
}

.grid-about-hero {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.grid-about-hero.top-margin {
  margin-top: 0;
}

.grid-content-2-col {
  justify-content: space-between;
  width: 100%;
  margin-top: 2em;
  display: flex;
}

.social-link-wrapper {
  justify-content: flex-start;
  width: 100%;
  margin-top: 4em;
  display: flex;
}

.link-social {
  margin-right: 25px;
  display: flex;
}

.arrow-social {
  width: .7em;
  margin-left: 5px;
}

.profile-image-wrapper {
  align-items: flex-end;
  width: 100%;
  height: 40vh;
  display: flex;
  overflow: hidden;
}

._2-column {
  width: 100%;
  margin-right: 0;
}

.lotttie-scroll {
  width: 7em;
  position: relative;
}

.lottie-scroll-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 8em 4em;
}

.arrow-down-black {
  width: 25px;
  position: absolute;
  top: auto;
  right: auto;
}

.cursor {
  z-index: 100000;
  opacity: 0;
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  display: flex;
  position: fixed;
}

.cursor-dot {
  background-color: var(--soft-black);
  border: 1px solid #0000;
  border-radius: 100vw;
  width: 15px;
  height: 15px;
}

.cursor-dot.home {
  background-color: var(--soft-black);
  color: var(--soft-black);
}

.noisey-image-wrapper {
  margin-top: 10%;
}

.noisey-image-wrapper.top {
  margin-top: 0%;
}

.html-embed {
  color: var(--soft-black);
  cursor: none;
}

.archive-heading-wrapper {
  margin-top: 6em;
  margin-bottom: 6em;
}

.image-wrapper {
  overflow: hidden;
}

.body-4 {
  cursor: none;
}

.sciops-infograph-4 {
  width: 65%;
  padding-bottom: 19px;
}

.photo-contain {
  margin-top: 10%;
}

.photo-contain.top {
  margin-top: 0%;
}

.archive-collection-mobile {
  display: none;
}

.arrow-down {
  width: auto;
  margin-left: auto;
  position: relative;
  inset: auto 0% 34% auto;
}

.arrow-down.small {
  height: 1em;
  padding-left: 1em;
}

.arrow-down.large {
  height: 6.75em;
  position: static;
  inset: auto 4em 4em auto;
}

.arrow-down.large.home {
  color: #c2c2c2;
}

.arrow-down.large.work {
  position: static;
}

.home-button {
  background-color: #0000;
  border: 1.75px solid #000;
  border-radius: 100%;
  width: 18px;
  height: 18px;
}

.home-button.w--current {
  width: 14px;
  height: 14px;
}

.home-button.home-nav {
  border-color: var(--pure-black);
}

.image-11 {
  width: auto;
  transition: opacity .2s;
}

.cs-h2 {
  margin-top: -10px;
  margin-left: -6px;
  padding-left: 0;
}

.phase-video {
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 1440px;
  display: flex;
}

.cs-section-title {
  width: 50%;
  margin-bottom: 4em;
}

.yum-process {
  padding-top: 1em;
}

.cs-3-col-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.cs-3-col-grid.top-margin {
  margin-top: 4em;
}

.cs-3-col-grid.bottom-margin {
  margin-bottom: 4em;
}

.bullets-wrapper {
  flex-direction: column;
  margin-top: 4em;
  padding-top: 0;
  display: block;
}

.bullets-div {
  height: 8ch;
  padding-right: 2em;
}

.yum-survey-img {
  margin-top: 2em;
  margin-bottom: 2em;
}

.grid-vertical-stack {
  grid-template-columns: 1fr;
  margin-top: 4em;
}

.bullet-2col-wrapper {
  display: flex;
}

.is-med-grey {
  color: var(--medium-grey);
}

.is-med-grey.is-logo-labels {
  margin-left: 16px;
}

.yum-app-logo {
  width: auto;
}

._2-col-img-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vertical-img-wrapper {
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin-bottom: 4em;
  display: block;
}

.div-is-16 {
  width: 18%;
}

.div-is-16.yum-solution {
  width: 16%;
  margin-left: 30px;
}

.grid-project-details {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-project-details {
  margin-bottom: 1em;
}

.div-span-apart {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-box {
  align-items: center;
  margin-top: .25em;
  display: flex;
}

.link-box.button {
  align-items: center;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.link-box.home-hero-arrow {
  display: inline-block;
  position: static;
  bottom: 4em;
}

.arrow-down-button {
  width: auto;
  height: 3.8em;
  margin-bottom: 0;
  margin-left: .5em;
}

.arrow-down-button.small {
  height: .9em;
}

.grid-infographs {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  align-items: end;
}

.div-col-centered {
  justify-content: center;
  align-items: stretch;
  padding: 50px;
  display: flex;
}

.link-name {
  color: var(--medium-grey);
  letter-spacing: -.06em;
}

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

.mywork-link-wrapper {
  margin-right: auto;
}

.button-text {
  margin-bottom: 0;
}

.arrow-button {
  height: 1em;
  display: inline-block;
}

.arrow-button.internal-page {
  width: auto;
  height: auto;
  padding-left: 1em;
}

.grid-home-hero {
  grid-column-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  align-items: start;
  width: 100%;
  height: auto;
}

.div-hero-subtext {
  margin-bottom: 40px;
}

.link-is-name {
  margin-left: 1em;
}

.link-underline {
  height: .4em;
  margin-top: -10px;
}

.image-12 {
  height: 4.8em;
}

.hero-subtext {
  margin-top: -12px;
}

.hero-subtext.home {
  color: #fff;
}

.grid-8 {
  grid-column-gap: 2em;
  grid-row-gap: 4em;
}

.grid-cs-project-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 4em;
  flex: none;
  grid-template-columns: .25fr .75fr;
  width: 100%;
}

.grid-cs-project-wrapper.top {
  grid-template-rows: auto;
  margin-bottom: 4em;
}

.grid-cs-project-wrapper.bottom {
  grid-template-rows: auto;
}

.div-block-14 {
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
  overflow: hidden;
}

.div-image-wrapper {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.rule-mini {
  background-color: var(--medium-grey);
  width: 25px;
  height: 1px;
  margin-left: 5px;
  margin-right: 5px;
}

.tag-casestudy {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.work-header {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.is-work-span {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.xl-heading {
  letter-spacing: -1.25vw;
  white-space: nowrap;
  margin-left: -1.5vw;
  margin-right: 4vw;
  padding-bottom: 2vw;
  font-size: 18vw;
}

.xl-heading.home {
  color: #fff;
}

.container-marquee {
  width: 100%;
  height: auto;
  padding-top: 4vh;
  padding-bottom: 4vh;
  overflow: hidden;
}

.inner-container {
  white-space: nowrap;
  object-fit: fill;
  padding-left: 3.5em;
  display: inline-block;
}

.marquee-text {
  color: var(--soft-black);
  padding-right: 4vw;
}

.marquee-text.ft {
  color: var(--concrete);
}

.hero-intro-copy {
  flex-direction: row;
  display: flex;
}

.body-5 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
}

.body-5.home {
  background-color: #0000;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
}

.body-6 {
  background-color: #5882c0;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
}

.body-7 {
  background-color: #6800d6;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
}

.portfolio-collection_item.audio {
  color: #fff;
}

.portfolio-collection_item.audio:hover {
  color: #000;
}

.portfolio_component {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  color: #fff;
  border-top: 1px solid #ffffff4d;
  border-bottom: 3px #fff;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.page-padding {
  color: #fff;
  background-color: #0000;
  margin-top: 0;
  padding: 4rem 10rem 2rem;
}

.sparkle-image {
  width: 2.5rem;
  position: absolute;
  inset: -16% auto 0% 29.2%;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.heading-xlarge {
  font-size: 5.8rem;
  line-height: 1.1;
}

.heading-xlarge.recent {
  color: #000;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.max-width-full.relative {
  position: relative;
}

.portfolio-tags_list {
  direction: rtl;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-end;
  height: 100%;
}

.preview-link {
  cursor: pointer;
  align-items: center;
  margin-left: 2rem;
  font-size: 1.1rem;
  display: flex;
}

.preview-link:hover {
  text-decoration: line-through;
}

.preview-link.cta-button {
  color: var(--concrete);
}

.preview-image {
  transform: translate(0);
}

.portfolio-tag_item {
  display: inline-block;
}

.preview-image_wrapper {
  z-index: 999999;
  border: 1px solid #fff;
  width: 30rem;
  height: 35rem;
  position: absolute;
  inset: -14.8vh auto 0% 30vw;
  overflow: hidden;
}

.preview-image_wrapper.no-click {
  height: auto;
}

.portfolio-heading_wrapper.bodytext {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1em;
}

.portfolio-heading_wrapper.bodytext:hover {
  color: #000;
}

.portfolio-tags_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-end;
  margin-top: 0;
  transform: translate(0, -.7rem);
}

.close-button.click {
  display: none;
}

.portfolio-item {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-top: 2px none var(--concrete);
  border-bottom: 1px solid var(--concrete);
  color: #000;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr .5fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: end;
  padding: 0 1rem;
  display: grid;
  position: relative;
}

.portfolio-item.audio {
  border-top-color: var(--concrete);
  border-bottom-width: 1px;
  border-bottom-color: var(--concrete);
}

.portfolio-item.audio.home-body {
  border-bottom-color: var(--concrete);
  color: #000;
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.portfolio-item.audio.home-body:hover {
  background-color: var(--pure-black);
  color: #000;
}

.portfolio-item-hover-image_wrapper {
  z-index: 2;
  border-bottom: 1px solid var(--concrete);
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 10rem;
  max-width: none;
  height: auto;
  display: block;
  position: absolute;
  inset: auto 0% -1px;
}

.heading-large {
  font-size: 4rem;
  line-height: 1.2;
}

.heading-large.slider {
  color: #fff;
  font-size: 2rem;
}

.portfolio-tag {
  background-color: var(--medium-orchid);
  border-radius: 99rem;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  margin-left: .4rem;
  padding: .4rem 1rem;
  display: inline-block;
}

.text-size-tiny {
  font-size: .75rem;
}

.text-size-tiny.text-style-allcaps.letter-spacing {
  color: #fff;
  font-weight: 600;
}

.hm, .collection-list-wrapper-4 {
  color: #fff;
}

.body-heading {
  color: #fff;
  font-size: 2em;
}

.body-heading:hover {
  color: #000;
}

.bodytext {
  color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 2em;
}

.bodytext:hover {
  color: #fff;
}

.link-block-4 {
  width: 100%;
}

.header-scroll__ui-aspect-cms {
  width: 100%;
  padding-top: 47.66%;
  position: relative;
}

.header-scroll__designer-overlay {
  z-index: 1;
  background-image: linear-gradient(#0000 20%, #1b1b1b99);
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: absolute;
  inset: 0%;
}

.header-scroll__designer-site-wrapper {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.header-scroll__ui-aspect-type {
  width: 100%;
  padding-top: 137.614%;
  position: relative;
}

.header-scroll__ui-aspect-publish {
  width: 100%;
  padding-top: 85%;
  position: relative;
}

.header-scroll__ui-aspect-logic {
  width: 100%;
  padding-top: 19%;
  position: relative;
}

.header-scroll__ui-aspect-color {
  width: 100%;
  padding-top: 145.63%;
  position: relative;
}

.header-scroll__designer-container {
  width: 97%;
  max-width: 1600px;
  height: 100%;
  max-height: 900px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 40px;
  bottom: auto;
}

.header-scroll__ui-overlay {
  background-image: linear-gradient(162deg, #0e0e0e00, #0e0e0ee6);
  position: absolute;
  inset: 0%;
}

.header-scroll__ui-overlay.cc-flip {
  background-image: linear-gradient(#1b1b1b00, #1b1b1bfa);
}

.header-scroll__ui-image {
  width: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.header-scroll__designer {
  z-index: 2;
  border-radius: 4px;
  flex-direction: column;
  width: 95%;
  max-width: 1400px;
  height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 50px 300px #00000080, 0 10px 30px #0000004d;
}

.header-scroll__ui-aspect-ix-2 {
  width: 100%;
  padding-top: 102.04%;
  position: relative;
}

.header-scroll__designer-top {
  width: 100%;
  max-width: none;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.header-scroll__designer-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  margin-top: -8vh;
  padding-top: 8vh;
  padding-bottom: 8vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.header-scroll__ui {
  opacity: 0;
  border-radius: 2px;
  position: absolute;
  overflow: hidden;
  box-shadow: 20px 0 50px #0003, 4px 0 8px #0000001f;
}

.header-scroll__ui.ui--cc-publish {
  z-index: 3;
  width: 18%;
  top: 12%;
  left: -4%;
}

.header-scroll__ui.ui--cc-ix-2 {
  z-index: 1;
  width: 14%;
  top: -2%;
  left: 24%;
}

.header-scroll__ui.ui--cc-logic {
  z-index: 1;
  width: 20%;
  bottom: -2%;
  right: 20%;
}

.header-scroll__ui.ui--cc-color {
  z-index: 3;
  width: 16%;
  bottom: 17%;
  right: -4%;
}

.header-scroll__ui.ui--cc-cms {
  z-index: 1;
  width: 14%;
  box-shadow: none;
  bottom: 3%;
  left: -5%;
}

.header-scroll__ui.ui--cc-type {
  z-index: 1;
  width: 13%;
  box-shadow: none;
  top: 0%;
  right: -6%;
}

.header-scroll__designer-preview-bar {
  flex: none;
  width: 100%;
  padding-top: 2.55%;
  display: flex;
  overflow: hidden;
}

.header-scroll__designer-site {
  width: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.header-scroll__designer-site.cc-third {
  top: auto;
  bottom: 0;
}

.header-scroll__designer-site.cc-first, .header-scroll__designer-site.cc-second {
  opacity: 0;
}

.header-scroll__designer-ui {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.parent {
  z-index: 1;
  position: relative;
}

.whipe {
  z-index: 1;
  background-color: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-child {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-child.about-image {
  background-image: url("https://cdn.prod.website-files.com/6ad277aa10a141d8fb63ef45/6ad277ac10a141d8fb63f275_About-image.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.border-line-top {
  z-index: 1;
  background-color: #faf9f6;
  width: 100%;
  height: .5px;
  position: absolute;
  inset: 0% 0% auto;
}

.social-link-parent {
  border-radius: 100000000000px;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  padding: 8px;
  display: flex;
  position: relative;
}

.reel {
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.text-container {
  position: relative;
}

.text-container.team {
  padding-top: 5em;
  padding-bottom: 5em;
}

.image-parent {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-parent.about {
  height: 50em;
  right: -12.5%;
}

.border-line-btn {
  z-index: 1;
  background-color: #faf9f6;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.lottie {
  width: 20em;
}

.container-full {
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-full.team {
  padding-top: 15em;
}

.container-full.service {
  justify-content: space-between;
  padding-top: 10em;
  padding-bottom: 5em;
  display: flex;
}

.supertext-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-container {
  justify-content: space-between;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.h2---style {
  text-transform: uppercase;
  font-size: 9.375em;
  line-height: 1;
}

.project-list-wrapper {
  z-index: 2;
  width: 100%;
  position: relative;
}

.spacer-12em {
  width: 100%;
  height: 12em;
}

.supertext-xl {
  opacity: .05;
  color: #faf9f6;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 29.2606em;
  font-weight: 400;
  position: relative;
}

.video-parent {
  z-index: 9999;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 20vh;
  display: flex;
  position: absolute;
  inset: auto -2.5% 0% auto;
  overflow: hidden;
}

.nav-link-parent {
  z-index: 999;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link-parent.cta {
  z-index: 1;
}

.footer-credit-wrap {
  width: 33.3333%;
  overflow: hidden;
}

.supertext {
  color: #faf9f6;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 9.375em;
  font-weight: 400;
}

.small-text-container {
  width: 200px;
  margin-left: 0;
}

.partner {
  color: #faf9f6;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 4.45em;
}

.button-txt {
  z-index: 2;
  color: #faf9f6;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 1.25rem;
  position: relative;
}

.service-parent {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.designer-small {
  color: #faf9f6;
  letter-spacing: 1px;
  text-transform: capitalize;
  width: 100%;
  font-size: .8rem;
  font-weight: 400;
}

.scroll-text-parent {
  z-index: 1;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 3em 0% 25%;
  overflow: hidden;
}

.button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10em;
  display: flex;
}

.border-line-bottom {
  z-index: 1;
  background-color: #faf9f6;
  width: 100%;
  height: .5px;
  position: absolute;
  inset: auto 0% 0%;
}

.cta-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100%;
  margin-top: 12em;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.half-circle {
  width: 45px;
  height: 45px;
}

.cta-scroll-text-parent {
  position: relative;
  overflow: hidden;
}

.margin-left-large {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10em;
}

.section-5.about-section {
  padding-top: 12.5em;
  padding-left: 2em;
  padding-right: 2em;
}

.section-5.partner-section {
  padding: 10em 2em;
}

.section-5.project-section {
  padding-top: 15em;
  position: relative;
}

.section-5.content-section {
  padding-top: 20em;
  padding-left: 2em;
  padding-right: 2em;
}

.section-5.service-section {
  padding-top: 15em;
  padding-left: 2em;
  padding-right: 2em;
}

.section-5.cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-5.hero-container {
  background-color: #000;
  height: 450vh;
  padding-top: 12em;
  padding-left: 2em;
  padding-right: 2em;
}

.btn-parent {
  z-index: 1;
  cursor: pointer;
  border: 1px solid #faf9f6;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 12.5em;
  height: 12.5em;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-collection-list {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.whipe-button {
  z-index: 2;
  background-color: #faf9f6;
  border-radius: 1000000em;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.scroll-text {
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-credit {
  color: #faf9f6;
  text-transform: uppercase;
  padding-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.small-footer-link {
  color: #979797;
}

.small-footer-link:hover {
  color: #faf9f6;
  border-bottom: .5px #fff;
}

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

.spacer-8em {
  width: 100%;
  height: 8em;
}

.wrapper {
  background-color: #0000;
  overflow: visible;
}

.caption-text {
  color: #faf9f6;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.25;
}

.grid-2-col-right {
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1.2fr;
}

.asterix {
  color: var(--medium-orchid);
  font-size: 1.875rem;
  line-height: .2;
}

.asterix.margin-right-xtrasmall {
  margin-right: .5em;
}

.designer-link {
  color: #faf9f6;
}

.video-2 {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.paragraph-large {
  font-size: 1.875rem;
  overflow: hidden;
}

.num-text {
  z-index: 2;
  color: #faf9f6;
  font-size: 1.65rem;
  font-style: italic;
  font-weight: 400;
  position: relative;
}

.spacer-2em {
  width: 100%;
  height: 2em;
}

.spacer-2em.mobile {
  display: none;
}

.h1---style {
  color: #faf9f6;
  text-transform: uppercase;
  font-size: 9.375em;
  font-weight: 400;
}

.nav-link-2 {
  color: #faf9f6;
  text-transform: uppercase;
  padding-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.footer {
  padding: 5em 2em;
}

.container-extra-small {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  perspective: 1000px;
  flex-direction: column;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transform: perspective(40em);
}

.scroll-section {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  display: flex;
  position: relative;
  overflow: visible;
}

.container-tiny {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}

.container-tiny.small-text {
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
  position: absolute;
  inset: auto -8% 15% auto;
}

.container-tiny.margin-top-small {
  margin-top: 1em;
}

.span-text {
  display: inline-block;
}

.span-text.two {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.span-text.three {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  display: inline-block;
}

.span-text.four {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.scroll-text-partner {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.scroll-text-partner._2 {
  justify-content: center;
}

.circle-cta {
  background-color: #faf9f6;
  border-radius: 100em;
  min-width: 2em;
  min-height: 2em;
  margin-left: 3em;
  margin-right: 3em;
  position: relative;
}

.service-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.team-list-wrapper {
  width: 100%;
  display: flex;
}

.collection-list-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.spacer-4em {
  width: 100%;
  height: 4em;
}

.container-medium {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-medium.about {
  width: 90%;
  margin-left: 4.375em;
  margin-right: 0;
}

.scroll-section-small {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4.1875em;
  padding-bottom: 4.1875em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sticky-container {
  width: 100%;
  position: sticky;
  top: 12em;
}

.designer {
  color: #faf9f6;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: .85rem;
}

.div-hide {
  position: relative;
  overflow: hidden;
}

.bg-video {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.cta-scroll {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.project {
  flex-direction: column;
  justify-content: flex-end;
  width: 85%;
  display: flex;
  position: relative;
}

.social-link-icon {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
}

.heading-24 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
}

.paragraph-5, .paragraph-6, .heading-25 {
  color: #fff;
}

.paragraph-7 {
  margin-bottom: .5em;
  line-height: 1.6;
}

.rule-mini-2 {
  background-color: #908d8a;
  width: 25px;
  height: 1px;
  margin-left: 5px;
  margin-right: 5px;
}

.divider-2 {
  background-color: #1e1d1d;
  width: 100%;
  height: 1.5px;
  display: block;
}

.pf-page {
  color: #f2f2ef;
  background-color: #0d0e10;
  font-family: -apple-system;
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: hidden;
}

.pf-mono {
  font-family: ui-monospace;
}

.pf-skip {
  z-index: 100;
  color: #0d0e10;
  background-color: #ff6b1a;
  padding: .75rem 1.25rem;
  font-weight: 700;
  text-decoration: none;
  position: absolute;
  top: -5rem;
  left: 1rem;
}

.pf-skip:focus {
  top: 1rem;
}

.pf-focus:focus {
  outline-offset: 4px;
  outline: 2px solid #ff6b1a;
}

.pf-wrap {
  text-align: center;
  flex-flow: column;
  place-content: center;
  align-items: center;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.pf-wrap.pf-header-inner {
  flex-flow: row;
}

.pf-header {
  border-bottom: 1px solid #26292f;
}

.pf-header-inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.pf-logo {
  grid-column-gap: .65rem;
  grid-row-gap: .65rem;
  color: #f2f2ef;
  letter-spacing: .02em;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.pf-nav-list {
  grid-column-gap: 1.75rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.pf-nav-link {
  color: #c9ccd1;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid #0000;
  padding: .5rem 0;
  font-size: .8125rem;
  text-decoration: none;
  display: inline-block;
}

.pf-nav-link:hover {
  color: #ff6b1a;
  border-bottom-color: #ff6b1a;
}

.pf-art {
  border-bottom: 1px solid #26292f;
  height: clamp(10rem, 22vw, 18rem);
  overflow: hidden;
}

.pf-art-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.pf-line {
  fill: none;
  stroke: #ff6b1a;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pf-line-2 {
  stroke-opacity: .75;
}

.pf-line-3 {
  stroke-opacity: .55;
}

.pf-line-4 {
  stroke-opacity: .38;
}

.pf-line-5 {
  stroke-opacity: .22;
}

.pf-hero {
  padding-top: 4rem;
  padding-bottom: 5rem;
}

.pf-eyebrow {
  color: #ff6b1a;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: .8125rem;
}

.pf-eyebrow.pf-mono {
  font-family: inter, sans-serif;
}

.pf-h1 {
  max-width: 20ch;
  color: var(--peru);
  letter-spacing: -.02em;
  border: 0 solid #fff;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: clamp(2.25rem, 5.5vw, 4.25rem);
  font-weight: 700;
  line-height: 1.08;
}

.pf-lead {
  color: #b4b8be;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: inter, sans-serif;
  font-size: 1.125rem;
  display: flex;
}

.pf-actions {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  margin: auto;
  display: flex;
}

.pf-btn {
  color: #0d0e10;
  background-color: #ff6b1a;
  border: 1px solid #ff6b1a;
  align-items: center;
  padding: .85rem 1.4rem;
  font-size: .9375rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.pf-btn:hover {
  color: #ff6b1a;
  background-color: #0000;
}

.pf-btn-ghost {
  color: #f2f2ef;
  background-color: #0000;
  border-color: #5a5f68;
}

.pf-btn-ghost:hover {
  color: #ff6b1a;
  background-color: #0000;
  border-color: #ff6b1a;
}

.pf-section {
  border-top: 1px solid #26292f;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.pf-sec-head {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5rem;
  display: flex;
}

.pf-label {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #a3a7ae;
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: .75rem;
  display: flex;
}

.pf-dots {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  display: inline-flex;
}

.pf-dot {
  border: 1px solid #ff6b1a;
  width: .5rem;
  height: .5rem;
  display: inline-block;
}

.pf-dot-on {
  background-color: #ff6b1a;
}

.pf-h2 {
  letter-spacing: -.015em;
  max-width: 22ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(1.75rem, 3.6vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
}

.pf-h2-cta {
  margin-bottom: 1.25rem;
}

.pf-p {
  color: #b4b8be;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
}

.pf-grid {
  border-top: 1px solid #2f3339;
  border-left: 1px solid #2f3339;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.pf-cell {
  border-bottom: 1px solid #2f3339;
  border-right: 1px solid #2f3339;
  padding: 2rem;
}

.pf-cell-wide {
  grid-column: 1 / -1;
}

.pf-num {
  color: #ff6b1a;
  letter-spacing: .1em;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: .875rem;
}

.pf-h3 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.25;
}

.pf-tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.pf-tag {
  color: #c9ccd1;
  letter-spacing: .06em;
  border: 1px solid #3a3e45;
  padding: .25rem .6rem;
  font-size: .75rem;
}

.pf-tag-soon {
  color: #ff6b1a;
  border-color: #ff6b1a;
}

.pf-cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.pf-card {
  color: inherit;
  background-color: #121418;
  border: 1px solid #2f3339;
  text-decoration: none;
  display: block;
}

.pf-card:hover {
  border-color: #ff6b1a;
}

.pf-card-media {
  aspect-ratio: 16 / 10;
  background-image: repeating-linear-gradient(135deg, #1c1f24 0 1px, #0000 1px 14px);
  border-bottom: 1px solid #2f3339;
  align-items: flex-end;
  padding: 1rem;
  display: flex;
}

.pf-card-ph {
  color: #8b9098;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
}

.pf-card-body {
  padding: 1.5rem;
}

.pf-card-cat {
  color: #ff6b1a;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: .75rem;
}

.pf-card-title {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.pf-card-desc {
  color: #a3a7ae;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: .9375rem;
}

.pf-card-cta {
  color: #ff6b1a;
  border-bottom: 1px solid #ff6b1a;
  font-size: .9375rem;
  font-weight: 600;
  display: inline-block;
}

.pf-two {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.pf-h3-list {
  margin-bottom: 1.25rem;
}

.pf-list {
  border-top: 1px solid #2f3339;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pf-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid #2f3339;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.pf-item-title {
  margin-top: 0;
  margin-bottom: .15rem;
  font-weight: 600;
}

.pf-item-meta {
  color: #a3a7ae;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
}

.pf-item-year {
  color: #ff6b1a;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
}

.pf-footer {
  border-top: 1px solid #26292f;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pf-footer-inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pf-footer-text {
  color: #a3a7ae;
  margin: 0;
  font-size: .875rem;
}

.text-span-2 {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--white-smoke);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--white-smoke);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--white-smoke);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--white-smoke);
  font-family: inter, sans-serif;
}

.mj-page {
  color: #f5f5f5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='white' stroke='black' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto;
  background-color: #141414;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  overflow-x: hidden;
}

.mj-skip {
  z-index: 100;
  color: #141414;
  text-align: center;
  white-space: nowrap;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  clip-path: inset(50%);
  background-color: #fafe7a;
  width: 1px;
  height: 1px;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mj-skip:focus {
  outline-offset: -4px;
  clip-path: none;
  outline: 0 #141414;
  width: auto;
  height: auto;
  padding: .6rem 1rem;
  position: static;
  overflow: visible;
}

.mj-focus {
  border-radius: 3px;
}

.mj-focus:focus-visible, .mj-focus[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-wrap {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.mj-wrap.mj-page-head {
  padding-top: 5rem;
}

.mj-wrap.mj-page-head.cs-head-tight {
  padding-bottom: 0;
}

.mj-wrap.smm-intro {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: start;
  padding-top: 0;
  padding-bottom: 4rem;
  display: grid;
}

.mj-wrap.smm-impact {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 4rem;
  display: grid;
}

.mj-wrap.smm-brands {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

.mj-wrap.smm-pages {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 5rem;
  display: grid;
}

.mj-wrap.smm-offers {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: end;
  display: grid;
}

.mj-wrap.smm-drupal {
  text-align: center;
}

.mj-wrap.smm-back {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

.mj-wrap.cs-intro {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 1fr) calc(36.3636% - 3.09091rem);
  align-items: start;
  padding-top: 5rem;
  padding-bottom: 7rem;
  display: grid;
}

.mj-wrap.cs-impact {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  padding-top: 5.75rem;
  padding-bottom: 0;
  display: grid;
}

.mj-wrap.cs-impact.cs-impact-split {
  grid-column-gap: 1.5rem;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.mj-wrap.cs-impact.cs-impact-text {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding-top: 8rem;
  padding-bottom: 5.75rem;
}

.mj-wrap.cs-impact.cs-flush-end {
  padding-bottom: 0;
}

.mj-wrap.cs-impact.cs-impact-23 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: center;
  column-gap: 1.5rem;
  padding-bottom: 0;
}

.mj-wrap.cs-impact.cs-impact-obj {
  grid-column-gap: 2.5rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 2.5rem;
}

.mj-wrap.cs-impact.tmt-pad-after {
  padding-bottom: 5.75rem;
}

.mj-wrap.cs-brands, .mj-wrap.cs-brands.cs-brands-end {
  padding-top: 5.75rem;
  padding-bottom: 0;
}

.mj-wrap.cs-brands.la-split {
  column-gap: 2rem;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.25rem;
}

.mj-wrap.cs-pages {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
  display: grid;
}

.mj-wrap.cs-offers {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  padding-bottom: 0;
  display: grid;
}

.mj-wrap.cs-drupal {
  text-align: center;
}

.mj-wrap.cs-back {
  padding-top: 3rem;
  padding-bottom: 1rem;
}

.mj-wrap.cs-flush {
  padding-bottom: 0;
}

.mj-wrap.mj-back-left {
  z-index: 2;
  text-align: center;
  margin-top: 0;
  padding-top: 3.5rem;
  padding-bottom: 0;
  position: relative;
}

.mj-wrap.cs-center {
  text-align: center;
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
}

.mj-wrap.cs-fam {
  padding-top: 5.75rem;
}

.mj-wrap.mj-list-end {
  padding-bottom: 4rem;
}

.mj-wrap.sc-brand-cols {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1fr 1.9fr;
  align-items: start;
  padding-top: 0;
  padding-bottom: 4rem;
  display: grid;
}

.mj-wrap.gf-top {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
  padding-bottom: 6rem;
  display: flex;
}

.mj-header-inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.mj-logo {
  color: #f5f5f5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  align-items: flex-start;
  text-decoration: none;
  display: inline-flex;
}

.mj-nav-list {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  margin: -.65rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.mj-nav-link {
  color: #f5f5f5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  background-image: linear-gradient(#fafe7a, #fafe7a);
  background-position: .5rem;
  background-repeat: no-repeat;
  background-size: 0 0;
  border-radius: 3px;
  padding: .5rem .5rem .5rem 1.3rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.mj-nav-link:hover, .mj-nav-link:active {
  color: #fafe7a;
  background-size: .4rem .4rem;
}

.mj-nav-link:focus-visible, .mj-nav-link[data-wf-focus-visible] {
  outline-offset: 4px;
  color: #fafe7a;
  background-size: .4rem .4rem;
  outline: 2px solid #fafe7a;
}

.mj-nav-link.mj-nav-current {
  color: #fafe7a;
  background-image: linear-gradient(#fafe7a, #fafe7a);
  background-repeat: no-repeat;
  background-size: .4rem .4rem;
}

.mj-in {
  color: #f5f5f5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.mj-in:hover {
  color: #fafe7a;
}

.mj-hero {
  padding-top: 5.5rem;
}

.mj-eyebrow {
  color: #f5f5f5;
  text-align: center;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.mj-h1 {
  max-width: 52rem;
  color: var(--white-smoke);
  text-align: center;
  letter-spacing: -.01em;
  text-wrap: pretty;
  background-color: #0000;
  margin: 0 auto;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: clamp(2.4rem, 6vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
  position: relative;
  top: -.75rem;
}

.mj-hero-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  margin-top: 1.25rem;
  display: grid;
}

.mj-skills-label {
  z-index: 2;
  color: #fafe7a;
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 600;
  position: relative;
  top: 5rem;
}

.mj-skills {
  z-index: 2;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  top: 5rem;
}

.mj-skill {
  width: fit-content;
  margin-bottom: .4rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}

.mj-skill:hover {
  color: #fafe7a;
}

.mj-art {
  pointer-events: none;
  height: auto;
  margin: calc(-24.5rem - 7.4vw) calc(-1 * max(0px, 50vw - 36rem) - 6rem) calc(1.5rem - .3vw);
  position: relative;
  overflow: clip visible;
}

.mj-art-svg {
  width: 80%;
  height: auto;
  margin-left: 25%;
  display: block;
  overflow: hidden;
  transform: none;
}

.mj-line {
  opacity: .8;
  fill: none;
  stroke: #f04a3c;
  stroke-width: 1.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mj-fill {
  fill: #f04a3c;
}

.mj-section {
  padding-top: 5.75rem;
}

.mj-h2 {
  color: var(--white-smoke);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.mj-projects {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mj-project {
  grid-column-gap: 0;
  grid-row-gap: 0;
  color: #f5f5f5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  background-color: #212123;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: stretch;
  margin-bottom: 2.5rem;
  text-decoration: none;
  transition: box-shadow .25s;
  display: grid;
  overflow: hidden;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.mj-project:hover {
  color: #f5f5f5;
  text-decoration: none;
  box-shadow: 0 0 0 .1px #fafe7a8c, 0 0 26px 2px #fafe7a42;
}

.mj-project.mj-focus:focus {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-project.mj-flip {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.mj-project.mj-flip.mj-focus:focus {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-project-media {
  aspect-ratio: 11 / 5;
  background-color: #212123;
  border: 0 solid #3a3a3a;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.mj-project-media.mj-flip-media.mj-cover {
  background-color: #f6eedf;
  border-width: 0;
  border-top-style: solid;
  border-top-color: #3a3a3d;
  border-left-style: solid;
  border-left-color: #3a3a3d;
  border-right-style: solid;
  border-right-color: #3a3a3d;
  padding: 0;
  overflow: hidden;
}

.mj-project-media.mj-flip-media.mj-cover.mj-cover-navy {
  background-color: #1e2334;
}

.mj-project-media.mj-cover {
  background-color: #212123;
  border-width: 0;
  border-color: #3a3a3d #3a3a3d #0000;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  padding: 0;
  overflow: hidden;
}

.mj-project-logo {
  color: #f5f5f5;
  text-align: center;
  margin: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
}

.mj-cat {
  color: #fafe7a;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 400;
}

.mj-project-title {
  width: fit-content;
  color: var(--white-smoke);
  letter-spacing: normal;
  border-bottom-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  display: block;
}

.mj-desc {
  color: #a8a8a8;
  max-width: 30rem;
  margin-top: .5rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.mj-awards {
  border-top: 1px solid #2e2e2e;
  margin: 0 0 5.75rem;
  padding: 0;
  list-style: none;
}

.mj-awards.mj-awards-home {
  border-top-color: #2e2e2e;
  margin-bottom: 7rem;
}

.mj-award {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid #2e2e2e;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.mj-award:last-child {
  border-bottom-width: 0;
}

.mj-org {
  color: #fafe7a;
  margin-top: 0;
  margin-bottom: .25rem;
  font-size: .875rem;
  font-weight: 400;
}

.mj-award-title {
  max-width: none;
  color: var(--white-smoke);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
}

.mj-date {
  color: #a8a8a8;
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.mj-footer {
  z-index: 10;
  background-color: #141414;
  margin-top: 4rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  box-shadow: 0 -6px 36px #0009, 0 -18px 90px -4px #0006, 0 -36px 170px -12px #00000040;
}

.mj-footer.cs-footer-flush {
  z-index: 10;
  margin-top: 0;
  position: relative;
}

.mj-footer.mj-footer-home {
  margin-top: 4rem;
}

.mj-footer.mj-footer-flush {
  margin-top: 0;
}

.mj-footer.mj-footer-res {
  margin-top: 4rem;
}

.mj-footer-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mj-footer-h {
  color: var(--white-smoke);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: clamp(2.1rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
}

.mj-contact {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  list-style: none;
  display: flex;
}

.mj-contact-link {
  color: #fafe7a;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-bottom: 1px solid #0000;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
}

.mj-contact-link:hover {
  color: #fff;
  border-bottom-color: #fafe7a;
}

.mj-contact-link.mj-focus {
  border-radius: 0;
}

.mj-contact-link.mj-focus:focus-visible, .mj-contact-link.mj-focus[data-wf-focus-visible] {
  outline-offset: 4px;
  border-radius: 3px;
}

.mj-sq {
  background-color: #fafe7a;
  width: .35rem;
  height: .35rem;
  display: inline-block;
}

.mj-ln {
  fill: none;
}

.mj-dot {
  opacity: 0;
  stroke: none;
}

.mj-art-over {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.mj-fill-a, .mj-fill-b, .mj-fill-c, .mj-fill-d, .mj-fill-e {
  opacity: 0;
  pointer-events: none;
}

.mj-nav-current {
  color: #fafe7a;
  background-image: linear-gradient(#fafe7a, #fafe7a);
  background-repeat: no-repeat;
  background-size: .4rem .4rem;
}

.mj-page-head {
  padding-top: 3rem;
}

.mj-page-label {
  color: #f5f5f5;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: .875rem;
}

.mj-page-title {
  color: var(--white-smoke);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 3rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
}

.mj-page-title.cs-tight {
  margin-bottom: .25rem;
}

.mj-page-title.gf-top-title {
  letter-spacing: normal;
  margin-bottom: 1rem;
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1.1;
}

.mj-pgrid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.mj-pcard {
  color: #f5f5f5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  background-color: #212123;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: stretch;
  height: auto;
  text-decoration: none;
  transition: box-shadow .25s;
  display: grid;
  overflow: hidden;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.mj-pcard:hover {
  box-shadow: 0 0 0 .1px #fafe7a8c, 0 0 26px 2px #fafe7a42;
}

.mj-pcard:focus {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-pcard-media {
  aspect-ratio: 11 / 5;
  direction: ltr;
  background-color: #212123;
  border: 0 solid #3a3a3a;
  border-radius: 0;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 1rem;
  display: flex;
}

.mj-pcard-media.mj-cover {
  background-color: #f6eedf;
  border-width: 0;
  border-color: #3a3a3d #3a3a3d #0000;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  padding: 0;
  overflow: hidden;
}

.mj-pcard-media.mj-cover.mj-framed {
  background-color: #212123;
  border: 0 solid #3a3a3d;
  padding: 0;
}

.mj-pcard-media.mj-cover.mj-cover-navy {
  background-color: #1e2334;
}

.mj-gallery {
  grid-column-gap: 1.5rem;
  aspect-ratio: 812 / 1300;
  grid-row-gap: 0;
  grid-template-rows: repeat(325, minmax(0, 1fr));
  grid-template-columns: repeat(24, minmax(0, 1fr));
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.mj-photo {
  object-fit: cover;
  background-color: #2b2b2b;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  display: block;
}

.mj-empty {
  color: #a8a8a8;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.mj-g1 {
  grid-area: 1 / 1 / 118 / 9;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g2 {
  grid-area: 1 / 9 / 108 / 16;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g3 {
  grid-area: 1 / 16 / 108 / 25;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g4 {
  grid-area: 118 / 1 / 222 / 9;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g5 {
  grid-area: 108 / 9 / 200 / 25;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g6 {
  grid-area: 222 / 1 / 326 / 9;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g7 {
  grid-area: 200 / 9 / 258 / 15;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g8 {
  grid-area: 258 / 9 / 326 / 15;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-g9 {
  grid-area: 200 / 15 / 326 / 25;
  align-self: stretch;
  margin-bottom: 1.5rem;
  position: relative;
}

.mj-res {
  grid-column-gap: 5rem;
  grid-row-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  align-items: start;
  display: grid;
}

.mj-res-block {
  margin: 0 0 3.5rem;
}

.mj-res-label {
  color: #fafe7a;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  padding: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.mj-res-item {
  margin: 0 0 1.75rem;
}

.mj-res-title {
  color: #f5f5f5;
  letter-spacing: normal;
  margin: 0 0 .25rem;
  padding: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.mj-res-role {
  color: #a8a8a8;
}

.mj-res-meta {
  color: #a8a8a8;
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.5;
}

.mj-res-text {
  color: #a8a8a8;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.mj-flip-media {
  order: 2;
}

.mj-menu {
  display: none;
}

.mj-menu-btn {
  color: #f5f5f5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  list-style: none;
  display: flex;
}

.mj-menu-btn:hover {
  color: #fafe7a;
}

.mj-menu-btn:focus-visible, .mj-menu-btn[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-menu-panel {
  z-index: 50;
  box-shadow: none;
  background-color: #141414;
  background-image: linear-gradient(#000000b3, #00000059 1.25rem, #0000 3rem);
  background-repeat: no-repeat;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: calc(100vh - 6.75rem);
  padding-top: 1rem;
  padding-bottom: 2rem;
  display: flex;
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  right: 0;
}

.mj-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mj-menu-link {
  color: #fff;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-bottom: 1px solid #0000;
  border-radius: 0;
  margin: 1.7rem 0 1.75rem;
  padding: .25rem 0 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  display: inline-block;
}

.mj-menu-link:hover {
  color: #fafe7a;
  text-underline-offset: .08em;
  border-bottom-color: #fafe7a;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1px;
}

.mj-menu-link:focus-visible, .mj-menu-link[data-wf-focus-visible] {
  outline-offset: 4px;
  border-radius: 6px;
  outline: 2px solid #fafe7a;
}

.mj-menu-current {
  text-underline-offset: .25rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.mj-back {
  margin-top: 2rem;
}

.mj-cover-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.mj-cover-img.mj-pos-bottom {
  object-position: 50% 100%;
}

.mj-cover-img.mj-pos-gwen {
  object-position: 50% 62%;
}

.mj-lb {
  outline-offset: 3px;
  cursor: zoom-in;
  border-radius: 3px;
  outline: 2px solid #0000;
  width: 100%;
  height: 100%;
  transition-property: outline-color;
  transition-duration: .2s;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mj-lb:hover {
  outline-color: #0000;
}

.mj-lb:focus-visible, .mj-lb[data-wf-focus-visible] {
  outline-color: #fafe7a;
}

.smm-intro {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: start;
  gap: 2rem 4rem;
  padding-top: 1rem;
  padding-bottom: 3rem;
  display: grid;
}

.smm-lead {
  color: #b3b3b3;
  margin: 0 0 1.5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 1.6;
}

.smm-link {
  color: #fafe7a;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.125rem;
  text-decoration: none;
  display: inline-block;
}

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

.smm-link:focus {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.smm-eyebrow {
  color: #fafe7a;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 700;
}

.smm-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.smm-li {
  color: #fff;
  margin: 0 0 .5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 1.5;
}

.smm-impact {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 2rem 4rem;
  padding-top: 5rem;
  padding-bottom: 4rem;
  display: grid;
}

.smm-art-wrap {
  display: block;
}

.smm-art {
  width: 100%;
  max-width: 22rem;
  height: auto;
  display: block;
}

.smm-copy {
  display: block;
}

.smm-h2 {
  color: #fff;
  letter-spacing: -.01em;
  margin: 0 0 1rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.smm-p {
  color: #b3b3b3;
  margin: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.7;
}

.smm-p.smm-narrow {
  max-width: 46rem;
}

.smm-brands {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

.smm-narrow {
  max-width: 46rem;
}

.smm-brand-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 2.5rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.smm-brand {
  color: #fff;
  text-align: center;
  background-color: #212123;
  border: 1px solid #333336;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-height: 12.5rem;
  margin: 0;
  padding: 1.5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
}

.smm-pages {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: center;
  gap: 2rem 4rem;
  padding-top: 3rem;
  padding-bottom: 5rem;
  display: grid;
}

.smm-ba-wrap {
  display: block;
}

.smm-ba {
  width: 100%;
  height: auto;
  display: block;
}

.smm-band-dark {
  background-color: #212123;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.smm-offers {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: end;
  gap: 2rem 4rem;
  display: grid;
}

.smm-p-lt {
  color: #fff;
  margin: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.7;
}

.smm-shot {
  background-color: #fafafa;
  justify-content: center;
  align-items: center;
  min-height: 26rem;
  padding: 2rem;
  display: flex;
}

.smm-shot-label {
  color: #444;
  text-align: center;
  margin: 0;
  font-size: 1rem;
}

.smm-band-yellow {
  background-color: #fafe7a;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.smm-drupal {
  text-align: center;
}

.smm-h2-dk {
  color: #000;
  letter-spacing: -.01em;
  margin: 0 0 1rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.smm-p-dk {
  color: #000;
  max-width: 50rem;
  margin: 0 auto;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.7;
}

.smm-sites {
  grid-column-gap: 2rem;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.smm-site-li {
  margin: 0;
  padding: 0;
}

.smm-site {
  color: #000;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.375rem;
  text-decoration: none;
  display: inline-block;
}

.smm-site:hover {
  text-decoration: underline;
}

.smm-site:focus {
  outline-offset: 4px;
  outline: 2px solid #000;
}

.smm-back {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

.cs-lead {
  color: #a8a8a8;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: .65rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.6;
}

.cs-lead.gf-top-lead {
  max-width: 54rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.cs-lead.tmt-lead-tight {
  max-width: 54rem;
  margin: 0 auto;
}

.cs-eyebrow {
  color: #fafe7a;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .75rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.cs-eyebrow.gf-top-sr {
  white-space: nowrap;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin-top: -1px;
  margin-bottom: 0;
  position: absolute;
  overflow: hidden;
}

.cs-eyebrow.gf-top-eyebrow {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.cs-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.cs-list.gf-top-pills, .cs-list.tmt-pills {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cs-li {
  color: #f5f5f5;
  margin-bottom: .5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.4;
}

.cs-li.gf-top-pill, .cs-li.tmt-pill {
  color: #fafe7a;
  border: 1px solid #3a3a3a;
  border-radius: 3px;
  margin-bottom: 0;
  padding: .5rem 1.25rem;
  font-size: 1rem;
  line-height: 1.2;
}

.cs-art-wrap {
  display: block;
}

.cs-art-wrap.cs-bleed {
  z-index: 1;
  pointer-events: none;
  margin-top: -9rem;
  margin-right: calc(-1 * max(0px, 50vw - 34rem) - 6rem);
  position: relative;
}

.cs-art-wrap.cs-art-left {
  align-self: end;
  margin-left: -1.5rem;
}

.cs-art-wrap.tmt-art-wrap {
  overflow: visible;
}

.cs-art {
  width: 100%;
  max-width: 18rem;
  height: auto;
  display: block;
}

.cs-art.cs-art-wide {
  max-width: 34rem;
}

.cs-art.cs-art-wide.cs-art-fill {
  max-width: 24rem;
  margin-left: 0;
}

.cs-art.cs-art-wide.cs-art-fill.cs-art-big {
  max-width: 27.25rem;
}

.cs-copy {
  display: block;
}

.cs-copy.cs-first {
  min-width: 0;
}

.cs-copy.cs-center {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-self: end;
  min-height: 24rem;
  padding-left: 0;
  display: flex;
}

.cs-p {
  color: #a8a8a8;
  max-width: 32rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.cs-p.cs-narrow {
  flex-shrink: 1;
  width: calc(66.6667% - .416667rem);
  min-width: 0;
  max-width: calc(66.6667% - .416667rem);
}

.cs-p.cs-p-long {
  max-width: 60rem;
}

.cs-p.cs-p-center {
  text-align: center;
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
}

.cs-p.sc-users-p {
  max-width: 66.67%;
}

.cs-brand-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 2rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.cs-brand {
  aspect-ratio: 16 / 9;
  color: #f5f5f5;
  text-align: center;
  background-color: #212123;
  border: 1px solid #3a3a3a;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-height: 0;
  padding: 1.5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
}

.cs-brand.cs-brand-2to100 {
  border-width: .5px;
  border-color: #00fbff80;
}

.cs-brand.cs-brand-breakout {
  border-width: .5px;
  border-color: #59d88880;
}

.cs-brand.cs-brand-godspeed {
  border-width: .5px;
  border-color: #accaff80;
}

.cs-brand.cs-brand-chart {
  border-width: .5px;
  border-color: #2a577b80;
}

.cs-brand.cs-brand-alfonso {
  border-width: .5px;
  border-color: #f47e2b80;
}

.cs-brand.cs-brand-beat {
  border-width: .5px;
  border-color: #1b86cd80;
}

.cs-brand.cs-brand-smtv {
  border-width: .5px;
  border-color: #1a66ff80;
}

.cs-brand.cs-brand-htb {
  border-width: .5px;
  border-color: #00f2ff80;
}

.cs-brand.cs-brand-token {
  border-width: .5px;
  border-color: #00d8ff80;
}

.cs-brand.cs-brand-rising {
  border-width: .5px;
  border-color: #b9a76c80;
}

.cs-brand.cs-brand-etf {
  border-width: .5px;
  border-color: #73c27180;
}

.cs-brand.cs-brand-trend {
  border-width: .5px;
  border-color: #f0512380;
}

.cs-brand.cs-brand-shadow {
  border-width: .1px;
  border-color: #3a3a3a;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-brand.cs-brand-pattern {
  aspect-ratio: 1;
  border-width: .1px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-ba-wrap {
  margin-left: calc(-1 * max(0px, 50vw - 34rem) - 3.5rem);
  display: block;
  overflow: hidden;
}

.cs-ba {
  clip-path: polygon(0% 0%, 60% 0%, 60% 4.5%, 66% 4.5%, 66% 0%, 100% 0%, 100% 100%, 0% 100%);
  width: 130%;
  max-width: none;
  height: auto;
  margin-left: -30%;
  display: block;
}

.cs-band-dark {
  background-image: linear-gradient(#21212300 0 calc(100% - 24rem), #212123 calc(100% - 24rem) 100%);
  padding-top: 0;
  padding-bottom: 0;
}

.cs-p-lt {
  color: #a8a8a8;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.cs-shot {
  background-color: #fafafa;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-height: 20rem;
  padding: 2rem;
  display: flex;
}

.cs-shot-label {
  color: #444;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
}

.cs-band-yellow {
  z-index: 2;
  background-color: #fafe7a;
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
  position: relative;
}

.cs-band-yellow.cs-band-page {
  background-color: #141414;
}

.cs-h2-dk {
  color: #000;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.cs-h2-dk.cs-h2-lt {
  color: #fff;
}

.cs-p-dk {
  color: #000;
  max-width: 40rem;
  margin: 0 auto;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.cs-p-dk.cs-p-dk-wide {
  max-width: 46rem;
}

.cs-sites {
  grid-column-gap: 2.5rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.5rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.cs-sites.cs-sites-wide {
  grid-column-gap: 3.75rem;
  grid-row-gap: 1rem;
}

.cs-site-li {
  margin-bottom: 0;
  padding-left: 0;
}

.cs-site {
  color: #000;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-radius: 3px;
  margin: -.25rem -.75rem;
  padding: .25rem .75rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.cs-site:focus-visible, .cs-site[data-wf-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #000;
}

.cs-site.cs-site-lt {
  color: #fafe7a;
}

.cs-site.cs-site-lt:hover {
  color: #fff;
}

.cs-site.cs-site-lt:focus-visible, .cs-site.cs-site-lt[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.cs-hd {
  color: #f5f5f5;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.cs-anchor {
  color: #fafe7a;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-radius: 3px;
  margin: -.25rem -.75rem;
  padding: .25rem .75rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.cs-anchor:hover {
  color: #fff;
}

.cs-anchor:focus-visible, .cs-anchor[data-wf-focus-visible] {
  outline-offset: 4px;
  border-radius: 3px;
  outline: 2px solid #fafe7a;
}

.cs-anchor.cs-web {
  justify-self: start;
}

.cs-anchor.tmt-web {
  color: #fff;
}

.cs-anchor.tmt-web:hover {
  color: #fafe7a;
}

.cs-arrow {
  vertical-align: baseline;
  font-size: 1em;
  line-height: inherit;
  font-weight: inherit;
  margin-left: .1em;
  display: inline-block;
}

.cs-hero-band {
  background-image: linear-gradient(#141414 0 calc(100% - 22rem), #212123 calc(100% - 22rem) 100%);
  padding-bottom: 0;
}

.cs-hero-band.cs-band-short {
  background-image: linear-gradient(#141414 0 calc(100% - 20rem), #212123 calc(100% - 20rem) 100%);
}

.cs-arrow-svg, .cs-arrow-ico {
  vertical-align: -.02em;
  width: .8em;
  height: .8em;
  margin-left: .45em;
  display: inline-block;
}

.cs-arrow-ico.mj-ico-sm {
  width: .7em;
  height: .7em;
  margin-left: .4em;
}

.cs-meta {
  padding-top: 1rem;
  padding-left: 2rem;
}

.cs-meta.gf-top-meta {
  margin-top: 2rem;
  padding-top: 0;
  padding-left: 0;
}

.cs-left {
  min-width: 0;
}

.cs-logo {
  object-fit: contain;
  width: auto;
  max-width: 80%;
  height: auto;
  max-height: 6.5rem;
  display: block;
}

.cs-hero-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr);
  align-items: end;
  display: grid;
}

.cs-hero-row.cs-hero-solo {
  grid-template-columns: minmax(0, 1fr);
}

.cs-hero-img {
  border-radius: 3px 3px 0 0;
  align-self: end;
  width: 100%;
  height: auto;
  display: block;
}

.cs-hero-img.cs-round {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.cs-hero-img.cs-offer-img {
  justify-self: end;
  width: 100%;
}

.cs-hero-img.cs-desk, .cs-hero-img.cs-mob {
  min-width: 0;
}

.cs-hero-img.cs-hero-img-bleed {
  display: block;
}

.cs-hero-img.cs-hero-img-crop {
  aspect-ratio: 1.546;
  object-fit: cover;
  object-position: 50% 100%;
}

.cs-hero-img.gf-top-bleed {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: calc(100% + max(0px, 100vw - 72rem) + 5rem);
  max-width: none;
  margin-left: calc(-1 * max(0px, 50vw - 36rem) - 2.5rem);
  margin-right: calc(-1 * max(0px, 50vw - 36rem) - 2.5rem);
}

.cs-hero-img.tmt-hero-bleed {
  display: block;
}

.mj-dl-btn {
  color: #141414;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  background-color: #fafe7a;
  border-radius: 3px;
  margin-top: .5rem;
  padding: .75rem 1.15rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  display: inline-block;
}

.mj-dl-btn:hover {
  background-color: #fff;
}

.mj-dl-btn:focus-visible, .mj-dl-btn[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-dl-btn.mj-hide-sm {
  display: inline-block;
}

.mj-dl-btn.mj-show-sm {
  display: none;
}

.mj-dl-btn.mj-btn-gray {
  color: #f5f5f5;
  background-color: #212123;
}

.mj-dl-btn.mj-btn-gray:hover {
  background-color: #3a3a3d;
}

.mj-dl-btn.mj-btn-gray:focus-visible, .mj-dl-btn.mj-btn-gray[data-wf-focus-visible] {
  outline-color: #fafe7a;
}

.mj-dl-btn.mj-btn-outline {
  color: #fafe7a;
  background-color: #0000;
  border: 1px solid #fafe7a;
}

.mj-dl-btn.mj-btn-outline:hover {
  color: #141414;
  background-color: #fafe7a;
}

.mj-dl-btn.mj-btn-dark-outline {
  color: #141414;
  background-color: #0000;
  border: 1px solid #141414;
}

.mj-dl-btn.mj-btn-dark-outline:hover {
  color: #fafe7a;
  background-color: #141414;
}

.mj-dl-btn.mj-btn-dark-outline.cs-focus-dark, .mj-dl-btn.mj-btn-dark-outline.cs-focus-dark:focus-visible, .mj-dl-btn.mj-btn-dark-outline.cs-focus-dark[data-wf-focus-visible] {
  outline-color: #000;
}

.mj-dl-btn.gf-back-link {
  margin-top: 1rem;
}

.mj-dl-btn.mj-btn-yellow-outline {
  color: #fafe7a;
  background-color: #0000;
  border: 1px solid #3a3a3a;
  margin-top: 1rem;
  transition: background-color .2s, color .2s;
}

.mj-dl-btn.mj-btn-yellow-outline:hover {
  color: #141414;
  background-color: #fafe7a;
}

.mj-dl-btn.mj-btn-yellow-outline.smm-back-gap {
  margin-top: 1rem;
}

.mj-foot-line {
  grid-column-gap: .6rem;
  grid-row-gap: .25rem;
  flex-flow: column wrap;
  align-items: flex-start;
  display: flex;
}

.mj-back-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.mj-back-wrap.mj-back-left-tmt {
  grid-row-gap: 0;
  justify-content: flex-start;
  margin-top: 2rem;
  margin-bottom: 5.75rem;
}

.mj-back-wrap.la-book-actions {
  text-align: center;
  justify-content: center;
  margin-top: 1rem;
}

.mj-back-wrap.sc-back-wrap {
  display: flex;
}

.mj-foot-logo {
  flex-shrink: 0;
}

.mj-project-body {
  direction: ltr;
  align-self: center;
  padding: 2rem;
  display: block;
  position: relative;
}

.mj-logo-sq-off {
  fill: #3a3a3a;
}

.mj-sec-head {
  grid-column-gap: 1.5rem;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.mj-all {
  color: #fafe7a;
  white-space: nowrap;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-radius: 3px;
  margin: -.25rem -.75rem;
  padding: .25rem .75rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.mj-all:hover {
  color: #fff;
}

.mj-all:focus-visible, .mj-all[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-all.mj-all-d {
  display: inline-block;
}

.mj-all.mj-all-m {
  display: none;
}

.cs-brands-top {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.cs-brands-copy {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

.cs-stat {
  grid-column-gap: .75rem;
  grid-row-gap: .5rem;
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  display: flex;
}

.cs-stat-num {
  color: #fafe7a;
  letter-spacing: -.01em;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: clamp(2.1rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.cs-stat-label {
  color: #fafe7a;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
  display: block;
}

.mj-stars-gold, .mj-stars-silver, .mj-stars-bronze {
  grid-column-gap: .2rem;
  color: #fafe7a;
  align-items: center;
  display: inline-flex;
}

.mj-star {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  display: block;
}

.mj-key {
  grid-column-gap: 1.75rem;
  grid-row-gap: .75rem;
  color: #a8a8a8;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -2.25rem;
  margin-bottom: 3rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  line-height: 1.2;
  display: flex;
}

.mj-key-item {
  grid-column-gap: .5rem;
  align-items: center;
  display: inline-flex;
}

.mj-card-stars {
  align-items: center;
  display: flex;
  position: static;
}

.mj-title-row {
  grid-column-gap: .75rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cs-ph {
  aspect-ratio: 4 / 3;
  color: #9a9a9a;
  text-align: center;
  background-color: #2b2b2b;
  border: 1px dashed #4a4a4a;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  display: flex;
}

.cs-ph.cs-ph-wide {
  aspect-ratio: 16 / 9;
}

.cs-ph.cs-ph-main {
  aspect-ratio: auto;
  min-height: 20rem;
}

.cs-ph.cs-ph-short {
  aspect-ratio: 2;
}

.cs-ph.cs-ph-fill {
  aspect-ratio: auto;
}

.cs-crop {
  object-fit: cover;
  object-position: top;
  border-radius: 3px 3px 0 0;
  width: 100%;
  height: 22rem;
  display: block;
}

.cs-back-in {
  text-align: center;
  margin-top: 3.5rem;
}

.cs-back-in.cs-back-tight {
  margin-top: 1.5rem;
}

.cs-bleed-svg {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.cs-shot-full {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 100%;
  height: auto;
  display: block;
}

.cs-a11y-card {
  text-align: left;
  background-color: #212123;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: .75rem;
  padding: 1.75rem;
  display: flex;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-a11y-card.la-card-chosen {
  border-width: 1px;
  border-color: #6d701a;
}

.cs-a11y-title {
  color: #f5f5f5;
  letter-spacing: .01em;
  background-image: linear-gradient(#fafe7a, #fafe7a);
  background-position: 0 .4875rem;
  background-repeat: no-repeat;
  background-size: .65rem .65rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.cs-a11y-text {
  color: #b3b3b3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.cs-flow-img {
  width: 100%;
  max-width: 56rem;
  height: auto;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cs-fam-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
  gap: 1.25rem;
  margin-top: 1.25rem;
  display: grid;
}

.cs-fam-subs {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  aspect-ratio: 8 / 5;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.25rem;
  display: grid;
}

.cs-app-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.cs-fam-logo {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 1.75rem;
}

.cs-fam-logo.cs-fam-logo-main {
  max-height: none;
  padding: 3rem;
}

.cs-fam-logo.cs-fam-logo-roomy {
  padding: 4.5rem;
}

.cs-fam-logo.cs-fam-logo-slim {
  padding: 1.75rem 6rem;
}

.cs-fam-logo.cs-fam-logo-quarterly {
  height: auto;
  max-height: 4.5rem;
  padding: 1rem 3.5rem;
}

.cs-fam-logo.cs-fam-logo-quarterly.cs-fam-nudge-sw {
  transform: translateY(.3rem);
}

.cs-fam-logo.cs-fam-logo-quarterly.cs-fam-nudge-bq {
  transform: translateY(.15rem);
}

.cs-fam-logo.cs-fam-logo-quarterly.cs-fam-open-bar {
  max-height: 5rem;
  padding: .75rem 2.75rem;
}

.cs-fam-logo.cs-fam-logo-daily {
  height: auto;
  max-height: 5.5rem;
  padding: .75rem 2.5rem;
}

.cs-fam-card {
  aspect-ratio: 4 / 3;
  background-color: #000;
  border: 1px solid #3a3a3a;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.cs-fam-card.cs-fam-card-main {
  aspect-ratio: 2;
  min-height: 0;
}

.cs-fam-card.cs-fam-card-main.cs-fam-shadow {
  border-width: .1px;
  border-color: #3a3a3a;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-fam-card.cs-fam-card-short {
  aspect-ratio: 2;
  background-color: #141919;
}

.cs-fam-card.cs-fam-card-short.cs-fam-cyan {
  border-width: .5px;
  border-color: #00fbff80;
}

.cs-fam-card.cs-fam-card-short.cs-fam-orange {
  border-width: .5px;
  border-color: #ff944780;
}

.cs-fam-card.cs-fam-card-short.cs-fam-shadow {
  border-width: .1px;
  border-color: #3a3a3a;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-fam-card.cs-fam-card-fill {
  aspect-ratio: auto;
  background-color: #141919;
}

.cs-fam-card.cs-fam-card-fill.cs-fam-shadow {
  border-width: .1px;
  border-color: #3a3a3a;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-fam-card.cs-fam-card-row {
  aspect-ratio: auto;
  background-color: #092544;
  min-height: 0;
}

.cs-fam-card.cs-fam-card-row.cs-fam-shadow {
  border-width: .1px;
  border-color: #3a3a3a;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-fam-card.cs-fam-card-sub {
  aspect-ratio: auto;
  min-height: 0;
}

.cs-fam-card.cs-fam-card-sub.cs-fam-shadow {
  border-width: .1px;
  border-color: #3a3a3a;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-fam-card.cs-fam-card-bm {
  aspect-ratio: auto;
  background-color: #2c2625;
  min-height: 0;
}

.cs-fam-card.cs-fam-card-bm.cs-fam-shadow {
  border-width: .1px;
  border-color: #3a3a3a;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-duo-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
  align-items: stretch;
  gap: 1.25rem;
  margin-top: 2.5rem;
  display: grid;
}

.cs-duo-grid.cs-duo-grid-tight {
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
  margin-top: 1.25rem;
}

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

.cs-fam-img.cs-fam-img-pad {
  object-fit: contain;
  padding: 1.5rem;
}

.cs-fam-stack {
  aspect-ratio: 8 / 5;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  display: grid;
}

.cs-app-card {
  background-color: #212123;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  flex-direction: column;
  row-gap: .375rem;
  padding: 1.75rem;
  display: flex;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.cs-app-title {
  color: #fff;
  letter-spacing: .015em;
  background-image: linear-gradient(#fafe7a, #fafe7a);
  background-position: 0 .4875rem;
  background-repeat: no-repeat;
  background-size: .65rem .65rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.cs-app-desc {
  color: #a8a8a8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.cs-app-tag {
  color: #fafe7a;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 700;
}

.mj-res-sq {
  vertical-align: middle;
  background-color: #2e2e2e;
  width: 1px;
  height: 1rem;
  margin-left: .4em;
  margin-right: .6em;
  display: inline-block;
  position: relative;
  top: -.05rem;
}

.mj-award-link {
  color: inherit;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  border-radius: 3px;
  text-decoration: none;
}

.mj-award-link:hover {
  color: #fafe7a;
}

.mj-award-link:focus-visible, .mj-award-link[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #fafe7a;
}

.mj-award-arrow {
  color: #fff;
  width: .62em;
  height: .62em;
  margin-left: .4em;
}

.mj-media-intro {
  max-width: 28rem;
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.cs-pd-img {
  width: 115.4%;
  max-width: none;
  height: auto;
  margin-left: -7.7%;
  display: block;
}

.cs-pd-img.tmt-pd-img {
  display: block;
}

.cs-pd-img-r {
  width: 120%;
  max-width: none;
  height: auto;
  margin-left: -4%;
  display: block;
}

.cs-pd-img-r.tmt-pd-img-r {
  display: block;
}

.mj-pitem-wide {
  grid-column: auto;
}

.mj-media-wide {
  aspect-ratio: 21 / 9;
}

.mj-pitem-zz {
  direction: ltr;
  display: block;
}

.mj-art-svg-b {
  pointer-events: none;
  width: 80%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  left: -5%;
  overflow: hidden;
  transform: translateX(-.5%)scaleX(-1);
}

.la-brand {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.la-block {
  margin-top: 5.75rem;
}

.la-block.la-block-first {
  margin-top: 3rem;
}

.la-sub {
  color: #f5f5f5;
  margin: 0 0 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.la-fonts {
  grid-column-gap: 2rem;
  grid-row-gap: .5rem;
  color: #fff;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 0 2rem;
  display: flex;
}

.la-sans-big {
  font-family: Museo Sans;
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
}

.la-slab-big {
  font-family: Museo Slab;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 400;
  line-height: 1.1;
}

.la-type-list {
  flex-direction: column;
  display: flex;
}

.la-type-row {
  grid-column-gap: 2rem;
  grid-row-gap: .75rem;
  border-top: 1px solid #3a3a3a;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5rem 0;
  display: flex;
}

.la-type-label {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #bdbdbd;
  flex-direction: column;
  flex: 0 0 10rem;
  margin: 0;
  font-size: .875rem;
  display: flex;
}

.la-tag {
  color: #fff;
  font-weight: 700;
}

.la-s-h1 {
  color: #fff;
  flex: 18rem;
  margin: 0;
  font-family: museo-slab, Georgia, serif;
  font-size: clamp(1.75rem, 4.5vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
}

.la-s-h1.sc-type-head {
  font-family: proxima-nova, Arial, sans-serif;
}

.la-s-h2 {
  color: #fff;
  flex: 18rem;
  margin: 0;
  font-family: museo-slab, Georgia, serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 500;
  line-height: 1.2;
}

.la-s-h3 {
  color: #fff;
  flex: 18rem;
  max-width: 28rem;
  margin: 0;
  font-family: museo-slab, Georgia, serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4;
}

.la-s-h4 {
  color: #fff;
  flex: 18rem;
  margin: 0;
  font-family: museo-sans, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
}

.la-s-p {
  color: #fff;
  flex: 18rem;
  max-width: 40rem;
  margin: 0;
  font-family: museo-sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
}

.la-s-p.sc-type-body {
  font-family: DM Serif Text, Georgia, serif;
}

.la-swatches {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.la-sw {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  color: #141414;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 10rem;
  padding: 1.25rem;
  display: flex;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.la-sw.gf-sw-cream {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f2eee6;
  min-height: 0;
}

.la-sw.gf-sw-tan {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #a78566;
  min-height: 0;
}

.la-sw.gf-sw-orange {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #e77d59;
  min-height: 0;
}

.la-sw-name {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.la-sw-spec {
  margin: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5;
}

.la-sw-red {
  background-color: #ef3340;
}

.la-sw-pred {
  color: #fff;
  background-color: #d63644;
}

.la-sw-black {
  color: #fff;
  background-color: #121725;
  border: .1px solid #3a3a3a;
}

.la-sw-pgray {
  color: #fff;
  background-color: #1e2334;
  border: .1px solid #3a3a3a;
}

.la-sw-gray {
  background-color: #eae8e5;
}

.la-sw-pink {
  color: #fff;
  background-color: #e10098;
}

.la-sw-green {
  background-color: #39b54a;
}

.la-sw-blue {
  background-color: #00b3ef;
}

.la-sw-yellow {
  background-color: #ffa300;
}

.la-pattern-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.la-concept-art {
  width: 100%;
  max-width: 18rem;
  height: auto;
  margin-bottom: 1.5rem;
  display: block;
}

.la-logo-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #eae8e5;
  border: 1px solid #3a3a3a;
  border-radius: 3px;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 2rem;
  padding: 2.5rem 2rem;
  display: flex;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.la-logo-art {
  flex: 12rem;
  width: 100%;
  max-width: 16rem;
  height: auto;
  display: block;
}

.la-split {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2.5rem 2rem;
  max-width: 60rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.la-split-copy {
  flex: 16rem;
  max-width: 27rem;
}

.la-logo-card-1 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  flex: 0 14.8rem;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin: 0 5rem 0 0;
  display: flex;
}

.la-logo-art-1 {
  flex: 8rem;
  width: 100%;
  max-width: 14rem;
  height: auto;
  display: block;
}

.la-mark {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 2.5rem 4rem;
  margin-bottom: 0;
  display: grid;
}

.la-mark-left {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: left;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

.la-mark-right {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: space-evenly;
  display: flex;
}

.la-mark-art-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.la-mark-art {
  width: 100%;
  height: auto;
  display: block;
}

.la-mark-title {
  color: #f5f5f5;
  margin: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.la-mark-text {
  color: #b3b3b3;
  border-top: 0 solid #3a3a3a;
  margin: .5rem 0 0;
  padding-top: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.la-line-pink {
  border-top-color: #e10098;
}

.la-line-red {
  border-top-color: #ef3340;
}

.la-line-blue {
  border-top-color: #00b3ef;
}

.la-line-green {
  border-top-color: #39b54a;
}

.la-line-yellow {
  border-top-color: #ffa300;
}

.la-title-pink {
  color: #f5f5f5;
  border-bottom: 1px solid #e10098;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
}

.la-title-red {
  color: #f5f5f5;
  border-bottom: 1px solid #ef3340;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
}

.la-title-blue {
  color: #f5f5f5;
  border-bottom: 1px solid #00b3ef;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
}

.la-title-green {
  color: #f5f5f5;
  border-bottom: 1px solid #39b54a;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
}

.la-title-yellow {
  color: #f5f5f5;
  border-bottom: 1px solid #ffa300;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
}

.la-band-navy {
  background-color: #141414;
  padding-bottom: 5.75rem;
}

.la-sign-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.la-sign-card {
  background-color: #fff;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.la-sign-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.la-merch-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: end;
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.la-merch-card {
  box-shadow: none;
  background-color: #0000;
  border: 0 solid #3a3a3a;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.la-merch-img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.la-merch-img.la-merch-img-crop {
  width: 120.8%;
}

.la-book-card {
  aspect-ratio: 1920 / 780;
  max-width: 1920px;
  box-shadow: none;
  border: 0 solid #3a3a3a;
  border-radius: 0;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.la-book-img {
  width: 120%;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-left: -10%;
  display: block;
}

.la-book-band {
  background-color: #141414;
  background-image: linear-gradient(90deg, #141414 0% 100%);
  margin-top: 3rem;
  padding-top: 5rem;
  padding-bottom: 6rem;
}

.la-sign-wide {
  box-shadow: none;
  background-color: #0000;
  border: 0 solid #3a3a3a;
  border-radius: 3px;
  margin-top: 0;
  padding: 0;
}

.la-photo-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 1.5rem;
  margin-top: 2.5rem;
  display: grid;
}

.la-photo-card {
  aspect-ratio: 3 / 2;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.la-photo-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.la-photo-img.la-photo-img-post {
  object-position: 50% 40%;
  height: 100%;
  min-height: 100%;
}

.la-photo-stack {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.la-gray-band {
  background-color: #212123;
  margin-top: 5.75rem;
  padding-bottom: 5.75rem;
}

.la-social-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.la-social-clip {
  width: 100%;
  overflow: hidden;
}

.la-mark-icon-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.la-mark-icon {
  width: auto;
  max-width: 100%;
  height: 100%;
  display: block;
}

.sc-sw-charcoal {
  color: #fff;
  background-color: #2a2a2a;
}

.sc-sw-orange {
  color: #141414;
  background-color: #fa5a16;
}

.sc-sw-teal {
  color: #141414;
  background-color: #0bc3cc;
}

.sc-sw-yellow {
  color: #141414;
  background-color: #ffde01;
}

.sc-sw-white {
  color: #141414;
  background-color: #fff;
}

.sc-pattern-card {
  aspect-ratio: 126 / 207;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  width: 100%;
  max-width: 20rem;
  overflow: hidden;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.sc-pattern-img {
  width: 397%;
  max-width: none;
  height: auto;
  margin-left: -97.6%;
  display: block;
}

.sc-band {
  background-color: #0000;
  justify-content: center;
  height: 12.5rem;
  min-height: 0;
  margin-top: 5.75rem;
  margin-bottom: 7.25rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.sc-pattern-field {
  border: 1px solid #fafe7a;
  border-radius: 3px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0;
  display: grid;
  overflow: hidden;
}

.sc-pattern-tile {
  aspect-ratio: 126 / 207;
  overflow: hidden;
}

.sc-pattern-title {
  background-color: #212123;
  border-radius: 3px;
  margin-bottom: 0;
  padding: .5rem 1rem;
  display: inline-block;
}

.sc-merch-band {
  background-color: #0000;
  padding-top: 5.75rem;
  padding-bottom: 1.5rem;
}

.sc-merch-title {
  color: #f5f5f5;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.15;
}

.sc-merch-body {
  color: #bdbdbd;
  max-width: 40rem;
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.sc-merch-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr) minmax(0, 1fr);
  align-items: center;
  gap: 2rem;
  margin-top: 3rem;
  display: grid;
  overflow: hidden;
}

.sc-merch-img {
  mix-blend-mode: normal;
  width: 100%;
  height: auto;
  display: block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.sc-merch-img.sc-merch-nb {
  width: 147%;
  max-width: none;
  margin-left: -24.3%;
  margin-right: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 500 334%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M245 18 L108 88 L102 92 L99 96 L99 107 L106 118 L240 282 L244 289 L249 294 L253 294 L257 292 L273 319 L277 323 L285 324 L286 323 L276 309 L265 288 L287 274 L309 262 L312 258 L387 216 L398 208 L404 202 L405 191 L406 190 L406 180 L404 176 L276 37 L259 20 L255 18Z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 500 334%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M245 18 L108 88 L102 92 L99 96 L99 107 L106 118 L240 282 L244 289 L249 294 L253 294 L257 292 L273 319 L277 323 L285 324 L286 323 L276 309 L265 288 L287 274 L309 262 L312 258 L387 216 L398 208 L404 202 L405 191 L406 190 L406 180 L404 176 L276 37 L259 20 L255 18Z%22/%3E%3C/svg%3E");
}

.sc-merch-img.sc-merch-pins {
  width: 151%;
  max-width: none;
  margin: -22% 0 -24% -25.1%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 500 477%22 preserveAspectRatio=%22none%22%3E%3Ccircle cx=%22157%22 cy=%22147%22 r=%2274%22/%3E%3Ccircle cx=%22339%22 cy=%22147%22 r=%2274%22/%3E%3Ccircle cx=%22157%22 cy=%22320%22 r=%2274%22/%3E%3Ccircle cx=%22339%22 cy=%22320%22 r=%2274%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 500 477%22 preserveAspectRatio=%22none%22%3E%3Ccircle cx=%22157%22 cy=%22147%22 r=%2274%22/%3E%3Ccircle cx=%22339%22 cy=%22147%22 r=%2274%22/%3E%3Ccircle cx=%22157%22 cy=%22320%22 r=%2274%22/%3E%3Ccircle cx=%22339%22 cy=%22320%22 r=%2274%22/%3E%3C/svg%3E");
}

.sc-merch-img.sc-merch-bc {
  width: 203%;
  max-width: none;
  margin-top: -11.4%;
  margin-bottom: -28.4%;
  margin-left: -55.3%;
}

.sc-full {
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.sc-full-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.sc-ptile {
  flex-shrink: 0;
  width: 19.5rem;
  height: 12.5rem;
  position: relative;
}

.sc-ring {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 30.83%;
  height: 48.08%;
  position: absolute;
}

.sc-ring-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Cpath d=%22M64.3 10.7A49.5 49.5 0 1 1 10.7 55.7%22 fill=%22none%22 stroke=%22%23F2F2F2%22 stroke-width=%2221%22/%3E%3C/svg%3E");
  top: 0%;
  left: 0%;
}

.sc-ring-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Cpath d=%22M109.35 55.7A49.5 49.5 0 1 1 64.35 10.7%22 fill=%22none%22 stroke=%22%23FA5A16%22 stroke-width=%2221%22/%3E%3C/svg%3E");
  top: 0%;
  left: 33.33%;
}

.sc-ring-3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%2249.5%22 fill=%22none%22 stroke=%22%230BC3CC%22 stroke-width=%2221%22/%3E%3C/svg%3E");
  top: 0%;
  left: 66.67%;
}

.sc-ring-4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Ccircle cx=%2260%22 cy=%2260%22 r=%2249.5%22 fill=%22none%22 stroke=%22%23FFDE01%22 stroke-width=%2221%22/%3E%3C/svg%3E");
  top: 50%;
  left: 0%;
}

.sc-ring-5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Cpath d=%22M109.35 64.3A49.5 49.5 0 1 1 64.35 10.7%22 fill=%22none%22 stroke=%22%230BC3CC%22 stroke-width=%2221%22/%3E%3C/svg%3E");
  top: 50%;
  left: 33.33%;
}

.sc-ring-6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Cpath d=%22M10.7 64.3A49.5 49.5 0 1 1 109.3 64.3%22 fill=%22none%22 stroke=%22%23F2F2F2%22 stroke-width=%2221%22/%3E%3C/svg%3E");
  top: 50%;
  left: 66.67%;
}

.sc-brand-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: grid;
}

.sc-brand-col {
  margin-top: 0;
}

.sc-sw-stack {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.sc-user {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: 1fr;
  align-items: start;
  padding-top: 5.75rem;
  display: grid;
}

.sc-user-p {
  color: #f5f5f5;
  max-width: 62rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
}

.sc-hl {
  color: #fafe7a;
  font-weight: 700;
}

.sc-user-ph {
  aspect-ratio: 1200 / 560;
  color: #bdbdbd;
  background-color: #2b2b2b;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.tmt-gap-after {
  margin-bottom: 5.75rem;
}

.mj-logo-name {
  color: #f5f5f5;
  letter-spacing: .2em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: .58rem;
  margin-left: .875rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.mj-logo-name.mj-name-home {
  color: #fafe7a;
}

.sc-user-rev {
  grid-column-gap: 4rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: 22rem minmax(0, 1fr);
  align-items: center;
  padding-top: 5.75rem;
  display: grid;
}

.sc-ph-sq {
  aspect-ratio: 4 / 3;
}

.sc-order-img {
  width: 100%;
  max-width: 22rem;
  height: auto;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.sc-em {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sc-em-head {
  grid-column-gap: 1.5rem;
  background-color: #212123;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2.25rem;
  display: flex;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.sc-em-name {
  color: #f5f5f5;
  letter-spacing: -.01em;
  margin: 0 0 .35rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.sc-em-role {
  color: #bdbdbd;
  margin: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

.sc-em-tag {
  color: #fafe7a;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
}

.sc-em-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.sc-em-card {
  text-align: left;
  background-color: #212123;
  border: .1px solid #3a3a3a;
  border-top: 4px solid #fafe7a;
  border-radius: 3px;
  padding: 1.75rem 1.5rem 2rem;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.sc-em-lbl {
  color: #fafe7a;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2;
}

.sc-em-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sc-em-li {
  color: #f5f5f5;
  text-align: left;
  margin: 0 0 1rem;
  padding: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

.gf-sec {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  padding-top: 5.75rem;
  display: grid;
}

.gf-sec2 {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  padding-top: 5.75rem;
  display: grid;
}

.gf-vis {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.gf-img {
  border-radius: 3px;
  width: 100%;
  height: auto;
  display: block;
}

.gf-wide {
  grid-column: 1 / -1;
}

.gf-p2 {
  margin-top: 1rem;
}

.gf-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  padding-top: 5.75rem;
  padding-bottom: 0;
  display: grid;
}

.gf-gimg {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 3px;
  width: 100%;
  height: auto;
  display: block;
}

.gf-stack {
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 1fr);
  padding-top: 5.75rem;
  display: grid;
}

.gf-vis-did {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.503fr);
  align-items: start;
  display: grid;
}

.gf-sec-ext {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.gf-type-row {
  grid-column-gap: 3rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  align-items: stretch;
  margin-top: 1.5rem;
  display: grid;
}

.gf-specs {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  display: flex;
}

.gf-sw {
  grid-row-gap: 1rem;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.gf-spec-b {
  width: 100%;
  height: auto;
  display: block;
}

.gf-spec-f {
  width: 55%;
  height: auto;
  display: block;
}

.gf-band {
  background-color: #212123;
  margin-top: 5.75rem;
  padding-bottom: 5.75rem;
}

.gf-sw-specs {
  display: block;
}

.gf-btn-row {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.gf-vis-ext {
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  display: grid;
  overflow: hidden;
}

.gf-img-ext {
  width: 125%;
  max-width: none;
  height: auto;
  margin-left: -10%;
  display: block;
}

.mj-copyright {
  color: #a8a8a8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4;
}

.mj-foot-right {
  grid-row-gap: .75rem;
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.mj-menu-note {
  grid-row-gap: .375rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4rem 2rem 2rem;
  display: flex;
}

.mj-menu-hello {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.mj-menu-email {
  color: #fafe7a;
  text-align: center;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 2L3 19L7.5 14.8L10.5 21L13 19.8L10.1 13.8L16 13.5Z' fill='%23FAFE7A' stroke='%23141414' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer;
  border-bottom: 1px solid #0000;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.15;
  text-decoration: none;
}

.mj-menu-email:hover {
  color: #fff;
  border-bottom-color: #fafe7a;
}

.mj-menu-email.mj-focus {
  border-radius: 0;
}

.mj-menu-email.mj-focus:focus-visible, .mj-menu-email.mj-focus[data-wf-focus-visible] {
  border-radius: 3px;
}

.gf-top-band {
  padding-bottom: 0;
}

.gf-sec-c {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: center;
  padding-top: 5.75rem;
  display: grid;
}

.gf-img-c {
  border-radius: 0 3px 3px 0;
  grid-column: 1 / -1;
  width: calc(100% + max(0px, 50vw - 36rem) + 2.5rem);
  max-width: none;
  height: auto;
  margin-left: calc(-1 * max(0px, 50vw - 36rem) - 2.5rem);
  display: block;
}

.gf-vis-crop {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  display: grid;
  overflow: hidden;
}

.gf-img-crop {
  width: 143%;
  max-width: none;
  height: auto;
  margin-left: -43%;
  display: block;
}

.gf-cover-full {
  padding-top: 5.75rem;
}

.gf-cover-img {
  width: 100%;
  height: auto;
  display: block;
}

.gf-crop-box {
  border-radius: 3px;
  overflow: hidden;
}

.gf-crop-img {
  width: 103.73%;
  max-width: none;
  height: auto;
  margin-top: -4.77%;
  display: block;
}

.gf-gimg-bleed {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 0;
  width: calc(100% + max(0px, 100vw - 72rem) + 5rem);
  max-width: none;
  height: auto;
  margin-left: calc(-1 * max(0px, 50vw - 36rem) - 2.5rem);
  margin-right: calc(-1 * max(0px, 50vw - 36rem) - 2.5rem);
  display: block;
}

.gf-img-mail {
  border-radius: 3px;
  width: 100%;
  height: auto;
  display: block;
}

.tmt-web-wrap {
  justify-content: center;
  margin-top: 2rem;
  display: flex;
}

.tmt-btn-row {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.la-book-copy {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.la-mark-card {
  text-align: left;
  background-color: #212123;
  border: .1px solid #3a3a3a;
  border-radius: 3px;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.75rem;
  display: flex;
  box-shadow: 0 14px 40px #000000b3, 0 3px 10px #0000008c;
}

.la-mark-icon-sq {
  width: auto;
  max-width: 100%;
  height: 3.5rem;
  display: block;
}

.mj-page-h1 {
  color: #fff;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 3rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
}

.mj-page-h1-tight {
  color: #fff;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 700;
  line-height: 1.1;
}

.mj-page-h1-tight.mj-media-title {
  margin-bottom: .25rem;
}

.la-a11y-title {
  color: #f5f5f5;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.mj-res-title-grey {
  color: #a8a8a8;
  letter-spacing: normal;
  margin: 0 0 .25rem;
  padding: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  display: block;
}

.mj-res-item-joined {
  margin: 0 0 1rem;
}

.mj-res-line {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.mj-res-role-t {
  color: #a8a8a8;
  letter-spacing: normal;
  margin: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
}

.mj-res-dates-inline {
  color: #a8a8a8;
  margin: 0;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.5;
}

.mj-res-col {
  display: block;
}

.mj-res-first {
  order: 0;
}

.mj-res-block-first {
  order: 0;
  margin: 0 0 3.5rem;
}

.la-logo-sig-img {
  aspect-ratio: 529 / 854;
  width: 100%;
  max-width: 14.8rem;
  height: auto;
  box-shadow: none;
  object-fit: cover;
  object-position: 48.7% 50%;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.la-white-band {
  background-color: #fff;
  margin-top: 5.75rem;
  padding-bottom: 4.25rem;
}

.la-hd-on-light {
  color: #000;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.la-p-on-light {
  color: #595959;
  max-width: 32rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: greycliff-cf, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

@media screen and (min-width: 1440px) {
  body {
    color: var(--soft-black);
    background-color: #fff;
  }

  h3 {
    font-size: 2.3em;
  }

  .container {
    flex-direction: row;
    align-items: center;
  }

  .container.is-case-study {
    justify-content: space-between;
    align-items: flex-start;
  }

  .container.is-footer, .container.cs-more {
    flex-direction: column;
    align-items: flex-start;
  }

  .container.is-archive {
    height: auto;
    min-height: 110vh;
  }

  .section {
    flex-direction: row;
    height: auto;
    display: block;
  }

  .section.is-black.is-archive, .section.is-light-grey {
    height: auto;
  }

  .section.is-footer {
    padding-bottom: 0;
  }

  .section.cs-hero-section {
    flex-direction: column;
  }

  .paragraph {
    letter-spacing: 0;
  }

  .paragraph.large.is-bold {
    font-weight: 400;
  }

  .paragraph.is-white.is-status {
    width: 50%;
  }

  .image {
    height: auto;
  }

  .text-block {
    letter-spacing: -.05em;
    font-size: 18vw;
  }

  .hero-copy-wrapper {
    position: static;
  }

  .grid-content.base-aligned {
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
  }

  .grid-right {
    justify-content: space-between;
    display: flex;
  }

  .grid-right.cs-description, .grid-left.cs-title {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .is-white {
    font-weight: 300;
  }

  .cs-wrapper {
    height: auto;
  }

  .cs-image-wrapper {
    background-color: #0000;
  }

  .yum-link, .sciops-link {
    height: auto;
  }

  .archive-project-imgs {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    overflow: hidden;
  }

  .grid-bottom {
    align-items: flex-start;
  }

  .archive-img-1 {
    display: inline-block;
  }

  .menu-overlay {
    display: none;
  }

  .cs-hero-title {
    padding-bottom: 4em;
  }

  .sticky-nav-wrapper {
    position: sticky;
    top: 6em;
  }

  .cs-section-link {
    padding-bottom: .75em;
  }

  .cs-3column-grid-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cs-2-column-grid {
    grid-column-gap: 1.5rem;
  }

  .grid-text-wrapper.is-50 {
    width: 60ch;
    margin-left: 0;
  }

  .div-is-50.cs-hero-image {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .footer-wrapper {
    margin-bottom: 50px;
  }

  .about-img-wrapper {
    position: relative;
  }

  .archive-link-img {
    width: 100%;
    overflow: visible;
  }

  .divider {
    background-color: var(--soft-black);
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rule-cs-headings {
    width: 100%;
  }

  .cs-section-heading {
    font-weight: 400;
  }

  .phase-image {
    width: 85%;
  }

  .mono-type {
    letter-spacing: -.05em;
  }

  .tabs-menu {
    background-color: #0000;
    justify-content: flex-start;
  }

  .is-regular {
    font-weight: 400;
  }

  .grid-is-extras {
    grid-column-gap: 4em;
    grid-template-rows: auto;
  }

  .about-copy {
    padding-left: 0;
  }

  .project-wrapper.work-page {
    flex-direction: row;
  }

  .project-header-wrapper {
    padding-bottom: 4em;
  }

  .project-identifier {
    margin-bottom: 76px;
    font-family: IBM Plex Mono, sans-serif;
    font-weight: 400;
  }

  .gradient {
    background-color: var(--cornflower-blue);
    border-radius: 100vh;
    width: 30%;
    height: 30%;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .profile-image-wrapper {
    height: auto;
  }

  ._2-column {
    flex-direction: row;
    display: flex;
  }

  .arrow-down.large.home {
    position: static;
  }

  .cs-3-col-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 80%;
  }

  .cs-3-col-grid.top-margin, .cs-3-col-grid.bottom-margin, .cs-3-col-grid.full-width {
    width: 100%;
  }

  .link-box {
    align-items: center;
    display: flex;
  }

  .body-6 {
    background-color: #fff;
    background-image: none;
    background-size: auto;
    background-attachment: scroll;
  }

  .body-7 {
    background-color: #dcdcda;
    background-image: none;
    background-size: auto;
    background-attachment: scroll;
  }

  .header-scroll__designer-site.cc-third.dddd {
    top: -92px;
  }

  .paragraph-7 {
    letter-spacing: 0;
  }

  .divider-2 {
    background-color: #1e1d1d;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mj-page-title {
    color: var(--white-smoke);
  }
}

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

  h1 {
    font-size: 5em;
  }

  h2 {
    font-size: 3.8em;
  }

  h3 {
    font-size: 2em;
  }

  h4, h5, p, a {
    font-size: 14px;
  }

  .container {
    padding: 2em;
    font-size: 14px;
  }

  .container.cs-hero-image {
    padding-top: 0;
  }

  .container.is-archive {
    padding-bottom: 0;
  }

  .container.is-photography {
    padding-top: 0;
  }

  .section.is-about {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 4em;
  }

  .section.cs-hero-section {
    flex-direction: column;
  }

  .paragraph.large {
    font-size: 20px;
  }

  .paragraph.small {
    margin-bottom: 0;
  }

  .paragraph.small.archive-type {
    margin-top: auto;
  }

  .nav-wrapper {
    justify-content: space-between;
  }

  .grid {
    flex-direction: column;
    display: flex;
  }

  .grid.cs-info-wrapper.is-top {
    flex-direction: row;
  }

  .grid.cs-info-wrapper.is-bottom {
    flex-flow: column-reverse wrap-reverse;
    height: auto;
  }

  .grid-content.project-wrapper {
    display: flex;
  }

  .grid-left.cs-title {
    width: 50%;
  }

  .grid-left.cs-name {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
  }

  .archive-header {
    margin-bottom: 4em;
  }

  .grid-bottom.is-contact-wrapper {
    justify-content: flex-start;
    margin-top: 2em;
    margin-left: 0;
  }

  .navigation {
    padding-left: 2em;
    padding-right: 2em;
  }

  .menu-overlay {
    display: none;
  }

  .menu-item-wrapper.is-white {
    font-size: 2.7em;
  }

  .cs-hero-content-wrapper {
    flex-direction: column;
    display: flex;
  }

  .sticky-nav-wrapper {
    padding-right: 50px;
  }

  .cs-content-wrapper {
    flex-direction: column;
    display: flex;
  }

  .cs-section-wrapper.bottom-margin {
    margin-bottom: 16em;
  }

  .cs-header-wrapper {
    width: 100%;
  }

  .cs-header-wrapper.no-margin {
    flex-direction: row;
  }

  .cs-2-column-grid {
    flex-direction: column;
    width: 75%;
    display: flex;
  }

  .cs-hero-50-div {
    width: 100%;
    padding-bottom: 2em;
  }

  .nav-link {
    font-size: 10px;
  }

  .menu-link-wrapper {
    display: none;
  }

  .div-is-25 {
    width: 35%;
  }

  .div-is-25.cs-div-right {
    margin-left: 0;
  }

  .grid-is-experience {
    flex-direction: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: .25fr .75fr;
    grid-auto-columns: 1fr;
    place-content: stretch flex-start;
    align-items: flex-start;
    padding-bottom: 0;
    display: flex;
  }

  .div-is-50.left-margin {
    width: 50%;
  }

  .div-is-50.breaks-to-100 {
    width: 100%;
  }

  .div-is-50.project-title {
    justify-content: space-between;
    padding-bottom: 0;
  }

  .div-is-50.cs-div-right {
    margin-left: 0;
  }

  .grid-footer {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 50%;
    padding-top: 6em;
    display: flex;
  }

  .about-img-wrapper {
    width: 40%;
    margin-bottom: 4em;
  }

  .rich-text-block {
    display: block;
  }

  .archive-links {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding-right: 0;
  }

  .collection-list-wrapper-2 {
    flex-direction: column;
    display: none;
  }

  .cs-project-type {
    width: 50%;
    padding-top: 0;
  }

  .heading-17 {
    width: 25%;
  }

  .link-button {
    margin-left: auto;
  }

  .div-is-30 {
    width: 50%;
  }

  .div-is-30.is-spacer {
    display: none;
  }

  .div-is-30.tab-container {
    width: 60%;
    padding-bottom: 20px;
  }

  .div-is-60 {
    width: 100%;
  }

  .arrow-external-link {
    width: 1.3em;
  }

  .arrow-top {
    width: 1.8em;
  }

  .menu-contact-links {
    margin-top: auto;
    font-size: 4vw;
  }

  .cs-hero-copy {
    padding-right: 0;
  }

  .about-wrapper {
    flex-direction: column;
  }

  .is-about {
    margin-top: 0;
    margin-right: 0;
  }

  .arrow-menu-link, .menu-arrow-down {
    height: .6em;
  }

  .cs-2-column, .cs-2-column.project-goals {
    flex-direction: column;
    display: flex;
  }

  .phase-image-wrapper {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .phase-image-wrapper.no-bk-color {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .phase-image-wrapper.ss {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .phase-image {
    width: 90%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .phase-image.full-width {
    padding-left: 0;
    padding-right: 0;
  }

  .phase-image.yum-comp-analysis {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .phase-image.sciops-logo {
    width: 60%;
  }

  .phase-image.sciops-sitemap {
    width: 80%;
  }

  .phase-list.top-margin {
    margin-top: 0;
  }

  .phase-video-wrapper.ss {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .tab-copy-wrapper {
    flex-direction: column;
  }

  .tabs-menu.is-30 {
    width: 50%;
  }

  .tabs-menu.component-library {
    align-content: flex-start;
  }

  .tabs.component-library {
    flex-direction: column;
    display: flex;
  }

  .tabs-content {
    padding-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .archive-wrapper {
    margin-top: 4em;
    margin-bottom: 0;
  }

  .description-wrapper {
    width: 100%;
    margin-top: 1em;
  }

  .grid-is-extras {
    flex-direction: column;
    display: flex;
  }

  .profile-img-wrapper {
    flex-direction: row;
    align-items: flex-start;
  }

  .about-copy {
    width: 50%;
  }

  .grid-expertise {
    display: flex;
  }

  .work-header-wrapper {
    padding-bottom: 8em;
  }

  .project-header-wrapper {
    flex-direction: column;
  }

  .project-title {
    padding-right: 2em;
  }

  .arrow-right-black {
    width: 35px;
  }

  .cs-subtext-wrapper {
    margin-bottom: 2em;
  }

  .home-hero-description {
    padding-right: 0;
    font-size: 3.9em;
  }

  .archive-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .line-1 {
    padding-left: 2em;
  }

  .line-2 {
    margin-left: 2em;
  }

  .floating-video {
    border-radius: 5px;
  }

  .archive-description-wrapper {
    width: 50%;
  }

  .cs-wrapper-home {
    margin-top: 6em;
  }

  .photo-number {
    font-size: 12px;
  }

  .blackfill {
    height: 50vh;
  }

  .playground-wrapper {
    padding-top: 6em;
  }

  .tabs-2 {
    flex-direction: column;
    display: flex;
  }

  .with-outline {
    border: 1px solid var(--light-grey);
  }

  .h2.italic {
    font-size: 4em;
  }

  .grid-about-hero {
    flex-direction: column;
    display: flex;
  }

  .grid-about-hero.top-margin {
    flex-direction: column-reverse;
  }

  .grid-about-hero.left {
    width: 100%;
  }

  ._2-column {
    flex-direction: row;
  }

  .lottie-scroll-wrapper {
    margin-top: 25px;
    margin-bottom: 50px;
    position: static;
  }

  .archive-collection-mobile {
    display: block;
  }

  .archive-home-links {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
  }

  .arrow-down.large {
    height: 5em;
  }

  .cs-h2.is-white {
    margin-left: 0;
  }

  .phase-video {
    width: 80%;
  }

  .bullets-div {
    height: 10ch;
  }

  .yum-survey-img {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .vertical-img-wrapper {
    width: 100%;
  }

  .link-name {
    font-size: 3.8em;
  }

  .grid-cs-project-wrapper {
    grid-template-columns: 1fr 1.25fr;
  }

  .grid-cs-project-wrapper.bottom {
    grid-row-gap: 2em;
    grid-template-columns: .25fr .75fr;
  }

  .portfolio_component {
    border-top-color: #fff;
  }

  .page-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sparkle-image {
    top: -1.5rem;
    left: 16.9rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-xlarge {
    font-size: 3.5rem;
    line-height: 1;
  }

  .portfolio-tags_list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
  }

  .preview-link {
    margin-left: 0;
    display: block;
  }

  .button-wrap {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .white-arrow {
    width: .6rem;
    margin-top: -.2rem;
    margin-left: .4rem;
  }

  .preview-image_wrapper {
    opacity: 0;
    transition: all .2s cubic-bezier(.77, 0, .175, 1);
    transform: scale(.9);
  }

  .preview-image_wrapper.no-click {
    width: 15rem;
    height: 20rem;
    display: block;
    left: auto;
    right: 30.2vw;
  }

  .close-button_image {
    width: 1.5rem;
    height: 1.5rem;
  }

  .close-button {
    z-index: 2;
    position: absolute;
    inset: 0 0 auto auto;
  }

  .close-button.click {
    display: block;
  }

  .portfolio-item.audio {
    grid-template-columns: 2.25fr 1.5fr;
    align-content: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: .6rem;
  }

  .portfolio-item-hover-image_wrapper {
    display: none;
  }

  .heading-large {
    font-size: 3rem;
  }

  .portfolio-tag {
    margin-top: .4rem;
    margin-bottom: 0;
  }

  .header-scroll__designer-site.cc-third.dddd.eeeee {
    top: -44px;
  }

  .whipe {
    display: block;
  }

  .social-link-parent {
    flex-direction: column;
    display: flex;
  }

  .button-txt {
    font-size: 1rem;
  }

  .designer-small {
    font-size: .7rem;
  }

  .margin-left-large {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-left-large.flex-center-center-horizontal {
    margin-left: 5em;
  }

  .section-5.hero-container {
    padding-top: 65vh;
  }

  .footer-credit {
    font-size: 1rem;
  }

  .caption-text {
    font-size: .8rem;
  }

  .grid-2-col-right {
    grid-template-columns: 1fr 4fr;
    display: flex;
  }

  .paragraph-large {
    font-size: 1.5rem;
  }

  .h1---style {
    font-size: 9.2em;
  }

  .nav-link-2 {
    font-size: 1rem;
  }

  .spacer-4em {
    height: 4em;
  }

  .sticky-container.mobil {
    top: 65vh;
  }

  .designer {
    font-size: .7rem;
  }

  .social-link-icon {
    width: 2em;
    height: 2em;
    margin-bottom: 10px;
  }

  .mj-wrap {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .mj-wrap.cs-intro {
    grid-column-gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) calc(36.3636% - 2.54545rem);
  }

  .mj-wrap.cs-impact, .mj-wrap.cs-pages, .mj-wrap.cs-offers {
    grid-column-gap: 1.5rem;
  }

  .mj-wrap.sc-brand-cols {
    grid-template-columns: 1fr;
  }

  .mj-eyebrow {
    text-align: center;
  }

  .mj-h1 {
    text-align: center;
    max-width: 52rem;
    margin-left: auto;
    margin-right: auto;
  }

  .mj-hero-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5rem;
  }

  .mj-skills-label, .mj-skills {
    text-align: center;
    top: 0;
  }

  .mj-art {
    margin: -13rem -3rem 2rem;
  }

  .mj-art-svg {
    width: 108%;
    margin-left: 0%;
  }

  .mj-project {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-project.mj-flip, .mj-pcard {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-flip-media {
    order: 0;
  }

  .smm-brand-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .cs-art-wrap.cs-bleed {
    margin-top: -6rem;
    margin-right: -3rem;
  }

  .cs-art.cs-art-wide.tmt-art-full {
    max-width: none;
  }

  .cs-copy.cs-center {
    padding-left: 1.5rem;
  }

  .cs-ba-wrap {
    margin-left: -3rem;
  }

  .cs-meta {
    padding-left: 2rem;
  }

  .cs-app-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .cs-fam-card.cs-fam-card-main {
    aspect-ratio: 2;
    min-height: 0;
  }

  .cs-pd-img-r.tmt-pd-img-r {
    width: 134%;
    margin-left: -17.2%;
  }

  .mj-pitem-zz {
    direction: ltr;
  }

  .mj-art-svg-b {
    width: 108%;
    left: -8%;
    transform: scaleX(-1);
  }

  .la-sw.gf-sw-cream, .la-sw.gf-sw-tan, .la-sw.gf-sw-orange {
    min-height: 7rem;
  }

  .la-mark {
    grid-template-columns: minmax(0, 1fr);
  }

  .la-mark-left {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .la-mark-right {
    justify-content: flex-start;
  }

  .la-mark-art-wrap {
    order: -1;
  }

  .la-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sc-pattern-field {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sc-brand-grid, .sc-user, .sc-user-rev {
    grid-template-columns: 1fr;
  }

  .sc-em-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gf-sec, .gf-sec2 {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 4rem;
  }

  .gf-grid, .gf-stack {
    padding-top: 4rem;
  }

  .gf-sec-ext {
    grid-row-gap: 3rem;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .gf-type-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .gf-vis-ext {
    order: -1;
  }

  .gf-img-ext {
    margin-top: -8%;
    margin-bottom: -12%;
  }

  .gf-sec-c {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 4rem;
  }

  .gf-cover-full {
    padding-top: 4rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3.8em;
  }

  h2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 1.5em;
  }

  .section.cs-hero-section {
    height: auto;
    padding-top: 100px;
  }

  .paragraph {
    color: var(--soft-black);
  }

  .paragraph.large {
    font-size: 18px;
  }

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

  .paragraph.small.is-med-grey {
    color: var(--medium-grey);
  }

  .rule {
    margin-bottom: 1em;
  }

  .nav-wrapper {
    justify-content: space-between;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-wrapper {
    z-index: 1001;
    display: block;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .grid.cs-info-wrapper.is-top {
    flex-direction: column;
    display: flex;
  }

  .grid-content.top-margin {
    margin-top: 4em;
  }

  .grid-content.project-wrapper {
    flex-direction: row;
  }

  .grid-left.cs-name {
    display: flex;
  }

  .is-white {
    position: static;
  }

  .is-white.close {
    color: var(--concrete);
    display: block;
  }

  .footer-links-wrapper {
    justify-content: space-between;
  }

  .menu {
    clear: none;
    display: block;
    position: relative;
  }

  .navigation {
    justify-content: space-between;
    align-items: center;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
  }

  .menu-overlay {
    padding: 50px 25px 100px;
    display: none;
    position: absolute;
  }

  .menu-item-wrapper.is-white.is-contact {
    font-size: 10px;
  }

  .menu-item-wrapper.is-contact {
    margin-top: auto;
  }

  .menu-item-wrapper.is-contact.is-white {
    width: 45%;
    margin-top: 0;
    padding-bottom: 0;
  }

  .menu-item {
    overflow: hidden;
  }

  .menu-links-wrapper {
    justify-content: flex-start;
    height: 70%;
    margin-top: 75px;
  }

  .cs-hero-content-wrapper {
    flex-flow: column;
    display: flex;
  }

  .sticky-nav-wrapper {
    display: none;
  }

  .cs-content-wrapper {
    width: 100%;
  }

  .cs-section-wrapper {
    margin-bottom: 0;
  }

  .cs-section-wrapper.bottom-margin {
    margin-bottom: 12em;
  }

  .cs-header-wrapper {
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 3em;
  }

  .cs-header-wrapper.no-margin {
    flex-direction: column;
  }

  .cs-2-column-grid {
    flex-direction: row;
    width: 100%;
  }

  .nav-link-wrapper {
    display: none;
  }

  .nav-link.w--current {
    padding-right: 0;
  }

  .nav-link.is-home {
    color: var(--soft-black);
  }

  .nav-link.is-home.is-white {
    color: var(--white-smoke);
  }

  .menu-link-wrapper {
    justify-content: flex-end;
    align-items: center;
    width: 50px;
    height: 100%;
    display: flex;
    position: relative;
  }

  .div-is-25 {
    width: 50%;
  }

  .div-is-25.cs-div-right, .div-is-75, .div-is-50 {
    width: 100%;
  }

  .div-is-50.cs-hero-image {
    width: 100%;
    margin-top: 2em;
    margin-left: 0;
  }

  .div-is-50.cs-info-wrapper {
    width: 100%;
    margin-top: 2em;
    margin-right: 0;
  }

  .div-is-50.right-margin {
    width: 50%;
  }

  .div-is-50.cs-div-right {
    margin-top: 2em;
  }

  .div-is-50.cs-div-left {
    margin-right: 0;
  }

  .div-is-50.work-page {
    margin-left: 0;
  }

  .grid-footer {
    padding-top: 4em;
  }

  .about-img-wrapper {
    width: 50%;
    margin-top: 4em;
  }

  .cs-project-type {
    width: 25%;
  }

  .div-is-30 {
    width: 50%;
  }

  .div-is-60 {
    width: 100%;
    margin-top: 1em;
  }

  .more-case-studies {
    flex-direction: column;
    display: flex;
  }

  .arrow-top {
    width: 1.5em;
  }

  .menu-item-text {
    font-size: 1em;
  }

  .menu-close {
    width: 25px;
  }

  .menu-close.is-45 {
    width: 25px;
    display: block;
  }

  .home-link-wrapper {
    z-index: 1000;
    display: block;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .is-menu {
    height: 1px;
  }

  .lottie-menu {
    width: 25px;
  }

  .lottie-menu.is-inverse {
    filter: invert();
  }

  .lottie-animation {
    width: 25px;
  }

  .arrow-menu {
    border: 1px solid var(--white-smoke);
  }

  .menu-contact-links {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .cs-hero-copy {
    margin-top: 1em;
    padding-right: 0;
    font-size: 2em;
  }

  .project-goals-wrapper {
    width: 100%;
  }

  .phase-image-wrapper {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .phase-image-wrapper.sciops-gifs {
    padding-left: 0;
    padding-right: 0;
  }

  .phase-image {
    width: 100%;
  }

  .phase-image.sciops-logo {
    width: 80%;
  }

  .phase-image.animated-icons {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .phase-image.sciops-sitemap {
    width: 90%;
  }

  .phase-wrapper {
    margin-bottom: 8em;
  }

  .phase-list {
    padding-right: 15px;
  }

  .tabs-menu.component-library {
    flex-direction: column;
  }

  .tabs.component-library {
    flex-direction: column;
    display: none;
  }

  .archive-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .description-wrapper.cs-home {
    margin-top: -3.4em;
  }

  .profile-img-wrapper {
    flex-direction: column;
  }

  .about-copy {
    width: 100%;
  }

  .grid-about-2column {
    flex-direction: column;
    display: flex;
  }

  .project-wrapper {
    flex-direction: row;
    padding-top: 2em;
    padding-bottom: 4em;
  }

  .project-wrapper.work-page {
    flex-direction: column-reverse;
    padding-bottom: 2em;
  }

  .project-header-wrapper, .cs-subtext-wrapper {
    flex-direction: column;
  }

  .cs-subtext-wrapper.yum-solution {
    flex-direction: row;
  }

  .cs-subtext-wrapper.bottom-margin-2em {
    margin-left: 15px;
  }

  .title-wrapper-homepage {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .home-hero-description {
    padding-right: 0;
    font-size: 2.8em;
  }

  .archive-grid {
    flex-direction: column;
    display: flex;
  }

  .archive-description-wrapper {
    width: 100%;
  }

  .grid-4-column {
    flex-direction: column;
    display: flex;
  }

  .archive-hero {
    height: auto;
    padding-top: 25%;
  }

  .cs-wrapper-home {
    margin-top: 0;
  }

  .photo-left-50 {
    width: 100%;
    padding-right: 0;
  }

  .photo-left-50._50-50 {
    width: 100%;
    padding-bottom: 1em;
    padding-right: 0;
  }

  .photo-right-75, .photo-left-75 {
    width: 100%;
  }

  .h2.italic {
    font-size: 2.9em;
  }

  .photo-right-50 {
    width: 100%;
    padding-left: 0;
  }

  .photo-right-50._50-50 {
    padding-left: 0;
  }

  .photo-50-50, .photo-50-50.top {
    flex-direction: column;
  }

  .grid-photo-3-col {
    flex-direction: column;
    display: flex;
  }

  .photo-75-center {
    width: 100%;
  }

  .grid-about-hero {
    flex-direction: column;
  }

  .profile-image-wrapper {
    height: auto;
  }

  .cursor {
    display: none;
  }

  .arrow-down.large {
    height: 3.8em;
  }

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

  .cs-section-title {
    margin-bottom: 2em;
  }

  .cs-3-col-grid {
    flex-direction: column;
    display: flex;
  }

  .cs-3-col-grid.full-width {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bullets-div {
    height: 8ch;
    padding-right: 0;
  }

  .yum-survey-img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .bullet-2col-wrapper {
    flex-direction: column;
  }

  .div-is-16 {
    width: 50%;
  }

  .div-is-16.yum-solution {
    margin-left: 0;
  }

  .grid-infographs {
    flex-direction: column;
    display: flex;
  }

  .link-name {
    font-size: 2.7em;
  }

  .hero-subtext {
    margin-top: -7px;
  }

  .grid-cs-project-wrapper {
    flex-direction: column;
    display: flex;
  }

  .grid-cs-project-wrapper.top {
    flex-direction: column;
    margin-bottom: 2em;
  }

  .grid-cs-project-wrapper.bottom {
    flex-direction: column-reverse;
  }

  .heading-23 {
    font-size: 3.8em;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sparkle-image {
    width: 1.5rem;
    top: -.9rem;
    left: 12.4rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-large {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-xlarge {
    font-size: 2.5rem;
  }

  .portfolio-tags_list {
    margin-top: 1rem;
  }

  .preview-link {
    margin-top: .5rem;
    margin-left: 0;
    font-size: 1rem;
    line-height: .9;
  }

  .white-arrow {
    width: .5rem;
    margin-top: .3rem;
    margin-left: .4rem;
  }

  .preview-image_wrapper.no-click {
    right: 0;
  }

  .portfolio-item.audio {
    padding: 1rem .5rem .5rem;
  }

  .heading-large {
    font-size: 2rem;
  }

  .portfolio-tag {
    padding: .3rem .8rem .075rem;
  }

  .text-size-tiny.text-style-allcaps.letter-spacing {
    font-size: .6rem;
  }

  .video-parent {
    width: 30%;
  }

  .margin-left-large {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .section-5.hero-container {
    padding-top: 74vh;
  }

  .caption-text {
    font-size: .6rem;
  }

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

  .nav-link-2 {
    font-size: .8rem;
  }

  .container-small {
    width: 85%;
  }

  .scroll-section, .scroll-section-small {
    padding-top: 80px;
  }

  .paragraph-7 {
    color: #1e1d1d;
  }

  .pf-hero {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
  }

  .pf-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .pf-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .pf-cell-wide {
    grid-column-start: auto;
  }

  .pf-cards, .pf-two {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .pf-item {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .mj-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mj-wrap.mj-section {
    padding-top: 4.5rem;
  }

  .mj-wrap.mj-page-head {
    padding-top: 1.5rem;
  }

  .mj-wrap.smm-intro {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-wrap.smm-impact {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 3rem;
  }

  .mj-wrap.smm-pages, .mj-wrap.smm-offers {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-wrap.cs-intro {
    grid-row-gap: 0;
    grid-template-columns: minmax(0, 1fr);
    padding-bottom: 4rem;
  }

  .mj-wrap.cs-impact {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 4.5rem;
  }

  .mj-wrap.cs-impact.cs-impact-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-wrap.cs-impact.cs-impact-text {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .mj-wrap.cs-impact.cs-impact-23 {
    grid-template-columns: minmax(0, 1fr);
    row-gap: .5rem;
  }

  .mj-wrap.cs-impact.cs-impact-obj {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-wrap.cs-impact.tmt-pad-after {
    padding-bottom: 4.5rem;
  }

  .mj-wrap.cs-brands {
    padding-top: 4.5rem;
  }

  .mj-wrap.cs-brands.cs-brands-end {
    padding-top: 4.5rem;
    padding-bottom: 0;
  }

  .mj-wrap.cs-brands.la-split {
    padding-top: 3.5rem;
  }

  .mj-wrap.cs-pages {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .mj-wrap.cs-offers {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-wrap.cs-flush {
    position: relative;
  }

  .mj-wrap.cs-center {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .mj-wrap.cs-fam {
    padding-top: 4.5rem;
  }

  .mj-wrap.mj-list-end {
    padding-bottom: 3rem;
  }

  .mj-wrap.gf-top {
    text-align: left;
    align-items: flex-start;
    padding-bottom: 4rem;
  }

  .mj-hero {
    padding-top: 5.5rem;
  }

  .mj-eyebrow {
    text-align: center;
  }

  .mj-h1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .mj-h1.mj-h1-home {
    font-size: 3rem;
  }

  .mj-skills-label, .mj-skills {
    top: 1.25rem;
  }

  .mj-art {
    margin: calc(-5rem - 14vw) -2rem -1.5rem;
    overflow: hidden;
  }

  .mj-art-svg {
    transform-origin: 50% 100%;
    width: 125%;
    max-width: none;
    margin-left: 0%;
    transform: translateY(-1.25rem)scale(1.2);
  }

  .mj-section {
    padding-top: 4.5rem;
  }

  .mj-project {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 2.5rem;
  }

  .mj-project.mj-flip {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-awards.mj-awards-home {
    margin-bottom: 4rem;
  }

  .mj-award {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .mj-footer {
    margin-top: 3rem;
    padding-top: 4rem;
    padding-bottom: 3rem;
  }

  .mj-footer.mj-footer-home {
    margin-top: 1.25rem;
  }

  .mj-footer.mj-footer-res {
    margin-top: 2.25rem;
  }

  .mj-footer-inner {
    grid-row-gap: 1.25rem;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .mj-footer-h {
    text-align: center;
  }

  .mj-contact {
    justify-content: center;
  }

  .mj-page-title.gf-top-title {
    font-size: 2.25rem;
  }

  .mj-pgrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .mj-gallery {
    aspect-ratio: auto;
    grid-column-gap: 0;
    grid-template-rows: none;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .mj-g1, .mj-g2, .mj-g3, .mj-g4 {
    aspect-ratio: 3 / 4;
    grid-area: auto / 1 / auto / -1;
    align-self: start;
  }

  .mj-g5 {
    aspect-ratio: 3 / 2;
    grid-area: auto / 1 / auto / -1;
    align-self: start;
  }

  .mj-g6, .mj-g7, .mj-g8, .mj-g9 {
    aspect-ratio: 3 / 4;
    grid-area: auto / 1 / auto / -1;
    align-self: start;
  }

  .mj-res {
    grid-column-gap: 0;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .mj-res-block {
    margin-bottom: 1.75rem;
  }

  .mj-flip-media {
    order: 0;
  }

  .smm-intro {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .smm-impact {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 3rem;
  }

  .smm-brand-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .smm-brand {
    min-height: 8rem;
    font-size: 1.125rem;
  }

  .smm-pages, .smm-offers {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .smm-sites {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .cs-lead {
    margin-bottom: 2.25rem;
  }

  .cs-lead.gf-top-lead, .cs-lead.tmt-lead-tight {
    margin-left: 0;
    margin-right: 0;
  }

  .cs-eyebrow {
    line-height: 1.65;
  }

  .cs-list.gf-top-pills {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .cs-list.tmt-pills {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .cs-li.gf-top-pill {
    white-space: nowrap;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .9375rem;
  }

  .cs-li.tmt-pill {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .9375rem;
  }

  .cs-art-wrap.cs-bleed {
    margin-top: -6rem;
    margin-right: -2rem;
  }

  .cs-art-wrap.cs-art-left {
    margin-left: 0;
  }

  .cs-art-wrap.tmt-art-wrap {
    order: 1;
    overflow: hidden;
  }

  .cs-copy.cs-first {
    order: -1;
  }

  .cs-copy.cs-center {
    align-self: auto;
    min-height: 0;
    padding-left: 0;
  }

  .cs-p.cs-narrow {
    width: 100%;
    max-width: none;
  }

  .cs-p.sc-users-p {
    max-width: 100%;
  }

  .cs-brand-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .cs-brand {
    min-height: 0;
    font-size: 1rem;
    position: relative;
  }

  .cs-ba-wrap {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .cs-ba {
    width: 160%;
    margin-left: -30%;
  }

  .cs-band-dark {
    background-color: #212123;
    background-image: none;
    padding-top: 4.5rem;
    padding-bottom: 0;
  }

  .cs-band-yellow {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .cs-sites {
    grid-column-gap: 1rem;
    grid-row-gap: 2.25rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: center;
    place-items: center;
    display: grid;
  }

  .cs-sites.cs-sites-wide {
    grid-column-gap: 1rem;
    grid-row-gap: 2.25rem;
  }

  .cs-anchor.cs-web {
    order: 2;
  }

  .cs-hero-band {
    background-image: linear-gradient(#141414 0 calc(100% - 12rem), #212123 calc(100% - 12rem) 100%);
  }

  .cs-hero-band.cs-band-short {
    background-image: linear-gradient(#141414 0 calc(100% - 10rem), #212123 calc(100% - 10rem) 100%);
    margin-top: -2rem;
  }

  .cs-meta {
    order: 1;
    margin-bottom: 2.25rem;
    padding-top: 0;
    padding-left: 0;
  }

  .cs-meta.gf-top-meta {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .cs-meta.gf-top-meta.gf-meta-nolink {
    margin-bottom: 2rem;
  }

  .cs-left {
    display: contents;
  }

  .cs-hero-row {
    grid-template-columns: minmax(0, 1fr);
    position: relative;
  }

  .cs-hero-row.cs-hero-solo, .cs-hero-img {
    position: relative;
  }

  .cs-hero-img.cs-offer-img {
    width: 100%;
  }

  .cs-hero-img.cs-desk {
    display: none;
  }

  .cs-hero-img.cs-mob {
    justify-self: center;
    width: 100%;
  }

  .cs-hero-img.cs-hero-img-bleed {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: calc(100% + 4rem);
    max-width: none;
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .cs-hero-img.gf-top-bleed {
    width: calc(100% + max(0px, 100vw - 72rem) + 4rem);
    margin-left: calc(-1 * max(0px, 50vw - 36rem) - 2rem);
    margin-right: calc(-1 * max(0px, 50vw - 36rem) - 2rem);
  }

  .cs-hero-img.tmt-hero-bleed {
    border-radius: 0;
    width: calc(100% + 4rem);
    max-width: none;
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .mj-dl-btn {
    text-align: center;
    margin-top: 0;
  }

  .mj-dl-btn.mj-hide-sm {
    display: none;
  }

  .mj-dl-btn.mj-show-sm {
    vertical-align: top;
    margin-top: -.5rem;
    margin-bottom: -1rem;
    display: inline-block;
  }

  .mj-dl-btn.mj-btn-yellow-outline {
    margin-top: 0;
  }

  .mj-dl-btn.mj-btn-yellow-outline.smm-back-gap {
    margin-top: 2rem;
  }

  .mj-foot-line {
    grid-row-gap: 1.25rem;
    justify-content: center;
    align-items: center;
  }

  .mj-back-wrap.mj-back-left-tmt {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 2.75rem;
  }

  .mj-back-wrap.la-book-actions {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
  }

  .mj-back-wrap.sc-back-wrap {
    margin-top: 2.25rem;
  }

  .mj-project-body {
    padding: 1.5rem;
  }

  .mj-all.mj-all-d {
    display: none;
  }

  .mj-all.mj-all-m {
    margin-top: -2rem;
    display: inline-block;
  }

  .cs-brands-top {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .cs-stat {
    text-align: left;
    order: -1;
    align-items: flex-start;
  }

  .cs-ph.cs-ph-short, .cs-ph.cs-ph-fill {
    aspect-ratio: 16 / 9;
  }

  .cs-crop {
    height: 16rem;
  }

  .cs-bleed-svg {
    width: 100%;
  }

  .cs-fam-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cs-fam-subs {
    aspect-ratio: 500 / 304;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .cs-app-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cs-fam-logo {
    padding: 1.25rem;
  }

  .cs-fam-logo.cs-fam-logo-main {
    padding: 2rem;
  }

  .cs-fam-logo.cs-fam-logo-roomy {
    padding: 3rem;
  }

  .cs-fam-logo.cs-fam-logo-slim {
    padding: 1.5rem 3.5rem;
  }

  .cs-fam-logo.cs-fam-logo-quarterly {
    max-height: 3.5rem;
    padding: .75rem 2.5rem;
  }

  .cs-fam-logo.cs-fam-logo-quarterly.cs-fam-open-bar {
    max-height: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .cs-fam-logo.cs-fam-logo-daily {
    max-height: 4.5rem;
    padding: .75rem 2rem;
  }

  .cs-fam-card.cs-fam-card-main {
    aspect-ratio: 500 / 304;
    min-height: 0;
  }

  .cs-fam-card.cs-fam-card-short, .cs-fam-card.cs-fam-card-fill {
    aspect-ratio: 500 / 304;
  }

  .cs-fam-card.cs-fam-card-row {
    aspect-ratio: auto;
    background-color: #092544;
    min-height: 0;
  }

  .cs-fam-card.cs-fam-card-sub {
    aspect-ratio: auto;
    min-height: 0;
  }

  .cs-duo-grid, .cs-duo-grid.cs-duo-grid-tight {
    grid-template-columns: minmax(0, 1fr);
  }

  .cs-fam-img.cs-fam-img-pad {
    padding: 1rem;
  }

  .cs-fam-stack {
    aspect-ratio: 500 / 304;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .mj-media-intro {
    margin-bottom: 2rem;
  }

  .cs-pd-img {
    width: 100%;
    margin-left: 0%;
  }

  .cs-pd-img.tmt-pd-img {
    width: 112%;
    margin-left: -6.3%;
  }

  .cs-pd-img-r {
    width: 100%;
    margin-left: 0%;
  }

  .mj-pitem-wide {
    grid-column: auto;
  }

  .mj-media-wide {
    aspect-ratio: 16 / 9;
  }

  .mj-art-svg-b {
    transform-origin: 50% 100%;
    width: 125%;
    display: block;
    left: -25%;
    transform: translateX(-.5%)translateY(-1.25rem)scale(-1.2, 1.2);
  }

  .la-brand {
    padding-top: 4.5rem;
    padding-bottom: 0;
  }

  .la-block {
    margin-top: 4.5rem;
  }

  .la-block.la-block-first {
    margin-top: 0;
  }

  .la-logo-card-1 {
    margin-right: 0;
  }

  .la-mark-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .la-sign-grid, .la-merch-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .la-book-card {
    aspect-ratio: 1920 / 1430;
  }

  .la-book-img {
    width: 220%;
    margin-left: -62.4%;
  }

  .la-book-band {
    margin-top: 1rem;
    padding-top: 3.5rem;
  }

  .la-sign-wide {
    padding: 0;
  }

  .la-photo-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .la-mark-icon-wrap {
    justify-content: flex-start;
  }

  .sc-band {
    height: 9rem;
    min-height: 0;
    margin-top: 3.5rem;
    margin-bottom: 5rem;
  }

  .sc-pattern-field {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sc-merch-band {
    padding-top: 3.5rem;
    padding-bottom: 1.75rem;
  }

  .sc-merch-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }

  .sc-merch-img.sc-merch-nb {
    margin-top: 7%;
  }

  .sc-merch-img.sc-merch-pins {
    width: 115%;
    margin-top: -10%;
    margin-bottom: -18%;
    margin-left: -7.5%;
  }

  .sc-full {
    margin-top: .5rem;
  }

  .sc-ptile {
    width: 14rem;
    height: 9rem;
  }

  .sc-sw-stack {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-user {
    padding-top: 3.5rem;
  }

  .tmt-gap-after {
    margin-bottom: 4.5rem;
  }

  .sc-user-rev {
    padding-top: 3.5rem;
  }

  .sc-em-head {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
  }

  .sc-em-name {
    font-size: 2rem;
  }

  .sc-em-grid {
    grid-template-columns: 1fr;
  }

  .gf-sec, .gf-sec2 {
    padding-top: 3rem;
  }

  .gf-vis {
    grid-template-columns: minmax(0, 1fr);
  }

  .gf-grid {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 3rem;
  }

  .gf-stack {
    padding-top: 3rem;
  }

  .gf-vis-did {
    grid-template-columns: minmax(0, 1fr);
  }

  .gf-sec-ext {
    padding-top: 1.5rem;
    padding-bottom: 4rem;
  }

  .gf-btn-row {
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
  }

  .mj-foot-right {
    text-align: center;
    align-items: center;
  }

  .gf-sec-c {
    padding-top: 3rem;
  }

  .gf-img-c {
    width: calc(100% + max(0px, 50vw - 36rem) + 2rem);
    margin-left: calc(-1 * max(0px, 50vw - 36rem) - 2rem);
  }

  .gf-cover-full {
    padding-top: 3rem;
  }

  .gf-gimg-bleed {
    width: calc(100% + max(0px, 100vw - 72rem) + 4rem);
    margin-left: calc(-1 * max(0px, 50vw - 36rem) - 2rem);
    margin-right: calc(-1 * max(0px, 50vw - 36rem) - 2rem);
  }

  .gf-img-mail {
    margin-bottom: -22%;
  }

  .tmt-web-wrap {
    order: 2;
    justify-content: flex-start;
    margin-top: 3rem;
  }

  .tmt-btn-row {
    grid-row-gap: 1rem;
  }

  .mj-page-h1 {
    margin-bottom: 2rem;
  }

  .mj-res-col {
    display: contents;
  }

  .mj-res-first {
    order: -1;
  }

  .mj-res-block-first {
    order: -1;
    margin-bottom: 1.75rem;
  }

  .la-white-band {
    margin-top: 4.5rem;
    padding-bottom: 3.5rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 2.4em;
    line-height: 1.3;
  }

  .container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container.is-footer {
    height: auto;
  }

  .section.home-hero-top {
    align-items: flex-end;
    height: 100vh;
    padding-top: 45%;
  }

  .section.home-hero-top.mob {
    height: 60vh;
  }

  .section.is-about {
    min-height: auto;
    padding-bottom: 0;
  }

  .grid-content.project-wrapper, .archive-header {
    flex-direction: column;
  }

  .navigation {
    padding-left: 1em;
    padding-right: 1em;
  }

  .menu-overlay {
    padding-left: 1em;
    padding-right: 1em;
    display: none;
  }

  .menu-item-wrapper.is-white {
    font-size: 2em;
  }

  .menu-item {
    font-size: 1em;
  }

  .menu-item.with-arrow {
    font-size: 1.7em;
  }

  .cs-section-wrapper.bottom-margin {
    margin-bottom: 8em;
  }

  .cs-2-column-grid {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .cs-hero-50-div {
    flex-direction: column;
    padding-bottom: 1em;
  }

  .nav-link.w--current {
    display: block;
  }

  .div-is-25 {
    width: 100%;
  }

  .div-is-25.small-text {
    width: 80%;
  }

  .div-is-50 {
    width: 100%;
    margin-bottom: 1em;
  }

  .div-is-50.cs-info-wrapper {
    margin-top: 1em;
    margin-bottom: 0;
  }

  .div-is-50.right-margin {
    width: 100%;
  }

  .div-is-50.left-margin {
    width: 100%;
    margin-left: 0;
  }

  .div-is-50.breaks-to-100 {
    height: 70vh;
  }

  .div-is-50.cs-div-right {
    margin-top: 1em;
  }

  .about-img-wrapper, .div-is-30, .div-is-30.tab-container {
    width: 100%;
  }

  .div-is-60.cs-info-wrapper {
    margin-bottom: 2em;
  }

  .h1-is-name {
    margin-left: 0;
  }

  .cs-hero-copy {
    font-size: 1.5em;
  }

  .is-about {
    margin-top: auto;
  }

  .arrow-menu-contact {
    height: 1em;
  }

  .arrow-menu-link, .menu-arrow-down {
    height: .7em;
  }

  .cs-2-column {
    flex-direction: column;
    display: flex;
  }

  .project-goals-wrapper {
    width: 100%;
  }

  .phase-image-wrapper {
    margin-bottom: 1em;
  }

  .phase-image-wrapper.ss {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .phase-image {
    padding-left: 1em;
    padding-right: 1em;
  }

  .phase-image.sciops-logo {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .phase-list {
    margin-bottom: 0;
  }

  .phase-list.top-margin {
    margin-top: -13px;
  }

  .phase-image-right {
    margin-left: 5px;
  }

  .phase-image-left {
    margin-right: 5px;
  }

  .about-copy {
    padding-right: 0;
  }

  .work-header-wrapper {
    padding-bottom: 50%;
  }

  .project-wrapper {
    flex-direction: column;
  }

  .arrow-right-black {
    width: 30px;
    display: none;
  }

  .cs-subtext-wrapper.bottom-margin-2em {
    margin-left: 10px;
  }

  .cs-description-homepage {
    width: 100%;
  }

  .title-wrapper-homepage {
    padding-bottom: .5em;
  }

  .home-hero-description {
    font-size: 2.7em;
  }

  .line-1 {
    flex-direction: row;
  }

  .line-2 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }

  .line-3 {
    flex-direction: column;
    align-items: center;
    margin-top: 2em;
  }

  .archive-hero {
    padding-top: 100px;
  }

  .photo-description-wrapper {
    justify-content: flex-start;
  }

  .photo-number {
    margin-right: 1em;
  }

  .h2.italic {
    font-size: 3.2em;
  }

  .grid-content-2-col {
    flex-direction: column;
  }

  .lotttie-scroll {
    margin-top: 25px;
  }

  .archive-home-links {
    display: block;
  }

  .arrow-down.large {
    height: 3em;
  }

  .heading-22 {
    margin-left: 25%;
  }

  .bullets-div {
    height: 10ch;
  }

  .div-is-16.yum-solution {
    width: 75%;
  }

  .link-name {
    font-size: 2.4em;
  }

  .grid-home-hero {
    grid-template-columns: .25fr .75fr;
  }

  .link-is-name {
    margin-left: 0;
  }

  .hero-subtext {
    font-size: 2.2em;
  }

  .rule-mini {
    width: 9px;
    margin: 14px 0;
    display: block;
  }

  .tag-casestudy {
    flex-direction: row;
    align-items: center;
    margin-top: 1em;
    display: flex;
  }

  .xl-heading {
    margin-left: -2vw;
    font-size: 23vw;
    display: block;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .preview-link {
    font-size: .8rem;
  }

  .preview-image_wrapper.no-click {
    width: 15rem;
    height: 20rem;
    top: -7.7vh;
  }

  .portfolio-item.audio {
    padding-bottom: .8rem;
  }

  .portfolio-tag {
    margin-top: .1rem;
    padding: .2rem .5rem .05rem;
  }

  .text-size-tiny.text-style-allcaps.letter-spacing {
    font-size: .5rem;
  }

  .whipe {
    display: block;
  }

  .social-link-parent {
    flex: none;
  }

  .image-parent.about {
    margin-top: 20px;
    right: 0%;
  }

  .container-full.flex-top-split-horizontal, .container-full.flex-top-center-horizontal.mobile, .container-full.service, .footer-container {
    flex-direction: column;
  }

  .h2---style {
    font-size: 2.5rem;
  }

  .video-parent {
    width: 100%;
    margin-top: 20px;
    position: relative;
    right: 0%;
  }

  .footer-credit-wrap {
    width: auto;
  }

  .footer-credit-wrap.flex-center-right-horizontal {
    margin-top: 20px;
  }

  .footer-credit-wrap.hidden {
    display: none;
  }

  .button-txt {
    font-size: .6rem;
  }

  .designer-small {
    line-height: 1.2;
  }

  .cta-container {
    width: 100%;
  }

  .half-circle {
    width: 3em;
    height: 3em;
  }

  .margin-left-large {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .section-5.partner-section {
    padding-top: 15em;
    padding-bottom: 15em;
  }

  .section-5.project-section {
    padding-top: 30em;
  }

  .section-5.hero-container {
    height: auto;
    padding-top: 50vh;
  }

  .btn-parent {
    width: 20em;
    height: 20em;
  }

  .team-collection-list {
    flex-direction: column;
    display: flex;
  }

  .footer-credit {
    font-size: .75rem;
  }

  .caption-text {
    font-size: .8rem;
  }

  .grid-2-col-right {
    flex-direction: column;
    grid-template-columns: 1fr 4.75fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .asterix {
    font-size: 1rem;
  }

  .asterix.margin-horizontal {
    margin-left: 1em;
    margin-right: 1em;
  }

  .paragraph-large {
    font-size: .745rem;
  }

  .num-text {
    font-size: 1rem;
  }

  .spacer-2em, .spacer-2em.mobile {
    display: block;
  }

  .h1---style {
    font-size: 10.9em;
  }

  .nav-link-2 {
    padding-bottom: .25rem;
    font-size: 10px;
  }

  .footer {
    padding-bottom: 20em;
  }

  .container-extra-small.mobile {
    width: 70%;
  }

  .scroll-section {
    padding-top: 3.5em;
  }

  .container-tiny, .container-tiny.small-text {
    display: none;
  }

  .service-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 3em;
    width: 100%;
    margin-top: 10px;
  }

  .container-medium.about {
    margin-left: 0;
  }

  .scroll-section-small {
    padding-top: 3.5em;
  }

  .sticky-container.mobil {
    position: relative;
    top: 0;
  }

  .designer {
    margin-bottom: 5px;
  }

  .bg-video {
    height: 50vh;
  }

  .social-link-icon {
    width: 5em;
    height: 5em;
  }

  .rule-mini-2 {
    width: 9px;
    margin: 14px 0;
    display: block;
  }

  .mj-header-inner {
    grid-column-gap: .25rem;
    grid-row-gap: .5rem;
    flex-wrap: nowrap;
  }

  .mj-nav-list {
    grid-column-gap: .25rem;
    grid-row-gap: 0;
    display: none;
  }

  .mj-nav-link {
    padding-left: .6rem;
    padding-right: .1rem;
  }

  .mj-hero {
    padding-top: 3.25rem;
  }

  .mj-art {
    margin-top: calc(-9rem - 14vw);
  }

  .mj-art-svg {
    width: 140%;
    margin-left: -6%;
  }

  .mj-menu {
    margin-bottom: 1rem;
    display: block;
  }

  .mj-menu-panel {
    min-height: calc(100vh - 7.25rem);
    top: calc(100% + .5rem);
  }

  .mj-logo-sq-off {
    display: inline;
  }

  .mj-art-svg-b {
    width: 140%;
    left: -34%;
  }

  .mj-copyright {
    margin-bottom: -1.5rem;
  }

  .mj-foot-right {
    grid-row-gap: 2.75rem;
  }
}