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: Untitledsans;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63b7aa49af60ceabdae84b88_UntitledSans-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Untitledsans;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63b7aa4931ea795a289a8997_UntitledSans-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Untitledsans;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63b7aa4951c7867513c1f461_UntitledSans-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Untitledsans;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63b7aa49fd7a422537f8a005_UntitledSans-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Untitledsans;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63b7aa492ba2a55d4182b9ea_UntitledSans-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemachina;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63bcb39b227654cfd26faac8_NeueMachina-Ultrabold.otf") format("opentype"), url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63bcb39bcf0c89060ebb9c1e_NeueMachina-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemachina;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63bcb39b8d77f249a52ca355_NeueMachina-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemachina;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63bcb39b935e9b3e19993d39_NeueMachina-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemachina;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63bcb39b701f97a01f96d878_NeueMachina-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemachina;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63bcb39b057f81b6ada3461c_NeueMachina-Ultralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuemachina;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/63bcb39b701f97439d96d877_NeueMachina-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalpromed;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d71d18a79e468840e59_NBInternationalProMed.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalprobol;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d7156c2d7406badac5d_NBInternationalProBol.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalprobolita;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d71ca978d0214326aa4_NBInternationalProBolIta.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalpromedita;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d71544659a9c8390a8f_NBInternationalProMedIta.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalprolig;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d71824c04859c6092ab_NBInternationalProLig.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalproreg;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d71e6cbfb14d3bbc38e_NBInternationalProReg.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalpromono;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d71794fb302dac38392_NBInternationalProMono.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalproligita;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d7156c2d7406badac4d_NBInternationalProLigIta.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Nbinternationalproita;
  src: url("https://cdn.prod.website-files.com/63b7a9222e79262620c2e000/654c4d71e6cbfb14d3bbc3a3_NBInternationalProIta.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

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

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

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

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

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

.name-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  height: 200px;
  display: flex;
}

.name-container {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 3000px;
  height: 200px;
  display: flex;
}

.big-name {
  color: #000;
  text-transform: uppercase;
  margin-top: 100px;
  font-family: Untitledsans, sans-serif;
  font-size: 200px;
  font-weight: 300;
  position: relative;
}

.image {
  margin-top: -592px;
  margin-bottom: 1px;
  margin-left: 1301px;
}

.div-block {
  height: 500px;
  margin-top: -200px;
}

.jia-container {
  flex-flow: row;
  place-content: flex-end space-between;
  align-items: flex-start;
  margin-right: -227px;
  display: flex;
}

.image-2 {
  margin-left: 1233px;
}

.jia {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 500px;
  height: 500px;
  margin-top: -251px;
  margin-left: 0;
  display: flex;
}

.div-block-2 {
  color: #333;
  border-radius: 0;
}

.image-3 {
  margin-top: -291px;
  display: block;
}

.div-block-3 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-4 {
  max-width: none;
  margin-top: -300px;
}

.div-block-4 {
  max-width: 1920px;
}

.image-5 {
  max-width: 10%;
  margin-top: 94px;
}

.text-block {
  color: #000;
  letter-spacing: 0;
  mix-blend-mode: normal;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 174px;
  margin-left: -1359px;
  font-family: Untitledsans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: opacity .2s;
  display: block;
  position: static;
  transform: rotate(-20deg)rotate(0);
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  margin-top: -194px;
  padding-top: 0;
  display: flex;
}

.nav-type {
  color: #000;
  text-align: center;
  letter-spacing: -3px;
  text-transform: lowercase;
  font-family: Untitledsans, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 60px;
}

.home-container {
  z-index: 5;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  max-width: 100%;
  max-height: 100%;
  margin-top: 10px;
  padding: 0 50px;
  display: flex;
  position: absolute;
}

.grid {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template: "Area Area-4 Area-2"
                 "Area-3 . ."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  align-self: auto;
  place-items: start stretch;
  display: none;
  position: relative;
}

.michael-left {
  color: #000;
  letter-spacing: -10px;
  text-transform: none;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 200px;
  font-weight: 200;
  line-height: 200px;
  display: flex;
}

.michael-right {
  color: #000;
  text-align: right;
  letter-spacing: -10px;
  text-transform: none;
  white-space: normal;
  justify-content: center;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 200px;
  font-weight: 200;
  line-height: 200px;
  display: flex;
}

.container-2 {
  justify-content: flex-end;
  max-width: 100%;
  margin-top: -310px;
  padding-right: 0;
  display: flex;
}

.div-block-5 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 65%;
  max-height: 65%;
  margin-top: -55px;
  margin-bottom: 0;
  margin-right: -134px;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.grid-2 {
  grid-template-areas: "Area Area"
                       "Area-2 Area-2";
  margin-top: 150px;
}

.image-6 {
  width: 260px;
  margin-top: -102px;
  margin-left: 0;
  position: relative;
}

.paragraph {
  color: #000;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  width: 1200px;
  margin-bottom: 75px;
  font-family: Untitledsans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.paragraph-2 {
  text-align: center;
  text-transform: uppercase;
  width: 1200px;
  font-family: Untitledsans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.navbar {
  z-index: 50;
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: block;
  position: sticky;
  bottom: 0;
}

.container-3 {
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-6 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 65%;
  max-height: 108%;
  margin-top: 490px;
  margin-left: -160px;
  display: flex;
  position: fixed;
  top: 14px;
}

.image-7 {
  width: 250px;
  margin-top: -60px;
  margin-left: -50px;
}

.menu-button {
  color: #0000;
}

.main-page-nav-bar {
  background-color: #0000;
  align-self: center;
  align-items: center;
  margin-bottom: 250px;
  display: none;
}

.container-4 {
  justify-content: center;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.nav-link {
  color: #000;
  text-transform: uppercase;
  padding-left: 80px;
  padding-right: 80px;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.paragraph-3 {
  color: #000;
  margin-top: -70px;
  margin-bottom: 0;
  margin-left: 135px;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 300;
  position: static;
  transform: rotate(-11deg);
}

.image-8 {
  max-width: 70%;
  position: static;
}

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

.paragraph-4 {
  color: #000;
  text-transform: uppercase;
  width: 100px;
  max-width: 100%;
  margin-top: 47px;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 16px;
}

.grid-3 {
  grid-template: ". Area"
                 "Area-2 ."
                 / 1fr 1fr 1fr;
  place-items: end stretch;
  margin: 0 0 20px;
  display: none;
}

.paragraph-5 {
  color: #000;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 20px;
  text-decoration: underline;
}

.nav-bar-top {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
  max-height: 100%;
  margin-left: 50px;
  margin-right: 50px;
  display: flex;
  position: fixed;
}

.work-body {
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.nav-bar-top-container {
  flex-direction: row;
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: fixed;
}

.nav-top-menu {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-right: 50px;
  display: flex;
  position: fixed;
}

.nav-name {
  color: #fff;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 200;
  position: sticky;
}

.small-nav {
  color: #fff;
  text-transform: uppercase;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 0 20px 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  position: sticky;
}

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

.big-heading-container {
  justify-content: center;
  max-width: 100%;
  height: auto;
  margin-top: 220px;
  margin-bottom: 50px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.big-page-heading {
  color: #fff;
  text-align: center;
  letter-spacing: -20px;
  text-transform: none;
  margin-top: 10px;
  font-family: Neuemachina, sans-serif;
  font-size: 350px;
  font-weight: 200;
  display: flex;
  position: static;
}

.container-7 {
  display: block;
}

.container-8 {
  flex-direction: row;
  display: flex;
  position: static;
}

.container-work-display {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: none;
  height: auto;
  max-height: none;
  margin-top: 13vw;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.works-projects {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  order: 0;
  grid-template: "Area-12 Area-10 Area Area-3"
                 "Area-11 Area-2 Area-4 Area-5"
                 "Area-6 Area-9 Area-7 Area-8"
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch;
  align-self: stretch;
  place-items: stretch center;
  margin-left: 1vw;
  margin-right: 1vw;
  display: grid;
  position: static;
  inset: 0%;
}

.div-block-7 {
  border: 5px solid #fff;
  border-radius: 0;
}

.works-card {
  color: #fff;
  border: 0 solid #a1a1a1;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: static;
  overflow: visible;
}

.image-10 {
  display: block;
}

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

.div-block-8 {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
  display: flex;
}

.works-page-project-title {
  color: #faa700;
  text-transform: none;
  margin: 0 0 15px;
  padding-bottom: 0;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 1.6vw;
  text-decoration: none;
  position: relative;
  inset: 0% 0% auto;
}

.project-category {
  color: #a5baff;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  text-transform: uppercase;
  margin: 15px 0 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.1vw;
}

.image-12 {
  flex: 0 auto;
}

.image-13 {
  flex: 0 auto;
  align-self: auto;
  margin-top: 30px;
  margin-left: 375px;
  display: block;
  position: absolute;
}

.div-block-9, .div-block-10 {
  justify-content: center;
  margin-top: -20px;
  display: flex;
}

.div-block-11 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.div-block-12, .div-block-13 {
  justify-content: center;
  display: flex;
}

.div-block-14, .div-block-15 {
  justify-content: center;
  margin-top: -20px;
  display: flex;
}

.div-block-16 {
  justify-content: center;
  display: flex;
}

.div-block-17 {
  justify-content: center;
  margin-top: -20px;
  display: flex;
}

.div-block-18 {
  justify-content: center;
  display: flex;
}

.image-14 {
  margin-top: 30px;
  margin-left: 375px;
  display: block;
  position: absolute;
}

.image-15, .image-16, .image-17, .image-18, .image-19, .image-20, .image-21, .image-22, .image-23 {
  margin-top: 30px;
  margin-left: 375px;
  position: absolute;
}

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

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

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

.navbar-4 {
  background-color: #0000;
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.container-10 {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.nav-menu-3 {
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.nav-name-black {
  color: #000;
  letter-spacing: 0;
  flex-direction: row;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 500px;
  padding-left: 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 200;
  text-decoration: none;
  display: block;
  position: sticky;
}

.small-nav-black {
  color: #000;
  text-transform: uppercase;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 50px 20px 20px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  position: sticky;
}

.big-page-heading-copy {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
  font-family: Neuemachina, sans-serif;
  font-size: 350px;
  font-weight: 500;
  display: flex;
  position: static;
}

.big-page-heading-black {
  color: #000;
  text-align: center;
  letter-spacing: -20px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 350px;
  font-weight: 200;
  display: flex;
  position: static;
}

.works-card-copy {
  border: .5px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 425px;
  max-width: none;
  height: 425px;
  display: block;
  overflow: visible;
}

.play-card {
  border: 0 solid #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 275px;
  max-width: none;
  height: 275px;
  margin-bottom: 70px;
  display: flex;
  overflow: visible;
}

.project-tittle-black {
  color: #000;
  text-transform: none;
  margin: 1vw 0 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.3vw;
  text-decoration: none;
}

.plays {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template: ". Area Area-2 Area-3 Area-7"
                 "Area-4 Area-5 Area-6 Area-10 Area-9"
                 "Area-8 . . . ."
                 / 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch;
  place-items: stretch center;
  display: grid;
  position: static;
  inset: 0%;
}

.grid-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.container-11 {
  max-width: 100%;
  max-height: 100%;
  margin-top: 550px;
  display: flex;
}

.gray-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e4e4e4;
  flex-direction: column;
  grid-template: ". . . . Area-4 Area-3"
                 ". . . . Area-5 ."
                 ". . Area Area . ."
                 ". . . . . ."
                 "Area-2 Area-2 . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.container-12 {
  flex: none;
  justify-content: space-between;
  display: flex;
}

.container-13 {
  max-width: 100%;
  height: 0;
  max-height: 100%;
  margin-top: 439px;
  display: flex;
}

.grid-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.project-category-black {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.video {
  flex-direction: column;
  align-items: stretch;
  width: 180px;
  height: 180px;
  display: flex;
}

.works-projects-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  order: 1;
  grid-template: ". Area Area-2 Area-3 Area-16 Area-17"
                 "Area-4 Area-5 Area-6 Area-7 Area-18 Area-19"
                 "Area-8 Area-9 Area-10 Area-15 Area-20 Area-21"
                 "Area-22 Area-23 Area-24 Area-25 Area-26 Area-27"
                 "Area-28 Area-29 Area-30 Area-31 Area-32 Area-33"
                 "Area-34 Area-35 Area-36 Area-37 Area-38 Area-49"
                 "Area-39 Area-40 Area-41 Area-42 Area-43 Area-50"
                 "Area-48 Area-47 Area-46 Area-45 Area-44 Area-51"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: space-between;
  align-self: auto;
  place-items: stretch stretch;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: static;
  inset: 0%;
}

.background-video {
  flex: 0 auto;
  width: 220px;
  max-width: none;
  height: 220px;
  max-height: none;
}

.image-24 {
  margin-top: 0;
}

.background-video-2, .background-video-3, .background-video-4 {
  width: 220px;
  height: 220px;
}

.play-div {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
  display: flex;
}

.background-video-5, .background-video-6, .background-video-7, .background-video-8 {
  width: 220px;
  height: 220px;
}

.background-video-9, .background-video-10 {
  width: 180px;
  height: 180px;
}

.background-video-11 {
  width: 220px;
  height: 220px;
}

.project-div {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
  display: flex;
  position: relative;
}

.background-video-12, .background-video-13, .background-video-14, .background-video-15, .background-video-16, .background-video-17, .background-video-18 {
  width: 180px;
  height: 180px;
}

.nav-menu-4 {
  display: flex;
}

.about-page-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2 Area-12 Area-13"
                 "Area-3 Area-5 Area-9 Area-20"
                 "Area-4 Area-6 Area-10 Area-21"
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  place-items: start stretch;
  max-width: 100%;
  margin-left: 50px;
  margin-right: 50px;
  display: none;
}

.self-intro-paragraph {
  color: #000;
  text-align: left;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.about-category {
  color: #000;
  text-transform: uppercase;
  width: 300px;
  margin: 100px 0 0;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 10px;
}

.about-paragraph {
  color: #000;
  text-transform: uppercase;
  width: 300px;
  margin-top: 50px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 15px;
}

.contact {
  color: #000;
  margin-top: 20px;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 200;
  line-height: 32px;
  text-decoration: underline;
}

.about-small-bold {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.text-span-2 {
  text-transform: uppercase;
  font-weight: 300;
}

.container-14 {
  max-width: 100%;
  display: flex;
}

.say-hi {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 150px;
  font-family: Neuemachina, sans-serif;
  font-size: 100px;
  font-weight: 200;
  line-height: 102px;
}

.text-span-3 {
  text-transform: uppercase;
  font-weight: 300;
}

.project-page-container {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.projects-page-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  max-width: 100%;
  height: 200px;
  margin: 7vw 0 50px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.project-display-div {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  max-width: 100%;
  margin-top: 0;
  display: block;
}

.image-25 {
  flex: 1;
  order: 0;
  align-self: center;
  display: block;
}

.project-title-grid {
  grid-row-gap: 16px;
  grid-template: "Area Area Area-4"
  / 1fr 1fr 1fr;
  align-content: start;
  align-items: start;
  margin: 120px 50px 40px;
  display: none;
}

.project-page-title {
  color: #faa700;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Nbinternationalprobol, sans-serif;
  font-size: 3vw;
  font-weight: 700;
  line-height: 3vw;
  text-decoration: none;
}

.project-page-heading {
  color: #ff5f45;
  text-align: left;
  letter-spacing: -3px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: stretch;
  width: 1200px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 120px;
  font-weight: 200;
  line-height: 110px;
  display: block;
}

.project-discription {
  color: #fff;
  text-indent: 0;
  white-space: normal;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 24px;
}

.project-category-work-page {
  color: #a5baff;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 30px;
  display: flex;
}

.project-discription-grid {
  grid-column-gap: 10px;
  grid-row-gap: 80px;
  grid-template: "Area-31 Area-3 Area-3 Area-3 Area-3"
                 "Area-30 Area-3 Area-3 Area-3 Area-3"
                 "Area-32 Area-3 Area-3 Area-3 Area-3"
                 "Area-33 Area-3 Area-3 Area-3 Area-3"
                 ". Area-3 Area-3 Area-3 Area-3"
                 / 1fr 1fr 1fr 1fr 1fr;
  place-items: start center;
  margin: 100px 50px 0;
  display: block;
}

.paragraph-6 {
  margin-left: 0;
}

.project-captions {
  color: #a5baff;
  text-align: left;
  text-transform: lowercase;
  border: 1px solid #000;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 15px;
}

.project-paragraph {
  color: #a1a1a1;
  text-transform: uppercase;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.project-concept {
  color: #fff;
  text-align: left;
  text-transform: none;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 25px;
}

.project-display-grid-taibo {
  grid-row-gap: 16px;
  grid-template: "Area Area Area Area"
                 "Area-4 Area-4 Area-28 Area-28"
                 "Area-8 Area-8 Area-8 Area-8"
                 "Area-10 Area-10 Area-10 Area-10"
                 "Area-12 Area-12 Area-29 Area-29"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.project-pic-display {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.project-page-small-titles {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 100px 0 0 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 52px;
  display: block;
}

.image-26 {
  margin-bottom: 10px;
}

.frame-number {
  color: #fff;
  text-align: right;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 20px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
}

.frames {
  margin-bottom: 10px;
}

._2-colums-divider {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-27 {
  flex: 1;
  align-self: stretch;
  margin-right: 10px;
  display: block;
}

.image-28 {
  flex: 0 auto;
  align-self: stretch;
  margin-left: 10px;
  display: block;
}

.image-29 {
  align-self: auto;
  max-width: 50%;
  margin-top: -50px;
  margin-right: -150px;
}

.image-30 {
  max-width: 50%;
  margin-top: -50px;
  margin-left: 0;
  margin-right: 0;
}

.image-31, .image-32 {
  max-width: 50%;
}

.background-video-19 {
  justify-content: space-between;
  width: 360px;
  max-width: 100%;
  height: 640px;
  max-height: 100%;
  margin-left: 20px;
  display: flex;
}

.image-33 {
  margin-left: 20px;
  margin-right: 20px;
}

.image-34 {
  margin-left: 50px;
  margin-right: 50px;
}

.image-35 {
  max-width: none;
  margin-left: 50px;
  margin-right: 50px;
}

.paragraph-7 {
  color: #fff;
  text-align: center;
  font-family: Neuemachina, sans-serif;
  font-weight: 500;
}

.back-to-top {
  color: #000;
  text-align: center;
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 200;
  text-decoration: none;
}

.previous-project {
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 150px;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 200;
  text-decoration: none;
}

.next-project {
  color: #000;
  text-align: right;
  margin: 0 150px 10px 0;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 200;
  text-decoration: none;
}

.paragraph-8 {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 50px;
  font-family: Neuemachina, sans-serif;
  font-weight: 200;
}

.credit {
  color: #fff;
  letter-spacing: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
}

.credit-black {
  color: #000;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  text-decoration: none;
}

.work-body-white {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.motion-display-div-817-version {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  max-width: 100%;
  display: block;
}

.project-display-grid-gundam {
  grid-row-gap: 40px;
  grid-template: "Area-3 . . ."
                 "Area-6 Area-7 Area-8 Area-9"
                 "Area-10 Area-11 Area-12 Area-13"
                 "Area-14 Area-15 Area-16 Area-17"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.project-page-small-titles-copy {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 100px 0 30px 20px;
  font-family: Neuemachina, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 24px;
  display: block;
}

.project-page-small-titles-no-margine {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 50px 0 10px;
  font-family: Neuemachina, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 50px;
  display: block;
}

.motion-display-div-casio {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.image-36 {
  flex: 0 auto;
  max-height: 100%;
}

.project-display-grid-master-chef {
  grid-row-gap: 16px;
  grid-template: "Area Area Area"
                 "Area-4 Area-4 Area-4"
                 "Area-8 Area-8 Area-8"
                 "Area-10 Area-10 Area-10"
                 / 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 0;
}

.project-category-with-margine {
  color: #acacac;
  text-align: right;
  margin: 50px 20px 30px 30px;
  font-family: Neuemachina, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 18px;
}

.project-end-line {
  background-color: #000;
  border: 1px solid #000;
  border-bottom-width: 0;
  flex-direction: column;
  justify-content: flex-end;
  height: 1px;
  margin-top: 0;
  display: flex;
}

.project-display-div-no-country-for-old-men {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  max-width: 100%;
  margin-top: -100px;
  display: none;
}

.project-display-grid-no-country-for-old-men {
  grid-row-gap: 16px;
  grid-template: "Area-4 Area-4 Area-4 Area-4"
                 "Area-5 Area-5 Area-6 Area-6"
                 "Area-7 Area-7 Area-7 Area-7"
                 "Area-8 Area-8 Area-8 Area-8"
                 "Area-9 Area-9 Area-10 Area-10"
                 "Area-11 Area-11 Area-11 Area-11"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.text-span-4 {
  font-style: normal;
  text-decoration: none;
}

.div-block-zhi {
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  max-width: 65%;
  max-height: 65%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.end-project-grid {
  grid-row-gap: 5px;
  background-color: #ff5842;
  grid-template: "Area-5 Area-5 Area-5"
                 "Area Area Area"
                 "Area-2 Area-2 Area-2"
                 "Area-6 Area-6 Area-6"
                 "Area-7 Area-7 Area-7"
                 / 1fr 1fr 1fr;
  place-items: end stretch;
  margin-top: 200px;
  margin-bottom: 100px;
}

.project-ending-quotes {
  color: #000;
  text-align: center;
  letter-spacing: -1px;
  text-transform: lowercase;
  margin: 30px 50px 25px;
  font-family: Neuemachina, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.project-display-grid-cubism-grill-frames {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 Area-5 ."
                 "Area-6 Area-7 Area-8 Area-9"
                 "Area-10 Area-11 Area-12 Area-13"
                 "Area-14 Area-15 Area-16 Area-17"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 0;
  margin-right: 0;
}

.project-display-grid-cubism-grill-design {
  grid-row-gap: 16px;
  grid-template: "Area-3 Area-3 . ."
                 "Area-6 Area-6 Area-9 Area-9"
                 "Area-10 Area-10 Area-11 Area-11"
                 "Area-12 Area-12 Area-13 Area-13"
                 "Area-14 Area-14 Area-15 Area-15"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 50px;
  margin-right: 50px;
}

.project-page-little-captions-flash-right {
  color: #a1a1a1;
  text-align: right;
  letter-spacing: 0;
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 200;
  line-height: 27px;
}

.project-display-grid-cubism-grill-sketch {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 Area-5 Area-20"
                 "Area-11 Area-12 Area-17 ."
                 "Area-14 Area-14 . ."
                 ". Area-6 Area-7 Area-8"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin: 100px 50px 200px;
}

.project-page-small-titles-no-margine-40-px {
  color: #fff;
  text-align: left;
  letter-spacing: -5px;
  text-transform: lowercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 9px 0 25px;
  font-family: Neuemachina, sans-serif;
  font-size: 120px;
  font-weight: 200;
  line-height: 110px;
  display: block;
}

.project-page-small-titles-no-margine-grill {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 50px 0 -10px;
  font-family: Neuemachina, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 50px;
  display: block;
}

.project-display-grid-golds-gym {
  grid-row-gap: 16px;
  grid-template: "Area Area Area"
                 "Area-4 Area-4 Area-4"
                 "Area-8 Area-8 Area-8"
                 "Area-10 Area-10 Area-10"
                 ". . ."
                 / 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 0;
}

.project-page-small-titles-16-px {
  color: #fff;
  text-align: left;
  letter-spacing: -5px;
  text-transform: lowercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 50px 0 50px 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 120px;
  font-weight: 200;
  line-height: 110px;
  display: block;
}

.project-display-grid-golds-gym-margine {
  grid-row-gap: 16px;
  grid-template: "Area-3 Area-3 Area-3 ."
                 "Area-4 Area-4 Area-5 Area-5"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 100px;
  margin-left: 50px;
  margin-right: 50px;
}

.project-display-grid-stawberry-01 {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3"
                 "Area-6 Area-7"
                 / 1fr 1fr;
  place-items: start stretch;
  margin-top: 0;
  margin-left: 50px;
  margin-right: 50px;
}

.project-display-grid-stawberry-frames {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 Area-8"
                 "Area-6 Area-7 Area-9"
                 "Area-10 Area-12 Area-14"
                 "Area-11 Area-13 Area-15"
                 / 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 0;
  margin-right: 0;
}

.project-page-small-titles-40-px {
  color: #fff;
  text-align: left;
  letter-spacing: -5px;
  text-transform: lowercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 50px 0 25px 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 120px;
  font-weight: 200;
  line-height: 110px;
  display: block;
}

.project-page-small-titles-no-margine-40-px-copy {
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-transform: lowercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 0 0 -10px;
  font-family: Neuemachina, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 50px;
  display: block;
}

.project-display-grid-gundam-storyboard {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 . Area-7"
                 "Area-6 Area-6 Area-6 Area-6"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 50px;
  margin-right: 50px;
  display: none;
}

.project-page-small-titles-no-margins-16-px-copy {
  color: #fff;
  text-align: left;
  letter-spacing: -5px;
  text-transform: lowercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 50px 0;
  font-family: Neuemachina, sans-serif;
  font-size: 120px;
  font-weight: 200;
  line-height: 110px;
  display: block;
}

.project-display-grid-master-chef-sketch {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 Area-5"
                 "Area Area Area"
                 / 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 50px;
  margin-right: 50px;
}

.project-display-grid-no-country-for-old-men-process {
  grid-row-gap: 16px;
  grid-template: "Area-3 Area-3 . ."
                 "Area-4 Area-5 Area-6 Area-7"
                 "Area-11 Area-12 Area-9 Area-8"
                 "Area-13 Area-14 Area-10 Area-15"
                 "Area-17 Area-18 Area-19 Area-16"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 50px;
  margin-right: 50px;
}

.project-display-grid-golds-gym-sketch {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 Area-5 ."
                 "Area-6 Area-7 Area-8 Area-9"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 100px;
  margin-left: 50px;
  margin-right: 50px;
}

.brand {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 50px;
  display: flex;
}

.main-nav {
  background-color: #0000;
  flex-direction: row;
  align-self: center;
  display: flex;
  position: relative;
}

.michael-wang {
  color: #fff;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 20px 0;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 400;
  display: none;
  position: static;
}

.main-nav-container {
  max-height: Infinity% ;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #0000;
  -webkit-text-fill-color: inherit;
  background-color: #0000005c;
  background-clip: border-box;
  justify-content: space-between;
  max-width: 100%;
  height: auto;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.my-name-left {
  justify-content: flex-start;
  display: block;
  position: static;
}

.main-nav-menu {
  flex: 0 auto;
  position: static;
}

.nav-right {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-left: 50px;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: static;
}

.nav-right:hover {
  outline-offset: 0px;
  color: #fff;
  outline: 3px #fff;
  text-decoration: underline;
}

.nav-right.w--current {
  color: #fff;
}

.nav-right.w--current:hover {
  font-size: 20px;
  font-weight: 500;
}

.nav-link-6 {
  color: #fff;
  font-family: Neuemachina, sans-serif;
  position: static;
}

.nav-link-7 {
  position: static;
}

.menu-button-2 {
  position: sticky;
}

.project-concept-paragraph {
  direction: ltr;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.project-display-grid-emo-process {
  grid-row-gap: 16px;
  grid-template: "Area-3 Area-3 . ."
                 "Area-22 Area-16 Area-17 Area-9"
                 "Area-18 Area-19 Area-20 Area-21"
                 "Area-23 Area-24 Area-25 Area-26"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 0;
  margin-left: 50px;
  margin-right: 50px;
}

.project-display-grid-emo-frames {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 . . ."
                 "Area-22 Area-16 Area-17 Area-9 Area-27"
                 "Area-18 Area-19 Area-20 Area-21 Area-28"
                 / 1fr 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 0;
  margin-right: 0;
}

.works-page-card-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area"
                 "Area-4"
                 "Area-3"
                 / 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: stretch;
  width: 21vw;
  height: auto;
  margin-bottom: 130px;
  margin-left: 15px;
  margin-right: 15px;
  display: grid;
}

.works-page-circle {
  color: #333;
  width: 13px;
  max-width: none;
  margin-top: 30px;
  margin-right: 30px;
}

.works-page-image {
  aspect-ratio: 1;
  width: 21vw;
  max-width: none;
  height: 21vw;
  margin-left: 0;
  margin-right: 0;
  position: sticky;
}

.background-video-20 {
  max-width: 70%;
}

.works-page-video {
  object-fit: contain;
  background-color: #fff0;
  flex-direction: column;
  align-items: center;
  width: 21vw;
  max-width: none;
  height: 21vw;
  max-height: none;
  display: block;
  position: relative;
}

.background-video-22 {
  width: 250px;
  height: 250px;
}

.image-38 {
  width: 250px;
  height: 250%;
}

.project-display-grid-memento-sequence {
  grid-row-gap: 16px;
  grid-template: "Area-3 Area-11 Area-5 ."
                 "Area-12 Area-12 Area-12 Area-12"
                 "Area-13 Area-13 Area-14 Area-14"
                 "Area-15 Area-15 Area-15 Area-15"
                 ". . . ."
                 "Area-10 Area-10 Area-10 Area-10"
                 "Area-16 Area-16 Area-16 Area-16"
                 / 1fr 1fr 1fr 1fr;
  place-content: stretch space-around;
  place-items: start center;
  margin-top: 100px;
}

.project-display-grid-memento-process {
  grid-row-gap: 16px;
  grid-template: "Area-3 Area-11 Area-5"
                 "Area-22 Area-17 Area-18"
                 "Area-13 Area-19 Area-23"
                 "Area-24 Area-20 Area-21"
                 "Area-25 Area-25 Area-26"
                 / 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 50px;
  margin-right: 50px;
}

.project-page-little-captions-flash-left {
  color: #a1a1a1;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 25px;
  font-weight: 200;
  line-height: 27px;
}

.project-page-little-captions-bbqgrill {
  color: #a1a1a1;
  text-align: left;
  margin-top: -25px;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 20px;
}

.paragraph-9 {
  text-align: center;
}

.play-card-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  grid-template-areas: "Area"
                       "Area-2";
  margin-bottom: 30px;
  display: grid;
}

.play-page-video {
  width: 18.4vw;
  height: 18.4vw;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: sticky;
}

.play-page-image {
  align-self: center;
  width: 18.4vw;
  max-width: none;
  height: 18.4vw;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
}

.play-page-grid {
  grid-column-gap: 15px;
  grid-row-gap: 3vw;
  grid-template: "Area-54 Area-51 Area-53 Area-50 Area"
                 "Area-3 Area-4 Area-5 Area-7 Area-8"
                 "Area-9 Area-14 Area-15 Area-17 Area-21"
                 "Area-23 Area-25 Area-26 Area-27 Area-28"
                 "Area-29 Area-33 Area-34 Area-35 Area-36"
                 "Area-40 Area-42 Area-43 Area-44 Area-48"
                 "Area-49 . . . ."
                 / 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  place-items: stretch center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.main-nav-container-white {
  max-height: Infinity% ;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #0000;
  -webkit-text-fill-color: inherit;
  background-color: #e4e4e48c;
  background-clip: border-box;
  justify-content: space-between;
  max-width: 100%;
  height: 75px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.michael-wang-black {
  color: #000;
  letter-spacing: -1px;
  text-transform: lowercase;
  padding: 20px 20px 20px 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 200;
  position: static;
}

.michael-wang-black:hover {
  text-transform: lowercase;
  font-weight: 200;
}

.main-nav-menu-white-bg {
  flex: 0 auto;
  position: static;
}

.nav-right-black {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-top: 28px;
  padding-right: 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: static;
}

.nav-right-black:hover {
  text-decoration: underline;
}

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

.container-play-display {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin-top: 13vw;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  inset: 0%;
}

.project-display-grid-casio-overview {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 . ."
                 "Area-4 Area-4 Area-5 Area-5"
                 "Area-10 Area-10 Area-7 Area-7"
                 "Area-9 Area-9 Area-8 Area-8"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 50px;
  display: none;
}

.casio-paragraph-flash-left {
  color: #5d5d5d;
  margin-bottom: 3vw;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.casio-title {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
}

.casio-paragraph-flash-right {
  color: #5d5d5d;
  text-align: right;
  margin-bottom: 3vw;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.paragraph-10 {
  color: #fff;
  text-align: center;
  font-family: roc-grotesk, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 60px;
}

.project-display-grid-casio-taglines {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template: "Area-2 Area-2 Area-2 Area-2"
                 "Area Area Area Area"
                 "Area-4 Area-5 Area-3 Area-3"
                 ". Area-10 Area-6 Area-6"
                 ". Area-11 Area-7 Area-7"
                 ". Area-12 Area-8 Area-8"
                 ". Area-13 Area-9 Area-9"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 50px;
  display: none;
}

.tagline-big {
  color: #fff;
  text-align: center;
  margin-top: 3vw;
  margin-bottom: 3vw;
  font-family: roc-grotesk, sans-serif;
  font-size: 6vw;
  font-weight: 500;
  line-height: 6vw;
}

.casio-title-taglines {
  color: #a1a1a1;
  text-align: center;
  text-transform: capitalize;
  margin-top: 200px;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.div-rule {
  background-color: #fff;
  height: 1px;
}

.casio-paragraph-tagline-flash-left {
  color: #5d5d5d;
  margin-bottom: 0;
  font-family: roc-grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
  position: relative;
}

.paragraph-12 {
  text-align: right;
  line-height: 50px;
}

.casio-title-taglines-g-shock {
  color: #ff4f38;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: roc-grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
  position: static;
}

.casio-title-taglines-timepiece {
  color: #ffba33;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
}

.casio-title-taglines-ek {
  color: #5799d6;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: roc-grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
}

.casio-title-taglines-calculator {
  color: #177059;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: roc-grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
}

.casio-title-taglines-dd {
  color: #ff3352;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: roc-grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
}

.project-display-grid-casio-logo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-2 Area-2 Area-2 Area-2"
                 "Area-5 Area-5 Area-5 Area-5"
                 "Area-4 Area-4 Area-4 Area-4"
                 "Area-6 Area-6 Area-6 ."
                 "Area-11 Area-11 Area-11 Area-11"
                 "Area-9 . Area-10 ."
                 "Area-7 Area-7 Area-8 Area-8"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin: 200px 0 100px;
  display: none;
}

.image-39 {
  width: 100%;
  margin-bottom: -100px;
  margin-left: 200px;
  margin-right: 200px;
}

.project-page-little-captions-casio-margines {
  color: #a1a1a1;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 20px;
}

.project-display-grid-casio-brand-color {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-10 Area-10 . ."
                 "Area-11 Area-11 Area-11 Area-11"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin: 100px 50px;
  display: none;
}

.project-display-grid-casio-type {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-10 Area-10 . ."
                 "Area-12 Area-11 Area-13 Area-14"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin: 200px 50px 100px;
  display: none;
}

.casio-type-roc-grotesk {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: roc-grotesk, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
}

.casio-type-neue-machina {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 2vw;
}

.casio-type-roc-grotesk-paragraph {
  color: #a1a1a1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: roc-grotesk, sans-serif;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 1.7vw;
}

.casio-type-neue-machina-paragraph {
  color: #a1a1a1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.7vw;
}

.roc-grotesk-small {
  font-size: 20px;
  line-height: 20px;
}

.project-display-grid-casio-graphic-elements {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-10 Area-10 Area-10 Area-10 Area-10"
                 "Area-13 Area-14 Area-15 Area-16 Area-17"
                 "Area-18 Area-19 Area-20 Area-21 Area-22"
                 "Area-12 Area-12 Area-12 Area-12 Area-12"
                 / 1fr 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 50px;
  margin-right: 50px;
  display: none;
}

.project-display-grid-casio-posters {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-14 Area-14 Area-14 Area-14 Area-14"
                 "Area-11 Area-11 Area-11 Area-11 Area-11"
                 "Area-12 Area-12 Area-12 Area-13 Area-13"
                 / 1fr 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.project-display-grid-casio-website-and-app {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-10 Area-10 Area-10 . ."
                 "Area-14 Area-14 Area-14 Area-14 Area-14"
                 / 1fr 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.identity-poster-lottie {
  margin-top: 0;
}

.project-display-grid-taibo-process {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-10 . . Area-20"
                 "Area-11 Area-11 Area-12 Area-12"
                 ". Area-13 . Area-14"
                 "Area-16 Area-15 Area-15 Area-15"
                 "Area-17 Area-17 Area-17 Area-18"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin: 200px 50px 100px;
  display: none;
}

.background-video-23 {
  width: 400px;
  height: 800px;
  display: block;
}

.div-block-19 {
  max-width: 100%;
  height: 1px;
}

.white-rule {
  color: #0000;
  background-color: #fff;
  max-width: 100%;
  height: 50px;
  margin-top: 0;
  margin-left: 50px;
  margin-right: 50px;
  padding-bottom: 0;
}

.project-page-circle {
  text-align: left;
  width: 15px;
  margin-bottom: 15px;
  margin-right: 50px;
}

.white-rule-1px-margine {
  color: #0000;
  background-color: #fff;
  max-width: 100%;
  height: 4px;
  margin-top: -10px;
  margin-left: 50px;
  margin-right: 50px;
  padding-bottom: 0;
}

.white-rule-1px-no-margine {
  color: #0000;
  background-color: #fff;
  max-width: 100%;
  height: 4px;
  margin-top: -10px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
}

.project-page-circle-no-margine {
  text-align: left;
  width: 15px;
  margin-bottom: 15px;
  margin-right: 0;
}

.project-page-small-titles-16-px-center {
  color: #fff;
  text-align: left;
  letter-spacing: -2px;
  text-transform: lowercase;
  border: 0 solid #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 100px 0 -20px 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 50px;
  font-weight: 200;
  line-height: 52px;
  display: block;
}

.role {
  color: #ffc9a5;
  text-align: center;
  text-transform: lowercase;
  border: 1px solid #000;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 17px;
}

.programs {
  color: #a5baff;
  text-align: center;
  text-transform: lowercase;
  border: 1px solid #000;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 17px;
}

.collaborator {
  color: #ff4517;
  text-align: center;
  text-transform: lowercase;
  border: 1px solid #000;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 17px;
}

.instrctor {
  color: #62efff;
  text-align: center;
  text-transform: lowercase;
  border: 1px solid #000;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 17px;
}

.concept {
  color: #ff5f45;
  text-align: left;
  text-transform: lowercase;
  border: 1px solid #000;
  margin-bottom: 0;
  margin-left: 300px;
  margin-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 14px;
}

._00-bold {
  font-weight: 500;
}

.image-40, .image-41 {
  margin-top: 150px;
}

.text-span-5 {
  font-weight: 500;
}

.project-page-little-captions-flash-left-50px-indent {
  color: #a1a1a1;
  text-align: left;
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 200;
  line-height: 27px;
}

.div-block-20 {
  height: 50px;
}

.image-42 {
  margin-top: 0;
}

.image-43, .image-44, .image-45, .image-46 {
  margin-top: 50px;
}

.image-47 {
  margin-top: 50px;
  margin-bottom: 20px;
}

.image-49, .image-50, .image-51 {
  margin-top: 0;
}

.image-52 {
  margin-bottom: 0;
}

.image-53, .image-54 {
  margin-top: 40px;
}

.project-display-grid-cubism-grill-3d-modeling {
  grid-row-gap: 40px;
  grid-template: "Area-3 Area-3 Area-5 Area-20"
                 "Area-6 Area-6 Area-8 Area-8"
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 200px;
  margin-left: 50px;
  margin-right: 50px;
}

.image-55 {
  object-fit: fill;
  position: relative;
}

.image-56, .image-57 {
  object-fit: scale-down;
  position: relative;
}

.project-display-grid-memento {
  grid-row-gap: 16px;
  grid-template: "Area-6 Area-6 Area-6"
                 "Area-7 Area-9 Area-9"
                 "Area-8 Area-9 Area-9"
                 "Area-10 Area-10 Area-10"
                 "Area-11 Area-11 Area-11"
                 / 1fr 1fr 1fr;
  place-items: start stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.works-number {
  color: #fff;
  margin-top: 0;
  margin-bottom: 15px;
  margin-right: 5px;
  font-family: Neuemachina, sans-serif;
  font-size: 25px;
  font-weight: 200;
  line-height: 25px;
  display: none;
}

.works-card-link {
  -webkit-text-stroke-color: #fff;
  text-decoration: none;
}

.ending-project-00-grid {
  grid-row-gap: 5px;
  background-color: #0000;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "Area Area-2 Area-3 Area-4 Area-5"
                       "Area-6 Area-7 Area-8 Area-9 Area-10";
  margin-bottom: 0;
  margin-left: 50px;
  margin-right: 50px;
}

.link {
  text-align: center;
}

.project-ending-00 {
  color: #fff;
  text-align: center;
  width: 50px;
  padding: 5px 0;
  font-family: Neuemachina, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}

.project-ending-00:hover {
  text-decoration: underline;
}

.project-ending-00.w--current {
  width: 50px;
}

.project-ending-00.w--current:hover {
  text-decoration: underline;
}

.lottie-animation {
  width: 100%;
  height: 100%;
}

.container-15 {
  max-width: 100%;
  max-height: 100%;
}

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

.hortzontal-lottie-animation {
  z-index: 0;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  position: fixed;
  overflow: visible;
}

.grid-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  display: grid;
}

.home-nav {
  z-index: 9;
  mix-blend-mode: normal;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: static;
}

.home-works-link {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 40px;
}

.home-nav-menu {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: auto;
}

.home-nav-container {
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.grid-8 {
  align-self: auto;
}

.home-main-grid {
  grid-template: "Area-2"
                 "Area"
                 "Area-3"
                 / 1fr;
  align-self: auto;
  width: 100%;
}

.heading {
  color: #fff;
  text-align: right;
  font-family: Neuemachina, sans-serif;
}

.heading-2 {
  z-index: 9;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 0;
  margin-left: 30px;
  font-family: Neuemachina, sans-serif;
  font-size: 100px;
  font-weight: 200;
  line-height: 90px;
  position: relative;
}

.home-info-grid {
  z-index: 99;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  grid-template: "Area Area-4 . ."
                 "Area-2 Area-5 . ."
                 "Area-3 Area-6 Area-7 Area-7"
                 / .5fr 1fr 1fr 1fr;
  justify-content: stretch;
  justify-items: stretch;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 30px;
  position: relative;
  bottom: 0;
  left: 0;
}

.info-00 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
}

.info-link {
  z-index: 9;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
  text-decoration: none;
  position: relative;
}

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

.home-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #000;
  flex-direction: row;
  grid-template: "Area-6 Area-6 . . . ."
                 "Area-3 . Area Area . ."
                 ". . Area Area . ."
                 "Area-7 Area-7 Area-7 Area-7 Area-7 Area-7"
                 "Area-2 Area-2 . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  align-items: stretch;
  margin-bottom: 0;
  display: grid;
}

.home-paragraph {
  z-index: 9;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  width: 150px;
  margin: -50px 0 0;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 20px;
  text-decoration: none;
  position: relative;
}

.info-copyright {
  z-index: 9;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0;
  margin-left: 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 200;
  text-decoration: none;
  position: relative;
}

.about-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin-top: 13vw;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  inset: 0%;
}

.image-62 {
  max-width: none;
}

.image-63 {
  max-height: 100%;
}

.info-link-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  grid-template: "Area Area-2 Area-3 Area-4"
  / 1fr 1fr 1fr 1fr;
  margin-top: 0;
  margin-bottom: 150px;
  text-decoration: none;
  display: none;
}

.about-page-info-link {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
}

.about-page-info-link:hover {
  text-decoration: underline;
}

.div-block-22 {
  max-width: 100%;
  height: 200px;
}

.paragraph-13 {
  z-index: 9;
  position: relative;
}

.div-block-23 {
  height: auto;
}

.home-play-link, .home-about-link {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 15px;
  font-family: Neuemachina, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 40px;
}

.div-block-24 {
  background-color: #000;
  height: 1px;
}

.works-ending-info {
  background-color: #c2c2c2;
  grid-template: "Area-3 Area-2 Area-2 Area"
  / 1fr 1fr 1fr 1fr;
  margin-top: -6px;
  margin-left: 0;
  margin-right: 0;
}

.works-end-info-paragraph {
  color: #000;
  text-transform: uppercase;
  margin: 15px 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.works-end-info-paragraph:hover {
  text-decoration: underline;
}

.works-end-copyright {
  color: #000;
  text-transform: uppercase;
  margin: 15px 50px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.works-end-copyright:hover {
  text-decoration: none;
}

.main-brand {
  align-items: center;
  margin-left: 50px;
  display: flex;
}

.main-nav-bar {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #0000008c;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  display: block;
  position: fixed;
}

.container-16 {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.brand-2 {
  margin-left: 50px;
  display: block;
}

.nav-link-8 {
  text-align: center;
  display: inline-block;
}

.nav-link-9, .nav-link-10 {
  text-align: center;
}

.nav-menu-main {
  margin-left: 0;
  margin-right: 50px;
}

.paragraph-14 {
  align-self: center;
  margin-bottom: 0;
  padding: 20px;
}

.white-main-nav-container {
  max-height: Infinity% ;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #0000;
  -webkit-text-fill-color: inherit;
  background-color: #e7e7e75c;
  background-clip: border-box;
  justify-content: space-between;
  max-width: 100%;
  height: auto;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.black-michael-wang {
  color: #000;
  letter-spacing: -.5px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 20px 0;
  font-family: Neuemachina, sans-serif;
  font-size: 30px;
  font-weight: 400;
  position: static;
}

.black-nav-right {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-left: 50px;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: static;
}

.black-nav-right:hover {
  outline-offset: 0px;
  color: #000;
  outline: 3px #fff;
  text-decoration: underline;
}

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

.black-nav-right.w--current:hover {
  font-size: 20px;
  font-weight: 500;
}

.end-copyright-email {
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  background-color: #ff5f4500;
  grid-template: "Area Area Area Area"
  / 1fr 1fr 1fr 1fr;
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.end-info {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin: 7px 50px 5px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.end-info:hover {
  text-decoration: underline;
}

.end-info-copyright {
  color: #fff;
  text-align: center;
  text-transform: lowercase;
  margin: 0 0 1vw;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.end-info-copyright:hover {
  text-decoration: none;
}

.end-copyright-email-black {
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  background-color: #000;
  grid-template: "Area Area Area-2 Area-2"
  / 1fr 1fr 1fr 1fr;
  max-width: 100%;
  height: auto;
}

.end-info-copyright-white {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 7px 50px 5px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.end-info-copyright-white:hover {
  text-decoration: none;
}

.end-info-white {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 7px 50px 5px;
  font-family: Neuemachina, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.end-info-white:hover {
  text-decoration: underline;
}

.lottie-animation-2 {
  width: 100%;
  position: absolute;
}

.verticallottie-animation {
  width: 100%;
  display: none;
  position: fixed;
}

.about-page-info-text {
  width: 300px;
  font-size: 15px;
  font-weight: 200;
  line-height: 15px;
}

.text-span-7, .text-span-8, .text-span-9, .text-span-10, .text-span-11, .text-span-12, .text-span-13, .text-span-14 {
  font-size: 15px;
  font-weight: 200;
  line-height: 15px;
}

.main-page-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: none;
  height: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  display: grid;
}

.grid-9 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  justify-items: stretch;
  margin-left: 40px;
  margin-right: 40px;
}

.new-works-projects-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.works-single-project-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 100px;
}

.image-64 {
  flex: 0 auto;
  display: block;
  position: relative;
}

.navbar-5 {
  background-color: #000;
}

.new-nav-bar-black {
  background-color: #0000;
  flex: 0 auto;
  position: fixed;
}

.logo-and-name-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  max-width: none;
  height: auto;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
  display: block;
}

.logo-white-link.w--current {
  padding-bottom: 0;
  position: static;
}

.logo-white-image {
  max-width: 13vw;
  margin-top: .3vw;
  margin-right: 0;
  padding-top: 0;
  display: none;
  position: static;
  overflow: hidden;
}

.nav-bar-container {
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  grid-template: "Area Area-2 Area-3 Area-3 Area-5 Area-5 Area-5"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.paragraph-15 {
  font-family: Nbinternationalprobol, sans-serif;
  font-size: 20px;
}

.new-nav-bar-name-white {
  color: #fff;
  text-transform: uppercase;
  margin-top: .7vw;
  margin-left: -1.5vw;
  padding-top: 0;
  font-family: Nbinternationalprobol, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.7vw;
  text-decoration: none;
  display: block;
  position: static;
}

._2023 {
  font-family: Nbinternationalprolig, sans-serif;
  font-size: .8vw;
  font-weight: 300;
  line-height: 1.5vw;
}

.new-nav-bar-type-white {
  direction: ltr;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  overflow-wrap: normal;
  width: auto;
  margin-top: .7vw;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1.9vw;
  font-style: normal;
  line-height: 1.4vw;
}

.new-nav-bar-type-white.w--current {
  color: #fff;
  width: auto;
  margin-top: .7vw;
  padding-left: 3vw;
  font-size: 1.9vw;
}

.new-nav-menu {
  aspect-ratio: auto;
  object-fit: fill;
  flex-wrap: nowrap;
  justify-content: flex-end;
  max-width: none;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: relative;
}

.new-nav-bar-title-type-white {
  direction: ltr;
  color: #fff;
  text-transform: uppercase;
  overflow-wrap: normal;
  margin-top: .7vw;
  margin-left: -1vw;
  padding-top: 0;
  padding-left: 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1.9vw;
  font-style: normal;
  line-height: 1.7vw;
}

.navbar-6 {
  display: none;
}

.new-nav-bar-name-black {
  color: #000;
  text-transform: uppercase;
  margin-top: .7vw;
  padding-top: 0;
  font-family: Nbinternationalprobol, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.7vw;
  text-decoration: none;
  display: block;
  position: static;
}

.paragraph-16 {
  margin-top: .7vw;
}

.paragraph-17 {
  color: #000;
  text-transform: uppercase;
  margin-top: .7vw;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 1.5vw;
  line-height: 1.4vw;
}

.new-nav-bar-type-black {
  direction: ltr;
  color: #000;
  text-align: right;
  text-transform: uppercase;
  overflow-wrap: normal;
  width: auto;
  margin-top: .7vw;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1.5vw;
  font-style: normal;
  line-height: 1.4vw;
}

.new-nav-bar-type-black.w--current {
  color: #000;
  width: auto;
  margin-top: .7vw;
  padding-left: 3vw;
}

.new-nav-mw-link-block, .new-nav-mw-link-block.w--current {
  text-decoration: none;
}

.new-project-discription {
  grid-template: "Area-2 Area-3 Area-4 Area-5 Area-5 Area-5"
                 "Area-7 Area-8 Area-9 Area-6 Area-6 Area-6"
                 ". . . Area-6 Area-6 Area-6"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 6.5vw;
  margin-left: 10vw;
  margin-right: 10vw;
}

._235-video {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.project-page-category {
  color: #a5baff;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 15px 0 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1vw;
}

.project-body-text {
  color: #fff;
  margin-top: .4vw;
  margin-bottom: 0;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: .9vw;
  font-weight: 400;
  line-height: 1.2vw;
  text-decoration: none;
}

.project-head {
  font-size: 1.2vw;
  line-height: 1.3vw;
}

.project-body-text-left {
  color: #5d5d5d;
  letter-spacing: -.02vw;
  margin-top: .35vw;
  margin-bottom: 0;
  font-family: Nbinternationalpromono, sans-serif;
  font-size: .7vw;
  font-weight: 400;
  line-height: .9vw;
  text-decoration: none;
}

.sub-title-grid {
  grid-template: "Area Area Area"
  / 1fr 1fr 1fr;
  margin-top: 6vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.sub-title {
  color: #faa700;
  margin-bottom: 0;
  font-family: Nbinternationalprobol, sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 1.5vw;
}

.gundam-selected-frames-grid {
  grid-template: "Area Area-2 Area-3 Area-4"
                 "Area-5 Area-6 Area-7 Area-8"
                 "Area-9 Area-10 Area-11 Area-12"
                 / 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base, .project-grid-base-copy {
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-copy.gundam-story-board {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-65 {
  width: 100%;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
  display: block;
}

.gundam-storyboard {
  grid-template-rows: auto;
  grid-template-areas: "Area Area";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.sketch {
  width: 100%;
  height: 100%;
}

.project-grid-taibo-process {
  grid-template-rows: auto auto auto auto auto;
  grid-template-areas: ". Area-2"
                       ". Area-3"
                       "Area-4 Area-4"
                       "Area-5 Area-5"
                       "Area-6 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-66 {
  width: 100%;
}

.new-project-caption {
  color: #a5baff;
  text-align: left;
  letter-spacing: -.01vw;
  margin-bottom: 0;
  font-family: Nbinternationalpromono, sans-serif;
  font-size: .8vw;
  line-height: 1vw;
}

.image-67, .image-68 {
  width: 100%;
}

.image-69 {
  margin-top: 3vw;
}

.new-nav-bar-name-white-copy {
  color: #fff;
  text-transform: uppercase;
  margin-top: .7vw;
  padding-top: 0;
  font-family: Nbinternationalprobol, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.7vw;
  text-decoration: none;
  display: block;
  position: static;
}

.new-nav-bar-name-black-version {
  color: #000;
  text-transform: uppercase;
  margin-top: .7vw;
  margin-left: -1.5vw;
  padding-top: 0;
  font-family: Nbinternationalprobol, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.7vw;
  text-decoration: none;
  display: block;
  position: static;
}

.new-nav-bar-type-black-version {
  direction: ltr;
  color: #000;
  text-align: right;
  text-transform: uppercase;
  overflow-wrap: normal;
  width: auto;
  margin-top: .7vw;
  padding-top: 0;
  padding-left: 3vw;
  padding-right: 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1.9vw;
  font-style: normal;
  line-height: 1.4vw;
}

.new-nav-bar-type-black-version.w--current {
  color: #000;
  width: auto;
  margin-top: .7vw;
  padding-left: 3vw;
  font-size: 1.9vw;
}

.new-nav-bar-title-black-version {
  direction: ltr;
  color: #000;
  text-align: left;
  text-transform: uppercase;
  overflow-wrap: normal;
  width: auto;
  margin-top: .7vw;
  margin-bottom: 0;
  margin-left: -1vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1.9vw;
  font-style: normal;
  line-height: 1.7vw;
}

.new-nav-bar-title-black-version.w--current {
  color: #000;
  width: auto;
  margin-top: .7vw;
  padding-left: 3vw;
  font-size: 1.9vw;
}

.new-about-page-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2 Area-17 Area-17"
                 "Area Area-2 Area-17 Area-17"
                 "Area-14 Area-13 Area-15 Area-16"
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  place-items: start;
  max-width: 100%;
  margin-bottom: 10vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
  display: grid;
}

.info-body-text {
  color: #000;
  margin-bottom: 0;
  margin-left: 1vw;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.image-70 {
  width: 20vw;
  margin-top: 0;
  margin-bottom: 3vw;
  margin-left: 1vw;
}

.text-span-15 {
  font-family: Nbinternationalprobol, sans-serif;
  font-weight: 700;
}

.info-page-info {
  color: #000;
  margin-top: 15vw;
  margin-bottom: 0;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 3vw;
  text-decoration: none;
}

.info-body-text-copy {
  color: #000;
  letter-spacing: normal;
  margin-top: 15vw;
  margin-bottom: 0;
  margin-left: 1vw;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.text-span-16, .text-span-17 {
  font-family: Nbinternationalprobol, sans-serif;
}

.text-span-18 {
  font-family: Nbinternationalprobol, sans-serif;
  font-weight: 700;
}

.text-span-19 {
  font-family: Nbinternationalprobol, sans-serif;
}

.text-span-20, .text-span-21 {
  font-family: Nbinternationalpromed, sans-serif;
  font-weight: 500;
}

.text-span-22, .text-span-23, .text-span-24, .text-span-25, .text-span-26, .text-span-27, .text-span-28 {
  font-family: Nbinternationalpromed, sans-serif;
}

.text-span-29 {
  font-family: Nbinternationalproligita, sans-serif;
  font-weight: 300;
}

.text-span-30 {
  font-family: Nbinternationalproligita, sans-serif;
}

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

.text-span-31 {
  font-family: Nbinternationalproreg, sans-serif;
  line-height: 23px;
}

.text-span-32, .text-span-33, .text-span-34, .text-span-35, .text-span-36, .info-body-text-copy-bold, .text-span-38, .text-span-39 {
  font-family: Nbinternationalprobol, sans-serif;
}

.text-span-40, .text-span-41 {
  font-family: Nbinternationalproita, sans-serif;
}

.info-page-statment-div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.image-71, .image-72 {
  max-height: 100%;
}

.image-74 {
  vertical-align: baseline;
}

.my-info-grid {
  grid-template: "Area Area-2 Area-3 Area-4"
  / 1fr 1fr 1fr 1fr;
}

.end-info-copyright-black {
  color: #000;
  text-align: center;
  text-transform: lowercase;
  margin: 0 0 1vw;
  font-family: Nbinternationalprolig, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.end-info-copyright-black:hover {
  text-decoration: none;
}

._16-9-video {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.new-project-discription-mirage {
  grid-template: "Area-2 Area-2 Area-2 . Area-5 Area-5 Area-5 Area-5"
                 "Area-2 Area-2 Area-2 . Area-6 Area-6 Area-6 Area-6"
                 "Area-2 Area-2 Area-2 . Area-6 Area-6 Area-6 Area-6"
                 "Area-3 . . . . . . ."
                 "Area-3 . . . . . . ."
                 "Area-3 . . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 6.5vw;
  margin-left: 10vw;
  margin-right: 10vw;
}

.text-span-42 {
  font-family: Nbinternationalproita, sans-serif;
}

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

.project-grid-base-mirage-selected-frames {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-3"
                       "Area-4 Area-5"
                       "Area-6 Area-7"
                       "Area-8 Area-9"
                       "Area-10 Area-11"
                       "Area-12 Area-13"
                       "Area-14 Area-15"
                       "Area-16 Area-16"
                       "Area-17 Area-18"
                       "Area-19 Area-20"
                       "Area-21 Area-22"
                       "Area-23 Area-24"
                       "Area-25 Area-25"
                       "Area-26 Area-27"
                       "Area-28 Area-29"
                       "Area-30 Area-30"
                       "Area-31 Area-32";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-posters {
  grid-row-gap: 16px;
  grid-template: "Area-9 Area-3 Area-5 Area-7 Area"
                 "Area-2 Area-4 Area-6 Area-8 Area-10"
                 / 1fr 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-poster-process {
  grid-template: "Area Area-2 Area-3 Area-4"
  / 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-break {
  height: 5vw;
}

.project-grid-base-mirage-premiere {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "Area Area Area-2 Area-2 Area-3 Area-3"
                       "Area-4 Area-4 Area-4 . . .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-cahractor {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area-2 Area"
                       "Area-3 Area-3"
                       "Area-4 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-mocap {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area-2 Area-2"
                       "Area-3 Area-3"
                       "Area Area-4";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-world-building {
  grid-template: "Area Area"
                 "Area-2 Area-2"
                 "Area-3 ."
                 / 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-coda {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-drone {
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-3"
                       "Area-4 Area-4"
                       "Area-6 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mirage-editing-compositing {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-75, .image-76 {
  max-height: 100%;
}

.project-grid-mirage-dream-machien {
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 ."
                       "Area-4 Area-4";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.background-video-24 {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.project-nav {
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-nav-text {
  color: #fff;
  margin-top: 5vw;
  margin-bottom: 2vw;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 2vw;
  line-height: 2vw;
  text-decoration: none;
}

.project-grid-base-no-country-for-old-men-process {
  grid-template: "Area Area-2 Area-3 Area-4"
                 "Area-5 Area-6 Area-7 Area-8"
                 "Area-9 Area-10 Area-11 Area-12"
                 "Area-13 Area-14 Area-15 Area-16"
                 / 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.end-copyright-email-home {
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  background-color: #ff5f4500;
  grid-template: "Area Area Area Area"
  / 1fr 1fr 1fr 1fr;
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-casio-overview {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4"
                       "Area-5 Area-6"
                       "Area-7 Area-7"
                       "Area-8 Area-8"
                       "Area-9 Area-9"
                       "Area-12 Area-14"
                       "Area-13 Area-15"
                       "Area-10 Area-11"
                       "Area-18 Area-16"
                       "Area-19 Area-17";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.paragraph-18 {
  margin-bottom: 0;
}

.project-grid-base-casio-logo {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-3"
                       "Area-5 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-77 {
  max-height: 100%;
}

.casio-logo {
  margin-bottom: 2vw;
}

.project-grid-base-casio-brand-color {
  grid-template-rows: auto;
  grid-template-areas: "Area Area";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-casio-type {
  grid-template: "Area Area-2 . Area-3 Area-4"
  / 1fr 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-casio-graphic-elemetns {
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
                 "Area-6 Area-7 Area-8 Area-9 Area-10"
                 "Area-11 Area-11 Area-11 Area-11 Area-11"
                 / 1fr 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-casio-poster {
  grid-template: "Area Area Area Area Area"
                 "Area-2 Area-2 Area-2 Area-2 Area-2"
                 "Area-3 Area-3 Area-3 Area-4 Area-4"
                 / 1fr 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-casio-website {
  grid-template-rows: auto;
  grid-template-areas: "Area Area";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-78, .image-79 {
  width: 100%;
}

.project-grid-base-casio-overview-phonecopy {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4"
                       "Area-5 Area-6"
                       "Area-7 Area-7"
                       "Area-8 Area-8"
                       "Area-9 Area-9"
                       "Area-12 Area-14"
                       "Area-13 Area-15"
                       "Area-10 Area-11"
                       "Area-18 Area-16"
                       "Area-19 Area-17";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
  display: none;
}

.new-project-discription-taibo, .new-project-discription-gundam, .new-project-discription-master-chef {
  grid-template: "Area-2 Area-3 Area-4 Area-5 Area-5 Area-5"
                 "Area-7 Area-8 Area-9 Area-6 Area-6 Area-6"
                 ". . . Area-6 Area-6 Area-6"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 6.5vw;
  margin-left: 10vw;
  margin-right: 10vw;
}

.project-grid-base-mc-process {
  grid-template-areas: "Area Area"
                       "Area-2 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-mc-sketch {
  grid-template: "Area"
  / 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-80 {
  width: 100%;
}

.project-grid-base-grill-quistion {
  grid-template-rows: auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.cubisum-questions {
  color: #5d5d5d;
  -webkit-text-stroke-color: #5d5d5d;
  margin-bottom: 5vw;
  font-family: Nbinternationalproreg, sans-serif;
  font-size: 2.5vw;
  line-height: 3vw;
}

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

.project-grid-base-the-grill {
  grid-template: "Area-2 Area-3"
                 "Area-4 Area-5"
                 "Area Area"
                 "Area-6 Area-7"
                 "Area-8 Area-9"
                 / 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-81, .image-82, .image-83, .image-84 {
  width: 100%;
}

.project-grid-base-grill-selected-frames {
  grid-template: "Area Area-2 Area-3 Area-10"
                 "Area-4 Area-5 Area-6 Area-11"
                 "Area-7 Area-8 Area-9 Area-12"
                 / 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-grill-round-1 {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-85 {
  width: 100%;
}

.project-grid-base-grill-final-sketch {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-3"
                       "Area-4 Area-4";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-grill-3d-model {
  grid-template-areas: "Area Area"
                       "Area-3 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-grill-animation-planing {
  grid-template-rows: auto;
  grid-template-areas: "Area Area";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-86, .image-87, .image-88 {
  width: 100%;
}

.image-89 {
  width: 50%;
}

.image-90 {
  width: 100%;
}

.project-grid-base-golds-gym-sequnce {
  grid-template: "Area-4"
                 "Area-3"
                 "Area-2"
                 "Area"
                 / 1fr;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.project-grid-base-copy {
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-golds-gym-brianstrom {
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-golds-gym-sketch {
  grid-template: "Area Area-2 Area-3 Area-4"
  / 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-91, .image-92, .image-93, .image-94 {
  width: 100%;
}

.new-project-discription-starberry-car {
  grid-template: "Area-2 Area-3 Area-4 Area-5 Area-5 Area-5"
                 "Area-7 Area-8 Area-9 Area-6 Area-6 Area-6"
                 ". . . Area-6 Area-6 Area-6"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 6.5vw;
  margin-left: 10vw;
  margin-right: 10vw;
}

.project-grid-base-strawberry-car-sketch {
  grid-template-areas: "Area Area-2";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-strawberry-car-design {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area-2 Area-3"
                       "Area-5 Area-4"
                       "Area .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-strawberry-car-1-0-desgin {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "Area Area Area-2 Area-2 Area-3 Area-3"
                       "Area-4 Area-4 Area-4 . . .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-strawberry-car-selected-frames {
  grid-template: "Area-2 Area Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 / 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.new-project-discription-nocountry, .new-project-discription-emo {
  grid-template: "Area-2 Area-3 Area-4 Area-5 Area-5 Area-5"
                 "Area-7 Area-8 Area-9 Area-6 Area-6 Area-6"
                 ". . . Area-6 Area-6 Area-6"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 6.5vw;
  margin-left: 10vw;
  margin-right: 10vw;
}

.project-grid-base-emo-slected-frames {
  grid-template: "Area Area-2"
                 "Area-3 Area-4"
                 "Area-5 Area-6"
                 "Area-7 Area-8"
                 "Area-9 Area-10"
                 / 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.project-grid-base-emo-stle-frames {
  grid-template: "Area Area-2 Area-3 Area-4"
                 "Area-5 Area-6 Area-7 Area-8"
                 "Area-9 Area-9 . ."
                 / 1fr 1fr 1fr 1fr;
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.text-span-44 {
  font-family: Nbinternationalproita, sans-serif;
}

.project-grid-base-memento-process {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-3 Area-3"
                       "Area-2 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-95 {
  width: 100%;
}

.project-grid-base-memento-pro {
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "Area Area"
                       "Area-3 ."
                       "Area-4 Area-5"
                       "Area-6 .";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-96 {
  width: 100%;
}

.project-grid-base-memento-sketch {
  grid-template-rows: auto;
  grid-template-areas: "Area Area";
  margin-top: 1vw;
  margin-left: 2.8vw;
  margin-right: 2.8vw;
}

.image-97, .image-98, .image-99, .image-100, .image-101, .image-102, .image-103, .image-104, .image-105, .image-106, .image-107, .image-108, .image-109 {
  width: 100%;
}

.html-embed {
  object-fit: fill;
  display: block;
  position: static;
}

.div-block-25 {
  position: static;
}

.logo-white-gif {
  max-width: 16.4vw;
  margin-top: -.6vw;
  margin-left: -.5vw;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: inline-block;
  position: static;
  overflow: hidden;
}

.text-span-45 {
  margin-left: 0;
}

.html-embed-2 {
  max-width: 100%;
  max-height: 100%;
}

.image-110 {
  width: 100%;
  height: 100%;
}

.image-111 {
  width: 100%;
}

.info-body-text-copy-bold-italic {
  font-family: Nbinternationalprobolita, sans-serif;
}

@media screen and (max-width: 991px) {
  .home-container {
    padding: 30px 20px 0;
  }

  .grid {
    grid-template: "Area Area-2"
                   "Area-4 ."
                   "Area-3 ."
                   / 1fr 1fr;
    align-content: stretch;
    place-items: start stretch;
  }

  .michael-left {
    letter-spacing: -5px;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 100px;
    font-weight: 200;
  }

  .michael-right {
    text-align: right;
    letter-spacing: -5px;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 100px;
  }

  .div-block-5 {
    z-index: 5;
    margin-top: -30px;
    margin-left: 0;
    margin-right: -520px;
    display: block;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .div-block-6 {
    align-items: flex-start;
    margin-top: 660px;
    margin-left: -60px;
    display: block;
    inset: 0% auto 0% 0%;
  }

  .image-7 {
    width: 100px;
    margin-left: -9px;
  }

  .main-page-nav-bar {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    display: flex;
  }

  .container-4 {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .nav-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph-3 {
    margin-top: -25px;
    margin-left: 70px;
  }

  .image-8 {
    max-width: 40%;
  }

  .image-9 {
    max-width: 40%;
    margin-left: 0;
  }

  .paragraph-4 {
    width: 150px;
    margin-top: 16px;
    margin-left: 9px;
    font-size: 20px;
    line-height: 20px;
  }

  .grid-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    flex: none;
    grid-template: ". Area"
    / 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: center stretch;
    margin-top: 265px;
    margin-left: 0;
    margin-right: 0;
    display: grid;
  }

  .paragraph-5 {
    margin-left: 248px;
  }

  .nav-bar-top {
    flex-direction: row;
    justify-content: center;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .work-body {
    align-items: stretch;
  }

  .nav-bar-top-container {
    inset: 0% 0% auto;
  }

  .big-heading-container {
    margin-top: 50px;
  }

  .big-page-heading {
    letter-spacing: -15px;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 250px;
  }

  .container-work-display {
    align-self: center;
    margin-top: 20vw;
    margin-bottom: 0;
    display: block;
  }

  .works-projects {
    grid-template: "Area-19 Area-10 Area"
                   "Area-4 Area-20 Area-2"
                   "Area-5 Area-6 Area-8"
                   "Area-18 Area-9 Area-17"
                   / 1fr 1fr 1fr;
    justify-items: center;
    margin-top: 0;
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .works-page-project-title {
    margin: 0 10px 10px 0;
    font-size: 2.4vw;
    line-height: 2.4vw;
  }

  .project-category {
    margin: 10px 10px 0 0;
    font-size: 1.5vw;
    line-height: 1.6vw;
  }

  .main-nav-meune {
    flex-direction: column;
    display: flex;
  }

  .big-page-heading-black {
    letter-spacing: -15px;
    font-size: 250px;
  }

  .project-tittle-black {
    margin: 1vw 0 0;
    font-size: 1.5vw;
    line-height: 1.7vw;
  }

  .about-page-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2"
                         "Area-12 Area-12 Area-12 Area-12"
                         "Area-13 Area-13 Area-13 Area-13"
                         "Area-3 Area-3 Area-3 Area-3"
                         "Area-4 Area-4 Area-4 Area-4"
                         "Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6"
                         "Area-9 Area-9 Area-9 Area-9"
                         "Area-10 Area-10 Area-10 Area-10"
                         "Area-20 Area-20 Area-20 Area-20"
                         "Area-21 Area-21 Area-21 Area-21";
    margin-left: 30px;
    margin-right: 30px;
  }

  .self-intro-paragraph {
    font-size: 15px;
    line-height: 18px;
  }

  .about-category {
    width: auto;
    margin-top: 50px;
    font-size: 20px;
    line-height: 5px;
  }

  .about-paragraph {
    margin-top: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .projects-page-container {
    margin-top: 10vw;
  }

  .project-title-grid {
    grid-template-rows: auto;
    grid-template-areas: "Area Area Area-4";
    margin: 50px 30px 30px;
  }

  .project-page-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 5vw;
  }

  .project-page-heading {
    letter-spacing: -2px;
    text-transform: uppercase;
    width: 500px;
    font-size: 60px;
    line-height: 53px;
  }

  .project-category-work-page {
    text-align: left;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 20px;
  }

  .project-discription-grid {
    grid-row-gap: 50px;
    grid-template: "Area-31 Area-3 Area-3 Area-3"
                   "Area-30 Area-3 Area-3 Area-3"
                   "Area-32 Area-3 Area-3 Area-3"
                   "Area-33 Area-3 Area-3 Area-3"
                   ". Area-3 Area-3 Area-3"
                   / 1fr 1fr 1fr 1fr;
    margin: 80px 30px 0;
  }

  .project-captions {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .project-paragraph {
    font-size: 15px;
    line-height: 15px;
  }

  .project-display-grid-taibo {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0;
  }

  .back-to-top {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .previous-project {
    margin-bottom: 10px;
    margin-left: 80px;
    font-size: 20px;
  }

  .next-project {
    margin-bottom: 10px;
    margin-right: 80px;
    font-size: 20px;
  }

  .credit {
    font-size: 13px;
    line-height: 10px;
  }

  .project-display-grid-gundam {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template: "Area-3 . ."
                   "Area-6 Area-7 Area-8"
                   "Area-9 Area-10 Area-11"
                   "Area-12 Area-13 Area-14"
                   "Area-15 Area-16 Area-17"
                   / 1fr 1fr 1fr;
    margin-top: 100px;
  }

  .project-display-grid-master-chef {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0;
  }

  .project-end-line {
    margin-top: 0;
  }

  .project-display-grid-no-country-for-old-men {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0;
  }

  .div-block-zhi {
    z-index: 5;
    margin-top: -30px;
    margin-left: 0;
    margin-right: -520px;
    display: block;
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .end-project-grid {
    margin-top: 100px;
  }

  .project-ending-quotes {
    letter-spacing: -2px;
    margin-top: 35px;
    margin-bottom: 30px;
    font-size: 40px;
  }

  .project-display-grid-cubism-grill-frames {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template: "Area-3 Area-3 Area-5"
                   "Area-6 Area-7 Area-8"
                   "Area-9 Area-10 Area-11"
                   "Area-12 Area-13 Area-14"
                   "Area-15 Area-16 Area-17"
                   / 1fr 1fr 1fr;
    margin-top: 150px;
  }

  .project-display-grid-cubism-grill-design {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-page-little-captions-flash-right {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 17px;
  }

  .project-display-grid-cubism-grill-sketch {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template: "Area-3 Area-3 ."
                   "Area-11 Area-12 Area-17"
                   "Area-14 Area-14 Area-14"
                   "Area-6 Area-7 Area-8"
                   / 1fr 1fr 1fr;
    align-content: start;
    place-items: start stretch;
    margin: 0 30px;
  }

  .project-page-small-titles-no-margine-40-px {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 50px;
    line-height: 45px;
  }

  .project-display-grid-golds-gym {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 100px;
  }

  .project-page-small-titles-16-px {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 30px;
    font-size: 50px;
    line-height: 45px;
  }

  .project-display-grid-golds-gym-margine {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-display-grid-stawberry-01 {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    align-items: start;
    margin-top: 0;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-display-grid-stawberry-frames {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    margin-top: 150px;
  }

  .project-page-small-titles-40-px {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 30px;
    font-size: 50px;
    line-height: 45px;
  }

  .project-display-grid-gundam-storyboard {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template-areas: "Area-3 Area-3 Area-3 Area-7"
                         "Area-6 Area-6 Area-6 Area-6";
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-page-small-titles-no-margins-16-px-copy {
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 50px;
    line-height: 45px;
  }

  .project-display-grid-master-chef-sketch {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-display-grid-no-country-for-old-men-process {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-display-grid-golds-gym-sketch {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .michael-wang {
    letter-spacing: -.5px;
    padding-top: 17px;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: 25px;
    line-height: 17px;
  }

  .main-nav-container {
    height: auto;
  }

  .nav-right {
    padding: 17px 0 15px;
    font-size: 20px;
  }

  .nav-right.w--current {
    padding-top: 20px;
  }

  .nav-right.w--current:hover {
    font-size: 15px;
  }

  .project-concept-paragraph {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
  }

  .project-display-grid-emo-process {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-areas: "Area-3 Area-3 Area-3 ."
                         "Area-22 Area-16 Area-17 Area-9"
                         "Area-18 Area-19 Area-20 Area-21"
                         "Area-23 Area-24 Area-25 Area-26";
    margin-top: 0;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-display-grid-emo-frames {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    margin-top: 150px;
  }

  .works-page-card-grid {
    width: 29vw;
    margin-bottom: 70px;
    margin-left: 0;
    margin-right: 0;
  }

  .works-page-circle {
    width: 8px;
    margin-top: 10px;
    margin-right: 10px;
  }

  .works-page-image {
    width: 28.8vw;
    height: 28.8vw;
    margin-left: 0;
    margin-right: 0;
  }

  .works-page-video {
    width: 28.8vw;
    height: 28.8vw;
  }

  .project-display-grid-memento-sequence {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0;
  }

  .project-display-grid-memento-process {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-areas: "Area-3 Area-11 Area-5"
                         "Area-22 Area-17 Area-18"
                         "Area-13 Area-19 Area-23"
                         "Area-20 Area-20 Area-21"
                         "Area-25 Area-25 Area-26";
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-page-little-captions-flash-left {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 16px;
  }

  .main-icon {
    color: #fff;
  }

  .play-card-grid {
    margin-bottom: 20px;
  }

  .play-page-video, .play-page-image {
    width: 22vw;
    height: 22vw;
    margin-left: 0;
    margin-right: 0;
  }

  .play-page-grid {
    grid-column-gap: 10px;
    grid-row-gap: 3vw;
    grid-template: "Area-54 Area-51 Area-53 Area-50"
                   "Area Area-3 Area-4 Area-5"
                   "Area-7 Area-8 Area-9 Area-14"
                   "Area-15 Area-17 Area-21 Area-23"
                   "Area-25 Area-26 Area-27 Area-28"
                   "Area-29 Area-33 Area-34 Area-35"
                   "Area-36 Area-40 Area-42 Area-43"
                   "Area-44 Area-48 Area-49 Area-55"
                   ". . . ."
                   ". . . ."
                   / 1fr 1fr 1fr 1fr;
    margin-top: 0;
  }

  .michael-wang-black {
    text-align: left;
    padding-left: 30px;
  }

  .nav-right-black {
    text-align: center;
    padding: 28px 30px 20px 10px;
    font-size: 15px;
  }

  .container-play-display {
    margin-top: 20vw;
    margin-bottom: 0;
  }

  .project-display-grid-casio-overview {
    grid-column-gap: 15px;
    grid-row-gap: 20px;
    margin-top: 100px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .casio-paragraph-flash-left {
    font-size: 13px;
    line-height: 17px;
  }

  .casio-title {
    font-size: 25px;
    line-height: 25px;
  }

  .casio-paragraph-flash-right {
    font-size: 13px;
    line-height: 17px;
  }

  .project-display-grid-casio-taglines {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-areas: "Area-2 Area-2 Area-2 Area-2"
                         "Area Area Area Area"
                         "Area-5 Area-5 Area-3 Area-3"
                         "Area-10 Area-10 Area-6 Area-6"
                         "Area-11 Area-11 Area-7 Area-7"
                         "Area-12 Area-12 Area-8 Area-8"
                         "Area-13 Area-13 Area-9 Area-9";
    margin-top: 100px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .tagline-big {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 6vw;
    line-height: 6vw;
  }

  .casio-title-taglines {
    margin-top: 0;
    font-size: 25px;
    line-height: 25px;
  }

  .casio-paragraph-tagline-flash-left, .casio-title-taglines-g-shock, .casio-title-taglines-timepiece, .casio-title-taglines-ek, .casio-title-taglines-calculator, .casio-title-taglines-dd {
    font-size: 2.6vw;
    line-height: 2.6vw;
  }

  .project-display-grid-casio-logo {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 100px;
  }

  .image-39 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .project-display-grid-casio-brand-color {
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-display-grid-casio-type {
    grid-template: "Area-10 Area-10 . . ."
                   ". Area-12 Area-11 Area-11 Area-11"
                   ". Area-13 Area-14 Area-14 Area-14"
                   / 1fr 1fr 1fr 1fr 1fr;
    margin-top: 100px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .casio-type-roc-grotesk, .casio-type-neue-machina {
    margin-top: 0;
    font-size: 4vw;
    line-height: 4vw;
  }

  .casio-type-roc-grotesk-paragraph, .casio-type-neue-machina-paragraph {
    margin-top: 0;
    margin-left: 0;
    font-size: 3vw;
    line-height: 3vw;
  }

  .project-display-grid-casio-graphic-elements {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area-10 Area-10 Area-10 Area-10 Area-10"
                         "Area-23 Area-23 Area-23 Area-23 Area-23"
                         ". Area-18 . Area-13 Area-13"
                         ". Area-19 . Area-14 Area-14"
                         ". Area-20 . Area-15 Area-15"
                         ". Area-21 . Area-16 Area-16"
                         ". Area-22 . Area-17 Area-17"
                         "Area-12 Area-12 Area-12 Area-12 Area-12";
    place-content: stretch;
    margin-top: 100px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-display-grid-casio-posters {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 100px;
  }

  .project-display-grid-casio-website-and-app {
    margin-top: 100px;
  }

  .icon-animation-lottie {
    margin-top: 70px;
  }

  .identity-poster-lottie {
    margin-top: 0;
  }

  .project-display-grid-taibo-process {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-areas: "Area-10 . . Area-20"
                         "Area-11 Area-11 Area-12 Area-12"
                         "Area-13 Area-13 Area-14 Area-14"
                         "Area-16 Area-15 Area-15 Area-15"
                         "Area-17 Area-17 Area-17 Area-18";
    margin: 150px 30px 0;
  }

  .white-rule {
    height: 30px;
    margin-bottom: 50px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .project-page-circle {
    width: 10px;
    margin-bottom: 4px;
    margin-right: 30px;
  }

  .white-rule-1px-margine {
    height: 3px;
    margin: 0 30px 5px;
  }

  .white-rule-1px-no-margine {
    height: 3px;
    margin-top: 0;
    margin-bottom: 5px;
  }

  .project-page-circle-no-margine {
    width: 10px;
    margin-bottom: 4px;
  }

  .project-page-small-titles-16-px-center {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 30px;
    font-size: 30px;
    line-height: 32px;
  }

  .role, .programs, .collaborator, .instrctor {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 12px;
  }

  .concept {
    margin-bottom: 0;
    margin-left: 50px;
    margin-right: 0;
    font-size: 15px;
    line-height: 13px;
  }

  .image-40 {
    margin-top: 30px;
  }

  .image-41 {
    margin-top: 80px;
  }

  .project-page-little-captions-flash-left-50px-indent {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 30px;
    font-size: 15px;
    line-height: 17px;
  }

  .div-block-20 {
    height: 0;
  }

  .image-43 {
    width: auto;
    height: auto;
    margin-top: 0;
  }

  .image-44, .image-45, .image-46 {
    margin-top: 0;
  }

  .image-47 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-21 {
    height: 70px;
  }

  .image-49, .image-50, .image-51 {
    margin-top: 0;
  }

  .image-52 {
    margin-bottom: 0;
  }

  .image-53, .image-54 {
    margin-top: 30px;
  }

  .project-display-grid-cubism-grill-3d-modeling {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "Area-3 Area-3 Area-3 ."
                         "Area-6 Area-6 Area-8 Area-8";
    align-content: start;
    place-items: start stretch;
    margin-top: 150px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .image-55 {
    position: relative;
  }

  .project-display-grid-memento {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 0;
  }

  .works-number {
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 20px;
    font-size: 18px;
    line-height: 18px;
  }

  .ending-project-00-grid {
    margin-left: 30px;
    margin-right: 30px;
  }

  .hortzontal-lottie-animation {
    width: auto;
    height: 100%;
    display: none;
  }

  .home-works-link {
    font-size: 30px;
    line-height: 30px;
  }

  .home-nav-container {
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: relative;
  }

  .heading-2 {
    margin-top: 30px;
    font-size: 60px;
    line-height: 50px;
  }

  .home-info-grid {
    justify-items: end;
  }

  .info-00, .info-link {
    font-size: 15px;
    line-height: 15px;
  }

  .home-body {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #000;
    grid-template: "Area-6 Area-6 Area-6 Area-3 Area-3 Area-3"
                   "Area Area Area Area Area Area"
                   "Area-2 Area-2 Area-2 . . ."
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch;
    place-items: stretch stretch;
    display: grid;
  }

  .home-paragraph {
    width: 130px;
    margin-top: 30px;
    margin-right: 30px;
    font-size: 15px;
    line-height: 15px;
  }

  .info-copyright {
    font-size: 15px;
    line-height: 15px;
  }

  .about-container {
    align-self: center;
    margin-top: 20vw;
    display: block;
  }

  .image-63 {
    margin-bottom: 0;
  }

  .info-link-grid {
    margin-bottom: 80px;
  }

  .about-page-info-link {
    width: auto;
    font-size: 25px;
    line-height: 25px;
  }

  .home-play-link, .home-about-link {
    font-size: 30px;
    line-height: 30px;
  }

  .works-ending-info {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "Area-3 Area-2 Area"
    / 1fr 1fr 1fr;
    margin-bottom: 0;
  }

  .works-end-info-paragraph {
    margin: 15px 30px;
    font-size: 13px;
    line-height: 13px;
  }

  .works-end-info-paragraph:hover {
    text-decoration: underline;
  }

  .works-end-copyright {
    margin: 15px 30px;
    font-size: 13px;
    line-height: 13px;
  }

  .works-end-copyright:hover {
    text-decoration: none;
  }

  .main-brand {
    margin-left: 30px;
  }

  .nav-menu-main {
    margin-right: 30px;
  }

  .white-main-nav-container {
    height: auto;
  }

  .black-michael-wang {
    letter-spacing: -.5px;
    padding-top: 17px;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: 25px;
    line-height: 17px;
  }

  .black-nav-right {
    max-width: 100%;
    height: auto;
    padding: 17px 0 15px;
    font-size: 20px;
  }

  .black-nav-right.w--current {
    padding-top: 17px;
  }

  .black-nav-right.w--current:hover {
    font-size: 20px;
  }

  .end-copyright-email {
    grid-template-areas: "Area Area Area Area";
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .end-info {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 15px;
    line-height: 15px;
  }

  .end-info-copyright {
    margin-bottom: 2vw;
    margin-left: 0;
    margin-right: 0;
    font-family: Nbinternationalprolig, sans-serif;
    font-size: 15px;
    line-height: 15px;
  }

  .end-copyright-email-black {
    grid-template-areas: "Area Area Area-2 Area-2";
  }

  .end-info-copyright-white, .end-info-white {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 15px;
    line-height: 15px;
  }

  .verticallottie-animation {
    display: block;
  }

  .about-page-info-text, .text-span-8 {
    line-height: 17px;
  }

  .logo-and-name-container {
    margin-top: 2.5vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .logo-white-image {
    max-width: 17vw;
    margin-top: 0;
    display: none;
  }

  .nav-bar-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-areas: "Area Area-2 Area-3 Area-3 Area-5 Area-5 Area-5";
    margin-left: 0;
  }

  .new-nav-bar-name-white {
    margin-top: .4vw;
    margin-left: -3vw;
    padding-top: 0;
    font-size: 2.5vw;
    line-height: 2.3vw;
  }

  .new-nav-bar-type-white {
    margin-top: .4vw;
    padding-left: 3vw;
    font-size: 2.3vw;
    line-height: 1.9vw;
  }

  .new-nav-bar-type-white.w--current {
    margin-top: .4vw;
    font-size: 2.3vw;
    line-height: 1.9vw;
  }

  .new-nav-bar-title-type-white {
    margin-top: .4vw;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 2.3vw;
    line-height: 2.1vw;
  }

  .new-menu-button {
    color: #fff;
    padding: 0;
  }

  .new-nav-bar-name-black {
    margin-top: .4vw;
    padding-top: 0;
    font-size: 2.5vw;
    line-height: 2.3vw;
  }

  .new-nav-bar-type-black {
    margin-top: .4vw;
    padding-left: 3vw;
    font-size: 2vw;
    line-height: 1.9vw;
  }

  .new-nav-bar-type-black.w--current {
    margin-top: .4vw;
    font-size: 2vw;
    line-height: 1.9vw;
  }

  .icon {
    margin-top: 0;
  }

  .new-project-discription {
    grid-column-gap: 20px;
    grid-row-gap: 8px;
    grid-template: "Area-5 Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-2 Area-3 Area-7 Area-8 Area-9"
                   / 1fr 1fr 1fr 1fr 1fr;
    margin-top: 3vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .project-page-category {
    margin: 10px 10px 0 0;
    font-size: 1.5vw;
    line-height: 1.5vw;
  }

  .project-body-text {
    margin-top: 0;
    font-size: 2vw;
    line-height: 2.3vw;
  }

  .project-body-text-left {
    margin-top: 4vw;
    font-size: 1.3vw;
    line-height: 1.6vw;
  }

  .sub-title-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .sub-title {
    font-size: 3vw;
    line-height: 3vw;
  }

  .gundam-selected-frames-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template: "Area Area-2 Area-3"
                   "Area-4 Area-5 Area-6"
                   "Area-7 Area-8 Area-9"
                   "Area-10 Area-11 Area-12"
                   / 1fr 1fr 1fr;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .project-grid-base, .project-grid-base-copy, .gundam-storyboard {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-taibo-process {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: ". Area-2"
                         "Area-3 Area-3"
                         "Area-4 Area-4"
                         "Area-5 Area-5"
                         "Area-6 Area-6";
    margin-top: 1vw;
  }

  .new-project-caption {
    margin-top: 1vw;
    font-size: 1.5vw;
    line-height: 1.8vw;
  }

  .image-69 {
    width: 100%;
  }

  .new-nav-bar-name-white-copy {
    margin-top: .4vw;
    padding-top: 0;
    font-size: 2.5vw;
    line-height: 2.3vw;
  }

  .new-nav-bar-name-black-version {
    margin-top: .4vw;
    margin-left: -3vw;
    padding-top: 0;
    font-size: 2.5vw;
    line-height: 2.3vw;
  }

  .new-nav-bar-type-black-version {
    margin-top: .4vw;
    padding-left: 3vw;
    font-size: 2.3vw;
    line-height: 1.9vw;
  }

  .new-nav-bar-type-black-version.w--current {
    margin-top: .4vw;
    font-size: 2.3vw;
    line-height: 1.9vw;
  }

  .new-nav-bar-title-black-version {
    margin-top: .4vw;
    margin-left: 0;
    padding-left: 0;
    font-size: 2.3vw;
    line-height: 2.1vw;
  }

  .new-nav-bar-title-black-version.w--current {
    margin-top: .4vw;
    font-size: 2.3vw;
    line-height: 1.9vw;
  }

  .icon-black {
    margin-top: 0;
  }

  .new-about-page-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "Area-22 Area-22 Area Area"
                         "Area-22 Area-22 Area-2 Area-2"
                         "Area-5 Area-5 Area-2 Area-2"
                         "Area-3 Area-3 Area-4 Area-4";
    margin-bottom: 10vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .info-body-text {
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
    line-height: 21px;
  }

  .image-70 {
    width: 35vw;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .info-page-info {
    margin-top: 10vw;
    margin-left: 0;
    font-size: 5vw;
    line-height: 5vw;
  }

  .info-body-text-copy {
    margin-top: 13vw;
    margin-left: 0;
    font-size: 12px;
    line-height: 16px;
  }

  .text-span-31 {
    font-size: 12px;
    line-height: 16px;
  }

  .info-page-statment-div-block {
    margin-top: 0;
  }

  .image-71 {
    width: auto;
    height: auto;
    max-height: 100%;
    display: block;
  }

  .image-72 {
    max-width: 100%;
    max-height: 100%;
    display: block;
  }

  .image-73, .image-74 {
    max-height: 100%;
    display: block;
  }

  .end-info-copyright-black {
    margin-bottom: 2vw;
    margin-left: 0;
    margin-right: 0;
    font-family: Nbinternationalprolig, sans-serif;
    font-size: 15px;
    line-height: 15px;
  }

  .new-project-discription-mirage {
    grid-column-gap: 20px;
    grid-row-gap: 8px;
    grid-template: "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-2 Area-2 Area-2 . Area-3 Area-3 . ."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 3vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .project-grid-base-mirage-selected-frames, .project-grid-base-mirage-posters, .project-grid-base-mirage-poster-process, .project-grid-base-mirage-premiere {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-mirage-cahractor {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area-2 Area"
                         "Area-3 Area-3"
                         "Area-4 Area-4";
    margin-top: 1vw;
  }

  .project-grid-base-mirage-mocap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: ". ."
                         "Area-2 Area-2"
                         "Area Area";
    margin-top: 1vw;
  }

  .project-grid-base-mirage-world-building, .project-grid-base-mirage-coda {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3";
    margin-top: 1vw;
  }

  .project-grid-base-mirage-drone {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area-2"
                         "Area-3 Area-3"
                         "Area-4 Area-4"
                         "Area-5 Area-5";
    margin-top: 1vw;
  }

  .project-grid-base-mirage-editing-compositing {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3";
    margin-top: 1vw;
  }

  .project-grid-mirage-dream-machien {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3"
                         "Area-4 Area-4";
    margin-top: 1vw;
  }

  .project-nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-nav-text {
    font-size: 3vw;
    line-height: 3vw;
  }

  .project-grid-base-no-country-for-old-men-process {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .end-copyright-email-home {
    grid-template-areas: "Area Area Area Area";
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .project-grid-base-casio-overview {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-casio-logo {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-2 Area-3"
                         "Area-5 Area-5";
    margin-top: 1vw;
  }

  .project-grid-base-casio-brand-color {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-casio-type {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   / 1fr 1fr;
    margin-top: 1vw;
  }

  .project-grid-base-casio-graphic-elemetns, .project-grid-base-casio-poster, .project-grid-base-casio-website {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-casio-overview-phonecopy {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
    display: none;
  }

  .new-project-discription-taibo, .new-project-discription-gundam {
    grid-column-gap: 20px;
    grid-row-gap: 8px;
    grid-template: "Area-5 Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-2 Area-3 Area-7 Area-8 ."
                   / 1fr 1fr 1fr 1fr 1fr;
    margin-top: 3vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .new-project-discription-master-chef {
    grid-column-gap: 20px;
    grid-row-gap: 8px;
    grid-template: "Area-5 Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-2 Area-3 Area-7 . ."
                   / 1fr 1fr 1fr 1fr 1fr;
    margin-top: 3vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .project-grid-base-mc-process {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2";
    margin-top: 1vw;
  }

  .project-grid-base-mc-sketch {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-grill-quistion {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2";
    margin-top: 1vw;
  }

  .cubisum-questions {
    font-size: 4vw;
    line-height: 4.5vw;
  }

  .project-grid-base-the-grill {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-grill-selected-frames {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template: "Area Area-2 Area-3"
                   "Area-10 Area-4 Area-5"
                   "Area-6 Area-11 Area-7"
                   "Area-8 Area-9 Area-12"
                   / 1fr 1fr 1fr;
    margin-top: 1vw;
  }

  .project-grid-base-grill-round-1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3";
    margin-top: 1vw;
  }

  .project-grid-base-grill-final-sketch {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-grill-3d-model {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-3 Area-3";
    margin-top: 1vw;
  }

  .project-grid-base-grill-animation-planing {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .image-89 {
    width: 70%;
  }

  .project-grid-base-golds-gym-sequnce {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 0;
  }

  .project-grid-base-copy, .project-grid-base-golds-gym-brianstrom {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .project-grid-base-golds-gym-sketch {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   / 1fr 1fr;
    margin-top: 1vw;
  }

  .image-91, .image-92, .image-93, .image-94 {
    width: 100%;
  }

  .new-project-discription-starberry-car {
    grid-column-gap: 20px;
    grid-row-gap: 8px;
    grid-template: "Area-5 Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-2 Area-3 Area-7 . ."
                   / 1fr 1fr 1fr 1fr 1fr;
    margin-top: 3vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .project-grid-base-strawberry-car-sketch {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area-2"
                         "Area-3 Area-3";
    margin-top: 1vw;
  }

  .project-grid-base-strawberry-car-design {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area-2 Area-3"
                         "Area-5 Area-4"
                         "Area Area";
    margin-top: 1vw;
  }

  .project-grid-base-strawberry-car-1-0-desgin {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area Area-2 Area-2 Area-3 Area-3"
                         "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4";
    margin-top: 1vw;
  }

  .project-grid-base-strawberry-car-selected-frames {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .new-project-discription-nocountry, .new-project-discription-emo {
    grid-column-gap: 20px;
    grid-row-gap: 8px;
    grid-template: "Area-5 Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-2 Area-3 Area-7 . ."
                   / 1fr 1fr 1fr 1fr 1fr;
    margin-top: 3vw;
    margin-left: 2.9vw;
    margin-right: 2.9vw;
  }

  .project-grid-base-emo-slected-frames {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   "Area-5 Area-6"
                   "Area-7 Area-8"
                   "Area-9 Area-10"
                   / 1fr 1fr;
    margin-top: 1vw;
  }

  .project-grid-base-emo-stle-frames {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area-2 Area-3 Area-4"
                         "Area-5 Area-6 Area-7 Area-8"
                         "Area-9 Area-9 Area-9 Area-9";
    margin-top: 1vw;
  }

  .project-grid-base-memento-process {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-3 Area-3"
                         "Area-2 Area-2";
    margin-top: 1vw;
  }

  .project-grid-base-memento-pro {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-areas: "Area Area"
                         "Area-3 Area-3"
                         "Area-4 Area-5"
                         "Area-6 Area-6";
    margin-top: 1vw;
  }

  .project-grid-base-memento-sketch {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 1vw;
  }

  .logo-white-gif {
    max-width: 21.5vw;
    margin-top: -1.3vw;
    margin-left: -.7vw;
  }
}

@media screen and (max-width: 767px) {
  .work-body {
    align-items: stretch;
  }

  .big-heading-container {
    margin-top: 140px;
  }

  .big-page-heading {
    letter-spacing: -10px;
    margin-top: 0;
    font-size: 200px;
  }

  .container-work-display {
    margin-top: 20vw;
    padding-left: 0;
    position: relative;
  }

  .works-projects {
    grid-column-gap: 10px;
    justify-items: stretch;
    max-width: none;
    max-height: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .works-page-project-title {
    margin-left: 0;
    margin-right: 0;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .project-category {
    margin-left: 0;
    margin-right: 0;
    font-size: 1.7vw;
    line-height: 1.8vw;
  }

  .big-page-heading-black {
    letter-spacing: -10px;
    margin-top: 0;
    font-size: 200px;
  }

  .project-tittle-black {
    font-size: 2vw;
    line-height: 2.2vw;
  }

  .gray-body {
    flex-direction: column;
    display: flex;
  }

  .about-page-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2"
                         "Area-12 Area-12 Area-12 Area-12"
                         "Area-13 Area-13 Area-13 Area-13"
                         "Area-3 Area-3 Area-3 Area-3"
                         "Area-4 Area-4 Area-4 Area-4"
                         "Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6"
                         "Area-9 Area-9 Area-9 Area-9"
                         "Area-10 Area-10 Area-10 Area-10"
                         "Area-20 Area-20 Area-20 Area-20"
                         "Area-21 Area-21 Area-21 Area-21";
    margin-bottom: 50px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .about-paragraph {
    font-size: 15px;
    line-height: 15px;
  }

  .projects-page-container {
    margin-top: 10vw;
    margin-bottom: 0;
  }

  .project-title-grid {
    grid-template-rows: auto;
    grid-template-areas: "Area Area Area-4";
    margin: 35px 10px 20px;
  }

  .project-page-title {
    margin-top: 0;
    font-size: 5vw;
    line-height: 6vw;
  }

  .project-page-heading {
    letter-spacing: -.5px;
    width: 400px;
    font-size: 45px;
    line-height: 40px;
  }

  .project-category-work-page {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .project-discription-grid {
    margin: 60px 10px 0;
  }

  .project-captions {
    font-size: 12px;
    line-height: 10px;
  }

  .project-paragraph {
    font-size: 10px;
    line-height: 10px;
  }

  .project-display-grid-taibo {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 70px;
  }

  .back-to-top {
    font-size: 15px;
  }

  .previous-project {
    margin-left: 50px;
    font-size: 15px;
    line-height: 15px;
  }

  .next-project {
    margin-right: 50px;
    font-size: 15px;
  }

  .credit, .credit-black {
    letter-spacing: 0;
    font-size: 10px;
  }

  .project-display-grid-gundam {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    grid-template: "Area-3 ."
                   "Area-6 Area-7"
                   "Area-8 Area-9"
                   "Area-10 Area-11"
                   "Area-12 Area-13"
                   "Area-14 Area-15"
                   "Area-16 Area-17"
                   / 1fr 1fr;
    margin-top: 70px;
  }

  .project-display-grid-master-chef {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
  }

  .project-end-line {
    margin-top: 0;
  }

  .project-display-grid-no-country-for-old-men {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
  }

  .end-project-grid {
    margin-top: 80px;
  }

  .project-ending-quotes {
    letter-spacing: -1px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 30px;
  }

  .project-display-grid-cubism-grill-frames {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    grid-template: "Area-3 Area-3"
                   "Area-6 Area-7"
                   "Area-8 Area-9"
                   "Area-10 Area-11"
                   "Area-12 Area-13"
                   "Area-14 Area-15"
                   "Area-16 Area-17"
                   / 1fr 1fr;
    margin-top: 100px;
  }

  .project-display-grid-cubism-grill-design {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-page-little-captions-flash-right {
    font-size: 12px;
    line-height: 14px;
  }

  .project-display-grid-cubism-grill-sketch {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-page-small-titles-no-margine-40-px {
    letter-spacing: -.5px;
    margin-bottom: 5px;
    font-size: 45px;
    line-height: 40px;
  }

  .project-display-grid-golds-gym {
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    margin-top: 100px;
  }

  .project-page-small-titles-16-px {
    letter-spacing: -.5px;
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 45px;
    line-height: 40px;
  }

  .project-display-grid-golds-gym-margine {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-areas: "Area-3 Area-3 Area-3 Area-3"
                         "Area-4 Area-4 Area-5 Area-5";
    margin-top: 70px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-display-grid-stawberry-01 {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-display-grid-stawberry-frames {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    margin-top: 100px;
  }

  .project-page-small-titles-40-px {
    letter-spacing: -.5px;
    margin-bottom: 5px;
    margin-left: 15px;
    font-size: 45px;
    line-height: 40px;
  }

  .project-display-grid-gundam-storyboard {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-page-small-titles-no-margins-16-px-copy {
    letter-spacing: -.5px;
    font-size: 45px;
    line-height: 40px;
  }

  .project-display-grid-master-chef-sketch {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-display-grid-no-country-for-old-men-process {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-display-grid-golds-gym-sketch {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-3 Area-3 Area-3 Area-3"
                         "Area-6 Area-6 Area-7 Area-7"
                         "Area-8 Area-8 Area-9 Area-9";
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .main-nav {
    z-index: 9999;
    align-self: auto;
    position: absolute;
  }

  .michael-wang {
    letter-spacing: -.3px;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 20px;
    line-height: 13px;
  }

  .main-nav-container {
    flex: 0 auto;
    align-self: center;
    height: auto;
  }

  .nav-right {
    margin-left: 40px;
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 15px;
  }

  .project-concept-paragraph {
    letter-spacing: -.3px;
    font-size: 15px;
    line-height: 18px;
  }

  .project-display-grid-emo-process {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-display-grid-emo-frames {
    grid-column-gap: 5px;
    grid-row-gap: 15px;
    grid-template: "Area-3 Area-3"
                   "Area-22 Area-16"
                   "Area-17 Area-9"
                   "Area-27 Area-18"
                   "Area-19 Area-20"
                   "Area-21 Area-28"
                   / 1fr 1fr;
    margin-top: 100px;
  }

  .works-page-card-grid {
    grid-column-gap: 0px;
    margin-bottom: 50px;
  }

  .works-page-image, .works-page-video {
    width: 28.5vw;
    height: 28.5vw;
  }

  .project-display-grid-memento-sequence {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 70px;
  }

  .project-display-grid-memento-process {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-page-little-captions-flash-left {
    text-align: left;
    margin-bottom: 0;
    font-size: 10px;
    line-height: 12px;
  }

  .menu-button-3 {
    color: #fff;
  }

  .play-card-grid {
    margin-bottom: 15px;
  }

  .play-page-video {
    width: 29vw;
    height: 29vw;
    margin-left: 0;
  }

  .play-page-image {
    width: 29vw;
    height: 29vw;
  }

  .play-page-grid {
    grid-template: "Area-53 Area-55 Area-54"
                   "Area-50 Area Area-3"
                   "Area-52 Area-4 Area-7"
                   "Area-8 Area-9 Area-14"
                   "Area-16 Area-18 Area-19"
                   "Area-21 Area-24 Area-25"
                   "Area-26 Area-29 Area-30"
                   "Area-33 Area-34 Area-35"
                   "Area-36 Area-40 Area-41"
                   "Area-43 Area-44 Area-51"
                   "Area-48 . ."
                   ". . ."
                   / 1fr 1fr 1fr;
  }

  .main-nav-container-white {
    height: 60px;
  }

  .michael-wang-black {
    text-align: left;
    padding-left: 10px;
    font-size: 20px;
    line-height: 13px;
  }

  .nav-right-black {
    text-align: center;
  }

  .container-play-display {
    margin-top: 20vw;
    margin-bottom: 0;
  }

  .project-display-grid-casio-overview {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    margin-top: 70px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .casio-paragraph-flash-left {
    margin-top: 3vw;
    font-size: 12px;
    line-height: 15px;
  }

  .casio-title {
    font-size: 20px;
    line-height: 20px;
  }

  .casio-paragraph-flash-right {
    font-size: 12px;
    line-height: 15px;
  }

  .project-display-grid-casio-taglines {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 70px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .tagline-big {
    margin-top: 3vw;
    margin-bottom: 3vw;
    font-size: 30px;
    line-height: 30px;
  }

  .casio-title-taglines {
    font-size: 20px;
    line-height: 20px;
  }

  .casio-paragraph-tagline-flash-left {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .casio-title-taglines-g-shock, .casio-title-taglines-timepiece, .casio-title-taglines-ek, .casio-title-taglines-calculator, .casio-title-taglines-dd {
    margin-bottom: 0;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .project-display-grid-casio-logo {
    margin-top: 100px;
  }

  .project-display-grid-casio-brand-color {
    grid-template-areas: "Area-10 Area-10 Area-10 Area-10"
                         "Area-11 Area-11 Area-11 Area-11";
    margin-top: 50px;
  }

  .project-display-grid-casio-type {
    margin-bottom: 0;
  }

  .casio-type-roc-grotesk {
    margin-top: 30px;
    font-size: 15px;
    line-height: 17px;
  }

  .casio-type-neue-machina {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 17px;
  }

  .casio-type-roc-grotesk-paragraph {
    margin-top: 30px;
    font-size: 15px;
    line-height: 17px;
  }

  .casio-type-neue-machina-paragraph {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 17px;
  }

  .project-display-grid-casio-website-and-app {
    grid-template-areas: "Area-10 Area-10 Area-10 Area-10 Area-10"
                         "Area-14 Area-14 Area-14 Area-14 Area-14";
  }

  .white-icon {
    color: #fff;
    font-size: 25px;
    position: relative;
  }

  .nav-menu-button-white.w--open {
    color: #fff;
    background-color: #0000;
    position: static;
  }

  .black-icon {
    color: #000;
    text-align: center;
  }

  .project-display-grid-taibo-process {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "Area-10 Area-10 Area-10 Area-20"
                         "Area-11 Area-11 Area-12 Area-12"
                         "Area-13 Area-13 Area-14 Area-14"
                         "Area-16 Area-15 Area-15 Area-15"
                         "Area-17 Area-17 Area-17 Area-18";
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .white-rule {
    height: 20px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .project-page-circle {
    width: 8px;
    margin-bottom: 3px;
    margin-right: 20px;
  }

  .white-rule-1px-margine {
    height: 2px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .white-rule-1px-no-margine {
    height: 2px;
  }

  .project-page-circle-no-margine {
    width: 8px;
  }

  .menu-button-4 {
    padding-right: 8px;
  }

  .project-page-small-titles-16-px-center {
    margin-left: 20px;
  }

  .role, .programs, .collaborator, .instrctor {
    font-size: 10px;
    line-height: 10px;
  }

  .concept {
    margin-left: 50px;
    margin-right: 0;
    font-size: 12px;
    line-height: 8px;
  }

  .menu-button-5 {
    padding-right: 12px;
  }

  .image-41 {
    margin-top: 10px;
  }

  .project-page-little-captions-flash-left-50px-indent {
    text-align: left;
    margin-bottom: 0;
    margin-left: 15px;
    font-size: 12px;
    line-height: 14px;
  }

  .div-block-21 {
    height: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .image-49, .image-50, .image-51 {
    margin-top: 0;
  }

  .project-display-grid-cubism-grill-3d-modeling {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-display-grid-memento {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
  }

  .works-number {
    margin-right: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .nav-menu-5 {
    display: block;
  }

  .nav-menu {
    background-color: #0000;
  }

  .ending-project-00-grid {
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-ending-00 {
    font-size: 12px;
    line-height: 12px;
  }

  .hortzontal-lottie-animation {
    width: 100%;
    height: auto;
    display: block;
  }

  .home-works-link {
    padding: 0;
    font-size: 30px;
    line-height: 30px;
  }

  .heading-2 {
    margin-top: 15px;
    margin-left: 15px;
    font-size: 40px;
    line-height: 35px;
  }

  .home-info-grid {
    grid-row-gap: 2px;
  }

  .info-00, .info-link {
    font-size: 12px;
    line-height: 12px;
  }

  .home-body {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Area-6 Area-6 Area-6 Area-3 Area-3 Area-3"
                   "Area Area Area Area Area Area"
                   "Area-2 Area-2 Area-2 . . ."
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch;
    align-items: stretch;
    display: grid;
  }

  .home-paragraph {
    width: 100px;
    margin-top: 15px;
    margin-right: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .info-copyright {
    font-size: 12px;
    line-height: 12px;
  }

  .about-container {
    margin-top: 20vw;
  }

  .info-link-grid {
    margin-bottom: 40px;
  }

  .about-page-info-link {
    font-size: 15px;
    line-height: 15px;
  }

  .home-play-link, .home-about-link {
    padding: 5px 0;
    font-size: 30px;
    line-height: 30px;
  }

  .works-end-info-paragraph, .works-end-copyright {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 10px;
    line-height: 10px;
  }

  .main-brand {
    margin-left: 15px;
    padding-left: 0;
  }

  .nav-menu-main {
    margin-right: 15px;
  }

  .white-main-nav-container {
    flex: 0 auto;
    align-self: center;
    height: auto;
  }

  .black-michael-wang {
    letter-spacing: -.3px;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 20px;
    line-height: 13px;
  }

  .black-nav-right {
    margin-left: 40px;
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 15px;
  }

  .black-nav-right.w--current {
    padding-top: 12px;
  }

  .black-nav-right.w--current:hover {
    font-size: 15px;
  }

  .end-copyright-email {
    place-items: stretch stretch;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .end-info {
    margin-right: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .end-info-copyright {
    margin-bottom: 2.5vw;
    margin-left: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .end-info-copyright-white {
    margin-left: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .end-info-white {
    margin-right: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .verticallottie-animation {
    display: none;
  }

  .logo-and-name-container {
    margin-top: 3vw;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .logo-white-link, .logo-white-link.w--current {
    padding-left: 0;
  }

  .logo-white-image {
    margin-top: 0;
    display: none;
  }

  .nav-bar-container {
    grid-template-areas: "Area Area-2 Area-3 Area-3 Area-5 Area-5 Area-5";
  }

  .new-nav-bar-name-white {
    margin-left: -4vw;
  }

  .new-nav-bar-type-white {
    margin-top: .4vw;
    padding-left: 10px;
  }

  .new-nav-bar-type-white.w--current {
    margin-top: .4vw;
    padding-left: 0;
  }

  .new-nav-bar-type-black {
    margin-top: .4vw;
    padding-left: 10px;
  }

  .new-nav-bar-type-black.w--current {
    margin-top: .4vw;
    padding-left: 0;
  }

  .new-project-discription {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-5 Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6 Area-6"
                         "Area-2 Area-3 Area-7 Area-8 Area-9";
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-page-category {
    margin-left: 0;
    margin-right: 0;
    font-size: 10px;
    line-height: 11px;
  }

  .project-body-text {
    font-size: 2.1vw;
    line-height: 2.4vw;
  }

  .project-body-text-left {
    font-size: 1.3vw;
    line-height: 1.6vw;
  }

  .sub-title-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 7vw;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .sub-title {
    font-size: 3vw;
    line-height: 3vw;
  }

  .gundam-selected-frames-grid, .project-grid-base {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .gundam-storyboard, .project-grid-taibo-process {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .new-nav-bar-name-black-version {
    margin-left: -4vw;
  }

  .new-nav-bar-type-black-version {
    margin-top: .4vw;
    padding-bottom: 0;
    padding-left: 10px;
    font-weight: 300;
  }

  .new-nav-bar-type-black-version.w--current {
    margin-top: .4vw;
    padding-left: 10px;
  }

  .new-nav-bar-title-black-version {
    margin-top: .4vw;
    padding-left: 0;
    font-weight: 300;
  }

  .new-nav-bar-title-black-version.w--current {
    margin-top: .4vw;
    padding-left: 0;
  }

  .new-about-page-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "Area-22 Area-22 Area Area"
                         "Area-22 Area-22 Area-2 Area-2"
                         "Area-5 Area-5 Area-2 Area-2"
                         "Area-3 Area-3 Area-4 Area-4";
    margin-bottom: 5vw;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .info-body-text {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 19px;
  }

  .image-70 {
    margin-left: 0;
    margin-right: 0;
  }

  .info-page-info {
    margin-bottom: 0;
    margin-left: 0;
  }

  .info-body-text-copy {
    margin-top: 10vw;
    margin-left: 0;
  }

  .end-info-copyright-black {
    margin-bottom: 2.5vw;
    margin-left: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .new-project-discription-mirage {
    grid-column-gap: 20px;
    grid-template: "Area-5 Area-5 Area-5 Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6 Area-6 Area-6 Area-6"
                   "Area-2 Area-2 Area-2 . Area-3 Area-3"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-mirage-selected-frames, .project-grid-base-mirage-posters, .project-grid-base-mirage-poster-process {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
  }

  .project-break {
    display: none;
  }

  .project-grid-base-mirage-premiere, .project-grid-base-mirage-cahractor, .project-grid-base-mirage-mocap, .project-grid-base-mirage-world-building, .project-grid-base-mirage-coda, .project-grid-base-mirage-drone, .project-grid-base-mirage-editing-compositing {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
  }

  .project-grid-mirage-dream-machien, .project-nav, .project-grid-base-no-country-for-old-men-process {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .end-copyright-email-home {
    place-items: stretch stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .project-grid-base-casio-overview {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-left: 5vw;
    margin-right: 5vw;
    display: none;
  }

  .project-grid-base-casio-logo, .project-grid-base-casio-brand-color, .project-grid-base-casio-type, .project-grid-base-casio-graphic-elemetns, .project-grid-base-casio-poster, .project-grid-base-casio-website {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-casio-overview-phonecopy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template: "Area-2 Area-2"
                   "Area-3 Area-3"
                   "Area-6 Area-6"
                   "Area-8 Area-8"
                   "Area-9 Area-9"
                   "Area-12 Area-14"
                   "Area-13 Area-15"
                   "Area-10 Area-11"
                   "Area-18 Area-16"
                   "Area-19 Area-17"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
    display: grid;
  }

  .new-project-discription-taibo, .new-project-discription-gundam {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-5 Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6 Area-6"
                         "Area-2 Area-3 Area-7 Area-8 .";
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .new-project-discription-master-chef {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-5 Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6 Area-6"
                         "Area-2 Area-3 Area-7 . .";
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-mc-process, .project-grid-base-mc-sketch, .project-grid-base-grill-quistion {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .cubisum-questions {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  .project-grid-base-the-grill {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: "Area-2"
                   "Area-4"
                   "Area-3"
                   "Area-5"
                   "Area-6"
                   "Area-8"
                   "Area-7"
                   "Area-9"
                   / 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .image-82 {
    margin-top: 5vw;
  }

  .image-83 {
    margin-top: 3vw;
  }

  .project-grid-base-grill-selected-frames {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: "Area Area-2"
                   "Area-3 Area-10"
                   "Area-4 Area-5"
                   "Area-6 Area-11"
                   "Area-7 Area-8"
                   "Area-9 Area-12"
                   / 1fr 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-grill-round-1, .project-grid-base-grill-final-sketch, .project-grid-base-grill-3d-model, .project-grid-base-grill-animation-planing {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .image-89 {
    width: 50%;
  }

  .project-grid-base-golds-gym-sequnce {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 0;
    margin-right: 0;
  }

  .project-grid-base-copy, .project-grid-base-golds-gym-brianstrom, .project-grid-base-golds-gym-sketch {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .new-project-discription-starberry-car {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-5 Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6 Area-6"
                         "Area-2 Area-3 Area-7 . .";
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-strawberry-car-sketch {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-strawberry-car-design {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: "Area-2"
                   "Area-3"
                   "Area-5"
                   "Area-4"
                   "Area"
                   / 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-strawberry-car-1-0-desgin {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-strawberry-car-selected-frames {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: "Area-2"
                   "Area"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   / 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .new-project-discription-nocountry {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-5 Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6 Area-6"
                         "Area-2 Area-3 Area-7 . .";
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .new-project-discription-emo {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area-5 Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6 Area-6"
                         "Area-2 Area-3 . . .";
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-emo-slected-frames {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-emo-stle-frames {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   "Area-5 Area-6"
                   "Area-7 Area-8"
                   "Area-9 Area-9"
                   / 1fr 1fr;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-memento-process, .project-grid-base-memento-pro, .project-grid-base-memento-sketch {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .logo-white-gif {
    margin-top: -1.1vw;
    margin-left: -1vw;
  }
}

@media screen and (max-width: 479px) {
  .nav-bar-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-end;
    height: 100px;
    display: flex;
  }

  .work-body {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .nav-bar-top-container {
    justify-content: space-between;
    align-items: stretch;
    max-width: 100%;
    height: 100px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .nav-top-menu {
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    width: auto;
    height: auto;
    max-height: 100%;
  }

  .nav-name, .small-nav {
    font-size: 10px;
  }

  .big-heading-container {
    margin-top: 90px;
  }

  .big-page-heading {
    letter-spacing: -5px;
    margin-top: 0;
    font-size: 100px;
  }

  .container-work-display {
    margin-top: 30vw;
  }

  .works-projects {
    grid-template: "Area-32 Area-21"
                   "Area-4 Area-22"
                   "Area-23 Area-17"
                   "Area-24 Area-16"
                   "Area-25 Area-15"
                   "Area-26 Area-33"
                   / 1fr 1fr;
    justify-items: center;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .works-page-project-title {
    margin: 0 0 1vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .project-category {
    margin: 15px 0 0;
    font-size: 2.5vw;
    line-height: 2.6vw;
  }

  .nav-name-black, .small-nav-black {
    font-size: 10px;
  }

  .big-page-heading-black {
    letter-spacing: -5px;
    font-size: 100px;
  }

  .project-tittle-black {
    margin-top: 1.5vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 3.5vw;
    line-height: 3.7vw;
  }

  .plays, .works-projects-copy {
    grid-template: ". Area Area-2 Area-3"
                   "Area-4 Area-5 Area-6 Area-7"
                   "Area-8 Area-9 Area-10 ."
                   ". . . ."
                   ". . . ."
                   / 1fr;
  }

  .about-page-grid {
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2"
                         "Area-12 Area-12 Area-12 Area-12"
                         "Area-13 Area-13 Area-13 Area-13"
                         "Area-3 Area-3 Area-3 Area-3"
                         "Area-4 Area-4 Area-4 Area-4"
                         "Area-5 Area-5 Area-5 Area-5"
                         "Area-6 Area-6 Area-6 Area-6"
                         "Area-9 Area-9 Area-9 Area-9"
                         "Area-10 Area-10 Area-10 Area-10"
                         "Area-20 Area-20 Area-20 Area-20"
                         "Area-21 Area-21 Area-21 Area-21";
  }

  .self-intro-paragraph {
    font-size: 13px;
    line-height: 16px;
  }

  .about-paragraph {
    font-size: 12px;
    line-height: 12px;
  }

  .projects-page-container {
    margin-top: 20vw;
    display: block;
  }

  .project-title-grid {
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-areas: "Area Area Area"
                         "Area-4 Area-4 Area-4";
    justify-items: center;
    margin-top: 30px;
  }

  .project-page-title {
    font-size: 8vw;
    line-height: 8vw;
  }

  .project-page-heading {
    text-align: center;
    letter-spacing: -.3px;
    justify-content: center;
    width: 250px;
    margin-top: 5px;
    font-size: 30px;
    line-height: 26px;
  }

  .project-category-work-page {
    text-align: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .project-discription-grid {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "Area-3 Area-3 Area-3 Area-3"
                         "Area-3 Area-3 Area-3 Area-3"
                         "Area-3 Area-3 Area-3 Area-3"
                         "Area-31 Area-31 Area-30 Area-30"
                         ". Area-34 Area-34 ."
                         "Area-32 Area-32 Area-33 Area-33";
    margin-top: 40px;
    margin-bottom: 80px;
  }

  .project-captions {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    line-height: 12px;
  }

  .project-paragraph {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }

  .project-display-grid-taibo {
    margin-top: 0;
  }

  .back-to-top {
    margin-top: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .previous-project {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .next-project {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .credit {
    font-size: 8px;
  }

  .project-display-grid-gundam {
    grid-row-gap: 5px;
    grid-template: "Area-3"
                   "Area-6"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   "Area-10"
                   "Area-11"
                   "Area-12"
                   "Area-13"
                   "Area-14"
                   "Area-15"
                   "Area-16"
                   "Area-17"
                   / 1fr;
    margin-top: 50px;
  }

  .project-display-grid-master-chef, .project-end-line, .project-display-grid-no-country-for-old-men {
    margin-top: 0;
  }

  .end-project-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: stretch;
  }

  .project-ending-quotes {
    letter-spacing: -.5px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .project-display-grid-cubism-grill-frames {
    grid-row-gap: 5px;
    grid-template: "Area-3"
                   "Area-6"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   "Area-10"
                   "Area-11"
                   "Area-12"
                   "Area-13"
                   "Area-14"
                   "Area-15"
                   "Area-16"
                   "Area-17"
                   / 1fr;
    margin-top: 70px;
  }

  .project-display-grid-cubism-grill-design {
    margin-top: 70px;
  }

  .project-page-small-titles-no-margine-40-px {
    margin-bottom: 3px;
    font-size: 30px;
    line-height: 30px;
  }

  .project-display-grid-golds-gym {
    margin-top: 70px;
  }

  .project-page-small-titles-16-px {
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .project-display-grid-golds-gym-margine {
    margin-top: 70px;
  }

  .project-display-grid-stawberry-frames {
    grid-row-gap: 5px;
    grid-template: "Area-3"
                   "Area-6"
                   "Area-7"
                   "Area-9"
                   "Area-10"
                   "Area-12"
                   "Area-14"
                   "Area-11"
                   "Area-13"
                   "Area-15"
                   / 1fr;
    margin-top: 70px;
  }

  .project-page-small-titles-40-px {
    margin-bottom: 3px;
    margin-left: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .project-display-grid-gundam-storyboard {
    grid-template-areas: "Area-3 Area-3 Area-3 Area-3"
                         "Area-6 Area-6 Area-6 Area-6";
    margin-top: 70px;
  }

  .project-page-small-titles-no-margins-16-px-copy {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
  }

  .project-display-grid-master-chef-sketch {
    grid-template-areas: "Area-3 Area-3 Area-5"
                         "Area Area Area";
    margin-top: 70px;
  }

  .project-display-grid-no-country-for-old-men-process {
    margin-top: 70px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .project-display-grid-golds-gym-sketch {
    margin-top: 70px;
  }

  .michael-wang {
    padding-top: 10px;
    padding-left: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .main-nav-container {
    height: auto;
  }

  .nav-right {
    margin-left: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .project-concept-paragraph {
    text-align: center;
    letter-spacing: -.1px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .project-display-grid-emo-process {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "Area-3 Area-3 Area-3"
                         "Area-22 Area-16 Area-9"
                         "Area-18 Area-19 Area-20"
                         ". Area-25 Area-26";
    margin-top: 0;
  }

  .project-display-grid-emo-frames {
    grid-row-gap: 5px;
    grid-template: "Area-3"
                   "Area-22"
                   "Area-16"
                   "Area-17"
                   "Area-9"
                   "Area-27"
                   "Area-18"
                   "Area-19"
                   "Area-20"
                   "Area-21"
                   "Area-28"
                   / 1fr;
    margin-top: 50px;
  }

  .works-page-card-grid {
    justify-items: stretch;
    width: auto;
    margin-bottom: 40px;
  }

  .works-page-circle {
    width: 10px;
    margin-top: 20px;
    margin-right: 20px;
  }

  .works-page-image {
    width: 43vw;
    height: 43vw;
    margin-left: 0;
    margin-right: 0;
  }

  .works-page-video {
    width: 43vw;
    height: 43vw;
  }

  .project-display-grid-memento-sequence {
    margin-top: 50px;
  }

  .project-display-grid-memento-process {
    grid-template: "Area-3 Area-3 Area-3 Area-3"
                   "Area-17 Area-17 Area-18 Area-18"
                   "Area-22 Area-22 Area-22 Area-22"
                   "Area-13 Area-13 Area-19 Area-19"
                   "Area-23 Area-23 Area-23 Area-23"
                   "Area-21 Area-21 Area-21 Area-21"
                   "Area-20 Area-20 Area-20 Area-20"
                   "Area-25 Area-25 Area-25 Area-25"
                   "Area-26 Area-26 Area-26 Area-26"
                   / 1fr 1fr 1fr 1fr;
    margin-top: 70px;
  }

  .project-page-little-captions-flash-left {
    text-align: left;
    margin-top: 0;
    margin-bottom: 5vw;
    font-size: 15px;
  }

  .play-card-grid {
    margin-bottom: 10px;
  }

  .play-page-video, .play-page-image {
    width: 43vw;
    height: 43vw;
    margin-left: 0;
    margin-right: 0;
  }

  .play-page-grid {
    grid-column-gap: 10px;
    grid-row-gap: 5vw;
    grid-template: "Area-53 Area-55"
                   "Area-54 Area-50"
                   "Area Area-3"
                   "Area-52 Area-4"
                   "Area-7 Area-8"
                   "Area-9 Area-14"
                   "Area-16 Area-18"
                   "Area-19 Area-21"
                   "Area-24 Area-25"
                   "Area-26 Area-29"
                   "Area-30 Area-33"
                   "Area-34 Area-35"
                   "Area-36 Area-40"
                   "Area-41 Area-43"
                   "Area-44 Area-51"
                   "Area-48 ."
                   / 1fr 1fr;
  }

  .michael-wang-black {
    padding-left: 5px;
  }

  .main-nav-menu-white-bg {
    padding-right: 11px;
  }

  .nav-right-black {
    text-align: center;
  }

  .container-play-display {
    margin-top: 30vw;
  }

  .project-display-grid-casio-overview {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template: "Area-3 Area-3 Area-3 Area-3"
                   "Area-4 Area-4 Area-4 Area-4"
                   "Area-5 Area-5 Area-5 Area-5"
                   "Area-7 Area-7 Area-7 Area-7"
                   "Area-10 Area-10 Area-10 Area-10"
                   "Area-9 Area-9 Area-9 Area-9"
                   "Area-8 Area-8 Area-8 Area-8"
                   / 1fr 1fr 1fr 1fr;
    margin-top: 50px;
  }

  .casio-paragraph-flash-left {
    margin-bottom: 20px;
  }

  .casio-title {
    text-align: left;
    white-space: normal;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 20px;
    position: static;
  }

  .casio-paragraph-flash-right {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .project-display-grid-casio-taglines {
    margin-top: 30px;
  }

  .tagline-big {
    text-align: left;
    font-size: 8vw;
    line-height: 8vw;
  }

  .casio-paragraph-tagline-flash-left {
    font-size: 4vw;
    line-height: 4vw;
  }

  .casio-title-taglines-g-shock, .casio-title-taglines-timepiece, .casio-title-taglines-ek, .casio-title-taglines-calculator, .casio-title-taglines-dd {
    text-align: right;
    font-size: 4vw;
    line-height: 4vw;
  }

  .project-display-grid-casio-logo {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-areas: "Area-2 Area-2 Area-2 Area-2"
                         "Area-5 Area-5 Area-5 Area-5"
                         "Area-4 Area-4 Area-4 Area-4"
                         "Area-6 Area-6 Area-6 Area-6"
                         "Area-11 Area-11 Area-11 Area-11"
                         "Area-9 . Area-10 ."
                         "Area-7 Area-7 Area-8 Area-8";
    margin-top: 100px;
    margin-bottom: 0;
  }

  .project-display-grid-casio-brand-color {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin: 100px 15px 0;
  }

  .project-display-grid-casio-type {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-areas: "Area-10 Area-10 . . ."
                         "Area-12 Area-11 Area-11 Area-11 Area-11"
                         "Area-13 Area-14 Area-14 Area-14 Area-14";
    margin-top: 130px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .casio-type-roc-grotesk, .casio-type-neue-machina {
    margin-top: 0;
    font-size: 10px;
    line-height: 12px;
  }

  .casio-type-roc-grotesk-paragraph, .casio-type-neue-machina-paragraph {
    margin-top: 0;
    font-size: 12px;
    line-height: 14px;
  }

  .project-display-grid-casio-graphic-elements {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "Area-10 Area-10 Area-10"
                         "Area-23 Area-23 Area-23"
                         "Area-18 Area-13 Area-13"
                         "Area-19 Area-14 Area-14"
                         "Area-20 Area-15 Area-15"
                         "Area-21 Area-16 Area-16"
                         "Area-22 Area-17 Area-17"
                         "Area-12 Area-12 Area-12";
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .project-display-grid-casio-posters {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .icon-animation-lottie {
    margin-top: 20px;
  }

  .white-icon {
    direction: ltr;
    text-align: right;
    text-transform: none;
    padding-right: 0;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
  }

  .nav-menu-button-white {
    padding-right: 11px;
  }

  .project-display-grid-taibo-process {
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "Area-10 Area-10 Area-10 Area-20"
                         "Area-11 Area-11 Area-12 Area-12"
                         "Area-13 Area-13 Area-14 Area-14"
                         "Area-16 Area-15 Area-15 Area-15"
                         "Area-17 Area-17 Area-17 Area-18";
    margin-top: 70px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .menu-button-4 {
    padding-top: 15px;
    padding-right: 5px;
  }

  .concept {
    text-align: center;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 200;
    line-height: 12px;
  }

  .project-page-little-captions-flash-left-50px-indent {
    text-align: left;
  }

  .image-48 {
    margin-bottom: 100px;
  }

  .project-display-grid-cubism-grill-3d-modeling {
    margin-top: 70px;
  }

  .project-display-grid-memento {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
  }

  .image-58, .image-59, .image-60, .image-61 {
    margin-top: 15px;
  }

  .works-number {
    font-size: 25px;
    line-height: 25px;
  }

  .ending-project-00-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 5px 15px;
  }

  .hortzontal-lottie-animation {
    width: 100%;
    height: auto;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .home-nav-menu {
    justify-content: center;
  }

  .heading-2 {
    margin-bottom: 90px;
    font-size: 40px;
    line-height: 35px;
  }

  .home-info-grid {
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    grid-template: "Area Area-4 Area-4 Area-4"
                   "Area-2 Area-5 Area-5 Area-5"
                   "Area-3 Area-6 Area-6 Area-6"
                   ". Area-7 Area-7 Area-7"
                   / .5fr 1fr 1fr 1fr;
    margin-left: 15px;
    margin-right: 15px;
  }

  .info-00 {
    font-size: 15px;
    line-height: 15px;
  }

  .info-link {
    margin-left: 0;
    font-size: 15px;
    line-height: 15px;
  }

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

  .home-body {
    text-align: right;
    grid-template-areas: "Area-6 Area-6 Area-6 Area-3 Area-3 Area-3"
                         "Area Area Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2";
    align-content: stretch;
    align-items: stretch;
    font-size: 10px;
    line-height: 10px;
  }

  .home-paragraph {
    width: 90px;
  }

  .info-copyright {
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .about-container {
    margin-top: 30vw;
  }

  .info-link-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: stretch;
    margin-bottom: 35px;
  }

  .about-page-info-link {
    font-size: 10px;
    line-height: 10px;
  }

  .works-ending-info {
    grid-template: "Area-2 Area-3"
                   ". Area"
                   / 1fr 1fr;
    margin-top: 0;
  }

  .works-end-info-paragraph {
    margin-bottom: 0;
  }

  .main-brand {
    margin-left: 15px;
  }

  .nav-menu-main {
    margin-right: 15px;
  }

  .white-main-nav-container {
    height: auto;
  }

  .black-michael-wang {
    padding-top: 12px;
    padding-left: 0;
    font-size: 15px;
    line-height: 15px;
  }

  .black-nav-right {
    margin-left: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .black-nav-right.w--current {
    padding-top: 12px;
  }

  .black-nav-right.w--current:hover {
    font-size: 12px;
  }

  .end-copyright-email {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .end-info {
    text-align: right;
    margin-left: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .end-info-copyright {
    text-align: left;
    width: 150px;
    margin-bottom: 10vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .end-info-copyright-white {
    text-align: left;
    width: 150px;
    margin-right: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .end-info-white {
    text-align: right;
    margin-left: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .verticallottie-animation {
    display: block;
  }

  .new-nav-bar-black {
    flex: 0 auto;
    align-self: stretch;
  }

  .logo-and-name-container {
    text-align: left;
    margin-top: 4vw;
    margin-right: 3.5vw;
  }

  .logo-white-link, .logo-white-link.w--current {
    display: none;
  }

  .logo-white-image {
    max-width: 26vw;
    margin-top: 1vw;
    margin-left: 10px;
  }

  .nav-bar-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template: "Area-2 Area-3 Area-3 Area-5"
    / 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(auto, 1fr);
    grid-auto-columns: 1fr;
    place-content: stretch;
    place-items: stretch stretch;
    max-width: 100%;
    display: grid;
  }

  .new-nav-bar-name-white {
    margin-top: 2vw;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 5vw;
    line-height: 4.3vw;
  }

  .new-nav-bar-type-white {
    color: #000;
    text-align: center;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: 5vw;
    line-height: 5vw;
  }

  .new-nav-bar-type-white.w--current {
    color: #000;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 5vw;
    line-height: 5vw;
  }

  .new-nav-bar-title-type-white {
    margin-top: 2vw;
    margin-bottom: 0;
    font-size: 4.5vw;
    font-weight: 300;
    line-height: 4.2vw;
  }

  .new-menu-button {
    text-align: right;
  }

  .icon {
    text-align: right;
    font-size: 10vw;
    text-decoration: none;
  }

  .new-project-discription {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template: "Area-5 Area-5"
                   "Area-6 Area-6"
                   "Area-2 Area-3"
                   "Area-7 Area-8"
                   "Area-9 ."
                   / 1fr 1fr;
    margin-top: 5vw;
  }

  .project-page-category {
    margin: 15px 0 0;
    font-size: 3vw;
    font-weight: 300;
    line-height: 30px;
  }

  .project-body-text {
    margin-top: -3vw;
    font-size: 4vw;
    line-height: 4.4vw;
  }

  .project-body-text-left {
    font-size: 2.5vw;
    line-height: 2.8vw;
  }

  .sub-title-grid {
    grid-template-areas: "Area Area Area";
    margin-top: 15vw;
    margin-bottom: 2vw;
  }

  .sub-title {
    margin-bottom: 0;
    font-size: 5vw;
    line-height: 5vw;
  }

  .gundam-selected-frames-grid {
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   "Area-5 Area-6"
                   "Area-7 Area-8"
                   "Area-9 Area-10"
                   "Area-11 Area-12"
                   / 1fr 1fr;
    margin-top: 2vw;
  }

  .gundam-storyboard {
    margin-top: 2vw;
  }

  .new-project-caption {
    font-size: 2.7vw;
    line-height: 3.1vw;
  }

  .new-nav-bar-name-white-copy {
    margin-top: 2vw;
    margin-bottom: 0;
    font-size: 5vw;
    line-height: 4.3vw;
  }

  .new-nav-bar-name-black-version {
    margin-top: 2vw;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 5vw;
    line-height: 4.3vw;
  }

  .new-nav-bar-type-black-version {
    color: #000;
    text-align: center;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: 5vw;
    line-height: 5vw;
  }

  .new-nav-bar-type-black-version.w--current {
    color: #000;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 5vw;
    line-height: 5vw;
  }

  .new-nav-bar-title-black-version {
    color: #000;
    text-align: left;
    margin-top: 2vw;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 4.5vw;
    line-height: 4.2vw;
  }

  .new-nav-bar-title-black-version.w--current {
    color: #000;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 5vw;
    line-height: 5vw;
  }

  .icon-black {
    color: #000;
    text-align: right;
    font-size: 10vw;
    text-decoration: none;
  }

  .new-about-page-grid {
    grid-row-gap: 10px;
    grid-template: "Area"
                   "Area-2"
                   "Area-6"
                   "Area-5"
                   "Area-3"
                   "Area-4"
                   / 1fr;
  }

  .info-body-text {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 19px;
  }

  .image-70 {
    width: 60vw;
    margin-top: 3vw;
    margin-bottom: 5vw;
  }

  .info-page-info {
    margin-bottom: 15vw;
    font-size: 10vw;
    line-height: 10vw;
  }

  .info-body-text-copy {
    margin-top: 10vw;
    font-size: 12px;
    line-height: 16px;
  }

  .text-span-31 {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }

  .image-73 {
    display: none;
  }

  .end-info-copyright-black {
    text-align: left;
    width: 150px;
    margin-bottom: 3vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .new-project-discription-mirage {
    grid-column-gap: 20px;
    grid-row-gap: 15px;
    grid-template: "Area-5 Area-5 Area-5"
                   "Area-6 Area-6 Area-6"
                   "Area-2 Area-2 Area-3"
                   / 1fr 1fr 1fr;
    margin-top: 5vw;
  }

  .project-grid-base-mirage-selected-frames {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   "Area-10"
                   "Area-11"
                   "Area-12"
                   "Area-13"
                   "Area-14"
                   "Area-15"
                   "Area-16"
                   "Area-17"
                   "Area-18"
                   "Area-19"
                   "Area-20"
                   "Area-21"
                   "Area-22"
                   "Area-23"
                   "Area-24"
                   "Area-25"
                   "Area-26"
                   "Area-27"
                   "Area-28"
                   "Area-29"
                   "Area-30"
                   "Area-31"
                   "Area-32"
                   / 1fr;
    margin-right: 5vw;
  }

  .project-grid-base-mirage-posters {
    grid-template: "Area-9 Area-3"
                   "Area-5 Area-7"
                   "Area Area-2"
                   "Area-4 Area-6"
                   "Area-8 Area-10"
                   / 1fr 1fr;
    margin-right: 5vw;
  }

  .project-grid-base-mirage-poster-process {
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   / 1fr 1fr;
  }

  .project-break {
    height: 8vw;
  }

  .project-grid-base-mirage-premiere {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   / 1fr;
  }

  .project-grid-base-mirage-cahractor {
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "Area-2 Area-2"
                         "Area Area"
                         "Area-3 Area-3"
                         "Area-4 Area-4";
  }

  .project-grid-base-mirage-mocap, .project-grid-base-mirage-world-building, .project-grid-base-mirage-coda {
    margin-right: 5vw;
  }

  .project-grid-base-mirage-drone {
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3"
                         "Area-4 Area-4"
                         "Area-5 Area-5";
    margin-right: 5vw;
  }

  .project-grid-base-mirage-editing-compositing {
    margin-right: 5vw;
  }

  .background-video-24 {
    flex-direction: row;
    width: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
  }

  .project-nav {
    margin-top: 10vw;
  }

  .project-nav-text {
    margin-bottom: 6vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .project-grid-base-no-country-for-old-men-process {
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   "Area-5 Area-6"
                   "Area-7 Area-8"
                   "Area-9 Area-10"
                   "Area-11 Area-12"
                   "Area-13 Area-14"
                   "Area-15 Area-16"
                   / 1fr 1fr;
  }

  .end-copyright-email-home {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .project-grid-base-casio-logo {
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3"
                         "Area-5 Area-5";
  }

  .project-grid-base-casio-graphic-elemetns {
    grid-template: "Area"
                   "Area-6"
                   "Area-2"
                   "Area-7"
                   "Area-3"
                   "Area-8"
                   "Area-4"
                   "Area-9"
                   "Area-5"
                   "Area-10"
                   "Area-11"
                   / 1fr;
  }

  .project-grid-base-casio-poster {
    grid-template: "Area Area"
                   "Area-2 Area-2"
                   "Area-3 Area-3"
                   "Area-4 Area-4"
                   / 1fr 1fr;
  }

  .new-project-discription-taibo, .new-project-discription-gundam {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template: "Area-5 Area-5"
                   "Area-6 Area-6"
                   "Area-2 Area-3"
                   "Area-7 Area-8"
                   / 1fr 1fr;
    margin-top: 5vw;
  }

  .new-project-discription-master-chef {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template: "Area-5 Area-5"
                   "Area-6 Area-6"
                   "Area-2 Area-3"
                   / 1fr 1fr;
    margin-top: 5vw;
  }

  .project-grid-base-the-grill {
    grid-template-areas: "Area-2"
                         "Area-4"
                         "Area-3"
                         "Area-5"
                         "Area-6"
                         "Area-8"
                         "Area-7"
                         "Area-9";
  }

  .image-82 {
    margin-top: 10vw;
  }

  .project-grid-base-grill-selected-frames {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-10"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-11"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   "Area-12"
                   / 1fr;
  }

  .image-89 {
    width: 100%;
  }

  .project-grid-base-golds-gym-brianstrom {
    grid-template: "Area"
                   "Area-2"
                   / 1fr;
  }

  .project-grid-base-golds-gym-sketch {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   / 1fr;
  }

  .new-project-discription-starberry-car {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template: "Area-5 Area-5"
                   "Area-6 Area-6"
                   "Area-2 Area-3"
                   / 1fr 1fr;
    margin-top: 5vw;
  }

  .project-grid-base-strawberry-car-sketch {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   / 1fr;
  }

  .project-grid-base-strawberry-car-1-0-desgin {
    grid-template: "Area Area"
                   "Area-2 Area-2"
                   "Area-3 Area-3"
                   "Area-4 Area-4"
                   / 1fr 1fr;
  }

  .new-project-discription-nocountry {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template: "Area-5 Area-5"
                   "Area-6 Area-6"
                   "Area-2 Area-3"
                   "Area-7 ."
                   / 1fr 1fr;
    margin-top: 5vw;
  }

  .new-project-discription-emo {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    grid-template: "Area-5 Area-5"
                   "Area-6 Area-6"
                   "Area-2 Area-3"
                   / 1fr 1fr;
    margin-top: 5vw;
  }

  .project-grid-base-emo-slected-frames {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   "Area-10"
                   / 1fr;
  }

  .project-grid-base-emo-stle-frames {
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   "Area-4"
                   "Area-5"
                   "Area-6"
                   "Area-7"
                   "Area-8"
                   "Area-9"
                   / 1fr;
  }

  .logo-white-gif {
    max-width: 26vw;
    margin-top: 1vw;
    margin-left: 10px;
  }
}

#w-node-bbbcb38b-33ea-e6b4-51d2-7e958b0b1424-a5c2e001 {
  grid-area: Area;
  place-self: center;
}

#w-node-_85b0cfa3-44cc-2c91-6dd2-91b0a60f6166-a5c2e001 {
  grid-area: Area-3;
  place-self: start center;
}

#w-node-be2c44d5-182b-eab1-bebe-564abe648fdd-a5c2e001 {
  grid-area: Area-6;
  place-self: start;
}

#w-node-e63cd1c6-77b9-7227-3a2d-ae10d1593b17-a5c2e001, #w-node-d04ac303-9236-83a7-d2cf-6f6c5aebee2b-a5c2e001 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d130-b036d130 {
  grid-area: Area-2;
  place-self: end;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d131-b036d130 {
  grid-area: Area-4;
  justify-self: auto;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d133-b036d130 {
  grid-area: Area-5;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d135-b036d130 {
  grid-area: Area-6;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d137-b036d130 {
  grid-area: Area-2;
  justify-self: start;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d139-b036d130 {
  grid-area: Area;
  justify-self: start;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d13b-b036d130 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d13d-b036d130 {
  grid-area: Area-7;
}

#w-node-f32ecf8c-96cd-56b3-14e2-014789039e2a-069a0ab1 {
  grid-area: Area-12;
}

#w-node-a344ea4d-b9ee-d35a-75ee-99cb2b9672c6-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#taibo-s-counterattack.w-node-_526b67c2-65a5-736a-2703-d5d0486f78ce-069a0ab1 {
  grid-area: Area;
}

#w-node-_2933e239-ebe6-7f08-8336-eb848175041d-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_0c4e8c4c-0b78-4b65-c0b6-f2e2706851d0-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-_55c83299-c247-d9b9-fbbc-d15a0af42197-069a0ab1 {
  grid-area: Area-10;
}

#w-node-_55c83299-c247-d9b9-fbbc-d15a0af42198-069a0ab1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_55c83299-c247-d9b9-fbbc-d15a0af42199-069a0ab1 {
  grid-area: Area-4;
}

#w-node-_55c83299-c247-d9b9-fbbc-d15a0af4219a-069a0ab1 {
  grid-area: Area;
  align-self: auto;
}

#w-node-_55c83299-c247-d9b9-fbbc-d15a0af4219c-069a0ab1 {
  grid-area: Area-3;
}

#w-node-f9e256a8-9edc-7e33-e324-d4e859fb68ef-069a0ab1 {
  grid-area: Area;
}

#w-node-f9e256a8-9edc-7e33-e324-d4e859fb68f1-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#taibo-s-counterattack.w-node-f9e256a8-9edc-7e33-e324-d4e859fb68f3-069a0ab1 {
  grid-area: Area;
}

#w-node-f9e256a8-9edc-7e33-e324-d4e859fb68f8-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-f9e256a8-9edc-7e33-e324-d4e859fb68fc-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-b400b952-b4e8-a32d-1833-a8c98ee2e3a5-069a0ab1 {
  grid-area: Area-3;
}

#w-node-bd7d23ee-707a-cef6-0bca-d58188b3fcb4-069a0ab1 {
  grid-area: Area-10;
}

#w-node-_6dc7350a-cc0f-e742-635a-a114c6d5bc3f-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-_00b47b54-0041-9e19-c97b-2b13eb924cc4-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-fead975b-8dda-386b-e1eb-f5474d7d2ba2-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_06d37e7d-3384-6b0a-962b-3555b45926a5-069a0ab1 {
  grid-area: Area;
}

#w-node-_608984e6-0b59-cd6b-d195-b4b74e71ece7-069a0ab1 {
  grid-area: Area-11;
}

#w-node-ab4fcb04-49c0-f6e6-69f1-dd24a11b914b-069a0ab1 {
  grid-area: Area-10;
}

#w-node-_56d60b4a-8b53-7377-9fe7-206dd144d285-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-_5137a950-a690-289f-90ad-9ab1cf448730-069a0ab1 {
  grid-area: Area;
}

#w-node-_23d555ed-33f0-fe54-ffac-54946ca21fb4-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_4c2ab72f-b6ca-2b80-a7cd-57b6364634b7-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-_5660eb46-a1ba-4a3c-a78b-f5799d1c29b4-069a0ab1 {
  grid-area: Area-2;
}

#w-node-_38042ef4-a0a7-13de-3958-99fc46620592-069a0ab1 {
  grid-area: Area-10;
}

#w-node-ce989247-1dad-4161-5b66-f7dc3f357af4-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-eff529f9-6120-f84f-4f68-2dcf4e964674-069a0ab1 {
  grid-area: Area;
}

#w-node-_9fbce7de-5917-2e50-6e1d-e6cb31f1b843-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-d75b667c-486b-5702-51e5-1c0b57161531-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-cef6ce12-7ff8-a646-2ec6-ccc812a90b9d-069a0ab1 {
  grid-area: Area-4;
}

#w-node-_32844cdb-9d6e-1574-1367-0ff1d6043b5e-069a0ab1 {
  grid-area: Area-10;
}

#w-node-b74e82a4-1a4b-4ac8-0536-ce3f980bad1d-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-_92600f91-d3b0-e5e9-2195-19f57878b4ac-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-dc5138cb-bc1a-0c15-aed5-5542c36b4de8-069a0ab1 {
  grid-area: Area;
}

#w-node-_486c221c-0622-b9d4-9ba7-08914fbeb0bb-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_6ae6ef5e-3bab-8c8a-f5af-c2e5843fe6e7-069a0ab1 {
  grid-area: Area-5;
}

#w-node-_1c850c8c-f0e1-f717-3d29-d9afee38a008-069a0ab1 {
  grid-area: Area-10;
}

#w-node-fb650be7-df78-63fa-b7cc-40e7604da34e-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-_38bfd5da-42a7-c8d2-e7f0-9bea58d321dd-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-_97530824-3071-bbae-4984-7604678cb89d-069a0ab1 {
  grid-area: Area;
}

#w-node-_3aa4fb8b-13bf-4bbb-37fe-ad9419f0f371-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_21bca273-3677-87c4-a45b-dec940d779b3-069a0ab1 {
  grid-area: Area-6;
}

#w-node-_930dd375-33fc-f93c-a800-4177f3a34680-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-_49a70bba-8cb5-2e34-fdb4-ca38a5f67ff7-069a0ab1 {
  grid-area: Area;
}

#w-node-_657788e3-c413-ae4c-6d22-05c11606e280-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-b7a94f34-4126-aa62-08a5-a4781432fe24-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_12058ae7-e804-f503-c84d-0f87b797eafe-069a0ab1 {
  grid-area: Area-9;
}

#w-node-d6ca8bb7-9ecc-2a2f-cea6-1e6b50e57467-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-db55f9b5-5f75-ce15-7c8f-0650308f04ae-069a0ab1 {
  grid-area: Area;
}

#w-node-_364b4710-16af-c4bd-bffc-15d7532bb101-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_05d0dc36-e0bb-3de7-7356-f016c55df774-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-_483302be-2a71-aae0-1e74-1e2d786c16d3-069a0ab1 {
  grid-area: Area-7;
}

#w-node-b09e1a14-199c-4f53-dd31-63cf00dfa7b2-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-cc540b4c-f3ff-b687-cb9d-b956067e85ac-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-_165f9218-af8a-0a2d-3337-626e3847625d-069a0ab1 {
  grid-area: Area;
}

#w-node-f61c8c43-deba-813c-edff-1d87099934be-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-acb68e8f-1810-0182-42b5-98b9392bf4b3-069a0ab1 {
  grid-area: Area-8;
}

#w-node-ba44de75-5b40-d74f-8d79-d87c43ac64e7-069a0ab1 {
  grid-area: Area-10;
}

#w-node-_13cb25db-f292-b9c5-32ce-e58bb097d668-069a0ab1 {
  grid-area: Area-5;
  place-self: start;
}

#w-node-_13edc92e-11d9-4b6f-b91e-5aa80b6efac5-069a0ab1 {
  grid-area: Area;
}

#w-node-_65ee08a9-e442-e95e-d960-3e3ea6befb4a-069a0ab1 {
  grid-area: Area-4;
  place-self: center;
}

#w-node-fb9d9348-370e-c0e7-bdb8-47f0f42a0c21-069a0ab1 {
  grid-area: Area-3;
  justify-self: start;
}

#w-node-_9773b0ac-4770-6c0f-0fa2-7f18abb98cb4-069a0ab1 {
  grid-area: Area;
  place-self: center start;
}

#w-node-_0d0542c2-ba19-d8cc-eba7-207d711d020e-711d020b {
  grid-area: Area-3;
  place-self: start;
}

#w-node-ae417c4f-2d99-bf0d-044c-9c93745280d8-711d020b {
  grid-area: Area-2;
}

#w-node-_0d0542c2-ba19-d8cc-eba7-207d711d0212-711d020b {
  grid-area: Area-2;
  place-self: start;
}

#w-node-_0d0542c2-ba19-d8cc-eba7-207d711d0217-711d020b {
  grid-area: Area;
  place-self: start center;
}

#w-node-_0d0542c2-ba19-d8cc-eba7-207d711d0219-711d020b {
  grid-area: Area-5;
  place-self: start end;
}

#w-node-_19dd4083-e132-8d98-5c33-bff0bbd10106-c95feb19 {
  grid-area: Area-17;
}

#w-node-_1f58d2a8-eaa5-9214-363a-172c44055f4b-c95feb19 {
  grid-area: Area-2;
}

#w-node-_1a757b6d-f57c-e578-6a87-02d5ae571686-c95feb19 {
  grid-area: Area;
}

#w-node-_68db298c-092b-d53c-35e9-fd1fa7c96bdc-c95feb19 {
  grid-area: Area-21;
}

#w-node-d34695e2-53b0-9d23-845a-7c261839b89f-c95feb19 {
  grid-area: Area-2;
}

#w-node-b2c3e701-6338-cae5-63b4-50931581ec9a-c95feb19 {
  grid-area: Area;
}

#w-node-_33d1f4ad-eff2-3990-9927-74fb7c1d2310-c95feb19 {
  grid-area: Area-8;
}

#w-node-_71e0b290-9b3d-7295-faa7-83dad1dc9f6f-c95feb19 {
  grid-area: Area-2;
}

#w-node-bc0f07c6-7954-4145-73ba-9f1b2cd76f91-c95feb19 {
  grid-area: Area;
}

#w-node-_386f7799-4ee4-23d6-4769-67e2bb99cfbb-c95feb19 {
  grid-area: Area-15;
}

#w-node-_971cbba9-ec44-5716-df35-df9c18d88f40-c95feb19 {
  grid-area: Area;
}

#w-node-_4c1cd2a9-73a8-905c-45fc-6c712bd637cd-c95feb19 {
  grid-area: Area-2;
}

#w-node-_966ebbda-cb1b-775e-513a-3e9f56082e0c-c95feb19 {
  grid-area: Area-25;
}

#w-node-f09b154f-bfdb-7ac8-a29f-2b9f2cebe282-c95feb19 {
  grid-area: Area-2;
}

#w-node-_16cc795c-9cd2-df39-7c6e-f8adbb1f6b4b-c95feb19 {
  grid-area: Area;
}

#w-node-_7e9407de-f8ff-1278-f50d-38b1cd8ea45a-c95feb19 {
  grid-area: Area-26;
}

#w-node-_447fd865-6fbe-c8c0-1599-71cedf0e7d25-c95feb19 {
  grid-area: Area-2;
}

#w-node-d2e55ac4-7901-88a4-fd73-c03d43afc7ca-c95feb19 {
  grid-area: Area;
}

#w-node-db39eb5f-4bfd-68d8-0345-b1581d70a0a3-c95feb19 {
  grid-area: Area-43;
}

#w-node-_2e159191-f71a-1a5d-c9d6-958d8b9e4d60-c95feb19 {
  grid-area: Area-2;
}

#w-node-_76ac8238-a31c-fe6e-60de-1e618b6b3400-c95feb19 {
  grid-area: Area;
}

#w-node-_4d8825af-4197-42d8-d7c8-a3e0c3a3fd0c-c95feb19 {
  grid-area: Area-44;
}

#w-node-_7088f088-c9de-39f4-cac6-3b07998b59c6-c95feb19 {
  grid-area: Area-2;
}

#w-node-_884763c9-2523-ce3a-ff2d-4b43eaf727a6-c95feb19 {
  grid-area: Area;
}

#w-node-a1b1fac1-b7f2-2002-e64a-650b77ae78d4-c95feb19 {
  grid-area: Area-48;
}

#w-node-_69038f75-a06e-31b7-f55a-ff404cb7f325-c95feb19 {
  grid-area: Area-2;
}

#w-node-c51bb04f-af4d-d318-3e43-26ed16537cc1-c95feb19 {
  grid-area: Area;
}

#w-node-_430c692a-f9c4-898c-efac-3d2c679e7052-c95feb19 {
  grid-area: Area-53;
}

#w-node-_430c692a-f9c4-898c-efac-3d2c679e7053-c95feb19 {
  grid-area: Area-2;
}

#w-node-_430c692a-f9c4-898c-efac-3d2c679e7057-c95feb19 {
  grid-area: Area;
}

#w-node-_4644ee9d-ddf7-e1b0-5c4a-e677ddd1999d-c95feb19 {
  grid-area: Area-33;
}

#w-node-c55d0a65-9652-c338-5f75-15d136d0e1c5-c95feb19 {
  grid-area: Area-2;
}

#w-node-f222b20c-a70a-bdb4-58da-34bd2a5410aa-c95feb19 {
  grid-area: Area;
}

#w-node-_2fa30afe-c75a-1f54-89dd-ea66c60ad960-c95feb19 {
  grid-area: Area-34;
}

#w-node-_53f8f4ef-fae6-535e-fa21-a4980f1b5126-c95feb19 {
  grid-area: Area-2;
}

#w-node-_1e53c74a-e7f4-01d3-1c24-cec07fe9fed4-c95feb19 {
  grid-area: Area;
}

#w-node-_6fa69809-b76b-438e-d313-1bdbbae5b527-c95feb19 {
  grid-area: Area-35;
}

#w-node-_120240ea-4c86-3676-740e-a8ee4d560b03-c95feb19 {
  grid-area: Area-2;
}

#w-node-aee9b820-14c5-d173-e1d6-30c6d44da4d4-c95feb19 {
  grid-area: Area;
}

#w-node-_4b412017-0b1c-74e4-ee7e-a1e1d5583ce0-c95feb19 {
  grid-area: Area-23;
}

#w-node-_98e8c2dc-7475-3fa1-f953-19f0aaac65d6-c95feb19 {
  grid-area: Area;
}

#w-node-ee182088-db56-d7ed-2d15-0a21d7c6dd95-c95feb19 {
  grid-area: Area-2;
}

#w-node-db943d0d-d833-7411-d947-58caac1907db-c95feb19 {
  grid-area: Area-14;
}

#w-node-aacec26d-9d35-116f-6c9b-7376948e603b-c95feb19 {
  grid-area: Area-2;
}

#w-node-_9fdc73c6-209d-4a1d-5887-c0ffb427bc4e-c95feb19 {
  grid-area: Area;
}

#w-node-_312cd359-986c-5be5-214b-ffcb876efb66-c95feb19 {
  grid-area: Area-9;
}

#w-node-_28701031-e7d2-66ce-d6b3-7235c51a9571-c95feb19 {
  grid-area: Area-2;
}

#w-node-af6b037b-7b64-5748-4fc3-256af1057524-c95feb19 {
  grid-area: Area;
}

#w-node-_4e9d22a3-f619-610a-ce5c-3110d85a45fd-c95feb19 {
  grid-area: Area-3;
}

#w-node-_85fed825-a481-3198-bc96-fedc221c767e-c95feb19 {
  grid-area: Area;
}

#w-node-be35d5d6-bb0b-1920-a6bd-792a1fd056f3-c95feb19 {
  grid-area: Area-2;
}

#w-node-_3f9d4c2b-a08d-f49e-996f-b1124516f7c4-c95feb19 {
  grid-area: Area-4;
}

#w-node-_7c5a9f7c-b037-deb3-0091-f2d4bdad8b49-c95feb19 {
  grid-area: Area-2;
}

#w-node-_8771a115-b286-c68e-c810-04f0d0bccae7-c95feb19 {
  grid-area: Area;
}

#w-node-_3f05283e-c963-de00-8dac-9765924aa849-c95feb19 {
  grid-area: Area-5;
}

#w-node-b7b36a19-4664-e676-9555-12509797c5a6-c95feb19 {
  grid-area: Area-2;
}

#w-node-fc461d36-2bb0-bfbc-b564-6625ff69ef68-c95feb19 {
  grid-area: Area;
}

#w-node-c92a03a6-1acd-8400-4251-19c9acabc859-c95feb19 {
  grid-area: Area-50;
}

#w-node-_98fec1d9-2693-fe8f-0ca5-11f002e56436-c95feb19 {
  grid-area: Area;
}

#w-node-c0ad4e8b-0e74-4aa2-089e-52862845f44d-c95feb19 {
  grid-area: Area-2;
}

#w-node-_2690ca63-c287-c513-7522-4b6382d784a6-c95feb19 {
  grid-area: Area;
}

#w-node-_0fae4cf2-d61c-c0e2-f009-bf6676fc1557-c95feb19 {
  grid-area: Area-2;
}

#w-node-_9ab5d7e1-7268-2a10-95dc-bea043e554b9-c95feb19 {
  grid-area: Area;
}

#w-node-_70aa9c5a-280f-fcc0-e262-fd8dcf9b92ae-c95feb19 {
  grid-area: Area-7;
}

#w-node-_156d5c97-a744-10b9-1644-62b78fced9be-c95feb19 {
  grid-area: Area;
}

#w-node-d0624d3b-0ed3-f9c1-66da-3953c0e3f3f2-c95feb19 {
  grid-area: Area-2;
}

#w-node-e59a537b-142e-c611-7454-299e44b17e91-c95feb19 {
  grid-area: Area-28;
}

#w-node-_3f88fbb4-ad29-572f-edd9-c0608b3ba043-c95feb19 {
  grid-area: Area-2;
}

#w-node-_7643c78d-060b-6c85-a2a4-dea9390105cc-c95feb19 {
  grid-area: Area;
}

#w-node-_0d6ff244-0e11-b3bc-c051-11b46c234be6-c95feb19 {
  grid-area: Area-27;
}

#w-node-_089d669c-c518-72da-7358-09aed966785a-c95feb19 {
  grid-area: Area;
}

#w-node-b47da7f7-b405-0b78-3de0-86939a894059-c95feb19 {
  grid-area: Area-2;
}

#w-node-_77074d97-b19b-24d1-979b-0132c29ea62e-c95feb19 {
  grid-area: Area-29;
}

#w-node-_0cb0daac-2eac-1d70-4b7a-1558523faaa4-c95feb19 {
  grid-area: Area-2;
}

#w-node-_80ff0375-c5c1-90dd-84f2-5ca08e1f73f1-c95feb19 {
  grid-area: Area;
}

#w-node-_46b59b94-086f-3c85-54c8-084c782f2136-c95feb19 {
  grid-area: Area-36;
}

#w-node-d084401c-ae07-3f30-1f24-30c9d71804c5-c95feb19 {
  grid-area: Area-2;
}

#w-node-_7ffb1969-bc3c-7c77-be15-96d2548a1e6d-c95feb19 {
  grid-area: Area;
}

#w-node-ccc67738-ece6-e84e-3607-a89196391a9c-c95feb19 {
  grid-area: Area-40;
}

#w-node-fd42daa1-89b8-eb0e-8fec-7aafa754f8ae-c95feb19 {
  grid-area: Area-2;
}

#w-node-_6a110b65-fa72-fda9-e2aa-1a76410282b2-c95feb19 {
  grid-area: Area;
}

#w-node-f6269c03-ee96-ef0d-4d18-cc02ef33934c-c95feb19 {
  grid-area: Area-42;
}

#w-node-_12a19f69-95f7-197e-c01c-eb657bbcee9c-c95feb19 {
  grid-area: Area;
}

#w-node-_460c72d2-8c76-417d-a182-b2c270359423-c95feb19 {
  grid-area: Area-2;
}

#w-node-_938054ef-8b74-4502-7fa6-39632d4a3ae3-c95feb19 {
  grid-area: Area-49;
}

#w-node-_9f53574b-7ee3-c556-cab3-bd64a9bc0802-c95feb19 {
  grid-area: Area-2;
}

#w-node-_14521a90-fb04-d7db-4d2e-66e4a4643ffa-c95feb19 {
  grid-area: Area;
}

#w-node-_7543b46c-82fe-2be1-d4ce-fdf4a0401b28-c95feb19 {
  grid-area: Area-51;
}

#w-node-_7543b46c-82fe-2be1-d4ce-fdf4a0401b29-c95feb19 {
  grid-area: Area-2;
}

#w-node-_3d3f9481-3d8d-4efe-0b70-c7794cb3de0d-c95feb19 {
  grid-area: Area-54;
}

#w-node-_3d3f9481-3d8d-4efe-0b70-c7794cb3de0e-c95feb19 {
  grid-area: Area-2;
}

#w-node-ad960402-bef5-683d-8a42-f95f8aba76bb-8aba76ba {
  grid-area: Area;
  place-self: center start;
}

#w-node-_3dc438c1-eac4-118f-2696-ed7e510f6557-510f6554 {
  grid-area: Area-3;
  place-self: start;
}

#w-node-_3dc438c1-eac4-118f-2696-ed7e510f655b-510f6554 {
  grid-area: Area-2;
}

#w-node-_3dc438c1-eac4-118f-2696-ed7e510f655c-510f6554 {
  grid-area: Area-2;
  place-self: start;
}

#w-node-_3dc438c1-eac4-118f-2696-ed7e510f6561-510f6554 {
  grid-area: Area;
  place-self: start center;
}

#w-node-_06bb864a-5a49-93f7-8dc1-0ca3e473f9cb-510f6554 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3dc438c1-eac4-118f-2696-ed7e510f6563-510f6554 {
  grid-area: Area-5;
  place-self: start end;
}

#w-node-_8f533c9a-8c65-77cd-4cb9-8aaa378705ec-c0959039 {
  grid-area: Area-15;
}

#w-node-_4914ae23-55b0-f272-322c-62d849083417-c0959039 {
  grid-area: Area-16;
}

#w-node-a277fca4-f20e-ccb9-ac30-db08eae504c1-c0959039 {
  grid-area: Area;
  place-self: stretch stretch;
}

#w-node-_00c3eb2f-794b-e0d1-6f31-6bd532c2b863-c0959039 {
  grid-area: Area-2;
  place-self: stretch stretch;
}

#w-node-_68fbe82a-5bb4-7983-2f43-9d02d3d0e3cf-c0959039 {
  grid-area: Area-14;
}

#w-node-_8b29276a-5634-f59d-37a0-e9fea1ff1343-c0959039 {
  grid-area: Area-17;
  place-self: end stretch;
}

#w-node-_12e53c8a-4445-53e1-3aa1-868f726dc117-c0959039 {
  grid-area: Area-12;
  place-self: end start;
}

#w-node-ba75c1a2-f221-8fee-cf28-817d4f35134a-c0959039 {
  grid-area: Area-13;
  align-self: end;
}

#w-node-d9f05062-89d5-f0da-a325-63e7820a8c5f-c0959039 {
  grid-area: Area-19;
}

#w-node-_69f09cdf-5bb9-1278-ea7e-486a9924d1da-c0959039 {
  grid-area: Area-4;
  place-self: auto center;
}

#w-node-_7685d277-7662-3f97-cf56-bcf2aa75188d-c0959039 {
  grid-area: Area-3;
  justify-self: center;
}

#w-node-bef8fed9-2d19-b2b0-5de6-f857caf7bafe-c0959039 {
  grid-area: Area-2;
  justify-self: center;
}

#w-node-_9e09b1ac-e407-f9af-1ae2-bd634722af99-c0959039 {
  grid-area: Area;
  place-self: auto center;
}

#w-node-_1530dddc-7a4d-50bb-c765-712235bb84e2-c0959039 {
  grid-area: Area;
}

#w-node-_5e93d445-3245-9214-2adb-f84ef00b5e5a-c0959039 {
  grid-area: Area-13;
  align-self: start;
}

#w-node-_4659c943-4a35-7b64-134d-ff8fd31eba27-c0959039 {
  grid-area: Area-12;
  align-self: start;
}

#w-node-_3b069177-e084-03ad-f7cf-90f1beb4f820-c0959039 {
  grid-area: Area-9;
  justify-self: center;
}

#w-node-_568c410b-4140-5b4d-f705-a627bc269059-c0959039 {
  grid-area: Area-5;
  justify-self: center;
}

#w-node-_6c1bd86e-c0f5-2d7d-5460-f7b6f785fca0-c0959039 {
  grid-area: Area-20;
  justify-self: center;
}

#w-node-_2ae8d738-307d-2158-a59f-e42bae9c125e-c0959039 {
  grid-area: Area-2;
  justify-self: auto;
}

#w-node-_39120cf7-ebc2-ffd4-d676-57113433227e-c0959039 {
  grid-area: Area-3;
  place-self: auto center;
}

#w-node-_93547767-9ad5-3d2c-b6ed-13855c114495-aafb645c {
  grid-area: Area-28;
}

#w-node-f67d1d99-b704-4068-1b1b-31951f95cdc3-aafb645c {
  grid-area: Area-4;
}

#taibo-back-to-top.w-node-_4e112de3-9072-5c87-e8c5-f8236be489e1-aafb645c {
  grid-area: Area;
}

#w-node-_2f6ce193-4b60-f01c-df93-6f082cb2deaa-aafb645c {
  grid-area: Area-8;
}

#w-node-b90c9302-ad26-9cfd-bcdd-a5cc83b17cad-aafb645c {
  grid-area: Area-29;
}

#w-node-_6a7b02e9-fb7a-a82a-3d39-9a8aa5442ea0-aafb645c {
  grid-area: Area-12;
}

#w-node-_1211a68b-9d81-3101-6691-7bf58398aaa4-aafb645c {
  grid-area: Area-10;
}

#w-node-_42497fa7-aea6-d9c5-fa00-55252b84aae9-aafb645c {
  grid-area: Area-3;
}

#w-node-_2d5181e3-2d5c-67ef-4274-faa32f66d539-aafb645c {
  grid-area: Area-7;
}

#w-node-f74818c1-6e80-58d9-4831-093966534fd1-aafb645c {
  grid-area: Area-2;
}

#w-node-_9712d8da-fec0-0f76-258c-0215e158e58b-aafb645c {
  grid-area: Area-5;
}

#w-node-bfb79e00-9980-c4c9-ec7b-1c328bd7fde4-aafb645c {
  grid-area: Area-4;
}

#w-node-f4d28273-c215-e27a-d02c-df44299d4151-aafb645c {
  grid-area: Area-6;
}

#w-node-dbac3368-0094-c856-710f-0e9917379c6b-aafb645c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_33e379f3-fbc6-a085-daa0-f9b496a52ef7-aafb645c {
  grid-area: Area;
}

#w-node-_73694cb1-2a84-8cf2-53e9-15c7670e936b-aafb645c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f9f3db33-d1a7-15e7-5000-471817545d26-aafb645c {
  grid-area: Area-4;
}

#w-node-_76ffee6f-9801-de8b-bb0d-60703f30dc48-aafb645c {
  grid-area: Area-3;
}

#w-node-_9a1c7b49-9fcf-0223-7072-66094f39f4cc-aafb645c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cbcf372-ee21-8ef8-9a8f-44c8ab1235d5-aafb645c {
  grid-area: Area-6;
}

#w-node-cadfb78e-65fc-33c2-03b6-d9fa37c5a233-aafb645c {
  grid-area: Area-5;
}

#w-node-d16151f1-02a5-9821-9c15-516dbb71b1f0-aafb645c, #w-node-_26806c06-3ec4-75de-197e-99a121d4a2f0-aafb645c {
  grid-area: Area-2;
}

#w-node-_26806c06-3ec4-75de-197e-99a121d4a2f2-aafb645c {
  grid-area: Area;
}

#w-node-_6b018616-100d-1329-b23d-bd3edcc3c228-dcc3c227 {
  grid-area: Area;
  place-self: center start;
}

#w-node-_02f1851d-67e4-c7c8-2c8c-2723e4809251-36076df0 {
  grid-area: Area-5;
}

#w-node-_11017c37-b85f-c9ec-5c49-938682ad9d01-36076df0 {
  grid-area: Area-3;
}

#w-node-_1acca5d5-74b7-1ce7-adc0-ed6d35d1f934-36076df0 {
  grid-area: Area-6;
}

#w-node-_97f63cfe-c5b0-a6f4-4dd9-d90090cd6996-36076df0 {
  grid-area: Area-2;
}

#w-node-b57a8750-1196-a45b-e577-40d43e8955a7-36076df0 {
  grid-area: Area-4;
}

#w-node-af95cc30-60b7-d548-49f2-8decf23ae8f3-36076df0 {
  grid-area: Area-7;
}

#w-node-c6eca0ce-ba36-01ad-2c1a-3fef90fb4691-36076df0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8af29d86-ce83-8fa7-b2f4-1921bd4098ea-36076df0 {
  grid-area: Area-3;
}

#w-node-e6ff1734-a3a1-b686-aadd-0bc5e3eb5bb3-36076df0 {
  grid-area: Area-5;
}

#w-node-a024b747-36f3-8aca-1201-756de80e2832-36076df0 {
  grid-area: Area-10;
}

#w-node-_389a5fff-d748-819d-9bd0-15bd6fb2dc7f-36076df0 {
  grid-area: Area-8;
}

#w-node-_41bd4ced-ad71-66fc-c5ce-56fe58fe3fd4-36076df0 {
  grid-area: Area-7;
}

#w-node-d08b4bc0-19ba-5580-844a-1cb668ebe178-36076df0 {
  grid-area: Area-6;
}

#w-node-_724efaec-93e3-9006-b325-2605ad9af38b-36076df0 {
  grid-area: Area-11;
}

#w-node-_2b2ecbfa-9576-860c-459b-268da35bb435-36076df0 {
  grid-area: Area;
}

#w-node-d9512cdb-bc6a-7f15-52e4-19dc588cb3b3-36076df0 {
  grid-area: Area-12;
}

#w-node-_1bdc00f2-c42d-5eca-5b46-4503109322f0-36076df0 {
  grid-area: Area-4;
}

#w-node-_46a36164-afcd-0158-43c3-d92b71b283af-36076df0 {
  grid-area: Area-9;
}

#w-node-_2d8409a7-c834-dad8-304c-c5cf192dd3b6-36076df0 {
  grid-area: Area-2;
}

#w-node-_6d1c9592-7196-443a-c3a9-067f778ae816-36076df0, #w-node-b6a759d4-cc15-92ac-4871-9c7cb35e5bc0-36076df0 {
  grid-area: Area;
}

#w-node-a67bde12-592a-0d56-02ee-ee5f57bdf2e1-36076df0 {
  grid-area: Area-2;
}

#w-node-a67bde12-592a-0d56-02ee-ee5f57bdf2e3-36076df0 {
  grid-area: Area;
}

#w-node-_0ce168e9-6d43-a3cc-c396-15b452eb8a73-c17ba49d {
  grid-area: Area-6;
}

#w-node-_7a737480-3f4a-71a6-7c90-df8c90aa00de-c17ba49d {
  grid-area: Area-3;
}

#w-node-d718e613-fb99-7f8f-60d4-760809768724-c17ba49d {
  grid-area: Area-5;
}

#w-node-_8206fcc2-661f-31fb-1e5e-39649a8d0f83-c17ba49d {
  grid-area: Area-2;
}

#w-node-_415c08a2-2100-c5b1-3cb9-34380921dab8-c17ba49d {
  grid-area: Area;
}

#w-node-_130fec33-61bc-128a-7c16-1099ba7dacc7-c17ba49d {
  grid-area: Area-2;
}

#w-node-_6639eaef-737c-2607-c190-d160549280d8-c17ba49d {
  grid-area: Area-6;
}

#w-node-_9759108c-5d71-72cf-4fc9-44e29bfe7dc5-c17ba49d {
  grid-area: Area-15;
  align-self: end;
}

#w-node-_81323900-94b8-87d1-9b80-1e6752e5e9d7-c17ba49d {
  grid-area: Area-12;
  place-self: end;
}

#w-node-_1e9d3b44-3fad-39da-9bab-83c71da2328b-c17ba49d {
  grid-area: Area-13;
  place-self: end;
}

#w-node-_30442d3e-63c9-6e5d-45a8-f5934dac9d96-c17ba49d {
  grid-area: Area-11;
  align-self: end;
}

#w-node-_96d5ef2d-c141-9655-4664-eaed0808b779-c17ba49d {
  grid-area: Area-16;
  align-self: end;
}

#w-node-ad59c2ab-2b51-146b-a210-f04e1a3a755d-c17ba49d {
  grid-area: Area-10;
  place-self: end;
}

#w-node-_7a7bbe13-3b41-00f8-06c4-e74635691f7b-c17ba49d {
  grid-area: Area-14;
  align-self: end;
}

#w-node-_8e43bf56-f51d-3778-13af-af9a125531f2-c17ba49d {
  grid-area: Area-17;
  align-self: end;
}

#w-node-c59a60c6-c8c2-76bd-90b3-2539ee0bce75-c17ba49d {
  grid-area: Area-18;
  place-self: end;
}

#w-node-_66e9b188-a4a5-8210-9be8-dcae37a030fd-c17ba49d {
  grid-area: Area-19;
  place-self: end;
}

#w-node-_6a409190-7e32-dfb9-6eb8-ec0b3cf4afaf-c17ba49d {
  grid-area: Area-9;
}

#w-node-f937d626-1401-77bf-305f-95c14aa24fc6-c17ba49d {
  grid-area: Area-8;
}

#w-node-_9bf85e7a-042f-86cb-119d-4859fb4175a4-c17ba49d {
  grid-area: Area-3;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ed3-c17ba49d {
  grid-area: Area-2;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ed5-c17ba49d {
  grid-area: Area-6;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ed7-c17ba49d {
  grid-area: Area-5;
  justify-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ed9-c17ba49d {
  grid-area: Area-15;
  align-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1edb-c17ba49d {
  grid-area: Area-12;
  place-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1edd-c17ba49d {
  grid-area: Area-13;
  place-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1edf-c17ba49d {
  grid-area: Area-11;
  align-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ee1-c17ba49d {
  grid-area: Area-16;
  align-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ee3-c17ba49d {
  grid-area: Area-10;
  place-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ee5-c17ba49d {
  grid-area: Area-14;
  align-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ee7-c17ba49d {
  grid-area: Area-17;
  align-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ee9-c17ba49d {
  grid-area: Area-18;
  place-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1eeb-c17ba49d {
  grid-area: Area-19;
  place-self: end;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1eed-c17ba49d {
  grid-area: Area-9;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1eef-c17ba49d {
  grid-area: Area-8;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ef1-c17ba49d {
  grid-area: Area-7;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1ef2-c17ba49d {
  grid-area: Area-3;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1f00-c17ba49d {
  grid-area: Area-4;
  justify-self: start;
}

#w-node-ebcbdec1-7c83-569f-ae84-8166309f1f02-c17ba49d {
  grid-area: Area;
  justify-self: end;
}

#w-node-f710fd93-b87e-7c2a-867b-99e98ac3f488-c17ba49d {
  grid-area: Area;
}

#w-node-_16911c7c-d6d9-eb42-004f-36537365d22f-c17ba49d {
  grid-area: Area-2;
}

#w-node-_95997719-17a1-65b1-16f3-9e02cb339b79-c17ba49d {
  grid-area: Area-10;
}

#w-node-_65d5c196-6eaf-e42e-4527-47824dec5fb4-c17ba49d {
  grid-area: Area-3;
}

#w-node-_951273a9-ae6d-887a-9107-5a4116a0380f-c17ba49d {
  grid-area: Area-5;
}

#w-node-d4cab095-9dca-adb1-990f-5535f5629b56-c17ba49d {
  grid-area: Area-4;
}

#w-node-b2d06e14-9b18-0718-0712-1259747432ce-c17ba49d {
  grid-area: Area-8;
}

#w-node-fbca34a6-9f2e-0ccd-5bed-af40d5fcdf79-c17ba49d {
  grid-area: Area-9;
}

#w-node-d2f56813-21e7-5d60-1da4-ddbb5ba6114d-c17ba49d {
  grid-area: Area-7;
}

#w-node-_0a9343ef-9870-3fc1-d6bb-63b96ba02e27-c17ba49d {
  grid-area: Area-11;
}

#w-node-da814e50-007c-b1f6-a963-1721408407c2-c17ba49d {
  grid-area: Area-6;
}

#w-node-b5e064b2-4c49-d458-7d90-0b531ad3d997-c17ba49d, #w-node-_98fab4bc-c6f1-4925-97b3-558ce381758f-c17ba49d {
  grid-area: Area;
}

#w-node-aff19b7f-ae59-5f0d-56eb-88ba30f53197-c17ba49d {
  grid-area: Area-3;
}

#w-node-cf39d6dd-a36e-e8c7-1f6f-fc941627992a-c17ba49d {
  grid-area: Area-4;
}

#w-node-_762771e1-6ca2-d9c1-b104-92638886bc2d-c17ba49d {
  grid-area: Area;
}

#w-node-d4607594-499f-c625-16da-117b3e61b97b-c17ba49d {
  grid-area: Area-2;
}

#w-node-_0dc8cea5-9a8f-5d7c-95e3-6378bc13b3f2-c17ba49d, #w-node-_179ce141-40c2-bd05-2673-ecb23c308429-c17ba49d, #w-node-d9126ca2-b449-362b-d7a9-6a1830ae69d1-c17ba49d {
  grid-area: Area;
}

#w-node-_0977d463-3a6c-dc1b-af0f-6dd31649838a-c17ba49d {
  grid-area: Area-2;
}

#w-node-e47e7218-517a-5776-69f9-f12e5832e836-c17ba49d {
  grid-area: Area-3;
}

#w-node-_5c1aa44b-643a-72b1-e72d-1d6cb3b364f3-c17ba49d {
  grid-area: Area;
}

#w-node-fb63dc34-ac07-6084-62b1-0ada86062112-c17ba49d {
  grid-area: Area-5;
}

#w-node-_4cf11e73-0a69-6b58-07b1-aebd1a709490-c17ba49d, #w-node-_81ef6690-6662-65a8-0856-b831a90456cf-c17ba49d, #w-node-_807e4f08-a428-96d3-a629-4659ef8d07c0-c17ba49d {
  grid-area: Area;
}

#w-node-_273e1715-6614-1b2a-30f7-42300c87cfa7-c17ba49d {
  grid-area: Area-3;
}

#w-node-f7108826-a374-0861-cf86-5f4aa959b29e-c17ba49d {
  grid-area: Area-4;
}

#w-node-_864275b2-5386-7686-9fd7-e81451d004b8-c17ba49d {
  grid-area: Area-2;
}

#w-node-_46f511a0-f172-4a8b-cb92-0a51ae78d579-c17ba49d {
  grid-area: Area;
}

#w-node-_21d369cc-c801-cae2-a911-f7fefc7d78d9-c17ba49d {
  grid-area: Area-2;
}

#w-node-_21d369cc-c801-cae2-a911-f7fefc7d78db-c17ba49d, #back-to-top.w-node-_73dddaf7-357f-4ad3-e763-20ab16797866-44c80f09 {
  grid-area: Area;
}

#w-node-a6619276-4ef0-c155-6821-3334d76f833a-44c80f09 {
  grid-area: Area-4;
}

#w-node-_7e57383f-652e-0a07-2a08-bdeb0777342b-44c80f09 {
  grid-area: Area-8;
}

#w-node-d1520fd6-edfa-86a1-5595-37734368ffb0-44c80f09 {
  grid-area: Area-10;
}

#w-node-_0c7b343d-189c-6267-297e-3f09b70ebf5c-44c80f09 {
  grid-area: Area-5;
}

#w-node-_01b59bcd-34bc-e732-4411-873afb9101e4-44c80f09 {
  grid-area: Area-6;
}

#w-node-_64f53c27-cbc1-4da3-14d9-17faed4c9fe8-44c80f09 {
  grid-area: Area-3;
}

#w-node-f7aecb61-c962-d072-ff39-0f383e69e79a-44c80f09 {
  grid-area: Area-2;
}

#w-node-_2e04dce4-ca60-b730-dfd9-bfa3fcec95c2-44c80f09, #w-node-_8268791a-2141-a0df-f275-fefe4c7d7044-44c80f09 {
  grid-area: Area;
}

#w-node-_7a348732-34dd-8bb3-f2d4-804ff783d395-44c80f09 {
  grid-area: Area-2;
}

#w-node-_58db9cc0-3234-4304-39e3-7ab12a5d5517-44c80f09, #w-node-_2832e03e-0f87-414c-c090-8621a15f81d3-44c80f09 {
  grid-area: Area;
}

#w-node-_70a53364-011f-7bab-e64d-1c9fe4e7e187-44c80f09 {
  grid-area: Area-2;
}

#w-node-_70a53364-011f-7bab-e64d-1c9fe4e7e18a-44c80f09 {
  grid-area: Area;
}

#w-node-_8da0af08-c97a-0287-62b0-a797d3b25bca-c1724b51 {
  grid-area: Area-6;
}

#w-node-_08bfcf95-7ce1-ede9-d643-10a37b308480-c1724b51 {
  grid-area: Area-10;
}

#w-node-_63ae582f-1f09-f4a1-740e-10f4c47d8a2e-c1724b51 {
  grid-area: Area-11;
}

#w-node-_0a4363f4-bbf6-b0ac-9ca5-4b00c69f3cbb-c1724b51 {
  grid-area: Area-9;
}

#w-node-c34531e9-ca2e-4f1e-08e7-1e455dc9b3af-c1724b51 {
  grid-area: Area-8;
}

#w-node-_1ef25d90-6235-2661-41f5-d0026c844e01-c1724b51 {
  grid-area: Area-7;
}

#w-node-aaa7fadb-e02f-8ed3-7a87-1a9540b582bd-c1724b51 {
  grid-area: Area-5;
}

#back-tot-op.w-node-aa4c95db-9197-e0e0-bf95-35e8081e7c1a-c1724b51 {
  grid-area: Area-4;
}

#w-node-_8420ea3f-1a76-ba94-aef3-0136eb5ee8cc-c1724b51 {
  grid-area: Area-3;
}

#w-node-_38900d64-6a8d-1c70-dcea-f4e7d0088b5f-c1724b51 {
  grid-area: Area-2;
}

#w-node-_9215d6e9-89d5-4960-b354-8cd9bb2fe312-c1724b51 {
  grid-area: Area-7;
}

#w-node-c1a92ad5-572a-be0b-2ec4-62f71a09067d-c1724b51 {
  grid-area: Area-5;
}

#w-node-_56a0348c-eb9a-f311-8e44-83c85ee824b5-c1724b51 {
  grid-area: Area-6;
}

#w-node-_9c93f7be-5a93-2b28-9276-42992fe5da01-c1724b51 {
  grid-area: Area;
}

#w-node-_5583a6a7-7ee8-64cd-6ab9-2ec2e3fd9f21-c1724b51 {
  grid-area: Area-3;
}

#w-node-_3e95e8bc-4dfd-cb9e-a265-d3f16524e31f-c1724b51 {
  grid-area: Area-4;
}

#w-node-_08398b07-3a65-0e2c-9aa3-8fc5f23e7180-c1724b51 {
  grid-area: Area-2;
}

#w-node-_31626909-1cc7-8e3a-1291-2a7e307f9db0-c1724b51 {
  grid-area: Area-6;
}

#w-node-d9d7fa38-f7f4-3826-c0da-7cea5158dc73-c1724b51 {
  grid-area: Area-8;
}

#w-node-_348efdb5-39d7-c2e3-c662-5ec50d75ce71-c1724b51 {
  grid-area: Area-7;
}

#w-node-d269f00b-3803-3c4d-b68c-eca590e7e22e-c1724b51 {
  grid-area: Area-16;
}

#w-node-_7985399d-de25-3156-3463-52a3a72a5183-c1724b51 {
  grid-area: Area-15;
}

#w-node-bc2a8539-2cd2-0f8d-236c-313f805cb902-c1724b51 {
  grid-area: Area-14;
}

#w-node-a74e20fc-2558-be8e-0ab4-047e68518725-c1724b51 {
  grid-area: Area-13;
}

#w-node-e7090ea3-7fef-b753-505a-4c5621694033-c1724b51 {
  grid-area: Area-11;
}

#w-node-f6c7337a-ab15-741d-362b-afd71aec0d9f-c1724b51 {
  grid-area: Area-9;
}

#w-node-d96d559c-9e94-061e-e45a-87384459ea5f-c1724b51 {
  grid-area: Area-12;
}

#w-node-_8cb68001-a59c-05e5-11d1-debe15e3622a-c1724b51 {
  grid-area: Area-10;
}

#w-node-_3e9bcab0-6176-525a-7fdf-b93fd75ed988-c1724b51 {
  grid-area: Area-5;
}

#w-node-e2b66e6d-b020-d7f2-9f4f-e095613c6002-c1724b51 {
  grid-area: Area;
}

#w-node-_721265e4-de14-d0c4-788c-b3c01a05c6c3-c1724b51 {
  grid-area: Area-2;
}

#w-node-_721265e4-de14-d0c4-788c-b3c01a05c6c5-c1724b51 {
  grid-area: Area;
}

#w-node-_81d5324d-e97f-82e6-4eff-12351cae6965-cb0561e4 {
  grid-area: Area-2;
}

#w-node-_85aec783-f6af-9203-4670-b27b4b1ea5ad-cb0561e4 {
  grid-area: Area-4;
}

#w-node-d6781cc2-82fa-44b6-0084-fe390d18eeeb-cb0561e4 {
  grid-area: Area-5;
}

#w-node-_45435869-7091-cab5-af60-ddbbff2be569-cb0561e4 {
  grid-area: Area-3;
}

#w-node-_0482e1b3-c98d-02c7-f2cf-b8e91e9239dc-cb0561e4 {
  grid-area: Area-6;
}

#w-node-_1aa632c2-c244-2533-cb45-09d7938803a2-cb0561e4 {
  grid-area: Area;
}

#w-node-d619cadf-1fa5-c83f-8db5-90d86e0f39e7-cb0561e4 {
  grid-area: Area-7;
}

#w-node-_3e4c9d6a-f340-bc6f-5103-39e7fe9bdd6a-cb0561e4 {
  grid-area: Area;
}

#w-node-_3301a4d5-b3a7-a7f7-78b3-e9d28b838bca-cb0561e4 {
  grid-area: Area-8;
}

#w-node-_159ddabd-8b0c-88b4-7677-28bcb47b958c-cb0561e4 {
  grid-area: Area-6;
}

#w-node-ce6117d6-1179-bbed-e264-5aa60c70cee9-cb0561e4 {
  grid-area: Area-9;
}

#w-node-_659e3aed-509c-f9ef-b644-1470d53102a9-cb0561e4 {
  grid-area: Area-4;
}

#w-node-_9ad1d964-ca13-7dcc-f7ec-1cab79ea0199-cb0561e4 {
  grid-area: Area-2;
}

#w-node-_61ff5047-20e8-4ff7-bbf4-450a81e3a6cf-cb0561e4 {
  grid-area: Area-5;
}

#w-node-fecb52bf-489f-3f42-bf97-4630c73fd00c-cb0561e4 {
  grid-area: Area-3;
}

#w-node-_8d0752ce-07f3-a5c6-6027-63cf9a26bcd2-cb0561e4 {
  grid-area: Area;
}

#w-node-_76352a3c-2bbf-910a-bccc-0fff889bfac4-cb0561e4 {
  grid-area: Area-10;
}

#w-node-_38f611f0-d7a5-00eb-c3d3-e5cc3e037d68-cb0561e4 {
  grid-area: Area-3;
}

#w-node-ac233bd6-60c6-cb97-a593-3cac4d1cd190-cb0561e4 {
  grid-area: Area-2;
}

#w-node-_9c0ae115-ab8f-dfa1-e7c0-50b6b1d2b1c4-cb0561e4 {
  grid-area: Area-11;
}

#w-node-_85dcda69-8061-f801-13f5-5d26380e23e3-cb0561e4 {
  grid-area: Area-6;
}

#w-node-_0c925686-f91c-adb1-6ae8-2865866e733a-cb0561e4 {
  grid-area: Area-12;
}

#w-node-_16a9f8ff-66da-54fd-780a-2a5181b03efa-cb0561e4 {
  grid-area: Area-9;
}

#w-node-_8900b658-9ddf-ea40-388f-258ed76100ab-cb0561e4 {
  grid-area: Area-8;
}

#w-node-a0101417-6afb-e17f-a426-19b6df27d6b1-cb0561e4 {
  grid-area: Area-7;
}

#w-node-f6cb2c39-dc43-726b-b259-d2ee8692311a-cb0561e4 {
  grid-area: Area-4;
}

#w-node-_847954a2-eba5-7808-72f9-f2e7f419cac2-cb0561e4 {
  grid-area: Area-5;
}

#w-node-_67c345a6-26f5-39a1-835d-64a935f2b544-cb0561e4, #w-node-f2ea28af-46d2-7be7-3fd6-f579dfc5f63e-cb0561e4 {
  grid-area: Area;
}

#w-node-ed1e32a0-0713-52b8-4677-39d8aaf0c61a-cb0561e4 {
  grid-area: Area-2;
}

#w-node-_6dc4cc47-25ed-9cb8-61c1-3b48158b1680-cb0561e4, #w-node-ee124be7-6294-2737-9682-2d5f94a13270-cb0561e4 {
  grid-area: Area;
}

#w-node-_7b6fb441-766c-1619-2bea-209c01b9ab1c-cb0561e4 {
  grid-area: Area-3;
}

#w-node-_88885a58-30fe-341d-5b4e-811e5efdd231-cb0561e4 {
  grid-area: Area-2;
  place-self: stretch stretch;
}

#w-node-b3069e84-3d1a-e227-c989-b8219871af15-cb0561e4 {
  grid-area: Area;
  justify-self: center;
}

#w-node-bbc84e2a-d2bb-bd4b-a165-a5f009385fce-cb0561e4 {
  grid-area: Area;
}

#w-node-d24dfb25-bcbf-ddae-aea2-6c13ca20600d-cb0561e4 {
  grid-area: Area-2;
}

#w-node-dcf83b12-3155-7d30-2931-7912e1ca4be8-cb0561e4 {
  grid-area: Area;
}

#w-node-_19e458f1-c888-aa6b-487a-6973d74e9f70-cb0561e4 {
  grid-area: Area-4;
}

#w-node-_18b0657c-299f-a8ba-4eb8-216cb7c3e2ca-cb0561e4 {
  grid-area: Area-3;
}

#w-node-_7079c202-b837-23ea-c7b4-f8392a6c7f89-cb0561e4, #w-node-cacfcfbb-0d70-58f4-bdd4-82eb5f3ad1b4-cb0561e4 {
  grid-area: Area;
}

#w-node-_794532a3-c10e-05a4-69ae-47d28385dd81-cb0561e4 {
  grid-area: Area-3;
}

#w-node-ac584abb-50ac-a636-5c1d-b0532e96dcab-cb0561e4 {
  grid-area: Area;
}

#w-node-_14c8b6f2-9d40-13a1-43fa-443e0a871010-cb0561e4 {
  grid-area: Area;
  justify-self: center;
}

#w-node-_896b360b-0479-5331-47d9-80c81b21a752-cb0561e4 {
  grid-area: Area-2;
}

#w-node-_896b360b-0479-5331-47d9-80c81b21a755-cb0561e4 {
  grid-area: Area;
}

#back-to-top.w-node-_7083b55e-079d-4227-0535-2c3aad83561c-393ce54e {
  grid-area: Area-4;
}

#w-node-_11e0298b-d47f-28c8-32c9-5293a0a34729-393ce54e {
  grid-area: Area-3;
}

#w-node-c0e94d17-d86d-8cf2-fe78-566aa0181153-393ce54e {
  grid-area: Area-2;
}

#w-node-_7afaa34b-7797-6008-41f6-8f6004c6720a-393ce54e {
  grid-area: Area;
}

#w-node-_8708c703-b8ad-5b85-f5a2-64627f26e0d4-393ce54e {
  grid-area: Area-3;
}

#w-node-_52042f3c-acb9-4761-eaf5-e41f86398e74-393ce54e {
  grid-area: Area-5;
}

#w-node-d4c26bd6-05c5-d256-ece4-efbac91e1837-393ce54e {
  grid-area: Area-2;
}

#w-node-c0be6bb4-4c20-edc9-fca2-3e8e48b80c12-393ce54e {
  grid-area: Area-6;
}

#w-node-_15921db9-c044-6979-42c7-23b94a26f312-393ce54e {
  grid-area: Area;
}

#w-node-_8c6c7740-934d-2c79-04cc-8118e49a6a86-393ce54e {
  grid-area: Area-2;
}

#w-node-d5c5f175-0aeb-30e5-76d2-74db0344e465-393ce54e, #w-node-_59c29319-48de-f04e-b5ca-08caa0813205-393ce54e {
  grid-area: Area;
}

#w-node-_68d680ed-d083-90a9-adf8-bba07ad20acb-393ce54e {
  grid-area: Area-3;
}

#w-node-_107de1e8-475c-80ac-b3af-264fb0ad420e-393ce54e {
  grid-area: Area-2;
}

#w-node-_6578d3d6-2ca8-2c5d-2a4f-422f48edc91f-393ce54e {
  grid-area: Area;
}

#w-node-_588d1f3e-134b-ba37-aa1e-57fffc528ed7-393ce54e {
  grid-area: Area-4;
}

#w-node-_6503e580-58c4-b6c9-fd97-448ca8d712ea-393ce54e {
  grid-area: Area-2;
}

#w-node-_6503e580-58c4-b6c9-fd97-448ca8d712ed-393ce54e {
  grid-area: Area;
}

#w-node-_68a68c94-02f8-9c7f-141f-7c18d548f789-b8c0176a {
  grid-area: Area-5;
}

#w-node-_69105103-8ec6-c3fa-f408-69e951eb7eab-b8c0176a {
  grid-area: Area-6;
}

#w-node-dd3b6e76-f097-8f4a-7a61-b44ea5d7394f-b8c0176a {
  grid-area: Area-2;
}

#w-node-_7f75a8f1-87b5-d89e-5c43-ebaaccfbea5d-b8c0176a {
  grid-area: Area;
}

#w-node-_58b406bd-d615-bb9b-1f2e-838bbeb5dc2f-b8c0176a {
  grid-area: Area-3;
}

#w-node-efdc49a6-3488-3f3d-6a91-8eb5d4f9bdc1-b8c0176a {
  grid-area: Area-2;
}

#w-node-_65ef3a72-3d68-a069-74e1-b89e8b62cd46-b8c0176a {
  grid-area: Area;
}

#w-node-_410f46c8-f667-2652-71d5-5c89f4397557-b8c0176a {
  grid-area: Area-4;
}

#w-node-_29a81224-4689-9114-2c9d-c13c89463eac-b8c0176a {
  grid-area: Area;
}

#w-node-_50e68ec0-1ee0-a0ab-4978-719aced2da67-b8c0176a {
  grid-area: Area-3;
}

#w-node-_6a89458a-9d5d-9fdf-b1b6-46819ae57619-b8c0176a {
  grid-area: Area-5;
}

#w-node-_624d69fa-3e45-be2d-e558-552fe2f112e1-b8c0176a {
  grid-area: Area-4;
}

#w-node-edd90ab2-0c49-6575-fdb9-16bb172a84bd-b8c0176a {
  grid-area: Area-2;
}

#w-node-b623514b-5802-f818-3839-91541f304240-b8c0176a, #w-node-_4a0d10e3-464f-d20e-7645-9197fd60b050-b8c0176a, #w-node-_0c0988db-c34d-4758-b8c1-a64aaa056675-b8c0176a {
  grid-area: Area;
}

#w-node-d7b64cbc-f3ef-4c06-0474-6addfc0d63f6-b8c0176a {
  grid-area: Area-5;
}

#w-node-_45165c4d-a43a-78ae-3c58-1e18ce6f1bcd-b8c0176a {
  grid-area: Area-8;
}

#w-node-cfe0fc1e-4451-2ed1-ac44-88f2cc1b3f7a-b8c0176a {
  grid-area: Area-7;
}

#w-node-_280f914b-aa52-695a-3787-1fd7ecae35c5-b8c0176a {
  grid-area: Area-9;
}

#w-node-_10d5c4f0-1456-f006-4914-6d4b370a9cb5-b8c0176a {
  grid-area: Area-4;
}

#w-node-e2b07512-8d10-2f51-7d5e-9e21374a4703-b8c0176a {
  grid-area: Area-6;
}

#w-node-_13a3bbfa-41c4-e0e2-00e2-53c4e676dc64-b8c0176a {
  grid-area: Area-2;
}

#w-node-_33a127d4-35cd-378c-f25b-e6558cc7fabd-b8c0176a {
  grid-area: Area-3;
}

#w-node-_5c4860c0-00c5-86db-236a-1102308fdbcc-b8c0176a {
  grid-area: Area;
}

#w-node-_52e9dcdd-440d-2615-60a2-52c590fb1dcd-b8c0176a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7bfd91f-395f-886e-4c76-9497fd40fef3-b8c0176a {
  grid-area: Area-2;
}

#w-node-_91980a24-e840-22ed-b1e6-de3f8f5eebf6-b8c0176a {
  grid-area: Area;
}

#w-node-b6ea46ef-ccf5-0232-de30-373a33ed07f6-b8c0176a {
  grid-area: Area-2;
}

#w-node-b6ea46ef-ccf5-0232-de30-373a33ed07f9-b8c0176a {
  grid-area: Area;
}

#w-node-_9520cecd-768e-176f-30ef-14fbd82ca83b-8d01b1d1 {
  grid-area: Area-6;
}

#w-node-_6c81b706-6c2c-56e1-0c13-e964a6012c6f-8d01b1d1 {
  grid-area: Area-3;
}

#w-node-_77e8e6c9-3d7d-367d-0c8b-b0a4fa8c77f3-8d01b1d1 {
  grid-area: Area-2;
}

#w-node-_80dd756b-73fc-40cf-7b49-58d7fad62e02-8d01b1d1 {
  grid-area: Area-5;
}

#w-node-_6861db83-a0d6-7b9c-221f-f1e615df1ca6-8d01b1d1 {
  grid-area: Area;
}

#w-node-_8a2e2816-8678-90b1-a989-01bbc235abb5-8d01b1d1 {
  grid-area: Area-3;
}

#w-node-_6adf801a-7b84-5adf-6ab0-26f6bcbdf9d6-8d01b1d1 {
  grid-area: Area-2;
}

#w-node-b72523b1-8f60-e5a0-2eb6-12a610795f1a-8d01b1d1 {
  grid-area: Area-6;
}

#w-node-_6c7911cf-b6f7-199e-f0f1-0dceb48a9265-8d01b1d1 {
  grid-area: Area-7;
}

#w-node-a1a095a7-de5f-a179-3cf1-3c40702527db-8d01b1d1 {
  grid-area: Area-4;
}

#w-node-_960dfd86-2f88-1cf9-179e-abf52d100e0c-8d01b1d1 {
  grid-area: Area;
}

#w-node-_7bd5a5f9-d12d-6084-fc7c-d7679791682c-8d01b1d1 {
  grid-area: Area-9;
}

#w-node-_9db3cf58-add4-0193-bd5f-a192396e854f-8d01b1d1 {
  grid-area: Area-10;
}

#w-node-_768e0b5b-9ad5-40f7-b076-066a4bb19643-8d01b1d1 {
  grid-area: Area-5;
}

#w-node-_66ec2686-20d8-8746-5354-d2398f42709e-8d01b1d1 {
  grid-area: Area-8;
}

#w-node-_628d34b7-8401-c6b4-db42-4639f40eb193-8d01b1d1 {
  grid-area: Area;
}

#w-node-_723ba419-28bc-9079-2fdf-1e844056a8cd-8d01b1d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5d9aa078-413a-4862-b153-e5811347070e-8d01b1d1 {
  grid-area: Area;
}

#w-node-_6bb84792-f03a-e298-8bb3-fdbe9bcd57ab-8d01b1d1 {
  grid-area: Area-2;
}

#w-node-_5246e5f6-eee6-43f1-1bb7-fa7ecde107eb-8d01b1d1 {
  grid-area: Area-3;
}

#w-node-_9c7c94d9-bcb3-5f7b-0e23-365739008891-8d01b1d1 {
  grid-area: Area-4;
}

#w-node-_84e95c0b-a169-a2a2-69cd-d78bc6110e70-8d01b1d1 {
  grid-area: Area-9;
}

#w-node-_695aca1d-6868-09e9-2db5-152011579ed5-8d01b1d1 {
  grid-area: Area-5;
}

#w-node-_099a5c46-b6e9-69ee-3ac0-d69af1fcba9d-8d01b1d1 {
  grid-area: Area-6;
}

#w-node-_07ebffd1-eed1-dc75-1a45-a8ea330678b3-8d01b1d1 {
  grid-area: Area-7;
}

#w-node-_62ec5660-686b-15ea-5214-c7f161190180-8d01b1d1 {
  grid-area: Area-8;
}

#w-node-_8d71a885-8df5-2e65-2853-c370d739fe4c-8d01b1d1 {
  grid-area: Area-2;
}

#w-node-_8d71a885-8df5-2e65-2853-c370d739fe4f-8d01b1d1 {
  grid-area: Area;
}

#w-node-c0089bd6-da36-bec2-07b9-f47f34044f32-3435fda9 {
  grid-area: Area-11;
}

#w-node-_9d4aca1b-e52a-5a02-e4bd-528bf0f0136a-3435fda9 {
  grid-area: Area-10;
}

#w-node-_25aa6672-893f-00ff-245a-8969941c39ce-3435fda9 {
  grid-area: Area-7;
}

#w-node-b6821e8a-145c-2737-5757-254ebcfaa5ae-3435fda9 {
  grid-area: Area-8;
}

#w-node-be085a17-9f22-dfd1-de97-ec2f614116ee-3435fda9 {
  grid-area: Area-9;
}

#back-to-top.w-node-_6c82e028-0400-c897-776b-fd1ed99db457-3435fda9 {
  grid-area: Area-6;
}

#w-node-ad3abdc5-319c-b086-8c86-ff15e668d3ff-3435fda9 {
  grid-area: Area-5;
}

#w-node-_3a747b74-6330-830e-d474-17f7e243120f-3435fda9 {
  grid-area: Area-3;
}

#w-node-ac0c2b2e-593c-93e0-41ce-e89beac02c26-3435fda9 {
  grid-area: Area-6;
}

#w-node-_961e4fcc-3a15-f26d-0fea-94ea3bac308a-3435fda9 {
  grid-area: Area-4;
}

#w-node-_273eebe0-8f6b-1282-8e6f-a6d296ff5d39-3435fda9 {
  grid-area: Area-8;
}

#w-node-_70f72275-8a03-be39-411a-b4c0e4c277fa-3435fda9 {
  grid-area: Area-7;
}

#w-node-bc024d33-e92a-b8a6-3bee-43eaca64b7c0-3435fda9 {
  grid-area: Area-2;
}

#w-node-c6837d20-22b3-6ca1-73e1-f0744184b324-3435fda9 {
  grid-area: Area;
}

#w-node-_4c8eba32-772d-62f8-8387-284bfcf2ff3a-3435fda9 {
  grid-area: Area-2;
}

#w-node-_9c458093-1c95-aef4-c98c-676c0f4b8167-3435fda9 {
  grid-area: Area;
}

#w-node-_5c610b9d-7d36-db40-3511-ae463b74cd74-3435fda9 {
  grid-area: Area-3;
}

#w-node-_9911d2c4-a3e0-45df-b8c1-ed07fe6034c7-3435fda9 {
  grid-area: Area;
}

#w-node-_8bceee90-e7eb-d912-ddfc-64cfc9880428-3435fda9 {
  grid-area: Area-3;
}

#w-node-_59d4f4bd-a940-ca23-cef4-b4f84097ae0e-3435fda9 {
  grid-area: Area;
}

#w-node-c70a6558-6179-b01f-f2df-da86f8508229-3435fda9 {
  grid-area: Area-4;
}

#w-node-_0fa866b5-e3c9-7e0d-9b0e-b8abf72c5214-3435fda9 {
  grid-area: Area-6;
}

#w-node-_3b97d0dd-7ba9-b404-582e-4458987d8e36-3435fda9 {
  grid-area: Area-5;
}

#w-node-c7d90881-a828-fbdd-f83a-59eac9e6481a-3435fda9, #w-node-_188f3ef2-2a7b-36dc-505f-2ee4412d8216-3435fda9 {
  grid-area: Area;
}

#w-node-_44ca704a-513e-3786-0bd0-61e4b3ee495f-3435fda9 {
  grid-area: Area-2;
}

#w-node-_44ca704a-513e-3786-0bd0-61e4b3ee4962-3435fda9 {
  grid-area: Area;
}

#w-node-_6381675d-7b69-4623-4727-07d82345bedd-b1664159 {
  grid-area: Area-5;
}

#w-node-_5bc57e06-950f-0e5a-8eb3-519a67be0ceb-b1664159 {
  grid-area: Area-3;
}

#w-node-d4d09fad-8a2a-2a01-a623-11cfe7bd7624-b1664159 {
  grid-area: Area-2;
}

#w-node-b2b802f0-bcb5-4f83-addc-34a07b536442-b1664159 {
  grid-area: Area-6;
}

#w-node-db1b6962-6d66-d4f7-e95e-3b48503a19b8-b1664159, #w-node-_9051e6b6-7bec-135b-5cac-114627f948c2-b1664159 {
  grid-area: Area;
}

#w-node-a6dfcdaa-cae9-2c2c-c38d-1aad988e2706-b1664159 {
  grid-area: Area-11;
}

#w-node-_08bb6f54-ff76-7ac9-7cd6-1a2dae9e3558-b1664159 {
  grid-area: Area-15;
}

#w-node-_1b06c079-c1cc-26c3-da2f-cb1e3f8bb499-b1664159 {
  grid-area: Area-10;
}

#w-node-_4f24e0f6-daa2-ec41-42f3-9585d0668525-b1664159 {
  grid-area: Area-13;
}

#w-node-de96b097-e7f6-7e7b-bf85-a47646f1fda0-b1664159 {
  grid-area: Area-12;
}

#w-node-_9ed47ca4-7375-58cb-6d58-18dfa3f867c8-b1664159 {
  grid-area: Area-14;
}

#w-node-_6c121e09-5419-1394-929a-db1e98e5fd9d-b1664159 {
  grid-area: Area-16;
}

#w-node-_12d80fc8-0b07-4152-090b-1a2211a48ea4-b1664159 {
  grid-area: Area-18;
}

#w-node-d4d153e7-fa46-7ced-bcf5-43597572a406-b1664159 {
  grid-area: Area-19;
}

#w-node-_2225c242-55fd-b780-cd99-273f52889fbf-b1664159 {
  grid-area: Area-22;
}

#w-node-_397771d3-2d6a-0b6c-59f7-e963b1cfecf1-b1664159 {
  grid-area: Area-24;
}

#w-node-_0e6fc1bf-4a42-6245-9945-f2acd3351f86-b1664159 {
  grid-area: Area-21;
}

#w-node-_524dfbae-9c2e-9235-1dda-f468d5af5c75-b1664159 {
  grid-area: Area-23;
}

#w-node-_0f253302-c368-75b7-cd6e-f029bacb79e7-b1664159 {
  grid-area: Area-26;
}

#w-node-fa9ee6f4-1aea-a487-c93b-6583b81804f8-b1664159 {
  grid-area: Area-29;
}

#w-node-_31027cc7-f38b-1e8b-b309-f209413a1dc8-b1664159 {
  grid-area: Area-32;
}

#w-node-fb72bcc1-a7ed-2caa-ca5e-b8bb110de8fc-b1664159 {
  grid-area: Area-30;
}

#w-node-_93d0022a-029e-18d7-24a0-dba0e2b791d3-b1664159 {
  grid-area: Area-31;
}

#w-node-_0acd5913-eb77-bfd1-ec7b-5797b587c9b1-b1664159 {
  grid-area: Area-28;
}

#w-node-_00d8c629-7746-64a0-62d4-500fa596bf99-b1664159 {
  grid-area: Area-27;
}

#w-node-ce0cfdce-ebf2-108f-7691-4fd84f14e20e-b1664159 {
  grid-area: Area-25;
}

#w-node-_321e17b5-42cc-7c71-ff40-f2be2c72d6a6-b1664159 {
  grid-area: Area-17;
}

#w-node-_1f84d10c-5608-b59d-32d8-040232dac371-b1664159 {
  grid-area: Area-20;
}

#w-node-f1b31ef0-d342-3ebe-2e06-9223bf038501-b1664159 {
  grid-area: Area;
}

#w-node-f6e619dd-a0f5-4354-9f5c-d6832d2e2601-b1664159 {
  grid-area: Area-3;
}

#w-node-_58fcacbf-de22-15a0-4bbc-f10f1cfe598b-b1664159 {
  grid-area: Area-4;
}

#w-node-_5ca8730c-26a7-fe9d-1e4b-4b1429f2f5e1-b1664159 {
  grid-area: Area-8;
}

#w-node-a15a250c-8189-96a3-5920-70844f4e037b-b1664159 {
  grid-area: Area-9;
}

#w-node-_1a9d9794-42e6-640a-8a11-3ae74f03b16f-b1664159 {
  grid-area: Area-6;
}

#w-node-_08df2bc5-f4f9-e82b-4159-22e3e81a3b9c-b1664159 {
  grid-area: Area-7;
}

#w-node-fc9069a6-2521-8a95-39ec-61dbb86d4d83-b1664159 {
  grid-area: Area-5;
}

#w-node-_45a1007a-9e1c-8c5e-6ffa-f7e98850ae6c-b1664159 {
  grid-area: Area-2;
}

#w-node-_9c964cd0-ec22-7ee1-fac8-300990bda8e5-b1664159 {
  grid-area: Area;
}

#w-node-_7d8ae024-6a5c-6799-8360-7e3728cd5621-b1664159 {
  grid-area: Area-9;
}

#w-node-_42bc0b4b-fef9-337c-4f7d-bd7e2cf27025-b1664159 {
  grid-area: Area-7;
}

#w-node-_32115781-28ff-942c-a651-ade36d8c8a4c-b1664159 {
  grid-area: Area;
}

#w-node-ca6d0de7-e876-fe7f-918a-882d25374290-b1664159 {
  grid-area: Area-5;
}

#w-node-cf20c329-5e75-20d7-9849-9761ed4fe042-b1664159 {
  grid-area: Area-8;
}

#w-node-af19ea40-a4e9-972b-ba88-0ce1c6c89138-b1664159 {
  grid-area: Area-3;
}

#w-node-e3fa8045-e7de-b6ad-d77b-b01e5c1cace5-b1664159 {
  grid-area: Area-10;
}

#w-node-_337b88a0-5eb4-a1eb-bd43-cc2421f03e5b-b1664159 {
  grid-area: Area-6;
}

#w-node-_57451dfb-f1b3-dc0d-29d6-bb5c4f2371d1-b1664159 {
  grid-area: Area-4;
}

#w-node-f36b0146-f22a-4153-04c9-7945fa2ff6cf-b1664159 {
  grid-area: Area-2;
}

#w-node-b65c38ba-3ef9-0912-5875-f9d9970b2dcc-b1664159 {
  grid-area: Area-4;
}

#w-node-ef96d713-e9d2-b1a4-8085-0e9b75d92deb-b1664159 {
  grid-area: Area-3;
}

#w-node-_917f2ed2-a8ea-da02-e19f-959a8e019c31-b1664159 {
  grid-area: Area-2;
}

#w-node-_4700751f-1494-783a-6ebf-923abe35bcd8-b1664159, #w-node-c41d30bc-a4de-1a6f-72ae-6ca57de5cecb-b1664159 {
  grid-area: Area;
}

#w-node-ae53bf9c-0b46-6c52-cdb5-ca60f218cda5-b1664159 {
  grid-area: Area-3;
}

#w-node-f2817c71-a016-d7b4-44f5-5d5ffe19a089-b1664159 {
  grid-area: Area-2;
}

#w-node-_82bf166a-d837-2bc0-6f60-b7b563009b6d-b1664159 {
  grid-area: Area-4;
}

#w-node-_00f30136-ceb2-1e7c-bab6-a5cc3b71147f-b1664159, #w-node-_5266d51a-c95f-5d44-4c9e-4ddaced05b02-b1664159, #w-node-d645f630-2b77-f43e-308d-1fee4259a3f5-b1664159 {
  grid-area: Area;
}

#w-node-_808a0d58-4fb9-b08a-a67c-af0c257192d7-b1664159 {
  grid-area: Area-4;
}

#w-node-d33bbb47-116d-82be-e5cb-a5636acdcea0-b1664159 {
  grid-area: Area-3;
}

#w-node-_851a3028-9404-872a-7b05-7674fafc7656-b1664159 {
  grid-area: Area-2;
}

#w-node-_3514af9b-c1ed-fa04-ada5-bfe5f67ae047-b1664159 {
  grid-area: Area;
}

#w-node-_3c50552c-e5f4-ea16-2aa8-6b956dabd329-b1664159 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7678550a-e8ab-fdf2-fb56-8c4020198f96-b1664159 {
  grid-area: Area-3;
}

#w-node-_76b2fd4c-67a6-1585-f432-78ede2f1887a-b1664159 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c1205eee-3d67-68eb-944c-4816309a1e3a-b1664159 {
  grid-area: Area;
}

#w-node-_2b021d98-9aa4-327a-c525-38668b637df8-b1664159 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7461890a-a752-194a-6f9f-e0200c31e4a4-b1664159 {
  grid-area: Area;
}

#w-node-facd506a-114a-f4cc-0baf-88e456a965d0-b1664159 {
  grid-area: Area-3;
}

#w-node-_17ed3775-4b79-c4a3-ab4e-ae8b7c3f0d24-b1664159 {
  grid-area: Area-2;
  justify-self: stretch;
}

#w-node-_5f1e12d0-270b-6ac7-c2f9-0779f21116cf-b1664159 {
  grid-area: Area;
  justify-self: stretch;
}

#w-node-dcf2e92a-1b37-2669-f06c-5079675734ac-b1664159, #w-node-b9d7b833-2be4-96c9-d97a-81d409d5637b-b1664159 {
  grid-area: Area;
}

#w-node-b78e3d82-2fdc-416b-1a08-bd0d2139b4ef-b1664159 {
  grid-area: Area-2;
}

#w-node-c31ec3e9-6a00-d703-2c5c-9e26f6986a89-b1664159 {
  grid-area: Area-3;
}

#w-node-ae4bfd1f-e55a-7a5b-cff6-7b0427f3152c-b1664159 {
  grid-area: Area;
}

#w-node-_5051e0ff-0f80-41a0-ed34-60d280c4b122-b1664159 {
  grid-area: Area-2;
}

#w-node-_81bb2738-b994-33a1-7499-b451ab4a8f6f-b1664159 {
  grid-area: Area-3;
}

#w-node-_700df5fc-fcf5-a3b9-c630-b68314e6a82c-b1664159 {
  grid-area: Area;
}

#w-node-e135a1eb-0d75-76a3-602c-6ca38d32ca4e-b1664159 {
  grid-area: Area-4;
}

#w-node-_6bc7c20f-1928-aa5b-7547-b35e486f9522-b1664159 {
  grid-area: Area-6;
}

#w-node-cc0398b9-74cb-7d8a-82a2-8ea48d824815-b1664159 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1038a0d7-87e5-9717-fca1-337682e76c9c-b1664159 {
  grid-area: Area;
}

#w-node-_7ebd0dba-7712-7eb7-081f-27f8690420b4-b1664159 {
  grid-area: Area;
  justify-self: stretch;
}

#w-node-d2738381-424a-8733-1c6e-c51b596c0c86-b1664159 {
  grid-area: Area-2;
  justify-self: stretch;
}

#w-node-_967e7e6c-036b-48d4-3f8d-bafb2e48ced4-b1664159 {
  grid-area: Area-3;
}

#w-node-d94bd386-4ba0-4c88-9082-5438d941056f-b1664159 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_221af485-5291-4c4b-9a54-703c4ad37e99-b1664159 {
  grid-area: Area;
}

#w-node-_738ca9eb-769f-9c34-f34e-27649572e44c-b1664159 {
  grid-area: Area-2;
}

#w-node-_1925d458-005d-c2df-f645-befea4cad1bf-b1664159 {
  grid-area: Area;
}

#w-node-_2de23775-363e-942b-8ec3-624cbc754620-b1664159 {
  grid-area: Area-3;
}

#w-node-_04a25c1e-af88-314d-c298-dfaa02b85b9c-b1664159 {
  grid-area: Area-4;
}

#w-node-_92922b7d-d997-1b89-29d0-ced722813f48-b1664159 {
  grid-area: Area-2;
}

#w-node-_92922b7d-d997-1b89-29d0-ced722813f4a-b1664159 {
  grid-area: Area;
}

@media screen and (max-width: 991px) {
  #w-node-bbbcb38b-33ea-e6b4-51d2-7e958b0b1424-a5c2e001 {
    place-self: start center;
  }

  #w-node-_85b0cfa3-44cc-2c91-6dd2-91b0a60f6166-a5c2e001 {
    justify-self: end;
  }

  #w-node-be2c44d5-182b-eab1-bebe-564abe648fdd-a5c2e001 {
    place-self: auto start;
  }

  #w-node-f32ecf8c-96cd-56b3-14e2-014789039e2a-069a0ab1 {
    grid-area: Area-19;
  }

  #w-node-a344ea4d-b9ee-d35a-75ee-99cb2b9672c6-069a0ab1 {
    align-self: start;
  }

  #w-node-_0c4e8c4c-0b78-4b65-c0b6-f2e2706851d0-069a0ab1 {
    justify-self: center;
  }

  #w-node-_55c83299-c247-d9b9-fbbc-d15a0af42197-069a0ab1 {
    grid-area: Area-10;
  }

  #w-node-f9e256a8-9edc-7e33-e324-d4e859fb68f1-069a0ab1 {
    align-self: start;
  }

  #w-node-f9e256a8-9edc-7e33-e324-d4e859fb68fc-069a0ab1 {
    justify-self: center;
  }

  #w-node-b400b952-b4e8-a32d-1833-a8c98ee2e3a5-069a0ab1 {
    grid-area: Area-4;
  }

  #w-node-_608984e6-0b59-cd6b-d195-b4b74e71ece7-069a0ab1 {
    grid-area: Area-20;
  }

  #w-node-_5660eb46-a1ba-4a3c-a78b-f5799d1c29b4-069a0ab1 {
    grid-area: Area-2;
  }

  #w-node-eff529f9-6120-f84f-4f68-2dcf4e964674-069a0ab1 {
    grid-area: Area;
  }

  #w-node-cef6ce12-7ff8-a646-2ec6-ccc812a90b9d-069a0ab1 {
    grid-area: Area-5;
  }

  #w-node-_6ae6ef5e-3bab-8c8a-f5af-c2e5843fe6e7-069a0ab1 {
    grid-area: Area-6;
  }

  #w-node-_21bca273-3677-87c4-a45b-dec940d779b3-069a0ab1 {
    grid-area: Area-8;
  }

  #w-node-_12058ae7-e804-f503-c84d-0f87b797eafe-069a0ab1 {
    grid-area: Area-18;
  }

  #w-node-_483302be-2a71-aae0-1e74-1e2d786c16d3-069a0ab1 {
    grid-area: Area-9;
  }

  #w-node-acb68e8f-1810-0182-42b5-98b9392bf4b3-069a0ab1 {
    grid-area: Area-17;
  }

  #w-node-_9773b0ac-4770-6c0f-0fa2-7f18abb98cb4-069a0ab1 {
    grid-area: Area;
    place-self: center start;
  }

  #w-node-_0d0542c2-ba19-d8cc-eba7-207d711d0217-711d020b {
    place-self: start;
  }

  #w-node-_0d0542c2-ba19-d8cc-eba7-207d711d0220-711d020b {
    grid-area: Area-5;
    place-self: start end;
  }

  #w-node-_3d3f9481-3d8d-4efe-0b70-c7794cb3de13-c95feb19 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ad960402-bef5-683d-8a42-f95f8aba76bb-8aba76ba {
    grid-area: Area;
    place-self: center start;
  }

  #w-node-_3dc438c1-eac4-118f-2696-ed7e510f6561-510f6554 {
    place-self: start;
  }

  #w-node-_3dc438c1-eac4-118f-2696-ed7e510f656a-510f6554 {
    grid-area: Area-5;
    place-self: start end;
  }

  #w-node-_8f533c9a-8c65-77cd-4cb9-8aaa378705ec-c0959039 {
    grid-area: Area-3;
  }

  #w-node-_4914ae23-55b0-f272-322c-62d849083417-c0959039 {
    grid-area: Area-4;
  }

  #w-node-_68fbe82a-5bb4-7983-2f43-9d02d3d0e3cf-c0959039 {
    grid-area: Area-5;
    align-self: end;
  }

  #w-node-_8b29276a-5634-f59d-37a0-e9fea1ff1343-c0959039 {
    grid-area: Area-22;
    align-self: start;
  }

  #w-node-_12e53c8a-4445-53e1-3aa1-868f726dc117-c0959039 {
    align-self: start;
  }

  #w-node-_3b069177-e084-03ad-f7cf-90f1beb4f820-c0959039, #w-node-_568c410b-4140-5b4d-f705-a627bc269059-c0959039, #w-node-_6c1bd86e-c0f5-2d7d-5460-f7b6f785fca0-c0959039, #w-node-_39120cf7-ebc2-ffd4-d676-57113433227e-c0959039 {
    justify-self: start;
  }

  #w-node-_2d5181e3-2d5c-67ef-4274-faa32f66d539-aafb645c {
    grid-area: Area-8;
  }

  #w-node-bfb79e00-9980-c4c9-ec7b-1c328bd7fde4-aafb645c {
    grid-area: Area-7;
  }

  #w-node-f9f3db33-d1a7-15e7-5000-471817545d26-aafb645c {
    align-self: start;
  }

  #w-node-_6b018616-100d-1329-b23d-bd3edcc3c228-dcc3c227 {
    grid-area: Area;
    place-self: center start;
  }

  #w-node-b57a8750-1196-a45b-e577-40d43e8955a7-36076df0 {
    grid-area: Area-7;
  }

  #w-node-af95cc30-60b7-d548-49f2-8decf23ae8f3-36076df0 {
    grid-area: Area-8;
  }

  #w-node-_85aec783-f6af-9203-4670-b27b4b1ea5ad-cb0561e4 {
    grid-area: Area-7;
  }

  #w-node-_52e9dcdd-440d-2615-60a2-52c590fb1dcd-b8c0176a {
    grid-area: Area-3;
  }

  #w-node-_961e4fcc-3a15-f26d-0fea-94ea3bac308a-3435fda9 {
    grid-area: Area-8;
  }

  #w-node-_273eebe0-8f6b-1282-8e6f-a6d296ff5d39-3435fda9 {
    grid-area: Area-9;
  }

  #w-node-_7678550a-e8ab-fdf2-fb56-8c4020198f96-b1664159 {
    grid-area: Area-2;
  }

  #w-node-_6bc7c20f-1928-aa5b-7547-b35e486f9522-b1664159 {
    grid-area: Area-5;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_19dd4083-e132-8d98-5c33-bff0bbd10106-c95feb19 {
    grid-area: Area-18;
  }

  #w-node-_68db298c-092b-d53c-35e9-fd1fa7c96bdc-c95feb19 {
    grid-area: Area-19;
  }

  #w-node-_386f7799-4ee4-23d6-4769-67e2bb99cfbb-c95feb19 {
    grid-area: Area-16;
  }

  #w-node-_966ebbda-cb1b-775e-513a-3e9f56082e0c-c95feb19 {
    grid-area: Area-24;
  }

  #w-node-_7e9407de-f8ff-1278-f50d-38b1cd8ea45a-c95feb19 {
    grid-area: Area-25;
  }

  #w-node-a1b1fac1-b7f2-2002-e64a-650b77ae78d4-c95feb19 {
    grid-area: Area-51;
  }

  #w-node-_430c692a-f9c4-898c-efac-3d2c679e7052-c95feb19 {
    grid-area: Area-54;
  }

  #w-node-_4b412017-0b1c-74e4-ee7e-a1e1d5583ce0-c95feb19 {
    grid-area: Area-21;
  }

  #w-node-_3f9d4c2b-a08d-f49e-996f-b1124516f7c4-c95feb19 {
    grid-area: Area-52;
  }

  #w-node-_3f05283e-c963-de00-8dac-9765924aa849-c95feb19 {
    grid-area: Area-4;
  }

  #w-node-e59a537b-142e-c611-7454-299e44b17e91-c95feb19 {
    grid-area: Area-29;
  }

  #w-node-_0d6ff244-0e11-b3bc-c051-11b46c234be6-c95feb19 {
    grid-area: Area-26;
  }

  #w-node-_77074d97-b19b-24d1-979b-0132c29ea62e-c95feb19 {
    grid-area: Area-30;
  }

  #w-node-f6269c03-ee96-ef0d-4d18-cc02ef33934c-c95feb19 {
    grid-area: Area-41;
  }

  #w-node-_938054ef-8b74-4502-7fa6-39632d4a3ae3-c95feb19 {
    grid-area: Area-48;
  }

  #w-node-_7543b46c-82fe-2be1-d4ce-fdf4a0401b28-c95feb19 {
    grid-area: Area-55;
  }

  #w-node-_3d3f9481-3d8d-4efe-0b70-c7794cb3de0d-c95feb19 {
    grid-area: Area-53;
  }

  #w-node-_68fbe82a-5bb4-7983-2f43-9d02d3d0e3cf-c0959039 {
    align-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d131-b036d130, #w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d133-b036d130, #w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d135-b036d130 {
    justify-self: start;
  }

  #w-node-d5ceb178-e69f-9860-cb0c-d2ffb036d13d-b036d130 {
    justify-self: end;
  }

  #w-node-f32ecf8c-96cd-56b3-14e2-014789039e2a-069a0ab1 {
    grid-area: Area-32;
  }

  #w-node-_55c83299-c247-d9b9-fbbc-d15a0af42197-069a0ab1 {
    grid-area: Area-21;
  }

  #w-node-f9e256a8-9edc-7e33-e324-d4e859fb68ef-069a0ab1 {
    grid-area: Area-4;
  }

  #w-node-b400b952-b4e8-a32d-1833-a8c98ee2e3a5-069a0ab1 {
    grid-area: Area-22;
  }

  #w-node-_608984e6-0b59-cd6b-d195-b4b74e71ece7-069a0ab1 {
    grid-area: Area-23;
  }

  #w-node-_5660eb46-a1ba-4a3c-a78b-f5799d1c29b4-069a0ab1 {
    grid-area: Area-17;
  }

  #w-node-cef6ce12-7ff8-a646-2ec6-ccc812a90b9d-069a0ab1 {
    grid-area: Area-24;
  }

  #w-node-_6ae6ef5e-3bab-8c8a-f5af-c2e5843fe6e7-069a0ab1 {
    grid-area: Area-16;
  }

  #w-node-_21bca273-3677-87c4-a45b-dec940d779b3-069a0ab1 {
    grid-area: Area-25;
  }

  #w-node-_12058ae7-e804-f503-c84d-0f87b797eafe-069a0ab1 {
    grid-area: Area-15;
  }

  #w-node-_483302be-2a71-aae0-1e74-1e2d786c16d3-069a0ab1 {
    grid-area: Area-26;
  }

  #w-node-acb68e8f-1810-0182-42b5-98b9392bf4b3-069a0ab1 {
    grid-area: Area-33;
  }

  #w-node-_9773b0ac-4770-6c0f-0fa2-7f18abb98cb4-069a0ab1 {
    justify-self: start;
  }

  #w-node-_76ac8238-a31c-fe6e-60de-1e618b6b3400-c95feb19, #w-node-f222b20c-a70a-bdb4-58da-34bd2a5410aa-c95feb19 {
    justify-self: center;
  }

  #w-node-ad960402-bef5-683d-8a42-f95f8aba76bb-8aba76ba {
    justify-self: start;
  }

  #w-node-_8b29276a-5634-f59d-37a0-e9fea1ff1343-c0959039 {
    grid-area: Area-6;
  }

  #w-node-_6b018616-100d-1329-b23d-bd3edcc3c228-dcc3c227 {
    justify-self: start;
  }

  #w-node-c6eca0ce-ba36-01ad-2c1a-3fef90fb4691-36076df0 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_16911c7c-d6d9-eb42-004f-36537365d22f-c17ba49d {
    grid-area: Area-2;
  }
}