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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

.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;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !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 {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  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;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.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: Geistvf;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/65ae6857bde0d3879df0e4c4_GeistVF.ttf") format("truetype");
  font-weight: 32 240;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/682334030f8cbfc0399fc39e_Helvetica-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/682334036d8038e60e2acdf9_Helvetica.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Helvetica;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/682334048c31bb89f4fe35e6_Helvetica-Oblique.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Sequel sans book disp;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/63ee441ab34d7f29b4781abb_Sequel%20Sans%20Book%20Disp.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sequel sans disp;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/63ee441a6e2111cd40bbeb6f_Sequel%20Sans%20Light%20Disp.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geist;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/65ae686b1febf13351bc5183_Geist-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Geistmono;
  src: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/65ae687ddba71fccff0b751c_GeistMono-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --base--white: white;
  --spacing--xmd: .8rem;
  --corner-radius--r2: .5rem;
  --base--black: black;
  --spacing--sm: .4rem;
  --spacing--xl: 2rem;
  --spacing--xxl: 4rem;
  --spacing--lg: 1.2rem;
  --spacing--md: .6rem;
  --spacing--xs: .2rem;
  --base--transparent: transparent;
  --fills--0\<deleted\|variable-30fe6931\>: #f5f5f7;
  --accents--blue-black: #18181b;
  --fills--silver: #b9b9b9;
  --accents--cyan: cyan;
  --corner-radius--r3: .8rem;
  --fills--bg-grey: #f5f5f7;
  --plates--300\<deleted\|variable-f70aa483\>: #4d4d4d40;
  --plates--500-2c2c2c\<deleted\|variable-aee0e509\>: #2c2c2c;
  --fills--dark-grey: lightgrey;
  --border--black-50: #00000082;
  --blue-bright: #0071fe;
  --fills--nav-text: #7b7b7b;
  --corner-radius--r1: .4rem;
  --base--100-25: #2c2c2c40;
  --base--300-25: #4d4d4d40;
  --border--100: #dfd8f01a;
  --accents--medium-spring-green: #4ff3ad;
  --base--lavender\<deleted\|variable-71310ae7\>: #dfd8f080;
  --border--200\<deleted\|variable-6d2b59d5\>: #b4b4b40d;
  --border--300\<deleted\|variable-e3deb72f-e944-2051-0fa1-e4f8a4093bd3\>: #b4b4b41a;
  --base--200-5: #4d4d4d0d;
  --fills--slate-grey: #202020;
  --base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>: #dfd8f026;
  --fills--400: #2b2b2b;
  --fills--body-text: #545e75;
  --plates--00-purple-hue-rgba-223-216-240-0-15\<deleted\|variable-6dc8eeb5\>: #dfd8f026;
  --fills--dim-grey: #555;
  --accents--blue-green-linear1: #112627;
  --border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>: #b4b4b440;
  --accents--yellow: #edff26;
  --spacing--xxxl: 6rem;
  --border--halftone: #f5f5f740;
  --base--overlay-35: #00000059;
  --base--white-45: #ffffff73;
  --fills--500: #4f4f4f;
  --300: #eee;
  --opacity: 100%;
  --r4: 1.2rem;
  --accents--blue-green-dark: #92b4b9;
  --accents--blue-green: #c3ebf1;
  --accents--peru: #ab7f61;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

a {
  color: var(--base--white);
  text-decoration: underline;
}

a.w--current {
  flex: 1;
}

.body-project {
  padding: var(--spacing--xmd);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--black);
  color: #3d3d3d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter variablefont slnt wght;
  font-size: 1em;
  line-height: 1em;
  display: flex;
  overflow: visible;
}

.primary-button {
  -webkit-text-fill-color: inherit;
  background-color: #222;
  background-clip: border-box;
  border: 1px solid #111;
  border-radius: 4px;
  justify-content: center;
  max-width: 220px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
}

.primary-button:hover {
  color: #111;
  background-color: #2220;
  border: 1px solid #111;
}

.headerimage_mobile {
  display: none;
}

.containerfooterarticle {
  padding: var(--spacing--xl) var(--spacing--sm) 1svh;
  grid-row-gap: 4rem;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

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

.credits_role {
  color: #999;
  text-align: right;
  margin-bottom: 0;
  padding-right: 0;
}

.credits_name {
  margin-bottom: 0;
  padding-left: 0;
}

.column-7 {
  padding-left: 0;
}

.column-8 {
  padding-right: 0;
}

.columns-3 {
  margin-bottom: 10px;
}

.grid-6 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  margin-top: 120px;
}

.image-10, .image-11, .image-12, .image-13 {
  border-radius: 6px;
}

.columns-4 {
  margin-top: 120px;
  margin-bottom: 10px;
}

.featuredlinks {
  opacity: 1;
}

.featuredlinks:hover {
  opacity: .7;
}

.columns-5 {
  margin-top: 60px;
}

.column-12, .column-13, .column-14, .column-15, .column-16, .column-17 {
  padding-left: 0;
  padding-right: 0;
}

.camera-2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-18 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.section {
  z-index: auto;
  opacity: .73;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
}

.container-101 {
  background-color: var(--base--black);
  opacity: .3;
  filter: blur(9px);
  column-count: 3;
  column-gap: 1rem;
  max-width: 60rem;
  padding-top: 0;
  padding-bottom: 0;
}

.image-masonry {
  border-radius: 10px;
  margin-bottom: 1rem;
}

.navlink {
  padding: var(--spacing--md) var(--spacing--lg);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--transparent);
  letter-spacing: .5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 4rem;
  font-size: 1.2em;
  text-decoration: none;
  display: flex;
}

.navlink:hover {
  filter: brightness(110%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.navlink.w--current {
  background-color: var(--base--white);
  color: var(--base--black);
  flex: 1;
  min-width: 8em;
  display: flex;
}

.navlink.n-studio {
  flex: 1;
  width: auto;
}

.navlink.n-studio.w--current {
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  color: var(--base--black);
  flex: none;
  min-width: 4em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.navlink.n-studio.w--current:hover {
  background-color: var(--base--white);
  filter: brightness(120%);
  color: var(--base--black);
  font-weight: 500;
}

.navlink.previous {
  width: auto;
  display: none;
}

.navlink.previous.w--current {
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  color: var(--base--black);
  flex: 0 auto;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.navlink.previous.w--current:hover {
  background-color: var(--base--white);
  filter: brightness(120%);
  color: var(--base--black);
  font-weight: 500;
}

.grid-10 {
  padding: var(--spacing--xmd);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  border-radius: var(--corner-radius--r2);
  background-color: var(--accents--blue-black);
  grid-template-rows: auto;
  grid-template-columns: 30% 64%;
  justify-content: space-between;
  place-items: center start;
  width: 100%;
}

.current-role-text {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.current-role-text-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.text-block-7 {
  color: var(--fills--silver);
  text-align: left;
  border-right: 1px #000;
  flex: 0 auto;
  margin-bottom: .5em;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 100%;
  display: block;
}

.page-load-section {
  z-index: 1;
  margin-top: var(--spacing--lg);
  padding-top: var(--spacing--xl);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  border-bottom: 1px solid var(--accents--cyan);
  border-radius: var(--corner-radius--r3);
  background-color: var(--fills--bg-grey);
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
}

.p {
  outline-offset: 0px;
  background-color: #55555526;
  border: 1px solid #b4b4b426;
  border-radius: 1rem;
  outline: .5px #3d3d3d;
  flex-direction: column;
  flex: none;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 45vw;
  height: 75vh;
  margin-right: 2em;
  padding-top: .5em;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px #0003;
}

.p:hover {
  box-shadow: 0 2px 20px 0 var(--plates--300\<deleted\|variable-f70aa483\>);
}

.tabs-wrapper {
  text-align: center;
  background-color: #0000;
  border: 1px solid #b4b4b40d;
  border-radius: 9px;
  flex-wrap: wrap;
  place-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.tabs-text {
  color: var(--base--white);
  cursor: default;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  padding: 1em 2em;
  font-family: Inter;
  font-size: .7em;
  font-weight: 300;
  line-height: 1em;
  display: flex;
}

.tab-link-tab-1 {
  background-color: #0000;
  border-radius: 12px;
  width: 12vw;
  max-width: 12vw;
  height: 6vh;
  max-height: 6vh;
  padding: 0;
}

.tab-link-tab-1.w--current {
  background-color: var(--plates--500-2c2c2c\<deleted\|variable-aee0e509\>);
  border-radius: 9px;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 12vw;
  height: 6.4vh;
  max-height: 6.4vh;
  padding: 0;
  display: flex;
}

.tab-link-tab-2 {
  cursor: help;
  background-color: #0000;
  border-radius: 9px;
  width: 12vw;
  max-width: 12vw;
  height: 6vh;
  max-height: 6vh;
  padding: 0;
}

.tab-link-tab-2.w--current {
  background-color: #4d4d4d26;
  border-radius: 9px;
  height: 6.4vh;
  max-height: 6.4vh;
  padding-top: 0;
  padding-bottom: 0;
}

.tab-link-tab-3 {
  background-color: #0000;
  border-radius: 9px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 12vw;
  max-width: 12vw;
  height: 6vh;
  max-height: 6vh;
  padding: 0;
  display: flex;
}

.tab-link-tab-3.w--current {
  background-color: #4d4d4d26;
  height: 6.4vh;
  max-height: 6.4vh;
}

.tabs-menu {
  z-index: 7;
  grid-column-gap: .4vw;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #2c2c2c80;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40vw;
  max-width: 40vw;
  height: 9vh;
  max-height: 9vh;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.tabs-content {
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 8vh;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  overflow: visible;
}

.image-23 {
  filter: blur(4px);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  border-radius: 0;
  max-width: 120%;
  display: block;
}

.coming-soon {
  color: var(--base--white);
  justify-content: center;
  align-items: center;
  font-size: 3em;
  display: flex;
  position: relative;
  top: 50vh;
}

.container-tab2 {
  border: 5px #4d4d4d26;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
}

.tab-pane {
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.tab-pane.tab-1 {
  background-color: #0000;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.tab-pane.tab-2 {
  border-radius: 18px;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100vh;
}

.tab-pane.tab-3 {
  border-radius: 18px;
  height: 100vh;
  max-height: 100vh;
}

.lottie-animation-3, .lottie-animation-3.open-button {
  width: 50%;
}

.stem {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.stem.vertical {
  margin-top: -1px;
  transform: rotate(90deg);
}

.h4-label {
  grid-column-gap: 10vw;
  color: #ffffffe6;
  text-align: left;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-size: .55em;
  font-weight: 200;
  line-height: 1em;
  display: block;
  transform: rotate(0);
}

.h2-body {
  grid-column-gap: 10vw;
  color: var(--base--white);
  text-align: left;
  letter-spacing: -.5px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 1vh;
  margin-bottom: 1vh;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.25em;
  display: flex;
  transform: rotate(0);
}

.h2-body:hover {
  color: #e0af8d;
}

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

.h2-body.viens:hover {
  color: var(--fills--dark-grey);
}

.h2-body.kemet:hover {
  color: var(--accents--cyan);
  transform: none;
}

.h2-body.terra {
  grid-column-gap: 0vw;
  color: var(--base--white);
  justify-content: flex-start;
  height: auto;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1em;
}

.h2-body.kemet {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 500;
}

.h1-title {
  z-index: 2;
  direction: ltr;
  color: var(--base--black);
  text-align: left;
  letter-spacing: -.05em;
  flex: 1;
  align-self: auto;
  font-family: Geist, sans-serif;
  font-size: 2.4em;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.work-card {
  background-color: #0000;
  border-radius: 15px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 70vh;
  max-height: 100%;
  display: flex;
  overflow: visible;
}

.work-card:hover {
  box-shadow: none;
}

.card-image {
  background-color: #00000073;
  border: 1px solid #fff3;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 96%;
  max-width: 100%;
  height: 60vh;
  max-height: 100%;
  display: block;
  overflow: hidden;
}

.card-image.terra {
  border: 1px solid var(--plates--300\<deleted\|variable-f70aa483\>);
  background-color: #00000026;
  border-radius: 1rem;
  flex: 0 auto;
  order: -1;
  justify-content: flex-start;
  width: 96%;
  height: 60vh;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.card-image.viens {
  background-color: #e8eaef;
}

.card-image.kemet {
  background-color: #c0fde0;
}

.cover-image {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  object-fit: cover;
  order: -1;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.cover-image.act {
  background-color: #fcd34d;
}

.cover-image.shrink {
  object-fit: contain;
}

.card-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 0 0 12px 12px;
  flex-direction: row;
  flex: 0 auto;
  grid-template-rows: 4em;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 96%;
  max-width: 100%;
  height: 20vh;
  max-height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  overflow: hidden;
}

.text-7 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  height: 2em;
  max-height: 2em;
  padding-right: 5%;
  display: flex;
  overflow: visible;
}

.card-tags {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: .25em;
  display: flex;
}

.tag-1 {
  background-color: #0000;
  border: .5px solid #b4b4b4bf;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-right: 1%;
  padding: 1.5% 3%;
  display: flex;
}

.tag-1:hover {
  background-color: #4d4d4d40;
}

.h5-label-desc {
  color: var(--fills--dark-grey);
  align-self: flex-end;
  max-width: 80%;
  font-size: .8em;
  font-weight: 300;
  display: block;
}

.h5-label-desc:hover {
  color: var(--base--white);
}

.h5-label-desc.kemet:hover {
  color: var(--accents--cyan);
}

.h5-label-desc.viens:hover {
  color: var(--fills--dark-grey);
}

.h5-label-desc.terra {
  color: #ffffffd9;
  letter-spacing: -.0105em;
  flex: 1;
  align-self: flex-end;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: .8em;
  font-weight: 100;
  line-height: 1.2em;
  display: block;
}

.h5-label-desc.kemet {
  color: var(--base--white);
  flex: 1;
  max-width: 100%;
  font-size: .7em;
  line-height: .95em;
}

.tab-grids {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-direction: row;
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: grid;
}

.card-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 80% 20%;
  grid-template-columns: 100%;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: visible;
}

.view-project {
  justify-content: flex-end;
  align-items: center;
  width: 10%;
  height: 80%;
  display: flex;
}

.title-g-rid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: none;
  grid-template-rows: 100%;
  grid-template-columns: 70% 20%;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  align-self: center;
  place-items: start;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.s-scroll {
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

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

.featured-work {
  height: 300vh;
  margin-top: 2vh;
  padding-bottom: 2vh;
  overflow: visible;
}

.work-cards {
  flex-direction: row;
  align-items: center;
  margin-top: 10em;
  margin-left: 20em;
  display: flex;
  overflow: visible;
}

._w-trigger {
  cursor: pointer;
  border-bottom: 2px solid #fff;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 25px;
  display: flex;
}

._w-trigger:hover {
  border-bottom-color: #ffffff4d;
}

.container-105 {
  flex: 1;
  width: 100%;
  max-width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}

.arrow-box-3 {
  flex-direction: column;
  align-self: center;
  margin-right: 30px;
  display: flex;
}

.div-block-17 {
  cursor: pointer;
  width: 50%;
  display: flex;
}

.accordion-comp {
  width: 60%;
}

.accordion-comp.is--black {
  color: #fff;
  background-color: #0000;
  width: 100%;
  padding: 0;
}

._w-drawer-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.wrapper {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.drawer {
  flex: none;
  width: 100%;
  margin-bottom: .5em;
}

.list-item-outer-wrapper {
  border: 1px solid var(--base--transparent);
  border-radius: var(--corner-radius--r2);
  color: #222;
  cursor: pointer;
  flex-direction: column;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 4px;
  text-decoration: none;
  display: flex;
  position: static;
}

.list-item-outer-wrapper:hover {
  border-style: dashed;
  border-color: var(--blue-bright);
}

.list-item-wrapper {
  grid-column-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.c-700 {
  width: 100%;
}

.line-outer-wrapper {
  -webkit-text-stroke-color: var(--blue-bright);
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.work-card-main-last {
  flex: none;
  width: 90vw;
  height: 100vh;
  padding: 4em 2.5em 2.5em;
  display: none;
  overflow: hidden;
}

.link-card-button {
  width: 60%;
  height: 20%;
  position: relative;
  transform: rotate(45deg);
}

.experience {
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin-bottom: 6svh;
  display: flex;
}

.list-item-header-2 {
  color: var(--blue-bright);
  justify-content: center;
  align-items: center;
  width: auto;
  font-family: Geist, sans-serif;
  font-size: 1em;
  font-weight: 400;
  display: flex;
}

.icon-2 {
  filter: invert();
}

.line-big-2 {
  z-index: 2;
  background-color: var(--base--white);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(-100%);
}

.line-low-opacity-2 {
  background-color: var(--fills--dark-grey);
  opacity: .25;
  height: 1px;
}

.icon-circle-2 {
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
}

.skills {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 6svh;
  padding-left: 1svw;
  padding-right: 1svw;
  display: flex;
}

.grid-20 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  font-family: Inter variablefont slnt wght;
}

.experience-body {
  color: var(--fills--nav-text);
  text-align: left;
  letter-spacing: -.045em;
  align-self: flex-start;
  font-family: Geist, sans-serif;
  font-size: 1.2em;
  line-height: 150%;
  overflow: visible;
}

.about-body {
  color: var(--fills--silver);
  text-align: left;
  font-family: Geist, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 180%;
  overflow: visible;
}

.experience-block {
  grid-row-gap: 1svh;
  flex-direction: column;
  display: flex;
}

.experience-block:hover {
  filter: brightness(200%);
}

.experience-title {
  color: var(--base--white);
  text-align: left;
  align-self: flex-start;
  margin-bottom: .25em;
  font-family: Geist, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  overflow: visible;
}

.experience-div {
  display: flex;
}

.experience-body-gb {
  color: var(--fills--dark-grey);
  text-align: justify;
  letter-spacing: 0;
  align-self: flex-start;
  margin-left: 1%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .6em;
  font-weight: 300;
  line-height: 2em;
  overflow: visible;
}

.experience-text-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.about-div {
  align-items: flex-end;
  width: 100%;
  margin-bottom: 6svh;
  display: flex;
}

.contact {
  grid-column-gap: var(--corner-radius--r1);
  grid-row-gap: var(--corner-radius--r1);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 4svh;
  display: flex;
}

.p-header {
  margin-top: var(--spacing--md);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  border-radius: var(--corner-radius--r3);
  object-fit: contain;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 76svh;
  display: flex;
  overflow: hidden;
}

.p-header._75 {
  width: 75%;
  height: auto;
}

.project-banner {
  border-radius: var(--corner-radius--r3);
  background-color: #f5f5f7;
  flex-direction: column;
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.header-h1 {
  color: var(--base--black);
  text-align: center;
  letter-spacing: .045em;
  justify-content: center;
  align-items: center;
  width: 50ch;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

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

.header-h1.light.carbon {
  margin-bottom: var(--spacing--md);
}

.header-h1.carbon {
  margin-bottom: var(--spacing--xmd);
}

.content-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 75% 25%;
  align-items: start;
  width: 100%;
  margin-top: 4svh;
  margin-bottom: 4svh;
  padding-left: 4%;
  padding-right: 4%;
  display: flex;
}

.project-summary {
  flex-direction: column;
  justify-content: space-between;
  width: 70%;
  height: auto;
  display: flex;
}

.details {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: flex-end;
  width: 30%;
  height: auto;
  display: grid;
}

.content-accordion {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 80svw;
  margin: 2svh 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.body-4 {
  background-color: var(--accents--blue-black);
  color: var(--base--white);
  font-family: Inter variablefont slnt wght;
  font-size: 1.25rem;
  line-height: 1.2em;
}

.card-new {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-direction: column;
  width: 20rem;
  display: flex;
  position: relative;
}

.card-image-wrapper {
  object-fit: contain;
  background-color: #0000;
  border-radius: 2rem;
  justify-content: flex-start;
  align-items: center;
  height: 15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-content-wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

.card-heading {
  color: var(--base--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.2em;
}

.card-image-new {
  filter: grayscale();
  object-fit: cover;
  border-radius: 10em;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.card-image-new:hover {
  filter: none;
}

.card-button-wrapper {
  z-index: 2;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-button {
  background-color: var(--base--white);
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  margin-left: 1.5rem;
  display: flex;
}

.card-button-icon {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 1rem;
  height: 1rem;
  transform: rotate(45deg);
}

.card-link {
  position: absolute;
  inset: 0%;
}

.card-grid-new {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 96%;
}

.card-array {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-direction: column;
  display: flex;
  position: relative;
}

.card-button-wrapper-array {
  z-index: 2;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-button-array {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #09e8ff80;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: 20rem;
  margin-left: 10rem;
  display: flex;
}

.nav-link-mini {
  margin-left: var(--spacing--sm);
  padding: var(--spacing--md) var(--spacing--sm);
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--100-25);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.nav-link-mini:hover {
  background-color: var(--base--300-25);
}

.nav-link-mini.end {
  background-color: var(--base--100-25);
  width: 3rem;
  height: 3rem;
  display: flex;
}

.nav-link-mini.end:hover {
  background-color: var(--border--100);
  border-style: none;
}

.moon-icon {
  width: 1rem;
  height: 1rem;
  display: none;
}

.sun-icon {
  width: 1rem;
  height: 1rem;
}

.icon {
  width: 1rem;
  height: 1rem;
  display: none;
}

.title-link {
  padding: var(--spacing--md) var(--spacing--sm) var(--spacing--md) var(--spacing--lg);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  color: var(--blue-bright);
  justify-content: flex-start;
  align-items: center;
  width: auto;
  font-size: 1.2em;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.title-link:hover {
  border-radius: var(--corner-radius--r2);
  filter: brightness(105%);
  color: var(--blue-bright);
  background-color: #f3ff71;
  justify-content: flex-end;
  align-items: center;
  padding-left: .75em;
  padding-right: .15em;
}

.title-link.is-portfolio:hover {
  background-color: var(--accents--medium-spring-green);
}

.title-link.is-linkedin:hover {
  background-color: var(--accents--cyan);
}

.title-link.is-email:hover {
  filter: brightness(120%);
  color: var(--blue-bright);
  background-color: #a4ebfc;
  overflow: hidden;
}

.project-cta {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: space-between;
  align-items: center;
  width: 98svw;
  margin-top: 6svh;
  margin-bottom: 6svh;
  display: flex;
}

.navbar {
  z-index: 100;
  grid-column-gap: 1svh;
  grid-row-gap: 1svh;
  border-radius: var(--corner-radius--r2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 99svw;
  height: 100%;
  padding: 1svh;
  display: flex;
  position: sticky;
  inset: .5svh 0% auto;
}

.rolling-gem {
  z-index: -1;
  opacity: .05;
  filter: sepia();
  justify-content: center;
  align-items: center;
  width: 60em;
  display: flex;
  position: absolute;
}

.card-blur, .link-block-4 {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.card-text-bottom {
  flex-direction: column;
  align-self: stretch;
  padding-top: .5em;
  display: flex;
}

.text-block-13 {
  color: var(--base--white);
  margin-right: .5em;
  font-size: .9em;
  font-weight: 100;
  display: none;
}

.coming {
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #2c2c2ced;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.soon {
  z-index: 2;
  color: var(--base--white);
  text-align: center;
  width: 100%;
  font-family: Geistmono, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  position: relative;
}

.more-work2 {
  background-color: var(--plates--300\<deleted\|variable-f70aa483\>);
  color: var(--fills--dark-grey);
  border-radius: 4em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1em 5em;
  font-weight: 300;
  display: flex;
}

.more-work2.w--current {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #4d4d4d0d;
  border-radius: 1em;
}

.morework-2 {
  color: var(--fills--dark-grey);
  text-align: left;
  letter-spacing: -.5px;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20em;
  margin-top: 4vh;
  font-family: Inter variablefont slnt wght;
  font-size: .9em;
  font-weight: 200;
  line-height: 1.6em;
  display: flex;
  transform: rotate(0);
}

.about-avi {
  filter: grayscale();
  object-fit: fill;
  order: 0;
  width: 100%;
  max-height: 180%;
}

.about-avi.is-hover {
  display: none;
}

.card-avi {
  border: 1px solid var(--base--lavender\<deleted\|variable-71310ae7\>);
  border-radius: var(--corner-radius--r2);
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 20rem;
  height: 24rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.current-role-text-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.open-text-3:hover {
  filter: brightness(200%);
}

.work-card-main-1 {
  outline-offset: 0px;
  background-color: #55555526;
  border: 1px solid #b4b4b426;
  border-radius: 1rem;
  outline: .5px #3d3d3d;
  flex-direction: column;
  flex: none;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 45vw;
  height: 75vh;
  margin-right: 2em;
  padding-top: .5em;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px #0003;
}

.work-card-main-1:hover {
  box-shadow: 0 2px 20px 0 var(--plates--300\<deleted\|variable-f70aa483\>);
}

.navlink-text {
  flex: none;
}

.c-navlinks {
  color: #fff;
  background-color: #5b62b400;
  border-radius: .5em;
  margin-bottom: 1em;
  text-decoration: none;
  transition: all .25s;
  display: block;
  position: relative;
}

.c-navlinks.w--current {
  background-color: #5b62b4;
}

.footer-container-wrap {
  z-index: 2;
  margin-top: var(--spacing--xs);
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--border--100) var(--border--100) black;
  border-radius: var(--corner-radius--r2);
  color: var(--base--black);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6778707f1368e9eb8b29decb_BG%20-%201280x800%20-%20Dark.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
}

.footer-container-wrap.nav-link-mini {
  background-color: var(--base--black);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: .6rem;
}

.footer-container-wrap.full {
  width: 100svw;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.footer-container-wrap.full.light {
  padding-bottom: var(--spacing--xl);
  border-radius: var(--corner-radius--r3);
  background-color: var(--fills--bg-grey);
  align-self: center;
  width: 86%;
  display: flex;
  position: relative;
  bottom: 1rem;
}

.projects {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start center;
  place-items: center end;
  width: 100%;
  height: auto;
  margin-bottom: 2svh;
  display: grid;
}

.p-top {
  border: 1px solid var(--border--200\<deleted\|variable-6d2b59d5\>);
  border-radius: .4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 86%;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.p-bottom {
  padding: var(--spacing--lg);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 0 0 12px 12px;
  flex-direction: row;
  grid-template-rows: 4em;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 24%;
  line-height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.h5 {
  opacity: .5;
  color: var(--base--white);
  text-align: justify;
  letter-spacing: -.01em;
  font-family: Geistmono, sans-serif;
  font-size: .75em;
  line-height: 140%;
  text-decoration: none;
}

.h5.is-anno {
  opacity: .75;
  flex: none;
  font-size: .95em;
  display: flex;
}

.image-37 {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

.p-body {
  letter-spacing: .05em;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  font-family: Geistmono, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.p-body:hover {
  color: #fff;
}

.p-card {
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.p-card:hover {
  border: .1px solid var(--border--100);
  filter: grayscale();
}

.p-card.z-mag {
  display: none;
}

.tabs-content-portfolio {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  padding-bottom: 1.2rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.projects-tabs {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.projects-tabs.legacy {
  display: none;
}

.projects-tabs.experiments.full {
  display: flex;
}

.logo-name {
  letter-spacing: .045em;
  font-family: Geist, sans-serif;
  font-size: .85em;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
}

.stack-card {
  border: 1px solid var(--border--300\<deleted\|variable-e3deb72f-e944-2051-0fa1-e4f8a4093bd3\>);
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--100-25);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-direction: column;
  justify-content: space-around;
  width: 80svw;
  height: 64svh;
  display: flex;
  position: sticky;
  top: 5rem;
}

.stack-card.is-3 {
  border-color: var(--base--200-5);
  background-color: var(--fills--slate-grey);
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  width: 100%;
  height: 80svh;
  margin-bottom: 6rem;
  position: sticky;
  top: 7rem;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.p-content {
  grid-column-gap: 1svh;
  grid-row-gap: 1svh;
  color: var(--fills--silver);
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 90%;
  height: 100%;
  font-size: .75em;
  font-weight: 300;
  display: flex;
}

.p-title {
  color: var(--base--white);
  margin-bottom: .5em;
  font-size: .8em;
}

.c-copy {
  color: var(--base--white);
  width: 90%;
  margin-bottom: 2svh;
  font-size: .9em;
  font-weight: 300;
  line-height: 140%;
}

.p-solution {
  flex: 1;
  width: 100%;
}

.p-solution.p-last {
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}

.p-ideation {
  width: 100%;
}

.navcard {
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #b4b4b41a;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 3em;
  text-decoration: none;
  display: flex;
}

.navcard:hover {
  filter: brightness(200%);
  background-color: #adadad40;
}

.sol-asset {
  border-radius: var(--corner-radius--r2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.sol-asset.is-carbon, .sol-asset.is-kemnet {
  width: 60rem;
}

.sol-asset.is-mtr {
  object-fit: cover;
}

.sol-asset.is-mmt {
  width: 60rem;
}

.sol-asset.cover {
  justify-content: center;
  align-items: center;
  padding-top: 0;
}

.sol-asset.full {
  justify-content: center;
  align-items: center;
}

.sol-asset.full.light {
  background-color: var(--base--transparent);
}

.sol-asset._2-col {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  background-color: var(--base--transparent);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.sol-asset.dark {
  background-color: var(--base--black);
}

.sol-asset.dark.left {
  padding-top: 5%;
  padding-left: 10%;
}

.sol-asset.white-mobile {
  padding: var(--spacing--xl);
  background-color: var(--base--white);
}

.sol-asset.spaced {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
}

.p-contributors {
  color: var(--base--white);
  margin-bottom: .5em;
  font-size: .8em;
  display: none;
}

.p-content3 {
  color: var(--fills--dark-grey);
  margin-bottom: 1em;
  font-size: .75em;
  font-weight: 300;
  display: none;
}

.p-bg {
  color: var(--base--white);
  margin-bottom: .5em;
  font-size: .8em;
  display: none;
}

.p-content4 {
  color: var(--fills--dark-grey);
  margin-bottom: 1em;
  font-size: .75em;
  font-weight: 300;
  display: none;
}

.top {
  cursor: auto;
  flex: none;
  align-self: center;
  width: 50%;
  height: .1svh;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.open-card4 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #4d4d4d59;
  border: 1px solid #b4b4b41a;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 2.2em;
  font-family: Sequel sans disp, sans-serif;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.open-card4:hover {
  filter: brightness(200%);
  background-color: #adadad40;
}

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

.main-project {
  padding-right: var(--spacing--md);
  padding-left: var(--spacing--md);
  border: 1px solid var(--border--black-50);
  border-radius: var(--corner-radius--r3);
  background-color: var(--fills--bg-grey);
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 86% 14%;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-self: flex-start;
  place-items: start center;
  width: 86%;
  margin-bottom: 4svh;
  display: flex;
  overflow: visible;
}

.main-project.is-daisy {
  display: none;
}

.body-wrapper-about {
  width: 100%;
}

.deisign-j {
  z-index: 2;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 6svh;
  display: flex;
}

.books-div {
  z-index: 2;
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.body-wrap {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.books {
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--black);
  grid-template-rows: repeat(auto-fit, 13em);
  grid-template-columns: minmax(25%, 31%) minmax(25%, 31%) repeat(auto-fit, minmax(25%, 31%));
  grid-auto-rows: 13em;
  grid-auto-columns: minmax(25%, 31%);
  grid-auto-flow: row;
  place-content: start;
  place-items: start;
  width: 100%;
  display: grid;
}

.books._4 {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  grid-template-rows: repeat(auto-fit, 14em);
  grid-template-columns: 25% 25% repeat(auto-fit, 25%) 25%;
  grid-auto-rows: 14em;
}

.books._3 {
  grid-template-columns: 32% 32% repeat(auto-fit, 32%);
}

.book-1 {
  border-radius: var(--corner-radius--r2);
  background-color: #0e0e0e;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.about-web {
  margin-bottom: var(--spacing--xs);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lets-talk {
  padding-right: var(--spacing--lg);
  padding-left: var(--spacing--lg);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  background-color: #4d4d4d59;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: auto;
  height: 3rem;
  text-decoration: none;
  display: flex;
}

.lets-talk:hover {
  background-color: var(--fills--slate-grey);
}

.design-phi {
  grid-template-rows: auto;
  grid-template-columns: 33% 33% 33%;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.d-p-1 {
  grid-row-gap: 1svh;
  flex-direction: column;
  justify-content: flex-start;
  padding-right: 8%;
  line-height: 100%;
  display: flex;
}

.d-p-1:hover {
  filter: brightness(200%);
}

.experience-body2 {
  color: var(--fills--nav-text);
  text-align: justify;
  letter-spacing: -.05em;
  white-space: normal;
  word-break: break-all;
  align-self: flex-start;
  font-family: Geist, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 150%;
  overflow: visible;
}

.experience-title2 {
  color: var(--fills--dark-grey);
  text-align: justify;
  align-self: flex-start;
  font-family: Geist, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: 100%;
  overflow: visible;
}

.v-title-cover {
  object-fit: cover;
  border-radius: 1em;
  width: 100%;
}

.v-1 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.v-1.t1 {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}

.v-ideation {
  object-fit: cover;
  min-width: 100%;
}

.v-solution {
  object-fit: cover;
}

.v-results {
  width: 100%;
}

.tools-div {
  z-index: 2;
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.talk-text {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.img-ux {
  object-fit: fill;
  flex: 1;
  width: 100%;
  height: 100%;
  display: block;
}

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

.p-logo-hover {
  z-index: 0;
  border: 1px solid var(--border--100);
  border-radius: .4em;
  flex-direction: row;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.p-logo-hover:hover {
  opacity: 1;
}

.tab-pane-tab-2 {
  flex: none;
  width: 100%;
  height: auto;
}

.tab-pane-tab-2.no-padding {
  padding-top: 0;
}

.projects-slider {
  background-color: #0000;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.right-arrow {
  opacity: .4;
  display: none;
  inset: 0% 0% 0% auto;
}

.right-arrow:hover {
  opacity: 1;
}

.left-arrow {
  opacity: .4;
  display: none;
  inset: 0% 10% 0% auto;
}

.icon-3, .icon-4 {
  margin-top: 620%;
  margin-bottom: 0;
  font-size: .5em;
}

.slide-nav {
  opacity: .25;
  letter-spacing: 0;
  font-size: .8em;
  display: none;
}

.tools-row {
  grid-column-gap: 0em;
  grid-row-gap: var(--spacing--md);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tools-container {
  padding: var(--spacing--lg);
  grid-column-gap: .5em;
  grid-row-gap: var(--spacing--xl);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--black);
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tools-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: .8fr;
  grid-template-columns: .8fr .8fr .8fr .8fr .8fr .8fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: .8fr;
  grid-auto-columns: .8fr;
  place-content: center start;
  align-self: center;
  place-items: center;
  width: 70%;
  display: grid;
}

.tools-2._5 {
  grid-template-columns: .8fr .8fr .8fr .8fr .8fr 1fr;
}

.tools-2._6 {
  grid-template-columns: .8fr .8fr .8fr .8fr .8fr 1fr 1fr 1fr 1fr 1fr;
}

.tools-2._2 {
  grid-template-columns: .8fr .8fr .8fr .8fr .8fr .8fr 1fr 1fr 1fr 1fr;
}

.tools-desc {
  order: 0;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  font-family: Sequel sans disp, sans-serif;
  display: flex;
}

.tools-desc:hover {
  filter: brightness(200%);
}

.tool-icon {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1c1c1c;
  border-radius: 3em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.tool-icon:hover {
  filter: brightness(200%);
}

.books-1 {
  padding: var(--spacing--sm);
  object-fit: contain;
  flex: none;
  width: 10em;
  height: 12em;
  transition: all .2s cubic-bezier(.455, .03, .515, .955);
  display: block;
}

.books-1:hover {
  filter: saturate(200%);
}

.link-block-7 {
  display: flex;
}

.text-block-27 {
  color: var(--base--white);
}

.f-car {
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--400);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: auto;
  height: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-decoration: none;
  display: flex;
}

.f-car:hover {
  filter: brightness(120%);
  background-color: #adadad40;
}

.p-empty {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: none;
  position: relative;
  overflow: visible;
}

.craft-horizontal-tabs {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  margin-top: 10vh;
  display: none;
  overflow: visible;
}

.project-title-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 70% 30%;
}

.p-cta {
  grid-column-gap: .4em;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #4d4d4d59;
  border: 1px solid #b4b4b47d;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2.4em;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.p-cta:hover {
  filter: brightness(200%);
  background-color: #adadad40;
}

.hero-slide {
  perspective: 1000px;
  overflow: hidden;
  transform: perspective(1000px);
}

.slide-cta {
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #ffffff80;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-cta:hover {
  color: #fff;
  text-decoration: none;
}

._w-hero-slider-nav {
  z-index: 15;
  cursor: pointer;
  border-right: 1px solid #333;
  width: 100%;
  height: 100%;
  padding: 20px 15%;
  position: relative;
  overflow: hidden;
}

.slider {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide-strategy {
  vertical-align: bottom;
  border-radius: 12px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.mask-2 {
  width: 68svw;
  height: auto;
}

.mask-2.iterations {
  padding-top: var(--spacing--md);
  padding-bottom: var(--spacing--xmd);
}

.left-arrow-2, .right-arrow-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4%;
  height: 10rem;
  display: flex;
}

.slide-nav-2 {
  margin-top: var(--spacing--xs);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 4%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  font-size: .4em;
  line-height: .4em;
  display: flex;
  position: relative;
}

.details-sec {
  text-align: right;
  flex-flow: row;
  width: 100%;
  height: auto;
  display: flex;
}

.d-title {
  color: var(--base--white);
  text-align: left;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: flex-start;
  width: 50%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: 110%;
  display: flex;
}

.d-content {
  color: var(--fills--silver);
  text-align: left;
  letter-spacing: .1em;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 50%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 140%;
  display: flex;
}

.icon-5, .icon-6 {
  justify-content: center;
  align-items: center;
  font-size: .5em;
  line-height: .5em;
  display: flex;
}

.text-link {
  color: var(--fills--dark-grey);
  font-weight: 500;
}

.text-link:hover {
  color: var(--base--lavender\<deleted\|variable-71310ae7\>);
}

.d-content-link {
  color: var(--fills--silver);
  text-align: left;
  letter-spacing: .1em;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 50%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 140%;
  text-decoration: none;
  display: flex;
}

.cover-image-logo {
  object-fit: cover;
  order: -1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
}

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

.p-link {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #4d4d4d59;
  border: 1px solid #b4b4b47d;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 12svw;
  height: 2.4em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.p-link:hover {
  filter: brightness(200%);
  background-color: #adadad40;
}

.bold-text-2, .bold-text-3 {
  color: var(--base--lavender\<deleted\|variable-71310ae7\>);
}

.link-15 {
  text-decoration: none;
}

.p-top-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90%;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.p-h5-empty {
  color: #0000;
  letter-spacing: .05em;
  align-self: flex-end;
  align-items: center;
  height: 100%;
  font-family: Exo, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.p-h5-empty:hover {
  color: #fff;
}

.p-content-empty {
  color: var(--fills--silver);
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: .75em;
  font-weight: 300;
  display: flex;
}

.cover-image-empty {
  object-fit: fill;
  order: -1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
}

.p-bottom-empty {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 0 0 12px 12px;
  flex-direction: row;
  grid-template-rows: 4em;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 10%;
  max-height: 10%;
  line-height: 100%;
  display: flex;
  overflow: visible;
}

.projects-logo {
  grid-column-gap: .5svw;
  grid-row-gap: 2svw;
  flex-direction: row;
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start center;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
}

.flex-block {
  justify-content: flex-end;
  width: auto;
  height: 100%;
}

.content-tree {
  left: auto;
  top: var(--spacing--xmd);
  right: 0%;
  bottom: var(--spacing--xmd);
  z-index: 100;
  padding: var(--spacing--xmd) var(--spacing--lg) var(--spacing--md);
  grid-column-gap: 1svh;
  grid-row-gap: 1svh;
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r3);
  background-color: var(--accents--blue-black);
  letter-spacing: .05em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 14%;
  height: auto;
  margin-bottom: 0;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 600;
  display: flex;
  position: fixed;
}

.c-tr {
  margin-right: var(--spacing--sm);
  padding: var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  font-size: 1em;
  text-decoration: none;
}

.c-tr.w--current {
  padding: var(--spacing--sm);
  border-color: var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  background-color: var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  color: var(--base--white);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-meta {
  color: var(--fills--body-text);
  text-align: center;
  letter-spacing: .02em;
  font-family: Sequel sans disp, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 100%;
}

.project-meta.right {
  color: var(--blue-bright);
  text-align: right;
}

.project-meta-2 {
  color: var(--base--white);
  text-align: center;
  letter-spacing: .05em;
  width: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 100%;
}

.project-meta-2.private {
  text-decoration: line-through;
}

.highlights {
  object-fit: contain;
  border-radius: .4em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: auto;
  padding-left: 1svw;
  padding-right: 1svw;
  display: flex;
  overflow: hidden;
}

.content-title-case {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 60% 30%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.details-case {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  place-items: end start;
  width: 100%;
  height: auto;
  display: grid;
}

.h-meta {
  color: var(--fills--silver);
  text-align: center;
  letter-spacing: .01em;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: 140%;
  text-decoration: none;
}

.request {
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  border-width: 1px;
  border-color: var(--border--black-50);
  border-radius: var(--corner-radius--r1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(174deg, #195869, #0c2235);
  justify-content: center;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
}

.request:hover {
  border-color: var(--border--100);
  background-color: var(--fills--slate-grey);
}

.request.private {
  background-image: linear-gradient(307deg, #1e2b3f, #02404b);
  text-decoration: line-through;
}

.cont-copy {
  color: var(--fills--silver);
  letter-spacing: .05em;
  font-family: Geistmono, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 150%;
}

.bold-text-5 {
  color: var(--fills--silver);
  font-family: Sequel sans book disp, sans-serif;
  font-weight: 400;
}

.con-v-1 {
  border: 1px solid var(--border--100);
  background-color: var(--border--100);
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  width: 35%;
  height: 100%;
  max-height: 100%;
  padding: 2svw;
  display: flex;
}

.con-v-2 {
  border: 1px solid var(--plates--00-purple-hue-rgba-223-216-240-0-15\<deleted\|variable-6dc8eeb5\>);
  border-radius: .4em;
  width: 64%;
  height: 100%;
  overflow: hidden;
}

.con-img {
  object-fit: cover;
  border-radius: .4em;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: inline-block;
}

.highlight-title {
  color: var(--base--white);
  text-align: center;
  letter-spacing: .045em;
  mix-blend-mode: normal;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2svh;
  margin-bottom: 1svh;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.highlights-meta {
  color: var(--fills--silver);
  text-align: center;
  letter-spacing: .1em;
  justify-content: flex-end;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .75em;
  font-weight: 300;
  line-height: 100%;
  display: flex;
}

.highlight-img {
  object-fit: cover;
  border-radius: .5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.con-wrap {
  grid-row-gap: 1svw;
  border: 1px solid var(--border--100);
  background-color: var(--border--100);
  border-radius: .4em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 3svh 2svw 2svh;
  display: flex;
}

.bold-text-7 {
  margin-right: .45em;
  font-weight: 300;
}

.highlights-title {
  grid-row-gap: 1svw;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 2vh;
  display: flex;
}

.con-title-v {
  color: var(--base--black);
  text-align: left;
  width: 100%;
  height: auto;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 3em;
  line-height: 120%;
}

.context {
  grid-row-gap: 1svw;
  object-fit: contain;
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 98%;
  height: auto;
  padding-top: 6svh;
  display: flex;
  overflow: hidden;
}

.highlight-wrap {
  grid-row-gap: 1svw;
  border: 1px solid var(--border--100);
  background-color: var(--border--100);
  object-fit: contain;
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 3svh 2svw 2svh;
  display: flex;
  overflow: hidden;
}

.h-painpoint {
  grid-row-gap: 1svh;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 2svw;
  display: flex;
}

.c-list {
  padding: var(--spacing--xmd) var(--spacing--md);
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r2);
  background-color: var(--border--100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.c-list:hover {
  border-style: dashed;
  border-color: var(--border--100);
  background-color: var(--base--100-25);
}

.button-main {
  margin-bottom: var(--spacing--md);
  padding: var(--spacing--md) 1em;
  border: .08em dashed var(--border--100);
  background-color: var(--base--transparent);
  color: var(--base--white);
  letter-spacing: .1em;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.button-main.dark {
  background-color: var(--base--black);
}

.button-main.dark.carbon {
  margin-bottom: var(--spacing--xs);
}

.handoff {
  grid-row-gap: 1svw;
  object-fit: contain;
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 98%;
  height: auto;
  padding-top: 6svh;
  display: flex;
  overflow: hidden;
}

.context-p {
  object-fit: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 40svh;
  display: flex;
  overflow: hidden;
}

.problem {
  border: 1px solid var(--border--100);
  background-color: var(--border--100);
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  width: 58%;
  height: 100%;
  max-height: 100%;
  padding: 2svw;
  display: flex;
}

.opportunities {
  border: 1px solid var(--plates--00-purple-hue-rgba-223-216-240-0-15\<deleted\|variable-6dc8eeb5\>);
  border-radius: .4em;
  width: 41%;
  height: 100%;
  overflow: hidden;
}

.unsplash-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
}

.problem-space {
  grid-row-gap: 2svh;
  flex-direction: column;
  width: 98%;
  height: auto;
  padding-top: 2svh;
  display: flex;
}

.client {
  object-fit: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 98%;
  height: 55svh;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.retrospective {
  object-fit: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 98%;
  height: 90svh;
  margin-bottom: 2svh;
  padding-top: 6svh;
  display: flex;
  overflow: hidden;
}

.hanoff-img {
  object-fit: cover;
  border-radius: .4em;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

.handoff-2 {
  grid-row-gap: 1svh;
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.handoff-title {
  grid-row-gap: 1svw;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 2vh;
  display: flex;
}

.highlights-meta-r {
  color: var(--fills--silver);
  text-align: right;
  letter-spacing: .1em;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .75em;
  font-weight: 300;
  line-height: 100%;
  display: flex;
}

.testi-2 {
  grid-row-gap: 2svh;
  border: 1px solid var(--border--100);
  background-color: var(--border--200\<deleted\|variable-6d2b59d5\>);
  border-radius: .4em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 64%;
  height: 100%;
  padding: 2svh 2svw;
  display: flex;
  overflow: hidden;
}

.testi-copy {
  filter: brightness(200%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #dfd8f040, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 2em 1em;
  font-family: Sequel sans disp, sans-serif;
  font-size: .6em;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
  display: flex;
}

.retro-title {
  grid-row-gap: 1svw;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 60%;
  display: flex;
}

.hf-title {
  color: var(--base--white);
  text-align: center;
  letter-spacing: .045em;
  mix-blend-mode: normal;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1svw;
  margin-bottom: 1svw;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.handoff-container {
  border: 1px solid var(--border--100);
  background-color: var(--border--100);
  border-radius: .4em;
  width: 100%;
  height: 100%;
  padding: 3svh 2svw 2svh;
}

.con-img-mai {
  object-fit: cover;
  border-radius: .4em;
  width: 100%;
  display: inline-block;
}

.bold-text-8 {
  color: var(--base--white);
}

.highlight-before {
  grid-row-gap: 1svw;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.highlight-after {
  grid-row-gap: 1svw;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.h-copy {
  color: var(--fills--silver);
  text-align: left;
  width: 50%;
  font-size: .8em;
  font-weight: 300;
  line-height: 140%;
  text-decoration: none;
}

.highlights-meta-c {
  color: var(--fills--silver);
  text-align: center;
  letter-spacing: .1em;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .75em;
  font-weight: 300;
  line-height: 100%;
  display: flex;
}

.body-home {
  padding: var(--spacing--xl);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/689c87e1f2cf4e021efc74ea_20250813_1334_Futuristic%20Blue%20Gradient_simple_compose_01k2hph9bbftctdh6j5v52f4pw.avif");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.body-home.projects {
  background-color: var(--base--white);
}

.open-text-3-mini {
  color: var(--fills--dark-grey);
  letter-spacing: .85px;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 500;
  text-decoration: none;
  display: none;
}

.open-text-3-mini:hover {
  filter: brightness(200%);
}

.retro-copy {
  grid-row-gap: 2svh;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.bold-text-9 {
  color: var(--base--white);
  letter-spacing: .01em;
  font-family: Geistmono, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

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

.h-title-meta {
  color: var(--base--white);
  text-align: left;
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: flex-start;
  width: 50%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .7em;
  font-weight: 300;
  line-height: 110%;
  display: block;
}

.rbt {
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #dfd8f08c, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .6em;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .75em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.retro-copy-2 {
  grid-row-gap: 2svh;
  color: var(--fills--silver);
  letter-spacing: .05em;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .85em;
  line-height: 140%;
  display: flex;
}

.highlight-button {
  background-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  filter: brightness(200%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #00000012, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 6svh;
  margin-bottom: 6svh;
  padding: .6em 1em .6em .8em;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.o-copy {
  color: var(--fills--silver);
  text-align: justify;
  width: 100%;
  font-family: Geistmono, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 140%;
  text-decoration: none;
}

.o-copy-bold {
  padding-left: var(--spacing--xmd);
  border-left: 1px solid var(--fills--dark-grey);
  color: var(--base--white);
  text-align: justify;
  letter-spacing: .1em;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 150%;
}

.overview-summary {
  grid-row-gap: 2svh;
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.con-button {
  background-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  filter: brightness(200%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #00000012, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: .65em 1em .65em .8em;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.sep {
  border: 1px solid var(--plates--00-purple-hue-rgba-223-216-240-0-15\<deleted\|variable-6dc8eeb5\>);
  border-radius: .4em;
  width: 75%;
  margin-top: 1svw;
  margin-bottom: 1svw;
}

.details-sec-copy {
  grid-row-gap: 1svh;
  text-align: right;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-bottom: 1.2svh;
  display: flex;
  overflow: hidden;
}

.con-button-1 {
  padding: var(--spacing--sm);
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  filter: brightness(200%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(0deg, #00000012, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .75em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.con-button-2 {
  background-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  filter: brightness(200%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #00000012, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 12svw;
  padding: .65em .6em .65em .4em;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .75em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.con-button-3 {
  background-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  filter: brightness(200%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #00000012, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 9svw;
  padding: .65em .6em .65em .4em;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .75em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.hf-button {
  background-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  filter: brightness(200%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--base--white);
  letter-spacing: .1em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to top, #00000012, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  border: .08em solid #bfbfc033;
  border-radius: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 4svh;
  padding: .65em 1em .65em .8em;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.hanoff-img-2 {
  object-fit: cover;
  border-radius: .4em;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

.strategy {
  grid-row-gap: 1svw;
  object-fit: contain;
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 98%;
  height: auto;
  padding-top: 6svh;
  display: flex;
  overflow: hidden;
}

.p-logo-empty {
  z-index: 0;
  border: 1px solid var(--plates--300\<deleted\|variable-f70aa483\>);
  border-radius: .4em;
  flex-direction: row;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.p-logo-empty:hover {
  opacity: 1;
}

.text-block-28 {
  color: var(--base--white);
  justify-content: space-between;
  align-items: center;
  font-family: Sequel sans book disp, sans-serif;
  font-size: .7em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.p-title-cover-2 {
  object-fit: cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80svw;
  height: 100%;
  display: flex;
}

.mozy-web {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #4d4d4d59;
  border: 1px solid #b4b4b47d;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2.4em;
  margin-top: 2svh;
  padding-left: 1em;
  padding-right: .8em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.mozy-web:hover {
  background-color: var(--fills--slate-grey);
}

.context-wrap {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.summary {
  grid-row-gap: 1svw;
  object-fit: contain;
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 78svw;
  height: auto;
  padding-top: 6svh;
  display: flex;
  overflow: hidden;
}

.marquee-horizontal {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 52svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-horizontal.xp {
  z-index: -1;
}

.marquee-horizontal.social-proof {
  flex-flow: column;
  height: 10svh;
  display: none;
}

.marquee-horizontal.experiments {
  z-index: 0;
  margin-top: var(--spacing--xxl);
  height: 30svh;
  display: flex;
}

.track-horizontal {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  justify-content: flex-start;
  align-items: center;
  width: 300svw;
  height: 100%;
  margin-top: 2svh;
  display: flex;
}

.discovery {
  object-fit: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 78svw;
  height: 100svh;
  padding-top: 6svh;
  display: flex;
  overflow: hidden;
}

.development {
  grid-row-gap: 2svh;
  flex-direction: column;
  width: auto;
  height: auto;
  padding-top: 6svh;
  display: flex;
}

.iteration {
  grid-row-gap: 1svw;
  object-fit: contain;
  border-radius: .4em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 78svw;
  height: auto;
  padding-top: 6svh;
  display: flex;
  overflow: hidden;
}

.featured-title-a {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--fills--nav-text);
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  font-family: Geist, sans-serif;
  font-size: 1em;
  display: flex;
}

.p-tags {
  padding: var(--spacing--md) var(--corner-radius--r1);
  border: 1px solid var(--base--200-5);
  background-color: var(--base--200-5);
  color: var(--base--black);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .2rem;
  align-self: flex-end;
  align-items: center;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.p-tags:hover {
  color: var(--fills--dim-grey);
}

.p-tags.cs {
  background-color: var(--accents--blue-green-linear1);
  color: var(--fills--bg-grey);
}

.p-image-h {
  object-fit: contain;
  order: -1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
}

.featured-marquee {
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--200-5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #b4b4b41a;
  flex-direction: column;
  justify-content: space-around;
  width: 100svw;
  height: 100%;
  padding: 1svw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.tags-content {
  grid-column-gap: .5svw;
  grid-row-gap: .5svw;
  color: var(--fills--silver);
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  font-size: .75em;
  font-weight: 300;
  display: flex;
}

.gate {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50svh;
  padding-left: 5svw;
  padding-right: 5svw;
  display: flex;
  overflow: visible;
}

.logo-wrap {
  grid-column-gap: 1svh;
  grid-row-gap: 1svh;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  text-decoration: none;
  display: flex;
}

.logo-wrap.w--current {
  grid-column-gap: .5svh;
  grid-row-gap: .5svh;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 100%;
}

.nav-arrow {
  border-radius: var(--corner-radius--r1);
  background-color: var(--blue-bright);
  color: var(--base--white);
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  font-family: Geistmono, sans-serif;
  display: flex;
}

.nav-wrap {
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #18181bb3;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  transition: all .2s;
  display: flex;
}

.is-2 {
  width: 80svw;
  height: 64svh;
}

.is-3 {
  position: relative;
}

.menu-wrap {
  padding: var(--spacing--sm);
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.stack-content {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000;
  flex-flow: column;
  height: 100%;
  padding: 2svh 3svw 4svh;
  display: flex;
}

.stack-title {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 10%;
  margin-bottom: 5%;
  display: flex;
}

.stack-title-text {
  color: var(--base--white);
  letter-spacing: 0;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.stack-title-text.is-light {
  color: var(--base--black);
}

.stack-p {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.left-arrow-3 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 3svw;
  height: 100%;
}

.right-arrow-3 {
  width: 3svw;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.slide-nav-3 {
  border-bottom-left-radius: var(--corner-radius--r1);
  border-bottom-right-radius: var(--corner-radius--r1);
  background-color: var(--base--300-25);
  font-family: Geist, sans-serif;
  font-size: .4rem;
}

.nav-links {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: 3.2svh 3.2svh;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-end end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.footer-c2 {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.stack-slide {
  width: 100%;
  margin-right: 2svw;
}

.stack-view-all {
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--slate-grey);
  color: var(--base--white);
  text-align: justify;
  letter-spacing: .05em;
  justify-content: space-between;
  align-items: center;
  padding: 1.2svh .8svw 1.2svh 1svw;
  font-family: Geistmono, sans-serif;
  font-size: .65em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.slide-top {
  border: 1px solid var(--border--200\<deleted\|variable-6d2b59d5\>);
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6563d74caff76e6b4c59f8eb_00.%20bynda-Thumbnail-1440.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80%;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.slide-top.img-mtr {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6506fd629ef869fb79b34fcd_00.%20MTR-Thumbnail-1440.webp");
}

.slide-top.img-mmt {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/650703d3acf34e9a15ddbcd5_00.%20MMT-Thumbnail-1440.webp");
}

.slide-top.img-mantle {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6609f3b4f8df59b0864c1a41_mantle-thumbnail-1440.png");
}

.slide-top.img-terra {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6506f15f9c68b1724804ea75_00.%20Terra-Thumbnail-1440.webp"), linear-gradient(to bottom, var(--base--white), var(--base--white));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.slide-top.img-viens {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6506fbf958a1171bc1a19fbc_00.%20viens-Thumbnail-1440.webp");
}

.slide-top.img-kemnet {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6609e812df64a668947a35cf_kemnet-Thumbnail-1440.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-top.img-ds {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6609ec45dcbe8e8216276e24_DS-Thumbnail-1440.png");
}

.slide-top.img-spr {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/660d49b6fac9c4d8c28596cf_Superreach-Thumbnail-1440.png");
}

.slide-top.img-travello {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/660d4c4edf34a5dca0f0d214_Travel%20App%20bento.png");
  background-size: contain;
  display: flex;
}

.slide-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  border-radius: 0 0 12px 12px;
  flex-direction: row;
  grid-template-rows: 4em;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  height: 20%;
  line-height: 100%;
  display: grid;
  overflow: visible;
}

.slide-body {
  color: var(--accents--blue-black);
  letter-spacing: .05em;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  font-family: Geistmono, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 125%;
  display: flex;
}

.slide-body:hover {
  color: var(--accents--blue-black);
}

.sl-tags {
  grid-column-gap: .5svw;
  grid-row-gap: .5svw;
  color: var(--fills--silver);
  flex-flow: wrap;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  font-size: .75em;
  font-weight: 300;
  display: flex;
}

.slider-icon-right {
  border-radius: var(--corner-radius--r1);
  background-color: var(--border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>);
  color: var(--fills--slate-grey);
  width: 75%;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  font-family: Geistmono, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  inset: 45% 10% 0% auto;
}

.slider-icon-left {
  border-radius: var(--corner-radius--r1);
  background-color: var(--border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>);
  color: var(--fills--slate-grey);
  width: 75%;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  font-family: Geistmono, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  inset: 45% auto 0% 10%;
}

.s-tags {
  border: 1px solid var(--border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .2rem;
  align-self: flex-end;
  align-items: center;
  height: auto;
  padding: .8svh .4svw;
  font-family: Geist, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.s-tags:hover {
  color: var(--fills--dim-grey);
}

.s-tags.is-1 {
  background-color: var(--base--black);
  color: var(--base--white);
}

.s-tags.is-3 {
  background-color: var(--accents--blue-black);
  color: var(--accents--yellow);
  font-size: .85em;
}

.s-tags.is-1 {
  background-color: var(--accents--blue-black);
  color: var(--base--white);
  font-size: .85em;
}

.s-mask {
  height: 80%;
}

.logo-wrap-nav {
  width: 100%;
  margin-left: .5svw;
}

.logo-img {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/63fc92500daf3d25645a381a_LOGO-32.svg"), url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/62b5cd508fac3653b6ae373e_32x32%20favicon.webp");
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  width: 2rem;
  height: 2rem;
}

.s-tags-saas {
  border: 1px solid var(--border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .2rem;
  align-self: flex-end;
  align-items: center;
  height: auto;
  padding: .8svh .4svw;
  font-family: Geist, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.s-tags-saas:hover {
  color: var(--fills--dim-grey);
}

.s-tags-saas.is-1 {
  background-color: var(--base--black);
  color: var(--base--white);
  background-color: var(--accents--blue-black);
  font-size: .85em;
}

.s-tags-web {
  border: 1px solid var(--border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .2rem;
  align-self: flex-end;
  align-items: center;
  height: auto;
  padding: .8svh .4svw;
  font-family: Geist, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.s-tags-web:hover {
  color: var(--fills--dim-grey);
}

.s-tags-web.is-1 {
  background-color: var(--base--black);
  color: var(--base--white);
  background-color: var(--accents--blue-black);
  font-size: .85em;
}

.s-tags-productdesign {
  border: 1px solid var(--border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .2rem;
  align-self: flex-end;
  align-items: center;
  height: auto;
  padding: .8svh .4svw;
  font-family: Geist, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.s-tags-productdesign:hover {
  color: var(--fills--dim-grey);
}

.s-tags-productdesign.is-1 {
  background-color: var(--base--black);
  color: var(--base--white);
  background-color: var(--accents--blue-black);
  font-size: .85em;
}

.s-tags-webflow {
  border: 1px solid var(--border--400\<deleted\|variable-20a8e0b8-4619-c325-073b-8a3a17d580d4\>);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .2rem;
  align-self: flex-end;
  align-items: center;
  height: auto;
  padding: .8svh .4svw;
  font-family: Geist, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.s-tags-webflow:hover {
  color: var(--fills--dim-grey);
}

.s-tags-webflow.is-1 {
  background-color: var(--base--black);
  color: var(--base--white);
  background-color: var(--accents--blue-black);
  font-size: .85em;
}

.sp-img {
  align-self: flex-start;
  width: 10%;
  height: 1rem;
  overflow: visible;
}

.sp-img._2x {
  width: 30%;
}

.sp-img.is-k1 {
  width: 20%;
}

.marquee-horizontal-154 {
  z-index: 1;
  margin-top: var(--spacing--xl);
  margin-bottom: var(--spacing--xl);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: none;
  overflow: hidden;
}

.track-154 {
  grid-column-gap: 3svw;
  grid-row-gap: 3svw;
  border-left-width: 1svw;
  border-left-color: #0000;
  border-right: 3svw solid #0000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  overflow: visible;
}

.stack-bento {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  grid-template-rows: auto;
  grid-template-columns: 32% 32% 32%;
  grid-auto-columns: 1fr;
  height: 90%;
  margin-left: 1svw;
  margin-right: 1svw;
  display: none;
}

.bento-column.is-1, .bento-column.is-2 {
  width: 100%;
  height: 100%;
}

.bento-column.is-3 {
  height: 100%;
}

.ben-project {
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--200-5);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/6609e812df64a668947a35cf_kemnet-Thumbnail-1440.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 50%;
}

.ben-project.b-top.sreach {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/660d49b6fac9c4d8c28596cf_Superreach-Thumbnail-1440.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.ben-project.b-2, .ben-project.b-3 {
  height: 33%;
}

.transistion-text {
  color: var(--base--white);
  text-align: left;
  letter-spacing: .01em;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.transistion-text.crossed {
  color: #dfd8f026;
  text-align: right;
  font-size: .9rem;
  text-decoration: line-through;
}

.transistion-text.silver {
  color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  font-size: 1rem;
}

.transistion-text.sm {
  font-size: 1.2rem;
}

.transistion-text.sm.right {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  font-size: .9rem;
}

.trans-wrap {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: sticky;
}

.h3-hero {
  color: var(--fills--nav-text);
  text-align: left;
  letter-spacing: 0;
  width: 100%;
  font-family: Geist, sans-serif;
  font-size: .95rem;
  font-weight: 400;
  line-height: 150%;
}

.h1-wrap {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  flex: 0 auto;
  order: -1;
  width: auto;
  display: flex;
}

.h1-wrap.is-con {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
}

.tabs-landing {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2svh;
  display: none;
}

.tabs-menu-3 {
  grid-column-gap: .25svw;
  grid-row-gap: .25svw;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: 6%;
  margin-bottom: 3svh;
  display: flex;
}

.tab-link-tab-2-2 {
  border-radius: var(--corner-radius--r1);
  background-color: #0000;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.tab-link-tab-2-2.w--current {
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--slate-grey);
  box-shadow: 0 2px 5px #0003;
}

.tablink-text-h {
  color: var(--fills--nav-text);
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-pane-tab-1 {
  flex: none;
  width: 100%;
  height: auto;
}

.tabs-content-3 {
  border-radius: var(--corner-radius--r1);
  background-color: #ffffffb3;
  height: auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.tab-link-tab-1-2 {
  border-radius: var(--corner-radius--r1);
  background-color: var(--border--300\<deleted\|variable-e3deb72f-e944-2051-0fa1-e4f8a4093bd3\>);
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  border: 2px solid var(--base--white);
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--white);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.h-tab-wrap {
  width: 100%;
  height: 100%;
  padding-left: 2svw;
  padding-right: 2svw;
  display: none;
}

.tab-pane-tab-2-2 {
  width: 100%;
  height: 100%;
}

.projects-bento {
  grid-column-gap: .6svw;
  grid-row-gap: .6svw;
  flex-direction: row;
  grid-template-rows: 30svh 30svh 30svh;
  grid-template-columns: 32% 32% 32%;
  grid-auto-rows: 30svh;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start center;
  place-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2.5svh;
  display: none;
  overflow: auto;
}

.bento-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50svh;
  display: flex;
}

.bento-r {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  grid-template-rows: 100%;
  grid-template-columns: 40% 60%;
  grid-auto-columns: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.bento-l {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  grid-template-rows: 100%;
  grid-template-columns: 60% 40%;
  grid-auto-columns: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.bento-c {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  grid-template-rows: 100%;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.bento-card {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.nav-wrapper {
  z-index: 98;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 100%;
  transition: all .2s ease-in-out;
  display: flex;
  position: fixed;
  inset: auto 0% 2%;
}

.nav-wrapper.project {
  padding-left: 0;
}

.main {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: flex;
}

.h1-a {
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h1-b {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.h1-c {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.h2-hero {
  color: var(--fills--slate-grey);
  text-align: left;
  letter-spacing: .055em;
  width: 100%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 160%;
}

.h2-hero.is-b {
  color: var(--fills--dark-grey);
  line-height: 150%;
}

.h1-bold {
  color: var(--accents--blue-green-linear1);
  -webkit-text-stroke-width: .05rem;
}

.landing-hero {
  padding: 8svh 4rem var(--spacing--xxl);
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 35% 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 2svh;
  display: flex;
}

.featured-hero {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 2svh;
  display: grid;
}

.featured-title-b {
  grid-column-gap: 1svw;
  grid-row-gap: 1svw;
  letter-spacing: .025em;
  flex: 0 auto;
  order: -1;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: .1svw;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.65em;
  line-height: 100%;
  display: flex;
}

.f-grid {
  border: .5px solid var(--base--200-5);
  border-radius: var(--corner-radius--r2);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  color: var(--base--black);
  flex-flow: column;
  flex: 1;
  grid-template-rows: 10% 90%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  height: 42svh;
  font-size: 1.4em;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.f-grid:hover {
  border-width: 2px;
  border-color: var(--accents--yellow);
  background-color: var(--fills--slate-grey);
  -webkit-backdrop-filter: drop-shadow(4px 4px 20px #000000b3);
  backdrop-filter: drop-shadow(4px 4px 20px #000000b3);
  color: var(--base--white);
  box-shadow: 0 2px 10px #3030300d;
}

.f-grid.is-planaday {
  color: var(--base--black);
}

.f-grid.is-planaday:hover {
  background-color: var(--base--black);
  color: var(--base--white);
  border-color: #fc8fa2;
}

.f-grid.is-carbon:hover {
  border-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  background-color: #1d4b38;
  box-shadow: 0 2px 5px #0003;
}

.f-grid.is-mantle:hover {
  border-color: #1d949b;
}

.f-grid.is-mmt:hover {
  border-color: #b197ff;
}

.f-grid.is-kemnet:hover {
  border-color: var(--accents--medium-spring-green);
  background-color: var(--base--black);
}

.f-grid.is-mtr:hover {
  border-color: #97c1ff;
}

.f-grid.is-viens:hover {
  border-color: var(--base--lavender\<deleted\|variable-71310ae7\>);
  box-shadow: 0 2px 5px #0003;
}

.f-grid.is-terra:hover {
  border-color: #fae042;
}

.featured-c-title {
  padding-right: var(--spacing--lg);
  padding-left: var(--spacing--lg);
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.featured-c-title.marquee {
  display: none;
}

.f-wrap {
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.f-wrap.is-c {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.f-wrap.is-a {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: 40% 1fr;
}

.f-wrap.is-b {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: 55% 1fr;
}

.f-wrap.is-d {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: 35% 1fr;
}

.footer-h0 {
  flex-flow: column;
  display: flex;
}

.h0 {
  z-index: 2;
  direction: ltr;
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: -2px;
  flex: 1;
  align-self: auto;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.h0:hover {
  color: var(--fills--silver);
}

.h0.end {
  margin-top: var(--spacing--xxxl);
  opacity: .1;
  color: #121212;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.h0.end:hover {
  color: var(--border--black-50);
}

.h0.end.sm {
  letter-spacing: 0;
  font-size: 2em;
}

.h0-b {
  z-index: 2;
  direction: ltr;
  color: var(--blue-bright);
  text-align: right;
  letter-spacing: -1.2px;
  flex: 1;
  align-self: auto;
  font-family: Geist, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.h0-b:hover {
  color: var(--fills--silver);
}

.nav-projects {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  display: flex;
}

.navcard-wrap {
  padding-top: var(--spacing--xs);
  padding-bottom: var(--spacing--xl);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 98%;
  height: 100%;
  display: flex;
}

.img-p {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  border-radius: var(--corner-radius--r1);
  object-fit: contain;
  flex-flow: column;
  flex: 1;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .1s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.img-p:hover {
  transform: scale(1.015);
}

.img-p.is-mtr {
  width: 100%;
}

.img-p.is-kemnet {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/66c12854aeb711a8e77e4212_kemnet-h.gif");
}

.img-p.is-carbon {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/66c128565e410be6e47cd7fd_carbon.gif");
  background-size: 620px;
}

.img-p.is-mmt {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/66c12856a3d76f7428eb6502_mmt.gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 500px;
}

.img-p.is-mantle {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/66c12854540d841a4bd70c8b_mantle.gif");
}

.img-p.is-viens {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/66e016e5dc892865853545bd_Screen%20Recording%202024-09-10%20at%2010.48.21%20(1).gif");
  background-size: cover;
}

.img-p.is-terra {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/66e01c5aec3ad8cd32bed9d4_Screen%20Recording%202024-09-10%20at%2011.14.02.gif");
  background-size: 500px;
}

.img-p.is-mini {
  object-fit: cover;
}

.img-p.is-mini.no-scale {
  object-fit: contain;
}

.img-p.cover, .img-p.noscale {
  object-fit: cover;
}

.img-p.scale-down {
  padding: var(--spacing--xl);
  object-fit: contain;
}

.img-p.mini {
  width: 80%;
  max-width: 80%;
  max-height: 80%;
}

.img-p.cover {
  object-fit: cover;
}

.img-p.contain {
  object-fit: contain;
}

.main-mobile {
  padding-right: var(--spacing--lg);
  padding-bottom: var(--spacing--xmd);
  padding-left: var(--spacing--lg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100svw;
  display: none;
  overflow: auto;
}

.sect-title {
  display: flex;
}

.ft-wrap {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.ft-wrap.is-btngrp {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.btn-view {
  padding: var(--spacing--xmd);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  border: 1px solid var(--base--lavender\<deleted\|variable-71310ae7\>);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--blue-bright);
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: 2.4em;
  font-family: Geist, sans-serif;
  font-size: 1em;
  text-decoration: none;
  display: flex;
}

.btn-view:hover {
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  color: var(--accents--blue-black);
}

.btn-view.isdark {
  border-color: var(--border--100);
  color: var(--base--white);
  background-color: #4d4d4d59;
}

.btn-view.blue {
  padding: 0rem var(--spacing--xs);
  background-color: var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--fills--dark-grey);
  text-align: center;
  border-style: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2em;
  min-height: 2em;
  max-height: 2em;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .7em;
  font-weight: 400;
  display: flex;
}

.btn-wrap {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-42 {
  width: .6rem;
}

.sect-title-2 {
  text-align: right;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.d-content-wrap {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.p-overview {
  padding-top: var(--spacing--xl);
  padding-bottom: var(--spacing--xxxl);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 75%;
  height: auto;
  display: flex;
}

.bento-1 {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.bento-1.is-pad {
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
}

.bento-1.is-light {
  background-color: var(--base--white);
}

.bento-1.is-dark {
  background-color: var(--base--black);
}

.bento-1.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.bento-1.is-carbong {
  background-color: #1d1d1d;
}

.ben-img {
  object-fit: cover;
  border-radius: .4em;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: inline-block;
}

.ben-img.is-carbon {
  width: 20rem;
  height: 90%;
  display: block;
}

.ben-img.is-wide {
  object-fit: cover;
  width: 90%;
  height: 90%;
  display: block;
}

.ben-img.is-mobile {
  object-fit: contain;
  max-height: 80%;
}

.ben-img.from-top {
  object-fit: cover;
}

.ben-img.is-pad {
  object-fit: contain;
  height: auto;
  max-height: none;
}

.solution-2column {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  object-fit: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 55svh;
  display: flex;
  overflow: hidden;
}

.solution-2column.is-kemnet, .solution-2column.is-mmt {
  display: none;
}

.slider-img {
  object-fit: contain;
  border-radius: .6em;
  width: 100%;
  height: 65svh;
  max-height: 100%;
  display: block;
}

.slider-img.iterations {
  object-fit: cover;
}

.p-strategy {
  margin-bottom: var(--spacing--lg);
  padding-top: var(--spacing--xxl);
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 94%;
  display: flex;
  overflow: hidden;
}

.p-strategy.is-kemnet {
  display: none;
}

.p-strategy.is-mmt {
  display: flex;
}

.slide-wrap {
  padding: var(--spacing--md) var(--spacing--xs);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.tool-wrap {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.d-tag {
  padding: var(--spacing--sm);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r2);
  color: var(--fills--silver);
  text-align: left;
  letter-spacing: -.01em;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Geistmono, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 120%;
  display: flex;
}

.solution-wide {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  object-fit: contain;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.bento-1-wide {
  padding-top: var(--spacing--xs);
  background-color: var(--base--white);
  border-radius: .4em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.bento-1-wide.is-pad {
  background-color: var(--base--white);
  height: auto;
}

.context-bento {
  border-radius: .4em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.context-title {
  color: var(--blue-bright);
  text-align: justify;
  width: 100%;
  font-family: Geist, sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 140%;
}

.context-title.dark {
  letter-spacing: -.5px;
}

.context-text {
  padding-left: var(--spacing--lg);
  border-left: 2px solid var(--base--lavender\<deleted\|variable-71310ae7\>);
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: .5px;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .96em;
  font-weight: 300;
  line-height: 180%;
}

.context-text.dark {
  color: var(--blue-bright);
}

.cont-wrap {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  display: flex;
}

.p-context {
  padding-right: 0;
  padding-bottom: var(--spacing--xxl);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  height: auto;
  padding-left: 0;
  display: flex;
}

.p-context.is-mantle {
  grid-auto-columns: 1fr;
}

.p-context.is-planaday {
  padding-bottom: var(--spacing--xxl);
  border-radius: var(--spacing--lg);
  background-color: #044c64;
  height: auto;
}

.landing-menu-portfolio {
  z-index: 2;
  margin-bottom: var(--spacing--xl);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: var(--corner-radius--r3);
  background-color: var(--border--100);
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56svw;
  padding: .3rem;
  display: flex;
  position: relative;
}

.landing-menu-portfolio.experiments {
  margin-bottom: 0;
}

.pl-wrap {
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: column;
  grid-template-rows: auto 40svh;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 40svh;
  display: grid;
}

.projects-experiments {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-direction: row;
  grid-template-rows: 40svh 40svh;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start center;
  place-items: start center;
  width: 100%;
  height: auto;
  display: flex;
}

.x-grid {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  border: 1px solid var(--base--200-5);
  border-radius: var(--corner-radius--r2);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  filter: blur(5px);
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 52svh;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.x-grid:hover {
  background-color: var(--base--white);
  -webkit-backdrop-filter: drop-shadow(4px 4px 20px #000000b3);
  backdrop-filter: drop-shadow(4px 4px 20px #000000b3);
  box-shadow: 0 2px 10px #3030300d;
}

.img-bg {
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  flex-flow: column;
  flex: 1;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.img-bg:hover {
  transform: scale(1.025);
}

.f-tag {
  padding: var(--corner-radius--r1);
  border: 1px solid var(--base--200-5);
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  color: var(--fills--dark-grey);
  letter-spacing: .05em;
  align-self: flex-end;
  align-items: center;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .7em;
  font-weight: 600;
  line-height: 100%;
  display: flex;
}

.f-tag:hover {
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  color: var(--fills--dim-grey);
}

.f-tag.long {
  flex: none;
}

.f-tag.long.cs {
  background-color: var(--accents--blue-black);
}

.tag-wrap {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.seg-link {
  padding: var(--spacing--xmd) var(--spacing--xl);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  border: 1px dashed var(--fills--bg-grey);
  background-color: var(--fills--bg-grey);
  color: var(--base--black);
  letter-spacing: .025em;
  border-radius: 0 .4rem .4rem 0;
  order: -1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 3em;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.1em;
  display: flex;
}

.seg-link:hover {
  background-color: var(--fills--dark-grey);
  border-radius: 0;
}

.seg-link.w--current {
  z-index: 3;
  border: 1px solid var(--fills--dim-grey);
  background-color: var(--base--black);
  color: var(--base--white);
  letter-spacing: .025em;
  border-radius: .5rem;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 3em;
  display: flex;
  box-shadow: 0 2px 5px 4px #9b9b9b33;
}

.seg-link.project {
  background-color: var(--base--transparent);
  color: var(--blue-bright);
  border-style: solid;
}

.seg-link.project:hover {
  background-color: var(--base--200-5);
}

.seg-link.project.w--current {
  border-color: var(--border--halftone);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--black);
  color: var(--base--white);
}

.seg-link.right {
  z-index: 1;
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.seg-link.left {
  z-index: 1;
  border-radius: .5rem 0 0 .5rem;
}

.seg-link.left:hover {
  border-top-right-radius: 0;
}

.seg-link.left.w--current {
  border-radius: var(--corner-radius--r2);
}

.card {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40em;
  height: 20em;
  display: flex;
  position: relative;
}

.featured-hero-bento {
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 2svh;
  display: flex;
}

.h-wrap {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.h-wrap.experiments {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: row;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: grid;
}

.h-wrap.experiments.home-page {
  grid-template-columns: 1fr 1fr 1fr;
}

.h0-ul {
  z-index: 2;
  direction: ltr;
  color: var(--base--black);
  text-align: left;
  letter-spacing: -.05em;
  flex: 1;
  align-self: auto;
  margin-top: 4svh;
  margin-bottom: 2svh;
  font-family: Geist, sans-serif;
  font-size: 4em;
  font-weight: 600;
  line-height: 140%;
  text-decoration: underline;
  position: relative;
  overflow: visible;
}

.h0-ul.light {
  color: var(--base--white);
  text-align: right;
  font-size: 2em;
}

.h-grid {
  border-radius: var(--corner-radius--r2);
  color: var(--base--black);
  flex-flow: column;
  flex: 1;
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  height: auto;
  font-size: 1.4em;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}

.h-img-bg {
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  flex-flow: row;
  flex: 1;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42svh;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.h-img-bg:hover {
  transform: scale(1.025);
}

.h-title {
  padding-top: var(--spacing--xmd);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 30%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  display: grid;
}

.h-content {
  padding-left: var(--spacing--xs);
  color: var(--fills--slate-grey);
  text-align: right;
  letter-spacing: .1px;
  flex-flow: wrap;
  flex: 0 auto;
  order: -1;
  align-self: flex-end;
  height: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 160%;
  display: flex;
}

.hc-left {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.img-f {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  border-radius: var(--corner-radius--r1);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/674f11cf5a9ebe562dc47d41_B%26H.mp4.lottie.json");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 640px;
  flex-flow: column;
  flex: 1;
  order: -1;
  width: 100%;
  height: 100%;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.img-f:hover {
  transform: scale(1.025);
}

.img-lottie {
  object-fit: scale-down;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.img-lottie.is-airline {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
}

.img-lottie.is-acard {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
  display: none;
}

.img-lottie.embed {
  object-fit: cover;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  display: block;
}

.img-lottie.embed.large {
  width: 100%;
}

.img-lottie.embed.sm {
  width: 50%;
}

.img-lottie.project {
  height: auto;
  display: block;
}

.featured-experiments {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 2svh;
  display: flex;
}

.e-grid {
  padding: var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--200-5);
  color: var(--base--black);
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  height: auto;
  font-size: 1.4em;
  text-decoration: none;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: grid;
  overflow: hidden;
}

.e-grid:hover {
  border: 1px dashed var(--border--halftone);
  background-color: var(--base--white);
  box-shadow: 0 2px 5px #0003;
}

.e-grid.is-bh {
  padding: var(--spacing--md);
  background-color: var(--base--200-5);
}

.e-grid.default {
  display: none;
}

.img-e {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  border-radius: var(--corner-radius--r1);
  flex-flow: column;
  flex: 1;
  order: 0;
  height: 90%;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.img-e:hover {
  transform: scale(1.025);
}

.e-img-bg {
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  flex-flow: row;
  flex: 1;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.e-img-bg:hover {
  transform: scale(1.025);
}

.e-vflex {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  height: auto;
  display: none;
}

.e-vflex.is-ai {
  display: flex;
}

.modal-wrapper {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-wrapper.hoverex1, .modal-wrapper.bh, .modal-wrapper.texturedweb {
  display: none;
}

.modal-wrapper.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.modal-overlay {
  z-index: 99;
  padding-top: var(--spacing--md);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #4d4d4d66;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.modal-card {
  z-index: 99;
  padding: var(--spacing--sm) var(--spacing--md) var(--spacing--md);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r2);
  background-color: #f5f5f7d9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 75svw;
  height: auto;
  display: flex;
  position: relative;
  overflow: auto;
}

.btn-close {
  padding: var(--spacing--xmd) var(--spacing--lg);
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--bg-grey);
  color: var(--fills--slate-grey);
  justify-content: center;
  align-items: center;
  height: 4em;
  font-family: Geistmono, sans-serif;
  display: none;
}

.btn-close:hover {
  background-color: var(--accents--blue-green-linear1);
  color: var(--base--white);
}

.text-block-29 {
  display: flex;
}

.stack-top {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.stack-modal {
  z-index: 99;
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.stack-modal._3-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f5f5f7;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  display: grid;
}

.stack-modal._3-col.dark {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  background-color: var(--accents--blue-black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-lottie100 {
  width: 90%;
  height: 90%;
}

.modal-lightbox {
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-asset {
  width: 90%;
  height: 90%;
}

.h2-hero-note {
  padding-left: var(--spacing--lg);
  border-left: 3px solid var(--base--lavender\<deleted\|variable-71310ae7\>);
  color: var(--accents--blue-green-linear1);
  text-align: left;
  letter-spacing: .055em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 160%;
  display: block;
}

.project-icon-f {
  border-radius: var(--corner-radius--r1);
  order: -1;
  width: 2rem;
  height: 2rem;
}

.project-icon-f.sm {
  width: 1.8rem;
  height: 1.8rem;
}

.f-title {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._w-wrap {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

._w-grid {
  border-radius: var(--corner-radius--r2);
  color: var(--base--black);
  background-color: #d0d5d4;
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/68932ebd45683814665aee33_20250806_1128_Electric%20Blue%20Gradient_simple_compose_01k1zes6xnffraqyk2zdpzstnf.avif");
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  flex: 1;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: center;
  height: 100%;
  font-size: 1.4em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._w-grid.no-label {
  justify-content: center;
  align-items: center;
}

._w-grid.dark {
  background-color: var(--accents--blue-green-linear1);
}

._w-grid.dark.mobile-hide {
  justify-content: flex-end;
  align-items: center;
}

._w-grid.dark.mobile-hide.right {
  background-position: 50%;
}

._w-grid.dark.mobile-hide.down {
  background-position: 0 0;
  background-repeat: no-repeat;
}

._w-grid.scale-down {
  padding: var(--spacing--xmd);
}

._w-grid.scale-down.mobile-hide {
  padding: var(--spacing--lg);
}

._w-grid.scale-down.mobile-hide.dark {
  padding: 0;
}

._w-grid.mobile-hide {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/68932ebd45683814665aee33_20250806_1128_Electric%20Blue%20Gradient_simple_compose_01k1zes6xnffraqyk2zdpzstnf.avif");
  background-position: 100% 0;
  background-size: auto;
}

._w-grid.mobile-hide.web-hidehide {
  display: none;
}

._w-grid.right {
  background-position: 50% 100%;
}

._w-title {
  padding-top: var(--spacing--xmd);
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: column;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 30%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  place-items: flex-start stretch;
  width: 100%;
  height: auto;
  display: flex;
}

._w-img-bg {
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36svh;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

._w-img-bg:hover {
  transform: scale(1.025);
}

._w-title-top {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-hero {
  padding: var(--spacing--lg);
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  border-radius: var(--corner-radius--r1);
  background-color: var(--fills--slate-grey);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 2svh;
  display: none;
}

.experience-hero {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  border-radius: var(--corner-radius--r1);
  background-color: var(--border--100);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/677870306eedf50292a645cd_BG%20-%201280x800.avif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  padding: 8svh 4rem;
  display: grid;
}

.skills-hero {
  padding: var(--spacing--md);
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 2svh;
  display: grid;
}

.h1-stack {
  grid-template-rows: auto;
  grid-template-columns: 40% 60%;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-30 {
  letter-spacing: -.01em;
}

._w-bot {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.skills-group {
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: row;
  flex: 1;
  order: -1;
  justify-content: flex-start;
  align-items: flex-start;
  height: 50svh;
  display: flex;
}

.skills-card {
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30svh;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  overflow: hidden;
}

.skills-card:hover {
  transform: scale(1.025);
}

.skills-card.is-acc {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf8f8937190e092f820a6d_acc-card.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.skills-card.is-nl {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93ed103b8f3d5a15a97e_NL-card.avif");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.skills-card.is-ds {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf94e020206818ca49478b_DS-card.avif");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.skills-card.short {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/66c128565e410be6e47cd7fd_carbon.gif");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 20svh;
}

.is-skill-img {
  padding: var(--spacing--xl);
  border: 1px solid var(--base--transparent);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--200-5);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.is-skill-img:hover {
  border-style: dashed;
  border-color: var(--blue-bright);
}

.card-h-wrap {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  display: flex;
}

.card-h1 {
  margin-bottom: var(--spacing--sm);
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: .055em;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 160%;
  display: block;
}

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

.card-h2 {
  color: var(--blue-bright);
  letter-spacing: .025em;
  flex: 0 auto;
  order: -1;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 100%;
}

.card-h2.card {
  margin-bottom: 0;
}

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

.card-h3 {
  padding-left: var(--spacing--xs);
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: .1px;
  flex-flow: wrap;
  flex: 0 auto;
  align-self: flex-end;
  height: auto;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 160%;
  display: flex;
}

.card-h3.white {
  color: var(--base--white);
}

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

.sec-title.is-exp {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.sec-title.dark {
  cursor: default;
}

.section-title {
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: -.0001em;
  cursor: default;
  width: auto;
  height: auto;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.64rem;
  font-weight: 600;
  line-height: 160%;
}

.section-title.is-dark {
  color: var(--blue-bright);
  font-size: 2rem;
  font-weight: 400;
}

.section-title.is-dark.sm {
  font-size: 1.6rem;
}

.section-title.is-light {
  color: var(--fills--dark-grey);
  font-size: 1.64rem;
  font-weight: 400;
  line-height: 160%;
}

.exp-grid {
  margin-top: var(--spacing--xl);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  grid-template-rows: auto auto auto;
  grid-template-columns: 100%;
  justify-content: space-between;
  place-items: center end;
  width: 100%;
}

.exp-row {
  grid-row-gap: 1svh;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.exp-row:hover {
  filter: brightness(200%);
}

.a-grid {
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  grid-template-rows: auto;
  grid-template-columns: 30% 64%;
  justify-content: space-between;
  place-items: center end;
  width: 100%;
}

.footer-h0-h {
  display: flex;
}

.f-ss {
  height: 4svh;
  display: none;
}

.years-exp {
  display: flex;
}

.exp-l {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  display: flex;
}

.exp-r {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.exp-row-sep {
  padding-top: var(--spacing--xs);
  padding-bottom: var(--spacing--xs);
  padding-left: var(--spacing--sm);
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.exp-row-sep:hover {
  filter: brightness(200%);
}

.sep-vv {
  border-left: 1px solid var(--base--lavender\<deleted\|variable-71310ae7\>);
  color: var(--fills--slate-grey);
  text-align: left;
  letter-spacing: .055em;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1%;
  height: 2svh;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 160%;
  display: block;
}

.sep-hh {
  border-bottom: 1px solid var(--border--100);
  color: var(--fills--slate-grey);
  text-align: left;
  letter-spacing: .055em;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 1%;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1%;
  display: block;
}

.exp-dates {
  color: var(--fills--nav-text);
  text-align: left;
  letter-spacing: -.045em;
  align-self: flex-end;
  font-family: Geist, sans-serif;
  font-size: 1.2em;
  line-height: 150%;
  overflow: visible;
}

.exp-dates.now {
  align-self: flex-end;
  font-size: 1.2em;
}

.exp-l-s {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  display: flex;
}

.exp-role {
  color: var(--base--white);
  text-align: left;
  align-self: flex-start;
  margin-bottom: .25em;
  font-family: Geist, sans-serif;
  font-size: 1.45em;
  font-weight: 500;
  line-height: 120%;
  overflow: visible;
}

.exp-icon {
  border-radius: var(--corner-radius--r1);
  order: -1;
  width: 2rem;
  height: 2rem;
  display: block;
}

.exp-location {
  color: var(--fills--nav-text);
  text-align: left;
  letter-spacing: -.045em;
  flex: none;
  align-self: auto;
  font-family: Geist, sans-serif;
  font-size: 1.2em;
  line-height: 150%;
  display: block;
  overflow: visible;
}

.about-copy {
  padding-left: var(--spacing--lg);
  border-left: 1px solid var(--base--lavender\<deleted\|variable-71310ae7\>);
  color: var(--base--white);
  text-align: left;
  letter-spacing: .055em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 160%;
  display: block;
}

.arrow-nav {
  z-index: 100;
  margin-top: 120svh;
  margin-right: var(--spacing--lg);
  margin-bottom: var(--spacing--xl);
  display: none;
  position: fixed;
  inset: 120svh 0% 0% auto;
}

.arrow-navcard {
  background-color: var(--base--black);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #b4b4b41a;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 4em;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 5px #303030;
}

.arrow-navcard:hover {
  filter: brightness(200%);
  background-color: #adadad40;
}

.arrow-text {
  font-family: Geist, sans-serif;
  font-size: 1em;
  line-height: 100%;
}

.arrow-text:hover {
  filter: brightness(200%);
}

.back-btn {
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--300-25);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--fills--silver);
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.back-btn:hover {
  border-style: dashed;
  border-color: var(--base--white-45);
  background-color: var(--base--overlay-35);
  color: var(--accents--blue-black);
}

.back-btn.w--current {
  flex: 0 auto;
}

.back-btn.back {
  order: 0;
}

.back-btn.back.w--current {
  border-color: var(--border--100);
  background-color: var(--base--300-25);
}

.back-btn.cover {
  position: relative;
}

.tree-title {
  margin-top: var(--spacing--xl);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.tree-title.left {
  margin-top: 0;
  margin-bottom: var(--spacing--sm);
  padding-bottom: var(--spacing--xs);
  padding-left: var(--spacing--md);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  border-radius: var(--corner-radius--r2);
  opacity: .5;
  justify-content: flex-start;
  align-items: center;
}

.tree-th1 {
  color: var(--base--white);
  text-align: left;
  letter-spacing: .5px;
  width: auto;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 160%;
}

.t-tr {
  padding: var(--spacing--md) var(--spacing--xmd) var(--spacing--md) var(--spacing--md);
  border-radius: var(--corner-radius--r2);
  color: var(--fills--dark-grey);
  background-color: #0000;
  border: 1px solid #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 125%;
  text-decoration: none;
  display: flex;
}

.t-tr:hover {
  border: 1px solid var(--border--100);
  background-color: var(--border--100);
}

.t-tr.w--current {
  padding: var(--spacing--md) var(--spacing--lg) var(--spacing--md) var(--spacing--xmd);
  border: 1px solid var(--border--100);
  background-color: var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  color: var(--base--white);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1em;
  display: flex;
}

.p-context-main {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.p-title-wrap {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border-radius: var(--spacing--xl);
  object-fit: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 15%;
  display: flex;
}

.p-title-wrap.defined {
  height: auto;
}

.p-tiitle-img {
  object-fit: contain;
  order: 1;
  justify-content: center;
  align-items: center;
  height: 60svh;
}

.p-tiitle-img.is-product {
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 0;
}

.p-tiitle-img.is-mobile.private {
  filter: blur(20px);
}

.p-tiitle-img.cover {
  object-fit: cover;
  border-radius: 0;
  height: 100%;
  box-shadow: 0 2px 5px #0003;
}

.p-tiitle-img.sol {
  border-radius: var(--corner-radius--r2);
}

.p-tiitle-img.spesh {
  height: 100%;
}

.p-tiitle-img.auto {
  border-radius: var(--corner-radius--r3);
  height: auto;
}

.p-overview-grid {
  padding-right: var(--spacing--xxl);
  padding-bottom: var(--spacing--xl);
  padding-left: var(--spacing--xxl);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  object-fit: contain;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: grid;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000001a;
}

.p-overview-grid.is-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.overview-body {
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: .1em;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 180%;
}

.overview-col {
  padding-top: var(--spacing--xl);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  border-radius: .4em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.overview-tit {
  color: var(--blue-bright);
  text-align: justify;
  width: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 140%;
}

.oveview-col-bot {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  display: flex;
}

.p-sec-title {
  margin-bottom: var(--spacing--md);
  padding: var(--spacing--md) var(--spacing--md) var(--spacing--md) var(--spacing--lg);
  border: 1.2px dashed var(--base--300-25);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white-45);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  box-shadow: 0 2px 10px #0000001a;
}

.p-sec-title.solutions {
  border-left-color: #4d4d4d1a;
}

.p-sec-title.strategy {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
}

.overv-title {
  color: var(--blue-bright);
  text-align: right;
  width: 100%;
  height: auto;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 3em;
  line-height: 120%;
}

.overv-title.private {
  color: var(--accents--yellow);
  position: absolute;
}

.overv-title.sm {
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.6em;
  display: flex;
}

.bento-context {
  padding: var(--spacing--sm);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border-radius: var(--corner-radius--r3);
  background-color: #f0f2f6;
  border: 1px solid #f0f2f6;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.bento-context.mid {
  justify-content: center;
  align-items: center;
}

.bento-context.full {
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
}

.bento-context.is-timeline {
  padding: var(--spacing--md);
  border-radius: var(--spacing--md);
  height: auto;
}

.bento-context.long {
  border-radius: var(--corner-radius--r3);
  height: auto;
}

.bento-context.no-pad {
  padding: 0;
}

.bento-context.no-pad.white {
  background-color: var(--base--white);
}

.bento-context.chunky {
  padding: var(--spacing--lg);
}

.overview-img-1 {
  border-radius: var(--corner-radius--r1);
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: inline-block;
}

.overview-img-1.context-img {
  object-fit: contain;
}

.overview-img-1.long {
  object-fit: cover;
  height: 100%;
}

.overview-body-2 {
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: .1em;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 180%;
}

.go-wrap {
  padding: var(--spacing--lg);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start center;
  width: 100%;
  height: auto;
  display: grid;
  overflow: hidden;
}

.go-wrap.stats {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.p-features {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.sol-title {
  padding-top: var(--spacing--md);
  padding-right: var(--spacing--md);
  padding-left: var(--spacing--md);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 60% 40%;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 98%;
  display: grid;
}

.sol-wrap {
  grid-row-gap: var(--spacing--xxl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.solution-anno {
  margin-top: var(--spacing--xs);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.coming-soon-page {
  z-index: 999;
  grid-column-gap: var(--spacing--xxxl);
  grid-row-gap: var(--spacing--xxxl);
  background-color: var(--base--black);
  color: var(--fills--0\<deleted\|variable-30fe6931\>);
  letter-spacing: -.001em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100svh;
  font-family: Sequel sans disp, sans-serif;
  font-size: 1.6em;
  line-height: 100%;
  display: flex;
  position: fixed;
}

.sp-img-2 {
  align-self: flex-start;
  width: 100%;
  height: 1rem;
  overflow: visible;
}

.featured-marquee-2 {
  padding: var(--spacing--xs) var(--spacing--lg);
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--200-5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid #b4b4b41a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.featured-c-title-2 {
  padding-right: var(--spacing--lg);
  padding-left: var(--spacing--lg);
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2svh;
  display: flex;
}

.anno-above {
  color: var(--blue-bright);
  text-align: right;
  letter-spacing: .1em;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .9em;
  font-weight: 300;
  line-height: 120%;
}

.anno-above.anno-left {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.anno-above.white {
  color: var(--base--white-45);
}

.cs-group {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  justify-content: center;
  align-items: center;
  font-size: .85em;
  display: flex;
}

.cs-btn {
  padding: var(--spacing--xmd);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  border: 1px solid var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  border-radius: var(--corner-radius--r2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--fills--dark-grey);
  justify-content: center;
  align-items: center;
  width: 12rem;
  font-family: Geist, sans-serif;
  font-size: .85em;
  text-decoration: none;
  display: flex;
}

.cs-btn:hover {
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  color: var(--accents--blue-black);
}

.cs-btn.w--current {
  border-color: var(--base--0-purple-hue\<deleted\|variable-3631b41a-4f58-f4f9-e4b5-39e895ce0e4a\>);
  color: var(--fills--dark-grey);
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 10rem;
  font-size: .85em;
  display: flex;
}

.sec-subtitle {
  margin-bottom: var(--spacing--xl);
  padding-top: var(--spacing--lg);
  padding-bottom: var(--spacing--lg);
  padding-left: var(--spacing--lg);
  border-radius: var(--corner-radius--r2);
  background-color: var(--fills--0\<deleted\|variable-30fe6931\>);
  justify-content: flex-start;
  align-items: center;
  width: 80svw;
  display: block;
}

.sec-subtitle.is-ai {
  margin-top: var(--spacing--md);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r3);
  background-color: var(--border--100);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 25em;
  height: 20em;
  padding-left: 0;
  display: flex;
}

.intor-wrap {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  display: flex;
}

.main-desktop {
  z-index: 4;
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r3);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/68932ebcc8efe003e68e9cca_20250806_1119_Gradient%20Glow%20Elegance_simple_compose_01k1ze8zx2ee0ranyxrekh0nmm.avif");
  background-position: 100% 100%;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 24svw 76svw;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 20px 10px #0003;
}

.h-content-tree {
  z-index: 1;
  padding: var(--spacing--lg) var(--spacing--lg) var(--spacing--sm);
  grid-column-gap: var(--spacing--xxl);
  grid-row-gap: var(--spacing--xxl);
  border-top-left-radius: var(--corner-radius--r3);
  border-bottom-left-radius: var(--corner-radius--r3);
  background-color: var(--base--transparent);
  letter-spacing: .05em;
  border-right: 1px solid #92b4b91a;
  flex-flow: column;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  width: 24svw;
  min-width: 24svw;
  max-width: 24svw;
  height: 100svh;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 600;
  display: flex;
  position: sticky;
  inset: 0% auto 0% 0%;
}

.h-content-tree.home {
  padding-top: var(--spacing--xmd);
  padding-right: var(--spacing--xmd);
  padding-left: var(--spacing--xmd);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  width: 20svw;
  min-width: 20svw;
  max-width: 20svw;
}

.h-main-all {
  z-index: 1;
  padding-top: var(--spacing--xmd);
  padding-right: var(--spacing--sm);
  padding-left: var(--spacing--sm);
  border-top-right-radius: var(--corner-radius--r3);
  border-bottom-right-radius: var(--corner-radius--r3);
  background-color: var(--base--transparent);
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
  max-width: 80svw;
  height: 100%;
  display: flex;
  position: relative;
}

.h-intro {
  z-index: 99;
  padding-left: var(--spacing--sm);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 40% 60%;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.h-h3-hero {
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: .055em;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.h-h3-hero.bold {
  color: var(--blue-bright);
  letter-spacing: .8px;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  font-size: .85rem;
  line-height: 130%;
}

.h-h3-hero.bold.right {
  letter-spacing: .5px;
  height: auto;
  font-family: Sequel sans disp, sans-serif;
}

.h-h3-hero.right {
  letter-spacing: .5px;
  justify-content: flex-start;
  align-items: center;
  font-family: Geist, sans-serif;
  font-size: .9rem;
}

.h-h3-hero.left {
  letter-spacing: .5px;
  justify-content: flex-start;
  align-items: center;
  font-family: Geist, sans-serif;
  font-size: .9rem;
  font-weight: 600;
}

.h-h1-title {
  z-index: 2;
  direction: ltr;
  color: var(--base--white);
  text-align: center;
  letter-spacing: -.05em;
  flex: 1;
  align-self: auto;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 2.2em;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  position: relative;
  overflow: visible;
}

.h-intro-wrap {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  flex: 0 auto;
  order: -1;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.h-contenttree {
  z-index: 99;
  padding-top: 0;
  padding-bottom: var(--spacing--xl);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 98%;
  height: 80%;
  display: flex;
  position: relative;
}

.h-contenttree.home {
  padding: var(--spacing--md) var(--spacing--xs) var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  background-color: #1126277a;
  height: auto;
}

.h-content-tree-under {
  z-index: 100;
  margin-bottom: var(--spacing--lg);
  padding: var(--spacing--xl) var(--spacing--lg) var(--spacing--md);
  grid-column-gap: 1svh;
  grid-row-gap: 1svh;
  letter-spacing: .05em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 24svw;
  max-width: 24svw;
  height: 100svh;
}

.h-bento {
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  border: .5px solid var(--base--300-25);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--300-25);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 35% 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: flex;
}

.h-bento:hover {
  border-width: .5px;
  border-color: var(--border--100);
  background-color: var(--border--100);
  box-shadow: 0 2px 5px #0003;
}

.h-bento.is-dark {
  border: 1px solid var(--base--transparent);
  background-color: var(--accents--blue-green-linear1);
}

.h-bento.is-dark:hover {
  border-color: var(--border--100);
}

.h-bento.is-pink {
  border: 1px solid var(--border--100);
  background-color: var(--accents--blue-green-linear1);
}

.h-bento.is-green {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border: 1px solid var(--border--100);
  background-color: var(--accents--blue-green-linear1);
}

.h-bento.is-blue {
  border-color: var(--border--100);
  background-color: var(--accents--blue-green-linear1);
}

.h-bento.is-grey {
  background-color: #ddd;
}

.h-bento.is-green-dark {
  border: 1px solid var(--border--100);
  background-color: var(--accents--blue-green-linear1);
}

.h-products {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: flex;
}

.h-bento-wrap {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 40% 60%;
  grid-auto-columns: 1fr;
  height: auto;
  display: flex;
}

.h-bento-wrap.is-3 {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: row;
  grid-template-rows: 100%;
  grid-template-columns: 50% 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 36svh;
  display: grid;
  overflow: hidden;
}

.h-bento-wrap._54svh {
  height: 36svh;
}

.h-bento-wrap.type2, .h-bento-wrap.auto {
  height: auto;
}

.h-bento-wrap._60-40 {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  grid-template-rows: auto;
  grid-template-columns: 60% auto;
  grid-auto-columns: 1fr;
  height: 42svh;
  display: grid;
}

.h-bento-wrap._60-40.hide {
  display: none;
}

.h-bento-wrap._40-60 {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  grid-template-rows: auto;
  grid-template-columns: auto 60%;
  grid-auto-columns: 1fr;
  height: 36svh;
  display: grid;
}

.h-bento-wrap._40-60.mobile-hide {
  height: 36svh;
}

.h-bento-wrap._50-50-rows {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  display: grid;
}

.h-bento-wrap._50-50-rows.mobile-hide {
  flex-flow: row;
  height: 36svh;
  display: flex;
}

.h-bento-wrap.mobile {
  width: 80%;
  max-width: 80%;
}

.h-bento-wrap._50-50-columns {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  grid-template-rows: auto;
  grid-template-columns: auto 50%;
  grid-auto-columns: 1fr;
  height: 40svh;
  display: grid;
}

.h-bento-wrap._50-50-columns.mobile-hide {
  height: 36svh;
}

.h-bento-wrap.is-3-landscape {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 64svh;
  display: grid;
}

.h-bento-wrap.h-bento-wrap-full {
  flex: 0 auto;
  height: 44svh;
}

.h-bento-wrap._50-50-rows-vertical {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  display: grid;
}

.h-bento-wrap._50-50-rows-vertical.mobile-hide {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.h-icon-wrap {
  border-radius: var(--spacing--md);
  background-color: var(--fills--500);
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 2.8rem;
  display: flex;
}

.h-icon-wrap.yellow {
  background-color: #fc33;
}

.h-icon-wrap.green {
  background-color: #2aa5a133;
}

.h-icon-wrap.grey {
  background-color: var(--fills--silver);
}

.h-icon-wrap.white {
  background-color: #fafafa;
}

.h-icon-wrap.pink {
  background-color: #d9334e40;
}

.h-icon-wrap.brown {
  background-color: #4f4f4f;
}

.h-icon-wrap.grey-2 {
  background-color: #d9d9d9;
}

.h-bento-title {
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 30%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  place-items: flex-end stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.h-title-left {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.h-title-right {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.h-tagwrap {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.h-titletext {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  letter-spacing: .025em;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.45em;
  line-height: 100%;
  display: flex;
}

.h-titletext.is-dark {
  color: var(--fills--bg-grey);
  letter-spacing: -.05px;
  font-size: 1.35em;
}

.h-context {
  color: var(--blue-bright);
  font-size: .75rem;
}

.h-context.is-dark {
  color: var(--fills--dark-grey);
}

.h-context.is-grey {
  color: var(--border--halftone);
  letter-spacing: .5px;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .65rem;
  font-weight: 400;
}

.h-bento-wrap-2 {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.h-bento-wrap-2._60-40 {
  flex-flow: row;
  grid-template-columns: 1.4fr 1fr;
  max-height: 100%;
  display: flex;
}

._w-grid-bg {
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  border-radius: var(--corner-radius--r1);
  background-color: #d0d5d4;
  flex-flow: column;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto .4fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: end stretch;
  width: 100%;
  height: 100%;
  padding: 0;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: grid;
  overflow: hidden;
}

._w-grid-bg:hover {
  transform: scale(1.025);
}

._w-grid-bg.mini {
  padding: var(--spacing--xs);
  place-items: center stretch;
  height: 100%;
  display: flex;
}

._w-grid-bg.left {
  background-color: var(--fills--slate-grey);
  justify-content: flex-start;
  place-items: center start;
  display: flex;
}

._w-grid-bg.single {
  padding: 0;
  display: flex;
}

._w-grid-bg.single.white {
  background-color: #f2f4f4;
}

._w-grid-bg.caption {
  padding-top: var(--spacing--xmd);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: 85% 15%;
}

._w-grid-bg.caption.mmt, ._w-grid-bg.caption.white {
  background-color: var(--base--white);
}

._w-grid-bg.dark {
  background-color: var(--accents--blue-black);
}

.h-bento-titletext {
  flex: 0 auto;
}

._w-grid-context {
  padding-right: var(--spacing--lg);
  padding-bottom: var(--spacing--xs);
  padding-left: var(--spacing--lg);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  letter-spacing: .045em;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  display: none;
  position: relative;
}

.h-smicon-wrap {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.h-smicon-wrapper {
  border-radius: var(--corner-radius--r1);
  background-color: var(--base--300-25);
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2em;
  display: flex;
}

.h-smicon-wrapper:hover {
  background-color: var(--fills--400);
  filter: drop-shadow(0 1px 5px #000000b3) grayscale();
}

.h-smicon-wrapper.ne {
  display: none;
}

.h-smicon-wrapper.about {
  padding-right: var(--spacing--md);
  padding-left: var(--spacing--md);
  border: 1px solid var(--base--300-25);
  color: var(--fills--silver);
  text-align: center;
  width: auto;
  text-decoration: none;
}

.h-smicon-wrapper.about.large {
  flex: none;
  height: 3em;
}

.h-smicon-wrapper.about.large.long {
  color: var(--fills--silver);
  width: 6em;
  height: 3em;
}

.h-smicon-wrapper.about.large.long:hover {
  background-color: var(--base--overlay-35);
  color: var(--base--white);
}

.h-smicon-wrapper.about.mobile {
  background-color: var(--base--300-25);
}

.h-smicon-wrapper.large {
  z-index: 99;
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--100-25);
  color: var(--fills--silver);
  width: 4.4rem;
  height: 2.8em;
  font-size: .75em;
  text-decoration: none;
  position: relative;
}

.h-smicon-wrapper.large:hover {
  background-color: var(--base--300-25);
  color: var(--base--white);
}

.sm-icon {
  opacity: .8;
  color: var(--fills--dark-grey);
  flex: none;
  width: .8rem;
  height: .8rem;
}

.sm-icon.grey {
  filter: invert(76%);
  width: .9rem;
  height: .9rem;
}

.h-c-list {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.history-icon-wrap {
  border-radius: var(--corner-radius--r2);
  background-color: var(--border--100);
  justify-content: center;
  align-items: center;
  width: 4svh;
  height: 3.2svh;
  display: none;
}

.history-icon-wrap.light {
  background-color: var(--base--white);
  width: 6rem;
}

.h-p-item {
  padding-top: var(--spacing--xs);
  padding-right: var(--spacing--md);
  padding-left: var(--spacing--md);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  color: var(--base--black);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.h-p-item:hover {
  background-image: linear-gradient(to bottom, var(--border--100), var(--border--100));
  filter: brightness(200%);
  color: var(--base--white);
  border-radius: .6rem;
}

.h-p-item.w--current {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
}

.h-tr-text {
  color: var(--fills--dark-grey);
  letter-spacing: 1px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  font-family: Sequel sans disp, sans-serif;
  font-size: .65em;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  display: flex;
}

.h-tr-text:hover {
  color: var(--base--white);
}

.h-tr-text.faded {
  color: var(--blue-bright);
  font-size: .65em;
}

.h-tr-text.dark {
  color: var(--blue-bright);
}

.h-tr-text.greyy {
  color: var(--fills--nav-text);
  font-size: .55em;
}

.h-tr-text.side {
  color: var(--fills--silver);
  font-size: .7em;
}

.h-tr-top {
  color: var(--blue-bright);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.project-icon-f-mini {
  order: -1;
  width: 1.2rem;
  height: 1rem;
}

.h-tr-wrap {
  padding-top: var(--spacing--xs);
  padding-bottom: var(--spacing--xs);
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  letter-spacing: .025em;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.65em;
  line-height: 100%;
  display: flex;
}

.about-stack-modal {
  padding: var(--spacing--md);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 92%;
  display: flex;
}

.h-tabs-content-portfolio {
  padding: var(--spacing--lg) var(--spacing--sm);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.h-about-avi {
  border-radius: var(--corner-radius--r2);
  object-fit: cover;
  order: 0;
  width: 10rem;
  height: 10rem;
}

.h-avi {
  width: 10rem;
  height: 10rem;
}

.h-avi:hover {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67e9ca23324c5b192178bd86_Image%2030-03-2025%20at%2023.43.jpg");
  background-position: 0 0;
  background-size: cover;
}

.exp-p-item {
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border: 1px solid var(--base--transparent);
  border-radius: var(--corner-radius--r2);
  color: var(--base--black);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.exp-p-item:hover {
  border-style: dashed;
  border-color: var(--blue-bright);
}

.exp-p-item.last {
  border-bottom-style: none;
}

.exp-p-item.infra {
  display: none;
}

.h-tr-bot {
  color: var(--blue-bright);
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.h-context-loca {
  color: var(--blue-bright);
  text-align: left;
  letter-spacing: 0;
  flex: none;
  width: auto;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 120%;
}

.landing-reels {
  border: 2px solid var(--300);
  border-radius: var(--corner-radius--r3);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 35% 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.landong-reels-wrap {
  aspect-ratio: 16 / 9;
  border: 12px solid var(--base--white);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--black);
  object-fit: cover;
  width: 55svw;
  height: auto;
  overflow: hidden;
}

.div-block-31 {
  padding: var(--spacing--lg);
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  border: .25px solid var(--base--200-5);
  border-radius: var(--corner-radius--r3);
  background-color: #fafafa;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-31:hover {
  background-color: var(--base--white);
  border: .25px dashed #0071fe4d;
}

.div-block-31.full {
  width: 100%;
}

.h-projects-all {
  margin-top: var(--spacing--xxxl);
  width: 100%;
}

.h-bento-wrap-2rows {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  place-items: center stretch;
  height: 100%;
  display: grid;
}

.h-bento-wrap-1-mobile-col {
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: grid;
}

.h-bento-wrap-2cols {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 100%;
  display: grid;
}

.h-bento-wrap-2cols.is-reverse {
  grid-template-columns: .6fr .4fr;
}

.h-bento-wrap-full {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  height: 42svh;
  max-height: 100%;
  display: grid;
}

.baby {
  margin-top: var(--spacing--xl);
  border-radius: 20em;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 8rem;
  display: flex;
  overflow: hidden;
}

.babay-img {
  border-radius: var(--corner-radius--r3);
  flex: 1;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.bold-text-12 {
  color: var(--fills--silver);
}

.solution-tabs {
  padding-left: var(--spacing--xmd);
  border-radius: var(--corner-radius--r2);
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
  overflow: visible;
}

.segmented-control {
  padding: var(--spacing--sm);
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 10px #3030301a;
}

.segmented-control.projects {
  margin-bottom: var(--spacing--xxl);
  padding: var(--spacing--sm);
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  flex-flow: wrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.segmented-control.home {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--fills--bg-grey);
}

.solutions-content {
  padding-top: var(--spacing--lg);
  padding-bottom: var(--spacing--lg);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.solutions-content.projects {
  margin-top: var(--spacing--xs);
}

.p-solutions {
  padding-bottom: var(--spacing--xl);
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  border-radius: var(--corner-radius--r3);
  border-left: 1px dashed #4d4d4d40;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  min-width: 75%;
  display: flex;
}

.hidden {
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 86svw 14svw;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100svw;
  margin-bottom: 4svh;
  display: none;
  overflow: visible;
}

.timeline-img {
  border-radius: var(--corner-radius--r1);
  object-fit: contain;
  width: 100%;
  height: auto;
  max-height: none;
  display: block;
}

.reels-wrap {
  border-radius: var(--corner-radius--r3);
  width: auto;
  height: auto;
  overflow: hidden;
}

.p-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.l-sep {
  height: 5em;
}

.l-sep.sidepanel {
  background-color: var(--border--100);
  opacity: .5;
  width: 90%;
  height: .6px;
}

.div-block-32 {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.div-block-32._2 {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  justify-content: flex-start;
  align-items: flex-end;
}

.h-projects-all-copy {
  margin-top: var(--spacing--xxxl);
  width: 100%;
}

.h-web-brand {
  padding: var(--spacing--lg);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--transparent);
  flex-flow: column;
  width: 100%;
  display: flex;
}

._w-projects {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start center;
  place-items: center end;
  width: 100%;
  height: auto;
  display: grid;
}

._w-projects.brand {
  padding: var(--spacing--xxl);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--black);
  grid-template-columns: .5fr .5fr .5fr;
  display: none;
}

.p-wrap {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  align-self: center;
  width: 100%;
  display: flex;
}

.p-wrap.grid {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.h-experiments {
  margin-top: var(--spacing--lg);
  padding: var(--spacing--lg);
  border-radius: var(--corner-radius--r2);
  background-color: var(--fills--bg-grey);
  width: 100%;
  box-shadow: 0 2px 5px #f7f7f733;
}

.cover-image-logo-copy {
  object-fit: cover;
  order: -1;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
}

.body-home-copy {
  background-color: var(--accents--blue-green-linear1);
  letter-spacing: -.025em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body-home-copy.projects {
  background-color: var(--base--white);
}

.gridtable-lin-p {
  padding: var(--spacing--lg) var(--spacing--xxl);
  border: 1px solid var(--base--200-5);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--transparent);
  color: var(--base--black);
  letter-spacing: 0;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.4em;
  display: flex;
}

.gridtable-lin-p:hover {
  color: var(--fills--dark-grey);
  background-color: #2b2b2b;
  border-radius: .5em;
}

.gridtable-lin-p.w--current {
  border: 1px solid var(--base--300-25);
  background-color: var(--base--black);
  color: var(--base--white);
  border-radius: .5em;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gridtable-link-copy {
  padding: var(--spacing--lg) var(--spacing--xxl);
  border-radius: var(--corner-radius--r2);
  background-color: var(--accents--blue-black);
  color: var(--base--white);
  letter-spacing: 0;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.4em;
  display: flex;
}

.h-studio {
  padding: var(--spacing--xxl) var(--spacing--lg) var(--spacing--lg);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
  width: 100%;
}

.gridtable-link-copy {
  padding: var(--spacing--lg) var(--spacing--xxl);
  border: 1px solid var(--accents--blue-green-linear1);
  border-radius: var(--corner-radius--r2);
  color: var(--base--white);
  letter-spacing: 0;
  background-color: #18181b33;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.4em;
  display: flex;
}

.gridtable-link-copy:hover {
  color: var(--fills--dark-grey);
  background-color: #2b2b2b;
  border-radius: .5em;
}

.gridtable-link-copy.w--current {
  border: 1px solid var(--base--300-25);
  background-color: var(--base--white);
  color: var(--accents--blue-green-linear1);
  border-radius: .5em;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.p-gridlink {
  padding: var(--spacing--lg);
  border: 1px solid var(--base--200-5);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--200-5);
  color: var(--fills--400);
  letter-spacing: 0;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.2em;
  display: flex;
}

.p-gridlink:hover {
  color: var(--fills--dark-grey);
  background-color: #2b2b2b;
  border-radius: .5em;
}

.p-gridlink.w--current {
  border: 1px solid var(--base--transparent);
  background-color: var(--base--white);
  color: var(--accents--blue-green-linear1);
  border-radius: .5em;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gridtable-link-copy-copy {
  padding: var(--spacing--lg) var(--spacing--xxl);
  border: 1px solid var(--accents--blue-green-linear1);
  border-radius: var(--corner-radius--r2);
  color: var(--base--white);
  letter-spacing: 0;
  background-color: #18181b33;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Sequel sans book disp, sans-serif;
  font-size: 1.4em;
  display: flex;
}

.gridtable-link-copy-copy:hover {
  color: var(--fills--dark-grey);
  background-color: #2b2b2b;
  border-radius: .5em;
}

.gridtable-link-copy-copy.w--current {
  border: 1px solid var(--base--300-25);
  background-color: var(--base--white);
  color: var(--accents--blue-green-linear1);
  border-radius: .5em;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

._154-mouse-wrapper {
  opacity: .75;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

._154-mouse-wrapper:hover {
  opacity: 100;
}

._154-mouse {
  border: 1.2px solid var(--blue-bright);
  border-radius: 100px;
  justify-content: center;
  align-items: flex-start;
  width: 1.2em;
  height: 2.4em;
  display: flex;
}

._154-circle {
  background-color: var(--blue-bright);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-top: 8px;
}

._154-scroll-text {
  color: #fff;
  text-align: center;
  letter-spacing: 10px;
  margin-top: 20px;
  margin-right: -10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: .8em;
  display: none;
}

.main-home {
  border-radius: var(--corner-radius--r3);
  align-self: center;
  width: 86%;
}

.splash-wrapper {
  z-index: 3;
  margin-bottom: -100svh;
  position: relative;
}

.splash-spacer {
  height: 100svh;
}

._w-grid-2 {
  border-radius: var(--corner-radius--r2);
  color: var(--base--black);
  background-color: #d0d5d4;
  flex-flow: column;
  flex: 1;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: center;
  height: 100%;
  font-size: 1.4em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

._w-grid-2.no-label {
  justify-content: center;
  align-items: center;
}

._w-grid-2.dark {
  background-color: var(--accents--blue-black);
}

._w-grid-2.scale-down {
  padding: var(--spacing--xmd);
}

.div-block-33 {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.h-intro-wrap-home {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: grid;
}

.div-block-34 {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  display: flex;
}

.image-43 {
  height: 1.4em;
}

.div-block-35 {
  justify-content: center;
  align-items: center;
  width: 65%;
  display: flex;
}

.div-block-36 {
  align-self: center;
  width: 70svw;
  display: flex;
}

.div-block-37 {
  grid-column-gap: var(--spacing--xs);
  grid-row-gap: var(--spacing--xs);
  flex-flow: column;
  display: flex;
}

.spacer-p {
  height: 2em;
  display: none;
}

.btns-project {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-38 {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tab-pane-tab-3 {
  flex: none;
  width: 100%;
  height: auto;
}

.solution-container {
  margin-bottom: var(--spacing--xl);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  border: 1px dashed var(--base--300-25);
  border-radius: var(--corner-radius--r3);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.solution-container.iterations {
  align-self: center;
}

.solution-container.hide {
  display: none;
}

.sol-iterations {
  padding-top: var(--spacing--xxxl);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--black);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 54svh;
  display: flex;
  overflow: hidden;
}

.sol-iterations.is-carbon, .sol-iterations.is-kemnet {
  width: 60rem;
}

.sol-iterations.is-mtr {
  object-fit: cover;
}

.sol-iterations.is-mmt {
  width: 60rem;
}

.sol-iterations.cover {
  justify-content: center;
  align-items: center;
  padding-top: 0;
}

.sol-iterations.full {
  background-color: var(--base--overlay-35);
  padding-top: 0;
}

.sol-iterations.full.light {
  background-color: var(--base--transparent);
}

.anatomy-card {
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border-radius: var(--corner-radius--r3);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.anatomy-card.is-balance {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67d22394b5cb993079b2bcc8_craft%20STORYTELLING%20influence.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1000px;
}

.anatomy-card.mid {
  justify-content: center;
  align-items: center;
}

.anatomy-card.full {
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
}

.anatomy-card.is-timeline {
  padding: var(--spacing--md);
  border-radius: var(--spacing--md);
  height: 54svh;
}

.anatomy-card.long {
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--transparent);
  height: auto;
}

.bento-context-card {
  min-width: 100%;
  height: auto;
}

.p-goal-outcome {
  padding-top: var(--spacing--xxl);
  padding-bottom: var(--spacing--xxxl);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 75%;
  margin-top: -4rem;
  display: flex;
}

.p-header-img {
  padding-top: var(--spacing--lg);
  border-radius: var(--corner-radius--r3);
  background-color: var(--accents--blue-black);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/68932ebd45683814665aee33_20250806_1128_Electric%20Blue%20Gradient_simple_compose_01k1zes6xnffraqyk2zdpzstnf.avif");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 0 2px 20px 8px #0003;
}

.p-header-img.is-carbon, .p-header-img.is-kemnet {
  width: 60rem;
}

.p-header-img.is-mtr {
  object-fit: cover;
}

.p-header-img.is-mmt {
  width: 60rem;
}

.p-header-img.cover {
  justify-content: center;
  align-items: center;
  padding-top: 0;
}

.p-header-img.full {
  justify-content: center;
  align-items: center;
}

.p-header-img.full.light {
  background-color: var(--base--transparent);
}

.p-header-img._2-col {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  background-color: var(--base--transparent);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.p-header-img.cutoff {
  background-color: var(--base--white);
  background-image: none;
  overflow: hidden;
}

.p-header-img.white {
  background-color: var(--base--white);
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/689b597c3d17be63333da21c_BG-WAVE.avif");
  background-size: cover;
  overflow: hidden;
}

.p-header-img.spesh {
  justify-content: space-between;
  align-items: center;
}

.p-header-img.no-pad {
  box-shadow: none;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 0;
  overflow: visible;
}

.banner-modal {
  z-index: 1;
  padding: var(--spacing--xs);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  border: 1.4px dashed var(--border--100);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 24em;
  height: 24em;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.banner-modal.is-ai {
  margin-top: var(--spacing--md);
  grid-column-gap: var(--spacing--xl);
  grid-row-gap: var(--spacing--xl);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r3);
  background-color: var(--border--100);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 25em;
  height: 20em;
  padding-left: 0;
  display: flex;
}

.banner-img {
  height: 4em;
  box-shadow: 0 2px 5px #0003;
}

.banner-subtext {
  color: var(--fills--bg-grey);
  text-align: center;
  letter-spacing: 0;
  font-family: Geist, sans-serif;
  font-size: .88rem;
  font-weight: 400;
  line-height: 125%;
}

.banner-subtext.header {
  color: var(--base--white);
  letter-spacing: -.25px;
  font-size: 1.254rem;
}

.banner-subtext.subtext {
  color: var(--fills--silver);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 300;
}

.banner-wrap {
  opacity: var(--opacity);
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.banner-img-bg {
  z-index: 0;
  opacity: .69;
  height: 30%;
  position: absolute;
}

.banner-img-bg.banner {
  position: fixed;
}

.subtext-wrap {
  z-index: 1;
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--300-25);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.banner-wrap-page {
  opacity: var(--opacity);
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.page-placeholder {
  margin-top: var(--spacing--lg);
  padding-top: var(--spacing--xxl);
  border: 1px solid var(--border--100);
  border-radius: var(--corner-radius--r3);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 84svh;
  display: none;
}

.text-block-31 {
  font-family: Geist, sans-serif;
  font-size: .8rem;
}

.history-wrap {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.skills-wrap {
  padding-right: var(--spacing--xl);
  padding-left: var(--spacing--xl);
  width: 100%;
}

.tools-body {
  color: var(--fills--silver);
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .75em;
  font-weight: 400;
  line-height: 180%;
  overflow: visible;
}

.icon-24 {
  filter: brightness(150%);
  width: 24px;
  height: 24px;
}

.icon-24._16 {
  width: 14px;
  height: 16px;
}

.icon-24._18 {
  width: 18px;
  height: 18px;
}

.bg-leather {
  cursor: auto;
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/686fa3d431912b109cea4a7a_20250710_1225_Elegant%20Leather%20Texture_simple_compose_01jzt19w7ae1mrrrv547wg57vf.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex: none;
  align-self: center;
  width: 100dvw;
  height: 100dvh;
  position: fixed;
  inset: 0%;
}

.anno-below {
  padding-top: var(--spacing--sm);
  color: var(--fills--body-text);
  text-align: left;
  letter-spacing: .1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: 130%;
  display: flex;
}

.anno-below.light {
  color: var(--fills--silver);
  justify-content: center;
  align-items: center;
  display: flex;
}

.sol-img {
  border: 1px solid var(--300);
  border-radius: var(--corner-radius--r3);
  width: 100%;
  height: auto;
}

.sol-img.mobile {
  width: 65%;
}

.sol-img.cover {
  background-color: var(--base--white);
}

.sol-vid {
  border-radius: var(--corner-radius--r2);
  object-fit: cover;
  width: 100%;
  height: auto;
}

.sol-vid.white {
  background-color: var(--base--white);
}

.experiments-home {
  padding-bottom: var(--spacing--xxl);
  border-radius: var(--corner-radius--r3);
  align-self: flex-start;
  width: 100%;
}

.project-wrap {
  padding: var(--spacing--xmd);
  background-color: var(--base--black);
  justify-content: flex-start;
  align-items: flex-start;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.context-card {
  padding: var(--spacing--lg);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  flex-flow: column;
  display: flex;
}

.modal {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal.texturedweb {
  display: none;
}

.modal.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.modal.eve-copy-p {
  display: flex;
}

.modal-about {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-about.hoverex1, .modal-about.bh, .modal-about.texturedweb {
  display: none;
}

.modal-about.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  inset: 0% 0% 0% auto;
  overflow: auto;
}

.modal-bh {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-bh.hoverex1 {
  display: none;
}

.modal-bh.bh {
  display: none;
  overflow: auto;
}

.modal-bh.texturedweb {
  display: none;
}

.modal-bh.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.modal-hoverex {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-hoverex.hoverex1 {
  display: none;
  overflow: auto;
}

.modal-hoverex.bh, .modal-hoverex.texturedweb {
  display: none;
}

.modal-hoverex.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.modal-airline {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-airline.hoverex1, .modal-airline.bh, .modal-airline.texturedweb {
  display: none;
}

.modal-airline.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.modal-filters {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-filters.hoverex1, .modal-filters.bh, .modal-filters.texturedweb {
  display: none;
}

.modal-filters.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.modal-filters-2 {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-filters-2.hoverex1, .modal-filters-2.bh, .modal-filters-2.texturedweb {
  display: none;
}

.modal-filters-2.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.close-link {
  padding: var(--spacing--xs) var(--spacing--xs) var(--spacing--xs) var(--spacing--md);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--accents--blue-black);
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  width: auto;
  height: 2em;
  font-size: 1.2em;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.close-link:hover {
  background-color: var(--base--white);
}

.close-link.is-portfolio:hover {
  background-color: var(--accents--medium-spring-green);
}

.close-link.is-linkedin:hover {
  background-color: var(--accents--cyan);
}

.close-link.is-email:hover {
  filter: brightness(120%);
  background-color: #a4ebfc;
  overflow: hidden;
}

.close-wrap {
  order: -1;
  justify-content: flex-end;
  align-items: center;
  width: 75svw;
  height: auto;
  display: flex;
}

.icon-wrap {
  padding: var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  background-color: var(--fills--dim-grey);
  flex: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.icon-close {
  width: .9em;
  height: .9em;
}

.icon-close:hover {
  transform: rotate(45deg);
}

.close-text {
  letter-spacing: 1px;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 600;
}

.close-text.light {
  color: var(--fills--slate-grey);
}

.modal-segmented-ctrl {
  z-index: 99;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-segmented-ctrl.hoverex1 {
  display: none;
  overflow: auto;
}

.modal-segmented-ctrl.bh, .modal-segmented-ctrl.texturedweb {
  display: none;
}

.modal-segmented-ctrl.about {
  z-index: 999;
  background-color: var(--base--overlay-35);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100svw;
  display: none;
  inset: 0% 0% 0% auto;
}

.experiment-img {
  border-radius: var(--corner-radius--r3);
  object-fit: cover;
  flex: none;
  height: 40em;
  display: block;
}

.experiment-img.kandscaper {
  width: 100%;
}

.exp-asset {
  padding: var(--spacing--md);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  background-color: var(--base--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.exp-asset._45sv {
  height: 65svh;
}

.exp-asset._2-col {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.exp-title {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 60% 40%;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 98%;
  display: grid;
}

.solution-anno-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: .2rem;
  display: flex;
}

.solution-container-2 {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

.sol-img-2 {
  border-radius: .5rem;
  width: 100%;
  height: auto;
}

.anno-below-2 {
  color: #545e75;
  text-align: left;
  letter-spacing: .1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: 130%;
  display: flex;
}

.sol-asset-2 {
  border-radius: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.sol-asset-2.full {
  justify-content: center;
  align-items: center;
}

.overview-tit-2 {
  color: #000;
  text-align: justify;
  width: 100%;
  font-family: Geist, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 140%;
}

.anno-above-2 {
  color: #545e75;
  text-align: right;
  letter-spacing: .1em;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: 120%;
}

.exp-title-2 {
  padding: var(--spacing--md) var(--spacing--md) var(--spacing--md) var(--spacing--lg);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1.2px dashed var(--base--300-25);
  border-radius: var(--corner-radius--r3);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.stats-wrap {
  margin-top: var(--spacing--sm);
  padding: var(--spacing--lg);
  grid-column-gap: var(--spacing--md);
  grid-row-gap: var(--spacing--md);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start center;
  width: 100%;
  height: auto;
  display: grid;
  overflow: hidden;
}

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

.stats-wrap.is-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.stats-wrap.is-2 {
  grid-template-columns: 1fr 1fr;
}

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

.skills-grid {
  padding: var(--spacing--xmd);
  grid-column-gap: var(--spacing--lg);
  grid-row-gap: var(--spacing--lg);
  border-radius: var(--corner-radius--r2);
  background-color: var(--accents--blue-black);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 30% 64%;
  justify-content: space-between;
  place-items: center start;
  width: 100%;
  display: flex;
}

.tab-pane-tab-3-2 {
  width: 100%;
}

.sol-img-lottie {
  border: 1px solid var(--300);
  object-fit: scale-down;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
}

.sol-img-lottie.is-airline {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
}

.sol-img-lottie.is-acard {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
  display: none;
}

.sol-img-lottie.embed {
  object-fit: cover;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  display: block;
}

.sol-img-lottie.embed.large {
  width: 100%;
}

.sol-img-lottie.embed.sm {
  width: 50%;
}

.sol-img-lottie.project {
  height: auto;
  display: block;
}

.sol-img-lottie.sm {
  height: 40svh;
}

.sol-img-lottie.light {
  padding-top: var(--spacing--lg);
  padding-bottom: var(--spacing--lg);
  border: 1px solid var(--300);
  background-color: var(--base--white);
  border-radius: .8rem;
  overflow: hidden;
}

.anno-above-copy {
  color: var(--fills--body-text);
  text-align: right;
  letter-spacing: .1em;
  width: 100%;
  font-family: Sequel sans disp, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: 120%;
}

.anno-above-copy.anno-left {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.slide-anno {
  z-index: 10;
  padding-top: var(--spacing--lg);
  background-color: var(--base--black);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 60% 40%;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 98%;
  display: grid;
  position: relative;
}

.slide-anno.strategy {
  margin-bottom: var(--spacing--xl);
  width: 100%;
}

.slide-title {
  color: var(--base--white);
  text-align: justify;
  width: 100%;
  font-family: Geist, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 140%;
}

.slider-img-lottie {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60svh;
  display: block;
}

.slider-img-lottie.is-airline {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
}

.slider-img-lottie.is-acard {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
  display: none;
}

.slider-img-lottie.embed {
  object-fit: cover;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  display: block;
}

.slider-img-lottie.embed.large {
  width: 100%;
}

.slider-img-lottie.embed.sm {
  width: 50%;
}

.slider-img-lottie.project {
  height: auto;
  display: block;
}

.slider-img-lottie.sm {
  height: 40svh;
}

.back-arrow {
  transform: rotate(-90deg);
}

.baby-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.hc-sep {
  margin-top: var(--spacing--md);
  margin-bottom: var(--spacing--md);
  border: 1px solid var(--base--100-25);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.hc-sep.left {
  margin-top: 0;
  margin-bottom: var(--spacing--sm);
  padding-bottom: var(--spacing--xs);
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  border-radius: var(--corner-radius--r2);
  opacity: .5;
  justify-content: flex-start;
  align-items: center;
}

._w-grid-wrap.left-tilt {
  height: 100%;
  padding-left: 10%;
}

.p-header-img-wrap {
  height: 50svh;
}

.context-lottie {
  object-fit: scale-down;
  background-color: #edf0fb;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
}

.context-lottie.is-airline {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
}

.context-lottie.is-acard {
  background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/67bf93edb5d39925cecc84a7_Frame%201400001188.avif");
  background-position: 0 0;
  background-size: auto;
  display: none;
}

.context-lottie.embed {
  object-fit: cover;
  width: 80%;
  height: auto;
  margin-bottom: 0;
  display: block;
}

.context-lottie.embed.large {
  width: 100%;
}

.context-lottie.embed.sm {
  width: 50%;
}

.context-lottie.project {
  height: auto;
  display: block;
}

.context-lottie.sm {
  height: 40svh;
}

.context-lottie.light {
  padding-top: var(--spacing--lg);
  padding-bottom: var(--spacing--lg);
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--white);
  overflow: hidden;
}

.context-lottie.white {
  background-color: var(--base--white);
}

.context-lottie.white.sm {
  width: 75%;
  height: auto;
}

.context-lottie.dark {
  border-radius: var(--corner-radius--r3);
  background-color: var(--base--black);
}

.div-block-41 {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  display: flex;
}

.h-bento-container {
  grid-column-gap: var(--spacing--sm);
  grid-row-gap: var(--spacing--sm);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.div-block-42 {
  grid-column-gap: var(--spacing--xmd);
  grid-row-gap: var(--spacing--xmd);
  flex-flow: column;
  display: flex;
}

@media screen and (min-width: 1280px) {
  h2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section {
    grid-column-gap: 7.5rem;
    grid-row-gap: 7.5rem;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: flex;
    position: relative;
  }

  .navlink.w--current {
    width: 6svw;
  }

  .navlink.n-studio.w--current, .navlink.previous.w--current {
    width: auto;
  }

  .grid-10 {
    justify-content: space-between;
  }

  .text-block-7 {
    align-self: flex-start;
  }

  .p {
    border-color: var(--plates--300\<deleted\|variable-f70aa483\>);
    box-shadow: 0 2px 0 0 var(--plates--300\<deleted\|variable-f70aa483\>);
    flex: none;
    width: 40vw;
    height: 70vh;
    margin-right: 2.5em;
  }

  .p:hover {
    box-shadow: 0 2px 20px 0 var(--plates--300\<deleted\|variable-f70aa483\>);
  }

  .p:focus-visible, .p[data-wf-focus-visible] {
    transform: scale(1.05);
  }

  .tabs-text {
    font-size: .8em;
  }

  .tabs-menu {
    grid-column-gap: .4vw;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .tabs-content {
    margin-top: 5vh;
  }

  .container-tab2 {
    border-style: none;
    display: block;
  }

  .container-tab3 {
    border-style: none;
  }

  .h4-label {
    font-size: .7em;
  }

  .h2-body.terra {
    color: var(--base--white);
    font-weight: 500;
  }

  .h2-body.kemet {
    font-size: 1.4em;
    font-weight: 500;
  }

  .work-card {
    border-radius: 30px;
    width: 75vw;
    height: 75vh;
    overflow: visible;
  }

  .card-image {
    overflow: hidden;
  }

  .card-bottom {
    background-color: #0000;
    justify-content: space-around;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: visible;
  }

  .card-tags {
    margin-top: .5em;
    display: flex;
  }

  .tag-1 {
    border-color: var(--fills--dark-grey);
    background-color: #0000;
    padding: 1% 2%;
  }

  .h5-label-desc {
    font-size: .9em;
    font-weight: 400;
    line-height: 1.4em;
  }

  .h5-label-desc.terra {
    font-size: .8em;
  }

  .h5-label-desc.kemet {
    color: var(--base--white);
  }

  .card-grid {
    border-radius: 20px;
    grid-template-rows: 75% 25%;
    overflow: hidden;
  }

  .featured-work {
    height: 300vw;
    margin-top: 0;
    padding-top: 0;
  }

  .work-cards {
    margin-left: 13.5em;
  }

  .container-105 {
    max-width: none;
  }

  ._w-drawer-content {
    width: 72svw;
    margin-bottom: 5%;
  }

  .work-card-main-last {
    width: 120vw;
    display: none;
  }

  .about-body {
    line-height: 2em;
  }

  .experience-body-gb {
    font-family: Inter variablefont slnt wght;
  }

  .experience-text-2 {
    justify-content: flex-start;
  }

  .p-header {
    border-radius: 1em;
  }

  .content-accordion {
    justify-content: center;
    align-items: center;
    width: 72svw;
    margin-top: 2svh;
  }

  .body-4 {
    background-color: var(--accents--blue-black);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 1.25rem;
    line-height: 36px;
  }

  .card-new {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    outline-offset: 0px;
    cursor: pointer;
    outline: 3px #333;
    flex-direction: column;
    width: 20rem;
    display: flex;
    position: relative;
  }

  .card-image-wrapper {
    background-color: #ffffff1a;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .card-content-wrapper {
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .card-image-new {
    opacity: 1;
    filter: grayscale();
    object-fit: cover;
    overflow: hidden;
  }

  .card-array {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    outline-offset: 0px;
    cursor: pointer;
    outline: 3px #333;
    flex-direction: column;
    width: 20rem;
    display: flex;
    position: relative;
  }

  .card-button-array {
    margin-left: 16rem;
  }

  .nav-link-mini:hover {
    background-color: #b4b4b426;
    border-color: #b4b4b440;
  }

  .project-cta {
    width: 72svw;
  }

  .navbar {
    width: 62svw;
  }

  .more-work2 {
    color: var(--fills--dark-grey);
    background-color: #0000;
    border-radius: 1em;
  }

  .morework-2 {
    color: var(--fills--dark-grey);
    margin-top: 8vh;
    margin-right: 1em;
    font-family: Inter variablefont slnt wght;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.2em;
    display: none;
  }

  .card-avi {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    cursor: pointer;
    flex-direction: row;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .open-text-3:hover {
    color: var(--base--white);
  }

  .work-card-main-1 {
    border-color: var(--plates--300\<deleted\|variable-f70aa483\>);
    box-shadow: 0 2px 0 0 var(--plates--300\<deleted\|variable-f70aa483\>);
    flex: none;
    width: 40vw;
    height: 70vh;
    margin-right: 2.5em;
  }

  .work-card-main-1:hover {
    box-shadow: 0 2px 20px 0 var(--plates--300\<deleted\|variable-f70aa483\>);
  }

  .work-card-main-1:focus-visible, .work-card-main-1[data-wf-focus-visible] {
    transform: scale(1.05);
  }

  .footer-container-wrap {
    width: 85svw;
  }

  .p-top {
    display: flex;
  }

  .p-bottom {
    align-items: flex-start;
  }

  .p-card {
    flex: none;
  }

  .tabs-content-portfolio {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .projects-tabs {
    width: 100%;
  }

  .stack-card.is-3 {
    width: 62svw;
  }

  .c-copy {
    font-size: 1em;
  }

  .navcard:hover, .open-card4:hover {
    -webkit-backdrop-filter: brightness(200%);
    backdrop-filter: brightness(200%);
    background-color: #adadad40;
  }

  .books {
    word-break: keep-all;
    grid-template-columns: 32% 32% 32%;
    justify-items: end;
  }

  .tool-icon:hover {
    filter: brightness(150%);
  }

  .f-car:hover {
    -webkit-backdrop-filter: brightness(200%);
    backdrop-filter: brightness(200%);
    background-color: #adadad40;
  }

  .p-empty {
    flex: none;
  }

  .p-empty:hover {
    box-shadow: 0 2px 20px #4d4d4d40;
  }

  .p-empty:focus-visible, .p-empty[data-wf-focus-visible] {
    transform: scale(1.05);
  }

  .project-title-grid {
    width: 100%;
  }

  .p-cta {
    width: 12em;
    height: 2.6em;
    margin-bottom: 2rem;
  }

  .p-cta:hover {
    -webkit-backdrop-filter: brightness(200%);
    backdrop-filter: brightness(200%);
    background-color: #adadad40;
  }

  .p-link {
    width: 10em;
    height: 2.6em;
    margin-bottom: 2rem;
  }

  .p-link:hover {
    -webkit-backdrop-filter: brightness(200%);
    backdrop-filter: brightness(200%);
    background-color: #adadad40;
  }

  .p-top-empty {
    height: 93%;
    display: flex;
  }

  .cover-image-empty {
    object-fit: contain;
  }

  .p-bottom-empty {
    align-items: flex-start;
    height: 5%;
    max-height: 5%;
  }

  .projects-logo {
    align-content: stretch;
  }

  .highlights {
    border-radius: 1em;
  }

  .highlights-meta {
    width: 84%;
  }

  .highlight-img {
    width: 85%;
  }

  .handoff {
    height: auto;
  }

  .con-img-mai {
    width: 100%;
    height: 85%;
  }

  .highlights-meta-c {
    width: 84%;
  }

  .body-home {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 100%;
  }

  .open-text-3-mini:hover {
    color: var(--base--white);
  }

  .strategy {
    height: auto;
  }

  .summary, .discovery {
    width: 74svw;
  }

  .development {
    grid-row-gap: 1.5svh;
  }

  .iteration {
    width: 74svw;
  }

  .p-tags {
    border-color: var(--fills--dim-grey);
  }

  .p-image-h {
    object-fit: contain;
  }

  .stack-p {
    flex: none;
  }

  .nav-links {
    grid-column-gap: 2svw;
  }

  .slide-top {
    display: flex;
  }

  .slide-bottom {
    align-items: flex-start;
  }

  .s-tags, .s-tags-saas, .s-tags-web, .s-tags-productdesign, .s-tags-webflow {
    border-color: var(--fills--dim-grey);
  }

  .projects-bento {
    align-content: stretch;
  }

  .bento-card {
    flex: none;
  }

  .nav-wrapper {
    padding-left: 14rem;
  }

  .landing-hero {
    padding-left: 6svh;
    padding-right: 6svh;
  }

  .featured-hero {
    padding-right: var(--spacing--xxl);
    padding-left: var(--spacing--xxl);
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .f-grid {
    height: 48svh;
  }

  .img-p {
    background-size: 820px;
  }

  .img-p.is-carbon {
    background-size: 740px;
  }

  .img-p.is-mmt {
    background-size: 600px;
  }

  .img-p.is-viens {
    background-size: 740px;
  }

  .img-p.is-terra {
    background-size: 600px;
  }

  .img-p.is-mini {
    object-fit: none;
  }

  .main-mobile {
    padding-top: var(--spacing--xl);
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .bento-1.is-light {
    background-color: var(--base--white);
  }

  .projects-experiments {
    grid-template-columns: 100%;
    grid-auto-rows: 14em;
    align-content: stretch;
  }

  .img-bg {
    background-size: 820px;
  }

  .h-img-bg {
    background-image: none;
    height: 48svh;
  }

  .img-f {
    background-size: 820px;
  }

  .e-img-bg {
    background-image: none;
  }

  .e-vflex {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-rows: 1fr;
  }

  ._w-grid.dark.mobile-hide, ._w-grid.scale-down.mobile-hide.dark {
    background-color: var(--accents--blue-green-linear1);
  }

  ._w-img-bg {
    background-image: none;
    height: 48svh;
  }

  .about-hero, .experience-hero {
    padding-right: var(--spacing--xxl);
    padding-left: var(--spacing--xxl);
  }

  .skills-card {
    background-image: none;
    height: 48svh;
  }

  .skills-card.is-ds {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .exp-grid, .a-grid {
    justify-content: space-between;
  }

  .arrow-navcard:hover {
    -webkit-backdrop-filter: brightness(200%);
    backdrop-filter: brightness(200%);
    background-color: #adadad40;
  }

  .arrow-text:hover {
    color: var(--base--white);
  }

  .back-btn {
    font-size: 1em;
  }

  .t-tr {
    font-size: 1.1em;
  }

  .h-content-tree {
    padding-right: 1.6rem;
    padding-left: var(--spacing--lg);
  }

  .h-content-tree.home, .h-main-all {
    padding-right: var(--spacing--lg);
    padding-left: var(--spacing--lg);
  }

  .h-bento {
    background-color: var(--base--300-25);
  }

  .h-bento-wrap {
    height: 40svh;
  }

  .h-bento-wrap.is-3 {
    height: 68svh;
  }

  .h-bento-wrap.type2 {
    height: auto;
  }

  .h-bento-wrap._50-50-columns {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    grid-template-rows: auto;
    grid-template-columns: auto 50%;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .h-bento-wrap.is-3-landscape {
    height: 68svh;
  }

  .h-context.is-grey {
    display: flex;
  }

  .h-bento-wrap-2 {
    max-height: 100%;
  }

  ._w-grid-bg {
    background-image: none;
  }

  .h-smicon-wrapper.about.large.long, .h-smicon-wrapper.large {
    height: 4em;
  }

  .landong-reels-wrap {
    display: block;
  }

  .h-bento-wrap-2cols.is-reverse {
    max-height: 100%;
  }

  .p-img {
    object-fit: cover;
  }

  .sol-iterations {
    padding-top: var(--spacing--xl);
    height: 58svh;
  }

  .tools-body {
    line-height: 2em;
  }

  .skills-grid {
    justify-content: space-between;
  }
}

@media screen and (max-width: 991px) {
  .grid-6 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .camera-2 {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .navlink {
    height: 3rem;
    font-size: 1em;
  }

  .navlink.n-studio.w--current {
    height: 3rem;
  }

  .text-block-7 {
    text-align: left;
    align-self: flex-start;
    font-size: 1.67em;
    display: block;
  }

  .p {
    width: 100vw;
    height: 80vh;
    padding: 20px 2em;
  }

  .tabs-text {
    padding-top: 1.2vh;
    padding-bottom: 1.2vh;
    font-size: .6em;
  }

  .tab-link-tab-1 {
    width: 15vw;
    max-width: 15vw;
    height: 5vh;
    max-height: 5vh;
  }

  .tab-link-tab-1.w--current {
    max-width: 15vw;
    height: 6vh;
    max-height: 6vh;
  }

  .tab-link-tab-2 {
    height: 5vh;
    max-height: 5vh;
  }

  .tab-link-tab-2.w--current {
    height: 6vh;
    max-height: 6vh;
  }

  .tab-link-tab-3 {
    height: 5vh;
    max-height: 5vh;
  }

  .tab-link-tab-3.w--current {
    height: 6vh;
    max-height: 6vh;
  }

  .tabs-menu {
    grid-column-gap: .6vw;
    flex: 0 auto;
    align-self: center;
    width: 42vw;
    max-width: 42vw;
    height: 8vh;
  }

  .tabs-content {
    width: 100%;
    max-width: 100%;
  }

  .featured-work {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .work-cards {
    flex-direction: column;
  }

  .c-700 {
    max-width: 100%;
    padding-left: 0;
    padding-right: 40px;
  }

  .work-card-main-last {
    height: 50vh;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .list-item-header-2, .experience-body {
    font-size: .7em;
  }

  .about-body {
    font-size: .9em;
  }

  .experience-block {
    grid-row-gap: 1em;
  }

  .experience-title {
    font-size: .75em;
  }

  .project-banner {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--md);
  }

  .header-h1 {
    width: 40ch;
    margin-top: 4svw;
    margin-bottom: 4svw;
    font-size: 1.6em;
  }

  .details {
    grid-template-columns: 100%;
  }

  .content-accordion {
    width: 96svw;
  }

  .nav-link-mini {
    width: 2.4rem;
    height: 2.4rem;
  }

  .nav-link-mini.end {
    height: 2.4rem;
  }

  .title-link, .title-link.is-email {
    justify-content: flex-end;
    align-items: center;
  }

  .project-cta {
    width: 96svw;
  }

  .navbar {
    width: 90svw;
  }

  .rolling-gem {
    justify-content: flex-end;
    position: fixed;
    left: 23%;
  }

  .morework-2 {
    font-size: .8em;
  }

  .lottie-animation-4 {
    width: 40%;
  }

  .card-avi {
    width: 10rem;
    height: 10rem;
  }

  .open-text-3 {
    font-size: .7em;
  }

  .work-card-main-1 {
    width: 100vw;
    height: 80vh;
    padding: 20px 2em;
  }

  .footer-container-wrap {
    margin-top: 0;
  }

  .footer-container-wrap.full.light {
    display: none;
  }

  .projects {
    grid-template-columns: 100%;
  }

  .p-bottom {
    opacity: 1;
    padding-left: 2svw;
  }

  .h5 {
    font-size: .75em;
  }

  .p-body {
    font-size: .9em;
  }

  .p-card {
    height: 100%;
  }

  .tabs-content-portfolio {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .logo-name {
    font-size: .8em;
  }

  .stack-card {
    justify-content: center;
    height: 65svh;
  }

  .stack-card.is-3 {
    width: 90svw;
  }

  .navcard {
    order: -1;
  }

  .sol-asset {
    height: 32svh;
  }

  .sol-asset.is-carbon, .sol-asset.is-kemnet, .sol-asset.is-mmt {
    width: 44rem;
  }

  .open-card4 {
    width: 3em;
  }

  .main-project {
    grid-template-columns: 100%;
    margin-top: 6svh;
    padding-left: 0;
  }

  .lets-talk {
    width: 8em;
  }

  .experience-body2 {
    font-size: .7em;
  }

  .experience-title2 {
    font-size: .75em;
  }

  .tab-pane-tab-2 {
    width: 100%;
    padding-top: 0;
  }

  .p-empty {
    width: 10em;
    height: 10em;
  }

  .d-title, .d-content, .d-content-link {
    font-size: .65em;
  }

  .p-link {
    width: 8em;
    height: 2em;
  }

  .p-h5-empty {
    font-size: .9em;
  }

  .projects-logo {
    grid-template-columns: 90%;
    padding-bottom: 2svw;
  }

  .flex-block {
    width: 70%;
  }

  .content-tree {
    padding-top: var(--spacing--md);
    background-color: #0000;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 6svh;
    inset: 0% 0% auto;
  }

  .project-meta-2 {
    font-size: .7em;
  }

  .highlights {
    width: 94svw;
  }

  .details-case {
    grid-template-columns: 100%;
  }

  .h-meta {
    font-size: .7em;
  }

  .request {
    padding-left: var(--spacing--md);
    height: 2.2em;
  }

  .cont-copy {
    font-size: 1.2em;
  }

  .highlight-title {
    margin-top: 4svw;
    margin-bottom: 4svw;
    font-size: 1.6em;
  }

  .con-title-v {
    font-size: 2em;
  }

  .context {
    width: 94svw;
  }

  .highlight-wrap {
    width: 94svw;
    padding-top: 2svw;
  }

  .h-painpoint {
    grid-template-columns: 100%;
  }

  .button-main {
    font-size: .7em;
  }

  .handoff, .context-p, .problem-space, .client, .retrospective {
    width: 94svw;
  }

  .highlights-meta-r {
    align-items: flex-end;
    height: 20%;
  }

  .testi-copy {
    font-size: .7em;
  }

  .retro-title {
    height: 80%;
  }

  .hf-title {
    margin-top: 4svw;
    margin-bottom: 4svw;
    font-size: 1.2em;
  }

  .handoff-container {
    padding-top: 2svw;
  }

  .con-img-mai {
    object-fit: contain;
  }

  .open-text-3-mini {
    color: var(--base--white);
    font-size: .7em;
    display: block;
  }

  .retro-copy {
    width: 100%;
  }

  .h-title-meta {
    font-size: .65em;
  }

  .rbt {
    font-size: .7em;
  }

  .retro-copy-2 {
    width: 100%;
  }

  .highlight-button, .o-copy {
    font-size: .7em;
  }

  .o-copy-bold {
    font-size: .8em;
  }

  .con-button, .con-button-1, .con-button-2, .con-button-3, .hf-button {
    font-size: .7em;
  }

  .strategy {
    width: 94svw;
  }

  .mozy-web {
    height: 2.2em;
  }

  .summary {
    width: 94svw;
  }

  .marquee-horizontal.experiments {
    height: 30svh;
  }

  .discovery, .development, .iteration {
    width: 94svw;
  }

  .featured-marquee {
    justify-content: center;
  }

  .gate {
    height: 40svh;
  }

  .logo-wrap.w--current {
    width: 30%;
  }

  .menu-wrap {
    padding: var(--spacing--xs);
  }

  .stack-p {
    height: 100%;
  }

  .nav-links {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: wrap;
    grid-template-columns: 25% repeat(auto-fit, 25%) 25% 25%;
    grid-auto-columns: 1fr;
  }

  .footer-c2 {
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    justify-content: space-between;
    align-items: center;
  }

  .slide-body, .s-tags, .s-tags-saas, .s-tags-web, .s-tags-productdesign, .s-tags-webflow {
    font-size: .9em;
  }

  .transistion-text {
    font-size: 1.4rem;
  }

  .projects-bento {
    grid-template-columns: 65svw;
    padding-bottom: 2svw;
  }

  .bento-card {
    height: 100%;
  }

  .nav-wrapper {
    padding-left: 0;
    display: none;
  }

  .h1-a {
    margin-bottom: 2rem;
  }

  .h1-bold {
    -webkit-text-stroke-width: .025rem;
  }

  .landing-hero {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .featured-hero {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .featured-title-b {
    font-size: 1.4em;
  }

  .f-grid.is-carbon, .f-grid.is-viens {
    display: flex;
  }

  .featured-c-title {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--xmd);
  }

  .f-wrap.is-c {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: grid;
  }

  .f-wrap.is-a, .f-wrap.is-b, .f-wrap.is-d {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .h0 {
    font-size: 3em;
  }

  .h0-b {
    font-size: 1.2em;
  }

  .nav-projects {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .navcard-wrap {
    display: none;
  }

  .main-mobile {
    padding: var(--spacing--sm);
    display: none;
  }

  .p-overview {
    padding-left: 0;
    padding-right: 0;
  }

  .ben-img.is-wide {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .d-tag {
    font-size: .65em;
  }

  .context-bento {
    padding-left: var(--corner-radius--r2);
  }

  .context-bento.is-2 {
    padding-left: var(--spacing--xs);
  }

  .context-title {
    font-size: .8em;
  }

  .context-text {
    padding-left: var(--spacing--md);
    font-size: .8em;
  }

  .landing-menu-portfolio {
    width: 100%;
  }

  .pl-wrap {
    height: 40svh;
  }

  .f-tag {
    font-size: .6em;
  }

  .tag-wrap {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    height: auto;
  }

  .seg-link {
    font-size: 1em;
  }

  .seg-link.w--current {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--xmd);
  }

  .featured-hero-bento {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
  }

  .h-wrap.experiments {
    grid-template-columns: 1fr 1fr;
  }

  .h0-ul {
    font-size: 2.4em;
  }

  .h-grid.is-viens {
    display: flex;
  }

  .h-img-bg {
    height: 32svh;
  }

  .h-title {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--xmd);
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .h-content {
    text-align: left;
    flex-flow: row;
    font-size: .8rem;
  }

  .img-f {
    height: 32svh;
  }

  .featured-experiments {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .img-e, .e-img-bg {
    height: 32svh;
  }

  .e-vflex {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
  }

  .project-icon-f {
    width: 1.4rem;
    height: 1.4rem;
  }

  ._w-grid.dark.mobile-hide, ._w-grid.mobile-hide {
    display: none;
  }

  ._w-title {
    padding-right: var(--spacing--sm);
    padding-left: var(--spacing--sm);
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  ._w-img-bg {
    height: 32svh;
  }

  .about-hero {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .experience-hero {
    background-color: var(--base--black);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .skills-hero {
    padding-right: 3rem;
    padding-bottom: var(--spacing--sm);
    background-color: var(--base--black);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    padding-left: 3rem;
  }

  .h1-stack {
    flex-flow: column;
  }

  .skills-group {
    grid-column-gap: var(--spacing--xmd);
    grid-row-gap: var(--spacing--xmd);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 2rem;
    display: grid;
  }

  .skills-card {
    height: 32svh;
  }

  .skills-card.is-acc, .skills-card.is-nl, .skills-card.is-ds {
    height: 42svh;
  }

  .card-h2 {
    font-size: 1.4em;
  }

  .card-h3 {
    flex-flow: row;
  }

  .section-title.is-dark {
    font-size: 2rem;
  }

  .exp-row, .exp-row-sep {
    grid-row-gap: 1em;
  }

  .exp-dates {
    font-size: .7em;
  }

  .exp-role {
    font-size: .75em;
  }

  .exp-icon {
    width: 1.4rem;
    height: 1.4rem;
  }

  .exp-location {
    font-size: .7em;
  }

  .arrow-navcard {
    order: -1;
  }

  .arrow-text {
    font-size: .7em;
  }

  .p-context-main {
    padding-left: 0;
    padding-right: 0;
  }

  .p-overview-grid {
    padding-right: var(--spacing--xl);
    padding-left: var(--spacing--xl);
  }

  .overview-body {
    font-size: .75em;
  }

  .overview-tit {
    font-size: 1em;
  }

  .overv-title {
    font-size: 2em;
  }

  .overview-body-2 {
    font-size: .8em;
  }

  .go-wrap {
    padding-right: var(--spacing--md);
    padding-left: var(--spacing--md);
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    place-items: start center;
  }

  .featured-marquee-2 {
    justify-content: center;
  }

  .featured-c-title-2 {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--xmd);
  }

  .anno-above {
    font-size: .8em;
  }

  .sec-subtitle.is-ai {
    width: 36em;
  }

  .main-desktop {
    grid-template-columns: 82svw 18svw;
    display: none;
  }

  .h-content-tree {
    flex-flow: column;
    width: 18svw;
    display: none;
  }

  .h-main-all {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--xmd);
    max-width: 100%;
  }

  .h-intro {
    flex-flow: column;
  }

  .h-content-tree-under {
    flex-flow: column;
    width: 18svw;
  }

  .h-bento {
    padding-right: var(--spacing--lg);
    padding-left: var(--spacing--lg);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .h-bento-wrap {
    flex-flow: column;
  }

  .h-bento-wrap.is-3 {
    grid-template-columns: 100%;
  }

  .h-bento-wrap.auto {
    height: 40svh;
  }

  .h-bento-wrap._60-40 {
    grid-template-rows: auto;
    grid-template-columns: 100%;
  }

  .h-bento-wrap._60-40.mobile-hide {
    display: none;
  }

  .h-bento-wrap._40-60 {
    grid-template-columns: auto;
  }

  .h-bento-wrap._40-60.mobile-hide, .h-bento-wrap._50-50-rows.mobile-hide {
    display: none;
  }

  .h-bento-wrap.mobile {
    width: 100%;
    max-width: 100%;
  }

  .h-bento-wrap._50-50-columns.mobile-hide {
    display: none;
  }

  .h-bento-wrap.is-3-landscape {
    height: 40svh;
  }

  .h-bento-wrap._50-50-rows-vertical.mobile-hide {
    display: none;
  }

  .h-bento-title {
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .h-titletext {
    font-size: 1.4em;
  }

  .h-bento-wrap-2 {
    margin-bottom: 2rem;
  }

  ._w-grid-bg {
    height: 32svh;
  }

  .h-bento-titletext, ._w-grid-context {
    font-size: 1.4em;
  }

  .h-smicon-wrap.mobile {
    justify-content: center;
    align-items: center;
  }

  .sm-icon, .sm-icon.grey {
    width: 1rem;
    height: 1rem;
  }

  .h-tr-text {
    font-size: 1.4em;
  }

  .h-tr-text.dark {
    font-size: 1em;
  }

  .project-icon-f-mini {
    width: 1.4rem;
    height: 1.4rem;
  }

  .h-tr-wrap {
    font-size: 1.4em;
  }

  .h-tabs-content-portfolio {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .h-bento-wrap-2rows, .h-bento-wrap-1-mobile-col, .h-bento-wrap-2cols {
    margin-bottom: 2rem;
  }

  .h-img-mobile {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .solutions-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .p-solutions {
    padding-left: 0;
    padding-right: 0;
  }

  .hidden {
    grid-template-columns: 82svw 18svw;
  }

  ._w-projects {
    grid-template-columns: 100%;
  }

  .main-home {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .splash-wrapper {
    display: none;
  }

  .div-block-33 {
    margin-top: var(--spacing--xmd);
    margin-bottom: var(--spacing--xmd);
    justify-content: center;
    align-items: center;
  }

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

  .div-block-36 {
    width: 86svw;
  }

  .spacer-p {
    display: flex;
  }

  .sol-iterations {
    height: 32svh;
  }

  .sol-iterations.is-carbon, .sol-iterations.is-kemnet, .sol-iterations.is-mmt {
    width: 44rem;
  }

  .p-header-img {
    height: 32svh;
  }

  .p-header-img.is-carbon, .p-header-img.is-kemnet, .p-header-img.is-mmt {
    width: 44rem;
  }

  .banner-modal {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    width: 100%;
    height: 100%;
  }

  .banner-modal.is-ai {
    width: 36em;
  }

  .banner-img {
    padding: var(--spacing--md);
    border-radius: var(--corner-radius--r3);
    width: 3em;
    height: 3em;
  }

  .banner-subtext.header {
    color: var(--base--black);
    font-size: 1.1rem;
  }

  .banner-subtext.subtext {
    color: var(--base--black);
  }

  .banner-wrap {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
  }

  .banner-img-bg {
    height: 90%;
    position: absolute;
  }

  .banner-img-bg.banner {
    height: 40%;
  }

  .subtext-wrap {
    border-color: #ffffff1a;
  }

  .banner-wrap-page {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    inset: 0%;
  }

  .page-placeholder {
    margin-top: var(--spacing--md);
    padding: var(--spacing--xs);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .anno-below {
    font-size: .75em;
  }

  .experiments-home {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .close-link, .close-link.is-email {
    justify-content: flex-end;
    align-items: center;
  }

  .anno-below-2 {
    font-size: .75em;
  }

  .sol-asset-2 {
    height: 32svh;
  }

  .overview-tit-2 {
    font-size: 1em;
  }

  .anno-above-2 {
    font-size: .8em;
  }

  .stats-wrap {
    padding-right: var(--spacing--md);
    padding-left: var(--spacing--md);
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    place-items: start center;
  }

  .white-over {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    border-radius: var(--corner-radius--r3);
    background-color: var(--base--white);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .div-block-39 {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-40 {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    display: flex;
  }

  .anno-above-copy {
    font-size: .8em;
  }

  .slide-title {
    font-size: 1em;
  }
}

@media screen and (max-width: 767px) {
  .body-project {
    background-position: 0 0, 50%;
    background-size: contain, contain;
  }

  .containerfooterarticle {
    flex-flow: column;
  }

  .p {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .h4-label, .h2-body {
    font-size: .8em;
  }

  .h1-title {
    font-size: 2em;
  }

  .tab-grids {
    display: block;
  }

  .featured-work {
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .c-700 {
    align-self: flex-start;
    padding-left: 0;
  }

  .work-card-main-last {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-h1 {
    width: 30ch;
  }

  .nav-link-mini {
    display: none;
  }

  .title-link {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
  }

  .morework-2 {
    font-size: .8em;
  }

  .card-avi {
    width: 8rem;
    height: 8rem;
  }

  .work-card-main-1 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .projects {
    grid-template-rows: repeat(auto-fit, 36svh) 36svh 36svh;
    grid-template-columns: 100%;
    grid-auto-rows: 36svh;
  }

  .p-body {
    font-size: .7em;
  }

  .tabs-content-portfolio {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .p-content {
    align-items: flex-start;
  }

  .sol-asset {
    height: 28svh;
  }

  .p-empty {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .p-h5-empty {
    font-size: .7em;
  }

  .p-content-empty {
    align-items: flex-start;
    width: 90%;
  }

  .content-tree {
    justify-content: space-between;
    align-items: flex-start;
  }

  .body-home {
    background-position: 0 0, 50%;
    background-size: contain, contain;
  }

  .tags-content {
    align-items: flex-start;
  }

  .nav-links {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-c2 {
    grid-column-gap: var(--spacing--lg);
    grid-row-gap: var(--spacing--lg);
    flex-flow: column;
    order: -1;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
  }

  .stack-view-all {
    font-size: .9em;
    line-height: 1.4em;
  }

  .slide-body {
    font-size: .7em;
  }

  .sl-tags {
    align-items: flex-start;
    width: 90%;
  }

  .s-tags, .s-tags-saas, .s-tags-web, .s-tags-productdesign, .s-tags-webflow {
    font-size: .7em;
  }

  .landing-hero {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .f-grid.is-planaday {
    background-size: cover;
  }

  .h0-b {
    text-align: left;
    font-size: 1em;
  }

  .navcard-wrap {
    display: none;
  }

  .btn-view {
    padding-top: var(--spacing--sm);
    padding-bottom: var(--spacing--sm);
    font-size: 1em;
  }

  .slide-wrap {
    padding-top: var(--spacing--xl);
  }

  .context-bento {
    padding-top: var(--spacing--lg);
    padding-right: var(--spacing--lg);
    padding-left: var(--spacing--lg);
  }

  .p-context.is-planaday, .pl-wrap {
    height: 40svh;
  }

  .projects-experiments {
    grid-template-rows: 50svh;
  }

  .seg-link {
    font-size: 1em;
  }

  .h0-ul {
    font-size: 2em;
  }

  .e-vflex {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  ._w-grid {
    grid-template-rows: auto min-content;
    grid-template-columns: 1fr;
  }

  ._w-grid.dark.mobile-hide, ._w-grid.mobile-hide {
    display: none;
  }

  .about-hero, .experience-hero, .skills-hero {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .back-btn {
    padding-top: var(--spacing--sm);
    padding-bottom: var(--spacing--sm);
    font-size: 1em;
  }

  .p-overview-grid {
    grid-template-columns: 1fr 1fr;
  }

  .overview-col {
    padding-top: var(--spacing--lg);
    padding-right: var(--spacing--lg);
    padding-left: var(--spacing--lg);
  }

  .cs-btn {
    padding-top: var(--spacing--sm);
    padding-bottom: var(--spacing--sm);
    font-size: 1em;
  }

  .sec-subtitle.is-ai {
    width: 28em;
  }

  .h-h1-title {
    font-size: 2em;
  }

  .h-bento {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding: 0;
  }

  .h-bento-wrap._60-40.mobile-hide, .h-icon-wrap {
    display: none;
  }

  .h-bento-title {
    padding: var(--spacing--xmd);
    order: 1;
  }

  .h-tabs-content-portfolio {
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 0;
  }

  .segmented-control.projects {
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
  }

  .solutions-content {
    justify-content: flex-start;
    align-items: flex-end;
  }

  ._w-projects {
    grid-template-rows: repeat(auto-fit, 36svh) 36svh 36svh;
    grid-template-columns: 100%;
    grid-auto-rows: 36svh;
  }

  .body-home-copy {
    background-position: 0 0, 50%;
    background-size: contain, contain;
  }

  ._w-grid-2 {
    grid-template-rows: auto min-content;
    grid-template-columns: 1fr;
  }

  .div-block-35 {
    width: 100%;
    display: flex;
  }

  .div-block-36 {
    width: 86svw;
  }

  .sol-iterations, .p-header-img {
    height: 28svh;
  }

  .banner-modal.is-ai {
    width: 28em;
  }

  .close-link {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
  }

  .sol-asset-2 {
    height: 28svh;
  }
}

@media screen and (max-width: 479px) {
  .body-project {
    padding: var(--spacing--sm);
    background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/64ff05548f02e85ef16bf76f_ashwini-chaudhary-monty-y09UzJIgA-M-unsplash.webp");
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, 960px;
    background-attachment: scroll, fixed;
    justify-content: flex-start;
  }

  .headerimage_mobile {
    border-radius: 6px;
    margin-top: 0;
    display: block;
  }

  .containerfooterarticle {
    margin-bottom: var(--spacing--xxl);
    grid-row-gap: var(--spacing--lg);
  }

  .grid-6 {
    grid-auto-flow: row;
    margin-top: 60px;
    padding-bottom: 0;
    display: block;
  }

  .image-10, .image-11, .image-12 {
    padding-bottom: 10px;
  }

  .camera-2 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .navlink.previous.w--current {
    font-size: .9em;
  }

  .grid-10 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .current-role-text {
    margin-top: var(--spacing--md);
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
    font-size: .8em;
    overflow: hidden;
  }

  .page-load-section {
    margin-top: var(--spacing--sm);
    padding-top: var(--spacing--md);
    grid-column-gap: var(--spacing--xxl);
    grid-row-gap: var(--spacing--xxl);
  }

  .p {
    opacity: 1;
    outline-offset: 0px;
    border: 1px solid #b4b4b41a;
    border-radius: 1rem;
    outline: .5px #3d3d3d;
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 45vh;
    margin-bottom: 2rem;
    margin-right: 0;
    padding: 2% 1% 1%;
    display: flex;
    position: relative;
  }

  .tabs-wrapper {
    flex: 1;
  }

  .tab-link-tab-1 {
    width: 30%;
    max-width: 30%;
  }

  .tab-link-tab-1.w--current {
    flex: none;
    width: 30%;
    max-width: 30%;
  }

  .tab-link-tab-2, .tab-link-tab-3 {
    width: 30%;
    max-width: 30%;
  }

  .tabs-menu {
    grid-column-gap: 0vw;
    justify-content: space-around;
    width: 100%;
    max-width: 100%;
  }

  .tabs-content {
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .lottie-animation-3 {
    cursor: pointer;
    width: 1.25rem;
    max-width: 100%;
    height: 1.25rem;
  }

  .lottie-animation-3.open-button {
    filter: brightness(200%);
    width: 1rem;
    max-width: 90%;
  }

  .stem.vertical {
    margin-top: 0;
  }

  .h4-label {
    grid-column-gap: 0vw;
    font-size: 1em;
    transform: none;
  }

  .h2-body {
    text-align: left;
    margin-right: auto;
    font-size: .8em;
    line-height: 2em;
    display: none;
  }

  .h2-body.terra {
    grid-column-gap: 0vw;
    font-size: 1.8em;
    line-height: 1em;
  }

  .h2-body.kemet {
    font-size: 1.4em;
    line-height: 1em;
  }

  .h1-title {
    text-align: left;
    align-self: auto;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    position: relative;
  }

  .work-card {
    border-radius: 1rem;
    height: 60vh;
  }

  .work-card:hover {
    transform: scale(1.05);
  }

  .card-image {
    background-color: #20202045;
    border: 1px solid #b4b4b40d;
    border-radius: 1rem;
    order: -1;
    width: 96%;
    height: 80%;
  }

  .card-image.terra {
    background-color: var(--border--black-50);
    border: 1px solid #b4b4b433;
    border-radius: .5rem;
    flex: 0 auto;
    order: -1;
    justify-content: center;
    width: 38vh;
    max-width: none;
    height: 38vh;
    max-height: none;
    margin-top: 0;
    overflow: visible;
  }

  .cover-image {
    z-index: 2;
  }

  .cover-image.kemnet {
    object-fit: cover;
  }

  .card-bottom {
    grid-row-gap: .5rem;
    background-color: #0000;
    flex: 0 auto;
    order: -1;
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    width: auto;
    max-width: none;
    height: 20%;
    max-height: none;
    padding: .8rem .8rem .5rem .4rem;
    overflow: visible;
  }

  .card-tags {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 1.5em;
    margin-top: .5em;
    display: none;
  }

  .tag-1 {
    letter-spacing: 0;
    flex: none;
    width: 15em;
    height: 4em;
    padding: 0%;
    font-size: .2em;
    line-height: .6em;
  }

  .h5-label-desc {
    padding-left: .5%;
  }

  .h5-label-desc.terra {
    color: var(--base--white);
    letter-spacing: -.05em;
    max-width: 80%;
    font-size: .7em;
    font-weight: 200;
    line-height: 1.25em;
  }

  .h5-label-desc.kemet {
    font-size: .55em;
    line-height: 1em;
  }

  .tab-grids {
    width: auto;
    max-width: none;
    display: block;
  }

  .card-grid {
    grid-template-rows: 70% 30% auto auto;
    place-items: center;
  }

  .view-project {
    justify-content: center;
    width: 3em;
    max-width: none;
    height: 3em;
    max-height: none;
    display: flex;
  }

  .s-scroll, .s-scroll-2 {
    height: 80vh;
  }

  .featured-work {
    justify-content: center;
    align-items: flex-start;
    width: 84%;
    height: auto;
    margin-top: 5vh;
    padding: 0 0% 0;
    display: flex;
    overflow: visible;
  }

  .work-cards {
    grid-row-gap: .5em;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: 0;
    overflow: visible;
  }

  ._w-trigger {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .container-105 {
    flex: 1;
    width: 100%;
    max-width: 100%;
  }

  .arrow-box-3 {
    margin-right: 15px;
  }

  .accordion-comp.is--black {
    padding-left: 0;
    padding-right: 0;
  }

  ._w-drawer-content {
    grid-column-gap: 0em;
    grid-row-gap: .5em;
    justify-content: flex-start;
  }

  .drawer {
    width: 100%;
  }

  .c-700 {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .work-card-main-last {
    padding: 10px 20px;
    display: none;
  }

  .link-card-button {
    width: 70%;
    max-width: none;
    height: 100%;
    max-height: none;
  }

  .experience {
    height: auto;
    display: block;
  }

  .icon-2 {
    width: 44%;
  }

  .icon-circle-2 {
    width: 18px;
    height: 18px;
  }

  .grid-20 {
    display: block;
  }

  .experience-body {
    font-size: .8em;
  }

  .about-body {
    line-height: 1.6em;
  }

  .experience-block {
    grid-row-gap: 1em;
    margin-top: 1em;
  }

  .experience-title {
    flex: 0 auto;
  }

  .experience-text-2 {
    margin-top: 0;
    display: block;
  }

  .about-div {
    flex-direction: column;
    height: auto;
  }

  .contact {
    display: flex;
  }

  .project-banner {
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    border-radius: var(--corner-radius--r2);
    max-width: 100%;
    margin-top: 6svh;
  }

  .header-h1 {
    text-align: center;
    width: 100%;
    font-size: 1.4em;
  }

  .details {
    padding-right: 0;
  }

  .content-accordion {
    flex: 1;
    margin-top: 0;
  }

  .nav-link-mini {
    justify-content: center;
  }

  .nav-link-mini.end {
    display: none;
  }

  .title-link {
    padding: var(--spacing--sm) var(--spacing--md);
    height: auto;
  }

  .title-link:hover {
    padding-right: var(--spacing--md);
    padding-left: var(--spacing--md);
  }

  .title-link.is-email {
    padding: var(--spacing--sm) var(--spacing--md);
  }

  .navbar {
    width: 96svw;
    padding-left: .4svh;
  }

  .rolling-gem {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    order: -1;
    align-self: flex-start;
  }

  .card-blur {
    z-index: -1;
    background-color: var(--plates--300\<deleted\|variable-f70aa483\>);
    opacity: .35;
    filter: blur(5px);
    flex: 1;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }

  .link-block-4 {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .card-text-bottom {
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    width: auto;
    min-width: 50%;
    display: flex;
  }

  .text-block-13 {
    display: none;
  }

  .more-work2 {
    color: var(--fills--dark-grey);
    border-radius: .5em;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-top: .75em;
    padding-bottom: .75em;
    display: flex;
  }

  .morework-2 {
    text-align: left;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 2vh;
    margin-right: 0;
    padding-top: 15vh;
    font-size: .8em;
    line-height: 2em;
  }

  .lottie-animation-4 {
    z-index: -1;
    width: 60%;
    top: 0;
    left: 0;
  }

  .about-avi {
    object-fit: cover;
    height: 10rem;
  }

  .card-avi {
    border-style: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .current-role-text-copy {
    height: 1em;
    max-height: 50%;
    margin-bottom: 1em;
  }

  .open-text-3 {
    letter-spacing: 0;
    font-size: .65em;
  }

  .open-text-3:hover {
    color: var(--base--white);
  }

  .work-card-main-1 {
    opacity: 1;
    outline-offset: 0px;
    border: 1px solid #b4b4b41a;
    border-radius: 1rem;
    outline: .5px #3d3d3d;
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 45vh;
    margin-bottom: 2rem;
    margin-right: 0;
    padding: 2% 0% 0%;
    display: flex;
    position: relative;
  }

  .navlink-text {
    flex: none;
  }

  .footer-container-wrap {
    z-index: 2;
    padding-right: var(--spacing--lg);
    padding-left: var(--spacing--lg);
    justify-content: space-around;
    align-items: center;
    width: 100%;
    position: relative;
  }

  .footer-container-wrap.full.light {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
  }

  .projects {
    grid-template-rows: 30svh 30svh 30svh;
    grid-template-columns: 100%;
    align-items: start;
    padding-left: 0;
  }

  .h5.is-anno {
    display: flex;
  }

  .p-body {
    color: var(--fills--dark-grey);
    font-size: .7em;
    font-weight: 400;
  }

  .p-card {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
  }

  .tabs-content-portfolio {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--xmd);
  }

  .projects-tabs {
    border-style: none;
    flex-flow: column;
    justify-content: space-between;
  }

  .logo-name {
    font-size: .8em;
  }

  .stack-card.is-3 {
    width: 96svw;
  }

  .p-content {
    width: 100%;
    font-size: .7em;
  }

  .c-copy {
    font-size: .7em;
  }

  .navcard:hover {
    color: var(--base--white);
  }

  .sol-asset {
    padding-top: var(--spacing--xxl);
  }

  .sol-asset.is-carbon, .sol-asset.is-kemnet, .sol-asset.is-mmt {
    width: 30rem;
  }

  .sol-asset.full {
    padding: var(--spacing--xs);
  }

  .open-card4:hover {
    color: var(--base--white);
  }

  .main-project {
    background-color: #0000;
    grid-template-rows: auto auto;
    grid-template-columns: 100svw;
    width: 100%;
    margin-top: 0;
    padding-right: 0;
  }

  .body-wrapper-about {
    padding-top: 0;
  }

  .deisign-j {
    flex-direction: column;
  }

  .books-div {
    flex-direction: column;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .books {
    padding: var(--spacing--sm);
    grid-template-rows: min-content;
    grid-template-columns: 1fr 1fr;
  }

  .books._4 {
    grid-template-rows: repeat(auto-fit, 10em);
    grid-template-columns: 32% 32% repeat(auto-fit, 32%);
  }

  .experience-title2 {
    flex: 0 auto;
  }

  .tools-div {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .cover-image-hover {
    z-index: 2;
    opacity: 1;
    object-fit: contain;
    position: absolute;
    inset: 0%;
  }

  .p-logo-hover {
    z-index: -1;
    border-radius: 1em;
    flex: 1;
    width: 85%;
    height: 85%;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
    inset: 0%;
  }

  .icon-3, .icon-4 {
    margin-top: 850%;
  }

  .tools-row {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .tools-container {
    padding-left: var(--spacing--md);
    grid-template-columns: 100%;
    width: 100%;
  }

  .tools-2 {
    grid-template-columns: .8fr .8fr .8fr .8fr .8fr .8fr;
    width: 100%;
  }

  .tools-2._5 {
    grid-template-columns: .8fr 1fr 1fr 1fr;
  }

  .tools-2._6 {
    grid-template-columns: .8fr .8fr .8fr .8fr .8fr 1fr;
  }

  .tools-2._2 {
    grid-template-columns: .8fr .8fr .8fr .8fr .8fr .8fr;
  }

  .tools-desc {
    width: 100%;
  }

  .books-1 {
    width: auto;
  }

  .f-car {
    grid-column-gap: .4em;
    justify-content: center;
    display: flex;
  }

  .f-car:hover {
    color: var(--base--white);
  }

  .p-empty {
    border: 1px solid var(--fills--0\<deleted\|variable-30fe6931\>);
    opacity: 1;
    outline-offset: 0px;
    border-radius: .5em;
    outline: .5px #b4b4b41a;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 7em;
    margin-right: 0;
    padding: 0%;
    display: flex;
    position: relative;
  }

  .craft-horizontal-tabs {
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .project-title-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .p-cta {
    justify-content: center;
    width: 9em;
    height: 2.4em;
    display: flex;
  }

  .p-cta:hover {
    color: var(--base--white);
  }

  .icon-5, .icon-6 {
    font-size: .3em;
    line-height: .4em;
  }

  .cover-image-logo {
    z-index: 2;
    object-fit: cover;
  }

  .p-link {
    justify-content: center;
    display: flex;
  }

  .p-link:hover {
    color: var(--base--white);
  }

  .p-h5-empty {
    color: var(--fills--dark-grey);
    font-size: .7em;
    font-weight: 400;
  }

  .p-content-empty {
    width: 100%;
    font-size: .7em;
  }

  .cover-image-empty {
    z-index: 2;
    object-fit: cover;
  }

  .p-bottom-empty {
    margin-top: .5svh;
  }

  .projects-logo {
    grid-template-rows: 30svw 30svw 30svw 30svw;
    grid-template-columns: 30svw 30svw;
    align-items: start;
  }

  .flex-block {
    grid-column-gap: 2svw;
    display: none;
  }

  .content-tree {
    padding-top: var(--spacing--md);
    background-color: var(--base--transparent);
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    inset: auto 0% 0%;
  }

  .c-tr.w--current {
    margin-right: 0;
  }

  .project-meta {
    font-size: .8em;
  }

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

  .content-title-case {
    margin-top: var(--spacing--xs);
    grid-column-gap: var(--spacing--xl);
    grid-row-gap: var(--spacing--xl);
    grid-template-columns: 80%;
    justify-content: space-between;
    align-items: center;
    padding-left: 4svw;
    padding-right: 4svw;
  }

  .details-case {
    padding-right: 0;
  }

  .h-meta {
    font-size: .7em;
  }

  .request {
    padding-right: var(--spacing--sm);
    padding-left: var(--spacing--sm);
  }

  .highlight-title {
    text-align: center;
  }

  .h-painpoint {
    padding-right: 0;
  }

  .c-list {
    grid-row-gap: var(--spacing--xs);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: start center;
    align-items: center;
  }

  .highlights-meta-r {
    text-align: left;
    height: auto;
    font-size: .6em;
  }

  .hf-title {
    text-align: center;
  }

  .h-copy {
    font-size: .7em;
  }

  .body-home {
    padding: var(--spacing--xs);
    background-image: url("https://cdn.prod.website-files.com/62b5cc68afa4af83f22b5ff8/686fa3d431912b109cea4a7a_20250710_1225_Elegant%20Leather%20Texture_simple_compose_01jzt19w7ae1mrrrv547wg57vf.avif");
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
    justify-content: center;
    align-items: center;
    height: 100dvh;
  }

  .open-text-3-mini {
    letter-spacing: 0;
    font-size: .65em;
  }

  .open-text-3-mini:hover {
    color: var(--base--white);
  }

  .retro-copy {
    margin-right: .5em;
  }

  .retro-copy-2 {
    margin-right: .5em;
    font-size: .65em;
  }

  .highlight-button {
    margin-top: 4svh;
    margin-bottom: 4svh;
  }

  .o-copy, .o-copy-bold {
    font-size: .7em;
  }

  .overview-summary {
    margin-right: .5em;
  }

  .con-button, .hf-button {
    padding: .4em;
    font-size: .62em;
  }

  .p-logo-empty {
    z-index: -1;
    border-radius: 1em;
    flex: 1;
    width: 7em;
    height: 7em;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
    inset: 0%;
  }

  .marquee-horizontal.xp {
    height: 32svh;
  }

  .p-tags {
    font-size: 1.1em;
    font-weight: 400;
  }

  .p-image-h {
    z-index: 2;
    object-fit: contain;
  }

  .tags-content {
    grid-column-gap: 1svw;
    grid-row-gap: 1svw;
    width: 100%;
    font-size: .7em;
  }

  .logo-wrap.w--current {
    flex: 0 auto;
    width: 40%;
  }

  .nav-arrow {
    display: none;
  }

  .menu-wrap {
    justify-content: center;
    align-items: center;
  }

  .stack-content {
    justify-content: center;
    align-items: flex-start;
    padding-left: 4svw;
    padding-right: 4svw;
  }

  .stack-title {
    width: 100%;
  }

  .stack-title-text {
    font-size: .9rem;
  }

  .stack-p {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
  }

  .nav-links {
    grid-template-rows: auto;
    grid-template-columns: min-content min-content min-content min-content;
    grid-auto-flow: row;
    justify-items: stretch;
    font-size: .8em;
  }

  .footer-c2 {
    grid-column-gap: var(--spacing--xmd);
    grid-row-gap: var(--spacing--xmd);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .stack-view-all {
    text-align: left;
    padding: 1svh 1.8svw 1svh 2svw;
    font-size: .6em;
  }

  .slide-top, .slide-top.img-mtr, .slide-top.img-terra, .slide-top.img-kemnet, .slide-top.img-spr {
    background-size: contain;
  }

  .slide-bottom {
    margin-top: .5svh;
  }

  .slide-body {
    color: var(--fills--dark-grey);
    font-size: .7em;
    font-weight: 400;
  }

  .sl-tags {
    width: 100%;
    font-size: .7em;
  }

  .s-tags {
    color: var(--fills--dark-grey);
    font-size: .7em;
    font-weight: 400;
  }

  .s-mask {
    width: 100%;
  }

  .s-tags-saas, .s-tags-web, .s-tags-productdesign, .s-tags-webflow {
    color: var(--fills--dark-grey);
    font-size: .7em;
    font-weight: 400;
  }

  .sp-img {
    z-index: 2;
    object-fit: contain;
  }

  .track-154 {
    grid-column-gap: 8svw;
    grid-row-gap: 8svw;
  }

  .transistion-text.crossed {
    text-align: right;
    font-size: .88rem;
  }

  .transistion-text.silver {
    font-size: .88rem;
  }

  .transistion-text.sm {
    text-align: right;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    font-size: .88rem;
  }

  .trans-wrap {
    margin-bottom: var(--spacing--xmd);
    padding-right: var(--spacing--md);
    padding-left: var(--spacing--md);
  }

  .h3-hero {
    font-size: .75rem;
  }

  .h1-wrap.is-con {
    order: -1;
  }

  .tabs-menu-3 {
    width: 90svw;
  }

  .tab-link-tab-2-2, .tab-link-tab-1-2.w--current {
    flex: 0 auto;
    width: 5svw;
  }

  .projects-bento {
    grid-template-columns: 60svw;
    align-items: start;
  }

  .bento-card {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
  }

  .nav-wrapper {
    width: 100svw;
    font-size: .9em;
  }

  .h1-a {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .h2-hero {
    font-size: .75rem;
  }

  .featured-hero {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .featured-title-b {
    font-size: 1.2em;
  }

  .featured-c-title {
    padding-right: var(--corner-radius--r1);
    padding-left: var(--spacing--sm);
    order: 1;
    width: 100%;
  }

  .f-wrap {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
  }

  .h0 {
    align-self: auto;
    font-size: 2em;
  }

  .h0-b {
    text-align: left;
    align-self: auto;
  }

  .nav-projects, .navcard-wrap {
    display: none;
  }

  .img-p {
    background-size: 480px;
    order: 1;
  }

  .ft-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .ft-wrap.is-btngrp {
    flex-flow: row;
  }

  .btn-view {
    padding-right: var(--spacing--sm);
    padding-left: var(--spacing--sm);
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    font-size: .8em;
  }

  .btn-view.isdark {
    padding-right: var(--spacing--sm);
    padding-left: var(--spacing--md);
  }

  .p-overview {
    padding-left: 0;
    padding-right: 0;
  }

  .bento-1 {
    padding-right: var(--spacing--md);
    padding-left: var(--spacing--md);
  }

  .bento-1.is-dark {
    height: auto;
  }

  .ben-img.is-carbon {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .ben-img.is-wide {
    width: 120%;
    height: auto;
  }

  .solution-2column, .p-strategy {
    height: auto;
  }

  .slide-wrap {
    padding-top: var(--spacing--lg);
  }

  .solution-wide {
    height: auto;
  }

  .context-bento {
    padding-left: var(--spacing--xs);
  }

  .context-title {
    font-size: .7em;
  }

  .context-text {
    padding-left: var(--spacing--sm);
    font-size: .7em;
  }

  .context-text.dark {
    padding-left: var(--spacing--sm);
  }

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

  .landing-menu-portfolio {
    padding-right: var(--spacing--xs);
    padding-left: var(--spacing--xs);
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    background-color: var(--base--transparent);
  }

  .pl-wrap {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
  }

  .img-bg {
    background-size: 480px;
    order: 1;
  }

  .f-tag {
    font-size: .5em;
  }

  .seg-link, .seg-link.w--current {
    padding: var(--spacing--md) var(--spacing--sm);
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    display: flex;
  }

  .featured-hero-bento {
    grid-template-columns: 1fr;
  }

  .h-wrap {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
  }

  .h-wrap.experiments {
    grid-template-columns: 1fr;
  }

  .h0-ul {
    text-align: left;
    align-self: auto;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    position: relative;
  }

  .h-img-bg {
    background-size: 480px;
    order: 1;
  }

  .h-title {
    padding-right: var(--corner-radius--r1);
    padding-left: var(--spacing--sm);
    order: 1;
    width: 100%;
  }

  .h-content {
    padding-left: 0;
    font-size: .75rem;
  }

  .img-f {
    background-size: 480px;
    order: 1;
  }

  .featured-experiments {
    grid-template-columns: 1fr;
  }

  .img-e, .e-img-bg {
    background-size: 480px;
    order: 1;
  }

  .modal-wrapper.about {
    display: none;
  }

  .modal-card {
    padding: var(--spacing--sm);
    background-color: #f5f5f7f2;
    width: 94svw;
  }

  .btn-close {
    height: 3em;
  }

  .h2-hero-note {
    padding-left: var(--spacing--md);
    font-size: .75rem;
  }

  ._w-wrap {
    grid-column-gap: var(--spacing--xxl);
    grid-row-gap: var(--spacing--xxl);
    grid-template-columns: 1fr;
  }

  ._w-grid.no-label {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  ._w-grid.dark.mobile-hide, ._w-grid.scale-down.mobile-hide, ._w-grid.mobile-hide {
    display: none;
  }

  ._w-title {
    padding-right: var(--corner-radius--r1);
    padding-left: var(--spacing--sm);
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    order: 1;
    width: 100%;
  }

  ._w-img-bg {
    background-size: 480px;
    order: 1;
  }

  .about-hero {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .experience-hero {
    padding-right: var(--spacing--lg);
    padding-left: var(--spacing--lg);
  }

  .skills-hero {
    padding-right: var(--spacing--sm);
    padding-bottom: 0;
    padding-left: var(--spacing--sm);
    grid-column-gap: 0rem;
    grid-row-gap: var(--spacing--sm);
    flex-flow: column;
    display: flex;
  }

  .h1-stack {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 100%;
  }

  .skills-group {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .skills-card {
    background-image: none;
    order: 1;
    height: 20svh;
  }

  .skills-card.is-acc, .skills-card.is-nl {
    justify-content: flex-start;
    align-items: center;
    height: 20svh;
  }

  .skills-card.is-ds {
    justify-content: flex-start;
    align-items: center;
    height: 24svh;
  }

  .skills-card.short {
    background-position: 50%;
    background-size: cover;
    height: 24svh;
  }

  .is-skill-img {
    padding-right: var(--spacing--md);
    padding-left: var(--spacing--md);
    width: 100%;
  }

  .is-skill-img.fill {
    display: flex;
  }

  .card-h1 {
    font-size: .75rem;
  }

  .card-h2 {
    font-size: 1.2em;
  }

  .card-h3 {
    font-size: .75rem;
  }

  .sec-title {
    width: 100%;
  }

  .sec-title.is-exp {
    grid-column-gap: var(--spacing--xmd);
    grid-row-gap: var(--spacing--xmd);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .section-title {
    color: var(--base--white);
  }

  .section-title.is-dark {
    color: var(--base--black);
  }

  .section-title.is-light {
    font-size: 1.1rem;
    line-height: 125%;
  }

  .exp-grid {
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .exp-row {
    grid-row-gap: 1em;
    margin-top: 1em;
  }

  .a-grid {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .exp-row-sep {
    grid-row-gap: 1em;
    margin-top: 1em;
  }

  .sep-vv, .sep-hh {
    font-size: .75rem;
  }

  .exp-dates {
    font-size: .8em;
  }

  .exp-role {
    flex: 0 auto;
  }

  .exp-location {
    font-size: .8em;
  }

  .about-copy {
    font-size: .75rem;
  }

  .arrow-navcard:hover {
    color: var(--base--white);
  }

  .arrow-text {
    letter-spacing: 0;
    font-size: .65em;
  }

  .arrow-text:hover {
    color: var(--base--white);
  }

  .back-btn {
    padding-right: var(--spacing--sm);
    padding-left: var(--spacing--sm);
  }

  .back-btn.back {
    padding-right: var(--spacing--sm);
    padding-left: var(--spacing--sm);
    color: var(--base--black);
  }

  .tree-th1 {
    font-size: .75rem;
  }

  .t-tr.w--current {
    margin-right: 0;
  }

  .p-context-main {
    padding-left: 0;
    padding-right: 0;
  }

  .p-tiitle-img {
    object-fit: contain;
  }

  .p-tiitle-img.is-product, .p-tiitle-img.is-mobile {
    object-fit: cover;
  }

  .p-overview-grid {
    padding-right: var(--spacing--xs);
    padding-left: var(--spacing--xs);
    grid-template-columns: 1fr 1fr;
  }

  .overview-body {
    font-size: .7em;
  }

  .overview-tit {
    font-size: .75em;
  }

  .bento-context {
    padding-right: var(--spacing--lg);
    padding-left: var(--spacing--lg);
  }

  .bento-context.is-balance {
    object-fit: contain;
  }

  .bento-context.mid, .bento-context.is-timeline {
    height: auto;
  }

  .bento-context.long {
    padding: var(--spacing--sm);
    height: auto;
  }

  .overview-body-2 {
    font-size: .7em;
  }

  .go-wrap {
    padding-right: var(--spacing--xs);
    padding-left: var(--spacing--xs);
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .p-features {
    padding-left: 0;
    padding-right: 0;
  }

  .link-17 {
    align-self: flex-end;
    font-size: 2em;
  }

  .coming-soon-page {
    font-size: 1em;
  }

  .sp-img-2 {
    z-index: 2;
    object-fit: contain;
  }

  .featured-marquee-2 {
    width: 40svw;
    height: 30svh;
  }

  .featured-c-title-2 {
    padding-right: var(--corner-radius--r1);
    padding-left: var(--spacing--sm);
    order: 1;
    width: 100%;
  }

  .anno-above {
    font-size: .7em;
  }

  .cs-group {
    width: 100%;
  }

  .cs-btn {
    padding-right: var(--spacing--sm);
    padding-left: var(--spacing--sm);
    width: 8rem;
    height: 2.6rem;
  }

  .sec-subtitle {
    width: 100%;
  }

  .sec-subtitle.is-ai {
    width: 20em;
  }

  .main-desktop {
    grid-template-rows: auto auto;
    grid-template-columns: 100svw;
  }

  .h-content-tree {
    padding-top: var(--spacing--md);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100svw;
    height: 8svh;
    margin-bottom: 0;
    inset: 0% 0% auto;
  }

  .h-main-all {
    padding-top: var(--spacing--lg);
    border-radius: var(--corner-radius--r3);
  }

  .h-intro {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 100%;
  }

  .h-h3-hero {
    font-size: .7rem;
  }

  .h-h3-hero.bold {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: .758rem;
  }

  .h-h3-hero.bold.right {
    font-size: .75rem;
  }

  .h-h3-hero.right, .h-h3-hero.left {
    justify-content: flex-start;
    align-items: center;
  }

  .h-h1-title {
    text-align: left;
    align-self: auto;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    position: relative;
  }

  .h-intro-wrap {
    order: 1;
  }

  .h-contenttree {
    display: none;
  }

  .h-content-tree-under {
    padding-top: var(--spacing--md);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100svw;
    height: 8svh;
    margin-bottom: 0;
    inset: 0% 0% auto;
  }

  .h-bento {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-color: var(--border--100);
    padding: 0;
  }

  .h-products {
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
  }

  .h-bento-wrap {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 100%;
  }

  .h-bento-wrap._54svh {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    display: none;
  }

  .h-bento-wrap._60-40 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: 36svh;
  }

  .h-bento-wrap._60-40.mobile-hide, .h-bento-wrap._60-40.hide {
    display: flex;
  }

  .h-bento-wrap._40-60 {
    grid-template-columns: 100%;
  }

  .h-bento-wrap._40-60.mobile-hide {
    display: none;
  }

  .h-bento-wrap._50-50-rows.mobile-hide {
    display: flex;
  }

  .h-bento-wrap._50-50-columns.mobile-hide {
    display: none;
  }

  .h-bento-wrap.h-bento-wrap-full {
    height: 40svh;
  }

  .h-icon-wrap {
    display: none;
  }

  .h-bento-title {
    padding: var(--spacing--xmd);
    grid-column-gap: var(--spacing--md);
    grid-row-gap: var(--spacing--md);
    flex-flow: column;
    order: 1;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .h-titletext {
    font-size: 1.2em;
  }

  .h-context {
    font-size: .7rem;
  }

  .h-bento-wrap-2 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  ._w-grid-bg {
    background-size: 480px;
    order: 1;
  }

  .h-bento-titletext, ._w-grid-context {
    font-size: 1.2em;
  }

  .h-smicon-wrapper {
    height: 2.2em;
  }

  .h-smicon-wrapper.about {
    height: 2.6em;
  }

  .h-smicon-wrapper.about.mobile {
    height: 2.2em;
  }

  .h-c-list {
    grid-row-gap: var(--spacing--xs);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: start center;
    align-items: center;
  }

  .h-tr-text {
    font-size: 1.2em;
  }

  .h-tr-text.dark {
    font-size: .8em;
  }

  .h-tr-wrap {
    font-size: 1.2em;
  }

  .h-tabs-content-portfolio {
    padding-left: 0;
    padding-right: 0;
  }

  .h-about-avi {
    object-fit: cover;
    height: 10rem;
  }

  .h-context-loca {
    font-size: .75rem;
  }

  .landing-reels {
    border-radius: var(--corner-radius--r2);
    width: auto;
    height: auto;
  }

  .landong-reels-wrap {
    width: 90svw;
  }

  .div-block-31 {
    padding: var(--spacing--md) var(--spacing--md) var(--spacing--xmd);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .h-bento-wrap-2rows, .h-bento-wrap-1-mobile-col, .h-bento-wrap-2cols {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .h-bento-wrap-full {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .baby {
    width: 5rem;
    height: 5rem;
  }

  .solution-tabs {
    border-style: none;
    flex-flow: column;
    justify-content: space-between;
  }

  .segmented-control {
    margin-bottom: var(--spacing--lg);
  }

  .segmented-control.projects {
    flex-flow: wrap;
  }

  .solutions-content {
    padding-right: var(--spacing--xmd);
    padding-left: var(--spacing--xmd);
  }

  .solutions-content.projects {
    padding-left: 0;
    padding-right: 0;
  }

  .p-solutions {
    grid-column-gap: var(--spacing--xmd);
    grid-row-gap: var(--spacing--xmd);
    padding-left: 0;
    padding-right: 0;
  }

  .hidden {
    grid-template-rows: auto auto;
    grid-template-columns: 100svw;
  }

  .reels-wrap {
    border-radius: var(--corner-radius--r2);
  }

  ._w-projects {
    grid-template-rows: 30svh 30svh 30svh;
    grid-template-columns: 100%;
    align-items: start;
    padding-left: 0;
  }

  .cover-image-logo-copy {
    z-index: 2;
    object-fit: cover;
  }

  .body-home-copy {
    background-position: 50%, 50%;
    background-repeat: repeat, repeat;
    background-size: contain, 960px;
    background-attachment: fixed, fixed;
    justify-content: flex-start;
  }

  .gridtable-lin-p {
    padding: var(--spacing--md) var(--spacing--xmd);
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  .gridtable-lin-p.w--current {
    padding: var(--spacing--md) var(--spacing--xmd);
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  .gridtable-link-copy {
    padding: var(--spacing--md) var(--spacing--xmd);
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  .gridtable-link-copy.w--current {
    padding: var(--spacing--md) var(--spacing--xmd);
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  .p-gridlink {
    padding: var(--spacing--md) var(--spacing--xmd);
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  .p-gridlink.w--current {
    padding: var(--spacing--md) var(--spacing--xmd);
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  .gridtable-link-copy-copy {
    padding: var(--spacing--md) var(--spacing--xmd);
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  .gridtable-link-copy-copy.w--current {
    padding: var(--spacing--md) var(--spacing--xmd);
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: .9em;
    display: flex;
  }

  ._154-circle {
    width: 4px;
    height: 4px;
  }

  .main-home {
    padding-top: var(--spacing--md);
    padding-bottom: var(--spacing--sm);
    width: 96%;
  }

  ._w-grid-2, ._w-grid-2.dark {
    display: none;
  }

  .div-block-33 {
    margin-top: .1rem;
    margin-bottom: .1rem;
  }

  .h-intro-wrap-home {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 96%;
  }

  .image-43 {
    height: 1.4em;
    display: block;
  }

  .div-block-35 {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }

  .project-title {
    flex-flow: column;
    width: auto;
    height: auto;
    display: flex;
  }

  .spacer-p {
    width: 100%;
    display: none;
    position: relative;
  }

  .btns-project {
    padding-right: var(--spacing--md);
    padding-left: var(--spacing--md);
  }

  .sol-iterations {
    padding-top: var(--spacing--xxl);
  }

  .sol-iterations.is-carbon, .sol-iterations.is-kemnet, .sol-iterations.is-mmt {
    width: 30rem;
  }

  .sol-iterations.full {
    padding: var(--spacing--xs);
  }

  .anatomy-card {
    object-fit: cover;
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .anatomy-card.is-balance {
    object-fit: contain;
  }

  .anatomy-card.mid, .anatomy-card.is-timeline {
    height: auto;
  }

  .anatomy-card.long {
    padding: var(--spacing--sm);
    height: auto;
  }

  .p-header-img {
    padding-top: var(--spacing--xxl);
  }

  .p-header-img.is-carbon, .p-header-img.is-kemnet, .p-header-img.is-mmt {
    width: 30rem;
  }

  .p-header-img.full {
    padding: var(--spacing--xs);
  }

  .banner-modal.is-ai {
    width: 20em;
  }

  .banner-img {
    border-radius: var(--corner-radius--r2);
    width: 2.8em;
    height: 2.8em;
    box-shadow: 0 2px 10px #0000001a;
  }

  .banner-subtext.header {
    color: var(--base--black);
    font-size: .95rem;
  }

  .banner-subtext.subtext {
    color: var(--fills--dark-grey);
  }

  .banner-img-bg.banner {
    opacity: .4;
    height: 15%;
  }

  .subtext-wrap {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    justify-content: flex-end;
    align-items: center;
  }

  .page-placeholder {
    margin-right: var(--spacing--md);
    margin-left: var(--spacing--md);
  }

  .history-wrap, .skills-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .tools-body {
    text-align: right;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    line-height: 1.6em;
    display: flex;
  }

  .anno-below {
    font-size: .7em;
  }

  .experiments-home {
    padding-top: var(--spacing--md);
    padding-bottom: var(--spacing--sm);
    width: 96%;
  }

  .modal.about, .modal-about.about, .modal-bh.about, .modal-hoverex.about, .modal-airline.about, .modal-filters.about, .modal-filters-2.about {
    display: none;
  }

  .close-link {
    padding: var(--spacing--xs) var(--spacing--xs) var(--spacing--xs) var(--spacing--sm);
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    height: auto;
    font-size: .88em;
  }

  .close-link.is-email {
    padding: var(--spacing--sm) var(--spacing--md);
  }

  .close-wrap {
    width: 94svw;
  }

  .modal-segmented-ctrl.about {
    display: none;
  }

  .spinner {
    z-index: 100;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid var(--base--200-5);
    background-color: var(--fills--dark-grey);
    border-radius: 100px;
    width: 20em;
    height: 20em;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .anno-below-2 {
    font-size: .7em;
  }

  .sol-asset-2 {
    padding-top: 4rem;
  }

  .sol-asset-2.full {
    padding: .2rem;
  }

  .overview-tit-2 {
    font-size: .75em;
  }

  .anno-above-2 {
    font-size: .7em;
  }

  .stats-wrap {
    padding-right: var(--spacing--xs);
    padding-left: var(--spacing--xs);
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .skills-grid {
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .white-over {
    border-radius: var(--r4);
    width: 94svw;
    height: 95%;
  }

  .div-block-39 {
    grid-column-gap: var(--spacing--xs);
    grid-row-gap: var(--spacing--xs);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-40 {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .anno-above-copy {
    font-size: .7em;
  }

  .slide-title {
    font-size: .75em;
  }

  .div-block-42 {
    grid-column-gap: var(--spacing--sm);
    grid-row-gap: var(--spacing--sm);
  }

  .div-block-43 {
    justify-content: flex-end;
    align-items: center;
    width: auto;
    display: flex;
  }
}

#w-node-_10bc001b-c320-e168-f07d-50af263380be-922b6004, #h-Main-All.w-node-_10bc001b-c320-e168-f07d-50af26337fdf-922b6004 {
  order: -9999;
}

#w-node-_42549b97-6284-3ce4-977f-cf3e46b24110-922b6004, #w-node-_5f138b03-7a96-3496-1722-d931c6402227-922b6004 {
  justify-self: end;
}

#w-node-_8774b2ed-b906-f019-e99d-5f88aeff8dc0-922b6004, #w-node-_8774b2ed-b906-f019-e99d-5f88aeff8dc8-922b6004, #w-node-_8774b2ed-b906-f019-e99d-5f88aeff8dca-922b6004, #w-node-_8774b2ed-b906-f019-e99d-5f88aeff8dd2-922b6004 {
  place-self: center;
}

#w-node-_68be8759-cff0-6cee-3080-5e7f52e99138-922b6004 {
  place-self: start;
}

#w-node-_5ef82ecf-e9e4-c4f0-a175-3dc075ca4e21-922b6004 {
  place-self: center;
}

#w-node-_513408a5-2b7c-2fc3-f1ff-a688ca5cc0cf-922b6004 {
  order: 9999;
}

#w-node-a6214a26-125a-f615-59bf-3ba78802559a-922b6004 {
  justify-self: end;
}

#w-node-_67df2d09-aa6d-8d4f-4ee6-1edafa62a602-922b6004 {
  justify-self: center;
}

#w-node-_97a9d6b0-6ab1-ed65-baf2-190c04a122db-922b6004 {
  place-self: start center;
}

#w-node-_7542bd01-1813-c1c6-e143-3e03ed36770c-922b6004 {
  justify-self: center;
}

#w-node-b8cff98e-418e-c288-4b27-4f14aec479ac-922b6004 {
  place-self: start center;
}

#w-node-_97a9d6b0-6ab1-ed65-baf2-190c04a12360-922b6004 {
  justify-self: end;
}

#w-node-dc4e7398-6e9d-eea6-8d7b-ee806a9ee833-922b6004 {
  place-self: start;
}

#w-node-_89acc84d-659a-4481-6f86-b0cf0253d6cc-922b6004 {
  place-self: center start;
}

#w-node-_89acc84d-659a-4481-6f86-b0cf0253d6cd-922b6004, #w-node-cf2423ab-785b-d0bd-ff05-7b4f13694572-922b6004, #w-node-cf2423ab-785b-d0bd-ff05-7b4f13694579-922b6004, #w-node-_9818ee5b-1386-8815-fcf3-227f93e232c8-922b6004, #w-node-_9818ee5b-1386-8815-fcf3-227f93e232cf-922b6004 {
  place-self: start;
}

#w-node-bc769bdc-11e9-5528-d10f-eee941df724d-922b6004, #w-node-c820bf17-9f80-19a5-da22-8d690f0b5785-922b6004, #w-node-_54b56e0b-fa73-a347-c8cd-df4c99708322-922b6004, #w-node-_8a128c7a-c960-2082-da05-fa008538a961-922b6004, #w-node-_95b7d589-9386-5b5b-aea6-ab4aae755d1d-922b6004, #w-node-fe797063-6226-f1ff-d044-fdd3e7c4f0bf-922b6004, #w-node-_193f492d-f181-989e-5ee7-8727992ea6e4-922b6004, #w-node-fc716bf3-96a0-32e6-644d-b9df56d77988-922b6004, #w-node-cc55f8aa-8843-8916-dd1b-0161f1ed70c5-922b6004, #w-node-f6b48263-619e-6d7f-3d05-effef89e1bc0-922b6004, #w-node-da3afde8-686b-3edb-9d04-5dc0886dd16d-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a001-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a005-922b6004 {
  justify-self: end;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a0e6-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a0e9-922b6004 {
  place-self: start end;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a10e-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a114-922b6004, #w-node-c1341d46-c9ec-414b-62e0-bb063fa8a11f-922b6004, #w-node-c1341d46-c9ec-414b-62e0-bb063fa8a129-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a135-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-c1341d46-c9ec-414b-62e0-bb063fa8a13b-922b6004, #w-node-c1341d46-c9ec-414b-62e0-bb063fa8a13e-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ffcccd0-6bba-7d2a-5a6a-bd66c202ff91-922b6004 {
  place-self: start;
}

#w-node-_3ffcccd0-6bba-7d2a-5a6a-bd66c202ff96-922b6004 {
  place-self: start end;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c992768216-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c992768219-922b6004 {
  place-self: start end;
}

#w-node-_4aae04f2-9da4-bd9b-1b62-781e513037a3-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c99276823e-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c992768242-922b6004, #w-node-a8b0d3cf-4f6c-9bcb-ce34-7cc846a06334-922b6004, #w-node-_93b722a6-ba15-d796-ed02-fc02954cb80e-922b6004, #w-node-_34c89686-e012-e73a-9f85-1ccb99ddd6ef-922b6004, #w-node-_93b722a6-ba15-d796-ed02-fc02954cb811-922b6004, #w-node-e7cf6feb-c5b0-e330-19af-6d5b22e179bc-922b6004, #w-node-_784c784b-bc5b-7635-fd0a-a86ed42198b6-922b6004, #w-node-e7cf6feb-c5b0-e330-19af-6d5b22e179b9-922b6004, #w-node-_99cd783f-910f-30bb-9c8a-a0fa14b64c21-922b6004, #w-node-_99cd783f-910f-30bb-9c8a-a0fa14b64c24-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c992768254-922b6004 {
  justify-self: end;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c99276826d-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c992768273-922b6004, #w-node-_632e4bcd-f133-62b5-98a5-f1c99276827e-922b6004, #w-node-_632e4bcd-f133-62b5-98a5-f1c992768288-922b6004 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c992768294-922b6004 {
  place-self: start;
}

#w-node-_632e4bcd-f133-62b5-98a5-f1c992768299-922b6004 {
  place-self: start end;
}

#w-node-f38f4ce5-d17e-31cf-8890-2d4b28b4b711-a216712d {
  place-self: start;
}

#w-node-f38f4ce5-d17e-31cf-8890-2d4b28b4b72d-a216712d, #w-node-f38f4ce5-d17e-31cf-8890-2d4b28b4b749-a216712d, #w-node-f38f4ce5-d17e-31cf-8890-2d4b28b4b762-a216712d, #w-node-f38f4ce5-d17e-31cf-8890-2d4b28b4b77e-a216712d {
  align-self: start;
}

#w-node-_29574621-2328-fcf3-943b-7d6429b58933-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-d7dc5e56-40ea-4d80-8ed8-7ac968d019fe-c697e1d5 {
  justify-self: end;
}

#w-node-_66c374b5-26fe-ef33-e1da-0a27bab425b3-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_66c374b5-26fe-ef33-e1da-0a27bab425b6-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-_5ac61669-8973-fc52-28fe-bc19252cf03c-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ccae8daa-38bb-dab9-76cf-8bc6dd7ecb94-c697e1d5, #w-node-_11d65d43-35c5-7b81-dbaf-dc8658af7f82-c697e1d5, #w-node-f68a2d1b-42ee-6feb-f25e-0020e1dbb262-c697e1d5, #w-node-a5d49b06-9c22-afc6-4b47-abf207cf43b0-c697e1d5, #w-node-_639e2515-e8cc-639c-85c7-01e5125dedf7-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e5700d4-24b2-69fc-ea0f-4d035e395d5d-c697e1d5 {
  place-self: start;
}

#w-node-_6e5700d4-24b2-69fc-ea0f-4d035e395d60-c697e1d5 {
  justify-self: end;
}

#w-node-eacda08e-2f43-c94d-8dd9-99ecd3aba173-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-eacda08e-2f43-c94d-8dd9-99ecd3aba176-c697e1d5 {
  place-self: start end;
}

#w-node-_358e8d6a-dfc0-54bf-e327-68b13e88bc19-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_4a630d86-95cb-4a81-fc5d-fdea2f426297-c697e1d5, #w-node-_9b5f247d-2f83-35e1-e841-41d982d29a3c-c697e1d5, #w-node-bab755d3-eb50-1f64-ecb5-fe3e7682916a-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4d21e23-1dda-44ab-b6b3-4e05ea2e1dec-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_6ef7199a-962f-7913-d139-2678be37cd24-c697e1d5, #w-node-a13972ad-be02-d930-fd36-55b06b97039d-c697e1d5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ae626087-1ed5-e8be-6ada-4fef392822d1-c697e1d5 {
  place-self: start;
}

#w-node-ae626087-1ed5-e8be-6ada-4fef392822d4-c697e1d5 {
  place-self: start end;
}

#w-node-_1d98d252-66fc-cac1-b73d-b4f6ef65f8f0-935762aa {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1d98d252-66fc-cac1-b73d-b4f6ef65f8f1-935762aa, #w-node-_1d98d252-66fc-cac1-b73d-b4f6ef65f8f9-935762aa, #w-node-_1d98d252-66fc-cac1-b73d-b4f6ef65f904-935762aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d98d252-66fc-cac1-b73d-b4f6ef65f909-935762aa {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f2332e68-b0a7-a2b3-713b-0df238cd276c-935762aa, #w-node-d1f3738e-1392-4cb2-d421-13d986ab993a-935762aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c06b7aa9-b625-2a02-4473-b2b9f37a7042-935762aa {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9f8d3803-1270-07ed-32ff-5c94e1ce8fba-8c301952 {
  order: 9999;
}

#Project-Banner.w-node-_9f8d3803-1270-07ed-32ff-5c94e1ce8fcf-8c301952 {
  order: -9999;
}

#w-node-_9f8d3803-1270-07ed-32ff-5c94e1ce9035-8c301952 {
  justify-self: start;
}

#w-node-a45e0924-6aa2-bd19-d67b-969f7c410bcd-87852060 {
  place-self: start;
}

#w-node-_3fda0c7f-72e1-38e8-687a-502ef96fbb45-87852060 {
  place-self: center start;
}

#w-node-_3fda0c7f-72e1-38e8-687a-502ef96fbb46-87852060 {
  place-self: start;
}

#w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbe04-87852060 {
  justify-self: end;
}

#w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbffc-87852060, #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bc003-87852060 {
  place-self: start;
}

#Overview.w-node-_96ba06ed-47ed-ca73-8574-1024d9b66e98-9a9a847e {
  order: -9999;
}

#w-node-_8dad6fbb-281c-3176-6a7a-059673c9ca04-9a9a847e, #w-node-_0855a033-0f45-217b-5d3f-41985ad6cfdb-9a9a847e, #w-node-a2bd09ad-7c7d-25b9-79ad-0b44cd1df016-9a9a847e {
  justify-self: start;
}

#w-node-e98fd5a8-f1a4-4695-d4d9-201a743aa120-9a9a847e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ba06ed-47ed-ca73-8574-1024d9b66f77-9a9a847e {
  order: 9999;
}

#w-node-_7abe0a8e-d28d-eca1-1324-df5b63dc48cd-0676d598 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_7abe0a8e-d28d-eca1-1324-df5b63dc48ce-0676d598, #w-node-_7abe0a8e-d28d-eca1-1324-df5b63dc48d6-0676d598 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7abe0a8e-d28d-eca1-1324-df5b63dc48e6-0676d598, #w-node-f92cb189-fece-a620-50a8-d50bdc2e6de4-48d738d1 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f92cb189-fece-a620-50a8-d50bdc2e6de5-48d738d1, #w-node-f92cb189-fece-a620-50a8-d50bdc2e6ded-48d738d1, #w-node-f92cb189-fece-a620-50a8-d50bdc2e6df2-48d738d1, #w-node-f92cb189-fece-a620-50a8-d50bdc2e6df8-48d738d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f92cb189-fece-a620-50a8-d50bdc2e6dfd-48d738d1 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f92cb189-fece-a620-50a8-d50bdc2e6e0a-48d738d1, #w-node-f92cb189-fece-a620-50a8-d50bdc2e6e1e-48d738d1, #w-node-f92cb189-fece-a620-50a8-d50bdc2e6e30-48d738d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_792ff280-5d65-5473-2709-f092e7e44ff0-48d738d1 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_792ff280-5d65-5473-2709-f092e7e44ff1-48d738d1, #w-node-_792ff280-5d65-5473-2709-f092e7e44ff9-48d738d1, #w-node-_792ff280-5d65-5473-2709-f092e7e45004-48d738d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_792ff280-5d65-5473-2709-f092e7e45009-48d738d1 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ad63d375-609a-795e-97e5-433a3029ff51-2b17670f {
  order: 9999;
}

#Project-Banner.w-node-ad63d375-609a-795e-97e5-433a3029fe15-2b17670f {
  order: -9999;
}

#w-node-_641c3787-25a7-80ee-0495-f4a9da10dd5c-e8e9602b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_641c3787-25a7-80ee-0495-f4a9da10dd5d-e8e9602b, #w-node-_641c3787-25a7-80ee-0495-f4a9da10dd65-e8e9602b, #w-node-_5f0a4940-415e-ccbe-1578-57cc112f3518-e8e9602b, #w-node-cfe7842f-f813-020a-53ce-9a1f9356f000-e8e9602b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_641c3787-25a7-80ee-0495-f4a9da10dd6c-e8e9602b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_876b2f2d-f9b3-5532-f8f6-d5520c6378fa-e8e9602b, #w-node-_450f6fc0-d096-0ef8-a3cd-cc08d5273ff8-e8e9602b, #w-node-_56fed98c-38f3-fcce-fb62-cae2409c8fed-e8e9602b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_95839981-60c3-0861-a4c2-dd18df833dd6-e8e9602b, #w-node-_11dba070-53c8-5f8f-957f-a4f695f6cce2-e8e9602b, #w-node-_70d6ab97-6f39-90b2-193a-ead55b7945e7-e8e9602b, #w-node-_27ce5975-09cb-f40a-938b-beb60dcb6c9a-e8e9602b, #w-node-d0ae588e-7208-650c-ac21-683ed17d771d-e8e9602b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_07159af1-a7a6-0a42-4a6c-b7500175d57c-e8e9602b, #w-node-_6ecc05ab-7e9c-c55e-4577-f94b12ab5aea-e8e9602b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5555c79a-30c1-ffa0-4891-13debddcd69a-e8e9602b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5555c79a-30c1-ffa0-4891-13debddcd69b-e8e9602b, #w-node-_5555c79a-30c1-ffa0-4891-13debddcd6a3-e8e9602b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5555c79a-30c1-ffa0-4891-13debddcd6aa-e8e9602b, #w-node-e972aff0-3e57-ca43-e46e-346a9f5dd45f-08ccc8b8 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e972aff0-3e57-ca43-e46e-346a9f5dd460-08ccc8b8, #w-node-e972aff0-3e57-ca43-e46e-346a9f5dd468-08ccc8b8, #w-node-e972aff0-3e57-ca43-e46e-346a9f5dd473-08ccc8b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e972aff0-3e57-ca43-e46e-346a9f5dd478-08ccc8b8 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d46139e8-27ac-f55e-e1b2-1cd2be0fa81a-e32e989c, #w-node-d46139e8-27ac-f55e-e1b2-1cd2be0fa835-e32e989c, #w-node-d46139e8-27ac-f55e-e1b2-1cd2be0fa850-e32e989c, #w-node-d46139e8-27ac-f55e-e1b2-1cd2be0fa865-e32e989c {
  place-self: end start;
}

#w-node-_7d07550e-26d4-684f-0ea2-ac234e150f74-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150f82-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150f91-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150f9b-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150faa-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150fb8-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e151010-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b880-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b88e-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b89d-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b8a7-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b8b6-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b8c4-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b91c-e32e989c {
  place-self: start;
}

#w-node-_4fa218b4-b22f-bf1d-ef27-41cbe367287c-ea5bb104, #w-node-_8e8efe4f-2c04-e794-2932-2cfe3298393f-ea5bb104, #w-node-f239ea32-3e97-02e2-bac6-43c276931bb0-ea5bb104, #w-node-_91ea3cb9-235c-ccc3-af2d-57bd04b1a4cb-ea5bb104, #w-node-_2c2c444f-7096-e5a7-bc33-21cbbe5253c9-ea5bb104 {
  justify-self: start;
}

#w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa122-2d274e9a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa123-2d274e9a, #w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa12b-2d274e9a, #w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa130-2d274e9a, #w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa136-2d274e9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa13b-2d274e9a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa148-2d274e9a, #w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa16e-2d274e9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24a42cea-9a99-e8d3-7406-9b53ca6aac17-2d274e9a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_24a42cea-9a99-e8d3-7406-9b53ca6aac18-2d274e9a, #w-node-_24a42cea-9a99-e8d3-7406-9b53ca6aac20-2d274e9a, #w-node-_24a42cea-9a99-e8d3-7406-9b53ca6aac2b-2d274e9a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24a42cea-9a99-e8d3-7406-9b53ca6aac30-2d274e9a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b45b-b7c7e55e, #w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b465-b7c7e55e, #w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b473-b7c7e55e, #w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b47d-b7c7e55e {
  place-self: start;
}

#w-node-_4cb7d466-d2df-4c53-8c47-82e7aa6e96a8-b7c7e55e, #w-node-_4cb7d466-d2df-4c53-8c47-82e7aa6e96ab-b7c7e55e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cb7d466-d2df-4c53-8c47-82e7aa6e96af-b7c7e55e, #w-node-_17e74de9-4d53-edcf-b37f-1d4917be05dc-d8b7a567 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_17e74de9-4d53-edcf-b37f-1d4917be05dd-d8b7a567, #w-node-_17e74de9-4d53-edcf-b37f-1d4917be05e5-d8b7a567, #w-node-_17e74de9-4d53-edcf-b37f-1d4917be05f0-d8b7a567 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_17e74de9-4d53-edcf-b37f-1d4917be05f5-d8b7a567 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8fa26527-835f-cf3e-5ef9-813048a4b9e2-be035df2 {
  order: 9999;
}

#Project-Banner.w-node-_8fa26527-835f-cf3e-5ef9-813048a4b91c-be035df2 {
  order: -9999;
}

#w-node-_8fa26527-835f-cf3e-5ef9-813048a4b981-be035df2, #w-node-cbf2605e-c9ac-d449-1c51-c1b114307298-be035df2, #w-node-cbf2605e-c9ac-d449-1c51-c1b11430729f-be035df2, #w-node-cbf2605e-c9ac-d449-1c51-c1b1143072a5-be035df2, #w-node-cb41c32c-61bc-7cf2-eb00-c020d76c01b5-be035df2, #w-node-cb41c32c-61bc-7cf2-eb00-c020d76c01bb-be035df2, #w-node-cb41c32c-61bc-7cf2-eb00-c020d76c01c1-be035df2 {
  justify-self: start;
}

#Overview.w-node-af0fb31d-7e5e-18ad-7521-48601b748e85-4e941f7d {
  order: -9999;
}

#w-node-_83796ebc-1155-ca9c-e7be-a9d71fe651d4-4e941f7d {
  justify-self: start;
}

#w-node-af0fb31d-7e5e-18ad-7521-48601b748f69-4e941f7d {
  order: 9999;
}

#w-node-_337775aa-2586-489e-efea-5917f13c516a-2517765d, #w-node-_651a067a-59f2-f7b5-832a-382612387004-2517765d, #w-node-ed4c4c79-6ea0-22db-bbb8-7911636233b5-2517765d, #w-node-_7277e871-35b4-a52d-746d-6cdfc151cf11-2517765d {
  place-self: center;
}

#w-node-_3b33dd41-eeb1-d0e8-6a72-47649216961a-2517765d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Project-Banner.w-node-bb91fd9b-e1c4-58be-6b7f-458722a96553-c96cf44c {
  order: -9999;
}

#w-node-bb91fd9b-e1c4-58be-6b7f-458722a965c3-c96cf44c {
  order: 9999;
}

#Project-Banner.w-node-f061f98f-57c6-6596-45bb-ec74ab94cd17-1999e91b {
  order: -9999;
}

#w-node-_286a915e-b80f-5801-b771-28c6c512794a-1999e91b, #w-node-_286a915e-b80f-5801-b771-28c6c512795f-1999e91b, #w-node-_286a915e-b80f-5801-b771-28c6c5127966-1999e91b {
  justify-self: start;
}

#w-node-f061f98f-57c6-6596-45bb-ec74ab94ce53-1999e91b, #w-node-_8fa26527-835f-cf3e-5ef9-813048a4b9e2-5b4b34e8 {
  order: 9999;
}

#Project-Banner.w-node-_8fa26527-835f-cf3e-5ef9-813048a4b91c-5b4b34e8 {
  order: -9999;
}

#w-node-_8fa26527-835f-cf3e-5ef9-813048a4b981-5b4b34e8, #w-node-cbf2605e-c9ac-d449-1c51-c1b114307298-5b4b34e8, #w-node-cbf2605e-c9ac-d449-1c51-c1b11430729f-5b4b34e8, #w-node-cbf2605e-c9ac-d449-1c51-c1b1143072a5-5b4b34e8, #w-node-cb41c32c-61bc-7cf2-eb00-c020d76c01b5-5b4b34e8, #w-node-cb41c32c-61bc-7cf2-eb00-c020d76c01bb-5b4b34e8, #w-node-cb41c32c-61bc-7cf2-eb00-c020d76c01c1-5b4b34e8 {
  justify-self: start;
}

#w-node-_8fa26527-835f-cf3e-5ef9-813048a4b9e2-888755d6 {
  order: 9999;
}

#Project-Banner.w-node-_8fa26527-835f-cf3e-5ef9-813048a4b91c-888755d6, #Project-Banner.w-node-f061f98f-57c6-6596-45bb-ec74ab94cd17-ba9c0329 {
  order: -9999;
}

#w-node-f061f98f-57c6-6596-45bb-ec74ab94ce53-ba9c0329 {
  order: 9999;
}

@media screen and (min-width: 1280px) {
  #w-node-_68be8759-cff0-6cee-3080-5e7f52e99138-922b6004 {
    align-self: start;
  }

  #w-node-_5ef82ecf-e9e4-c4f0-a175-3dc075ca4e21-922b6004, #w-node-_97a9d6b0-6ab1-ed65-baf2-190c04a122da-922b6004, #w-node-_408e58d2-6ba2-34e9-fb74-5d85f77c5525-922b6004, #w-node-_75b1b174-72ca-65ef-0f4e-d3ae73aeed85-922b6004 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-dc4e7398-6e9d-eea6-8d7b-ee806a9ee833-922b6004, #w-node-cf2423ab-785b-d0bd-ff05-7b4f13694572-922b6004, #w-node-cf2423ab-785b-d0bd-ff05-7b4f13694579-922b6004, #w-node-_9818ee5b-1386-8815-fcf3-227f93e232c8-922b6004, #w-node-_9818ee5b-1386-8815-fcf3-227f93e232cf-922b6004 {
    align-self: start;
  }

  #w-node-_9fe9d65a-32f4-44b9-3757-b0884abf2202-922b6004 {
    justify-self: start;
  }

  #w-node-f38f4ce5-d17e-31cf-8890-2d4b28b4b711-a216712d, #w-node-a45e0924-6aa2-bd19-d67b-969f7c410bcd-87852060 {
    align-self: start;
  }

  #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbdfa-87852060, #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbe0a-87852060, #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbe41-87852060 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbffc-87852060, #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bc003-87852060 {
    align-self: start;
  }

  #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bc043-87852060 {
    justify-self: start;
  }

  #w-node-cd45a18b-5808-e525-282c-171cf3e1cbea-87852060, #w-node-c520c782-2aca-e74c-7d7b-1967b89a4c17-e32e989c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7d07550e-26d4-684f-0ea2-ac234e150f74-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150f82-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150f91-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150f9b-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150faa-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e150fb8-e32e989c, #w-node-_7d07550e-26d4-684f-0ea2-ac234e151010-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b880-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b88e-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b89d-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b8a7-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b8b6-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b8c4-e32e989c, #w-node-_8c922d3a-d00f-f279-e445-591e0d17b91c-e32e989c, #w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b45b-b7c7e55e, #w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b465-b7c7e55e, #w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b473-b7c7e55e, #w-node-ac0b586e-4f18-9dfc-e47f-f5b49e74b47d-b7c7e55e {
    align-self: start;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_5ef82ecf-e9e4-c4f0-a175-3dc075ca4e21-922b6004, #w-node-_97a9d6b0-6ab1-ed65-baf2-190c04a122da-922b6004, #w-node-_408e58d2-6ba2-34e9-fb74-5d85f77c5525-922b6004, #w-node-_75b1b174-72ca-65ef-0f4e-d3ae73aeed85-922b6004 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c1341d46-c9ec-414b-62e0-bb063fa8a10e-922b6004, #w-node-_632e4bcd-f133-62b5-98a5-f1c99276826d-922b6004, #w-node-_358e8d6a-dfc0-54bf-e327-68b13e88bc19-c697e1d5 {
    justify-self: start;
  }

  #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbdfa-87852060, #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbe0a-87852060, #w-node-_22874458-9e14-0eff-b9a6-c7d2e17bbe41-87852060, #w-node-cd45a18b-5808-e525-282c-171cf3e1cbea-87852060, #w-node-c520c782-2aca-e74c-7d7b-1967b89a4c17-e32e989c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1d98d252-66fc-cac1-b73d-b4f6ef65f909-935762aa, #w-node-_7abe0a8e-d28d-eca1-1324-df5b63dc48e6-0676d598, #w-node-f92cb189-fece-a620-50a8-d50bdc2e6dfd-48d738d1, #w-node-_792ff280-5d65-5473-2709-f092e7e45009-48d738d1, #w-node-_641c3787-25a7-80ee-0495-f4a9da10dd6c-e8e9602b, #w-node-_5555c79a-30c1-ffa0-4891-13debddcd6aa-e8e9602b, #w-node-e972aff0-3e57-ca43-e46e-346a9f5dd478-08ccc8b8, #w-node-_3944c582-57e7-0043-4c50-3ba7dbcfa13b-2d274e9a, #w-node-_24a42cea-9a99-e8d3-7406-9b53ca6aac30-2d274e9a, #w-node-_17e74de9-4d53-edcf-b37f-1d4917be05f5-d8b7a567 {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_10bc001b-c320-e168-f07d-50af263380be-922b6004 {
    order: -9999;
  }

  #h-Main-All.w-node-_10bc001b-c320-e168-f07d-50af26337fdf-922b6004 {
    order: 9999;
  }

  #w-node-_9f8d3803-1270-07ed-32ff-5c94e1ce8fba-8c301952 {
    order: -9999;
  }

  #Project-Banner.w-node-_9f8d3803-1270-07ed-32ff-5c94e1ce8fcf-8c301952, #Overview.w-node-_96ba06ed-47ed-ca73-8574-1024d9b66e98-9a9a847e {
    order: 9999;
  }

  #w-node-_96ba06ed-47ed-ca73-8574-1024d9b66f77-9a9a847e, #w-node-ad63d375-609a-795e-97e5-433a3029ff51-2b17670f {
    order: -9999;
  }

  #Project-Banner.w-node-ad63d375-609a-795e-97e5-433a3029fe15-2b17670f {
    order: 9999;
  }

  #w-node-_8fa26527-835f-cf3e-5ef9-813048a4b9e2-be035df2 {
    order: -9999;
  }

  #Project-Banner.w-node-_8fa26527-835f-cf3e-5ef9-813048a4b91c-be035df2, #Overview.w-node-af0fb31d-7e5e-18ad-7521-48601b748e85-4e941f7d {
    order: 9999;
  }

  #w-node-af0fb31d-7e5e-18ad-7521-48601b748f69-4e941f7d {
    order: -9999;
  }

  #Project-Banner.w-node-bb91fd9b-e1c4-58be-6b7f-458722a96553-c96cf44c {
    order: 9999;
  }

  #w-node-bb91fd9b-e1c4-58be-6b7f-458722a965c3-c96cf44c {
    order: -9999;
  }

  #Project-Banner.w-node-f061f98f-57c6-6596-45bb-ec74ab94cd17-1999e91b {
    order: 9999;
  }

  #w-node-f061f98f-57c6-6596-45bb-ec74ab94ce53-1999e91b, #w-node-_8fa26527-835f-cf3e-5ef9-813048a4b9e2-5b4b34e8 {
    order: -9999;
  }

  #Project-Banner.w-node-_8fa26527-835f-cf3e-5ef9-813048a4b91c-5b4b34e8 {
    order: 9999;
  }

  #w-node-_8fa26527-835f-cf3e-5ef9-813048a4b9e2-888755d6 {
    order: -9999;
  }

  #Project-Banner.w-node-_8fa26527-835f-cf3e-5ef9-813048a4b91c-888755d6, #Project-Banner.w-node-f061f98f-57c6-6596-45bb-ec74ab94cd17-ba9c0329 {
    order: 9999;
  }

  #w-node-f061f98f-57c6-6596-45bb-ec74ab94ce53-ba9c0329 {
    order: -9999;
  }
}