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: Transducer;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545b06642054bf0c73ec_transducer-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Transducer Hairline;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545b0cf350067ad5d2e7_transducer-hairline-italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: Transducer;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545b7dda8553d4075860_transducer-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Transducer;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545b18e0637fe5bffee5_transducer-medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Transducer;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545bb0176fefe3e7ac82_transducer-bold-italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: Transducer;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545b18e0637fe5bffec7_transducer-black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Transducer Condensed;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545b9f305ffe47174bce_transducer-condensed-black-italic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: Transducer;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545bb84ddfdd815dacc9_transducer-black-italic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: Transducer Hairline;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545b06642054bf0c73e6_transducer-hairline.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Transducer;
  src: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796545bf3b3fa250975488f_transducer-medium-italic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
}

:root {
  --_old-website---white: white;
  --_old-website---border-grey: #c3bada;
  --_old-website---darker-background: #27232a;
  --_old-website---bg-grey: #3f3845;
  --_old-website---button-purple: #8d62b5;
  --text-dark: #2c2c2c;
  --fillet: 1rem;
  --color-primary: #bbf912;
  --text-link-dark: #0000fe;
  --background: #2c2c2c;
  --transducer: Transducer, Impact, sans-serif;
  --text: white;
  --hp-title: 1000;
  --navbar-txt: 1.2rem;
  --navbar-tablet-txt: 1rem;
  --navbar-mobile-txt: 1rem;
  --border-stroke: .2em;
  --text-link-low-opacity: #0000fe40;
  --body-txt: 1.2rem;
  --body-tablet-txt: .9rem;
  --body-mobile-txt: .6rem;
  --project-title: 4rem;
  --project-tablet-title: 2rem;
  --project-mobile-title: 1.5rem;
  --small-txt: .8rem;
  --small-txt-tablet: .6rem;
  --small-txt-mobile: .4rem;
  --h1-txt: 4rem;
  --h1-tablet: 3rem;
  --h1-mobile: 2rem;
  --primary-low-opacity: #bbf91233;
  --banner-txt: 1.5rem;
  --banner-tablet: 1rem;
  --banner-mobile: .8rem;
  --h2-txt: 55px;
  --h2-tablet: 2rem;
  --h2-mobile: 1.5rem;
  --h3-txt: 2rem;
  --h3-tablet: 1.1rem;
  --h3-mobile: 1rem;
  --text-link: #bbf912;
  --color-accent: white;
}

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

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Quicksand, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

h3 {
  color: #00035a;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Quicksand, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.section1-opening {
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 100%;
  display: flex;
  position: relative;
}

.grey-background {
  filter: blur(5px);
  background-color: #e0dfdf;
  position: fixed;
  inset: 0%;
}

.blue-circle {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee97b63d656bf1ae22e2eaa_bluecircle2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  inset: 10% 26%;
}

.green-circle {
  max-height: NaN% ;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee97b62b15f54490f874cbb_greencircle2.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65vw;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  position: fixed;
  inset: 28% 0% 0%;
}

.jellyfish {
  margin-top: 14%;
  margin-left: 20%;
  margin-right: auto;
  padding-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.leaf {
  margin-top: 13%;
  margin-left: auto;
  margin-right: 27%;
  display: block;
  position: absolute;
  inset: 0%;
}

.nav-container {
  min-width: 100%;
  max-width: 1140px;
  display: flex;
}

.navbar {
  background-color: #0000;
  min-width: auto;
  margin-top: 15px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

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

.jingwei-nav-bar {
  color: #00035a;
  margin-left: 32px;
  font-family: Raleway, sans-serif;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 1;
}

.nav-item {
  color: #00035a;
  font-family: Quicksand, sans-serif;
  font-size: 1.3vw;
  line-height: 1;
}

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

.sketch-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  height: 100vh;
  display: flex;
  position: relative;
}

.sketch {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee13a8e199bccc354b11ded_Jellyfish%2B.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 38%;
}

.sketch.jellyfish {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee192aed52645152ba188a7_Jellyfish%2B.png");
  background-size: 55vh;
  margin-top: auto;
  margin-left: 8px;
  position: fixed;
  inset: -7% 0% 0% -18%;
}

.sketch.leaf {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee9728f1fe580309c6e0b2d_leaf1%2B2c.png");
  background-size: 25vh;
  margin-top: auto;
  margin-right: auto;
  position: fixed;
  inset: -34% 0% 0% 28%;
}

.sketch.dumpling {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee9731e8d512867253958dd_Dumpling%2Bc.png");
  background-size: 20vw;
  position: fixed;
  inset: 30% 1% 0% -31%;
}

.sketch.cyborg {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee972b3f64b271027ea20b2_cyborg%2Bc.png");
  background-size: 45vh;
  position: fixed;
  inset: 46% 0% 0% 4%;
}

.title-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
}

.div-block-5 {
  flex-direction: column;
  display: flex;
}

.title_jingwei {
  color: #fff;
  margin-top: 192px;
  font-family: Montserrat, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 1px;
}

.title_jingwei.designer {
  margin-top: 32px;
  margin-bottom: 4px;
  font-size: 35px;
  font-weight: 300;
}

.section2-works {
  background-image: radial-gradient(circle at 50% 0, #a5ffa1, #abccc3 47%, #e46ea2);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section3-about {
  background-image: linear-gradient(#e46ea2, #6a64dc 77%, #305ff7);
  border: 1px #000;
  align-items: flex-end;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.heading-container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 90vw;
  max-width: none;
  margin-bottom: 8vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.bottomwrapper {
  justify-content: space-between;
  margin-top: 0;
  display: flex;
}

.heading {
  color: #00035a;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Raleway, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 1;
}

.line-vertical {
  background-color: #00035a;
  width: 2px;
  height: auto;
  position: relative;
  inset: 0% auto 0% 0%;
}

.slider {
  background-color: #0000;
  height: 65vh;
  margin-bottom: 55px;
  padding-left: 34px;
  padding-right: 34px;
}

.slide-wrapper {
  display: flex;
  position: absolute;
  inset: 0%;
}

.slide-card {
  transform-origin: 50% 100%;
  background-color: #51e7ce;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  margin-left: 36px;
  margin-right: 36px;
  transition: transform .25s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
}

.slide-card:hover {
  transform: scale(1.05);
}

.slide-card.to-be-continued {
  justify-content: center;
}

.slide-nav {
  margin-top: 0;
  margin-bottom: 0;
  display: none;
  top: 514.194px;
}

.slider-image {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac2817f4e0eb609995cc_card_Designed%20Artefects.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14vw;
  max-width: none;
  height: 27vh;
  margin: 29px 10px 10px;
}

.slider-image._02 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac27e946a34464589060_car_Redesigned%20Systems.png");
}

.slider-image._03 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac2717f4e04b359995cb_card_Thoughts%20and%20Discussions.png");
}

.slider-image._05 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac2851cedbb258e5d135_card_Material%20Explorations.png");
}

.slider-image._04 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac28ad8a702fbd42c387_card_Films%20and%20Animations.png");
}

.heading-2 {
  color: #e905de;
  margin-top: 14px;
  font-family: Oswald, sans-serif;
  font-size: 1.7vw;
  font-weight: 400;
  line-height: 1;
}

.slide-paragraph {
  color: #e905de;
  text-align: center;
  max-width: 25vw;
  padding-left: 21px;
  padding-right: 21px;
  font-family: Quicksand, sans-serif;
  font-size: .7vw;
  line-height: 1.2;
}

.button {
  color: #51e7ce;
  text-align: center;
  background-color: #305ff7;
  flex: 0 auto;
  align-self: auto;
  width: 10vw;
  height: 5vh;
  margin-bottom: 10px;
  padding: 1vh 13px 5px;
  font-family: Quicksand, sans-serif;
  font-size: 1.3vw;
  font-weight: 500;
}

.card-number-container {
  margin-top: auto;
  margin-left: -8vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 29%;
}

.card-number {
  color: #e905de;
  font-family: Raleway, sans-serif;
  font-size: 2.7vw;
  line-height: 1;
}

.text-block {
  color: #00035a;
  margin-left: -6px;
  padding-top: 30px;
  padding-left: 0;
  font-family: Raleway, sans-serif;
  font-size: 1.3vw;
  line-height: 1;
}

.mask {
  padding-top: 24px;
}

.slider-bg {
  background-color: #51e7ce;
  justify-content: flex-end;
  align-self: flex-end;
  width: 65vw;
  height: 60vh;
  margin-top: 0;
  margin-bottom: 56px;
  display: flex;
  position: relative;
}

.rightwrapper {
  background-color: #51e7ce;
  flex-direction: column;
  width: 70%;
  margin-top: 23px;
  margin-bottom: 23px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.jingwei {
  color: #03055b;
  font-family: Quicksand, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.div-block-7 {
  background-color: #51e7ce;
  justify-content: space-between;
  display: flex;
  overflow: visible;
}

.titles {
  color: #e905de;
  text-align: right;
  margin-right: 14px;
  font-family: Quicksand, sans-serif;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.4;
}

.text-block-2 {
  color: #00035a;
  margin-top: 10px;
  font-family: Quicksand, sans-serif;
  font-size: 1vw;
  line-height: 1.4;
}

.paragraph {
  margin-top: 28px;
  padding-right: 48px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.paragraph._2, .paragraph._1, .paragraph._3 {
  font-size: .8vw;
  line-height: 1.2;
}

.button-contact {
  color: #e905de;
  text-align: center;
  background-color: #a6ffac;
  width: 15vw;
  height: 5vh;
  padding: 1vh 0 0;
  font-family: Quicksand, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}

.div-block-8 {
  justify-content: flex-end;
  margin-right: 17px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.slider-section3 {
  width: 60%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.section3content {
  z-index: 10;
  background-color: #51e7ce;
  padding-left: 27px;
  position: absolute;
  inset: 0%;
}

.section3content._2, .section3content._3 {
  background-color: #0000;
  display: block;
}

.slide-33 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee8f73890d44152105e88d8_ezgif-3-a4fbbaa40aaa.gif");
  background-position: 50%;
  background-size: 125px;
}

.slide-22 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee8f66c5c449d0fe7e737a5_ezgif-3-387c8bd52e51.gif");
  background-position: 50%;
  background-size: contain;
}

.slide-11 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee8f51e3ba6b97eb6b937e2_Random.gif");
  background-position: 50%;
  background-size: auto;
}

.slide-nav-2 {
  inset: auto auto 0% 8%;
}

.left-arrow {
  display: none;
  overflow: hidden;
}

.right-arrow {
  z-index: 0;
  background-color: #51e7ce;
  border-left: 5px solid #5963e4;
  width: 100px;
  height: 100px;
  inset: 0% auto auto 0%;
  transform: none;
}

.div-block-9 {
  background-color: #51e7ce;
}

.sectionnavbar {
  flex-direction: column;
  width: 20vw;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.sectionnavigationprojects {
  flex-direction: column;
  align-self: flex-end;
  margin: 40px;
  display: flex;
}

.body-project {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.navigation_projectname {
  color: #e905de;
  margin-top: 11px;
  margin-left: 11px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
}

.navigation_projectname._1 {
  font-size: 1.5vw;
  line-height: 1.3;
  position: relative;
}

.navigation_projectname._2 {
  font-size: 1.5vw;
  line-height: 1.3;
}

.navigation_projectname._3 {
  font-size: 1.5vw;
}

.borrowbones {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef236621e82121a48a41715_BorrowBones-cover.JPG");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.navigation {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 29% 32% 153px auto;
  grid-template-columns: auto auto auto 19%;
  width: 75vw;
  height: 100vh;
  position: relative;
}

.navigation._1 {
  height: 80vh;
}

.navigation._2 {
  grid-template-rows: auto auto 23%;
  grid-template-columns: auto auto auto;
  height: 80vh;
}

.navigation._3 {
  grid-template-rows: auto;
  grid-template-columns: auto 19% auto;
  height: 80vh;
}

.navigation._4 {
  grid-template-rows: auto auto;
  grid-template-columns: auto auto auto;
  height: 80vh;
}

.navigation._5 {
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto 27%;
  height: 80vh;
}

.borrowbonescover {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef236621e82121a48a41715_BorrowBones-cover.JPG");
  background-position: 50%;
  background-size: cover;
  border: 4px #abccc3;
  border-radius: 0;
  position: relative;
}

.broochcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2361166526069813ea03e_Brooch-cover.JPG");
  background-position: 50%;
  background-size: cover;
  border: 4px #abccc3;
  position: relative;
}

.dramaticwatchcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23588cebcfb742784a8ca_Dramatic%20Watch1.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.kabukimaskcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235753105ddfa09b1dd9a_KabukiMask-cover.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.xiaoguangcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef236eeb9054f0fa0b2540b_XiaoGuang-cover.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.automobilecover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef236b4519c7e81cea83f3f_Automobile-cover.jpg");
  background-position: 0%;
  background-size: cover;
  border: 4px #abccc3;
  position: relative;
}

.ringringcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef21f4dd9472999891e46af_Ringring-cover.JPG");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.legocafecover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2356c95d4215b6eeafca8_LegoCafe-cover.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.figure {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23582fdb44d43ece4edfc_Figure-Marvel-Render.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.navigationbackground {
  z-index: -1;
  background-color: #0000;
  background-image: linear-gradient(#a5ffa1, #abccc3 50%, #e46ea2);
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.navigationbackground.thesis {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f42ebe740145a961002_Thesis-Cover.jpg"), linear-gradient(#a5ffa1, #abccc3 50%, #e46ea2);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  align-self: auto;
}

.fillerbox {
  opacity: 1;
  background-color: #51e7ce;
  position: relative;
}

.fillerbox._1 {
  opacity: 1;
  background-color: #51e7ce;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef92fd26bc01378f3c6db97_Line-KabukiMask.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35%;
}

.fillerbox._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef92fd2c93f2a5d3b2d2e8d_Line-Brooch.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45%;
}

.fillerbox._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef905dfb1675b5871d04272_Line-ringring.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto 50%;
}

.fillerbox._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef92f67b4b002f8498f3079_Line-Recycle.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
}

.fillerbox._5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef92f0d8d27dff83ba685a8_Line-System.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35%;
}

.fillerbox._6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef9304c85b4359d0fef5cdf_Line-Body.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 30%;
}

.fillerbox._7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef930f398e52ef51f2d60a6_Line-shop.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 60%;
}

.fillerbox._8 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef9319c8647a6a5cb222f17_Line-print.png");
  background-position: 50%;
  background-size: auto 20%;
}

.fillerbox._9 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef934b1b1675b919fd09499_Line-OOO.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 70%;
}

.fillerbox._10 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef934b12a2bee1f5e37dd13_Line-GummyFighter.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 70%;
}

.fillerbox._11 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef934b1d727ea426343873a_Line-Water.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto 40%;
}

.recycleprovidencecover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef26463f4b4ff7142e74d97_RecycleProvidence-cover.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.borderlesskitchencover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef238752533854d11af5cc6_BorderlessKitchen-cover.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.transportationsystemcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23d99a45701458a183db1_TransportationSystem-cover.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.communitycover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23d68cebcfb3bc984bdcc_Community-cover.png");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.applecover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23dea381022b159353b65_Apple11.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.thesiscover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f69063f7d1046a63070_Thesis-Transformable_Body_-1.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.shopcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef24093fdb44d2039e4ff64_shop7-cover.JPG");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.marinecover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637d5f2381fd7101fd55_MarinePrototype5.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

._3dprintingcover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f85a545e48f27bb57aa_3dprinting-Printed2.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.bluetscover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef263ffaf6e2c3b5e54f495_Bluets-cover.png");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.ooocover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2640b993edc914bff3723_OOO-cover.png");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.gummyfightercover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef26405ad688ac66509e4bc_GummyFighter-Cover.png");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.watercover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef264105411b70a0ea1146c_Water-cover.png");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.ucover {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef39d66cf59e92e7aeb11a8_uCover.png");
  background-position: 50%;
  background-size: contain;
  position: relative;
}

.navbarbackground {
  background-color: #51e7ce;
  flex-direction: column;
  align-self: center;
  width: 18vw;
  height: 94vh;
  margin-top: 0;
  display: flex;
  position: relative;
  inset: 3%;
}

.navigation-projectcard {
  position: relative;
}

.navigation-projectcard._2 {
  display: block;
}

.navigation-projectcard._3 {
  line-height: 1.3;
}

.navigation_projectimage {
  background-color: #51e7ce;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac2817f4e0eb609995cc_card_Designed%20Artefects.png");
  background-position: 50%;
  background-size: cover;
  height: 20vh;
  margin: 0 56px;
  display: block;
}

.navigation_projectimage._1 {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #0000;
  width: 10vw;
  display: none;
  position: relative;
}

.navigation_projectimage._2 {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac27e946a34464589060_car_Redesigned%20Systems.png");
  width: 10vw;
  display: none;
}

.navigation_projectimage._3 {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac2717f4e04b359995cb_card_Thoughts%20and%20Discussions.png");
  width: 10vw;
  display: none;
}

.navigation_projectimage._4 {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac2851cedbb258e5d135_card_Material%20Explorations.png");
  width: 10vw;
  display: none;
}

.navigation_projectimage._5 {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee7ac28ad8a702fbd42c387_card_Films%20and%20Animations.png");
  width: 10vw;
  display: none;
}

.navtraingle {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef792a73ce7211880ff8143_trainglebutton.png");
  background-position: 50%;
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: auto 3% 0% auto;
}

.navbarbackhome {
  height: 8vh;
  position: absolute;
  inset: auto 0% 0%;
}

.jingweidenghome {
  color: #e905de;
  text-align: center;
  border: 1px #000;
  border-radius: 15px;
  margin-top: 23px;
  font-family: Raleway, sans-serif;
  font-size: 2vw;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.link-block-2 {
  height: 10vh;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0%;
}

.project-category {
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0;
  margin-left: 9px;
  padding-right: 8px;
  font-family: Oswald, sans-serif;
  font-size: 1vw;
  line-height: 1.3;
  display: flex;
}

.project-category._1 {
  margin-top: -38px;
  padding-left: 0;
  position: relative;
}

.project-category._2 {
  z-index: 99;
  position: relative;
}

.project-category._3, .project-category._4, .project-category._5 {
  position: relative;
}

.projectcategoryname {
  color: #00035a;
  text-align: right;
  white-space: normal;
  border: 1px #00035a;
  border-bottom: 2px solid #00035a;
  font-family: Oswald, sans-serif;
  font-size: 2.2vw;
  font-weight: 400;
  line-height: 1.3;
}

.projectcategorydescription {
  color: #00035a;
  text-align: right;
  margin-bottom: 9px;
  font-family: Quicksand, sans-serif;
  font-size: .8vw;
  line-height: 1;
  position: static;
}

.projectcategorynumber {
  z-index: 2;
  color: #00035a;
  padding-top: 17px;
  padding-bottom: 0;
  padding-left: 8px;
  font-family: Poiret One, sans-serif;
  font-size: 9vw;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.coverhover {
  opacity: .6;
  background-color: #00035a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.coverhover.borrow-bones {
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.coverhover.dramaticwatch {
  justify-content: center;
  align-items: center;
  display: flex;
}

.coverhover.kabukimask {
  justify-content: center;
  align-items: center;
}

.coverhover.figure {
  background-image: none;
}

.coverhover.transportation {
  position: absolute;
}

.project-link {
  color: #e905de;
  text-align: left;
  background-image: none;
  font-family: Poiret One, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  position: static;
}

.project-link.borrow-bones {
  text-align: center;
  background-image: none;
  align-self: center;
  padding: 20px;
  font-size: 5vw;
  display: block;
  position: static;
  inset: 0%;
}

.project-link.dramticwatch {
  text-align: left;
  padding: 10px;
  font-size: 3vw;
  display: block;
}

.project-link.kabukimask {
  text-align: left;
  align-self: auto;
  padding: 20px 10px;
  font-size: 3vw;
  display: block;
}

.project-link.xiaoguang {
  padding: 20px;
  font-size: 2vw;
}

.project-link.figure {
  background-image: none;
  font-size: 3vw;
}

.project-link.automotive {
  padding: 10px;
  font-size: 3vw;
}

.project-link.brooch {
  padding: 10px;
  font-size: 2vw;
}

.project-link.ringring, .project-link.legocafe {
  padding: 10px;
  font-size: 3vw;
}

.project-link.recycleprovidence {
  padding: 20px;
  font-size: 3vw;
}

.project-link.transportation {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 3vw;
}

.project-link.chinesekitchen {
  padding: 20px;
  font-size: 6vw;
}

.project-link.community {
  padding: 20px 10px;
  font-size: 3vw;
}

.project-link.apple {
  padding: 20px;
  font-size: 4vw;
}

.project-link.thesis {
  padding: 20px;
}

.project-link.shop, .project-link.marine {
  padding-top: 20px;
  padding-bottom: 20px;
}

.project-link.printing, .project-link.bluets, .project-link.ooo {
  padding: 20px;
}

.project-link.u {
  padding: 20px;
  font-size: 6vw;
}

.project-link.gummy {
  padding: 20px;
  font-size: 3vw;
}

.project-link.drop {
  padding: 20px;
}

.project {
  align-self: flex-end;
  width: 75vw;
  max-width: none;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  position: relative;
}

.project.borrowbones {
  background-image: none;
}

.projectname {
  color: #e905de;
  background-color: #0000;
  background-image: none;
  border-left: 3px solid #e905de;
  margin-left: 10px;
  padding-left: 8px;
  font-family: Oswald, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1;
}

.projectname.xiaoguang {
  font-size: 3vw;
}

.projectname.borrowbones, .projectname.figure {
  background-image: none;
}

.project-description {
  color: #00035a;
  background-image: none;
  margin-top: 9px;
  margin-left: 14px;
  margin-right: 11px;
  font-family: Titillium Web, sans-serif;
  font-size: .9vw;
  font-weight: 400;
  line-height: 1.3;
}

.project-description.xiaoguang {
  font-size: .9vw;
}

.project-description.borrowbones {
  background-image: none;
  margin-top: 14px;
  font-size: .8vw;
}

.project-description.kabukimask {
  font-size: .9vw;
}

.project-description.figure {
  background-image: none;
}

.project-description.automotive {
  margin-top: 26px;
}

.project-description.brooch {
  margin-top: 14px;
}

.project-description.ringring {
  font-size: .9vw;
}

.project-description.zoomin {
  margin-top: 16px;
  font-size: .9vw;
}

.project-description.kitchen {
  margin-top: 17px;
}

.project-description.transportation {
  margin-top: 21px;
}

.project-description.thesis {
  background-color: #0000;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: .8vw;
  position: relative;
}

.project-description.shopshop {
  margin-top: 13px;
}

.project-description.marine {
  margin-top: 17px;
  font-size: .9vw;
}

.project-description.infinity {
  margin-top: 12px;
}

.projectdate {
  color: #e905de;
  text-align: right;
  background-image: none;
  align-self: flex-end;
  margin-top: -28px;
  margin-left: 0;
  margin-right: 14px;
  font-family: Oswald, sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  position: static;
}

.projectdate.xiaoguang {
  margin-top: 11px;
}

.projectdate.dramatic-watch {
  margin-top: -18px;
  margin-bottom: 10px;
}

.projectdate.borrowbones {
  background-image: none;
  margin-top: -23px;
}

.projectdate.kabukimask {
  margin-top: -11px;
}

.projectdate.figure {
  background-image: none;
  margin-top: -3px;
}

.projectdate.broochh {
  margin-top: -10px;
}

.projectdate.zoom {
  margin-top: -6px;
}

.projectdate.recycle {
  margin-top: -4px;
}

.projectdate.kitchen {
  margin-top: -6px;
}

.projectdate.transportation {
  margin-top: -16px;
}

.projectdate.shopshop {
  margin-top: -18px;
}

.projectdate.marine {
  margin-top: -9px;
}

.projectdate.infinity {
  margin-top: -17px;
}

.kabukimaskgrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area" 38%
                 "." 38%
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  display: grid;
}

.kabuki1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235753105ddfa09b1dd9a_KabukiMask-cover.jpg");
  background-position: 50%;
  background-size: cover;
}

.kabuki2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235752b00ef1ffed349db_KabukiMask2.jpg");
  background-position: 50%;
  background-size: cover;
}

.kabuki3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23574f29e6547a6786c79_KabukiMask4.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-13 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235754bcbe2ca4ddc12c1_KabukiMask3.jpg");
  background-position: 50%;
  background-size: cover;
}

.figuregird {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 2.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80vh;
  display: grid;
}

.figuregird._2 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100vh;
  margin-top: 25px;
}

.figure1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235813105ddae21b1ddaf_Figure-Process-1.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23582063f7dbe1fa6180a_Figure-Process-2.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23581984fed860167ed37_Figure-Process-3.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235824bcbe298dadc12ff_Figure-Process-4.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235826ce84f80bf2867cb_Figure-Process-5.jpg");
  background-position: 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.figure6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23582f83ff009107a9eeb_Figure-MonaLisa-Render.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235801c8519e7c13d3db3_Figure-MonaLisa-Original.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure8 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23581265377cca397934c_Figure-Godfather-Render.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure9 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23580a45701e235182edb_Figure-Godfather-Original.jpg");
  background-position: 50%;
  background-size: cover;
}

.figure10 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23582fdb44d43ece4edfc_Figure-Marvel-Render.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-14 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23580ef3908f8f9a48e52_Figure-Marvel-Original.jpg");
  background-position: 0 0;
  background-size: cover;
}

.image-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.broochgrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80vh;
  margin-top: 16px;
  display: grid;
}

.brooch1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235bb3105dd3492b1df64_Brooch.JPG");
  background-position: 50%;
  background-size: cover;
}

.brooch2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef236121c851902bb3d3dfb_Brooch2.JPG");
  background-position: 50%;
  background-size: cover;
}

.brooch3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef236126652606c083ea03f_Brooch3.JPG");
  background-position: 50%;
  background-size: cover;
}

.ringgrid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80vh;
  margin-bottom: 16px;
  display: grid;
}

.ring1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef235641e8212357da41670_Ringring-2.JPG");
  background-position: 50%;
  background-size: cover;
}

.ring2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef21f4fe8d70e564d49cedb_Ringring-4.JPG");
  background-position: 50%;
  background-size: cover;
}

.ring3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef21f4d2d8a1c8d36924cc1_Ringring-1.JPG");
  background-position: 50%;
  background-size: cover;
}

.ringring4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef21f4dd9472999891e46af_Ringring-cover.JPG");
  background-position: 50%;
  background-size: cover;
}

.apple-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: 70vh auto auto;
  grid-template-columns: 1.75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 150vh;
  display: grid;
}

.applevideo {
  margin-top: 10px;
}

.apple1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23deaf5a2fe302eddc3a0_Apple8.jpg");
  background-position: 50%;
  background-size: cover;
}

.apple2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23deb4040f0852b769d92_Apple7.jpg");
  background-position: 50%;
  background-size: cover;
}

.apple3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23dea984fedeaa668026e_Apple2.jpg");
  background-position: 50%;
  background-size: cover;
}

.apple4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23de7fdb44d18c0e4fbf2_Apple4.jpg");
  background-position: 50%;
  background-size: cover;
}

.apple5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23de71c8519be833d4ea0_Apple9.jpg");
  background-position: 50%;
  background-size: cover;
}

.apple66 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23de446a970415fc5f294_Apple10.jpg");
  background-position: 50%;
  background-size: cover;
}

.appletreegird {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80vh;
  margin-bottom: 10px;
  display: grid;
}

.appletree1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23dea9e179ea7aa17d711_AppleTree.jpg");
  background-position: 50%;
  background-size: cover;
}

.appletree2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23de995f8504691c887ba_AppleTree0.jpg");
  background-position: 50%;
  background-size: cover;
}

.appletree3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23de7f83ff0167b7ab002_AppleTree2.jpg");
  background-position: 50%;
  background-size: cover;
}

.appletree-video {
  margin-bottom: 10px;
}

.videogrid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.thesisheading {
  color: #3e3e3e;
  text-align: left;
  border-bottom: 3px solid #3e3e3e;
  border-left: 3px #3e3e3e;
  margin-top: 0;
  margin-bottom: 8px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: Oswald, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1.3;
}

.thesiscontainer1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 50vw;
  margin-top: 30vh;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.thesispdf {
  background-color: #ae1817;
  border-radius: 5px;
  padding: 8px;
  font-family: Poiret One, sans-serif;
  font-size: 1.5vw;
}

.shopshopgrid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 140vh;
  display: grid;
}

.shop1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2409390f01fa3b4b7cb11_shop1.JPG");
  background-position: 50%;
  background-size: cover;
}

.shop2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef24092f29e65c329788266_shop3.JPG");
  background-position: 50%;
  background-size: cover;
}

.shop3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef24018bd1106084d38bca5_shop2.JPG");
  background-position: 50%;
  background-size: cover;
}

.shop4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef240949e179e368017d976_shop8.JPG");
  background-position: 50%;
  background-size: cover;
}

.shop5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef240942e20e12cb6a87606_shop6.JPG");
  background-position: 50%;
  background-size: cover;
}

.shop6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef24093fdb44d2039e4ff64_shop7-cover.JPG");
  background-position: 50%;
  background-size: cover;
}

.shop7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef24093cebcfbc98384c435_shop5.JPG");
  background-position: 50%;
  background-size: cover;
}

.shop8 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef24093689c38ad06009efb_shop4.JPG");
  background-position: 50%;
  background-size: cover;
}

.marinegrid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto 239px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  margin-top: 10px;
  display: grid;
}

.marine1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef263d0f7305242b8158469_MarinePrototype14.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637daf6e2c280c54f3fe_MarinePrototype15.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637db8b4a174c13c91d3_MarinePrototype6.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-16 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef263f70a51fe64bcf0fffd_MarinePrototype11.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637db4948804d2712a35_MarinePrototype8.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637d526495572a566538_MarinePrototype12.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637df66be171cb35f93b_MarinePrototype10.jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-17 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637df730521c5a158427_MarinePrototype7.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine9 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637c0f893066971f82ba_MarinePrototype16.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine10 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef263d0a6ec0765d55903d8_MarinePrototype1.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine11 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637d5f2381fd7101fd55_MarinePrototype5.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine12 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef263d11865ed4297965053_MarinePrototype2.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine13 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637dfb10692c3a784753_MarinePrototype9.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine14 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637b1eb39d7d23c24d3c_MarinePrototype13.jpg");
  background-position: 50%;
  background-size: cover;
}

.marine16 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef2637b97320a1d7a4e3955_MarinePrototype4.jpg");
  background-position: 50%;
  background-size: cover;
}

.marinegrid2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 80vh;
  margin-top: 10px;
  display: grid;
}

.mariengrid3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 25vh;
  display: grid;
}

.infinitgrid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 60vh;
  display: grid;
}

.infinity1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f81fd7dba7f005aecce_3dprinting-modeling1.png");
  background-position: 50%;
  background-size: cover;
}

.infinity2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f81cebcfb360384c04f_3dprinting-modeling2.png");
  background-position: 50%;
  background-size: cover;
}

.infinity3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f801e821252c6a42263_3dprinting-modeling3.png");
  background-position: 50%;
  background-size: cover;
}

.infinity4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f80a9843041de6a694e_3dprinting-modeling4.png");
  background-position: 50%;
  background-size: cover;
}

.infinity5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f7f95f850b7a3c889ea_3dprinting-modeling5.png");
  background-position: 50%;
  background-size: cover;
}

.infinity6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f7f1e8212ed50a421ff_3dprinting-printing.png");
  background-position: 50%;
  background-size: cover;
}

.infinitygrid2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 60vh;
  margin-top: 10px;
  display: grid;
}

.infinity7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f85a545e48f27bb57aa_3dprinting-Printed2.jpg");
  background-position: 50%;
  background-size: cover;
}

.infinity8 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f85984fed2a1e680632_3dprinting-Printed4.jpg");
  background-position: 50%;
  background-size: cover;
}

.infinity9 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f83a545e48b76bb57a8_3dprinting-Printed.jpg");
  background-position: 50%;
  background-size: cover;
}

.infinity10 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f8301ea4e91ebf6aac9_3dprinting-Printed1.jpg");
  background-position: 50%;
  background-size: cover;
}

.infinity11 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef23f8366526083943eb53e_3dprinting-Printed3.jpg");
  background-position: 50%;
  background-size: cover;
}

.film {
  flex: 1;
  align-self: auto;
  position: absolute;
  inset: 0%;
}

.filmcontainer {
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
  position: relative;
  inset: 0%;
}

.youtube {
  position: absolute;
  inset: 0%;
}

.contactcontainer {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.contactcontainerinside {
  margin-top: 20vh;
}

.contactme {
  color: #00035a;
  text-align: center;
  border-bottom: 3px #000;
  padding-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 55px;
  font-weight: 500;
  line-height: 1;
}

.paragraph-2 {
  color: #00035a;
  text-align: center;
  border: 1px #00035a;
  border-bottom: 2px solid #00035a;
  padding-bottom: 7px;
  font-family: PT Sans, sans-serif;
}

.fieldname {
  color: #00035a;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.filedname {
  color: #00035a;
  border-bottom: 1px #00035a;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.submit-button {
  text-align: center;
  background-color: #e06ea4;
  border-radius: 5px;
  width: 100%;
  margin-top: 12px;
  padding: 8px 38px;
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
}

.success-message {
  background-color: #0000;
}

.text-block-3 {
  color: #51e7ce;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.text-block-4 {
  font-family: PT Sans, sans-serif;
  font-weight: 700;
}

.navbarsection {
  flex-direction: column;
  align-self: flex-start;
  width: 20vw;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.navbar-link {
  color: var(--_old-website---white);
  text-align: right;
  text-transform: uppercase;
  padding: 20px;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
}

.navbar-link.w--current {
  color: var(--_old-website---white);
  text-decoration: underline;
}

.body-scalable {
  font-size: 1vw;
  line-height: 1.6;
}

.homepage-landing {
  background-image: radial-gradient(circle, #c9aeea, #c282fd);
  flex-direction: column;
  align-items: flex-end;
  width: 100vw;
  height: 55em;
  display: flex;
}

.heading-2-0 {
  color: var(--_old-website---white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Darker Grotesque, sans-serif;
  font-size: 2em;
  font-weight: 400;
}

.landing-footer-txt-div {
  z-index: 3;
  background-image: none;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 80%;
  display: flex;
  position: absolute;
}

.landing-cont {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.render-overlay-txt {
  z-index: 2;
  background-image: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 55%;
  height: 50%;
  display: flex;
  position: absolute;
}

.render-animation {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.landing-wrap {
  width: 100%;
  height: 100%;
}

.heading-title {
  color: var(--_old-website---white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marcellus, sans-serif;
  font-size: 3.5em;
  font-weight: 400;
  line-height: 1.6;
}

.hp-intro-sec {
  border-top: 5px solid var(--_old-website---border-grey);
  border-bottom: 5px solid var(--_old-website---border-grey);
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  height: 50em;
}

.sec-2-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.landing-frame-1-wrap {
  z-index: 1;
  border-right: 5px solid var(--_old-website---border-grey);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef236621e82121a48a41715_BorrowBones-cover.JPG");
  background-position: 50%;
  background-size: cover;
  width: 40%;
  height: 100%;
}

.div-block-20 {
  z-index: 2;
  justify-content: space-around;
  align-items: flex-start;
  width: 60%;
  height: 80%;
  display: flex;
}

.paragraph-3 {
  color: var(--_old-website---white);
  text-align: center;
  margin-bottom: 0;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1.2em;
}

.div-block-21 {
  background-image: linear-gradient(to bottom, var(--_old-website---border-grey), var(--_old-website---border-grey));
  width: 75%;
  height: 3px;
}

.div-block-22 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  margin-top: 20%;
  display: flex;
}

.heading-title-2 {
  color: var(--_old-website---white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marcellus, sans-serif;
  font-size: 4em;
  font-weight: 500;
  line-height: 1.6;
  transform: rotate(-90deg);
}

.div-block-23 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f472667e08d56371c04026_vector%20linework%202%5BConverted%5Dwhite.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7%;
  height: 100%;
  margin-top: 0%;
}

.div-block-24 {
  justify-content: center;
  align-items: center;
  width: 10%;
  padding-top: 4em;
  display: flex;
}

.hp-jewelry-sec {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  justify-content: center;
  align-items: center;
  height: 50em;
  display: flex;
}

.hp-cad-sec {
  border-top: 5px solid var(--_old-website---border-grey);
  border-bottom: 5px solid var(--_old-website---border-grey);
  background-color: var(--_old-website---bg-grey);
  height: 50em;
}

.contact-sec {
  background-color: var(--_old-website---darker-background);
  justify-content: center;
  align-items: center;
  height: 50em;
  display: flex;
}

.hp-id-sec {
  border-bottom: 5px solid var(--_old-website---border-grey);
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  justify-content: center;
  height: 50em;
  display: flex;
}

.sec-wrap {
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  height: 80%;
  display: flex;
}

.link-block-jewelry {
  border: 5px solid var(--_old-website---border-grey);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a870c3479cd31c2fd08c_Ringring-4.JPG");
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.sec-3-txt-cont {
  height: 90%;
  padding-top: 0;
}

.heading-title-3 {
  color: var(--_old-website---white);
  text-transform: uppercase;
  margin: 0 .125em .125em 0;
  font-family: Marcellus, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1;
  position: static;
}

.heading-title-3.hp {
  text-align: right;
}

.paragraph-4 {
  color: var(--_old-website---white);
  text-align: left;
  margin-top: .25em;
  margin-bottom: .25em;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1em;
}

.link-txt {
  z-index: 2;
  color: var(--_old-website---white);
  text-transform: uppercase;
  padding: 0;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1em;
  font-weight: 600;
}

.sec-3-txt-wrap {
  flex-direction: column;
  justify-content: space-between;
  width: 31%;
  height: 100%;
  display: flex;
}

.div-block-29 {
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}

.heading-3 {
  color: var(--_old-website---white);
  text-align: center;
  letter-spacing: .3em;
  text-transform: uppercase;
  margin-top: .125em;
  margin-bottom: .125em;
  font-family: Darker Grotesque, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.6;
}

.paragraph-5 {
  color: var(--_old-website---white);
  text-align: center;
  margin-top: .25em;
  margin-bottom: .25em;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1.5em;
}

.sec-6-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 8em;
  display: flex;
  position: relative;
}

.landing-frame-2-wrap {
  border-left: 5px solid var(--_old-website---border-grey);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ef24093fdb44d2039e4ff64_shop7-cover.JPG");
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
}

.contact-sec-wrap {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  justify-content: space-around;
  align-items: flex-start;
  width: 95%;
  height: 90%;
  padding-top: 2em;
  display: flex;
}

.contact-photo {
  border: 5px solid var(--_old-website---border-grey);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f70d5978c42f1123eff743_IMG_6492-shrunk.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25%;
  height: 80%;
}

.hp-id-txt-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  height: 75%;
  padding-right: 8%;
  display: flex;
}

.div-block-32 {
  padding-right: 4em;
}

.hp-id-para-wrap {
  align-items: center;
  width: 100%;
  margin-top: 4em;
  display: flex;
}

.contact-bot-wrap {
  margin-top: 4em;
}

.contact-me-wrap {
  justify-content: space-between;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 8em;
  display: flex;
}

.contact-paragraph {
  color: var(--_old-website---white);
  text-align: left;
  text-transform: uppercase;
  margin-top: .25em;
  margin-bottom: .25em;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1.5em;
}

.contact-txt-wrap {
  flex-direction: column;
  width: 40%;
  display: flex;
}

.heading-title-4 {
  color: var(--_old-website---white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marcellus, sans-serif;
  font-size: 3.5em;
  font-weight: 400;
  line-height: 1.4;
}

.heading-title-5 {
  color: var(--_old-website---white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Marcellus, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.4;
}

.contac-sm-wrap {
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 2em;
  display: flex;
}

.social-media-link {
  width: 1.5em;
  margin-right: 0;
}

.contact-spacer-div {
  width: 1em;
}

.contact-spacer-div.about {
  width: 2em;
}

.cad-modeling-wrap {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.cad-mod-txt-wrap {
  z-index: 3;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 60%;
  padding-bottom: 2em;
  display: flex;
  position: absolute;
}

.cad-mod-slider-wrap {
  z-index: 2;
  background-color: #00737773;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cad-mod-div {
  border: 4px solid var(--_old-website---white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1em;
  display: inline-block;
}

.cad-mod-view-more-div {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

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

.cad-mod-slider {
  width: 100%;
  height: 100%;
}

.cad-model-slide {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4e01b9a72937736d928d_AlienRingCADcover.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cad-model-slide._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c98b1df72883ae7f19_ExtendedBody-10.png");
}

.cad-model-slide._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4b749de58bb0502a521a_Hyena%20Render.8.jpg");
}

.sec-3-link-wrap {
  width: 65%;
  padding-top: 4em;
}

.div-block-34 {
  height: 3em;
}

.footer-sec {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  justify-content: center;
  align-items: center;
  height: 3em;
  display: flex;
}

.footer-heading {
  color: var(--_old-website---white);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4;
}

.navbar-sec {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 5em;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.navbar-3 {
  background-color: #ddd0;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.container-nav {
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.logo-div {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f472667e08d56371c04026_vector%20linework%202%5BConverted%5Dwhite.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 4em;
  height: 4em;
}

.about-sec {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  width: 100vw;
  height: 65em;
}

.about-sub-sec {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 60em;
  padding-top: 4em;
  display: flex;
}

.about-wrap {
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  height: 75%;
  display: flex;
}

.about-photo-frame {
  border: 5px solid var(--_old-website---border-grey);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f70d5939f4371fda3e7c33_IMG_6490-shrunk.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25em;
  height: 35em;
  margin-bottom: 4em;
}

.about-txt-wrap {
  flex-direction: column;
  justify-content: space-between;
  width: 45%;
  height: 100%;
  display: flex;
}

.about-spacer {
  height: 2em;
}

.about-spacer._2 {
  height: 1em;
}

.about-spacer._3 {
  height: 8em;
}

.about-spacer._4 {
  height: 4em;
}

.jewelry-sec {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.jewelry-sec-wrap {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  padding-top: 4em;
  display: flex;
}

.jewelry-txt-wrap {
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.port-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
  padding-top: 4em;
  padding-bottom: 2em;
}

.link-block-3 {
  border: 4px solid var(--_old-website---border-grey);
  background-image: radial-gradient(circle, #000, #fff);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 26em;
  display: flex;
  position: relative;
}

.port-sec {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  width: 100vw;
}

.port-grid-overlay {
  z-index: 3;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.port-grid-txt-overlay {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.port-grid-bg {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a83e6f38a11b354d3786_AlienRing-6.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.port-grid-bg.hyena {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a865c44b7f298781d291_Hyena-3.jpg");
}

.port-grid-bg.b-bones {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a84a4690c86e25150758_DSC05082.JPG");
  min-height: 0;
  display: flex;
}

.port-grid-bg.brooch-man {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8515b83226f2ad50424_BroochMan-1.JPG");
}

.port-grid-bg.cyborg-ring {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a858c44b7f75c481d28d_CyborgRings-3.jpg");
}

.port-grid-bg.hollow-rings {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a870c3479cd31c2fd08c_Ringring-4.JPG");
}

.port-grid-bg.des-body {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab896f38a1d04b4d6284_Thesis-Ambiguity.jpg");
}

.port-grid-bg.china-kitch {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab6d92ee6ba0e7d2c96e_BorderlessKitchen-cover.jpg");
}

.port-grid-bg.recycling {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ac22be9fd4d3792194ad_RecycleProvidence-cover.jpg");
}

.port-grid-bg.bot_up {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab77459463c87d16d930_Community-cover.png");
}

.port-grid-bg.des_apple {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab80d807d5832fabd50f_Apple11.jpg");
  background-position: 50% 0;
}

.port-grid-bg.xiao {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab4f2eac3633774fe4ed_XiaoGuang-cover.jpg");
}

.port-grid-bg.auto_des {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab572564a5655e5cdfd2_Automobile-cover.jpg");
}

.port-grid-bg.film_anim {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab5d425bff403e184875_Bluets-cover.png");
}

.port-grid-bg.prototyping {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ac2d4e4e050d84f0c6b3_shop7.JPG");
  background-position: 50%;
  margin-left: 0;
}

.port-grid-bg.alien-cad {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4e01b9a72937736d928d_AlienRingCADcover.jpg");
}

.port-grid-bg.b-bones-cad {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c1325b738723b50174_BorrowBones-10.jpg");
}

.port-grid-bg.hyena-cad {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4b74dcce3b5a6ce5144d_Hyena%20Render.10.jpg");
}

.port-grid-bg.lucy {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c98b1df72883ae7f19_ExtendedBody-10.png");
  background-position: 0%;
}

.port-grid-bg.kabuki {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a90e0037c21b063bfb84_Kabuki-1.jpg");
}

.port-grid-bg.lego-cafe {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a9192eac3636974fdd82_LegoCafe-cover.jpg");
}

.port-grid-heading {
  color: var(--_old-website---white);
  text-align: center;
  letter-spacing: .3em;
  text-transform: uppercase;
  margin: 0 .125em .125em 0;
  font-family: Darker Grotesque, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.6;
}

.paragraph-6 {
  color: var(--_old-website---white);
  text-align: left;
  margin-top: .25em;
  margin-bottom: .5em;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1em;
}

.button-fill-up {
  z-index: 5;
  border: 3px solid var(--_old-website---white);
  justify-content: center;
  align-items: center;
  padding: .25em 1.5em;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-fill-up:hover {
  background-color: #408f4800;
}

.button-background {
  z-index: -1;
  background-image: linear-gradient(to bottom, var(--_old-website---button-purple), var(--_old-website---button-purple));
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.port-grid-sub-heading {
  color: var(--_old-website---white);
  text-align: center;
  text-transform: uppercase;
  margin: 0 .125em 0 0;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.6;
}

.embed-element {
  color: var(--_old-website---border-grey);
  width: 100%;
}

.port-page-sec {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  width: 100vw;
}

.port-page-heading-1 {
  color: var(--_old-website---white);
  text-transform: uppercase;
  margin: 0 .125em .125em 0;
  font-family: Darker Grotesque, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1;
}

.port-page-heading-1._2 {
  font-size: 3em;
}

.port-page-heading-1._3 {
  text-transform: capitalize;
  font-size: 1.5em;
}

.port-page-cont {
  padding-top: 4em;
  padding-left: 4em;
  padding-right: 4em;
}

.port-page-content {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 2em;
  display: flex;
}

.port-txt-cont {
  flex-direction: column;
  justify-content: space-between;
  padding-left: 2em;
  display: flex;
}

.port-slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.mask-2 {
  padding-left: 0;
}

.port-slider-cont {
  width: 60%;
  height: 35em;
}

.port-page-para {
  color: var(--_old-website---white);
  text-align: left;
  text-transform: capitalize;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1.5em;
}

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

.port-full-pg-slide {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a865f432c85ba3900360_Hyena-5.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.port-full-pg-slide.hyena._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a865c44b7f298781d291_Hyena-3.jpg");
}

.port-full-pg-slide.hyena._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8651f00a7ae8f33861b_Hyena-1.jpg");
}

.port-full-pg-slide.hyena-ring._1 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a865f432c85ba3900360_Hyena-5.jpg");
}

.port-full-pg-slide.hyena-ring._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8652eac3626644fd98d_Hyena-6.jpg");
}

.port-full-pg-slide.hyena-ring._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8651f00a7ae8f33861b_Hyena-1.jpg");
}

.port-full-pg-slide.hyena-ring._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a865d807d55008abc5a0_Hyena-4.jpg");
}

.port-full-pg-slide.hyena-ring._6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a864325b7373c1b4f690_Hyena-2.jpg");
}

.port-full-pg-slide.hyena-ring._7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4b74dcce3b5a6ce5144d_Hyena%20Render.10.jpg");
}

.port-full-pg-slide.hyena-ring._8 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4b741775782765f1066a_Hyena%20Render.7.jpg");
}

.port-full-pg-slide.hyena-ring._9 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4b749de58bb0502a521a_Hyena%20Render.8.jpg");
}

.port-full-pg-slide.hyena-ring._10 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4b742fd979c2f1ba406c_Hyena%20Render.9.jpg");
}

.port-full-pg-slide.des-body {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab89d6de525d9b1ce157_Transformable_Body_2.jpg");
}

.port-full-pg-slide.des-body._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab880037c26bac3c20ad_Thesis-Second_Skin.jpg");
}

.icon-2 {
  font-size: 1em;
}

.background-video {
  width: 100%;
  height: 100%;
  display: none;
}

.hp-nav-wrap {
  z-index: 10;
  width: 100%;
  position: absolute;
}

.about-soc-med-wrap {
  justify-content: flex-end;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.side-wrap {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.left-arrow-3 {
  justify-content: center;
  align-items: center;
  max-width: 1em;
  display: flex;
}

.port-3d-model-sec {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.port-3d-model-sec.tri-animation {
  height: auto;
  padding-top: 2em;
  padding-bottom: 2em;
}

.port-3d-model-wrap {
  width: 90%;
  height: 90%;
}

.port-button-holder {
  justify-content: flex-end;
  margin-top: 4em;
  padding-bottom: 2em;
  display: flex;
}

.port-lightbox {
  width: 100%;
  height: 100%;
}

.port-lightbox.alien-ring-jewelry {
  background-image: none;
}

.port-anim-tri-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
}

.port-grid-anim-wrap {
  border: 5px solid var(--_old-website---border-grey);
  background-image: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 45em;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.port-grid-anim-cont {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 90%;
  display: flex;
  position: relative;
}

.grid-anim-heading {
  color: var(--_old-website---white);
  margin-top: 1em;
  margin-bottom: .5em;
  font-family: Darker Grotesque, sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.6;
}

.spline-embed {
  z-index: 1;
  cursor: move;
  width: 100%;
  height: 100%;
  position: absolute;
}

.spline-logo-blocker {
  z-index: 5;
  background-color: #b5eb36e3;
  width: 10%;
  height: 7%;
  position: absolute;
}

.spline-logo-blocker._2 {
  width: 7%;
  display: none;
}

.spline-logo-blocker.alienring {
  background-color: #191919;
  display: none;
}

.port-anim-dual-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}

.port-dual-page-slide {
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.dual-slide-wrap {
  z-index: 1;
  background-image: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.port-lightbox-dual {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.alien-ring-jewelry {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a83e2564a50af35cc711_AlienRing-1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.alien-ring-jewelry._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4e01b9a72937736d928d_AlienRingCADcover.jpg");
}

.alien-ring-jewelry._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4e01243c8425437b672d_AlienRingRender.11.jpg");
}

.alien-ring-jewelry._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4e01bd1e4884cecd4a00_AlienRingRender.14.jpg");
}

.alien-ring-jewelry._5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61ff4e0104d575932ad06814_AlienRingRender.16.jpg");
}

.alien-ring-jewelry._6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a83d4e4e054262f0a446_AlienRing-2.jpg");
}

.dual-page-block {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f70d59bc285750e4fd68b8_IMG_6489-shrunk.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
  height: 100%;
}

.dual-page-b-bones {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8494090e92c0c03e719_DSC04990.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
  height: 100%;
}

.dual-page-b-bones._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a849168a0c5dd0b3df4b_DSC05065.JPG");
}

.dual-page-b-bones._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a849168a0c7636b3df4a_DSC04942%20copy.jpg");
}

.dual-page-b-bones._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a84ad102a205b7fccc9e_DSC04933%20copy.jpg");
}

.b-bones-jewelry {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a84a4690c86e25150758_DSC05082.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.b-bones-jewelry._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8484e4e05c786f0a480_DSC04938%20copy.jpg");
}

.cyborg-ring-jewelry {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a858c44b7f75c481d28d_CyborgRings-3.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.cyborg-ring-jewelry._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a858a2cb9a1fbda770ef_CyborgRings-2.jpg");
}

.cyborg-ring-jewelry._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a85839fa9e12bcc40223_CyborgRings-4.jpg");
}

.dual-page-cyborg-ring {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a858b4f7ddc618ad046a_CyborgRings-1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
  height: 100%;
}

.dual-page-cyborg-ring._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a859d807d56ffeabc586_DSC_0124_1.jpg");
}

.port-hollow-rings {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a870c3479cd31c2fd08c_Ringring-4.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.port-hollow-rings._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a870bee49f28647f7467_Ringring-2.JPG");
}

.port-hollow-rings._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a87045946308a916ca49_Ringring-5.JPG");
}

.port-hollow-rings._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a871d807d57cf7abc5d2_Ringring-3.JPG");
}

.port-brooch-man {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8515b83226f2ad50424_BroochMan-1.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.port-brooch-man._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8518b1df723d4ae7c16_BroochMan-2.JPG");
}

.port-brooch-man._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a85192ee6bad91d2aa94_BroochMan-3.JPG");
}

.port-brooch-man._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a85026c86ccf4a96c2a7_BroochMan-4.JPG");
}

.lego-cafe-cad {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a9192eac3636974fdd82_LegoCafe-cover.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.lego-cafe-cad._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61feb7e742d8766b2fc29c2e_lego.182.jpg");
}

.lego-cafe-cad._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61feb7e7d82c84e4a4450d73_lego.183.jpg");
}

.lego-cafe-cad._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61feb7e7fd7ce63dc4e462e5_lego.189.jpg");
}

.lego-cafe-cad._5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61feb7e724ac82140d70f1b9_lego.184.jpg");
}

.kabuki-mask-cad {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a90e0037c21b063bfb84_Kabuki-1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.kabuki-mask-cad._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a90f91a5cfe449bb67ad_Kabuki-2.jpg");
}

.kabuki-mask-cad._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a90e2564a5cf4a5ccd4e_Kabuki-3.jpg");
}

.kabuki-mask-cad._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a90e94ace36c40706236_Kabuki-4.jpg");
}

.lucy-cad-slide {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c98b1df72883ae7f19_ExtendedBody-10.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.lucy-cad-slide._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c97c048feaee0bd693_ExtendedBody-7.png");
}

.lucy-cad-slide._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c9a2cb9a9e4fa7739a_ExtendedBody-9.png");
}

.lucy-cad-slide._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8cab4f7ddb9c4ad1329_ExtendedBody-4.png");
}

.lucy-cad-slide._5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c92e25d7e401e6c2c0_ExtendedBody-1.png");
}

.lucy-cad-slide._6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8cbf52ee0859b61d18d_ExtendedBody-12.png");
}

.lucy-cad-slide._7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a8c9c3479c72312fd82a_ExtendedBody-13.png");
}

.alien-ring-dual-block {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a83e4090e9a1c303e6cd_AlienRing-3.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
  height: 100%;
}

.alien-ring-dual-block._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a83e1f00a74362338314_AlienRing-4.jpg");
}

.alien-ring-dual-block._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a83d4e4e054262f0a446_AlienRing-2.jpg");
}

.alien-ring-dual-block._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a83e6f38a11b354d3786_AlienRing-6.jpg");
}

.lottie-mouseover {
  cursor: move;
  width: 100%;
  height: 100%;
}

.homepage-lottie {
  background-image: linear-gradient(#cc1b1b80, #cc1b1b80), linear-gradient(#aa86e0, #b693e3 43%, #b493e2);
  width: 100%;
  height: 100%;
}

._3d-model-txt-wrap {
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}

.section {
  background-color: var(--_old-website---darker-background);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-36 {
  background-color: #b44242;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 75%;
  display: flex;
}

.html-embed {
  background-color: #5cbc4d;
  width: 50%;
  height: 100%;
}

.title-spacer {
  height: 1em;
}

.b-bones {
  background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  justify-content: center;
  align-items: flex-start;
  min-height: 100em;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.b-bones-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.port-image {
  width: 100%;
}

.des-body-dual-pg {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab8894ace364c1707854_Thesis-Transformable_Body_1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
  height: 100%;
}

.des-body-dual-pg._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab88f432c8d6959228a4_Thesis-Designed_Body_2.jpg");
}

.des-body-dual-pg._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab89e13b106be1e9d1ac_Thesis-Designed_Body.jpg");
}

.des-body-dual-pg._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab896f38a1d04b4d6284_Thesis-Ambiguity.jpg");
}

.des-body-dual-pg._5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab89ea38b4157a7041bc_Transformable_Body_-2.jpg");
}

.des-body-dual-pg._6 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab892e25d750b8e6d8b1_Thesis-Transformable_Body_-1.jpg");
}

.des-an-apple {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab8194ace3cb9270784d_Apple-cover.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.des-an-apple._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab83e13b107a65e9d1a6_Apple8.jpg");
}

.des-an-apple._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab80ea38b462cb7041a2_Apple2.jpg");
}

.des-an-apple._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab824e4e05d41df0c068_Apple7.jpg");
}

.dual-page-des-apple {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab82c44b7f226682ec67_AppleTree0.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
  height: 100%;
}

.dual-page-des-apple._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a849168a0c7636b3df4a_DSC04942%20copy.jpg");
}

.dual-page-des-apple._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab81be9fd446ca218c81_AppleTree.jpg");
}

.dual-page-des-apple._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab80d807d5832fabd50f_Apple11.jpg");
}

.dual-page-des-apple._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab81ccb99e5c9675f13e_Apple5.jpg");
  background-position: 100%;
}

.prototyping {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ac2e325b73aacbb51071_shop6.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 4em;
}

.prototyping._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab80ea38b462cb7041a2_Apple2.jpg");
}

.prototyping._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab824e4e05d41df0c068_Apple7.jpg");
}

.prototyping._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ac2e4e4e056c7bf0c6b4_shop2.JPG");
}

.dual-page-prototyping {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ac2d91a5cf4ba4bb8a5f_shop5.JPG");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
  height: 100%;
}

.dual-page-prototyping._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0a849168a0c7636b3df4a_DSC04942%20copy.jpg");
}

.dual-page-prototyping._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab80d807d5832fabd50f_Apple11.jpg");
}

.dual-page-prototyping._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ab81ccb99e5c9675f13e_Apple5.jpg");
  background-position: 100%;
}

.dual-page-prototyping._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/61f0ac2e80bd7c9fd07ced04_shop4.JPG");
}

.filler-section {
  background-color: var(--_old-website---darker-background);
  height: 5em;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 60em;
  max-height: 100%;
  padding-bottom: 4em;
  display: flex;
}

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

.section-2 {
  background-color: var(--_old-website---darker-background);
  height: 60em;
}

.y2k-navbar {
  z-index: 99;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 5em;
  padding: 1em;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-block {
  border-radius: var(--fillet);
  background-image: linear-gradient(to bottom, var(--color-primary), var(--color-primary));
  box-shadow: 4px 4px 50px 0 var(--text-link-dark);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .125em 1em;
  display: flex;
}

.body-scalable-y2k {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796c4968928d32d234383e4_grid-me.png");
  background-position: 50%;
  background-size: auto;
  font-size: 1vw;
  line-height: 1.6;
}

.hp-landing {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.hp-landing-txt-wrap {
  z-index: 2;
  position: absolute;
}

.heading-4 {
  font-family: var(--transducer);
  color: var(--text);
  font-size: 8em;
  font-style: italic;
  line-height: 1.1;
  font-weight: var(--hp-title);
  text-align: center;
  letter-spacing: .1em;
}

.hp-landing-photo {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.y2k-navlink {
  font-family: var(--transducer);
  color: var(--text-dark);
  font-size: var(--navbar-txt);
  text-transform: capitalize;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 700;
  text-decoration: none;
}

.y2k-navlink:hover {
  color: var(--text-link-dark);
}

.y2k-grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4em 4em 1em;
  display: flex;
}

.sride-photo-blk {
  border: var(--border-stroke) solid var(--color-primary);
  border-radius: var(--fillet);
  width: 100%;
  height: 100%;
  margin-bottom: 4em;
  padding-top: 2%;
  padding-bottom: 2%;
}

.rewind-txt-cont {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.y2k-hp-projects {
  border-style: solid none none;
  border-width: var(--border-stroke);
  border-color: var(--color-primary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.y2k-projects-grid-1 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: 1.1fr .25fr .5fr auto;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.light-block {
  border: var(--border-stroke) solid var(--text-link-dark);
  border-radius: var(--fillet);
  background-image: linear-gradient(to bottom, var(--color-primary), var(--color-primary));
  box-shadow: 4px 4px 50px 0 var(--text-link-low-opacity);
  width: 100%;
  height: 1em;
}

.light-block.dark {
  background-image: linear-gradient(to bottom, var(--text-dark), var(--text-dark));
}

.light-block.stripe {
  background-image: repeating-linear-gradient(135deg, var(--text-link-dark), var(--text-dark) 4%);
}

.paragraph-7 {
  font-family: var(--transducer);
  color: var(--text);
  font-size: var(--body-txt);
}

.project-heading {
  font-family: var(--transducer);
  color: var(--text);
  font-size: var(--project-title);
  margin-top: 0;
  font-weight: 900;
  line-height: 1.1;
}

.cloudfoam-cont {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.rewind-img-cont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.cfoam-photo-blk {
  border: var(--border-stroke) solid var(--color-primary);
  border-radius: var(--fillet);
  width: 100%;
  height: 20em;
  margin-bottom: 4em;
}

.rewind-photo-blk {
  border: var(--border-stroke) solid var(--color-primary);
  border-radius: var(--fillet);
  width: 100%;
  height: 100%;
}

.elements-cont {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.void-sphere-blk {
  border: var(--border-stroke) solid var(--text-link-dark);
  border-radius: var(--fillet);
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10em;
  margin-top: 2em;
  display: flex;
}

.y2k-svg {
  color: var(--text);
  height: 15vh;
  margin-top: 20px;
  margin-left: 1em;
  margin-right: 1em;
  overflow: hidden;
}

.jingwei-name-blk {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.small-bar-blk {
  border-radius: var(--fillet);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.squish-sphere {
  width: 90%;
  height: 90%;
}

.bar-spacer {
  height: 1em;
}

.softride-photo {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67c06f27ad6fce25c70535f0_6796cc9e79f5325b87cbf4e6_Softride%20Sidelines.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.cfoam-photo {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67c06f4e41a5a3007d06b820_6796cc7ef3b3fa2509deb8e6_cloudfoam%20immerse.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.rewind-photo {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67c07df5d76d713c3d2787f7_6796cc91397838cfbe2c2657_Rewind.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.y2k-footer {
  background-image: linear-gradient(to bottom, var(--color-primary), var(--color-primary));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 2em;
  display: flex;
}

.y2k-footer-svg {
  color: var(--text-dark);
  width: 100%;
}

.y2k-footer-svg:hover {
  color: var(--text-link-dark);
}

.y2k-social-links {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.heading-5 {
  font-family: var(--transducer);
  color: var(--text-link-dark);
  font-size: var(--body-txt);
  font-weight: 500;
}

.y2k-footer-cont {
  height: 100%;
  margin-left: 4em;
  margin-right: 4em;
}

.y2k-footer-link {
  font-family: var(--transducer);
  color: var(--text-dark);
  font-size: var(--small-txt);
  font-weight: 400;
  text-decoration: none;
}

.y2k-footer-link:hover {
  color: var(--text-link-dark);
}

.div-block-38 {
  flex-flow: column;
  display: flex;
}

.div-block-39 {
  justify-content: center;
  align-items: stretch;
  margin-bottom: 1em;
  display: flex;
}

.y2k-footer-heading {
  font-family: var(--transducer);
  color: var(--text-dark);
  font-size: var(--small-txt);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.4;
}

.y2k-container-nav {
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.y2k-navbar-3-copy {
  border-radius: var(--fillet);
  background-color: var(--color-primary);
  border-style: solid;
  border-width: 1px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6vh;
  display: flex;
}

.y2k-nav-menu {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
  display: inline-flex;
}

.y2k-navbar-sec {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1em 2em;
  display: flex;
  position: fixed;
}

.y2k-projects-grid-2 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: .25fr 1fr .25fr .25fr;
  width: 100%;
  height: 100%;
  margin-top: 4em;
}

.conduct-pro-cont {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.conduct-pro-photo-blk {
  border: var(--border-stroke) solid var(--color-primary);
  border-radius: var(--fillet);
  width: 100%;
  height: 100%;
}

.conduct-pro-photo {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796cc71b773d1b3887c1339_conductpro%20lateral.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.hyperflux-photo {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67a764d841bfd13af44174cc_front%20page.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.hyperflux-photo-blk {
  border: var(--border-stroke) solid var(--color-primary);
  border-radius: var(--fillet);
  width: 100%;
  height: 100%;
}

.hyperflux-cont {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.funny-element-blk {
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.y2k-skills {
  padding: 2em 4em;
}

.heading-6 {
  font-family: var(--transducer);
  color: var(--text);
  font-size: var(--h1-txt);
  font-weight: 900;
}

.y2k-skills-title-wrap {
  display: flex;
}

.banner-cont {
  border: var(--border-stroke) solid var(--text-link-dark);
  border-radius: var(--fillet);
  box-shadow: 4px 4px 50px 0 var(--primary-low-opacity);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  position: absolute;
  overflow: hidden;
}

.banner-text-block {
  font-family: var(--transducer);
  color: var(--text-link-dark);
  font-size: var(--banner-txt);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 900;
}

.y2k-banner-svg {
  color: var(--text);
  height: 3em;
  margin-left: 1em;
  margin-right: 1em;
  overflow: hidden;
}

.card-wrapper {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  height: 35rem;
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
}

.card-item {
  border: var(--border-stroke) solid var(--text-link-dark);
  border-radius: var(--fillet);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6796cc7d266f76f36cc42f8c_both%20shoe2.jpg"), linear-gradient(to bottom, var(--background), var(--background));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-flow: column;
  flex: 1 1 0;
  justify-content: space-between;
  padding: 1%;
  transition: all .5s;
  display: flex;
}

.card-item:hover {
  flex: 30%;
}

.card-item._1 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e211e65d32ff6a644d9e_01-CAD-rhino.png");
}

.card-item._2 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e2118cc9699972f3e1c7_02-CAD-grasshopper.png");
}

.card-item._3 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e211e391170069fe92b3_03-CAD-Blender.png");
}

.card-item._4 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e210363c325133a3a352_04-CAD-Gravity%20Sketch.png");
}

.card-item._8 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e210fc5718bc2c049cad_08-3D-subD.png");
}

.card-item._7 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e21021763f1a96ab6313_07-3D-polygon.png");
}

.card-item._6 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e2115a89f70c12a15c9a_06-3D-parametric.png");
}

.card-item._5 {
  background-color: var(--background);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/6798e210e595d34947720b34_05-3D-NURBS.png");
}

.text-block-5 {
  font-family: var(--transducer);
  color: var(--text);
  font-size: var(--h2-txt);
  font-weight: 900;
}

.text-block-6 {
  font-family: var(--transducer);
  color: var(--text);
  font-size: var(--h3-txt);
  align-self: flex-end;
  font-weight: 900;
}

.banner-text-cont {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 5000px;
  height: 100%;
  display: flex;
}

.banner-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 2em;
  display: flex;
  position: relative;
}

.banner-cont-color {
  border: var(--border-stroke) solid var(--text-link-dark);
  border-radius: var(--fillet);
  background-color: var(--color-primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  position: absolute;
}

.banner-cont-2 {
  border: var(--border-stroke) solid var(--text-link-dark);
  border-radius: var(--fillet);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  position: absolute;
  overflow: hidden;
}

.banner-text-cont-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 5000px;
  height: 100%;
  display: flex;
}

.y2k-temp-sec {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 6em 2em 2em;
  display: flex;
}

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

.y2k-temp-photo-wrap.v2 {
  height: 120vh;
}

.y2k-temp-photo-wrap.v3 {
  height: 150vh;
}

.y2k-temp-photo-wrap.v4 {
  height: 200vh;
}

.y2k-temp-photo-wrap.v5 {
  height: 125vh;
}

.conduct-pro-slider {
  width: 100%;
  height: 100%;
}

.div-block-42 {
  width: 100%;
  height: 40em;
}

.cpro-slide {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997da4c4c5af6c275e3b59_conductpro%20lateral.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.cpro-slide._2 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997da51b59263bbccbce4c_conductpro%20forefoot.png");
}

.cpro-slide._3 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997da5413409db85ffdb74_conductpro%20top%20and%20bottom.png");
}

.cpro-slide._4 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997da50687c1dfd312c49f_conductpro%20user.png");
}

.cpro-slide._5 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997da48ddb8448f652c6f1_conductpro%20pair.png");
}

.cpro-slide._6, .cpro-slide._7 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997da441e1f85439b49000_conductpro%20heel.png");
}

.cpro-slide._8 {
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997da3c814aca27d5314bc_conductpro%20medial.png");
}

.icon-3, .icon-4 {
  color: var(--text-link-dark);
}

.mask-3 {
  background-color: var(--background);
}

.slide-nav-4 {
  display: none;
}

.y2k-ps-image {
  width: 100%;
}

.y2k-contact-sec {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.y2k-contact-wrap {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 8em 2em 4em;
  display: flex;
}

.light-block-vertical {
  border: var(--border-stroke) solid var(--text-link-dark);
  border-radius: var(--fillet);
  background-color: var(--color-primary);
  width: 1em;
  height: 100%;
  margin-left: 4em;
  margin-right: 4em;
}

.light-block-vertical.about {
  height: 15rem;
  margin-left: 0;
}

.jw-contact-profile {
  border: var(--border-stroke) solid var(--color-primary);
  border-radius: var(--fillet);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67997785016e086f2488508e_Image%20(7).jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30vw;
  height: 100%;
}

.contact-photo-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-44 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.y2k-contact-heading {
  font-family: var(--transducer);
  color: var(--text);
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 7vw;
  font-weight: 900;
  line-height: 1.2;
}

.link {
  font-family: var(--transducer);
  color: var(--text);
  font-size: var(--h3-txt);
  font-weight: 400;
  text-decoration: none;
}

.social-media-link-contact {
  width: 3em;
  margin-right: 0;
}

.y2k-footer-svg-light {
  color: var(--text);
  width: 100%;
}

.y2k-footer-svg-light:hover {
  color: var(--text-link);
}

.div-block-45 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-end;
  margin-top: 2em;
  display: flex;
}

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

.y2k-about-wrapper {
  width: 100%;
  height: 100%;
  padding: 6em 2em 4em;
}

.about-heading {
  font-family: var(--transducer);
  color: var(--text);
  width: 100%;
  font-size: 6vw;
  font-weight: 900;
  line-height: 1.2;
}

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

.y2k-about-sub-wrapper {
  justify-content: center;
  width: 100%;
  margin-top: 4rem;
  display: flex;
}

.about-photo {
  border: var(--border-stroke) solid var(--color-primary);
  border-radius: var(--fillet);
  background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/67bb6c9c6ed0be37fcb43300_479564955_18371998945188039_2634431811320061421_n.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40rem;
  height: 50rem;
}

.y2k-body {
  color: var(--text);
  font-size: var(--body-txt);
  max-width: 80%;
  margin-top: 1em;
  margin-bottom: 1rem;
}

.div-block-48 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  margin-left: 8rem;
  display: flex;
}

.heading-8 {
  font-family: var(--transducer);
  color: var(--color-primary);
  font-size: var(--h1-txt);
  margin-top: .5em;
  margin-bottom: .5em;
  font-weight: 900;
  line-height: 1.2;
}

.softride-txt-cont {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.elements-cont-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.y2k-project-grid-1-1 {
  grid-template-rows: 1.1fr .25fr .25fr;
}

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

.heading-9 {
  font-family: var(--transducer);
  color: var(--color-primary);
}

.field-label {
  font-family: var(--transducer);
  color: var(--color-primary);
  font-size: var(--body-txt);
}

.submit-button-2 {
  background-color: var(--color-primary);
  font-family: var(--transducer);
  color: var(--background);
}

.text-block-7 {
  font-family: var(--transducer);
  color: var(--color-accent);
}

.error-message {
  background-color: var(--primary-low-opacity);
}

@media screen and (max-width: 991px) {
  .blue-circle {
    inset: 11%;
  }

  .green-circle {
    background-size: 100vw;
    max-width: 90%;
    inset: 25% -1% -1%;
  }

  .jingwei-nav-bar {
    font-size: 1.7vw;
  }

  .nav-item {
    font-size: 1.5vw;
  }

  .sketch.jellyfish {
    background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee192aed52645152ba188a7_Jellyfish%2B.png");
    background-size: 50vh;
    top: -20%;
    left: -29%;
  }

  .sketch.leaf {
    background-size: 20vh;
    left: 40%;
  }

  .sketch.dumpling {
    left: -34%;
  }

  .sketch.cyborg {
    background-size: 38vh;
    left: 9%;
  }

  .heading-container {
    width: 92vw;
  }

  .slider {
    height: 60vh;
    margin-bottom: 42px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .slide-wrapper {
    height: 400px;
  }

  .slide-card {
    background-color: #51e7ce;
    margin-left: 12px;
    margin-right: 12px;
  }

  .slide-nav {
    top: 438.194px;
  }

  .slider-image {
    width: 20vw;
    height: 20vw;
  }

  .heading-2 {
    font-size: 2.2vw;
  }

  .slide-paragraph {
    font-size: .6vw;
  }

  .button {
    width: 12vw;
    height: 4vh;
  }

  .card-number-container {
    margin-left: -72px;
  }

  .card-number {
    font-size: 3vw;
  }

  .text-block {
    padding-top: 19px;
    font-size: 1.7vw;
  }

  .titles {
    font-size: 1.3vw;
  }

  .text-block-2 {
    padding-right: 68px;
  }

  .paragraph {
    margin-top: 6px;
    font-size: 12px;
    line-height: 18px;
  }

  .button-contact {
    margin-bottom: -35px;
  }

  .right-arrow {
    width: 90px;
    height: 90px;
  }

  .sectionnavigationprojects._1 {
    align-items: flex-end;
    margin-left: 150px;
    margin-right: 15px;
  }

  .sectionnavigationprojects._2 {
    align-self: flex-end;
    align-items: flex-end;
    margin-left: 150px;
    margin-right: 15px;
  }

  .sectionnavigationprojects._3, .sectionnavigationprojects._4, .sectionnavigationprojects._5 {
    align-items: flex-end;
    margin-left: 150px;
    margin-right: 15px;
  }

  .navigation_projectname._1 {
    padding-right: 46px;
  }

  .navigation_projectname._2 {
    padding-right: 31px;
  }

  .navigation_projectname._3 {
    padding-right: 59px;
  }

  .navbarbackground {
    width: 20vw;
    margin-left: 16px;
  }

  .navigation_projectimage._1, .navigation_projectimage._2, .navigation_projectimage._3, .navigation_projectimage._4 {
    height: 15vh;
    margin-left: 20px;
    margin-right: 20px;
    display: none;
  }

  .navigation_projectimage._5 {
    height: 15vh;
    margin-left: 20px;
    margin-right: 20px;
  }

  .project-category._1, .project-category._2, .project-category._3, .project-category._4, .project-category._5 {
    width: 75vw;
  }

  .projectcategorydescription {
    margin-left: 151px;
    padding-left: 0;
  }

  .projectcategorynumber {
    margin-bottom: -43px;
    inset: 0% auto auto 0%;
  }

  .project-link.borrow-bones {
    font-size: 6vw;
  }

  .project-link.dramticwatch {
    font-size: 4vw;
  }

  .project-link.xiaoguang {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 3vw;
  }

  .project-link.brooch {
    font-size: 2vw;
  }

  .project-link.recycleprovidence {
    font-size: 4vw;
  }

  .project-link.chinesekitchen {
    font-size: 7vw;
  }

  .project-link.apple, .project-link.thesis, .project-link.bluets, .project-link.ooo {
    font-size: 6vw;
  }

  .project-link.u {
    font-size: 8vw;
  }

  .project-link.gummy, .project-link.drop {
    font-size: 6vw;
  }

  .project {
    margin-right: 15px;
  }

  .project.kabukimask {
    margin-left: 27px;
  }

  .projectname {
    font-size: 35px;
  }

  .projectname.dramaticwatch {
    margin-left: 8px;
    padding-left: 2px;
  }

  .projectname.xiaoguang {
    white-space: normal;
    align-self: auto;
    padding-left: 4px;
    font-size: 35px;
  }

  .projectname.borrowbones {
    font-size: 30px;
  }

  .projectname.automototive {
    padding-left: 2px;
    font-size: 30px;
  }

  .projectname.ringring {
    padding-left: 4px;
  }

  .projectname.recycle {
    padding-left: 5px;
    font-size: 30px;
  }

  .projectname.kitchen {
    padding-left: 2px;
  }

  .projectname.transportation {
    padding-left: 0;
    font-size: 25px;
  }

  .projectname.shoporientaation {
    padding-left: 2px;
    font-size: 30px;
  }

  .projectname.marine {
    padding-left: 3px;
    font-size: 30px;
  }

  .project-description {
    margin-left: 10px;
    margin-right: 4px;
    font-size: 11px;
    line-height: 1.3;
  }

  .project-description.xiaoguang {
    font-size: 13px;
  }

  .project-description.borrowbones {
    margin-top: 10px;
    font-size: 7px;
  }

  .projectdate {
    margin-top: -7px;
    font-size: 14px;
  }

  .projectdate.dramatic-watch {
    margin-top: 1px;
  }

  .projectdate.borrowbones {
    margin-top: -31px;
    margin-right: 5px;
  }

  .projectdate.kabukimask {
    margin-top: 9px;
  }

  .figuregird {
    height: 60vh;
  }

  .figuregird._2 {
    height: 80vh;
  }

  .broochgrid {
    height: 60vh;
  }

  .ringgrid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-bottom: 12px;
  }

  .apple-grid {
    height: 100vh;
  }

  .appletreegird {
    height: 60vh;
  }

  .thesisheading {
    padding-left: 0;
    font-size: 5vw;
  }

  .thesiscontainer1 {
    margin-top: 159px;
  }

  .shopshopgrid {
    height: 120vh;
  }

  .marinegrid {
    height: 80vh;
  }

  .marinegrid2 {
    height: 60vh;
  }

  .infinitgrid {
    height: 40vh;
  }

  .infinitygrid2 {
    height: 60vh;
  }

  .film {
    inset: 0%;
  }

  .navbar-link {
    font-size: 2em;
  }

  .hp-intro-sec {
    border-top-width: 4px;
    border-bottom-width: 4px;
    height: 65em;
  }

  .landing-frame-1-wrap {
    border-right-width: 4px;
  }

  .paragraph-3 {
    font-size: 1.8em;
  }

  .div-block-22 {
    width: 65%;
  }

  .hp-cad-sec {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }

  .hp-id-sec {
    border-bottom-width: 4px;
  }

  .link-block-jewelry {
    border-width: 4px;
  }

  .paragraph-4, .link-txt {
    font-size: 1.5em;
  }

  .heading-3 {
    font-size: 4em;
  }

  .paragraph-5 {
    font-size: 2.2em;
  }

  .landing-frame-2-wrap {
    border-left-width: 4px;
  }

  .contact-photo {
    border-width: 4px;
    width: 30%;
    height: 90%;
  }

  .contact-paragraph {
    font-size: 2em;
  }

  .heading-title-4 {
    font-size: 4.2em;
  }

  .social-media-link {
    width: 4em;
  }

  .cad-mod-div {
    border-width: 3px;
  }

  .footer-sec {
    height: 4em;
  }

  .footer-heading {
    font-size: 1.5em;
  }

  .navbar-3 {
    background-color: #0000;
  }

  .logo-div {
    width: 5em;
    height: 8em;
  }

  .about-sec {
    height: 130em;
  }

  .about-sub-sec {
    height: 90em;
    padding-top: 6em;
  }

  .about-photo-frame {
    border-width: 4px;
    width: 35em;
    height: 45em;
  }

  .about-txt-wrap {
    width: 55%;
  }

  .jewelry-sec-wrap {
    width: 95%;
  }

  .jewelry-txt-wrap {
    width: 65%;
  }

  .port-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .link-block-3 {
    border-width: 2px;
    height: 40em;
  }

  .port-grid-heading {
    font-size: 2.5em;
  }

  .paragraph-6 {
    font-size: 1.5em;
  }

  .button-fill-up {
    border-width: 2px;
  }

  .port-grid-sub-heading {
    font-size: 1.6em;
  }

  .icon {
    color: var(--text-dark);
    font-size: 1.5em;
  }

  .port-page-heading-1 {
    font-size: 3em;
  }

  .port-page-heading-1._2 {
    font-size: 4em;
  }

  .port-page-heading-1._3 {
    font-size: 2em;
  }

  .port-slider-cont {
    width: 75%;
    height: 45em;
  }

  .port-page-para {
    font-size: 1.5em;
  }

  .port-full-pg-slide {
    margin-left: 6em;
  }

  .icon-2 {
    font-size: .8em;
  }

  .nav-menu {
    background-color: #0000;
    background-image: linear-gradient(270deg, var(--_old-website---button-purple), #27232a99);
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .left-arrow-3 {
    max-width: .8em;
  }

  .port-3d-model-sec {
    align-items: flex-start;
    padding-top: 2em;
  }

  .port-3d-model-wrap {
    width: 95%;
    height: 90%;
  }

  .port-anim-tri-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .port-grid-anim-wrap {
    height: 55em;
  }

  .grid-anim-heading {
    font-size: 2.5em;
  }

  .spline-logo-blocker {
    width: 22%;
    height: 15%;
  }

  .spline-logo-blocker._2 {
    width: 17%;
  }

  .port-anim-dual-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .port-dual-page-slide, .alien-ring-jewelry, .b-bones-jewelry, .cyborg-ring-jewelry, .port-hollow-rings, .port-brooch-man, .lego-cafe-cad, .kabuki-mask-cad, .lucy-cad-slide, .des-an-apple, .prototyping {
    margin-left: 6em;
  }

  .filler-section {
    height: 50em;
  }

  .utility-page-content {
    width: 40%;
  }

  .section-2 {
    height: 150em;
  }

  ._404-image {
    margin-bottom: 4em;
  }

  .y2k-navlink {
    font-size: var(--navbar-tablet-txt);
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .y2k-navlink.w--current {
    font-size: var(--navbar-tablet-txt);
  }

  .light-block {
    height: 2em;
  }

  .paragraph-7 {
    font-size: var(--body-tablet-txt);
  }

  .project-heading {
    font-size: var(--project-tablet-title);
  }

  .y2k-svg {
    height: 8vh;
  }

  .heading-5 {
    font-size: var(--body-tablet-txt);
  }

  .y2k-footer-link, .y2k-footer-heading {
    font-size: var(--small-txt-tablet);
  }

  .y2k-container-nav {
    background-color: var(--color-primary);
    justify-content: flex-end;
    align-items: flex-end;
  }

  .y2k-nav-menu {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    border-radius: 0rem 0rem var(--fillet) var(--fillet);
    background-color: var(--color-primary);
    padding-bottom: 2em;
    padding-right: 2em;
  }

  .y2k-navbar-sec {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-6 {
    font-size: var(--h1-tablet);
  }

  .banner-cont {
    height: 4rem;
  }

  .banner-text-block {
    font-size: var(--banner-tablet);
  }

  .card-wrapper {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    height: 20rem;
  }

  .card-item:hover {
    flex-basis: 0%;
  }

  .text-block-5 {
    font-size: var(--h2-tablet);
  }

  .text-block-6 {
    font-size: var(--h3-tablet);
  }

  .banner-cont-color {
    height: 4rem;
  }

  .div-block-40 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .div-block-41 {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .y2k-temp-sec {
    padding-top: 12em;
  }

  .y2k-temp-photo-wrap.v2 {
    height: 60vh;
  }

  .y2k-temp-photo-wrap.v3 {
    height: 70vh;
  }

  .y2k-temp-photo-wrap.v4 {
    height: 100vh;
  }

  .y2k-temp-photo-wrap.v5 {
    height: 50vh;
  }

  .div-block-42 {
    height: 40vh;
  }

  .y2k-contact-sec {
    height: 80vh;
    padding-top: 6vh;
  }

  .light-block-vertical.about {
    height: 10rem;
  }

  .contact-photo-wrap {
    max-height: 50%;
  }

  .y2k-contact-heading {
    font-size: 6vw;
  }

  .link {
    font-size: var(--h3-tablet);
  }

  .social-media-link-contact {
    width: 5em;
  }

  .div-block-47 {
    text-align: center;
    max-width: 40%;
  }

  .y2k-about-wrapper {
    padding-top: 10em;
  }

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

  .about-photo {
    width: 100%;
    height: 40rem;
  }

  .y2k-body {
    font-size: var(--body-tablet-txt);
    max-width: 100%;
  }

  .div-block-48 {
    margin-left: 2rem;
  }

  .heading-8 {
    font-size: var(--h1-tablet);
  }
}

@media screen and (max-width: 767px) {
  .blue-circle {
    top: 20%;
    bottom: 20%;
  }

  .jingwei-nav-bar {
    margin-left: 25px;
  }

  .sketch.jellyfish {
    background-image: url("https://cdn.prod.website-files.com/5edb0d89800a231e4b692548/5ee13a8e199bccc354b11ded_Jellyfish%2B.png");
    background-repeat: no-repeat;
    background-size: 45vw;
    top: -18%;
    left: -31%;
  }

  .sketch.leaf {
    background-size: auto 20vw;
    top: -28%;
    left: 40%;
  }

  .sketch.dumpling {
    background-size: 30vw;
    left: -36%;
  }

  .sketch.cyborg {
    background-size: 30vh;
    left: 13%;
  }

  .title_jingwei {
    font-size: 50px;
  }

  .title_jingwei.designer {
    font-size: 30px;
  }

  .slider {
    height: 70vh;
    margin-bottom: -4px;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-wrapper {
    height: 450px;
  }

  .slide-card {
    margin-left: 5px;
    margin-right: 5px;
  }

  .heading-2 {
    text-align: center;
    font-size: 3vw;
  }

  .button {
    width: 15vw;
    padding: .5vh 2vw 0;
  }

  .card-number-container {
    margin-left: -9.5vw;
  }

  .text-block-2 {
    margin-top: -14px;
    font-size: 10px;
    line-height: 12px;
  }

  .paragraph {
    margin-top: 18px;
    padding-right: 13px;
    font-size: 12px;
    line-height: 18px;
  }

  .paragraph._1 {
    line-height: 16px;
  }

  .button-contact {
    height: 4vh;
    margin-left: 0;
    margin-right: -29px;
  }

  .right-arrow {
    width: 80px;
    height: 80px;
  }

  .sectionnavigationprojects._1, .sectionnavigationprojects._2, .sectionnavigationprojects._3, .sectionnavigationprojects._4, .sectionnavigationprojects._5 {
    margin-right: 15px;
  }

  .navigation_projectname._1, .navigation_projectname._2, .navigation_projectname._3 {
    padding-bottom: 20px;
    font-size: 2vw;
  }

  .fillerbox._1 {
    background-size: 45%;
  }

  .fillerbox._2 {
    background-size: 50%;
  }

  .navbarbackground {
    margin-left: 6px;
  }

  .navigation_projectimage._1 {
    margin-left: 10px;
    margin-right: 20px;
    display: none;
  }

  .navigation_projectimage._2, .navigation_projectimage._3, .navigation_projectimage._4 {
    margin-left: 10px;
    display: none;
  }

  .navigation_projectimage._5 {
    margin-left: 10px;
  }

  .jingweidenghome {
    font-size: 18px;
  }

  .project-category {
    margin-top: 0;
    margin-bottom: 6px;
  }

  .project-link.community {
    font-size: 3vw;
  }

  .project-link.printing {
    font-size: 6vw;
  }

  .project-link.gummy {
    font-size: 4vw;
  }

  .project.dramatciwatch {
    flex-direction: column;
    flex: 1;
    justify-content: space-around;
    align-self: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .projectname {
    margin-left: 5px;
    font-size: 30px;
  }

  .projectname.dramaticwatch {
    margin-left: 6px;
    font-size: 26px;
  }

  .projectname.xiaoguang {
    font-size: 30px;
  }

  .projectname.kabukimask {
    padding-left: 2px;
  }

  .projectname.automototive {
    font-size: 4vw;
  }

  .projectname.zoom {
    padding-left: 6px;
  }

  .projectname.recycle, .projectname.kitchen {
    font-size: 25px;
  }

  .projectname.transportation {
    font-size: 20px;
  }

  .projectname.shoporientaation {
    font-size: 25px;
  }

  .projectname.marine {
    font-size: 20px;
  }

  .projectname.infinity {
    padding-left: 1px;
  }

  .project-description {
    margin-top: 1px;
    font-size: 7.5px;
    line-height: 1.1;
    display: block;
  }

  .project-description.xiaoguang {
    font-size: 12px;
    line-height: 1.3;
  }

  .project-description.borrowbones {
    font-size: 5px;
    display: block;
  }

  .project-description.kabukimask {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.3;
  }

  .project-description.figure {
    margin-top: -11px;
    font-size: 6px;
  }

  .project-description.automotive {
    margin-top: 12px;
  }

  .project-description.ringring {
    margin-top: 13px;
  }

  .project-description.zoomin {
    font-size: 12px;
    line-height: 1.3;
  }

  .project-description.recycle {
    font-size: 7px;
  }

  .project-description.thesis {
    line-height: 1.2;
  }

  .project-description.marine {
    line-height: 1.3;
  }

  .projectdate {
    margin-top: 15px;
  }

  .projectdate.borrowbones {
    margin-top: -2px;
    margin-right: 9px;
  }

  .projectdate.automotive {
    margin-top: 3px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .projectdate.infinity {
    margin-top: -3px;
    margin-right: 7px;
    font-size: 12px;
    line-height: 1.2;
  }

  .image-2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .kabukimaskgrid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .figuregird {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 40vh;
  }

  .figuregird._2 {
    height: 60vh;
    margin-top: 10px;
  }

  .broochgrid {
    height: 60vh;
  }

  .ringgrid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto auto;
    height: 60vh;
    margin-bottom: 5px;
  }

  .apple-grid {
    grid-template-rows: 50vh auto auto;
    height: 80vh;
  }

  .appletreegird {
    height: 40vh;
  }

  .thesisheading {
    padding-left: 0;
    font-size: 6vw;
  }

  .thesiscontainer1 {
    width: 60vw;
  }

  .thesispdf {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .shopshopgrid {
    height: 100vh;
  }

  .marinegrid {
    grid-template-rows: auto auto 205px;
    height: 60vh;
  }

  .marinegrid2 {
    height: 40vh;
  }

  .mariengrid3 {
    height: 15vh;
  }

  .infinitygrid2 {
    grid-template-rows: auto auto auto;
  }

  .contactcontainerinside {
    width: auto;
    max-width: 70vw;
  }

  .homepage-landing {
    height: 45em;
  }

  .hp-intro-sec {
    border-top-width: 3px;
    border-bottom-width: 3px;
  }

  .landing-frame-1-wrap {
    border-right-width: 3px;
  }

  .hp-cad-sec {
    border-top-width: 3px;
    border-bottom-width: 3px;
    height: 45em;
  }

  .hp-id-sec {
    border-bottom-width: 3px;
  }

  .link-block-jewelry {
    border-width: 3px;
  }

  .paragraph-4 {
    font-size: 1.8em;
  }

  .link-txt {
    font-size: 2.5em;
  }

  .heading-3 {
    font-size: 4em;
  }

  .paragraph-5 {
    font-size: 2.5em;
  }

  .landing-frame-2-wrap {
    border-left-width: 3px;
  }

  .contact-photo {
    border-width: 3px;
  }

  .contact-me-wrap {
    margin-bottom: 2em;
  }

  .contact-spacer-div.about {
    width: 4em;
  }

  .footer-sec {
    height: 6em;
  }

  .footer-heading {
    font-size: 1.8em;
  }

  .logo-div {
    width: 7em;
    height: 9em;
  }

  .about-sec {
    height: 110em;
  }

  .about-sub-sec {
    height: 90em;
  }

  .about-wrap {
    align-items: flex-start;
  }

  .about-photo-frame {
    border-width: 3px;
    width: 25em;
    height: 30em;
  }

  .about-txt-wrap {
    width: 65%;
  }

  .port-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .link-block-3 {
    height: 35em;
  }

  .paragraph-6 {
    font-size: 1.8em;
  }

  .icon {
    font-size: 1.1em;
  }

  .port-page-heading-1._3 {
    font-size: 3em;
  }

  .port-page-content {
    flex-direction: column;
  }

  .port-txt-cont {
    justify-content: center;
    align-items: flex-start;
    padding-left: 7em;
  }

  .port-slider-cont {
    width: 100%;
    height: 45em;
  }

  .port-page-para {
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 2em;
  }

  .port-full-pg-slide {
    margin-left: 0;
  }

  .icon-2 {
    font-size: .7em;
  }

  .left-arrow-3 {
    max-width: .7em;
  }

  .port-3d-model-wrap {
    width: 95%;
  }

  .port-txt-block-wrap {
    justify-content: flex-start;
    width: 80%;
    display: flex;
  }

  .port-txt-block-1 {
    margin-right: 8em;
  }

  .port-anim-tri-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .spline-logo-blocker {
    width: 45%;
    height: 25%;
  }

  .spline-logo-blocker._2 {
    width: 25%;
    height: 20%;
  }

  .port-anim-dual-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .port-dual-page-slide, .alien-ring-jewelry, .b-bones-jewelry, .cyborg-ring-jewelry, .port-hollow-rings, .port-brooch-man, .lego-cafe-cad, .kabuki-mask-cad, .lucy-cad-slide, .des-an-apple, .prototyping {
    margin-left: 0;
  }

  .filler-section {
    height: 0;
  }

  .utility-page-content {
    width: 80%;
  }

  .section-2 {
    height: 60em;
  }

  .y2k-navlink, .y2k-navlink.w--current {
    font-size: var(--navbar-mobile-txt);
  }

  .paragraph-7 {
    font-size: var(--body-mobile-txt);
  }

  .project-heading {
    font-size: var(--project-mobile-title);
  }

  .y2k-svg {
    height: 12em;
  }

  .heading-5 {
    font-size: var(--body-mobile-txt);
  }

  .y2k-footer-heading {
    font-size: var(--small-txt-tablet);
  }

  .y2k-container-nav {
    background-color: var(--color-primary);
  }

  .y2k-navbar-3-copy {
    border-radius: 0;
    height: 5em;
  }

  .heading-6 {
    font-size: var(--h1-mobile);
  }

  .banner-cont {
    height: 2.5rem;
  }

  .banner-text-block {
    font-size: var(--banner-mobile);
  }

  .card-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 15rem;
  }

  .text-block-5 {
    font-size: var(--h2-mobile);
  }

  .text-block-6 {
    font-size: var(--h3-mobile);
  }

  .banner-cont-color {
    height: 2.5rem;
  }

  .y2k-temp-sec {
    padding-top: 10em;
    padding-left: 0;
    padding-right: 0;
  }

  .y2k-temp-photo-wrap.v2 {
    height: 120vh;
  }

  .y2k-temp-photo-wrap.v3 {
    height: 200vh;
  }

  .y2k-temp-photo-wrap.v4 {
    height: 300vh;
  }

  .y2k-temp-photo-wrap.v5 {
    height: 120vh;
  }

  .div-block-42 {
    height: 80vh;
  }

  .y2k-contact-sec {
    height: 100vh;
    padding-top: 5em;
  }

  .light-block-vertical.about {
    display: none;
  }

  .contact-photo-wrap {
    max-height: 100%;
  }

  .y2k-contact-heading {
    margin-top: 0;
    font-size: 5vw;
  }

  .link {
    font-size: var(--h3-mobile);
  }

  .social-media-link-contact {
    width: 6em;
  }

  .y2k-about-wrapper {
    padding-top: 6em;
  }

  .about-heading {
    font-size: 5vw;
  }

  .y2k-about-sub-wrapper {
    margin-top: 2rem;
  }

  .about-photo {
    height: 20rem;
  }

  .y2k-body {
    font-size: var(--body-mobile-txt);
  }

  .div-block-48 {
    max-width: 100%;
    margin-left: .5rem;
  }

  .heading-8 {
    font-size: var(--h1-mobile);
  }

  .field-label {
    font-size: var(--body-tablet-txt);
  }
}

@media screen and (max-width: 479px) {
  .blue-circle {
    inset: 30% 8%;
  }

  .green-circle {
    inset: 40% 0% 24%;
  }

  .jingwei-nav-bar {
    margin-left: 10px;
  }

  .sketch-container {
    flex: 0 auto;
    width: 100vw;
  }

  .sketch.jellyfish {
    background-size: 60vw;
    top: -7%;
    left: -33%;
  }

  .sketch.leaf {
    background-size: 20vw;
    top: -18%;
    left: 46%;
  }

  .sketch.dumpling {
    background-size: 30vw;
    top: 15%;
    left: -43%;
  }

  .sketch.cyborg {
    background-size: 20vh;
    top: 30%;
    left: 22%;
  }

  .title_jingwei {
    margin-top: 241px;
    font-size: 8vw;
  }

  .title_jingwei.designer {
    margin-top: 13px;
    font-size: 20px;
  }

  .slider {
    height: 80vh;
    margin-bottom: -19px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-wrapper {
    height: 500px;
  }

  .slide-card {
    margin-left: 5px;
    margin-right: 5px;
  }

  .slider-image {
    width: 20vw;
    height: 20vh;
    margin-top: 28px;
  }

  .slider-image._02 {
    height: 20vh;
  }

  .heading-2 {
    text-align: center;
    margin-top: 21px;
    font-size: 5vw;
  }

  .slide-paragraph {
    margin-bottom: 22px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 6px;
    line-height: 12px;
  }

  .button {
    width: 14vw;
    height: 7vh;
    font-size: 12px;
  }

  .slider-bg {
    width: 80vw;
  }

  .rightwrapper {
    width: 90%;
  }

  .text-block-2 {
    margin-top: -27px;
    padding-top: 11px;
  }

  .paragraph {
    margin-top: 21px;
    padding-right: 13px;
    line-height: 16px;
  }

  .paragraph._1 {
    font-size: 11px;
    line-height: 15px;
  }

  .button-contact {
    width: 20vw;
  }

  .section3content {
    padding-left: 11px;
  }

  .right-arrow {
    width: 60px;
    height: 60px;
  }

  .sectionnavbar {
    justify-content: flex-start;
    align-items: stretch;
    width: 90vw;
    position: relative;
  }

  .sectionnavigationprojects._1 {
    max-width: none;
    margin-left: 0;
    margin-right: 5px;
  }

  .sectionnavigationprojects._2 {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 5px;
  }

  .sectionnavigationprojects._3, .sectionnavigationprojects._4, .sectionnavigationprojects._5 {
    margin-left: 0;
    margin-right: 5px;
  }

  .body-project.borrowbones {
    flex-direction: column;
    align-items: center;
  }

  .navigation_projectname._1, .navigation_projectname._2, .navigation_projectname._3 {
    margin-left: 4px;
    font-size: 12px;
    line-height: 15px;
  }

  .navigation._1 {
    grid-template-rows: 19% 32% 27% auto;
    grid-template-columns: auto auto auto 31%;
    justify-items: stretch;
    width: 98vw;
    height: 70vh;
  }

  .navigation._2 {
    width: 98vw;
    height: 50vh;
  }

  .navigation._3 {
    grid-template-columns: auto 10% auto;
    width: 98vw;
    height: 50vh;
  }

  .navigation._4 {
    width: 98vw;
    height: 50vh;
  }

  .navigation._5 {
    width: 98vw;
    height: 60vh;
  }

  .fillerbox._1 {
    background-size: 60%;
  }

  .fillerbox._2 {
    background-size: 70%;
  }

  .fillerbox._3 {
    background-repeat: repeat;
    background-size: auto 20%;
  }

  .fillerbox._7 {
    background-size: auto 40%;
  }

  .navbarbackground {
    flex: 0 auto;
    align-self: center;
    width: 90vw;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 43px;
    display: block;
  }

  .navbarbackground.borrowbone {
    width: 90vw;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0;
    display: block;
  }

  .navigation_projectimage._1, .navigation_projectimage._2, .navigation_projectimage._3, .navigation_projectimage._4, .navigation_projectimage._5 {
    height: 10vh;
    margin-left: 5px;
    margin-right: 5px;
    display: none;
  }

  .navtraingle._1, .navtraingle._2, .navtraingle._3, .navtraingle._4, .navtraingle._5 {
    width: 12px;
    height: 12px;
  }

  .jingweidenghome {
    font-size: 15px;
  }

  .project-category._1 {
    width: 98vw;
    min-width: auto;
  }

  .project-category._2, .project-category._3, .project-category._4, .project-category._5 {
    width: 98vw;
  }

  .projectcategoryname {
    padding-left: 99px;
    padding-right: 0;
  }

  .projectcategorydescription {
    margin-left: 8px;
  }

  .projectcategorynumber {
    padding-top: 0;
    padding-bottom: 211px;
    font-size: 80px;
    inset: 0% auto auto 0%;
  }

  .project-link.borrow-bones {
    padding-top: 20px;
    padding-left: 20px;
  }

  .project-link.xiaoguang {
    padding-left: 10px;
    padding-right: 10px;
  }

  .project-link.automotive {
    padding-left: 5px;
    padding-right: 5px;
  }

  .project-link.recycleprovidence, .project-link.transportation {
    font-size: 5vw;
  }

  .project-link.chinesekitchen {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10vw;
  }

  .project-link.apple, .project-link.thesis {
    font-size: 8vw;
  }

  .project-link.shop, .project-link.marine {
    font-size: 5vw;
  }

  .project-link.printing {
    font-size: 8vw;
  }

  .project-link.bluets, .project-link.ooo {
    padding-left: 0;
    padding-right: 0;
    font-size: 8vw;
  }

  .project-link.u {
    font-size: 10vw;
  }

  .project-link.gummy {
    padding-left: 0;
    padding-right: 0;
    font-size: 6vw;
  }

  .project {
    align-self: center;
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }

  .project.dramatciwatch {
    align-items: stretch;
    margin-left: auto;
    margin-right: 0;
  }

  .project.kabukimask {
    height: auto;
    margin-left: 0;
  }

  .projectname.dramaticwatch {
    margin-left: -15px;
  }

  .projectname.xiaoguang {
    margin-left: -13px;
  }

  .projectname.borrowbones, .projectname.kabukimask {
    margin-left: -11px;
  }

  .projectname.figure {
    margin-left: -10px;
  }

  .projectname.automototive {
    margin-top: 14px;
    margin-left: -10px;
    font-size: 6vw;
  }

  .projectname.brooch, .projectname.ringring, .projectname.lego, .projectname.zoom, .projectname.recycle, .projectname.kitchen, .projectname.transportation, .projectname.shoporientaation, .projectname.marine, .projectname.infinity {
    margin-left: -10px;
  }

  .project-description.dramatic-watch {
    margin-left: 2px;
  }

  .project-description.borrowbones {
    margin-left: 5px;
  }

  .project-description.automotive {
    margin-top: 9px;
  }

  .project-description.ringring {
    margin-top: 5px;
    font-size: .9vw;
  }

  .project-description.lego {
    margin-top: -13px;
    margin-left: 2px;
  }

  .project-description.zoomin {
    font-size: .9vw;
  }

  .project-description.thesis {
    font-size: 12px;
  }

  .project-description.marine {
    font-size: .9vw;
  }

  .projectdate.borrowbones, .projectdate.kabukimask {
    margin-top: -27px;
  }

  .projectdate.automotive {
    margin-top: 5px;
  }

  .projectdate.broochh {
    margin-top: -44px;
    margin-right: 12px;
  }

  .projectdate.ringring {
    margin-top: -38px;
  }

  .projectdate.lego {
    margin-top: -23px;
  }

  .image-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .kabukimaskgrid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .broochgrid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 60vh;
    margin-top: 5px;
  }

  .ringgrid {
    height: 50vh;
  }

  .apple-grid {
    grid-template-rows: 30vh auto auto;
    height: 60vh;
  }

  .appletreegird {
    height: 30vh;
  }

  .thesisheading {
    text-align: center;
    align-self: auto;
    padding-left: 0;
    font-size: 8vw;
  }

  .thesiscontainer1 {
    width: 80vw;
    margin-top: 121px;
  }

  .marinegrid {
    grid-template-rows: auto auto 172px;
    height: 50vh;
  }

  .marinegrid2 {
    height: 30vh;
  }

  .contactme {
    font-size: 35px;
  }

  .paragraph-2 {
    font-size: 12px;
    line-height: 1.2;
  }

  .navbarsection {
    display: none;
  }

  .navbar-link {
    font-size: 4em;
  }

  .homepage-landing {
    height: 85em;
  }

  .heading-2-0 {
    font-size: 2.7em;
  }

  .render-overlay-txt {
    width: 95%;
  }

  .heading-title {
    font-size: 6em;
  }

  .hp-intro-sec {
    height: 85em;
  }

  .landing-frame-1-wrap {
    border-right-width: 3px;
    width: 30%;
  }

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

  .paragraph-3 {
    font-size: 3em;
  }

  .div-block-21 {
    height: 2px;
  }

  .div-block-22 {
    margin-top: 10%;
  }

  .hp-jewelry-sec {
    height: 85em;
  }

  .hp-cad-sec {
    height: 65em;
  }

  .contact-sec {
    height: 80em;
  }

  .hp-id-sec {
    height: 85em;
  }

  .sec-wrap {
    width: 95%;
  }

  .link-block-jewelry {
    border-width: 3px;
  }

  .heading-title-3, .heading-title-3.hp {
    font-size: 5em;
  }

  .paragraph-4 {
    font-size: 3em;
  }

  .link-txt {
    font-size: 4em;
  }

  .sec-3-txt-wrap {
    width: 38%;
  }

  .landing-frame-2-wrap {
    border-left-width: 3px;
    width: 40%;
  }

  .contact-photo {
    border-width: 3px;
    width: 40%;
  }

  .hp-id-txt-wrap {
    width: 60%;
    height: 85%;
  }

  .contact-me-wrap {
    flex-direction: column;
    margin-bottom: 4em;
  }

  .contact-paragraph {
    font-size: 3em;
  }

  .heading-title-4 {
    font-size: 4.6em;
  }

  .heading-title-5 {
    font-size: 4em;
  }

  .social-media-link {
    width: 8em;
  }

  .contact-spacer-div.about {
    width: 6em;
  }

  .cad-mod-div {
    border-width: 2px;
  }

  .sec-3-link-wrap {
    width: 60%;
  }

  .footer-sec {
    height: 10em;
  }

  .footer-heading {
    font-size: 3em;
  }

  .logo-div {
    width: 10em;
    height: 15em;
  }

  .about-sec {
    height: 220em;
  }

  .about-sub-sec {
    height: 170em;
    padding-top: 4em;
  }

  .about-wrap {
    width: 95%;
  }

  .about-photo-frame {
    height: 45em;
  }

  .jewelry-txt-wrap {
    width: 100%;
  }

  .port-grid {
    grid-template-columns: 1fr;
    overflow: scroll;
  }

  .link-block-3 {
    height: 70em;
  }

  .port-grid-heading {
    font-size: 6em;
  }

  .paragraph-6 {
    font-size: 3em;
  }

  .port-grid-sub-heading {
    font-size: 4em;
  }

  .port-page-heading-1 {
    font-size: 5em;
  }

  .port-page-heading-1._2 {
    font-size: 6em;
  }

  .port-page-heading-1._3 {
    font-size: 5em;
  }

  .port-slider-cont {
    height: 50em;
  }

  .port-page-para {
    font-size: 3em;
  }

  .icon-2 {
    font-size: .4em;
  }

  .left-arrow-3 {
    max-width: .4em;
  }

  .port-3d-model-sec {
    background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  }

  .port-3d-model-sec.tri-animation {
    justify-content: flex-start;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .port-txt-block-wrap {
    width: 100%;
  }

  .port-anim-tri-grid {
    grid-template-columns: 1fr;
  }

  .port-grid-anim-wrap {
    height: 120em;
  }

  .port-grid-anim-cont {
    background-image: linear-gradient(to bottom, var(--_old-website---darker-background), var(--_old-website---darker-background));
  }

  .grid-anim-heading {
    font-size: 4.5em;
  }

  .spline-logo-blocker, .spline-logo-blocker._2 {
    width: 20%;
    height: 15%;
  }

  .port-anim-dual-grid {
    grid-template-columns: 1fr;
  }

  .b-bones-wrap {
    width: 95%;
  }

  .filler-section {
    height: 50em;
  }

  .section-2 {
    height: 200em;
  }

  .y2k-navlink.w--current {
    font-size: var(--navbar-mobile-txt);
  }

  .sride-photo-blk {
    height: 50em;
  }

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

  .cfoam-photo-blk, .rewind-photo-blk {
    height: 50em;
  }

  .void-sphere-blk, .y2k-svg {
    height: 15em;
  }

  .y2k-footer-heading {
    font-size: var(--small-txt-mobile);
  }

  .y2k-navbar-3-copy {
    height: 10em;
  }

  .y2k-nav-menu {
    padding-bottom: 2em;
  }

  .y2k-projects-grid-2 {
    grid-template-columns: 1fr;
  }

  .conduct-pro-photo-blk, .hyperflux-photo-blk {
    height: 50em;
  }

  .card-wrapper {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    height: 50rem;
  }

  .y2k-temp-sec {
    padding-top: 17em;
  }

  .y2k-temp-photo-wrap.v2 {
    height: 30vh;
  }

  .y2k-temp-photo-wrap.v3 {
    height: 50vh;
  }

  .y2k-temp-photo-wrap.v4 {
    height: 70vh;
  }

  .y2k-temp-photo-wrap.v5 {
    height: 40vh;
  }

  .div-block-42 {
    height: 30vh;
  }

  .y2k-contact-sec {
    height: 80vh;
    margin-bottom: 8em;
    padding-top: 10em;
  }

  .y2k-contact-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .light-block-vertical {
    width: 2em;
    margin-left: 0;
  }

  .jw-contact-profile {
    width: 80%;
  }

  .contact-photo-wrap {
    height: 50vh;
  }

  .div-block-44 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 8em;
  }

  .y2k-contact-heading {
    margin-top: .25em;
    margin-bottom: .25em;
    font-size: 11vw;
  }

  .social-media-link-contact {
    width: 8em;
  }

  .div-block-45 {
    justify-content: flex-start;
  }

  .y2k-about-wrapper {
    padding-top: 10em;
  }

  .about-heading {
    font-size: 11vw;
  }

  .y2k-about-sub-wrapper {
    flex-flow: column;
    margin-top: 1rem;
  }

  .about-photo {
    width: 80%;
    height: 20rem;
  }

  .y2k-body {
    margin-bottom: 0;
  }
}

#w-node-e30c0c67-b61d-2158-c896-f1af1abbb29c-08de3c8e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-eb1d2e4d-d2b3-9566-66ac-72053528fffb-08de3c8e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f1b94435-3ad2-1fcc-8749-2ec54b356663-08de3c8e {
  grid-area: 2 / 1 / 5 / 2;
}

#w-node-fbc4e4ea-f6ad-733e-01ba-ed4edbab1a4c-08de3c8e {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-a1547daa-6537-9dc3-63b7-1d0c16fc43c0-08de3c8e {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2ab59065-1691-e22e-5faa-e89abe2f7326-08de3c8e {
  grid-area: 4 / 2 / 5 / 3;
  align-self: end;
}

#w-node-_4ae82f96-e59c-3c06-a933-78235792892b-08de3c8e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f3a-08de3c8e {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-bb0e63f2-3978-f4bd-f9c6-a18db88074fe-08de3c8e {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f43-08de3c8e {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f46-08de3c8e {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f53-08de3c8e {
  grid-area: 4 / 2 / 5 / 3;
  align-self: end;
}

#w-node-_0232560b-b28d-e85d-815a-8e388c55ef6e-e6e7ad51 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-fa2f7e9b-2fa2-1a9f-6d18-d08d6f2d3be4-e6e7ad51, #w-node-_86270593-b6cd-df3c-31a3-6a8d26a00530-e6e7ad51, #w-node-dd2b2f4d-5f33-80dd-c1a2-9dcde70fa40e-e6e7ad51, #w-node-aa71c1eb-275d-682a-4708-a11c9082d9ca-e6e7ad51, #w-node-f4e36e14-ff48-6e16-e97c-e885532f6825-e6e7ad51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4e36e14-ff48-6e16-e97c-e885532f6826-e6e7ad51 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-f4e36e14-ff48-6e16-e97c-e885532f6827-e6e7ad51, #w-node-f4e36e14-ff48-6e16-e97c-e885532f6829-e6e7ad51, #w-node-_95e844f3-ba5f-5326-46c9-4d10dca9eed3-e6e7ad51, #w-node-_95e844f3-ba5f-5326-46c9-4d10dca9eed4-e6e7ad51, #w-node-b682e5f9-d1d8-99d1-b64b-afcde252211f-e6e7ad51, #w-node-b682e5f9-d1d8-99d1-b64b-afcde2522121-e6e7ad51, #w-node-b682e5f9-d1d8-99d1-b64b-afcde2522123-e6e7ad51, #w-node-f6aff27f-b374-7022-c01c-22721bf747e4-e6e7ad51, #w-node-f6aff27f-b374-7022-c01c-22721bf747e6-e6e7ad51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c7e9751-9426-849c-0be3-149d549b474a-e6e7ad51 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-f6aff27f-b374-7022-c01c-22721bf747e7-e6e7ad51 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f6aff27f-b374-7022-c01c-22721bf747e8-e6e7ad51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05cddd8c-c4f3-4d0b-b10f-af20cc67e5d0-1abcf0dc {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7af155db-6582-86f3-ef0a-eb639fee6284-1abcf0dc {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3bf3da50-9099-0672-b3bb-49864ab30992-c29a40d0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_2e7a0df1-d260-a517-91cb-780b42609bd7-c29a40d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2e7a0df1-d260-a517-91cb-780b42609bdb-c29a40d0, #w-node-_419cbfae-36e3-cc02-234e-3290ec91677e-c29a40d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_01b07e7f-789e-5b7d-df85-5d6fdde98d5e-4e807cc5 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-a2f9e2c0-21a5-589e-9d85-33e2fddf25d3-c89a8ff0 {
  grid-area: span 3 / span 2 / span 3 / span 2;
}

#w-node-_142c239e-aa68-a1da-12c2-7ddb56b044fe-1543c13c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b4ef721f-0ac5-696e-740d-782e377182d9-1543c13c, #w-node-_3c25a70c-e08c-f721-a6a4-27eaa8cc35ab-80592178, #w-node-_269b6670-8d32-0048-5df6-fb7f8666bbfe-80592178, #w-node-_14a10e22-0015-0f80-1b93-920e92204a8f-80592178, #w-node-_9bf11b68-4442-732a-f2fb-504e4d27969a-80592178, #w-node-bc2f2e31-48db-8e98-d5da-477c7c2eff0e-39482c10, #w-node-_47cc4daf-273e-29f6-127c-f84becedda59-fd5dd331 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_5699cc83-44b7-ff05-524b-2e1672f80e87-fd5dd331 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b19d2368-e3f2-5476-f621-3d4dbe72ab63-fd5dd331 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e30c0c67-b61d-2158-c896-f1af1abbb29c-08de3c8e, #w-node-eb1d2e4d-d2b3-9566-66ac-72053528fffb-08de3c8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f1b94435-3ad2-1fcc-8749-2ec54b356663-08de3c8e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-fbc4e4ea-f6ad-733e-01ba-ed4edbab1a4c-08de3c8e {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-a1547daa-6537-9dc3-63b7-1d0c16fc43c0-08de3c8e {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_2ab59065-1691-e22e-5faa-e89abe2f7326-08de3c8e, #w-node-_4ae82f96-e59c-3c06-a933-78235792892b-08de3c8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f3a-08de3c8e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-bb0e63f2-3978-f4bd-f9c6-a18db88074fe-08de3c8e, #w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f43-08de3c8e, #w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f46-08de3c8e, #w-node-_9582ac21-c923-f2bd-ddda-04f3d2316f53-08de3c8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5699cc83-44b7-ff05-524b-2e1672f80e87-fd5dd331 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5e2949f5-0086-fd81-bd94-88d13e6fdcb4-fd5dd331 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b19d2368-e3f2-5476-f621-3d4dbe72ab63-fd5dd331 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}