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: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a25a2fc331211f00e4f_Neue%20Plak%20Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a25321ff998a6341db8_Neue%20Plak%20SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a253d32e8277eb491b1_Neue%20Plak%20UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a265f8c4f36b916772f_Neue%20Plak%20Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a2689d59aa18b30f1be_Neue%20Plak%20Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a2512aee5b01b433d5e_Neue%20Plak%20ExtraBlack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a264ee5d4112fb2a2e9_Neue%20Plak%20Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neue Plak;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66ba9a25b17296cab91e0144_Neue%20Plak%20Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6294201f466a223706aac2c4_GothamLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6294201f168ed7b4e6728208_GothamBookItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6294201f2d0c460895b25b88_GothamThin.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6294201f74c4061f59fb2a44_GothamThinItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6294201f7c3ed217da7e1e71_GothamXLight.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6294201f46d265688387c450_GothamXLightItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

:root {
  --body-background: #f4f4f4;
  --black: black;
  --white: white;
  --_components---button--pri-button-fill: var(--_accents---neutral--neutral-1000);
  --_typography---button-label: Inter, sans-serif;
  --_components---button--pri-button-label: var(--_accents---neutral--neutral-0);
  --_components---button--pri-button-hover: var(--_accents---neutral--neutral-900);
  --_components---button--pri-button-active: var(--_accents---neutral--neutral-800);
  --_components---sec-button-border: var(--_accents---neutral--neutral-1000);
  --_components---sec-button-fill: #0000;
  --_components---sec-button-label: var(--_accents---neutral--neutral-1000);
  --_components---sec-button-fill-hover: #0000000f;
  --_components---sec-button-fill-active: #0000001f;
  --_surface---inverse: #000;
  --_shape---outline--outline: #1414141a;
  --_typography---color--primary: #141414;
  --_surface---base: white;
  --_accents---primary--primary-25: #d6f8ee;
  --_shape---primary: #141414;
  --_typography---color--secondary: #141414cc;
  --_surface---level-1: #f7f7f7;
  --_accents---primary--primary-50: #bfecdf;
  --_shape---secondary: #141414cc;
  --_typography---color--tertiary: #14141499;
  --_surface---level-2: #f0f0f0;
  --_accents---primary--primary-100: #a6dfcf;
  --_shape---tertiary: #14141499;
  --_typography---color--quaternary: #14141466;
  --_surface---level-3: #e3e3e3;
  --_accents---primary--primary-200: #70c4ac;
  --_shape---quaternary: #14141466;
  --_accents---primary--primary-300: #31a583;
  --_accents---primary--primary-400: #088c65;
  --_shape---outline--bold: #14141440;
  --_typography---copy: "Neue Plak", sans-serif;
  --_accents---primary--primary-500: #047b59;
  --_typography---display: Georgia, Times, "Times New Roman", serif;
  --_accents---primary--primary-600: #03684b;
  --_accents---primary--primary-700: #02543c;
  --_accents---primary--primary-800: #023d2c;
  --_accents---primary--primary-900: #053124;
  --_accents---primary--primary-950: #032118;
  --_accents---neutral--neutral-0: white;
  --_accents---neutral--neutral-25: #f7f7f7;
  --_accents---neutral--neutral-50: #f2f2f2;
  --_accents---neutral--neutral-100: #e6e6e6;
  --_accents---neutral--neutral-200: #ccc;
  --_accents---neutral--neutral-300: #b3b3b3;
  --_accents---neutral--neutral-400: #999;
  --_accents---neutral--neutral-500: gray;
  --_accents---neutral--neutral-600: #666;
  --_accents---neutral--neutral-700: #4d4d4d;
  --_accents---neutral--neutral-800: #333;
  --_accents---neutral--neutral-900: #1a1a1a;
  --_accents---neutral--neutral-950: #0d0d0d;
  --_accents---neutral--neutral-1000: #000;
}

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

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

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

.utility-page-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 640px;
  display: flex;
  position: relative;
}

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

.brand {
  margin-top: 10px;
  display: block;
}

.brand.w--current {
  align-items: center;
  height: 100%;
  margin-top: 10px;
  display: flex;
}

.container {
  display: block;
}

.navbar {
  background-color: #0000;
  margin-top: 0;
  font-family: Red Hat Text, sans-serif;
  font-weight: 500;
}

.nav-link {
  padding-left: 30px;
  padding-right: 30px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.nav-link.w--current {
  color: #818db2;
  text-decoration: none;
}

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

.grid {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  align-items: center;
  height: 420px;
}

.introduction {
  flex-direction: row;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.image {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  border: 1px #000;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  box-shadow: 0 20px 40px -10px #1b167c4d;
}

.image.load-animation {
  object-fit: cover;
  display: none;
  overflow: visible;
  box-shadow: 0 20px 40px -10px #05005c4d;
}

.home-page-content {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  height: 360px;
  padding: 0 72px 0 80px;
  display: flex;
}

.body-3 {
  background-color: #f4f4f4;
}

.grid-2 {
  grid-column-gap: 65px;
  grid-row-gap: 63px;
  border-radius: 0;
  grid-template-rows: 335px 335px 335px;
  grid-template-columns: minmax(200px, 475px) minmax(200px, 475px);
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
  margin-top: 50px;
  overflow: visible;
}

.projects {
  background-color: #f8f8f8;
  padding-top: 80px;
  padding-bottom: 150px;
  display: block;
  position: static;
}

.heading-6 {
  max-width: 26ch;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Red Hat Text, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
}

.paragraph-9 {
  font-family: Red Hat Text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}

.text-low-highlight {
  background-image: linear-gradient(#dae3f800 50%, #dae3f8 50% 95%, #dae3f800 95%);
}

.project-card {
  z-index: 10;
  background-color: #ebebeb;
  border-radius: 10px;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 15px -1px #0000001a;
}

.project-info {
  z-index: 2;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-height: 35%;
  padding: 20px 35px;
  display: flex;
  position: static;
}

.project-info-wrapper {
  flex: 1;
  align-self: auto;
  position: relative;
}

.project-name {
  margin-top: -20px;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Red Hat Text, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.paragraph-10 {
  max-width: 34ch;
  margin-bottom: 0;
  font-family: Red Hat Text, sans-serif;
}

.link-3 {
  color: #3c92dd;
  font-family: Red Hat Text, sans-serif;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.project-media {
  z-index: -10;
  border-radius: 10px;
  position: absolute;
  inset: 0%;
}

.image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

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

.small-heading {
  font-family: Red Hat Text, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.heading-7 {
  max-width: 25ch;
  font-family: Red Hat Text, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.project-cards-container {
  z-index: 1;
  position: relative;
}

.lottie-animation-2 {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-end;
  width: 100%;
  height: 70px;
  display: block;
  position: static;
}

.link-block-3 {
  width: 100%;
  height: 70px;
  position: absolute;
  inset: auto 0% 0%;
}

.intro-headshot {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5e1e021866ed0d13d530c634_Headshot.JPG");
  background-position: 47%;
  background-size: cover;
  border-radius: 20px;
  width: 281px;
  height: 100%;
  box-shadow: 0 19px 40px -10px #05005c4d;
}

.hoverheadshot {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5fe26d17611c60287b645c4d_IMG_2124.JPG");
  background-position: 44%;
  background-size: cover;
  border-radius: 20px;
  height: 100%;
  display: none;
}

.text-span-4 {
  color: #3330;
}

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

.trove-container {
  width: 75%;
  max-width: 1100px;
  height: auto;
  margin-bottom: 80px;
}

.trove-section {
  border-top-right-radius: 0;
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.image-4, .image-5, .image-6, .image-7 {
  border-radius: 10px;
}

.linia-container {
  width: 80%;
  max-width: 1100px;
}

.section {
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.image-8 {
  border-radius: 10px;
}

.hero-section-1 {
  background-image: none;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.grid-3 {
  grid-column-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

.hollocore {
  justify-content: center;
  display: flex;
}

.hero-logo {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 27px;
  padding-left: 50px;
  padding-right: 20px;
  display: flex;
}

.paragraph-10 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  position: static;
}

.image-9 {
  object-fit: cover;
  height: 420px;
}

.hero-container {
  background-image: linear-gradient(66deg, #ccc, #e6e6e6);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 80vw;
  margin-top: 5px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.paragraph-11 {
  color: #c2c2c2;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  position: absolute;
  inset: auto 18px 0% auto;
}

.image-10 {
  object-fit: cover;
  width: 220px;
  margin-bottom: 40px;
}

.luminis-divider {
  background-color: #000;
  height: 1px;
  margin: 80px 10vw;
  padding-left: 0;
  padding-right: 0;
}

.scirocco-hero-3 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-top: 105px;
  padding-top: 0;
  display: flex;
}

.full-print-style {
  border-radius: 15px;
  width: 80vw;
  box-shadow: 0 2px 10px -2px #0006;
}

.scirocco-info-4 {
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.underline {
  background-image: linear-gradient(#bb202600 94%, #bb2027 90%);
}

.body-text {
  text-align: left;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.body-text.centered {
  text-align: center;
}

.body-text.more-space {
  margin-bottom: 30px;
}

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

.test-heading-2 {
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.subheading {
  margin-top: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.container-5 {
  color: #333;
}

.analysis-5 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-11 {
  width: 80vw;
}

.project-info-block {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-6 {
  text-align: center;
}

.image-12 {
  object-fit: contain;
  width: auto;
  height: 290px;
}

.concept-3-images {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.concept-3-progress-7 {
  justify-content: center;
  display: flex;
}

.grid-5 {
  grid-column-gap: 108px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  margin-bottom: 30px;
}

.image-13 {
  width: auto;
  height: 190px;
  margin-bottom: 30px;
}

.light-grey-container {
  background-color: #f1f1f1;
  border-radius: 10px;
  width: 80vw;
  max-width: 80%;
  margin-top: 40px;
  padding: 50px 30px 10px;
  display: block;
}

.final-design-8 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-6 {
  grid-column-gap: 92px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

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

.image-14 {
  border-top: 1px solid #dadada;
}

.mask-2 {
  border-radius: 10px;
}

.slide-2 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5ffb399df68ce36b0251e7d2_Low%20Res%20-%20Curb%20Mid%20grey.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2.multilux {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5ffb399df68ce33b1251e7c8_Context%20-%20BW%20Airport.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.images-slider {
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.slide-3 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5ffb399df68ce3f7bd51e7d7_Low%20Res%20-%20Condos.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-3.multilux {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5ffb399df68ce3ca6a51e7cd_Context%20-%20Hallway.png");
  background-position: 50%;
  background-size: cover;
}

.slider {
  border-radius: 0;
  width: 80vw;
  height: 86vh;
}

.slide {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5ffb399df68ce3b9de51e7c3_Context%20-%20Blue%20Airport.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide.bellevue {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5ffb39a7d1eabcc34db63141_Low%20Res%20-%20Walkway.png");
  background-position: 50%;
  background-size: cover;
}

.image-15 {
  border-bottom: 1px solid #dadada;
}

.closer {
  margin-bottom: 50px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.hero-section-2 {
  margin-top: 80px;
}

.heading-1 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.role-introduction-2 {
  justify-content: center;
  align-items: stretch;
  padding-top: 70px;
  display: flex;
}

.div-block-10 {
  flex-direction: column;
  align-items: flex-start;
  width: 65vh;
  padding-left: 20px;
  display: flex;
}

.role-point {
  justify-content: center;
  align-items: center;
  margin-top: 22px;
  margin-bottom: 22px;
  display: flex;
}

.role-icon {
  margin-right: 25px;
  padding-right: 0;
}

.image-16 {
  width: 50px;
  height: auto;
}

.paragraph-12 {
  width: 43ch;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 19px;
}

.image-17 {
  border: 1px solid #cacaca;
  border-radius: 5px;
  width: 410px;
  height: auto;
}

.concept-info {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.concept-section-6 {
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-2 {
  margin-bottom: 80px;
}

.image-18 {
  width: 70%;
}

.image-19 {
  position: static;
}

.connections {
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.image-20 {
  border-radius: 10px;
  width: 40%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.project-footer {
  background-color: #bbbbbb14;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 215px;
  display: flex;
}

.footer-button {
  color: #7c7c7c;
  background-color: #0000;
  border: 1px solid #a7a7a7;
  border-radius: 5px;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Red Hat Text, sans-serif;
  font-size: 15px;
  font-weight: 400;
  transition: background-color .3s, transform .3s, box-shadow .3s;
}

.footer-button:hover {
  box-shadow: none;
  background-color: #f1f1f1;
  transform: none;
}

.footer-button-container {
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 39px;
  display: flex;
}

.footer-links {
  justify-content: center;
  display: flex;
}

.footer-button-2 {
  color: #c4c4c4;
  background-color: #0000;
  margin-left: 10px;
  margin-right: 10px;
}

.where-to-next {
  justify-content: center;
  margin-top: 25px;
  margin-bottom: 0;
  font-size: 14px;
  display: flex;
}

.heading-8 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Red Hat Text, sans-serif;
  font-size: 25px;
  font-weight: 500;
}

.floating-label {
  opacity: 1;
  background-color: #ffffffb8;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: 4% 3.5% auto auto;
  box-shadow: 0 1px 10px -3px #0000001a;
}

.text-block-11 {
  color: #746d6d;
  text-align: center;
  padding: 8px 11px;
  font-family: Red Hat Text, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.base-div {
  height: auto;
  position: relative;
}

.image-21 {
  object-fit: fill;
  object-position: 50% 50%;
}

.second-div {
  background-image: linear-gradient(351deg, #252525, #57575c);
  width: 100%;
  height: 100%;
  padding: 0 16px 30px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.heading-9 {
  color: #d6d6d6;
  font-size: 30px;
}

.paragraph-13 {
  color: #d6d6d6;
}

.freelance-landing {
  background-color: #f4f4f5;
  justify-content: center;
  align-items: flex-start;
  height: 93vh;
  display: flex;
}

.freelance-landing-content {
  width: 48%;
}

.paragraph-14 {
  margin-bottom: 0;
  font-family: Red Hat Text, sans-serif;
  font-size: 17px;
  line-height: 23px;
}

.heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Red Hat Text, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.company-logo-1 {
  position: absolute;
  inset: 8% 44% auto auto;
}

.image-22 {
  height: 120px;
}

.image-23 {
  height: 60px;
}

.image-24 {
  height: 40px;
}

.image-25 {
  height: 60px;
}

.company-logo-2 {
  position: absolute;
  inset: 35% 0% auto auto;
}

.company-logo-3 {
  position: absolute;
  inset: auto 17% 27% auto;
}

.company-logo-4 {
  position: absolute;
  inset: auto auto 13% 14%;
}

.freelance-container {
  background-color: #0000;
  align-items: center;
  max-width: 1050px;
  height: 100%;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
  position: relative;
}

.section-5 {
  height: 60vh;
}

.body-4 {
  background-color: #f7f7f7;
}

.thingshero {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6021b7ee6de9654daba1cbd8_BG2_1.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 95vh;
}

.thingsherotext {
  color: #fff;
  max-width: 60ch;
  margin-left: 50px;
}

.thingsherocontent {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 82vh;
  display: flex;
}

.thingssubheading {
  max-width: 40ch;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Thicccboi;
  font-size: 27px;
  font-weight: 500;
  line-height: 30px;
}

.thingssubheading.herosub {
  max-width: 25ch;
  margin-bottom: 30px;
}

.image-26 {
  margin-bottom: 5px;
  padding-bottom: 0;
  display: none;
}

.thingsherobody {
  font-family: Thicccboi;
  font-size: 17px;
  font-weight: 400;
  line-height: 21px;
}

.thingsfeatures {
  justify-content: center;
  align-items: center;
  min-width: 90vh;
  height: 105vh;
  display: block;
}

.thingsfeaturescontent {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.thingsfeaturesscreens {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6022027b50137511fe4025df_Features%20Screens.png");
  background-position: 50%;
  background-size: cover;
  min-width: 400px;
  max-width: 400px;
}

.thingsfeatureslist {
  flex-direction: column;
  justify-content: center;
  width: 50vw;
  margin-left: 60px;
  display: flex;
}

.paragraph-16 {
  margin-bottom: 0;
  font-family: Thicccboi;
  font-size: 15px;
  line-height: 21px;
}

.thingsfeaturesymbol {
  min-width: 28ch;
}

.image-27 {
  margin-bottom: 7px;
}

.grid-8 {
  grid-column-gap: 30px;
  grid-row-gap: 26px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 15px;
}

.thingsproblemidentification {
  background-color: #f8f8f8;
  padding-top: 100px;
  padding-bottom: 80px;
}

.thingsstepintro {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 80px;
  display: flex;
}

.thingsintroleft {
  width: 50%;
  margin-right: 9%;
}

.thingsintroright {
  width: 50%;
}

.thingssectionheading {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6042ffdb83b47d7390f20d11_BG2-4.jpg");
  background-position: 100%;
  background-size: auto;
  background-attachment: fixed;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  font-size: 35px;
  font-weight: 600;
}

.body-5 {
  font-family: Thicccboi;
}

.thingsproblemimages {
  display: flex;
}

.thingstexthighlight {
  color: #2d1c53;
  font-weight: 600;
  text-decoration: underline;
}

.text-block-12 {
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}

.thingskeyinterest {
  margin-top: 50px;
  display: flex;
}

.thingskeyinterestcontent {
  max-width: 76ch;
  margin-left: 25px;
}

.thingsstuffprogression {
  background-color: #f3f3f3;
  border-radius: 10px;
}

.grid-9 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.thingsgoalcontent {
  margin: 80px;
}

.thingsproductgoal {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  margin-top: 80px;
  margin-bottom: 60px;
}

.thingsbody {
  font-size: 15px;
  line-height: 21px;
}

.thingsfortheuser {
  margin-top: 100px;
  margin-bottom: 100px;
}

.grid-10 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
}

.personaplaceholder {
  background-color: #e2e2e2;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 300px;
  display: flex;
}

.thingskeydistinctions {
  max-width: 83ch;
  margin-top: 50px;
}

.thingsearlystagedevelopment {
  background-color: #f8f8f8;
  padding-top: 100px;
  padding-bottom: 100px;
}

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

.thingsvisuallanguage {
  background-color: #f8f8f8;
  padding-top: 100px;
  padding-bottom: 100px;
}

.thingsminimumcriteria {
  margin-top: 100px;
}

.thingssubsub {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.thingsdivlottie {
  height: 100px;
  position: relative;
}

.lottie-animation-3 {
  width: 37%;
  position: absolute;
  inset: auto auto 0% -5px;
}

.image-30 {
  margin-left: 30px;
}

.text-span-5 {
  text-decoration: underline;
}

.thingsthinking {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.thingsinitialthinging {
  width: 66%;
  margin-right: 15px;
}

.div-block-14 {
  background-color: #dadada;
  border-radius: 5px;
  width: 32%;
}

.thingssketching {
  margin-top: 30px;
  margin-bottom: 30px;
}

.thingslofi {
  background-color: #dadada;
  border-radius: 5px;
  height: 600px;
  margin-top: 29px;
  margin-bottom: 29px;
}

.thingsproto {
  background-color: #dadada;
  border-radius: 5px;
  height: 600px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.colour-sample {
  width: 160px;
  height: auto;
  display: block;
}

.internal-section {
  background-color: #f3f4f7;
  height: 180px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.colour-sample-info {
  justify-content: space-between;
  display: flex;
}

.colour-block {
  background-color: #fff5f5;
  border-radius: 4px;
  width: auto;
  height: 64px;
  margin-bottom: 8px;
}

.stylecolourgrade {
  justify-content: space-around;
  display: flex;
}

.sg-header-content {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.heading-12 {
  margin-top: 0;
  margin-bottom: 0;
}

.container-8 {
  flex: 1;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.stylesection {
  height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.primary-text {
  font-family: Neue Plak, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 68px;
}

.primary-text.h3 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-bottom: 12px;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.primary-text.h5 {
  margin-bottom: 8px;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.primary-text.h5.mobile-vertical {
  display: none;
}

.primary-text.h5.project-title {
  color: #000;
}

.primary-text.h5.project-title.darkmode {
  color: #ebebeb;
}

.primary-text.h5.ipad.darkmode {
  color: #d2d2d2;
}

.primary-text.h5.mobile {
  font-size: 20px;
  line-height: 26px;
}

.primary-text.h5.about-me-bp-1.darkmode, .primary-text.h5.darkmode {
  color: #d2d2d2;
}

.primary-text.h6 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.primary-text.h6.darkmode {
  color: #ebebeb;
}

.styletextcontainer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.styleheadingcontainer {
  flex: 0 auto;
  margin-right: 80px;
  display: block;
}

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

.body-large {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.body-large.rookeryherodescription {
  color: #fff;
}

.body-large.white {
  color: #d6d6d6;
}

.body-medium {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.body-medium.darkmode {
  color: #b2b2b2;
}

.body-medium.lighttext {
  color: gray;
}

.body-medium.projectchallenge sup {
  color: #2e32ff;
  font-size: 16px;
  position: static;
}

.body-small {
  color: #404040;
  letter-spacing: .1px;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.body-small.story-spacing {
  margin-bottom: 8px;
}

.body-small.body-hypo, .body-small.body-hypo._2 {
  width: auto;
}

.body-small.journey-phases {
  flex: 0 auto;
}

.body-small.project-description {
  width: 332px;
  display: block;
}

.body-small.project-description.mobile {
  width: auto;
}

.body-small.project-description.darkmode, .body-small.darkmode {
  color: #b2b2b2;
}

.body-small.darkmode-title-text {
  color: #d2d2d2;
}

.body-small.protoinstructions {
  padding-top: 4px;
  padding-bottom: 4px;
}

.body-small.subtext {
  color: #afafaf;
}

.body-small.vandy {
  color: #fff;
}

.body-small.centeredtext {
  text-align: center;
}

.body-tiny {
  color: #404040;
  letter-spacing: .1px;
  white-space: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.body-tiny.darkmode {
  color: #b2b2b2;
}

.body-tiny.darkmode.white {
  color: #fff;
}

.body-tiny.rookerylistitem {
  width: 17%;
}

.body-tiny.other-projects {
  color: #fff;
}

.body-tiny.resume {
  font-size: 10px;
  line-height: 16px;
}

.body-overline {
  color: #404040;
  letter-spacing: .1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.semi-large {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.semi-large.intro-sub-text {
  color: #ababab;
}

.semi-large.intro-sub-text.darkmode {
  color: #666;
}

.semi-large.darkmode {
  color: #d2d2d2;
}

.semi-large.other-projects {
  color: #fff;
}

.semi-medium {
  color: #404040;
  letter-spacing: .1px;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
}

.semi-medium.view-project {
  color: #5451d6;
}

.semi-medium.text-input-title {
  color: #6f6f6f;
}

.semi-medium.text-input-title.darkmode {
  color: #b2b2b2;
}

.semi-medium.nngquote {
  color: #182e58;
}

.semi-small {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.semi-small.view-project {
  color: #5451d6;
  background-color: #0000;
  text-decoration: none;
  transition: opacity .3s;
  display: block;
}

.semi-small.view-project:hover {
  text-decoration: underline;
}

.semi-small.view-project.open-coming-soon.darkmode, .semi-small.view-project.darkmode {
  color: #7875ff;
}

.semi-small.nav-link {
  color: #626262;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 22px;
  transition: color .15s;
}

.semi-small.nav-link:hover {
  color: #8f88d4;
}

.semi-small.nav-link.w--current {
  transition-duration: .15s;
}

.semi-small.nav-link.hidden {
  display: none;
}

.semi-small.nav-link.darkmode {
  color: #d2d2d2;
}

.semi-small.rookerycategory {
  background-color: #f2f4f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 4px 12px;
}

.semi-small.homebutton {
  color: #000;
  flex: 1;
  padding-top: 2px;
}

.semi-small.homebutton.ondark {
  color: #fff;
}

.semi-tiny {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.semi-tiny.centre {
  text-align: center;
  margin-bottom: 4px;
}

.semi-tiny.project-type.darkmode {
  color: #b2b2b2;
}

.semi-tiny.experience-padding {
  padding-right: 12px;
  font-size: 10px;
  line-height: 16px;
}

.semi-tiny.darkmode {
  color: #fff;
}

.semi-overline {
  color: #404040;
  letter-spacing: .1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.bold-large {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.bold-large.darkmode {
  color: #d2d2d2;
}

.bold-medium {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.bold-medium.darkmode-title-text {
  color: #d2d2d2;
}

.bold-medium.darkmode {
  color: #fff;
}

.bold-small {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.bold-small.center-justified {
  text-align: center;
}

.bold-small.experience-padding {
  margin-right: 12px;
}

.bold-small.experience-padding.darkmode-title-text, .bold-small.darkmode {
  color: #d2d2d2;
}

.bold-tiny {
  color: #404040;
  letter-spacing: .1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.bold-tiny.imagetitle {
  text-align: center;
  margin-bottom: 8px;
}

.bold-tiny.imagetitle.darkmode {
  color: #7e7e7e;
}

.bold-overline {
  color: #404040;
  letter-spacing: .1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.spacer-v-112 {
  height: 112px;
}

.spacer-v-80 {
  height: 80px;
}

.spacer-v-40 {
  height: 40px;
}

.spacer-v-32 {
  height: 32px;
}

.spacer-v-24 {
  height: 24px;
}

.spacer-v-12 {
  height: 12px;
}

.spacer-v-16 {
  height: 16px;
}

.styleverticalspacers {
  flex-direction: column;
  justify-content: space-around;
  height: 650px;
  display: flex;
}

.fillerblock {
  background-color: #dedede;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 16px -4px #00000040;
}

.project-chip {
  background-color: #f0f0f0;
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  width: 142px;
  margin-right: 16px;
  padding: 4px 8px;
  display: flex;
}

.project-chip.desktop {
  width: 202px;
}

.project-chip.weeks {
  width: 112px;
}

.project-chip.solo {
  width: 141px;
  padding-left: 10px;
}

.project-chip.months {
  width: 119px;
}

.project-chip.tablet {
  width: 184px;
}

.project-chip.mobile {
  width: 190px;
}

.project-chip.group {
  width: 209px;
}

.project-chip.physical {
  width: 176px;
}

.project-chip-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.div-block-19 {
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.project-cover {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6168d62054973aecae5549f4_Trove%20Wallpaper.png");
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 400px;
}

.project-cover.unplugged {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/61634164432ce9691f062338_Wallpaper%204.0.png");
  background-position: 50%;
  background-size: cover;
}

.project-cover.margot {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/616485d3460e5be6f69071bb_Notion%20Wall%20Paper%20Slim.png");
  background-position: 50%;
  background-size: cover;
}

.project-tags-section {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-1100 {
  object-fit: fill;
  border: 1px solid #00ff3700;
  border-radius: 1px;
  justify-content: center;
  width: 1100px;
  height: auto;
  padding-bottom: 0;
  display: flex;
}

.project-1100._1100-demo {
  background-color: #ebebeb;
}

.project-800 {
  border: 1px solid #00ff3700;
  border-radius: 1px;
  flex-direction: column;
  flex: 1;
  max-width: 800px;
  margin-top: 0;
  display: flex;
}

.project-800._800-demo {
  background-color: #cacaca;
}

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

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

.parent-section.video {
  display: none;
}

.callout {
  border-radius: 4px;
  padding: 12px 12px 12px 16px;
  display: flex;
}

.callout.unplugged-case-study-focus {
  background-color: #f1f0eb;
  flex-direction: row;
}

.callout.margot-case-study-focused {
  background-color: #f5edeb;
}

.callout.margot-case-study-focused.vertical {
  flex-direction: column;
}

.callout.unplugged {
  background-color: #f1f0eb;
}

.callout.margot {
  background-color: #f5edeb;
}

.callout.trove {
  background-color: #e1e7f0;
}

.callout.visualizer {
  color: #fff;
  background-color: #244b3d;
}

.callout-icon {
  margin-right: 16px;
}

.highlight {
  font-weight: 600;
  text-decoration: none;
}

.highlight.rookery {
  color: #333;
  background-color: #dfe8f2;
  font-weight: 500;
}

.highlight.rookery.padding {
  grid-column-gap: 12px;
  background-color: #edeff2;
  border-radius: 8px;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.highlight.unplugged {
  background-color: #f1f0eb;
  font-weight: 500;
}

.highlight.margot {
  background-color: #f5edeb;
  font-weight: 500;
}

.highlight.visualizer {
  color: #fff;
  background-color: #244b3d;
  font-weight: 500;
}

.spacer-v-48 {
  height: 48px;
}

.hypo-user-stories {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.story-bold {
  font-weight: 600;
}

.story-bold.story-highlight {
  background-color: #d7d2f1;
}

.hypothesis {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f1f0eb;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px;
  display: grid;
}

.hypothesis.margot-case-study-focused {
  background-color: #f5edeb;
}

.div-block-22 {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 10px;
  width: 2px;
  margin-right: 12px;
}

.project-image-1000 {
  border-radius: 4px;
  max-width: 1100px;
}

.divider {
  background-color: #a8a8a8;
  flex-direction: row;
  flex: 0 auto;
  width: 800px;
  height: 1px;
  display: block;
}

.divider.fullwidth {
  width: 100%;
}

.project-image-800 {
  border-radius: 4px;
}

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

.body-6 {
  padding-bottom: 100px;
}

.div-block-28 {
  width: auto;
}

.list, .list-2 {
  padding-left: 20px;
}

.underlined {
  text-decoration: underline;
}

.underlined.bold {
  font-weight: 700;
}

.underlined.bold.rookery {
  color: #182e58;
}

.underlined.bold.lighter {
  color: #999;
}

.image-35 {
  object-fit: cover;
  width: 500px;
  max-width: none;
  display: block;
}

.div-block-35 {
  width: 4%;
  min-width: 4%;
  max-width: 4%;
}

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

.div-block-37 {
  flex-direction: column;
  width: 44%;
  min-width: 44%;
  max-width: 44%;
  display: flex;
}

.div-block-38 {
  width: 52%;
  min-width: 52%;
  max-width: 52%;
}

.unplugged-mid-fi {
  border-radius: 4px;
}

.desktop-prototype {
  background-color: #242024;
  border: 4px solid #242024;
  border-radius: 8px;
  height: 688px;
  overflow: hidden;
  box-shadow: 0 20px 40px -10px #00000040;
}

.html-embed {
  z-index: 0;
  position: relative;
  top: -83px;
  left: -1px;
}

.project-card-text {
  flex: 0 auto;
  width: auto;
  height: 170px;
  padding-top: 0;
  padding-right: 64px;
  position: absolute;
  inset: 150px 0% auto auto;
}

.scroll-nav-section {
  opacity: .3;
  color: #000;
  text-align: right;
  width: 200px;
  margin-bottom: 6px;
  padding: 2px 0;
  transition: padding .3s, opacity .3s;
}

.scroll-nav-section:hover {
  opacity: 1;
  color: #000;
  padding-right: 11px;
}

.scroll-nav-section.w--current {
  opacity: 1;
  color: #000;
  border: 0 solid #a5b8ea;
  border-right: 3px solid #ded4f1;
  border-radius: 2px;
  padding-right: 8px;
}

.scroll-nav-section.em.w--current {
  border-right-color: #2c977d;
}

.scroll-nav-section.em.darkmode {
  color: #fff;
}

.scroll-nav-group {
  flex-direction: column;
  align-items: flex-end;
  width: 220px;
  margin-right: 24px;
  display: flex;
}

.scroll-nav {
  background-color: #0000;
  width: 220px;
  display: block;
  position: fixed;
  inset: auto 0% 60px auto;
}

.spacer-v-6 {
  height: 6px;
}

.team-member {
  align-items: center;
  display: flex;
}

.headshot-base {
  background-color: #e8e8e8;
  border-radius: 30px;
  width: 56px;
  height: 56px;
  margin-right: 16px;
  padding: 3px;
}

.image-38 {
  border-radius: 30px;
  box-shadow: 0 3px 3px #00000026;
}

.name-role {
  position: relative;
}

.teammates {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: flex;
}

.ipad-project-1100 {
  justify-content: center;
  width: 800px;
  display: flex;
}

.ipad-project-1100.filler {
  border: 4px solid #000;
  border-radius: 4px;
  height: 100%;
  min-height: 400px;
}

.ipad-project-800 {
  flex-direction: column;
  flex: 1;
  max-width: 680px;
  display: flex;
}

.ipad-project-800.filler {
  border: 4px solid #000;
  border-radius: 4px;
  height: 100%;
  min-height: 400px;
}

.image-grid {
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  width: 800px;
  max-width: 800px;
  height: auto;
  overflow: hidden;
}

.unplugged-sketch-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.umplugged-mid-fi-wireframes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.slider-2 {
  border-radius: 8px;
  width: 100%;
  height: 594px;
  overflow: hidden;
}

.left-arrow, .right-arrow {
  justify-content: center;
  display: flex;
}

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

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

.image-41, .image-42 {
  width: 50px;
}

.image-43 {
  border-radius: 8px;
}

.grid-11 {
  grid-column-gap: 32px;
  grid-template-rows: auto;
}

.image-44, .image-45 {
  border-radius: 8px;
}

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

.unpluggedvideo {
  border-radius: 8px;
  overflow: hidden;
}

.survey-option {
  color: #8d8d8d;
}

.survey-numbering {
  justify-content: center;
  align-items: center;
  width: 24px;
  margin-right: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.margot-dropdown-trigger {
  align-items: center;
  display: flex;
}

.margot-synthesis-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.lightbox-link, .lightbox-link-2, .lightbox-link-3, .lightbox-link-4 {
  color: #505050;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-49 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-50, .div-block-51, .div-block-52, .div-block-53 {
  text-align: left;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-54 {
  grid-template: ". . Area Area"
                 ". . Area-2 Area-2"
                 "Area-3 Area-3 Area-3 Area-3"
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.image-46, .image-47, .image-48, .image-49 {
  height: 250px;
}

.grid-12 {
  grid-template: "."
  / .75fr 1fr;
}

.grid-13 {
  object-fit: fill;
  grid-template-rows: auto auto auto auto;
}

.fill-fit-grid {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fill-fit-grid.shorter {
  object-fit: contain;
  height: 100%;
}

.div-block-55 {
  object-fit: fill;
  background-color: #e5e4e5;
  border-radius: 2px;
  height: 40vh;
}

.image-51, .image-52, .image-53, .image-54 {
  object-fit: contain;
  height: 100%;
}

.slider-3 {
  width: 100%;
  height: 60vh;
}

.div-block-56 {
  background-color: #ddd;
  width: 100%;
  height: 70vh;
}

.margot-dropdown-container {
  overflow: hidden;
}

.hypothesis-grid {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pain-point-graphic {
  height: 60px;
}

.home-page {
  background-color: #f7f7f7;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-page.darkmode {
  background-color: #202024;
  border: 1px solid #494949;
}

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

.headshotcontainer {
  background-color: var(--black);
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63990b636feba70c36028184_Headshot%20Crop.jpg");
  background-position: 50%;
  background-size: cover;
  border: 1px solid silver;
  border-radius: 40px;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  box-shadow: 0 19px 40px -10px #05005c4d;
}

.headshotcontainer.darkmode {
  border: 2px solid #a9a9a9;
}

.h-spacer-100 {
  width: 100px;
}

.gradient-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(221deg, #5474c6, #9d7dd1);
  -webkit-background-clip: text;
  background-clip: text;
}

.home-page-product-card {
  background-color: #ececec;
  border-radius: 8px;
  width: 92%;
  max-width: 1070px;
  height: 356px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-page-product-card.unplugged {
  color: #333;
  background-color: #f1f0ea;
}

.home-page-product-card.unplugged.darkmode {
  background-color: #27272b;
  border: 2px solid #4f4f54;
}

.home-page-product-card.margot {
  color: #333;
  background-color: #f1eceb;
}

.home-page-product-card.margot.darkmode {
  background-color: #27272b;
  border: 2px solid #4f4f54;
}

.home-page-product-card.trove {
  color: #333;
  background-color: #f2f5fa;
}

.home-page-product-card.trove.darkmode {
  background-color: #27272b;
  border: 2px solid #4f4f54;
}

.home-page-product-card.rookery {
  color: #333;
  background-color: #d6ddeb;
  text-decoration: none;
}

.project-card-hero {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5f91171a5af924a0ed9214ef_Discussion%20Page%20mock%20up.png");
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  width: 624px;
  display: flex;
}

.project-card-hero.margot {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6207f209cae97158796b2249_Margot%20Community%20Hero%20Cover%202022%20%E2%80%93%20Desktop%2C%20iPad.png");
  background-position: 50%;
}

.project-card-hero.unplugged {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/620759d14f5373dc1e305b96_Unplugged%20Hero%20Cover%202022.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
}

.project-card-hero.rookery {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62941eeab64554788e657445_Rookery%20Design%20System%20Graphic.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.projects-section {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.projects-section.desktop {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-top: 112px;
  margin-bottom: 112px;
}

.projects-section.mobile {
  display: none;
}

.home-page-arrow-animation {
  z-index: 10;
  flex: 1;
  position: absolute;
  inset: auto 0% 0%;
}

.symbol-centering {
  flex-direction: column;
  align-items: center;
  transition: all .3s cubic-bezier(.532, .003, .25, 1);
  display: flex;
}

.project-card-simple-mobile {
  background-color: #ececec;
  border-radius: 8px;
  width: 488px;
  height: 278px;
  transition: color .5s ease-in-out;
  position: relative;
  overflow: hidden;
}

.project-card-simple-mobile:hover {
  z-index: 2;
}

.project-card-text-mobile {
  z-index: 10;
  color: #333;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  position: absolute;
  top: 200px;
  left: 32px;
  right: auto;
}

.overlay {
  z-index: 0;
  background-color: #000000d9;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.mobile-project-hero {
  object-fit: contain;
  object-position: 50% 50%;
  flex: none;
  width: 100%;
  position: static;
}

.project-card-image-container-mobile {
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-page-arrow-animation-mobile {
  display: none;
}

.footer-icons {
  justify-content: space-between;
  display: flex;
}

.footer-social-link {
  margin-left: 20px;
}

.footer-content {
  width: 90%;
}

.footer-divider {
  background-color: #969696;
  height: 1px;
}

.footer-spacer-20 {
  height: 20px;
}

.footer-spacer-16 {
  height: 16px;
}

.footer {
  background-color: #f7f7f7;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 48px;
  display: flex;
}

.footer-logo-svg {
  mix-blend-mode: multiply;
}

.text-block-15.darkmode {
  color: #d2d2d2;
}

.image-58 {
  mix-blend-mode: multiply;
  height: 36px;
}

.brand-3 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 60px;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.brand-3:hover {
  opacity: 0;
}

.navbar-2 {
  z-index: 10;
  background-color: #fff0;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: color .15s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-2.about-page {
  position: relative;
}

.navbar-2.static {
  position: static;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 92%;
  display: flex;
  position: relative;
}

.nav-logo {
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-brand {
  opacity: 0;
  width: 40px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hover-brand:hover {
  opacity: 1;
}

.nav-test {
  border-radius: 10px;
  padding: 12px 23px;
  position: fixed;
}

.morphing-div {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffc7;
  border: 1px solid #fff;
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  box-shadow: 1px 1px 6px #0000000f, inset -1px -1px 6px 4px #ffffff57;
}

.about-page-intro {
  flex-direction: row;
  align-items: center;
  width: 80%;
  max-width: 1000px;
  display: flex;
}

.about-section {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-59 {
  border-radius: 12px;
  width: 45%;
  max-width: 450px;
}

.image-59.darkmode {
  border: 3px solid #cfcfcf;
  border-radius: 10px;
}

.spacer-h {
  width: 150px;
}

.keep-it-interesting-container {
  justify-content: space-between;
  width: 80%;
  max-width: 1000px;
  display: flex;
  position: relative;
}

.kii-text-container {
  max-width: 460px;
}

.kii-images {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: visible;
}

.emoji {
  padding-right: 4px;
  font-size: 18px;
}

.spotify-code {
  border-radius: 8px;
  overflow: hidden;
}

.kii-playing-guitar {
  z-index: 1;
  border-radius: 8px;
  width: 220px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
  box-shadow: 0 12px 36px -5px #00000073;
}

.kii-playing-guitar.darkmode {
  border: 1px solid #494949;
}

.kii-wedding {
  z-index: 3;
  border-radius: 8px;
  width: 300px;
  position: absolute;
  inset: auto 300px 70px auto;
  overflow: hidden;
  box-shadow: 3px 3px 27px -5px #00000059;
}

.kii-wedding.darkmode {
  border: 1px solid #494949;
}

.kii-skateboarding {
  z-index: 2;
  border-radius: 8px;
  width: 350px;
  position: absolute;
  inset: auto 40px -50px auto;
  overflow: hidden;
  box-shadow: 3px 3px 27px -5px #00000059;
}

.kii-skateboarding.darkmode {
  border: 1px solid #494949;
}

.spacer-v-64 {
  flex-direction: column;
  align-items: flex-start;
  height: 64px;
  display: flex;
}

.body-grey {
  background-color: #f7f7f7;
}

.body-grey.darkmode {
  background-color: #202024;
}

.about-section-white {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-section-white.darkmode {
  background-color: #171719;
  border: 0 solid #494949;
  border-top-width: 1px;
}

.about-resmue {
  width: 80%;
  max-width: 1000px;
}

.resume-columns {
  justify-content: space-between;
  display: flex;
}

.awards-tool-kit-column {
  flex: 1;
  max-width: 360px;
}

.experience-column {
  flex: 1;
  max-width: 580px;
}

.experience-column.bp-1 {
  max-width: 100%;
}

.experience-block {
  margin-bottom: 32px;
}

.experience-block.hide {
  display: none;
}

.company-job-title {
  display: flex;
}

.date-location {
  color: #9b9b9b;
  display: flex;
}

.experience-list {
  margin-bottom: 0;
  padding-left: 18px;
}

.resume-block-heading {
  margin-bottom: 24px;
}

.resume-heading-divider {
  background-color: #848484;
  height: 1px;
  margin-top: 4px;
}

.work-experience-block {
  margin-bottom: 70px;
}

.education-block {
  margin-bottom: 20px;
}

.awards-block {
  margin-bottom: 70px;
}

.award-block {
  margin-bottom: 40px;
}

.rocket-award-icon {
  height: 50px;
  margin-bottom: 8px;
}

.list-3 {
  padding-left: 18px;
  list-style-type: decimal;
}

.carleton-award-icon {
  height: 70px;
  margin-bottom: 8px;
}

.toolkit-block {
  margin-bottom: 70px;
}

.tool-icon-row {
  margin-bottom: 25px;
  display: flex;
}

.tool-icon {
  border-radius: 8px;
  height: 48px;
  margin-right: 20px;
  overflow: hidden;
}

.education-blocks {
  margin-bottom: 70px;
}

.kii-hobbies-languages {
  flex-direction: column;
  display: flex;
}

.floating-images-anchor {
  width: 100%;
  height: 100%;
  position: relative;
}

.resume-divider {
  width: 7%;
}

.about-resume-bp-1 {
  width: 80%;
  max-width: 1000px;
  display: none;
}

.icon-button {
  cursor: pointer;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.icon-button:hover {
  background-color: #ededed;
}

.icon-button:active {
  background-color: #e3e3e3;
}

.icon-button.darkmode:hover {
  background-color: #373741;
}

.icon-button.darkmode:active {
  background-color: #49495a;
}

.icon-button-icon {
  width: 28px;
  height: 28px;
  margin: 4px;
  overflow: visible;
}

.coming-soon-modal-text-content {
  width: 390px;
}

.coming-soon-modal-content {
  width: 460px;
}

.text-input-medium {
  background-color: #f2f2f2;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  height: 38px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  line-height: 22px;
  transition: box-shadow .3s, border-width .3s, border-color .3s;
}

.text-input-medium:focus {
  border-width: 1.2px;
  border-color: #6c63a6;
  box-shadow: inset 0 0 2px #0000001a;
}

.horizontal-coming-soon-modal-form-container {
  display: flex;
}

.h-spacer-4 {
  width: 6px;
}

.submit-button {
  background-image: linear-gradient(20deg, #505aa6, #6c63a6);
  border-radius: 6px;
  height: 38px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.submit-button:hover {
  background-image: linear-gradient(20deg, #444c8c, #5d558f);
}

.submit-button:active {
  background-image: linear-gradient(20deg, #394075, #4e4778);
}

.coming-soon-modal {
  background-color: #f7f7f7;
  border-radius: 24px;
  padding: 40px 40px 32px;
  position: relative;
  box-shadow: 0 6px 16px #0000001a;
}

.coming-soon-modal.darkmode {
  background-color: #27272b;
  border: 2px solid #4f4f54;
}

.modal-close-button-container {
  margin-top: 16px;
  margin-right: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.success-message {
  background-color: #ddeee0;
  border-radius: 8px;
  margin-bottom: -8px;
}

.success-form-text-container {
  justify-content: center;
  align-items: center;
  height: 36px;
  display: flex;
}

.error-message {
  background-color: #f3dada;
  border-radius: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.modal-overlay {
  z-index: 1020;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.spotify-code-link {
  z-index: 10;
  position: relative;
}

.body-darkmode {
  background-color: #171719;
}

.footer-darkmode {
  background-color: #202024;
  border: 1px solid #494949;
}

.image-60 {
  height: 32px;
}

.body-tiny-darkmode {
  color: #b2b2b2;
}

.prohero {
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
}

.prohero.unplugged {
  background-color: #f1f0eb;
  position: relative;
}

.prohero.margot {
  background-color: #f5edeb;
}

.prohero.rookery {
  background-image: linear-gradient(130deg, #0ba6d6, #182e58);
  height: 60vh;
}

.prohero.trove {
  background-color: #213b63;
}

.prohero.visualizer {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64d112af4c3995ce0b7940f2_Blurred%20Biomarker%20Wallpaper.png");
  background-position: 0 0;
  background-size: cover;
}

.proherowide {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  width: 85%;
  max-width: 1000px;
  display: flex;
}

.margotherotitle {
  font-family: Neue Plak, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}

.margotherotitle.visualizer {
  color: #fff;
  font-size: 32px;
  line-height: 41px;
}

.herotitling {
  flex-direction: column;
  justify-content: center;
  width: 400px;
  display: flex;
}

.herotitling.rookery {
  color: #fff;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 54%;
  max-width: 660px;
}

.herotitling.trove {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
}

.unpluggedlogo {
  mix-blend-mode: multiply;
  width: 140px;
}

.heroscreenshots {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.heroscreenshots.margot {
  width: 55%;
}

.unpluggedheroscreen {
  border: 3px solid #000;
  border-radius: 12px;
  width: 100%;
  max-height: 338px;
  overflow: hidden;
}

.unpluggedheroscreen.screenshadow.unplugged {
  width: 100%;
}

.unpluggedheroscreen.screenshadow.visualizer {
  border-width: 1px;
  border-color: #646464;
  border-radius: 8px;
}

.prosummary {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.prosectionsummary {
  background-color: #f9f9f9;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.prosectionsummary.visualizer {
  background-color: #1a1d1d;
}

.prosummarytldr {
  width: 75%;
  margin-right: 48px;
}

.prosection {
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.prosection.showcase {
  background-color: #f9f9f9;
}

.prosection.showcase.visualizer {
  background-color: #1a1d1d;
}

.prosection.preserveexperience, .prosection.notready {
  display: none;
}

.prosection.rookery {
  background-color: #f4f7fa;
}

.prosection.rookerycolour {
  background-color: #0000;
}

.prosection.coral {
  background-color: #12141c;
}

.prosection.howmightwe {
  background-color: #f9f9f9;
}

.prosection.howmightwe.visualizer {
  background-color: #1c1f1e;
}

.prosection.visualizer {
  background-color: #141414;
}

.prosection.keyimprovements {
  background-color: #f2f5f5;
}

.prosection._10000px {
  background-image: linear-gradient(#fff, #e7eaff);
  height: 10000px;
}

.proshowcasewide {
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  max-width: 85vw;
  display: flex;
}

.desktopshowcase {
  border: 3px solid #000;
  border-radius: 16px;
  width: 60%;
  height: 440px;
  overflow: hidden;
}

.desktopshowcase.screenshadow {
  width: 60%;
  height: auto;
  position: relative;
}

.desktopshowcase.screenshadow.visualizer {
  border-width: 1px;
  border-color: #fff3;
  border-radius: 8px;
}

.desktopshowcase.screenshadow.visualizer.noborder {
  border-width: 0;
  border-radius: 0;
}

.highlightunplugged {
  width: 32%;
  margin-bottom: 56px;
}

.highlightunplugged.hiddenonnarrow {
  display: block;
}

.highlightunplugged.hiddenonwide {
  display: none;
}

.image-63 {
  width: 100%;
}

.prosectionwide {
  flex-direction: column;
  align-items: center;
  width: 77%;
  max-width: 1100px;
  display: flex;
}

.prosectionwide.showcase {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 77%;
  max-width: 1100px;
}

.prosectionwide.rookeryplayground {
  overflow: hidden;
}

.prosectionwide.leftjustify {
  align-items: flex-start;
}

.prosectionwide.leftjustify.fullwidth {
  align-items: stretch;
  width: 100%;
}

.prosectionwide.fullflexchild {
  align-items: stretch;
}

.prosectionnarrow {
  width: 56%;
  max-width: 800px;
}

.prosectionnarrow.showcase {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.button {
  color: #000;
  background-color: #0000001a;
  border-radius: 30px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  display: none;
}

.webstickiescontainer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.stickies-container {
  flex-direction: column;
  align-items: center;
  width: 48%;
  display: flex;
}

.verticalcentered {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.verticalcentered.rookerycontent {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.observingusers {
  border-radius: 8px;
  justify-content: center;
  align-self: stretch;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 40px -10px #00000040;
}

.slider-4 {
  background-color: #0000;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  width: 100%;
}

.div-block-63 {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.div-block-64 {
  height: 100%;
}

.userflowslidericon {
  color: #fff;
  background-color: #0003;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  font-size: 24px;
  display: flex;
}

.journeymapcontainer {
  width: 100%;
  position: relative;
}

.journeymaplayercontainer {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.journeymap {
  width: 60%;
  padding-top: 82px;
  position: static;
  inset: 0% auto 0% 0%;
}

.journeymap.base {
  width: 100%;
}

.journeymap.phase {
  width: 100%;
  display: block;
  position: absolute;
}

.mindmapscontainer {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.mindmapcontainer {
  width: 48%;
}

.image-66 {
  width: 100%;
}

.horizontalcentered {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.horizontalcentered.margotprototype {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.cabincards {
  width: 60%;
}

.searchresults {
  width: 40%;
}

.olddesignunplugged {
  width: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.beforebutton {
  color: #3a3a3a;
  background-color: #00392426;
  border-radius: 24px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.beforebutton:hover, .beforebutton:active {
  background-color: #00392433;
}

.beforebutton.visualizer {
  color: #fff;
  background-color: #d1d1d126;
}

.image-68 {
  border: 2px solid #000;
  width: 100%;
}

.textlist {
  list-style-type: decimal;
}

.stylehorizontalspacers {
  flex-direction: row;
  justify-content: space-around;
  height: 650px;
  display: flex;
}

.spacer-h-112 {
  width: 112px;
}

.spacer-h-80 {
  width: 80px;
}

.spacer-h-64 {
  width: 64px;
}

.spacer-h-48 {
  width: 48px;
}

.spacer-h-40 {
  width: 40px;
}

.spacer-h-32 {
  width: 32px;
}

.spacer-h-24 {
  width: 24px;
}

.spacer-h-16 {
  width: 16px;
}

.spacer-h-12 {
  width: 12px;
}

.spacer-h-8 {
  width: 8px;
}

.spacer-h-6 {
  width: 6px;
}

.spacer-h-4 {
  width: 4px;
}

.spacer-v-4 {
  height: 4px;
}

.h1-bold {
  font-family: Neue Plak, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 68px;
}

.h1-bold.gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(40deg, #a67dea, #5d7cdf);
  -webkit-background-clip: text;
  background-clip: text;
}

.h2-bold {
  font-family: Neue Plak, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 62px;
}

.h3-bold {
  font-family: Neue Plak, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
}

.h3-bold.rookeryherotitle {
  font-family: Gotham, sans-serif;
  font-weight: 400;
}

.h3-bold.unplugged-process {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#4d998c, #2e4c4c);
  -webkit-background-clip: text;
  background-clip: text;
}

.h3-bold.margot-process-title {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#b57b69 25%, #943f29);
  -webkit-background-clip: text;
  background-clip: text;
}

.h4-bold {
  font-family: Neue Plak, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}

.h4-bold.em-title-mobile {
  font-weight: 700;
}

.h6-bold {
  letter-spacing: .2px;
  font-family: Neue Plak, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.h6-bold.passwordpage {
  margin-bottom: 4px;
}

.h6-bold.darkmode {
  color: #fff;
}

.h5-bold {
  letter-spacing: .2px;
  font-family: Neue Plak, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.h5-bold.darkmode {
  color: #fff;
}

.margotlogo {
  width: 140px;
}

.margotheroscreen {
  width: 100%;
}

.mobileshowcase {
  width: 40%;
}

.mobileshowcase.beforeafter {
  justify-content: space-between;
  width: 45%;
  display: flex;
}

.mobileshowcase.pricinginformation {
  width: 25%;
  position: relative;
}

.beforeaftermobile {
  width: 48%;
}

.beforeaftermobile.screenshadow {
  border-radius: 20px;
  box-shadow: 0 4px 40px -10px #0000004d;
}

.beforeaftermobile.screenshadow.argotgifframing {
  width: 300px;
}

.beforeaftermobile.screenshadow.extraradii {
  border: 0 solid #000;
  border-radius: 27px;
}

.highlightmargot {
  width: 40%;
}

.highlightmargot.wider {
  width: 60%;
}

.highlightmargot.fullwidth {
  width: 100%;
  max-width: 800px;
}

.image-69 {
  width: 100%;
}

.fullwidthimage {
  z-index: 10;
  width: 100%;
  position: relative;
}

.fullwidthimage.screenshadow {
  border-radius: 20px;
  box-shadow: 0 4px 40px -10px #0000004d;
}

.fullwidthimage.screenshadow.radius {
  border-radius: 4px 4px 24px 24px;
}

.fullwidthimage.screenshadow.extraradius {
  border-radius: 29px;
}

.fullwidthimage.radius {
  border-radius: 24px;
}

.margotgifcontainer {
  width: 250px;
  overflow: visible;
}

.beforeaftercontainer {
  width: 48%;
}

.undershadow {
  z-index: 1;
  border-radius: 24px;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 0 4px 40px -10px #00000040;
}

.margotsurvey {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #f5f5f5;
  border-radius: 16px;
  flex-direction: column;
  margin-left: 8px;
  margin-right: 8px;
  padding: 40px 64px 64px;
  display: flex;
}

.surveyquestionoptionscontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-start;
  display: flex;
}

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

.questionoption {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  box-shadow: 0 2px 4px #00000012;
}

.surveycontainer {
  position: relative;
  overflow: hidden;
}

.surveyfade {
  background-image: linear-gradient(#fff0, #fffc 79%);
  height: 80%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.surveyfadedivider {
  background-color: #bbb;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.expandsurveybutton {
  cursor: ns-resize;
  border-bottom: 1px solid #bbb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.expandsurveybutton:hover {
  color: #714da7;
}

.horizontalspacebetween {
  display: flex;
}

.horizontalspacebetween.relative {
  object-fit: fill;
  position: relative;
}

.margotformrethinktext {
  width: 39%;
  position: absolute;
}

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

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

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

.margotliveprototypecontainer {
  border: 1px solid #e4c7c7;
  width: 285px;
  min-width: 285px;
  max-width: 285px;
  height: 620px;
  min-height: 620px;
  max-height: 620px;
  margin-top: 64px;
  margin-bottom: 64px;
  overflow: hidden;
  box-shadow: 0 20px 40px -10px #00000040;
}

.margotprotoinstructions {
  padding-left: 24px;
}

.html-embed-2 {
  margin-top: -84px;
  margin-left: -49px;
  overflow: visible;
}

.hideondesktop {
  display: none;
}

.text-block-16 {
  cursor: ns-resize;
  background-color: #fff;
  border-radius: 4px;
  padding: 4px 8px;
}

.prosectiontextcontent {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.prosectiontextcontent.rookery {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-bottom: 0;
}

.prosectiontextcontent.rookerydoctext {
  width: 100%;
  max-width: 439px;
  position: sticky;
  top: 25vh;
}

.prosectiontextcontent.horizontalfill {
  align-items: stretch;
}

.prosectiontextcontent.horizontalfill._800 {
  width: 76%;
}

.prosectiontextcontent.auto {
  width: auto;
}

.prosectiontextcontent.nomargin {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-bottom: 0;
}

.prosectiontextcontent.nomargin.greet {
  width: 42%;
}

.prosectiontextcontent.nomargin.funprojectcard {
  width: 300px;
}

.prosectiontextcontent.nomargin.fullwidth.centered {
  align-items: center;
}

.prosectiontextcontent.nomargin.home {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.prosectiontextcontent.funprojectintro {
  width: 80%;
  margin-top: 48px;
}

.background-video {
  height: 447px;
}

.highlightschip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 2px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 138px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 2px;
  display: flex;
}

.highlightschip.unplugged {
  background-color: #f1f0eb;
  border: 2px solid #c4ccc0;
}

.highlightschip.margot {
  background-color: #f5edeb;
  border-color: #9c331e;
}

.highlightschip.trove {
  background-color: #e1e7f0;
  border-color: #35457a;
}

.rookeryheroimage {
  width: auto;
}

.rookeryherotitle {
  font-family: Neue Plak, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  position: static;
}

.nngsource {
  color: #a1adb3;
}

.nngquotecontainer {
  background-color: #edeff2;
  border-radius: 8px;
  padding: 16px;
  position: relative;
}

.nngquotemarking {
  font-family: Merriweather, serif;
  font-size: 30px;
  font-weight: 700;
}

.nngquotation {
  opacity: .4;
  width: 30px;
  position: absolute;
}

.nngquotation.start {
  inset: -16px auto auto -24px;
}

.nngquotation.end {
  inset: auto -24px -16px auto;
}

.rookerybenefitsgrid {
  z-index: 10;
  grid-column-gap: 32px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.rookerybenefit {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rookerybenefitsbase {
  z-index: 9;
  background-color: #edeff2;
  border-radius: 12px;
  width: 108%;
  height: 100%;
  position: absolute;
  inset: -4% auto auto -4%;
}

.rookerycontentcategory {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.rookerycontentcategoryrow {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.rookerycontentcategorylist {
  background-color: #f2f4f7;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rookerydocumentationexample {
  grid-column-gap: 56px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 112px;
  display: flex;
}

.rookerydocexample {
  border: 1px solid #869bb2;
  border-radius: 10px;
  width: 55%;
  box-shadow: 0 20px 40px -10px #00000040;
}

.rookeyprogressbar {
  background-color: #edeff2;
  border-radius: 8px;
  width: 100%;
  height: 24px;
}

.progressbar {
  background-image: linear-gradient(116deg, #0ba5d6, #152a50);
}

.progressbar._88 {
  border-radius: 4px;
  width: 91%;
  height: 100%;
}

.progressbar._26 {
  border-radius: 4px;
  width: 32%;
  height: 100%;
}

.rookeryprogresslabels {
  justify-content: space-between;
  display: flex;
}

.rookeylightbox {
  width: 100%;
}

.grid-14 {
  grid-column-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.rookeryslider {
  border: 1px solid #869bb2;
  border-radius: 12px;
  width: 100%;
  height: 480px;
  margin-bottom: 60px;
  overflow: hidden;
  box-shadow: 0 20px 40px -10px #00000040;
}

.rookerydocexamplecontainer {
  border: 1px solid #869bb2;
  border-radius: 10px;
  width: 55%;
  overflow: hidden;
  box-shadow: 0 20px 40px -10px #00000040;
}

.rookerydocimage {
  width: 100%;
}

.rookerydocstickytrack {
  height: 100%;
  position: relative;
}

.lightertext {
  color: #999;
}

.html-embed-3 {
  width: 1100px;
  height: 450px;
}

.rookeryplaygroundcontainer {
  border: 2px solid #869bb2;
  border-radius: 10px;
  width: 1100px;
  height: 500px;
  margin-top: 15px;
  margin-bottom: 55px;
  margin-left: 0;
  overflow: hidden;
  box-shadow: 0 20px 40px -10px #00000040;
}

.html-embed-4 {
  margin-top: -64px;
  margin-left: -50px;
}

.notvisibleonsmallerscreens {
  grid-column-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: visible;
}

.notvisibleonmobileimage {
  width: 100%;
  transform: rotate(-10deg);
}

.notvisiblegraphiccontainer {
  width: 50vw;
  padding: 16px;
}

.iconlibraryinfo {
  color: #b3b3b3;
  font-size: 11px;
  font-weight: 400;
}

.text-field {
  border-radius: 4px;
}

.submit-button-2 {
  background-color: #8283cf;
  border-radius: 4px;
  width: 100%;
}

.image-71 {
  width: 80px;
}

.passwordinputbuttoncontainer {
  width: 70%;
}

.rookerycallout {
  grid-column-gap: 10px;
  background-color: #eceff2;
  border-radius: 4px;
  align-items: center;
  padding: 6px 16px 6px 14px;
  display: flex;
}

.rookerycallouticon {
  width: 22px;
  height: 22px;
}

.gohomebutton {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: .7;
  color: #333;
  background-color: #0000;
  border-radius: 8px;
  align-items: center;
  padding: 6px 12px 6px 4px;
  transition: opacity .15s, background-color .15s;
  display: flex;
}

.gohomebutton:hover {
  opacity: 1;
  background-color: #0000000f;
}

.gohomebutton:active {
  background-color: #00000014;
}

.gohomebutton.ondark {
  opacity: .85;
  background-color: #fff0;
}

.gohomebutton.ondark:hover {
  background-color: #ffffff0f;
}

.gohomebutton.ondark:active {
  background-color: #ffffff1a;
}

.gohomebutton.backtofun {
  width: 119px;
}

.gohomelinkblock {
  margin: 24px;
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.gohomelinkblock:active {
  text-decoration: none;
}

.troveshowcase {
  flex: 1;
  width: 60%;
}

.image-72 {
  width: 100%;
  display: block;
  transform: rotate(90deg);
}

.div-block-67 {
  height: 32px;
}

.tabsectionstyling {
  color: #7f7f7f;
  background-color: #0000;
  border-radius: 8px;
  padding: 6px 16px;
}

.tabsectionstyling:hover {
  color: #000;
  background-color: #d9d9d9;
}

.tabsectionstyling.w--current {
  color: #1b1b1b;
  background-color: #0000001a;
}

.tab-link-tab-2 {
  padding: 6px 16px;
}

.tabs-menu {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #0000;
  border-radius: 8px;
  margin-bottom: 24px;
  display: flex;
}

.tabs-menu:hover {
  background-color: #0000000f;
}

.rookeryenvironments {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  display: flex;
}

.rookeryenvironmentimagery {
  height: 128px;
  margin-bottom: 24px;
}

.rookeryenvironmentsection {
  width: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

.grid-15 {
  grid-template-rows: auto;
}

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

.tabs.fullwidthcentered {
  align-items: center;
  width: 100%;
}

.tabs-content {
  width: 100%;
}

.tabs-content.rookerycolourimage {
  border: 1px solid #000;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 10px 30px -10px #00000040;
}

.tab-pane-tab-1 {
  background-color: #f6f6f8;
  border-radius: 16px;
  overflow: hidden;
}

.tab-pane-tab-2 {
  background-color: #202121;
  border-radius: 16px;
  overflow: hidden;
}

.rookerysystemstructureimage {
  width: 70%;
}

.funintroduction {
  background-color: #f7f7f7;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.fungreet {
  background-color: #fff;
  border-radius: 24px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  padding: 56px 80px;
  display: flex;
  box-shadow: 0 4px 44px -12px #00000012;
}

.h1-semi {
  font-family: Neue Plak, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 68px;
}

.h2-semi {
  font-family: Neue Plak, sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 62px;
}

.h3-semi {
  font-family: Neue Plak, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
}

.h4-semi {
  font-family: Neue Plak, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
}

.h4-semi.darkmode {
  color: #fff;
}

.h5-semi {
  letter-spacing: .2px;
  font-family: Neue Plak, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.h5-semi.darkmode {
  color: #fff;
}

.h6-semi {
  letter-spacing: .2px;
  font-family: Neue Plak, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.h6-semi.darkmode {
  color: #fff;
}

.outline-button {
  color: #444973;
  background-color: #0000;
  border: 1px solid #6369a6;
  border-radius: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  transition: background-color .2s;
}

.outline-button:hover {
  background-color: #3339800d;
}

.funprojectscontainer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 1400px;
  margin: 112px 64px;
  display: flex;
}

.fun-project-card {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/61f72c59bb882d2bade15309_Alex%20Young-Davies%20%E2%80%93%20Skateboarding.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  align-items: flex-end;
  height: 300px;
  transition: box-shadow .4s;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 15px #00000014;
}

.fun-project-card:hover {
  box-shadow: 0 8px 20px -10px #2f66ff99, 0 4px 15px #00000014;
}

.fun-project-card._400 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a931c6cae2cd268024f0b2_Fun%20Project%20Card%20%E2%80%93%20Coral.png");
  width: 540px;
}

.fun-project-card.wide {
  width: 660px;
}

.fun-project-card.coral {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a931c6cae2cd268024f0b2_Fun%20Project%20Card%20%E2%80%93%20Coral.png");
  transition-duration: .3s;
  transition-timing-function: linear;
}

.fun-project-card.arch {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62b63d1b9b616981dae96965_PML%20Project%20Model.png");
}

.fun-project-card.cube {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a931c7a8465215624badd0_Fun%20Project%20Card%20%E2%80%93%20Light%20Cube.png");
}

.fun-project-card.grip {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a931c7ee2a775706774aba_Fun%20Project%20Card%20%E2%80%93%20Grips.png");
}

.fun-project-card.things {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a931c602308c08ba18afe5_Fun%20Project%20Card%20%E2%80%93%20Things.png");
}

.fun-project-card.photography {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a93ddda8465254f24bfbc6_Phtotos.png");
  background-position: 50%;
}

.fun-project-card.underline {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62b0bba30e94370402d3ced3_The%20Underline%202.0%20Wide.png");
}

.fun-project-card.enable {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6745542dd12daad13db07ad0_Project%20Cover.png");
}

.funprojectcardcontentcontainer {
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 32px 24px;
  display: flex;
}

.tin {
  background-color: #000;
  border-radius: 8px;
  padding: 2px 12px;
  position: absolute;
  inset: 8px auto auto 8px;
}

.funprojectchip {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background-color: #00000059;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  padding: 2px 12px;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  inset: 8px auto auto 8px;
}

.fun-project-card-link {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.fun-project-card-link._40width {
  flex: 0 auto;
  width: 39%;
}

.funprojectrow {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.fungreetcontainer {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 64px;
  display: flex;
}

.funproject {
  background-color: #f7f7f7;
  position: relative;
}

.griptapegraphicswide {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  width: 77%;
  max-width: 1100px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.griptapechapter {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.griptapeshowcase {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 380px;
  height: 380px;
  position: relative;
  box-shadow: 0 4px 20px -4px #0003;
}

.griptapeshowcase.golden-gate {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e58d02f161c0397d23c_Screen%20Shot%202022-06-14%20at%2010.12%201.png");
  background-position: 50%;
  background-size: cover;
}

.griptapeshowcase.the-bass {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e58aa8e9555ad69384c_Bringing%20the%20Base.png");
}

.griptapeshowcase.union-jack {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e571e8960213d3559cd_English%20Rose%20and%20Scottish%20Thistle.png");
}

.griptapeshowcase.rising-city {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e5745b60d6af97b8860_The%20Rising%20City.png");
}

.griptapeshowcase.confederation {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e563f26b6143e8f91b5_Confederation.png");
}

.griptapeshowcase.hintonburg {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a931c7ee2a775706774aba_Fun%20Project%20Card%20%E2%80%93%20Grips.png");
}

.griptapeshowcase.aryd {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e5619b45c0228f1040b_ARYD.png");
}

.griptapeshowcase.fate {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e576f65201a7a4d5096_Tied%20Together%20by%20Fate.png");
}

.griptapeshowcase.sakura {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e57176e152145e8c4f8_Sakura.png");
}

.griptapeshowcase.flow {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e5779333a560214295e_The%20Flow%20of%20Water.png");
}

.griptapeshowcase.a-new-beginning {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e571e89607cf03559cc_A%20new%20Beginning.png");
}

.griptapeshowcase.the-flame-within {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e581030ce0a578147e2_The%20Flame%20Within.png");
}

.griptapeshowcase.geometry {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e566801aea2e83cfba0_3D%20Geomotry.png");
}

.griptapeshowcase.pineapple-in-the-6 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e563f26b613bc8f91b6_Pineapple%20in%20the%206.png");
}

.griptapeshowcase.lemons-for-2 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e563284faf24af4af86_Lemon%20for%202.png");
}

.griptapeshowcase.paisely {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e56c2ab74694ce6e4c1_Paisely%20at%20the%20Core.png");
}

.griptapeshowcase.waves {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e56d02f1638d797d23b_Opposing%20Waves.png");
}

.griptapeshowcase.cracks {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a94e5750b04734a2589479_Sturdy%20Cracks.png");
}

.griptapeshowcase.california-flag {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b22aa2b3e37513af4cd4a4_California%20Griptape.jpg");
}

.griptapeshowcase.palmtrees {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b22bbf85d8d8f08343dd79_Palmtrees.jpg");
}

.griptapeshowcase.mountain {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b235541e34a73878cbb570_Mountain.png");
}

.griptapetextcontent {
  flex: 1;
}

.funprojectwide {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  width: 77%;
  max-width: 1100px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.photographyrow {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  display: flex;
}

.photographyimage {
  color: #0000;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 6px;
  flex: 1;
  height: 500px;
  transition: box-shadow .2s, color .2s;
  position: relative;
}

.photographyimage:hover {
  color: #333;
  box-shadow: 0 2px 20px -10px #00000040;
}

.photographyimage.wide {
  flex: 0 auto;
  width: 60%;
}

.photographyimage.wide._1 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3cf857e32120fbcdbb2_640C5DA3-439E-409E-9C8B-C1D89028892E.JPG");
}

.photographyimage.wide._8 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f5a95286ab563da2a174_IMG_1398.JPG");
}

.photographyimage.wide._13 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d116a6edd182b35526_FF4E3E9E-8C4E-4716-9AAA-8A4943839F2D.JPG");
}

.photographyimage.wide._21 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f57726a4b7927bc78ca8_IMG_2334.JPG");
  background-position: 100%;
}

.photographyimage.wide._23 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f60d857e32d855bce45b_13385794_1745500855706157_1546815350_n.jpg");
}

.photographyimage.wide._19 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63c7bea2c44658ed4b11d5f5_IMG_4871.jpg");
}

.photographyimage.square {
  height: 269px;
}

.photographyimage.square._3 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d083d2d8100543551a_4330C5C6-B528-4E88-B8B3-8DC37774AFBC.JPG");
}

.photographyimage.square._4 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d0ca51cfe76e026953_40133573_306607993479602_3870598448113778688_n.jpg");
}

.photographyimage.square._5 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d152089d8a49ba01d3_BE16C536-1460-4264-95AC-92ECF9984B42.JPG");
}

.photographyimage.square._10 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f577e2844f9f9037c72f_IMG_1354.JPG");
}

.photographyimage.square._9 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d18b8f3a1c69fc2ba5_C6CC2CBE-E0BD-451F-8A95-E8DA962A19A8.JPG");
}

.photographyimage.square._11 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f57a287581dd5e040c36_IMG_1327.JPG");
  background-position: 50% 100%;
}

.photographyimage.square._17 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f577cf37c57db798edaa_IMG_0559.JPG");
}

.photographyimage.square._18 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f5748f067266e8f7f3a2_IMG_0354.JPG");
  background-position: 50% 0;
}

.photographyimage.square._19 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f575bfd13014454ec0a8_IMG_0337.JPG");
}

.photographyimage.extrawide {
  height: 260px;
}

.photographyimage.extrawide._16 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d1a79001e12107c522_B512CB25-3727-4CE8-B193-8CBEEF97735B.JPG");
}

.photographyimage.extrawide._17 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63c7bea3c44658ba6311d5fa_Coast%202.jpg");
}

.photographyimage.extrawide._21 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63c7c20011d6b51f95af20fa_Golden%20Gate%20Straight.jpg");
  background-position: 50%;
  background-size: cover;
}

.photographyimage._2 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d05fba140d417b0abb_92AF9255-025A-4F56-915E-81737A0DAD4B.JPG");
}

.photographyimage._6 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d06a47c60489240b3d_527010C8-8F9F-4D44-8892-3B8F7A7F3D01.JPG");
}

.photographyimage._7 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f57a05ff9412f386efe9_IMG_1400.JPG");
}

.photographyimage._12 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d12710ef7d02e53b06_AE81DCF8-8894-4AEA-8797-695BFC706D79.JPG");
}

.photographyimage._14 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d068c7ce5fc59c7fad_A5C2E970-8163-41FD-ABA2-54C0CBF99D0A.JPG");
  background-position: 50% 0;
}

.photographyimage._15 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f3d12710ef1773e53b07_F97F73A5-0B6D-42DF-A41F-C28013738863.JPG");
}

.photographyimage._20 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f57a2875810d4f040c37_IMG_1496.JPG");
}

.photographyimage._22 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f60d4aa3c265baf0ffe6_13099044_791113421018736_1288914695_n.jpg");
}

.photographyimage._24 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62a9f60d36e5fef334d3590d_39398536_312128599535138_1322183124905361408_n.jpg");
}

.photographyimage._18 {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63c7c0287e718645a47678c5_aircanada2.png");
}

.fullphotographycollections {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.photographydescription {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  inset: auto 0% -18px;
}

.funhero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
}

.funhero.coral {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62ad158c3e48d31a765512a4_Coral%20Hero%20copy.png");
  background-position: 50%;
  background-size: cover;
  height: 560px;
}

.coralhighlight {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  border-radius: 60px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.coralhighlightimage {
  box-shadow: 0 10px 40px -20px #0009;
}

.coralhighlightimagefile {
  mix-blend-mode: multiply;
  margin-top: -8px;
  margin-bottom: -8px;
}

.coraldialchart {
  width: 70%;
}

.coralpiechart {
  width: 45%;
}

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

.coralanimationdiv {
  border-radius: 24px;
  width: 500px;
  height: 362px;
  overflow: hidden;
  box-shadow: 0 8px 20px -10px #00000080;
}

.background-video-2, .background-video-3, .background-video-4, .background-video-5 {
  width: 100%;
  height: 100%;
}

.coralprototypecontainer {
  border-radius: 35px;
  width: 701px;
  height: 505px;
  overflow: hidden;
  box-shadow: 0 8px 40px -20px #000000b3;
}

.html-embed-5 {
  margin-top: -61px;
  margin-left: -248px;
}

.underlineimage {
  border-style: solid;
  border-color: #000;
  border-radius: 20px;
  overflow: visible;
  box-shadow: 0 8px 40px -20px #00000026;
}

.worldnamescontainer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.minecraftworldname {
  flex: 1;
}

.worldnameimage {
  width: 70%;
}

.video-2 {
  border-radius: 12px;
  overflow: hidden;
}

.slider-5 {
  border-radius: 12px;
  height: 600px;
  overflow: hidden;
  box-shadow: 0 8px 40px -20px #00000026;
}

.funrandombuttoncontainer {
  color: #444973;
  border: 1px solid #6369a6;
  border-radius: 8px;
  justify-content: center;
  align-items: stretch;
  padding: 8px 16px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.funrandombuttoncontainer:hover {
  color: #3540a8;
  background-color: #3339800d;
  border-color: #606ef8;
}

.randomlinksgrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0%;
}

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

.grid-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.radialchartgrid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-18 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.dialchartgrid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  width: 70%;
}

.grid-19 {
  grid-column-gap: 39px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
}

.backtotopbutton {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #646464;
  background-color: #00000012;
  border-radius: 8px;
  padding: 12px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: block;
  position: fixed;
  inset: auto auto 345px 20px;
}

.backtotopbutton:hover {
  color: #4b4b4b;
  background-color: #0000001f;
}

.text-block-17 {
  text-decoration: none;
}

.image-73 {
  opacity: .8;
}

.watchvideoprompt {
  width: 60%;
}

.grid-20 {
  grid-template-rows: auto;
}

._404background {
  z-index: -10;
  position: absolute;
}

._404tohomebutton {
  text-decoration: none;
}

.funprojectsprompt {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.outlinebutton {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-family: Neue Plak, sans-serif;
  font-size: 15px;
  font-weight: 400;
  transition: background-color .2s;
  display: flex;
}

.outlinebutton:hover {
  color: #fff;
  background-color: #000;
}

.outlinebutton.wide {
  width: 200px;
}

.outlinebutton.wide:hover {
  color: #fff;
  background-color: #000;
}

.outlinebutton.wide.resume {
  width: 124px;
}

.outlinebutton.wide.full-round {
  border-radius: 20px;
}

.home-body {
  transition: background-color .2s;
}

.backtotoptrack {
  border: 2px solid #000;
  flex-direction: column;
  align-items: flex-end;
  width: 100px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.footerlinks {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  display: flex;
}

.footerlinksection {
  flex-direction: column;
  display: flex;
}

.footerlink {
  color: gray;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
}

.footerlink:hover {
  text-decoration: underline;
}

.footerlinkcollection {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  display: flex;
}

.otherprojectsfooter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  box-shadow: none;
  background-color: #f7f7f7;
  border-radius: 24px;
  flex-direction: column;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 32px;
  display: flex;
  overflow: visible;
}

.otherprojectsheadings {
  justify-content: space-between;
  display: flex;
}

.otherprojectsaboutme {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(129deg, #9d7dd1, #5474c6);
  -webkit-background-clip: text;
  background-clip: text;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.otherprojectsaboutme:hover {
  text-decoration: underline;
}

.otherprojectsaboutme.hiddenondesktopandtablet {
  display: none;
}

.image-74 {
  width: 20px;
  height: 20px;
}

.otherprojectsprojectcards {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: nowrap;
  display: flex;
}

.otherprojectcard {
  color: #fff;
  background-color: #fcfcfc;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: 140px;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.otherprojectcard.trove {
  background-color: #fafafa;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/5f91171a5af924a0ed9214ef_Discussion%20Page%20mock%20up.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}

.otherprojectcard.trove.w--current {
  display: none;
}

.otherprojectcard.rookery {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62941eeab64554788e657445_Rookery%20Design%20System%20Graphic.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.otherprojectcard.rookery.w--current {
  display: none;
}

.otherprojectcard.margot {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6207f209cae97158796b2249_Margot%20Community%20Hero%20Cover%202022%20%E2%80%93%20Desktop%2C%20iPad.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.otherprojectcard.margot.w--current {
  display: none;
}

.otherprojectcard.unplugged {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62c5ffbbe85786f27a632ee0_Unplugged%20Cover.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.otherprojectcard.unplugged.hidden, .otherprojectcard.unplugged.current {
  display: none;
}

.otherprojectcard.upload {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66d2a282ef419d3f549c4130_Background.png");
  background-size: cover;
}

.otherprojectcard.upload.w--current {
  display: none;
}

.otherprojectcard.visualizer {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66d2a492ce189ce417e6af41_Visualizer%20Thumbnail.png");
  background-position: 100%;
  background-size: auto 190px;
}

.otherprojectcard.visualizer.w--current {
  display: none;
}

.otherprojecttextcontainer {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  display: flex;
}

.otherprojecthoverblur {
  opacity: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: #0009;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 28px;
  transition: opacity .3s;
  display: flex;
}

.otherprojecthoverblur:hover {
  opacity: 1;
}

.greetcurrentchild {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: 30px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: padding .3s ease-in-out;
  display: flex;
}

.greetcurrentchild.hover {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  transition: background-color .3s, padding .4s cubic-bezier(.42, 0, .38, 1.001);
  display: inline-flex;
}

.greetcurrentchild.hover:hover {
  background-color: #0000000a;
  padding-left: 8px;
  padding-right: 8px;
}

.greetcurrenttext {
  color: #827bc7;
  font-family: Neue Plak, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.greetcurrent {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.greetcurrenticon {
  height: 23px;
}

.emmenutabcontainer {
  border-right: 1px solid #2d977d;
  flex-direction: column;
  width: 280px;
  display: flex;
}

.emnavdropdown {
  background-color: #191b1b;
  width: 1000px;
  height: 240px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 36px -10px #0003, inset 0 0 0 1px #ffffff1a;
}

.emnavtitlesection {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.emnavtab {
  background-color: #0000;
  flex: 1;
  align-items: center;
  display: flex;
}

.emnavtab.w--current {
  color: #fff;
  background-color: #ffffff08;
  border-left: 8px solid #2d977d;
}

.tabs-content-2 {
  display: flex;
}

.div-block-68 {
  height: 100%;
  display: flex;
}

.emnavtabcontenttext {
  color: #fff;
  width: 400px;
  padding: 24px 40px;
}

.div-block-70 {
  border-left: 1px solid #414141;
  width: 320px;
  display: block;
}

.text-block-18 {
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.text-block-19 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.image-75 {
  width: 400px;
  height: 240px;
}

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

.dropdown-toggle {
  position: relative;
}

.dropdown-list {
  left: -1px;
}

.dropdown-list.w--open {
  left: -543px;
}

.embody {
  background-color: #0f1413;
}

.emnavcentering {
  justify-content: center;
  display: flex;
}

.emnavmenutrigger {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav-menu-3 {
  height: 100%;
}

.container-9 {
  justify-content: space-between;
  margin-right: 14.375px;
  display: flex;
}

.griptapehover {
  opacity: 0;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  transition: all .15s;
}

.griptapehover:hover {
  opacity: 1;
}

.griptapehover.palmtrees {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b2355410dd57256f473ab6_PalmTrees.png");
  background-position: 50%;
  background-size: cover;
}

.griptapehover.california {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b235542091f11b3a6d6512_California.png");
}

.griptapehover.goldengate {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b235546c21e6037512f8a9_GoldenGate.png");
}

.griptapehover.bass {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b23554224d1f291432d839_Bass.png");
}

.griptapehover.union {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b23554b337a66fd829e584_Union%20Jack.png");
}

.griptapehover.city {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b23554b3e375f47d4d84da_City.png");
}

.griptapehover.hintonburg {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b235543214e84069a11eaa_Hintonburg.png");
}

.griptapehover.water {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63b23554ea6dbc7ea9f6d074_Water.png");
}

.resumeheadingcontainer {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.enablelogo {
  width: 250px;
}

.vandy-section-nav-container {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000026;
  border-bottom: 1px solid #ffffff21;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
}

.vandy-nav-container {
  justify-content: space-between;
  width: 92%;
  max-width: 1400px;
  display: flex;
}

.vandy-logo-link {
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: 16px;
  display: flex;
}

.vandy-nav-links-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: center;
  display: flex;
}

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

.vandy-section._100vh {
  justify-content: flex-start;
  height: 100vh;
  position: relative;
}

.vandy-home-headline {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.text-block-20 {
  color: #e2e2e2;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.vandy-secontion-container {
  flex-direction: column;
  flex: 1;
  width: 85%;
  max-width: 1200px;
  max-height: 900px;
  display: flex;
}

.vandy-menuitem-container {
  color: #fffc;
  border-radius: 2px;
  padding: 4px 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.vandy-menuitem-container:hover {
  color: #fff;
  background-color: #ffffff08;
  border-radius: 4px;
}

.vandy-services-container {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  flex: 1;
  display: flex;
}

.vandy-service-block {
  background-color: #000;
  flex: 0 auto;
  align-items: center;
  width: 49%;
  padding: 64px;
  transition: all .2s ease-in-out;
  display: flex;
  box-shadow: 0 8px 20px 6px #0000001f;
}

.vandy-service-block:hover {
  width: 100%;
}

.vandy-service-block.cover-art {
  background-image: linear-gradient(79deg, #000000e8, #0000007a), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e833a28c74f4adb9858d08_Album%20BW%20Crop.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  transition: all .2s ease-in-out;
}

.vandy-service-block.cover-art:hover {
  background-image: linear-gradient(79deg, #000c, #0000005c), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e833813f5f37f9bec77c55_Album%20Art%20Crop.jpg"), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e833a28c74f4adb9858d08_Album%20BW%20Crop.png");
  background-position: 0 0, 50%, 50%;
  background-size: auto, cover, cover;
}

.vandy-service-block.session {
  background-image: linear-gradient(93deg, #000000e0, #0000003b), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e831b1c3e5fe18067cbcce_Andy%20BW.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.vandy-service-block.session:hover {
  background-image: linear-gradient(93deg, #000000e0, #0000003b), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e832606a23d6071a8f4ab4_121974664_2917846384981640_3449914811905298512_n.jpg"), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e831b1c3e5fe18067cbcce_Andy%20BW.png");
  background-position: 0 0, 50%, 50%;
  background-size: auto, cover, cover;
}

.vandy-service-content {
  max-width: 500px;
}

.service-title {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.button-2 {
  color: #191919;
  background-color: #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Red Hat Display, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.button-2:hover {
  color: #fff;
  background-image: linear-gradient(#0000004a, #0000004a), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e836e7689c0f51204e2096_74438965_2433765616939455_3770754677036556534_n.jpg");
  background-position: 0 0, 50% 92%;
  background-size: auto, cover;
}

.button-3 {
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 24px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  line-height: 24px;
}

.button-3:hover {
  color: #000;
  background-color: #fff;
}

.landing-background {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e835b9c3e5fe180681c9e6_Landing%20Background.png");
  background-position: 50%;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.projectcopyblock {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.projectcopyblock.opener {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 70%;
  max-width: 550px;
}

.projectcopyblock._70-on-dsk {
  width: 70%;
  min-width: 300px;
  max-width: 620px;
  position: relative;
}

.projectcopyblock.impact {
  position: relative;
}

.allprojectdetails {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
}

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

.datauploadcarousel {
  background-color: #ddd0;
  width: 80%;
  height: auto;
  display: block;
  overflow: visible;
}

.emuploadbeforeafter {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.image-76 {
  width: 100%;
}

.ui-showcase {
  border: 1px solid #0000001a;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0 4px 12px #0000001a;
}

.impact-container {
  grid-column-gap: 128px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-74 {
  justify-content: center;
  align-items: center;
  max-height: 600px;
  display: flex;
  overflow: hidden;
}

.image-78 {
  border-radius: 16px;
  width: 100%;
}

.keyimprovementsgrid {
  grid-column-gap: 64px;
  grid-row-gap: 110px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._70 {
  width: 70%;
}

.whichinturn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 32px;
  display: flex;
}

.impactmetric {
  font-size: 50px;
  line-height: 50px;
}

.impactmetric.smaller {
  font-size: 40px;
}

.impactmetric.supporting {
  opacity: .5;
  font-size: 20px;
  line-height: 28px;
  position: absolute;
  inset: -28px auto auto 0%;
}

.mask-4 {
  overflow: visible;
}

.dataimagecarouselslide {
  margin-right: 120px;
}

.datauploadcarouselimage {
  border: 1px solid #cdcdcd;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 4px 24px #0000001f;
}

.datauploadcarouselimage.old-ui-hover {
  z-index: 10;
  position: absolute;
  inset: 0% auto auto 0%;
}

.emimagewithtitle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.boldgreen, .bold-text {
  color: #2d977d;
}

.left-arrow-2 {
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 36px;
  display: flex;
  inset: auto auto -60px 0%;
}

.right-arrow-3 {
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 36px;
  display: flex;
  inset: auto auto -60px 92px;
}

.slide-nav {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  inset: auto auto -52px 160px;
}

.slide-nav.em-upload {
  display: none;
}

.carouselsubtext {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.carouselcontextblock {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.hovertoseeoldcarousel {
  color: #000;
  border: 1px solid #424242;
  border-radius: 20px;
  flex: 0 auto;
  padding: 6px 12px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 18px;
  display: block;
}

.enable-green {
  color: #2d977d;
}

.em-showcase-hover-instructions {
  background-color: #f2f2f2;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding: 6px 12px;
  display: flex;
  position: absolute;
}

.em-showcase-hover-instructions.data-upload {
  inset: auto auto -60px 200px;
}

.em-showcase-hover-instructions.visualizer {
  inset: auto 0% 6px auto;
}

.spacer-v-180 {
  height: 180px;
}

.prosectionextrawide {
  flex-direction: column;
  align-items: center;
  width: 85%;
  max-width: 1300px;
  display: flex;
}

.prosectionextrawide.showcase {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 77%;
  max-width: 1100px;
}

.prosectionextrawide.rookeryplayground {
  overflow: hidden;
}

.prosectionextrawide.leftjustify {
  align-items: flex-start;
}

.prosectionextrawide.leftjustify.fullwidth {
  align-items: stretch;
  width: 100%;
}

.prosectionextrawide.fullflexchild {
  align-items: stretch;
}

.placeholder {
  opacity: .4;
}

.spacer-v-120 {
  height: 120px;
}

.emupload-approach {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  width: 100%;
  display: flex;
}

.approach-copy-container-emupload {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.emupload-approach-image {
  background-color: #0000;
  height: 500px;
}

.emupload-approach-container {
  width: 100%;
}

.spacer-v-160 {
  height: 160px;
}

.full-width-image {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.full-width-image.placeholder {
  background-color: #ececec;
  height: 700px;
}

.full-width-image.video {
  height: 600px;
}

.emupload-approach-goal {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f2f2f2;
  border-radius: 16px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 48px;
  display: flex;
}

.div-block-75 {
  background-color: #2d977d1f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  display: flex;
}

.subtext {
  opacity: .6;
}

.heading {
  color: #000;
}

.div-block-76 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.step-number-big {
  opacity: .11;
  font-family: Neue Plak, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 60px;
  position: absolute;
  inset: -60px auto auto 0%;
}

.step-number-big.darkmode {
  color: #fff;
}

.emupload-approach-copy-anchor {
  position: relative;
}

.div-block-77 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.image-79 {
  border-radius: 16px;
  width: 100%;
}

.em-tooltip {
  color: #2d977d;
  text-decoration: underline;
  position: relative;
}

.spatialproteomic-tooltip {
  z-index: 10;
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  width: 300px;
  padding: 8px 12px;
  display: block;
  position: absolute;
  inset: 16% auto auto 50%;
  transform: translate(-50%);
  box-shadow: 0 3px 10px #0000001a;
}

.spatialproteomic-tooltip.vis {
  display: none;
  top: -8%;
  left: 83%;
}

.right-arrow-4, .left-arrow-3, .right-arrow-5, .left-arrow-4, .no-slider-icon {
  display: none;
}

._50 {
  width: 50%;
}

.spacer-v-56 {
  height: 56px;
}

.green-glow {
  z-index: -10;
  position: absolute;
  inset: 0% 0% auto auto;
}

.em-visualizer-showcase {
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  box-shadow: 0 8px 20px #0000001f;
}

.em-visualizer-showcase.background {
  z-index: -10;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.em-visualizer-showcase.old-ui-hover {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.tabs-content-3 {
  overflow: visible;
}

.em-showcase-tab-menu {
  background-color: #f7f7f7;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  padding: 3px;
  display: flex;
  box-shadow: inset 0 0 3.5px #0000001f;
}

.em-showcase-tab {
  background-color: #0000;
  border-radius: 8px;
  height: 40px;
  padding: 11px 20px 7px;
  font-family: Neue Plak, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.em-showcase-tab.w--current {
  background-image: linear-gradient(#fff, #f5f5f5);
  box-shadow: 0 1px 4px #00c7a61a, 0 .5px 2px #00000026;
}

.text-block-21 {
  font-weight: 400;
}

.em-showcase-wrapper {
  position: relative;
}

.carousel-center-justify {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hidden {
  display: none;
}

.rounded-image {
  border-radius: 10px;
}

.rounded-image.outline {
  border: 1px solid #0000001a;
}

.emviz-approach {
  grid-column-gap: 64px;
  grid-row-gap: 65px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.approch-copy-container-emviz {
  justify-content: flex-start;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

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

.div-block-79, .div-block-80 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.div-block-82 {
  grid-column-gap: 41px;
  grid-row-gap: 99px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-83 {
  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: center;
  display: flex;
}

.section-6 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-84 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-top: 135px;
  margin-bottom: 135px;
  display: flex;
}

.text-block-23 {
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 30px;
  line-height: 40px;
}

.text-block-24 {
  font-family: Inter, sans-serif;
}

.div-block-85 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.image-80 {
  border-radius: 20px;
  max-height: 380px;
  box-shadow: 0 9px 50px #ff080833;
}

.project-link-block {
  color: #fff;
  background-color: #000;
  border-radius: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  height: 352px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.567, .003, .298, .997);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 18px #0000000a, 0 1px 2px #00000026;
}

.project-link-block:hover {
  padding: 8px 8px 112px;
}

.project-link-block.visualizer {
  background-color: #272b2a;
}

.project-link-block.upload {
  background-color: #177a62;
}

.project-link-block.unplugged-rest {
  background-color: #4e5045;
}

.project-link-block.margot {
  background-color: #9e4431;
}

.project-link-block.rookery {
  background-color: #283f75;
}

.project-card-title {
  font-family: Neue Plak, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.project-card-body {
  font-family: Neue Plak, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.project-card-copy-container {
  z-index: 1;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 24px;
  position: absolute;
  inset: auto 0% 0%;
}

.project-card-image-container {
  z-index: 10;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e836e7689c0f51204e2096_74438965_2433765616939455_3770754677036556534_n.jpg");
  background-position: 50%;
  background-size: auto 352px;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.project-card-image-container.unplugged-rest {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66d2a30a282c8dd42b5937be_Unplugged.rest.png");
  background-size: auto 352px;
}

.project-card-image-container.rookery {
  background-color: #d6dcea;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62962719ff14a58dd1ec6444_Rookery%20Design%20System%20Thumbnail%20for%20Small%20Screens.png");
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: auto 700px;
}

.project-card-image-container.margot {
  background-color: #eee9e8;
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62584345964f9928fd475318_Margot%20Hero%20Mockup.png");
  background-repeat: no-repeat;
  background-size: auto 300px;
}

.project-card-image-container.upload {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66d2a282ef419d3f549c4130_Background.png");
  background-repeat: no-repeat;
  background-size: auto 352px;
}

.project-card-image-container.visualizer {
  background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/66d2a492ce189ce417e6af41_Visualizer%20Thumbnail.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 352px;
}

.div-block-86 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  max-width: 1200px;
  display: grid;
}

.projects-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 92%;
  max-width: 1100px;
  display: grid;
}

.project-card-mobile-linkblock.desktop {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-start;
  height: 112px;
  padding: 17px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-82.desktop {
  width: 30px;
  margin-left: 0;
  padding-left: 0;
}

.image-82.desktop:hover {
  opacity: 1;
}

.home-aura {
  width: 80%;
  display: none;
  position: absolute;
  inset: -40% -20% auto auto;
}

.arrow-container {
  opacity: .4;
  padding-bottom: 16px;
  padding-left: 16px;
  transition: opacity .2s;
}

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

.commure-text-highlight {
  color: #2e32ff;
}

.projectnavigation {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fafafa99;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  flex-flow: column;
  width: 164px;
  margin-bottom: 16px;
  margin-left: 16px;
  padding: 14px;
  display: inline-flex;
  position: fixed;
  inset: auto auto 0% 0%;
  box-shadow: inset 0 0 28px #0000000a, 0 8px 20px #0000001a;
}

.pronavsection {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.pronavlinkscontainer {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  padding-left: 6px;
  display: flex;
}

.pronavlink {
  color: #aeaeae;
  font-family: Neue Plak, sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  transition: all .3s;
}

.pronavlink:hover {
  color: #414141;
  padding-left: 8px;
}

.pronavlink:active {
  border-left: 2px solid #000;
}

.pronavsectitle {
  color: #aeaeae;
  font-family: Neue Plak, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.home-2-test {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-content-greet {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  max-width: 640px;
  display: flex;
}

.text-block-25 {
  font-family: Neue Plak, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.home-content-container {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  max-width: 1100px;
  height: 80%;
  display: flex;
  position: relative;
}

.home-greet-intro {
  color: #131313;
  letter-spacing: -.2px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.home-greet-name {
  color: #131313;
  letter-spacing: -.2px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}

.text-span-6 {
  font-weight: 800;
}

.home-blob {
  z-index: -10;
  position: absolute;
}

.home-blob.orange {
  inset: auto 0% 0% auto;
  transform: scale(1.7)translate(35%, -18%);
}

.home-blob.purple {
  inset: 0% 0% auto auto;
  transform: scale(1.6)translate(35%, 15%);
}

.commure-link {
  color: #333;
  text-decoration: none;
  transition: all .1s;
}

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

.past-company-link {
  color: #333;
  text-decoration: none;
}

.past-company-link:hover {
  text-decoration: underline;
}

.text-block-26 {
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.home-work-prompt {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-lottie-container {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 40px;
  display: block;
  overflow: hidden;
}

.lottie-animation-4 {
  width: 136px;
  transform: translate(-41%, -22%);
}

.noise-overlay {
  z-index: -100;
  min-width: 100vw;
  min-height: 100vh;
  position: absolute;
  inset: 0% 0% auto auto;
}

.air-tab-description-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.prosection90 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  max-width: 1300px;
  display: flex;
}

.keyimrovementcard {
  background-color: var(--white);
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 700px;
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 76px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.keyimprovementscontentcontainer {
  z-index: 10;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  height: 76%;
  display: flex;
  position: relative;
}

.keyimprovementheading {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.keyimprovementheading.supporting {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.keyimprovementlottiecontainer {
  background-image: linear-gradient(270deg, #eee, #eee0);
  flex-flow: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 60%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.lottie-animation-5 {
  width: 100%;
  display: block;
}

.impactcolumn {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.impactquotescontainer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.impactquote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.quotebar {
  background-color: #c7d4d6;
  border-radius: 16px;
  width: 5px;
}

.quotecontent {
  padding-top: 4px;
  padding-bottom: 4px;
}

.quotesource {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.quotesourceicon {
  width: 20px;
}

.complibrarysections {
  border-bottom: 1px solid #0000001a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.complibrarycontainer {
  width: 100%;
  max-width: 800px;
}

.primarybutton {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_components---button--pri-button-fill);
  font-family: var(--_typography---button-label);
  color: var(--_components---button--pri-button-label);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: inline-flex;
}

.primarybutton:hover {
  background-color: var(--_components---button--pri-button-hover);
}

.primarybutton:active {
  background-color: var(--_components---button--pri-button-active);
}

.primarybutton.large {
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}

.primarybutton.small {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: 8px;
  height: 32px;
  font-size: 12px;
}

.body-7 {
  transition: all .1s;
}

.button-icon {
  width: 22px;
  height: 22px;
}

.code-embed {
  width: 20px;
  height: 22px;
}

.div-block-88 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-icon-container {
  justify-content: flex-end;
  align-items: center;
  width: 20px;
  height: 22px;
  display: flex;
}

.button-icon-container.large, .button-icon-container.small {
  width: 18px;
}

.secondary-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--_components---sec-button-border);
  background-color: var(--_components---sec-button-fill);
  font-family: var(--_typography---button-label);
  color: var(--_components---sec-button-label);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: inline-flex;
}

.secondary-button:hover {
  background-color: var(--_components---sec-button-fill-hover);
}

.secondary-button:active {
  background-color: var(--_components---sec-button-fill-active);
}

.secondary-button.large {
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}

.secondary-button.small {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: 8px;
  height: 32px;
  font-size: 12px;
}

.tertiary-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_components---sec-button-fill);
  font-family: var(--_typography---button-label);
  color: var(--_components---sec-button-label);
  border: 0 solid #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: inline-flex;
}

.tertiary-button:hover {
  background-color: var(--_components---sec-button-fill-hover);
}

.tertiary-button:active {
  background-color: var(--_components---sec-button-fill-active);
}

.tertiary-button.large {
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
}

.tertiary-button.small {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: 8px;
  height: 32px;
  font-size: 12px;
}

.cal-block {
  color: #474747;
  background-color: #f1f1f1;
  border-radius: 4px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  height: 60px;
  padding: 1px 0 0 6px;
  display: flex;
}

.cal-block.cb-checked-in.cb-blue {
  flex: 0 auto;
}

.cal-block.row {
  flex: 0 auto;
  width: 137px;
}

.cal-block.double-slot {
  min-height: 126px;
}

.cal-block-name {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.cal-block-subheading {
  text-overflow: clip;
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
}

.cal-block-subheading.row {
  display: none;
}

.cal-block-header-row {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: flex;
}

.cal-block-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.cal-block-alerts-container {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  padding-right: 5px;
  display: flex;
}

.code-embed-2 {
  width: 16px;
}

.cb-complete {
  opacity: .5;
}

.cb-scheduled {
  border-style: dashed;
  border-width: 1px;
}

.cb-yellow {
  color: #665c00;
  background-color: #fffdf0;
  border-color: #ccb800;
  transition: all .15s;
}

.cb-yellow:hover {
  background-color: #f7f4de;
}

.cb-green {
  color: #354d1a;
  background-color: #e6f2d9;
  border-color: #699933;
  transition: all .15s;
}

.cb-green:hover {
  background-color: #d7ebc0;
}

.cb-blue {
  color: #1566b7;
  background-color: #d5e8f6;
  border-color: #1873cd;
  transition: all .15s;
}

.cb-blue:hover {
  background-color: #c1dff7;
}

.cb-purple {
  color: #394793;
  background-color: #dadef1;
  border-color: #4758b8;
  transition: all .15s;
}

.cb-purple:hover {
  background-color: #ced3ed;
}

.cb-checked-in {
  border-left-style: solid;
  border-left-width: 5px;
}

.air-calendar-visual {
  position: absolute;
  inset: -43px auto auto 72px;
}

.cal-block-column {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 280px;
  padding-top: 0;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.cal-row-container {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.all-cb-columns {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.calendar-cell {
  border-bottom: 1px solid #0000001a;
  border-left: 1px solid #0000001a;
  width: 296px;
  height: 66px;
}

.calendar-cell.dotted {
  border-bottom-style: dashed;
}

.invisible {
  opacity: 0;
}

.canvas-grid {
  z-index: -1;
  position: absolute;
  top: 0;
  left: -1px;
}

._1-slot {
  height: 60px;
}

._2-slots {
  height: 126px;
}

.time-column {
  z-index: -1;
  position: static;
  top: 0;
  left: -1px;
}

.time-column.project-page {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.time-block {
  border-left: 1px solid #0000001a;
  width: 80px;
  height: 66px;
  position: relative;
}

.time-block.dotted {
  border-bottom-style: dashed;
}

.time-block._5 {
  height: 5%;
}

.calendar-time-stamp {
  color: #858585;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  inset: auto 8px -10px auto;
}

.calendar-time-bar-container {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 660px;
  display: flex;
  position: absolute;
  top: 161px;
  left: 16px;
}

.calendar-time-bar-container.projectpage {
  width: 59px;
  top: 5%;
  left: 4px;
}

.time-knob {
  background-color: #e91916;
  border-radius: 24px;
  width: 12px;
  height: 12px;
}

.time-stem {
  background-color: #e91916;
  width: 100%;
  height: 1px;
}

.air-case-study {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wydee-icons-case-study {
  background-color: #edf2f3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.wydee-icons-visual {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.wydee-icon-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.wydee-case-study-icon {
  width: 22px;
  height: 22px;
}

.visualizer-biomarker {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #2e2e2eb3;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 230px;
  height: 36px;
  padding-left: 16px;
  padding-right: 16px;
  transition: all .15s;
  display: flex;
}

.visualizer-biomarker:hover {
  background-color: #454545b3;
}

.visualizer-biomarker.padding-left-12 {
  margin-left: 24px;
}

.visualizer-biomarker.padding-left-32 {
  margin-left: 48px;
}

.vis-bio-icon-button {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.vis-bio-icon-container {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: 16px;
  display: flex;
}

.vis-bio-icon-container:hover {
  background-color: #ffffff0d;
}

.vis-icon-container {
  height: 18px;
}

.vis-bio-info-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.vis-color-swatch {
  background-color: #00f98e;
  border: 2px solid #0000001a;
  border-radius: 12px;
  width: 28px;
  height: 16px;
}

.vis-color-swatch.blue {
  background-color: #1c12d4;
  border-color: #ffffff1a;
}

.vis-color-swatch.pink {
  background-color: #ec47e4;
  border-color: #ffffff1a;
}

.vis-bio-label {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 13px;
}

.visualizer-case-study {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.visualizer-visual {
  background-color: var(--_surface---inverse);
  width: 100%;
  height: 100%;
  position: relative;
}

.vis-layer-image {
  mix-blend-mode: screen;
  position: absolute;
  top: -10px;
  left: -70px;
}

.vis-bio-control-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: inline-flex;
  position: relative;
  top: 110px;
  left: 240px;
}

.home-case-studies {
  justify-content: center;
  align-items: center;
  padding-top: 168px;
  padding-bottom: 168px;
  display: flex;
}

.case-study-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 92%;
  max-width: 1100px;
  display: grid;
}

.case-study-link {
  border: 1px solid var(--_shape---outline--outline);
  border-radius: 56px;
  height: 257px;
  text-decoration: none;
  transition: all .3s;
  overflow: hidden;
}

.case-study-link:hover {
  border-color: #14141429;
}

.case-study-link.single {
  width: 257px;
}

.case-study-link.double {
  width: 538px;
}

.case-study-link.placeholder {
  background-color: #f3f3f3;
}

.unplugged-case-study {
  background-color: #f1f0eb;
  width: 100%;
  height: 100%;
  position: relative;
}

.unplugged-visual {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.unplugged-lottie-overlay {
  opacity: 0;
  background-color: #f1f0ea;
  justify-content: center;
  align-items: center;
  transition: all .25s;
  display: flex;
  position: absolute;
}

.unplugged-lottie-overlay:hover {
  opacity: 100;
}

.unplugged-lottie {
  opacity: .7;
  width: 240px;
}

.em-data-upload-case-study {
  background-color: #f3f5f4;
  width: 100%;
  height: 100%;
}

.em-data-upload-visual {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.em-data-button {
  color: #fff;
  background-color: #2d977d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 28px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  transition: all .15s;
  display: inline-flex;
}

.em-data-button:hover {
  background-color: #288770;
}

.em-data-button-container {
  border-bottom: 1px solid #0000001a;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
  display: flex;
}

.em-data-container-left {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  width: 160px;
  height: 260px;
}

.em-data-all-cards-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  padding-top: 34px;
  display: flex;
  position: absolute;
  top: 0;
}

.em-data-sequence-container {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #0000000f;
  border-radius: 8px;
  flex-flow: column;
  width: 240px;
  padding: 12px;
  display: flex;
}

.em-data-sequence-heading {
  color: #818181;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.em-data-steps-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.em-data-step {
  background-color: #fff;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding: 4px 12px;
  font-family: Inter, sans-serif;
  font-size: 10px;
  transition: all .15s;
  display: flex;
}

.em-data-step:hover {
  background-color: #f5f5f5;
}

.em-data-step.completed {
  color: #2d977d;
  background-color: #ebfaf6;
  border: .5px solid #2d977d;
  padding-left: 12px;
}

.em-data-step.completed:hover {
  background-color: #e1f0ec;
}

.em-data-step.active {
  border: .5px solid #2d977d;
  border-left-width: 3px;
  padding-left: 12px;
}

.em-data-step-icon-label {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.em-data-step-icon {
  height: 18px;
}

.margot-visual {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.margot-case-study {
  background-color: #f5edeb;
  width: 100%;
  height: 100%;
}

.margot-visual-image {
  width: 100%;
}

.infinity-visual {
  width: 100%;
  height: 100%;
  position: relative;
}

.infinity-case-study {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.infinity-theme-picker {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #c7c7c740;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  padding: 4px;
  display: inline-flex;
  position: absolute;
  inset: auto auto 12px 50%;
  transform: translate(-50%);
  box-shadow: 0 4px 24px #00000059;
}

.infinity-theme {
  background-color: #05f;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  box-shadow: inset 0 -1px 2px #0003, 0 1px 1px #0003;
}

.infinity-theme.purple {
  background-color: #933eb6;
}

.infinity-theme.magenta {
  background-color: #be126a;
}

.infinity-theme.green {
  background-color: #24b98e;
}

.infinity-image {
  width: 100%;
  position: absolute;
  top: -150px;
}

.infinity-logo {
  z-index: 10;
  width: 280px;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%);
}

.infinity-button-hover {
  opacity: 0;
  background-color: #000;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  transition: all .1s;
}

.infinity-button-hover:hover {
  opacity: .16;
}

.rookery-visual {
  width: 100%;
  height: 100%;
  position: relative;
}

.rookery-case-study {
  background-color: #d6dcea;
  width: 100%;
  height: 100%;
}

.rookery-layer {
  z-index: 1;
  width: 100%;
  position: absolute;
  inset: 60px auto auto 0%;
}

.rookery-layer.cards {
  z-index: 2;
  inset: 50px auto auto 4px;
}

.rookery-layer.data {
  z-index: 3;
  inset: 52px auto auto 22px;
}

.rookery-layer.menu {
  z-index: 4;
  inset: 24px auto auto -30px;
}

.rookery-layer.items {
  z-index: 5;
  width: 87%;
  inset: 22px auto auto -23px;
}

.rookery-layers-container {
  width: 130%;
  height: 100%;
  position: relative;
  top: -30px;
  left: -40px;
}

.sample-labing {
  color: #4d4d4d;
  text-decoration: none;
}

.calprojectpageprogress {
  border: 1px solid #0000001a;
  justify-content: flex-end;
  align-items: center;
  width: 64px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.cal-pro-timelinenode {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #3330;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  transition: all .25s;
  display: inline-flex;
  position: absolute;
  left: 51.5px;
}

.cal-pro-timelinenode:hover {
  color: #333;
  background-color: #e7e7e7;
}

.cal-pro-timelinenode._1 {
  width: 190px;
  top: 5vh;
}

.cal-pro-timelinenode._2 {
  width: 180px;
  top: 14vh;
}

.cal-pro-timelinenode._3 {
  width: 140px;
  top: 25vh;
}

.cal-pro-timelinenode._4 {
  width: 130px;
  top: 42vh;
}

.cal-pro-timelinenode._5 {
  width: 170px;
  top: 65vh;
}

.cal-pro-timelinenode._6 {
  width: 180px;
  top: 80vh;
}

.cal-pro-timelinenode._7 {
  width: 102px;
  top: 87vh;
}

.timeline-node {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.node {
  background-color: #d44343;
  border-radius: 24px;
  width: 6px;
  height: 6px;
}

.cal-pro-timeline-label {
  font-size: 12px;
}

@media screen and (min-width: 1440px) {
  .hero-section-1 {
    height: auto;
  }

  .hero-logo {
    padding-top: 43px;
  }

  .paragraph-10 {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
  }

  .image-9 {
    object-fit: cover;
    height: auto;
  }

  .hero-container {
    height: auto;
    margin-top: 5px;
    padding-left: 60px;
    padding-right: 60px;
  }

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

  .full-print-style {
    border-radius: 10px;
    box-shadow: 0 4px 15px -3px #0006;
  }

  .scirocco-info-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .underline {
    background-image: linear-gradient(#bb202700 85%, #bb2026 85%, #bb2027 93%, #bb202700 93%);
  }

  .analysis-5 {
    background-color: #0000;
  }

  .mask-2 {
    border-radius: 10px;
  }

  .closer {
    height: 80px;
  }

  .body-small.surveyquestion {
    color: #818181;
  }

  .project-cover {
    justify-content: center;
    height: 400px;
    display: flex;
  }

  .project-1100 {
    border-radius: 0;
  }

  .parent-section {
    background-color: #0000;
  }

  .callout.margot {
    background-color: #f5edeb;
  }

  .hypo-user-stories {
    grid-column-gap: 52px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

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

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

  .div-block-28 {
    width: auto;
  }

  .desktop-prototype {
    object-fit: fill;
    background-color: #242024;
    border: 4px solid #242024;
    border-radius: 8px;
    width: 1100px;
    height: 645px;
    overflow: hidden;
    box-shadow: 0 34px 63px -18px #0003;
  }

  .html-embed {
    z-index: 0;
    border-radius: 18px;
    width: 100%;
    min-width: 100px;
    position: relative;
    overflow: hidden;
  }

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

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

  .headshotcontainer {
    background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/63990b636feba70c36028184_Headshot%20Crop.jpg");
    background-position: 45%;
  }

  .heroscreenshots.screenshadow {
    box-shadow: 0 4px 40px -10px #00000040;
  }

  .prosummary {
    width: auto;
  }

  .prosectionsummary {
    background-color: #fcfcfa;
  }

  .prosectionsummary.margot {
    background-color: #fcfafa;
  }

  .prosection {
    background-color: #fff;
  }

  .prosection.showcase {
    background-color: #fcfcfa;
  }

  .desktopshowcase.screenshadow {
    box-shadow: 0 4px 40px -10px #00000040;
  }

  .prosectionwide {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .prosectionnarrow {
    width: 800px;
  }

  .journeymap.phase {
    display: block;
  }

  .mobileshowcase.pricinginformation {
    width: 27%;
    position: relative;
  }

  .fullwidthimage {
    z-index: 10;
    position: relative;
  }

  .fullwidthimage.screenshadow {
    border-radius: 20px;
  }

  .fullwidthimage.screenshadow.extraradius {
    border-radius: 28px;
  }

  .beforeaftercontainer {
    width: 48%;
  }

  .undershadow {
    z-index: 1;
    border-radius: 20px;
    height: 50%;
    position: absolute;
    inset: auto 0% 0%;
    box-shadow: 0 4px 40px -10px #00000040;
  }

  .margotsurvey {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    background-color: #f5f5f5;
    border-radius: 16px;
    flex-direction: column;
    padding: 40px 64px 64px;
    display: flex;
  }

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

  .surveyquestionoptions {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    display: flex;
  }

  .surveysubarrow {
    width: 32px;
    margin-right: 16px;
  }

  .questionoption {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 12px;
    box-shadow: 0 2px 4px #00000012;
  }

  .vandy-section-nav-container {
    z-index: 10;
  }

  .button-2:hover {
    color: #fff;
    background-image: linear-gradient(#00000040, #00000040), url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/64e836e7689c0f51204e2096_74438965_2433765616939455_3770754677036556534_n.jpg");
    background-position: 0 0, 50% 92%;
    background-size: auto, cover;
  }

  .button-3:hover {
    color: #000;
    background-color: #fff;
    font-weight: 400;
  }

  .prosectionextrawide {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .pronavlink.current {
    border-left: 0 solid #000;
    padding-left: 8px;
  }

  .cal-block {
    flex-flow: column;
    padding-bottom: 3px;
    display: flex;
  }

  .cal-block.blue {
    color: #1566b7;
  }

  .cal-block.green {
    background-color: #e6f2d9;
    border-left-color: #699933;
  }

  .cal-block.yellow {
    color: #665c00;
    background-color: #fffdf0;
    border-left-color: #ccb800;
  }

  .cal-block.scheduled {
    border: 1px dashed #000;
  }

  .cal-block-content {
    flex: 1;
  }

  .cal-block-alerts-container {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }

  .code-embed-2 {
    height: 16px;
  }

  .cb-blue {
    color: #1566b7;
  }
}

@media screen and (max-width: 991px) {
  .nav-link {
    justify-content: flex-end;
    display: flex;
  }

  .grid {
    grid-template-columns: 1.25fr 1.25fr;
  }

  .home-page-content {
    height: 340px;
  }

  .grid-2 {
    grid-template-rows: 300px 300px 300px;
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .heading-6 {
    margin-bottom: 20px;
  }

  .project-card {
    z-index: 10;
  }

  .project-info-wrapper {
    align-items: center;
    display: flex;
  }

  .paragraph-10 {
    max-width: 19ch;
    font-size: 13px;
    display: none;
  }

  .link-3 {
    inset: 0% 0% auto auto;
  }

  .project-cards-container {
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .nav-menu {
    background-color: #0000;
    justify-content: flex-end;
    width: auto;
    display: flex;
  }

  .icon {
    background-color: #0000;
  }

  .primary-text.h5 {
    font-size: 28px;
    line-height: 36px;
  }

  .primary-text.h5.project-title, .primary-text.h5.ipad, .primary-text.h5.about-me-bp-1 {
    font-size: 20px;
    line-height: 28px;
  }

  .body-large {
    width: 340px;
  }

  .body-small.project-description {
    width: 218px;
    min-width: 218px;
    max-width: 218px;
  }

  .body-tiny.darkmode.white.funprojecthiddenonmobile {
    display: none;
  }

  .semi-large {
    font-size: 16px;
    line-height: 24px;
  }

  .semi-large.intro-sub-text {
    font-size: 14px;
    line-height: 22px;
  }

  .semi-small.nav-link {
    text-align: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    font-weight: 600;
    transition-property: none;
  }

  .semi-small.nav-link.hidden, .spacer-v-112.about-me-bp-1 {
    display: none;
  }

  .spacer-v-40 {
    height: 40px;
  }

  .spacer-v-32.hidden {
    display: none;
  }

  .spacer-v-24.greet {
    height: 4px;
  }

  .spacer-v-12.greet {
    height: 30px;
  }

  .project-cover.unplugged {
    background-position: 0%;
  }

  .project-1100 {
    width: 85vw;
    height: auto;
  }

  .project-800 {
    max-width: 70vw;
    height: auto;
  }

  .parent-section.video {
    display: flex;
  }

  .parent-section.prototype {
    display: none;
  }

  .callout.unplugged-case-study-focus {
    flex-direction: column;
  }

  .project-image-1000 {
    max-width: 85vw;
  }

  .divider {
    width: 85%;
  }

  .project-card-text {
    width: 218px;
    min-width: 236px;
    max-width: 236px;
    padding-right: 0;
    top: 120px;
    right: 40px;
  }

  .scroll-nav {
    display: none;
  }

  .image-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 540px;
  }

  .slider-2 {
    height: 350px;
  }

  .div-block-44 {
    grid-template-columns: 1fr;
  }

  .unpluggedvideo {
    border: 3px solid #000;
    box-shadow: 0 20px 40px -10px #0003;
  }

  .headshotcontainer {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
  }

  .h-spacer-100 {
    width: 120px;
  }

  .home-page-product-card {
    width: 85%;
    max-width: 680px;
    height: 292px;
  }

  .project-card-hero {
    object-fit: fill;
    background-position: 50%;
    background-size: cover;
    width: 328px;
  }

  .projects-section.desktop {
    display: none;
  }

  .projects-section.mobile {
    display: flex;
  }

  .brand-3 {
    transition-property: none;
  }

  .brand-3:hover {
    opacity: 1;
  }

  .icon-2 {
    display: none;
  }

  .hover-brand {
    transition: none;
    display: none;
  }

  .keep-it-interesting-container {
    flex-direction: column;
    position: static;
  }

  .kii-text-container {
    max-width: 100%;
  }

  .kii-images {
    height: 520px;
    position: static;
  }

  .kii-text-block.bp-1 {
    margin-right: 30px;
  }

  .spotify-code {
    height: 48px;
  }

  .kii-playing-guitar {
    top: -30px;
  }

  .kii-wedding {
    inset: auto auto 160px 0%;
  }

  .kii-skateboarding {
    inset: auto auto -20px 110px;
  }

  .spacer-v-64 {
    justify-content: flex-end;
  }

  .spacer-v-64.rookery, .about-resmue {
    display: none;
  }

  .kii-hobbies-languages {
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 100px;
  }

  .about-resume-bp-1 {
    display: block;
  }

  .nav-menu-2 {
    background-color: #fff0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-items-container {
    background-color: #fff;
    border-radius: 20px;
    flex-direction: row;
    justify-content: center;
    margin-top: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    box-shadow: 3px 3px 20px -10px #0003;
  }

  .menu-button-2.w--open {
    background-color: #eaeaea;
    border-radius: 10px;
    overflow: hidden;
  }

  .prohero.unplugged {
    height: auto;
    padding-bottom: 60px;
  }

  .prohero.rookery {
    height: auto;
  }

  .proherowide {
    flex-direction: column;
    width: 77%;
    max-width: 650%;
  }

  .herotitling, .herotitling.rookery {
    width: 100%;
  }

  .heroscreenshots.screenshadow {
    justify-content: flex-end;
    width: 100%;
  }

  .heroscreenshots.margot {
    width: 100%;
  }

  .heroscreenshots.rookery {
    justify-content: flex-end;
    width: 100%;
  }

  .unpluggedheroscreen.screenshadow {
    width: 70%;
  }

  .prosummary {
    flex-direction: column;
  }

  .prosummarytldr {
    width: 100%;
  }

  .prosummarydetails {
    display: flex;
  }

  .prosection.desktopprototype {
    display: none;
  }

  .prosection.preserveexperience {
    display: flex;
  }

  .proshowcasewide {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .desktopshowcase.screenshadow {
    width: 100%;
    height: auto;
  }

  .highlightunplugged {
    width: 90%;
  }

  .highlightunplugged.hiddenonnarrow {
    display: none;
  }

  .highlightunplugged.hiddenonwide {
    width: 90%;
    display: block;
  }

  .prosectionwide {
    width: 85%;
    max-width: 650px;
  }

  .prosectionwide.fullwidth {
    width: 100%;
  }

  .prosectionwide.showcase {
    flex-direction: column;
    align-items: flex-start;
  }

  .prosectionnarrow {
    width: 85%;
    max-width: 650px;
  }

  .prosectionnarrow.fullwidth {
    width: 100%;
  }

  .beforebutton {
    display: none;
  }

  .h-spacer-80 {
    width: 80px;
  }

  .mobileshowcase.beforeafter {
    width: 60%;
  }

  .mobileshowcase.pricinginformation {
    width: 50%;
  }

  .highlightmargot {
    width: 100%;
  }

  .highlightmargot.wider {
    display: block;
  }

  .highlightmargot.wider.hideondesktop {
    width: 100%;
  }

  .highlightmargot.wider.hideonsmallscreen {
    display: none;
  }

  .fullwidthimage.screenshadow {
    border-radius: 20px;
  }

  .fullwidthimage.screenshadow.extraradius {
    border-radius: 22px;
  }

  .horizontalspacebetween.relative {
    flex-direction: column;
  }

  .margotformrethinktext {
    width: 100%;
    margin-bottom: 40px;
    position: static;
  }

  .hideondesktop, .image-70 {
    display: block;
  }

  .prosectiontextcontent.rookerydoctext {
    width: 100%;
    max-width: 100%;
    position: static;
  }

  .prosectiontextcontent.notvibisbletext, .prosectiontextcontent.nomargin.greet {
    width: 50%;
  }

  .prosectiontextcontent.funprojectintro {
    width: 90%;
  }

  .background-video {
    height: 405px;
  }

  .rookeryheroimage {
    width: 430px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .rookerydocumentationexample {
    flex-direction: column;
    align-items: flex-start;
  }

  .rookeryslider {
    height: 380px;
  }

  .rookerydocexamplecontainer {
    width: 100%;
  }

  .rookerydocstickytrack {
    height: auto;
    padding-bottom: 60px;
  }

  .notvisibleonsmallerscreens {
    justify-content: center;
  }

  .notvisiblegraphiccontainer {
    width: 30vw;
  }

  .funprojectscontainer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .funprojectcardcontentcontainer {
    background-image: linear-gradient(#0000 61%, #0000005e 87%, #000000a6);
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .funprojectrow {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .fungreetcontainer {
    padding-left: 32px;
    padding-right: 32px;
  }

  .griptapeshowcase {
    width: 320px;
    height: 320px;
  }

  .funprojectwide {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .photographyrow {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .photographyimage {
    height: 320px;
  }

  .photographyimage.square, .photographyimage.extrawide {
    height: 180px;
  }

  .fullphotographycollections {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .photographydescription {
    width: 120%;
    left: -10%;
  }

  .funhero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
  }

  .funhero.coral {
    height: 460px;
  }

  .coraldatavisualization {
    width: 100%;
  }

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

  .coralanimationdiv {
    border-radius: 13px;
    width: 305px;
    height: 215px;
  }

  .underlineimage {
    border-radius: 12px;
  }

  .worldnamescontainer {
    flex-direction: row;
  }

  .slider-5 {
    height: 360px;
  }

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

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

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

  .dialchartgrid {
    width: 80%;
  }

  .grid-19 {
    grid-template-rows: auto;
  }

  .backtotopbutton {
    left: 8px;
  }

  .watchvideoprompt {
    width: 80%;
  }

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

  .otherprojecthoverblur {
    padding-left: 20px;
  }

  .greetcurrent {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .projectcopyblock {
    margin-top: 40px;
  }

  .impact-container.withquotes {
    grid-row-gap: 88px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .keyimprovementsgrid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .dataimagecarouselslide {
    margin-right: 60px;
  }

  .em-showcase-hover-instructions.visualizer.hideontablet {
    display: none;
  }

  .prosectionextrawide {
    width: 85%;
    max-width: 650px;
  }

  .prosectionextrawide.fullwidth {
    width: 100%;
  }

  .prosectionextrawide.showcase {
    flex-direction: column;
    align-items: flex-start;
  }

  .emupload-approach {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .spatialproteomic-tooltip {
    display: block;
    left: 69%;
  }

  .spatialproteomic-tooltip.vis {
    top: 5%;
    left: 70%;
  }

  ._50.not-on-smaller-bp {
    width: 100%;
  }

  .emviz-approach {
    grid-column-gap: 24px;
    grid-template-columns: 1fr .5fr;
  }

  .project-link-block:hover {
    padding-bottom: 140px;
  }

  .projects-grid {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    max-width: 580px;
  }

  .project-card-mobile-linkblock {
    justify-content: flex-end;
    align-items: flex-start;
    height: 140px;
    padding: 16px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-87 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
  }

  .air-tab-description-container.hideontablet {
    display: none;
  }

  .keyimrovementcard {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px 40px;
  }

  .keyimprovementscontentcontainer {
    width: auto;
    height: 100%;
  }

  .impactcolumn, .wydee-icons-visual {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .wydee-case-study-icon {
    width: 18px;
    height: 18px;
  }

  .vis-bio-control-container {
    top: 90px;
    left: 280px;
  }

  .case-study-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .case-study-link {
    border-radius: 44px;
    height: 220px;
  }

  .infinity-theme-picker.hideonipad {
    display: none;
  }

  .infinity-logo {
    top: 66px;
  }
}

@media screen and (max-width: 767px) {
  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .image.load-animation, .grid-2 {
    display: none;
  }

  .projects {
    padding-left: 26px;
    padding-right: 26px;
  }

  .heading-6 {
    max-width: 25ch;
  }

  .project-info {
    background-color: #ffffffd9;
  }

  .project-info.mobile {
    background-color: #fff;
    min-height: 20%;
    padding: 0 20px;
  }

  .project-info-wrapper.mobile {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .project-name {
    font-size: 18px;
  }

  .project-name.mobile {
    margin-top: 0;
    font-weight: 500;
  }

  .paragraph-10 {
    max-width: 19ch;
    margin-bottom: 10px;
  }

  .link-3 {
    position: static;
  }

  .intro-headshot {
    display: none;
  }

  .body-small.project-description.mobile {
    color: #fff;
  }

  .spacer-v-80.bp-2 {
    display: none;
  }

  .spacer-v-12.greet {
    height: 44px;
  }

  .project-chip.desktop, .project-chip.weeks, .project-chip.solo {
    margin-bottom: 8px;
  }

  .project-800 {
    max-width: 85vw;
  }

  .div-block-20 {
    flex-direction: column;
  }

  .image-35 {
    width: 100%;
  }

  .headshot-base {
    width: auto;
    height: auto;
  }

  .teammates {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .image-grid {
    width: 100%;
  }

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

  .slider-2 {
    height: 261px;
  }

  .left-arrow, .right-arrow {
    width: 40px;
  }

  .headshotcontainer, .h-spacer-100 {
    display: none;
  }

  .projects-section.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 112px;
    margin-bottom: 112px;
    display: flex;
  }

  .home-page-arrow-animation {
    display: none;
  }

  .project-card-simple-mobile {
    width: 90%;
    max-width: 510px;
  }

  .project-card-simple-mobile.unplugged {
    background-color: #f1f0ea;
  }

  .project-card-simple-mobile.margot {
    background-color: #f1eceb;
    overflow: hidden;
  }

  .project-card-simple-mobile.trove {
    background-color: #f2f5fa;
    overflow: hidden;
  }

  .project-card-simple-mobile.rookery {
    background-color: #d6ddeb;
  }

  .overlay {
    display: block;
  }

  .mobile-project-hero {
    display: none;
  }

  .project-card-image-container-mobile {
    background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6208063f7ce7d9826b48bc03_Trove%20Hero%20Cover%202022%20%E2%80%93%20Mobile.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .project-card-image-container-mobile.unplugged {
    background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62075a766f82d3b8df315fd0_Unplugged%20Hero%20Cover%202022%20%E2%80%93%20Mobile.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .project-card-image-container-mobile.margot {
    background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/6207f20a67c4640f9922669a_Margot%20Community%20Hero%20Cover%202022%20%E2%80%93%20Mobile.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .project-card-image-container-mobile.rookery {
    background-image: url("https://cdn.prod.website-files.com/5e1dfd8d8fdedb627f91ded1/62962719ff14a58dd1ec6444_Rookery%20Design%20System%20Thumbnail%20for%20Small%20Screens.png");
  }

  .home-page-arrow-animation-mobile {
    display: block;
    position: absolute;
    inset: auto 0% 0%;
  }

  .about-page-intro {
    flex-direction: column;
    align-items: flex-start;
  }

  .image-59 {
    margin-top: 20px;
    margin-bottom: 32px;
    display: none;
  }

  .about-intro-container {
    margin-top: 20px;
  }

  .kii-images {
    height: 500px;
  }

  .kii-playing-guitar {
    width: 180px;
    top: -80px;
  }

  .kii-wedding {
    width: 260px;
    inset: auto auto 150px 0%;
  }

  .kii-skateboarding {
    width: 310px;
    inset: auto auto 0% 130px;
  }

  .about-section-white {
    flex-wrap: nowrap;
  }

  .kii-hobbies-languages {
    flex-flow: column;
    align-content: stretch;
  }

  .floating-images-anchor {
    height: 470px;
  }

  .nav-items-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .coming-soon-modal-content {
    width: 70vw;
  }

  .proherowide {
    width: 85%;
  }

  .unpluggedheroscreen.screenshadow {
    width: 100%;
  }

  .desktopshowcase.screenshadow {
    border-radius: 12px;
  }

  .highlightunplugged {
    width: 100%;
  }

  .webstickiescontainer {
    flex-direction: column;
  }

  .stickies-container {
    width: 100%;
    margin-bottom: 56px;
  }

  .verticalcentered.fullwidth {
    width: 100%;
  }

  .mindmapscontainer {
    flex-direction: column;
  }

  .mindmapcontainer {
    width: 100%;
    margin-bottom: 56px;
  }

  .horizontalcentered {
    flex-direction: column;
  }

  .cabincards, .searchresults, .mobileshowcase.beforeafter {
    width: 100%;
  }

  .mobileshowcase.pricinginformation {
    min-width: 80%;
  }

  .fullwidthimage.screenshadow.extraradius {
    border-radius: 26px;
  }

  .prosectiontextcontent.nomargin.greet {
    width: 94%;
  }

  .prosectiontextcontent.funprojectintro {
    width: 100%;
  }

  .background-video {
    height: 300px;
  }

  .rookeryslider {
    height: 290px;
  }

  .rookeryenvironmentimagery {
    height: auto;
  }

  .rookerysystemstructureimage {
    width: 100%;
  }

  .fungreet {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 48px;
  }

  .funprojectcardcontentcontainer {
    background-image: linear-gradient(#0000 67%, #00000059 91%, #0000008c);
  }

  .fun-project-card-link {
    flex: 0 auto;
    height: 220px;
  }

  .fun-project-card-link._40width {
    width: 100%;
  }

  .funprojectrow {
    flex-direction: column;
  }

  .griptapechapter {
    flex-direction: column;
    align-items: flex-start;
  }

  .griptapeshowcase {
    width: 100%;
    height: 380px;
  }

  .funprojectwide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .photographyrow {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .photographyimage {
    height: 230px;
  }

  .photographyimage.square {
    height: 120px;
  }

  .photographyimage.extrawide {
    height: 140px;
  }

  .fullphotographycollections {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .photographydescription {
    display: none;
  }

  .funhero.coral {
    height: 360px;
  }

  .coralhighlight {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .coralpiechart {
    width: 50%;
  }

  .coralanimationdiv {
    border-radius: 8px;
    width: 226px;
    height: 159px;
  }

  .worldnamescontainer {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    flex-direction: column;
  }

  .slider-5 {
    height: 270px;
  }

  .dialchartgrid {
    width: 100%;
  }

  .grid-19 {
    grid-column-gap: 50px;
  }

  .backtotopbutton {
    bottom: 192px;
    left: 18px;
  }

  ._404background {
    width: 80%;
  }

  .otherprojectsaboutme.hiddenondesktopandtablet {
    display: flex;
  }

  .otherprojectsaboutme.hideonmobile {
    display: none;
  }

  .otherprojectsprojectcards {
    flex-direction: column;
  }

  .otherprojectcard {
    flex: 0 auto;
  }

  .projectcopyblock.opener.full-width-on-mobile {
    width: 100%;
  }

  .projectcopyblock._70-on-dsk {
    width: 80%;
  }

  .allprojectdetails {
    grid-column-gap: 32px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .impact-container {
    grid-column-gap: 40px;
  }

  .datauploadcarouselimage {
    border-radius: 6px;
  }

  .em-showcase-hover-instructions.data-upload {
    display: none;
  }

  .emupload-approach-image {
    height: 400px;
  }

  .spatialproteomic-tooltip {
    top: 21%;
    left: 80%;
  }

  .spatialproteomic-tooltip.vis {
    inset: auto auto -40% 0%;
    transform: translate(0%);
  }

  .em-showcase-tab {
    height: 36px;
    padding-top: 8px;
    padding-bottom: 3px;
    font-size: 14px;
  }

  .home-aura {
    z-index: 8;
    width: 100%;
    display: block;
    inset: -20% -30% auto auto;
  }

  .unplugged-lottie {
    width: 160px;
  }
}

@media screen and (max-width: 479px) {
  .utility-page-content {
    height: 370px;
  }

  .navbar {
    display: block;
  }

  .nav-link {
    background-color: #0000;
    justify-content: flex-end;
    padding-top: 13px;
    padding-bottom: 13px;
    display: flex;
  }

  .home-page-content {
    padding-left: 25px;
    padding-right: 25px;
  }

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

  .grid-2 {
    grid-template-rows: 335px 335px 335px 335px 335px 335px;
    grid-template-columns: 1fr;
    display: none;
  }

  .heading-6 {
    font-size: 20px;
    line-height: 27px;
  }

  .paragraph-9 {
    line-height: 24px;
  }

  .project-info {
    min-height: 10%;
  }

  .project-info.mobile {
    background-color: #fff;
    padding: 0 20px;
  }

  .project-info-wrapper.mobile {
    justify-content: space-between;
    display: flex;
  }

  .project-name.mobile {
    margin-top: 0;
    font-weight: 500;
  }

  .paragraph-10 {
    max-width: 30ch;
    display: none;
  }

  .link-3.mobile {
    align-items: center;
    display: flex;
  }

  .heading-7 {
    margin-bottom: 43px;
  }

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

  .nav-menu {
    background-color: #0000;
    border-radius: 10px;
    flex-direction: row;
    justify-content: flex-end;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    box-shadow: 0 6px 8px -2px #0000001a;
  }

  .intro-headshot, .hoverheadshot, .image-30 {
    display: none;
  }

  .primary-text.h5 {
    display: block;
  }

  .primary-text.h5.mobile-vertical {
    font-size: 20px;
    line-height: 28px;
    display: block;
  }

  .primary-text.h5.ipad {
    display: none;
  }

  .primary-text.h5.mobile.hp-project-card {
    display: block;
  }

  .primary-text.h5.about-me-bp-1 {
    font-size: 18px;
    line-height: 24px;
    display: block;
  }

  .primary-text.h5.mobilesizing {
    font-size: 24px;
    line-height: 32px;
  }

  .body-large {
    width: 100%;
  }

  .body-large.rookeryherodescription {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
  }

  .body-medium {
    font-size: 14px;
    line-height: 22px;
  }

  .body-small {
    font-size: 12px;
    line-height: 20px;
  }

  .body-small.project-description.mobile {
    min-width: 80%;
    max-width: 80%;
  }

  .body-small.notvisibletest {
    font-size: 10px;
    line-height: 18px;
  }

  .body-small.justifycenter {
    text-align: center;
  }

  .body-tiny.rookerylistitem {
    width: 40%;
  }

  .semi-large {
    font-size: 14px;
    line-height: 22px;
  }

  .semi-small.nav-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .semi-small.mobiletab {
    font-size: 10px;
  }

  .bold-tiny.imagetitle {
    font-size: 10px;
    line-height: 18px;
  }

  .spacer-v-80.about-me-bp-3 {
    height: 40px;
    display: block;
  }

  .callout.unplugged-case-study-focus, .callout.unplugged {
    flex-direction: column;
  }

  .callout-icon {
    width: 32px;
    margin-bottom: 8px;
  }

  .hypo-user-stories {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

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

  .div-block-22 {
    display: none;
  }

  .divider {
    width: 90%;
  }

  .divider.fullwidth {
    width: 100%;
  }

  .div-block-26, .umplugged-mid-fi-wireframes {
    grid-template-columns: 1fr;
  }

  .slider-2 {
    height: 147px;
  }

  .project-card-simple-mobile {
    width: 90%;
    max-width: 370px;
    height: 270px;
  }

  .project-card-simple-mobile.unplugged, .project-card-simple-mobile.margot, .project-card-simple-mobile.rookery {
    overflow: hidden;
  }

  .project-card-text-mobile {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    left: 24px;
  }

  .overlay {
    display: block;
  }

  .mobile-project-hero {
    width: auto;
    height: 100%;
  }

  .project-card-image-container-mobile {
    object-fit: fill;
  }

  .home-page-arrow-animation-mobile {
    margin-bottom: 100px;
  }

  .text-block-15 {
    font-size: 10px;
    line-height: 18px;
  }

  .nav-container {
    padding-left: 10px;
  }

  .about-page-intro {
    width: 85%;
  }

  .image-59 {
    display: none;
  }

  .about-intro-container {
    margin-top: 80px;
  }

  .keep-it-interesting-container {
    width: 85%;
  }

  .kii-images {
    height: 420px;
  }

  .kii-playing-guitar {
    width: 140px;
    top: -20px;
  }

  .kii-wedding {
    width: 180px;
    inset: auto auto 160px 0%;
  }

  .kii-skateboarding {
    width: 230px;
    inset: auto auto 50px 44px;
  }

  .company-job-title {
    flex-wrap: wrap;
  }

  .about-resume-bp-1 {
    width: 85%;
  }

  .nav-menu-2 {
    background-color: #f7f7f700;
    align-items: center;
    position: absolute;
  }

  .nav-items-container {
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    height: 40vh;
    margin-top: 12px;
    margin-left: 10%;
    margin-right: 10%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px -10px #0003;
  }

  .menu-button-2.w--open {
    background-color: #0000000d;
  }

  .coming-soon-modal-content {
    width: 75vw;
  }

  .text-input-medium {
    margin-bottom: 12px;
  }

  .horizontal-coming-soon-modal-form-container {
    flex-direction: column;
  }

  .coming-soon-modal {
    padding-top: 28px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .prohero.margot {
    height: auto;
    padding-bottom: 40px;
  }

  .prosummarydetails {
    flex-direction: column;
  }

  .prosection.notready {
    display: block;
  }

  .highlightunplugged.hiddenonwide {
    width: 100%;
  }

  .prosectionwide, .prosectionwide.showcase, .prosectionnarrow {
    width: 87%;
  }

  .slider-4 {
    height: 150px;
  }

  .textlist {
    font-size: 12px;
    line-height: 18px;
  }

  .h-spacer-80.hidden {
    display: none;
  }

  .h4-bold.em-title-mobile {
    font-size: 32px;
    line-height: 40px;
  }

  .h6-bold.notvisibletest {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
  }

  .fullwidthimage.screenshadow {
    border-radius: 12px;
  }

  .fullwidthimage.screenshadow.extraradius {
    border-radius: 16px;
  }

  .margotsurvey {
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .prosectiontextcontent {
    width: auto;
  }

  .prosectiontextcontent.rookerydoctext {
    position: static;
  }

  .prosectiontextcontent.notvibisbletext {
    width: auto;
    margin-bottom: 0;
  }

  .prosectiontextcontent.nomargin.home {
    width: 100%;
  }

  .background-video {
    height: 190px;
  }

  .rookeryherotitle {
    font-size: 22px;
    line-height: 30px;
  }

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

  .rookeyprogressbar {
    border-radius: 4px;
    height: 20px;
  }

  .rookeryslider {
    height: 180px;
  }

  .notvisibleonsmallerscreens {
    grid-column-gap: 12px;
    background-color: #f7f7f7;
    border-radius: 10px;
    align-items: center;
    padding: 16px;
  }

  .notvisiblegraphiccontainer {
    width: 90%;
  }

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

  .fungreet {
    padding: 30px 24px;
  }

  .funprojectcardcontentcontainer {
    background-image: linear-gradient(#0000 61%, #00000059 86%, #0000008c);
  }

  .funprojectrow {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .fungreetcontainer {
    padding-left: 12px;
    padding-right: 12px;
  }

  .griptapeshowcase {
    height: 400px;
  }

  .griptapeshowcase.confederation {
    height: 250px;
  }

  .griptapeshowcase.sakura {
    height: 330px;
  }

  .griptapeshowcase.a-new-beginning, .griptapeshowcase.the-flame-within {
    height: 250px;
  }

  .griptapeshowcase.geometry {
    height: 290px;
  }

  .griptapeshowcase.pineapple-in-the-6 {
    height: 310px;
  }

  .griptapeshowcase.lemons-for-2 {
    height: 270px;
  }

  .griptapeshowcase.paisely {
    height: 300px;
  }

  .griptapeshowcase.waves, .griptapeshowcase.cracks {
    height: 260px;
  }

  .funprojectwide {
    width: 85%;
  }

  .photographyrow {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
  }

  .photographyrow.test {
    flex-direction: column;
  }

  .photographyimage {
    border-radius: 4px;
    flex: 0 auto;
  }

  .photographyimage.wide {
    flex: 0 auto;
    width: auto;
  }

  .photographyimage.extrawide {
    height: 120px;
  }

  .fullphotographycollections {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .photographydescription {
    display: block;
  }

  .funhero.coral {
    height: 260px;
  }

  .coraldatavisualization {
    width: 100%;
  }

  .coralpiechart {
    width: 80%;
  }

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

  .coralanimationdiv {
    border-radius: 12px;
    width: 278px;
    height: 196px;
  }

  .worldnamescontainer {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .slider-5 {
    height: 150px;
  }

  .funrandombuttoncontainer {
    width: 100%;
  }

  .radialchartgrid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    width: 80%;
  }

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

  .grid-19 {
    grid-column-gap: 19px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .centeredradialchart {
    width: 80%;
  }

  .backtotopbutton {
    bottom: 64px;
  }

  ._404background {
    width: 80%;
    height: 190px;
    display: none;
  }

  .funprojectsprompt {
    padding-left: 0%;
  }

  .outlinebutton.wide {
    width: 100%;
  }

  .projectcopyblock._70-on-dsk {
    width: 100%;
    min-width: 0;
  }

  .projectcopyblock.impact {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .datauploadcarousel {
    width: 100%;
  }

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

  .impact-container {
    grid-column-gap: 21px;
  }

  ._70._100-on-mobile {
    width: 100%;
  }

  .prosectionextrawide, .prosectionextrawide.showcase {
    width: 87%;
  }

  .emupload-approach-image {
    height: 270px;
  }

  .emupload-approach-goal {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }

  .spatialproteomic-tooltip {
    width: 100%;
    position: absolute;
    inset: auto 0% -100px 50%;
  }

  .em-visualizer-showcase {
    border-radius: 6px;
  }

  .em-showcase-tab-menu {
    border-radius: 11px;
  }

  .em-showcase-tab {
    height: 32px;
    padding: 6px 10px 3px;
    font-size: 12px;
  }

  .emviz-approach {
    grid-row-gap: 65px;
    grid-template-columns: 1fr;
  }

  .div-block-78 {
    grid-template-columns: 1fr;
  }

  .div-block-79 {
    grid-row-gap: 40px;
    grid-template-columns: 1.25fr;
  }

  .div-block-80, .div-block-81 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .div-block-82 {
    grid-row-gap: 41px;
    grid-template-columns: 1fr;
  }

  .project-link-block {
    border-radius: 16px;
    height: 260px;
  }

  .project-link-block:hover {
    padding: 8px 8px 140px;
  }

  .project-card-title {
    font-size: 20px;
  }

  .project-card-body {
    font-size: 14px;
  }

  .project-card-copy-container {
    padding-left: 12px;
  }

  .project-card-image-container {
    border-radius: 8px;
  }

  .project-card-image-container.unplugged-rest {
    background-size: auto 260px;
  }

  .project-card-image-container.rookery {
    background-size: auto 360px;
  }

  .project-card-image-container.margot {
    background-size: auto 230px;
  }

  .project-card-image-container.upload {
    background-size: auto 260px;
  }

  .project-card-image-container.visualizer {
    background-position: 84%;
    background-size: auto 260px;
  }

  .projects-grid {
    grid-row-gap: 16px;
  }

  .hideonmobile {
    display: none;
  }

  .slide-nav-2 {
    bottom: -24px;
  }

  .project-card-mobile-linkblock {
    z-index: 0;
    justify-content: flex-end;
    align-items: flex-start;
    height: 140px;
    padding: 16px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .image-82 {
    width: 30px;
  }

  .home-aura {
    width: 55%;
    inset: 0% 0% auto auto;
  }

  .keyimrovementcard {
    padding: 20px;
  }

  .wydee-icons-visual {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .wydee-case-study-icon {
    width: 16px;
    height: 16px;
  }

  .visualizer-biomarker {
    border-radius: 8px;
    height: 30px;
    padding-left: 12px;
  }

  .vis-color-swatch {
    width: 24px;
    height: 13px;
  }

  .vis-bio-label {
    font-size: 11px;
  }

  .vis-bio-control-container {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    top: 50px;
    left: 170px;
  }

  .case-study-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }

  .case-study-link {
    border-radius: 31px;
    height: 170px;
  }

  .infinity-image {
    top: -70px;
  }

  .infinity-logo {
    width: 200px;
    top: 58px;
  }
}

#w-node-ab2a373d-4020-e612-891c-bc25f0f486e4-b51a4a17, #w-node-ab2a373d-4020-e612-891c-bc25f0f486f2-b51a4a17, #w-node-ab2a373d-4020-e612-891c-bc25f0f48704-b51a4a17 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5057521b-cc13-6277-4700-2555a733bc1c-94ddb0f2, #w-node-_3f30930a-3d15-7b7a-c760-adb46aaf7725-13cdea27 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_32aec55c-3e42-39a4-b419-0d4f7d075566-e130d1bd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_774479a0-96c5-beca-9122-1630154829bf-e130d1bd, #w-node-a0f784d5-d389-cc62-a640-bb27203b1c75-e130d1bd, #w-node-ca70903a-5c4f-7281-8a81-bf308990d3db-e130d1bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01f8bec9-0723-528f-343e-94364ff3a437-e130d1bd {
  grid-area: Area;
}

#w-node-_34568d2c-9d13-b114-5441-fe543cce8e2b-e130d1bd {
  grid-area: Area-2;
}

#w-node-c6bca7aa-87ae-dae3-edcf-386c3067eaef-e130d1bd {
  grid-area: Area-3;
}

#w-node-_73f387cb-683a-094b-e8d3-a9cb5e24ed14-e130d1bd, #w-node-_8f55c302-4494-85af-a2e2-04d32a3cbfa4-e130d1bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-feb8ebac-eec5-d885-0d90-ca80b85d016f-1fa65409 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_50ac4f49-dfac-83af-751b-6188e0a0a62e-944046a9, #w-node-_19abd6b8-ead3-7311-350e-e0c1999c286f-944046a9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d5632f8b-7fef-6c7c-4914-d1eb964c39b4-3ec04835 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-c2158384-0836-27a1-0ab0-0d7c8a51b0d5-3fa96f16, #w-node-c11999b1-6441-7849-9874-7a47a1d8776e-3fa96f16, #w-node-a0253b82-5e7a-9c7b-ac01-60d014657ef7-3fa96f16, #w-node-cd125ff2-a1e4-a6f7-183d-bb86f5065f44-3fa96f16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b4d27585-b03c-934a-1bc8-de980cd55c8c-3fa96f16 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9b2fa277-276b-994d-09f2-bf904759bee2-3fa96f16, #w-node-fb247b9c-bfda-eb87-6efc-68c1b29d7af2-3fa96f16, #w-node-_8a192dda-3db8-6186-273b-e5e5827e36bc-3fa96f16, #w-node-_7d708e82-0911-ea24-0eb1-60c63d0df055-3fa96f16 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b1e630f-db43-0419-d29f-ab449c99252e-3fa96f16 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fc2a3b51-745f-4a15-c3e8-3effd801613c-ebd0a046, #w-node-_0811aec2-4eee-35e2-e5d8-d66bc33b5d43-ebd0a046, #w-node-_1c41ae07-2b06-4021-1637-a212454704b6-ebd0a046, #w-node-e137fb03-23b9-65d7-f739-3fd9f366d6a1-ebd0a046, #w-node-da261e78-e7aa-4f48-1c04-7095de65b3c5-ebd0a046, #w-node-e0c2ffa9-54fc-a524-e12f-c7f50adf5f9e-ebd0a046, #w-node-_8009ef23-67af-0566-e473-2edd0899e98d-ebd0a046, #w-node-_3688ee41-6e68-ca0b-1540-53e91bc3342c-ebd0a046 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_406de914-dfd8-cd36-27fb-524f364887c9-50bc952d {
  align-self: center;
}

#w-node-adfd861f-60cf-5921-64e2-ecdd597d47e1-50bc952d, #w-node-e70257ad-c717-b6d7-fe5e-1e011452984a-50bc952d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1632dea-cd6e-87c8-691d-4d7d82040a18-50bc952d {
  align-self: center;
}

#w-node-f1632dea-cd6e-87c8-691d-4d7d82040a19-50bc952d, #w-node-f1632dea-cd6e-87c8-691d-4d7d82040a1e-50bc952d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d29817c7-a11e-6a04-9919-177f2711cac2-50bc952d {
  align-self: center;
}

#w-node-d29817c7-a11e-6a04-9919-177f2711cac3-50bc952d, #w-node-d29817c7-a11e-6a04-9919-177f2711cac8-50bc952d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d8ec824-b722-6802-8d04-b9c81f3ebfa7-50bc952d {
  align-self: center;
}

#w-node-_6d8ec824-b722-6802-8d04-b9c81f3ebfa8-50bc952d, #w-node-_6d8ec824-b722-6802-8d04-b9c81f3ebfad-50bc952d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eba5c5d4-3c52-23a3-6280-58192798744a-50bc952d {
  align-self: center;
}

#w-node-eba5c5d4-3c52-23a3-6280-58192798744b-50bc952d, #w-node-eba5c5d4-3c52-23a3-6280-581927987450-50bc952d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20ce905f-5080-6f86-9ace-3498583e7ae9-50bc952d {
  align-self: center;
}

#w-node-_20ce905f-5080-6f86-9ace-3498583e7aea-50bc952d, #w-node-_20ce905f-5080-6f86-9ace-3498583e7aef-50bc952d, #w-node-_73397b99-578b-34e7-8f4d-eb00873297d8-50bc952d, #w-node-_6caab999-c866-a7de-04f5-d687bd9d3801-50bc952d, #w-node-_3f4ecd01-1389-da8e-14a2-0048b98fdc23-50bc952d, #w-node-_23904cd9-1df7-9446-b889-f19a986c5e10-50bc952d, #w-node-_3e7642f0-7f4e-a4cc-a507-6f4c869e68c0-50bc952d, #w-node-_1c4d07c5-b30f-3ba7-3490-46bfabe98c13-50bc952d, #w-node-_016e726f-c611-0794-791d-199c839d8d55-50bc952d, #w-node-_5fc91218-8861-fc7f-c601-dc7ab96ee191-50bc952d, #w-node-_7479f87d-e551-1608-e363-5050f0fafc1c-50bc952d, #w-node-_7811ca9c-8441-7af3-894e-47d0b6233e45-50bc952d, #w-node-_23074e92-9630-9491-577d-a51a7e136d4c-50bc952d, #w-node-cdcc6ed0-76c2-13af-c649-d276cc9d87ad-50bc952d, #w-node-_9b9d761b-bca2-0974-e88c-cfee55d0b8d1-50bc952d, #w-node-_2bc20b51-1368-812c-8f78-cf315cc763d2-50bc952d, #w-node-_424e4ae3-4938-9385-df98-f47f64336889-50bc952d, #w-node-_03c59937-3b37-04d6-ea8d-2b7258afa1cf-50bc952d, #w-node-_0cca8c81-2556-5c43-e9d5-0c84b54cdb2a-50bc952d, #w-node-f3b1aacb-404e-9cfc-d1ef-df943831c7ad-50bc952d, #w-node-_600a9626-c883-d4d3-97a1-918fbaf86437-e0a94af8, #w-node-_9a84f5a7-b9ca-e48b-19de-05ba104e8d55-e0a94af8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29fd3c44-35c9-a411-2a97-8706a9568488-9e59fe15, #w-node-dbfc91b0-2738-3795-d188-b7f0d0a276c9-9e59fe15, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640ef09-9e59fe15, #w-node-a814b882-e448-3456-36ea-858035e260de-9e59fe15, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fc0-9e59fe15, #w-node-_127bc1b1-95dd-b0a6-3413-9359a1043428-9e59fe15, #w-node-_29fd3c44-35c9-a411-2a97-8706a9568488-b926ec52, #w-node-dbfc91b0-2738-3795-d188-b7f0d0a276c9-b926ec52, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640ef09-b926ec52, #w-node-a814b882-e448-3456-36ea-858035e260de-b926ec52, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fc0-b926ec52, #w-node-_127bc1b1-95dd-b0a6-3413-9359a1043428-b926ec52, #w-node-_3e405670-fb6c-de85-a7bd-ce1898078d71-4bd0d47d, #w-node-_5b89e8aa-00d5-20b4-9585-66756adb041c-4bd0d47d, #w-node-f2a18e44-fc9c-f026-2772-6d47b09500f2-4bd0d47d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5bec3229-9efb-6ea7-86f4-2b4574c3e769-4bd0d47d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_50ac4f49-dfac-83af-751b-6188e0a0a62e-944046a9, #w-node-_19abd6b8-ead3-7311-350e-e0c1999c286f-944046a9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_966b9401-ee5c-0d26-c211-45a4b81b31cc-9e59fe15, #w-node-_29fd3c44-35c9-a411-2a97-8706a9568488-9e59fe15, #w-node-dbfc91b0-2738-3795-d188-b7f0d0a276b9-9e59fe15, #w-node-dbfc91b0-2738-3795-d188-b7f0d0a276c9-9e59fe15, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640eef9-9e59fe15, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640ef08-9e59fe15, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640ef09-9e59fe15, #w-node-a814b882-e448-3456-36ea-858035e260cf-9e59fe15, #w-node-a814b882-e448-3456-36ea-858035e260de-9e59fe15, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fb1-9e59fe15, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fbe-9e59fe15, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fc0-9e59fe15, #w-node-_127bc1b1-95dd-b0a6-3413-9359a1043428-9e59fe15, #w-node-_966b9401-ee5c-0d26-c211-45a4b81b31cc-b926ec52, #w-node-_29fd3c44-35c9-a411-2a97-8706a9568488-b926ec52, #w-node-dbfc91b0-2738-3795-d188-b7f0d0a276b9-b926ec52, #w-node-dbfc91b0-2738-3795-d188-b7f0d0a276c9-b926ec52, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640eef9-b926ec52, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640ef08-b926ec52, #w-node-_9a5d0eac-d562-f920-6547-0ea1d640ef09-b926ec52, #w-node-a814b882-e448-3456-36ea-858035e260cf-b926ec52, #w-node-a814b882-e448-3456-36ea-858035e260de-b926ec52, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fb1-b926ec52, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fbe-b926ec52, #w-node-d14e16ae-bf4f-6121-8829-615f46bb5fc0-b926ec52, #w-node-_127bc1b1-95dd-b0a6-3413-9359a1043428-b926ec52 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}