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: Ofl;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66fd8877df7eaec6e0bee8bf_OFL.txt") format("undefined");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Eula Pangrampangram Freeforpersonaluse May 2021";
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6794127641bffec218b5e964_EULA-PangramPangram-FreeForPersonalUse-MAY2021.pdf") format("undefined");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Variablefont Opsz Wght;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66fd8813bd02e3e2533f868d_Inter-Italic-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Variablefont Opsz Wght;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66fd8813bd02e3e2533f868d_Inter-Italic-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter Variablefont Opsz Wght;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66fd886d81973393dcd9f937_Inter-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppeditorialnew;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/679412766eb67f2b88350701_PPEditorialNew-UltralightItalic.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppeditorialnew;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67941276b9d8219d01a03713_PPEditorialNew-Ultrabold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppeditorialnew;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67941276dcfcc28330aaa58b_PPEditorialNew-Ultralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppeditorialnew;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67941276751954b40180e743_PPEditorialNew-UltraboldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Ppeditorialnew;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/679412764da8fe0def623459_PPEditorialNew-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Ppeditorialnew;
  src: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/679412764da8fe0def623472_PPEditorialNew-Regular.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.body {
  background-color: #f7f7f7;
}

.body.black {
  background-color: #000;
  background-image: none;
}

.body.black.aboutmee {
  background-color: #000;
}

.text-block-2 {
  color: #fbfbfb;
  text-align: center;
  border: 1px solid #565656;
  border-radius: 50%;
  padding: 183px 106px;
  font-size: 36px;
}

.image {
  text-align: left;
  border-color: #565656 #565656 #565656 #56565600;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  height: 428px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  position: static;
}

.text-block-4 {
  color: #fbfbfb;
  text-align: left;
  background-color: #56565680;
  border-width: 1px;
  border-color: #565656 #56565600 #565656 #565656;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 30%;
  padding: 0 20px;
  font-family: Inter, sans-serif;
  font-size: 23px;
  line-height: 30px;
  display: flex;
  position: static;
  top: -49px;
  left: 78px;
  right: 0;
}

.text-block-5 {
  color: #fbfbfb;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
}

.text-block-6 {
  color: #fbfbfb;
  text-align: center;
  font-family: Inter, sans-serif;
  font-style: italic;
}

.div-block-2 {
  text-align: center;
  justify-content: center;
  padding-top: 0;
  display: flex;
}

.body-2 {
  background-color: #fbfbfb;
}

.caseaboutsection {
  background-color: #101010;
  padding-bottom: 0;
}

.objectives-section {
  background-color: #101010;
  padding-top: 55px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  display: block;
}

.objectives-section.no {
  padding-top: 0;
}

.old-website-section {
  background-color: #fff;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
}

.old-website-section.inno {
  background-color: #101010;
}

.final-product-section {
  background-color: #f3f3f3;
  padding-top: 55px;
  padding-bottom: 70px;
  font-family: Inter, sans-serif;
}

.case-subheading {
  border: 1px #000;
  max-width: 65%;
  margin-top: 0;
  padding-top: 55px;
  padding-bottom: 55px;
  font-size: 27px;
}

.case-subheading.whitetext {
  color: #101010;
  padding-top: 55px;
  font-size: 27px;
}

.case-subheading.underline {
  color: #333;
  border-bottom-style: solid;
  border-bottom-color: #f3f3f3;
  padding-top: 45px;
}

.case-subheading.underline.lastpartwhitetext {
  color: #fbfbfb;
  border-bottom-color: #f3f3f3;
}

.case-subheading.underline.lastpartwhitetext.whiteborder {
  border-style: none none solid;
  border-color: #fbfbfb #fbfbfb #f3f3f3;
}

.case-subheading.lastpartwhitetext {
  color: #fbfbfb;
}

.case-text {
  max-width: 65%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.case-text.whitetext {
  color: #fbfbfb;
  display: block;
}

.case-text.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text.whitetext.finaltext.dark {
  color: #101010;
}

.case-text.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.case-text.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 0;
}

.case-text.whitetext.ji {
  padding-top: 30px;
}

.case-text.extratextspace {
  padding-bottom: 40px;
}

.case-text.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.case-text.new.whitetextin, .case-text.new.whitetext {
  font-weight: 400;
}

.case-text.lastpartwhitetext {
  color: #fbfbfb;
}

.projects-img {
  max-width: 90%;
  padding: 0 0 0 6px;
}

.grey-background {
  perspective: 5000px;
  background-color: #e9e9e9;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 40px;
  display: flex;
}

.grey-background.grey-background-min {
  background-image: linear-gradient(122deg, #e5383b, #f0e6c6);
  flex-direction: row;
  justify-content: flex-end;
  height: 66vw;
  max-height: 1000px;
}

.project-device {
  transform-style: preserve-3d;
  background-color: #f7f7f7;
  border-radius: 16px;
  width: 100%;
  min-width: 0;
  max-width: 200px;
  margin-bottom: -18%;
  margin-right: -14%;
  padding: 3% 0%;
  transition: transform .5s, box-shadow .5s;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: perspective(12000px)perspective(9000px)rotateX(49deg)rotateY(0)rotateZ(-38deg);
  box-shadow: -6px 6px #dbdbdb, -25px 49px 50px -20px #0000004d;
}

.project-device:hover {
  transform: perspective(12000px)perspective(9000px)rotateX(44deg)rotateY(0)rotateZ(-38deg);
}

.project-device._2 {
  max-width: 200px;
  margin-bottom: -40%;
  margin-right: 10%;
}

.project-device._3 {
  max-width: 200px;
  margin-bottom: -43%;
  margin-right: -23%;
}

.device-container-2 {
  perspective: 12000px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 40%;
  min-width: 20%;
  margin-bottom: 114px;
  margin-right: 130px;
  padding-right: 0;
  display: flex;
  position: relative;
  transform: perspective(100px);
}

.section-9 {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.casesubheading-2 {
  max-width: 65%;
  padding-bottom: 32px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}

.casesubheading-2.whitetext {
  color: #fbfbfb;
  padding-bottom: 40px;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}

.casesubheading-2.whitetext.id {
  color: #101010;
}

.casesubheading-2.lastpartwhitetext, .whitetext {
  color: #fbfbfb;
}

.aboutcaseheader {
  color: #fbfbfb;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-left: 150px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  display: flex;
}

.aboutcolumn {
  background-color: #101010;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 75px;
  display: flex;
}

.aboutdescription {
  color: #fbfbfb;
  flex-direction: row;
  justify-content: flex-start;
  max-width: none;
  padding-left: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 29px;
  display: flex;
}

.column-wander {
  color: #101010;
  justify-content: center;
  padding-right: 29px;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.text-block-8 {
  color: #fbfbfb;
  width: 80%;
  margin-top: 0%;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.rolescolumn {
  background-color: #101010;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 39px;
  font-family: Inter, sans-serif;
  display: flex;
}

.rolesheader {
  color: #fff;
  letter-spacing: 4px;
  padding-bottom: 9px;
  font-size: 16px;
  line-height: 21px;
}

.rolestext {
  color: #fbfbfb;
  font-size: 16px;
  line-height: 21px;
}

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

.design-goals-section {
  background-color: #f3f3f3;
  padding-top: 55px;
  padding-bottom: 70px;
  font-family: Inter, sans-serif;
}

.target-section {
  background-color: #f0f0f0;
  padding-top: 55px;
  padding-bottom: 70px;
  font-family: Inter, sans-serif;
}

.moodboard-section {
  background-color: #f3f3f3;
  border-bottom: 1px #101010;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
}

.container-3 {
  background-image: linear-gradient(121deg, #d80d43, #ffaeae 89%);
  border-radius: 12px;
  justify-content: center;
  max-width: 82%;
  padding: 2px;
  display: flex;
}

.numbers {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers.space {
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers.space.replace.hibnumbers {
  max-width: 100%;
}

.belownumbers {
  border-bottom: 1px solid #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers.whiteborder {
  outline-offset: 0px;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  outline: 3px #fbfbfb;
  margin-bottom: 0;
}

.belownumbers.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.targetsubheading {
  color: #1a1a1a;
  padding-bottom: 25px;
  font-size: 20px;
  font-style: italic;
}

.targettext {
  color: #1a1a1a;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 21px;
}

.navbar {
  background-color: #0000;
}

.nav-link {
  color: #fbfbfb;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.nav-link.w--current {
  color: #aca69b;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.container-navbar-projects {
  justify-content: flex-start;
  display: flex;
}

.projecttitle {
  outline-offset: 0px;
  direction: ltr;
  color: #fbfbfb;
  text-align: left;
  text-transform: none;
  border-bottom: 1px #000;
  outline: 3px #fbfbfb;
  margin-top: 12%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-style: normal;
  line-height: 66px;
  text-decoration: none;
}

.projecttag {
  color: #121212b3;
  max-width: 100%;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
}

.herogrid-w {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  place-items: stretch stretch;
  width: 80%;
  padding-right: 0;
}

.column-3 {
  justify-content: flex-end;
  display: flex;
}

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

.moodboard-image {
  max-width: 65%;
  min-height: auto;
  max-height: none;
  padding-bottom: 55px;
}

.moodboard-image.innovative {
  border: 1px solid #0000;
  max-width: 65%;
}

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

.infoarchpic {
  max-width: 65%;
  min-height: auto;
  max-height: none;
}

.container-8 {
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.grid-2 {
  grid-column-gap: 12px;
  grid-row-gap: 1px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  max-width: 100%;
}

.lofipics {
  justify-content: center;
  max-width: 65%;
  display: flex;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 90%;
}

.grid-3.innoddd {
  max-width: 65%;
}

.container-9 {
  justify-content: center;
  padding-bottom: 55px;
  display: flex;
}

.innodwebsitefinished {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 80%;
  padding-top: 0;
  padding-bottom: 30px;
}

.centercontainer, .container-10 {
  justify-content: center;
  display: flex;
}

.column-5 {
  text-align: left;
  justify-content: center;
  padding-right: 39px;
}

.columns-2 {
  width: 65%;
}

.morespace {
  padding-bottom: 55px;
}

.finale {
  background-color: #101010;
  padding-top: 55px;
  padding-bottom: 70px;
}

.finale.lastpartdarkbackground {
  background-color: #101010;
}

.container-11 {
  justify-content: center;
  padding-top: 7px;
  padding-bottom: 0;
  display: flex;
}

.image-2 {
  max-width: 8px;
}

.projecticoncontainer {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 100px;
  display: flex;
}

.projectabout {
  color: #c1c1c1;
  text-align: center;
  max-width: 100%;
  font-family: Jost, sans-serif;
  font-size: 25px;
  line-height: 38px;
}

.text-block-15 {
  color: #c1c1c1;
  text-align: left;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  line-height: 27px;
}

.topspace {
  background-color: #0000;
  border-radius: 24px;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
  transition: all .59s ease-in-out;
  transform: scale(1.1);
}

.topspace:hover {
  transform: scale(1.3);
}

.container-12 {
  justify-content: center;
  display: flex;
}

.link {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.linktext {
  color: #fbfbfb;
  text-decoration: none;
}

.grid-5 {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .25fr;
}

.footer {
  background-color: #0000;
  border: 1px solid #0000;
  padding-top: 26px;
  padding-bottom: 26px;
}

.body-3 {
  background-color: #101010;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/63c482f8ab4c864424c2c238_projects.png");
  background-position: 50%;
  background-size: 1200px;
}

.container-14 {
  font-size: 36px;
}

.text-block-16 {
  color: #fbfbfb;
  text-transform: uppercase;
  justify-content: center;
  margin-bottom: -132px;
  display: flex;
}

.section-11 {
  color: #fbfbfb;
  background-color: #0000;
  padding-top: 131px;
  font-family: Inter, sans-serif;
}

.text-block-17 {
  text-align: center;
  justify-content: center;
  margin-bottom: -7px;
  padding-top: 59px;
  font-size: 17px;
  font-style: normal;
  line-height: 22px;
  display: flex;
}

.tabs-menu {
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 55px;
  display: flex;
}

.jourprojectscolumn {
  color: #fbfbfb;
  justify-content: center;
  padding-bottom: 104px;
  font-family: Jost, sans-serif;
  display: flex;
}

.jourtitletext {
  color: #e9e9e9;
  max-width: 80%;
  padding-bottom: 22px;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.jourtagtext {
  color: #d9d9d9;
  text-align: center;
  text-transform: capitalize;
  padding-left: 0;
  font-family: Inter, sans-serif;
}

._1stcolumn {
  justify-content: flex-end;
  display: flex;
}

.jourpic {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  border-radius: 20px;
  max-width: 80%;
  padding-bottom: 0;
  transition: all .65s ease-in-out;
}

.jourpic:hover {
  transform: scale(1.2);
}

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

.section-12 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.titleanddes, .section-16 {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.body-4 {
  background-color: #101010;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/63c482f8ab4c864424c2c238_projects.png");
  background-position: 50%;
  background-size: 1200px;
}

.grid-6 {
  grid-row-gap: 6px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  max-width: none;
  height: auto;
  max-height: 11%;
}

.link-block-3 {
  justify-content: center;
  width: 70%;
  text-decoration: none;
  display: flex;
}

.text-block-18 {
  color: #101010;
  text-align: center;
  max-width: 100%;
  padding-bottom: 90px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.title-linkbox {
  color: #fbfbfb;
  text-align: center;
  max-width: 90%;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 43px;
  font-style: italic;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.jourlinkblock {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.jourlinkblock:hover {
  transform: scale(.9);
}

.writingtitlelinklock {
  color: #fbfbfb;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  padding-bottom: 4%;
  line-height: 39px;
  text-decoration: none;
  display: block;
}

.tab-link-writing {
  background-color: #d9d9d91a;
  border: 1px #6a6a6a;
  border-radius: 14px;
  margin-right: 13px;
}

.tab-link-writing.w--current {
  color: #fbfbfb;
  background-color: #bd9c7f6e;
  border-style: none;
  border-color: #000;
  border-radius: 14px;
}

.tab-link-video {
  color: #fbfbfb;
  background-color: #d9d9d91a;
  border: 1px #6a6a6a;
  border-radius: 14px;
  margin-right: 13px;
}

.tab-link-video.w--current {
  background-color: #bd9c7f6e;
  border-left-color: #6a6a6a;
  border-right-color: #6a6a6a;
  border-radius: 14px;
  margin-right: 13px;
}

.text-block-19 {
  color: #fbfbfb;
  text-transform: uppercase;
  font-family: Karla, sans-serif;
  font-size: 15px;
}

.text-block-20 {
  text-transform: uppercase;
  padding-right: 6px;
  font-family: Karla, sans-serif;
  font-size: 15px;
}

.div-block-5 {
  border-radius: 50%;
}

.container-15 {
  border-radius: 50%;
  padding-top: 0;
  padding-bottom: 0;
}

.container-17 {
  border: 1px solid #0000;
  justify-content: center;
  max-height: none;
  padding: 14vh 33vh;
  display: flex;
}

.homepageheader {
  color: #fbfbfb;
  text-align: left;
  text-transform: none;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 39px;
  font-family: Figtree, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.text-22 {
  color: #c9c9c9;
  text-align: left;
  max-width: 100%;
  padding-left: 0;
  padding-right: 10%;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.section-19 {
  padding-top: 106px;
  padding-bottom: 100px;
}

.tabs-menu-2 {
  justify-content: center;
  display: flex;
}

.text-block-23, .text-block-24, .text-block-25 {
  color: #fbfbfb;
  text-transform: uppercase;
  font-family: Karla, sans-serif;
  font-size: 15px;
}

.tab-link-tab-1 {
  background-color: #d9d9d91a;
  border-radius: 12px;
  margin-right: 20px;
}

.tab-link-tab-1.w--current {
  background-color: #805151;
  border-radius: 12px;
  margin-right: 13px;
}

.tab-link-tab-2 {
  background-color: #d9d9d91a;
  border-radius: 12px;
  margin-right: 13px;
}

.tab-link-tab-2.w--current {
  background-color: #805151;
  padding: 10px 20px;
}

.tab-link-tab-3 {
  background-color: #d9d9d91a;
  border-radius: 12px;
  padding: 10px 20px;
}

.tab-link-tab-3.w--current {
  background-color: #805151;
}

.megrid {
  grid-row-gap: 23px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  max-width: 60%;
}

.interestcontainer {
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.pics {
  color: #fbfbfb;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.link-3 {
  color: #f0e3ca;
  font-size: 15px;
  text-decoration: underline;
}

.bullets-3rd {
  color: #fbfbfb;
  max-width: 60%;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.megrid-3rd {
  grid-row-gap: 23px;
  grid-template-columns: 1fr;
  justify-items: center;
  max-width: 60%;
}

.bold-text {
  color: #aca69b;
  line-height: 17px;
}

.section-20 {
  padding-top: 35px;
  padding-bottom: 38px;
}

.letstalk {
  color: #fbfbfb;
  text-align: left;
  text-transform: none;
  border: 1px #000;
  max-width: 49%;
  padding-bottom: 15px;
  padding-left: 92px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 35px;
  text-decoration: none;
}

.text-block-26 {
  color: #fbfbfb;
  max-width: 57%;
  padding-bottom: 18px;
  padding-left: 93px;
  padding-right: 147px;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.bold-text-2 {
  color: #aca69b;
  line-height: 17px;
}

.image-7 {
  border-radius: 24px;
  align-self: auto;
  padding-bottom: 10px;
  transition: all .5s ease-in-out;
  transform: scale(1.1);
}

.image-7:hover {
  transform: scale(1.3);
}

.link-block-8 {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 55%;
  transition: all .59s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block-8:hover {
  transform: scale(.9);
}

.bold-text-3 {
  font-family: Karla, sans-serif;
  font-weight: 500;
}

.header-container {
  flex: 1;
  max-width: 53%;
  margin-top: 49px;
  margin-bottom: -141px;
  margin-left: -88px;
  padding-top: 0;
  position: sticky;
  top: 306px;
  transform: rotate(90deg);
}

.bodysection {
  background-color: #f7f7f7;
  margin-top: 4%;
  display: block;
}

.section-header-3 {
  color: #f9f9f940;
  margin-top: 0;
  margin-bottom: 0;
  padding: 88px 20px 20px 112px;
  font-family: Inter, sans-serif;
  font-size: 55px;
  font-weight: 400;
  position: static;
  transform: rotate(0);
}

.header-container-jour {
  flex: 1;
  align-items: stretch;
  max-width: 95%;
  margin-top: 45px;
  margin-bottom: -69px;
  margin-left: -378px;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 200px;
  transform: rotate(90deg);
}

.section-header-3-jour {
  color: #f9f9f940;
  text-align: left;
  margin-top: 31px;
  margin-bottom: 0;
  margin-left: 176px;
  padding: 0 0 0 199px;
  font-family: Inter, sans-serif;
  font-size: 55px;
  font-weight: 400;
  transform: rotate(0);
}

.section-17-jour {
  margin-top: 0;
  display: block;
  position: sticky;
}

.container-20 {
  margin-top: -150px;
  padding-top: 0;
}

.projecticoncontainer-no-space {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 186px;
  padding-top: 0;
  display: flex;
}

.gradient-bg {
  z-index: -1;
  opacity: .5;
  filter: blur(200px);
  color: #e89245;
  -webkit-text-stroke-color: #ca23ac;
  background-color: #fd4b4b8f;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.bg-circle {
  background-color: #455268;
  border-radius: 100%;
  width: 30vw;
  height: 30vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bg-circle._4 {
  background-color: #e87645a3;
  width: 60vw;
  height: 60vw;
  margin-top: -32%;
  margin-right: -10%;
  position: fixed;
  left: auto;
  right: 0;
}

.bg-circle._6 {
  background-color: #ff11df94;
  width: 33vw;
  height: 26vw;
  margin-top: 29%;
  margin-bottom: -20%;
  margin-right: 0%;
  position: static;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle._7 {
  color: #e92020;
  mix-blend-mode: normal;
  background-color: #e89245d1;
  border-radius: 0%;
  width: 40vw;
  height: 40vw;
  margin: -17% -6%;
  position: static;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: skew(38deg);
}

.bg-circle._6 {
  color: #ff861a;
  background-color: #ff861a;
  width: 33vw;
  height: 26vw;
  margin-top: 20%;
  margin-bottom: -26%;
  margin-right: 0%;
  position: static;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle._6-copy {
  color: #ff861a;
  background-color: #ff861a;
  width: 33vw;
  height: 26vw;
  margin-top: 20%;
  margin-bottom: 0%;
  margin-right: 0%;
  position: static;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle._7-copy {
  mix-blend-mode: normal;
  color: #e92020;
  mix-blend-mode: normal;
  background-color: #e89245;
  border-radius: 0%;
  width: 40vw;
  height: 40vw;
  margin: 0% 0% -96% 15%;
  position: static;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: skew(38deg);
}

.navbar-projects {
  background-color: #101010f2;
  position: sticky;
  top: 0;
}

.nav-link-projects {
  color: #fbfbfb;
}

.nav-link-projects.w--current {
  color: #fbfbfb;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.div-block-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center stretch;
  max-width: 100%;
  padding-left: 0;
  display: block;
  position: static;
  top: 60px;
  right: 220px;
}

.image-8 {
  border-radius: 10px;
  max-width: 70%;
}

.grid-9 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  place-items: stretch stretch;
  margin-top: 50px;
  margin-bottom: 45px;
}

.div-block-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.link-4 {
  color: #fbfbfb;
  border: 1px #000;
}

.footer-projects {
  background-color: #101010;
  border: 1px solid #0000;
  margin-bottom: auto;
  padding: 43px 2%;
  position: relative;
  inset: auto 0% 0%;
}

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

.container-21.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.container-21.whitetext.bottomspace50.just-for-tabs {
  padding-top: 0;
}

.section-21 {
  background-color: #101010;
}

.grid-10 {
  padding-top: 40px;
}

.gray-text {
  color: #858585;
  font-size: 16px;
  display: flex;
}

.gray-text.centervertical {
  color: #8f8f8f;
  align-items: center;
}

.grid-11 {
  grid-template-rows: auto;
  padding-top: 40px;
}

.grid-11.hi {
  grid-template-columns: 1fr;
}

.bold-text-4 {
  font-size: 17px;
}

.section-22 {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.laptop-container {
  flex: none;
  width: 70%;
  max-width: 80%;
  margin-top: 8px;
  padding-bottom: 40px;
  position: relative;
}

.laptop-lid {
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/63cb466b27e7bc6da3ec527c_laptop-lid.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 10%;
  margin-right: 10%;
  padding: 3% 2%;
}

.laptop-body {
  margin-top: -16px;
  position: relative;
}

.grid-12 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: stretch stretch;
  max-width: 65%;
}

.dpreviewhead {
  color: #8e8e8e;
  width: 70%;
  padding-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 19px;
}

.dpreviewhead.nni {
  padding-bottom: 20px;
}

.grid-13, .grid-14 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.text-block-33.whitetext {
  justify-content: center;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  display: flex;
}

.text-block-33.whitetext.lesspadding {
  justify-content: center;
  max-width: none;
  font-size: 22px;
  display: flex;
}

.text-block-33.whitetext.inn {
  padding-bottom: 30px;
}

.text-block-34.blacktext, .text-block-34.id {
  color: #101010;
}

.bold-text-5 {
  font-size: 24px;
}

.bold-text-6 {
  color: #fbfbfb;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
}

.div-block-10 {
  max-width: 100%;
}

.text-block-33-copy.whitetext {
  max-width: 80%;
  font-size: 24px;
  line-height: 25px;
}

.text-block-33-copy.whitetext.lesspadding {
  justify-content: center;
  display: flex;
}

.div-block-10-copy {
  max-width: none;
  padding-left: 0;
}

.text-block-33-copy.whitetext {
  width: 100%;
  max-width: none;
  font-size: 24px;
  line-height: 25px;
}

.text-block-33-copy.whitetext.lesspadding {
  justify-content: center;
  max-width: 900%;
  font-size: 22px;
  display: flex;
}

.text-block-33-copy.whitetext.lesspadding.inn {
  padding-bottom: 30px;
}

.project-device-copy {
  transform-style: preserve-3d;
  background-color: #f7f7f7;
  border-radius: 16px;
  width: 100%;
  min-width: 0;
  max-width: 200px;
  margin-bottom: -18%;
  margin-right: -14%;
  padding: 3% 0%;
  transition: transform .5s, box-shadow .5s;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: perspective(12000px)perspective(9000px)rotateX(49deg)rotateY(0)rotateZ(-38deg);
  box-shadow: -6px 6px #dbdbdb, -25px 49px 50px -20px #0000004d;
}

.project-device-copy:hover {
  transform: perspective(12000px)perspective(9000px)rotateX(44deg)rotateY(0)rotateZ(-38deg);
}

.finalproduct {
  background-color: #101010;
  padding-top: 55px;
  padding-bottom: 55px;
}

.grey-background-hacksc {
  perspective: 5000px;
  background-color: #e9e9e9;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 40px;
  display: flex;
}

.grey-background-hacksc.grey-background-min {
  background-image: linear-gradient(137deg, #d80d43, #ffaeae);
  flex-direction: row;
  justify-content: flex-end;
  height: 66vw;
  max-height: 1000px;
}

.brandimage {
  max-width: 100%;
}

.grid-16 {
  grid-column-gap: 8px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
}

.grid-16.idmoodboard {
  max-width: 65%;
}

.link-5 {
  color: #f6a982;
  text-decoration: none;
}

.bold-text-7 {
  color: #fbfbfb;
  text-decoration: none;
}

.italic-text {
  font-style: normal;
}

.finalproducttext {
  color: #ea867a;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 27px;
}

.container-22 {
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.videomu {
  z-index: 1;
  object-fit: fill;
  width: 100%;
  height: 34vh;
  overflow: hidden;
}

.background-video-2 {
  z-index: 1;
  object-fit: fill;
  width: 70vh;
  height: 40vh;
}

.videomockup {
  width: 100%;
  height: auto;
}

.grid-17 {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto auto;
  justify-items: center;
  max-width: 90%;
  margin-left: 17px;
  margin-right: 17px;
}

.div-block-11 {
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-40 {
  color: #fbfbfb;
  text-align: center;
  font-size: 28px;
}

.video {
  width: 90%;
  height: auto;
}

.background-video-3 {
  z-index: 1;
  width: 50%;
  height: auto;
}

.container-23 {
  justify-content: center;
  display: flex;
}

.video-2 {
  width: 100%;
  height: auto;
}

.glow {
  box-shadow: 0 0 15px 3px #bababa33;
}

.italic-text-2 {
  font-style: normal;
}

.colors {
  justify-content: center;
  max-width: 65%;
  display: flex;
}

.colorsimg {
  background-color: #fff;
  max-width: 40%;
  padding-bottom: 20px;
}

.about {
  background-color: #101010;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: block;
}

.text-block-41 {
  color: #fbfbfb;
  max-width: 100%;
}

.whitetextin {
  color: #f3f3f3;
}

.bold-text-8 {
  font-size: 20px;
}

.grid-18 {
  grid-template-rows: auto;
  justify-content: flex-start;
  display: flex;
}

.main-nav {
  background-color: #0e0a0a00;
  border-radius: 50px;
  margin-top: -8%;
  padding-top: 1.5%;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.container-24 {
  color: #333;
  background-color: #000000f0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: inline-block;
}

.nav-link-2 {
  color: #aaa;
  font-family: Karla, sans-serif;
  font-size: 16px;
}

.nav-link-2:hover, .nav-link-2.w--current {
  color: #fbfbfb;
}

.nav-link-3 {
  color: #fbfbfb;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
}

.nav-link-3.w--current {
  outline-offset: 0px;
  color: #fbfbfb;
  text-align: left;
  outline: 3px solid #0000;
  text-decoration: none;
}

.nav-link-1, .nav-link-1.w--current {
  color: #aaa;
  font-size: 16px;
}

.nav-link-1.w--current:hover, .nav-link-1.w--current:visited {
  color: #fbfbfb;
}

.nav-link-5 {
  color: #fbfbfb;
  letter-spacing: 1px;
  font-size: 16px;
  left: auto;
  right: 4.6vh;
}

.nav-link-5.w--current {
  color: #fbfbfb;
  letter-spacing: 0;
  font-family: Karla, sans-serif;
  font-size: 19px;
}

.main-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.underline-link-block {
  color: #1b1b1b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: .3em;
  padding-bottom: .3em;
  font-family: Montserrat, sans-serif;
  font-size: 4.5em;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: box-shadow .3s, color .3s;
  display: flex;
}

.underline-link-block:hover {
  color: #4353ff;
  box-shadow: inset 0 -7px #4353ff;
}

.grid-19 {
  grid-row-gap: 49px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.name {
  color: #f7f7f7;
  text-align: center;
  font-family: DM Sans, sans-serif;
  font-size: 30px;
}

.bio {
  color: #fbfbfb;
  text-align: center;
  width: 400px;
  font-family: Karla, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.title {
  color: #fbfbfb;
  text-align: center;
  font-family: Figtree, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
}

.div-block-12 {
  text-align: left;
}

.image-9 {
  width: 30%;
}

.container-25 {
  text-align: right;
  padding-right: 20vh;
}

.image-10 {
  object-fit: contain;
  background-color: #3a1212;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  max-width: 101%;
  height: 93vh;
  position: relative;
}

.div-block-13 {
  background-color: #09ca23;
  background-image: linear-gradient(#287940, #287940), linear-gradient(#25c5a5, #25c5a5);
  width: 100%;
  height: 100%;
}

.section-23 {
  background-color: #64be03;
}

.image-11 {
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  width: 100%;
  height: 93vh;
}

.section-24 {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6428c7f26c28f4771df04997_Screen%20Shot%202023-04-01%20at%205.10.04%20PM.png");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 4%;
  padding-left: 7%;
  display: block;
}

.image-12 {
  max-width: 36%;
}

.image-13 {
  width: 50%;
  max-width: none;
  padding-top: 25%;
  padding-left: 3%;
}

.section-26 {
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6429200162519362a850f7bf_Screen%20Shot%202023-04-01%20at%2011.25.48%20PM.png");
  background-position: 0 0;
  background-size: cover;
  height: 100vh;
  padding-top: 10%;
  padding-left: 10%;
}

.image-14 {
  width: 43%;
  max-width: none;
  padding-top: 34%;
  padding-left: 14%;
}

.text-block-42 {
  color: #fbfbfb;
  text-transform: uppercase;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.grid-20 {
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

.projectsummary {
  text-transform: capitalize;
}

.column-11 {
  padding-left: 0;
  padding-right: 0;
}

.grid-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  margin-left: -13px;
  padding-left: 0;
  display: grid;
}

.grid-22 {
  grid-template-columns: 1fr;
}

.section-27 {
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6469b44c4d5f570dd6bf59fc_VVP.png");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.text-block-43 {
  color: #101010;
}

.rolescolumn-wander {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 39px;
  font-family: Inter, sans-serif;
  display: flex;
}

.rolesheader-copy {
  color: #292929;
  letter-spacing: 4px;
  padding-bottom: 9px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.rolestext-wander {
  color: #292929;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.container-3-wander {
  background-image: linear-gradient(121deg, #e43a18, #f1b9b6 89%);
  border-radius: 12px;
  justify-content: center;
  max-width: 82%;
  padding: 2px;
  display: flex;
}

.aboutcolumn-wander {
  background-color: #fff;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 75px;
  display: flex;
}

.text-block-8-wander {
  color: #101010;
  width: 70%;
  margin-top: 0%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.aboutcaseheader-wander {
  color: #101010;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-left: 129px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  display: flex;
}

.bold-text-4-wander {
  font-size: 20px;
}

.section-24-wander {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6469b44c4d5f570dd6bf59fc_VVP.png");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 10%;
  padding-left: 10%;
  display: block;
}

.text-block-8-w {
  color: #fbfbfb;
  width: 100%;
  margin-top: 0%;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.projecttitle-w {
  outline-offset: 0px;
  direction: ltr;
  color: #fbfbfb;
  text-align: left;
  text-transform: none;
  border-bottom: 1px #000;
  outline: 3px #fbfbfb;
  margin-top: 12%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 30px;
  font-style: normal;
  line-height: 66px;
  text-decoration: none;
}

.image-13-w {
  width: 60%;
  max-width: none;
  padding-top: 25%;
  padding-left: 3%;
}

.text-block-42-w {
  color: #fbfbfb;
  text-transform: uppercase;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.grid-20-w {
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

.div-block-4-w {
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  display: flex;
}

.numbers-copy-w {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-w.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.numbers-copy-w.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w.space.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w.space-copy {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-w.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w.space-copy.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w.space-2 {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.numbers-copy-w.space-2.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w.space-2.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w.space-copy-atvn {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-w.space-copy-atvn.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w.space-copy-atvn.replace.hibnumbers {
  max-width: 100%;
}

.objectives-section-w {
  background-color: #fff;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
  display: block;
}

.objectives-section-w.no {
  padding-top: 0;
}

.case-text-copy-w {
  max-width: 65%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.case-text-copy-w.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.case-text-copy-w.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text-copy-w.whitetext.finaltext.dark {
  color: #101010;
}

.case-text-copy-w.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.case-text-copy-w.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.case-text-copy-w.extratextspace {
  padding-bottom: 40px;
}

.case-text-copy-w.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.case-text-copy-w.new.whitetextin, .case-text-copy-w.new.whitetext {
  font-weight: 400;
}

.case-text-copy-w.lastpartwhitetext {
  color: #fbfbfb;
}

.bold-text-7-copy-w {
  color: #fbfbfb;
  text-decoration: none;
}

.numbers-copy {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy.space {
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy.space.replace.hibnumbers {
  max-width: 100%;
}

.belownumbers-w {
  border-bottom: 1px solid #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers-w.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers-w.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #292929;
  margin-bottom: 0;
  font-size: 15px;
}

.belownumbers-w.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.numbers-copy-copy {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-copy.space {
  color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.numbers-copy-copy.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-copy.space.replace.hibnumbers {
  max-width: 100%;
}

.belownumbers-w-copy {
  border: 1px #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers-w-copy.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers-w-copy.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-w-copy.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.belownumbers-w-copy.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.belownumbers-w-copy.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-w-copy.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.belownumbers-w-copy.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.belownumbers-w-copy.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.bold-text-9 {
  color: #292929;
  display: block;
}

.image-15 {
  max-width: 60%;
}

.columns-3 {
  border-bottom: 1px solid #292929;
}

.grid-23 {
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  justify-items: center;
}

.image-16 {
  max-width: 60%;
  padding-top: 40px;
}

.gray-section {
  background-color: #f3f3f3;
  justify-content: flex-start;
  padding: 22px;
  display: flex;
}

.gray-sectionn {
  background-color: #f3f3f3;
  padding-top: 95px;
  padding-bottom: 50px;
  font-family: Inter, sans-serif;
  display: block;
}

.gray-sectionn.no {
  padding-top: 0;
}

.grid-24 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 20px;
}

.image-17 {
  max-width: 99%;
}

.image-18 {
  max-width: 90%;
}

.image-19 {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 16px;
  padding: 30px;
}

.bold-text-7-h {
  color: #fbfbfb;
  text-decoration: none;
}

.bold-text-7-copy {
  color: #101010;
  text-decoration: none;
}

.finalproduct-copy-w {
  background-color: #101010;
  padding-top: 20px;
  padding-bottom: 55px;
}

.container-21-w {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: DM Sans, sans-serif;
}

.container-21-w.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-w.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.container-23-w {
  justify-content: center;
  display: flex;
}

.text-block-40-copy-w {
  color: #f3f3f3;
  text-align: center;
  font-family: DM Sans, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.grid-17-w {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  justify-items: center;
  max-width: 85%;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 0;
}

.grid-13-w {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.videomockup-w {
  width: 100%;
  height: auto;
}

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

.grid-14-wa {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: stretch;
}

.div-block-10-copy-w {
  max-width: none;
  padding-left: 0;
  display: block;
}

.dpreviewhead-w {
  color: #f3f3f3;
  width: 100%;
  padding-bottom: 27px;
  font-family: DM Sans, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.dpreviewhead-w.nni {
  padding-bottom: 20px;
}

.numbers-w {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-w.space {
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-w.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-w.space.replace.hibnumbers, .numbers-w.space.replace.hibnumbers-w {
  max-width: 100%;
}

.numbers-w.space-w {
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-w.space-w.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-w.space-w.replace.hibnumbers, .numbers-w.space-w.replace.hibnumbers-w {
  max-width: 100%;
}

.numbers-w.space-w.replace-w {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-w.space-w.replace-w.hibnumbers, .numbers-w.space-w.replace-w.hibnumbers-w {
  max-width: 100%;
}

.numbers-w.space-w.replace-w.hibnumbers-w.hibb-w {
  color: #f3f3f3;
}

.travel-final {
  outline-offset: 0px;
  border-radius: 25px;
  outline: 3px #333;
  max-width: 62%;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.travel-final.extra-10 {
  max-width: 58%;
}

.travel-final.extra-10-copy {
  max-width: 66%;
}

.div-block-14 {
  flex: 0 auto;
  display: flex;
}

.image-21 {
  max-width: 50%;
}

.div-block-10-copy-lofi {
  flex-direction: column;
  align-items: center;
  max-width: none;
  padding-left: 0;
  display: flex;
}

.dpreviewhead-w-lofi {
  color: #101010;
  width: 70%;
  padding-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 19px;
}

.dpreviewhead-w-lofi.nni {
  padding-bottom: 20px;
}

.image-20-lofi {
  max-width: 46%;
}

.belownumbers-w-copy-black {
  border-bottom: 1px solid #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers-w-copy-black.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers-w-copy-black.whiteborder {
  color: #f3f3f3;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
}

.belownumbers-w-copy-black.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.belownumbers-w-copy-black.whiteborder-copy {
  color: #f3f3f3;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 34px;
  font-size: 15px;
}

.belownumbers-w-copy-black.whiteborder-copy-copy {
  color: #f3f3f3;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 50px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-w-copy-black.whiteborder-copy-s {
  color: #f3f3f3;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 50px;
  font-size: 15px;
}

.belownumbers-w-copy-black.impacttext-se {
  color: #f3f3f3;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 50px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.image-22 {
  max-width: 80%;
}

.text-block-44 {
  color: #f3f3f3;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
}

.section-28 {
  float: none;
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66d7f200100260bb86a35a2f_process%20behind%20myse%20teams.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: fixed;
  height: 90vh;
  position: static;
}

.grid-13-w-preview {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.div-block-11-preview {
  padding-left: 20px;
  padding-right: 20px;
}

.grid-14-wa-preview {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.div-block-10-copy-w-preview {
  max-width: none;
  padding-left: 0;
}

.image-20-weird {
  border-radius: 25px;
  max-width: 63%;
  box-shadow: 0 3px 8px 1px #807e7ef2;
}

.belownumbers-w-copy-coman {
  border-bottom: 1px solid #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers-w-copy-coman.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers-w-copy-coman.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-w-copy-coman.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.image-23 {
  background-color: #fff;
  max-width: 78%;
  padding: 30px;
}

.design-system {
  background-color: #fff;
  justify-content: center;
  padding: 0 22px 30px;
  display: flex;
}

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

.image-24 {
  max-width: 50%;
}

.image-20-lofi-copy {
  max-width: 87%;
}

.blackcontainer {
  max-width: 65%;
  font-family: DM Sans, sans-serif;
  font-style: normal;
}

.user-story-map-container {
  background-color: #fff;
  justify-content: center;
  padding: 55px 22px 95px;
  display: flex;
}

.section-29 {
  background-color: #fff;
  padding-top: 0;
}

.visual-design {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.visual-design.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.visual-design.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.visual-design.space.replace.hibnumbers {
  max-width: 100%;
}

.visual-design.space-vd {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: flex;
}

.visual-design.space-vd.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.visual-design.space-vd.replace.hibnumbers {
  max-width: 100%;
}

.design-systems {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.design-systems.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.design-systems.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.design-systems.space.replace.hibnumbers {
  max-width: 100%;
}

.design-systems.space-st {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.design-systems.space-st.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.design-systems.space-st.replace.hibnumbers {
  max-width: 100%;
}

.additional-app {
  color: #292929;
  text-align: left;
  font-size: 28px;
  font-weight: 500;
}

.visual-design-section {
  background-color: #fff;
  padding-top: 55px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  display: block;
}

.visual-design-section.no {
  padding-top: 0;
}

.numbers-copy-w-copy.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.tm-copy {
  color: #292929;
  text-transform: uppercase;
  font-size: 17px;
  font-style: normal;
}

.change-1 {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.change-1.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.change-1.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.change-1.space.replace.hibnumbers {
  max-width: 100%;
}

.graph-2 {
  border-radius: 10px;
  max-width: 100%;
}

.overreassurance {
  max-width: 40%;
}

.change-2 {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.change-2.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.change-2.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.change-2.space.replace.hibnumbers {
  max-width: 100%;
}

.sub-sub {
  color: #fbfbfb;
  max-width: 65%;
  padding-top: 0;
  padding-bottom: 30px;
  font-size: 20px;
  font-style: italic;
}

.sub-sub.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.sub-sub.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.sub-sub.space.replace.hibnumbers {
  max-width: 100%;
}

.sub-sub-copy {
  color: #7b5cc2;
  text-transform: uppercase;
  font-size: 17px;
  font-style: normal;
}

.travelmode-image {
  max-width: 100%;
}

.user-testing {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.user-testing.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.user-testing.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.user-testing.space.replace.hibnumbers {
  max-width: 100%;
}

.user-testing.spaceig {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.user-testing.spaceig.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.user-testing.spaceig.replace.hibnumbers {
  max-width: 100%;
}

.user-testing.ussertesting-space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 95px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.user-testing.ussertesting-space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.user-testing.ussertesting-space.replace.hibnumbers {
  max-width: 100%;
}

.graph1 {
  border-radius: 10px;
  max-width: 100%;
}

.undercolor {
  border-bottom: 1px solid #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.undercolor.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.undercolor.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.undercolor.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.undercolor.whiteborder-undercolor {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.body-5 {
  background-color: var(--white);
  color: #1b1b1f;
  -webkit-text-stroke-color: #1b1b1f;
  font-family: Inter, sans-serif;
  font-size: 1rem;
}

.div-block-4-w-copy {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  display: flex;
}

.list {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
  display: block;
}

.list.no {
  padding-top: 0;
}

.hey {
  text-align: center;
  border: 1px #000;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.hey.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.hey.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.hey.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

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

.belowlist {
  border: 1px #000;
  margin-bottom: 17px;
  padding-top: 30px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belowlist.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belowlist.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.belowlist.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.preferences-lofi {
  width: 100%;
  max-width: none;
}

.finalproduct-copy-w-copy {
  background-color: #000;
  border: 1px solid #000;
  padding-top: 55px;
  padding-bottom: 0;
}

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

.grid-17-w-space {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  justify-items: center;
  max-width: 90%;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 50px;
}

.div-block-18 {
  background-color: #fff;
  justify-content: center;
  display: flex;
}

.numbers-copy-copy-copy {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-copy-copy.space {
  color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-copy-copy.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-copy-copy.space.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-copy-copy.space-copy {
  color: #292929;
  padding-top: 50px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-copy-copy.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-copy-copy.space-copy.replace.hibnumbers {
  max-width: 100%;
}

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

.hey-copy {
  text-align: left;
  border: 1px #000;
  margin-bottom: 0;
  padding-bottom: 13px;
}

.hey-copy.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.hey-copy.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.hey-copy.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.grid-25 {
  grid-column-gap: 27px;
  grid-template-rows: auto;
}

.sub-sub-2 {
  color: #fbfbfb;
  max-width: 65%;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 20px;
  font-style: italic;
}

.sub-sub-2.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.sub-sub-2.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.sub-sub-2.space.replace.hibnumbers {
  max-width: 100%;
}

.list-2 {
  color: #070707;
}

.image-25 {
  color: #fff;
  width: 100%;
  max-width: none;
}

.grid-26 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  padding-bottom: 30px;
}

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

.numbers-copy-w-copy-copy {
  color: #fbfbfb;
  max-width: 65%;
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-w-copy-copy.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-copy-copy.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-copy-copy.space.replace.hibnumbers {
  max-width: 100%;
}

.invisible {
  color: #101010;
  width: 70%;
  padding-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 19px;
}

.invisible.nni {
  padding-bottom: 20px;
}

.image-26 {
  max-width: 94%;
}

.grid-27 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.wander-lofi {
  width: 49%;
}

.grid-28 {
  grid-column-gap: 34px;
  grid-row-gap: 7px;
  grid-template-columns: 1fr;
}

.text {
  border: 1px #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
  font-size: 15px;
}

.text.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.text.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.text.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.text.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.text.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 15px;
}

.text.learned {
  color: #292929;
  text-align: center;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
  font-weight: 500;
}

.numbers-copy-w-copy-fwffew {
  color: #fbfbfb;
  max-width: 65%;
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-w-copy-fwffew.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-copy-fwffew.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-copy-fwffew.space.replace.hibnumbers {
  max-width: 100%;
}

.unfinished {
  color: #fbfbfb;
  text-align: center;
  max-width: 100%;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.rolescolumn-hacksc-copy {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 39px;
  font-family: Inter, sans-serif;
  display: flex;
}

.rolesheader-hacksc {
  color: #292929;
  letter-spacing: 4px;
  padding-bottom: 9px;
  font-size: 15px;
  line-height: 21px;
}

.rolestext-hack, .rolestext-wander-copy {
  color: #292929;
  font-size: 15px;
  line-height: 21px;
}

.div-block-4-hack {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  display: flex;
}

.aboutcolumn-hack {
  background-color: #fff;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 75px;
  display: flex;
}

.column-hack-copy {
  color: #101010;
  justify-content: center;
  padding-right: 29px;
  display: flex;
}

.aboutcaseheader-hack {
  color: #101010;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-left: 129px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  display: flex;
}

.bold-text-4-hack {
  font-size: 20px;
}

.text-block-8-hack {
  color: #101010;
  width: 85%;
  margin-top: 0%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.aboutdescription-hack {
  color: #fbfbfb;
  flex-direction: row;
  justify-content: flex-start;
  max-width: none;
  padding-left: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.column-hack {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 29px;
  display: flex;
}

.finalproduct-hacksc {
  background-color: #101010;
  padding-top: 20px;
  padding-bottom: 55px;
}

.container-21-hacksc {
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-hacksc.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-hacksc.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.text-block-40-hacksc {
  color: #f3f3f3;
  text-align: center;
  font-size: 28px;
}

.grid-17-w-hacksc {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto auto auto;
  justify-items: center;
  max-width: 85%;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 0;
}

.grid-13-w-preview-hacksc {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.div-block-11-preview-hack {
  padding-left: 20px;
  padding-right: 20px;
}

.grid-14-wa-preview-hacksc {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.image-20-weird-hacksc {
  max-width: 63%;
}

.dpreviewhead-w-hacksc {
  color: #f3f3f3;
  width: 100%;
  padding-bottom: 27px;
  font-family: Inter, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.dpreviewhead-w-hacksc.nni {
  padding-bottom: 20px;
}

.text-block-44-hacksc {
  color: #f3f3f3;
  font-size: 16px;
}

.div-block-10-hacksc, .div-block-10-hsc {
  flex-direction: column;
  align-items: center;
  max-width: none;
  padding-left: 0;
  display: flex;
}

.image-20-hacksc {
  border-radius: 16px;
  max-width: 55%;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.image-20-hacksc.extra-10 {
  max-width: 58%;
}

.image-20-hacksc.extra-10-copy {
  max-width: 66%;
}

.finalproduct-hacksc-copy {
  background-color: #101010;
  padding-top: 20px;
  padding-bottom: 55px;
}

.container-21-hacksc-copy {
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-hacksc-copy.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-hacksc-copy.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.text-block-40-hacksc-copy {
  color: #f3f3f3;
  text-align: center;
  font-size: 28px;
}

.container-23-w-copy {
  justify-content: center;
  display: flex;
}

.grid-17-w-hacksc-copy {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  justify-items: center;
  max-width: 85%;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 0;
}

.body-2-copy {
  background-color: #fbfbfb;
}

.text-block-45 {
  color: #fbfbfb;
  font-size: 15px;
}

.profo {
  text-align: left;
  max-width: 100%;
}

.grid-29 {
  grid-column-gap: 3px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.image-20-copy {
  border-radius: 16px;
  width: 100%;
  max-width: none;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.image-20-copy.extra-10 {
  max-width: 58%;
}

.image-20-copy.extra-10-copy {
  max-width: 66%;
}

.image-20-final {
  border-radius: 16px;
  max-width: 62%;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.image-20-final.extra-10 {
  max-width: 58%;
}

.image-20-final.extra-10-copy {
  max-width: 66%;
}

.travel-final-copy {
  outline-offset: 0px;
  border-radius: 25px;
  outline: 3px #333;
  max-width: 58%;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.travel-final-copy.extra-10 {
  max-width: 58%;
}

.travel-final-copy.extra-10-copy {
  max-width: 66%;
}

.gray-sectionn-f {
  background-color: #fff;
  padding-top: 110px;
  padding-bottom: 95px;
  font-family: Inter, sans-serif;
  display: block;
}

.gray-sectionn-f.no {
  padding-top: 0;
}

.objectives-section-w-dsfgv {
  background-color: #fff;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
  display: block;
}

.objectives-section-w-dsfgv.no, .objectives-section-w-dsfgv.bhbh {
  padding-top: 0;
}

.user-story-map-container-backtrack {
  background-color: #fff;
  justify-content: center;
  padding: 0 22px;
  display: flex;
}

.container-21-w-iterations {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: DM Sans, sans-serif;
}

.container-21-w-iterations.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-w-iterations.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.pivot-to-inspiration {
  color: #fbfbfb;
  max-width: 65%;
  padding-top: 48px;
  padding-bottom: 30px;
  font-size: 20px;
  font-style: italic;
}

.pivot-to-inspiration.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.pivot-to-inspiration.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.pivot-to-inspiration.space.replace.hibnumbers {
  max-width: 100%;
}

.pivot-to-inspiration.user-testing {
  color: #292929;
}

.tab-link-research {
  background-color: #d9d9d91a;
  border: 1px #6a6a6a;
  border-radius: 14px;
  margin-right: 13px;
}

.tab-link-research.w--current {
  background-color: #424242;
  border: 1px #6a6a6a;
  border-bottom-right-radius: 14px;
  margin-right: 13px;
}

.text-block-46 {
  color: #fbfbfb;
  text-transform: uppercase;
  font-family: Karla, sans-serif;
  font-size: 15px;
}

.subsection-test {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -7px;
  padding-top: 59px;
  font-size: 17px;
  font-style: normal;
  line-height: 22px;
  display: flex;
}

.text-block-47 {
  min-width: auto;
  max-width: 85%;
  font-size: 15px;
}

.container-26 {
  justify-content: center;
  display: flex;
}

.link-6 {
  color: #f0e3ca;
}

.body-6 {
  padding-top: 0%;
  padding-left: 0%;
}

.herogrid-w-atvn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  place-items: stretch stretch;
  width: 80%;
  padding-right: 0;
}

.projecttitle-atvn {
  outline-offset: 0px;
  direction: ltr;
  color: #fbfbfb;
  text-align: left;
  text-transform: none;
  border-bottom: 1px #000;
  outline: 3px #fbfbfb;
  margin-top: 12%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-style: normal;
  line-height: 66px;
  text-decoration: none;
}

.grid-20-atvn {
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

.text-block-42-atvn {
  color: #fbfbfb;
  text-transform: uppercase;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.text-block-8-atvn {
  color: #fbfbfb;
  width: 80%;
  margin-top: 0%;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.image-13-atvn {
  width: 60%;
  max-width: none;
  padding-top: 25%;
  padding-left: 3%;
}

.atvn-section {
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/64b09879cdc6cdb36fe189c0_atvn%20cover.png");
  background-position: 100%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  padding-top: 10%;
  padding-left: 10%;
}

.caseaboutsection-atvn {
  background-color: #101010;
  padding-bottom: 0;
}

.aboutcolumn-atvn {
  background-color: #fff;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 75px;
  display: flex;
}

.column-hack-atvn {
  color: #101010;
  justify-content: center;
  padding-right: 29px;
  display: flex;
}

.aboutcaseheaderatvn {
  color: #101010;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-left: 129px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  display: flex;
}

.bold-text-4-atvn {
  font-size: 20px;
}

.column-atvn {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 29px;
  display: flex;
}

.aboutdescription-atvn {
  color: #fbfbfb;
  flex-direction: row;
  justify-content: flex-start;
  max-width: none;
  padding-left: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.text-block-8-hack-copy {
  color: #101010;
  width: 70%;
  margin-top: 0%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.div-block-4-atvn {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  display: flex;
}

.container-3-atvn {
  background-image: linear-gradient(121deg, #c21717, #d1be50 89%);
  border-radius: 12px;
  justify-content: center;
  max-width: 82%;
  padding: 2px;
  display: flex;
}

.rolescolumn-atvn {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 39px;
  font-family: Inter, sans-serif;
  display: flex;
}

.text-block-8-atvnn {
  color: #101010;
  width: 70%;
  margin-top: 0%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.list-atvn {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
  display: block;
}

.list-atvn.no {
  padding-top: 0;
}

.case-text-atvn {
  max-width: 65%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.case-text-atvn.whitetext {
  color: #101010;
  display: block;
}

.case-text-atvn.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text-atvn.whitetext.finaltext.dark {
  color: #101010;
}

.case-text-atvn.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.case-text-atvn.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.case-text-atvn.extratextspace {
  padding-bottom: 40px;
}

.case-text-atvn.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.case-text-atvn.new.whitetextin, .case-text-atvn.new.whitetext {
  font-weight: 400;
}

.case-text-atvn.lastpartwhitetext {
  color: #fbfbfb;
}

.case-text-atvn.whitetext-atvn {
  color: #101010;
  display: block;
}

.case-text-atvn.whitetext-atvn.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text-atvn.whitetext-atvn.finaltext.dark {
  color: #101010;
}

.case-text-atvn.whitetext-atvn.finaltext.dark.noo {
  padding-top: 0;
}

.case-text-atvn.whitetext-atvn.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.case-text-atvn.process-section {
  color: #101010;
  padding-bottom: 110px;
  display: block;
}

.case-text-atvn.process-section.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text-atvn.process-section.finaltext.dark {
  color: #101010;
}

.case-text-atvn.process-section.finaltext.dark.noo {
  padding-top: 0;
}

.case-text-atvn.process-section.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.numbers-copy-w-atvn {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-w-atvn.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-atvn.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-atvn.space.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-atvn.space-copy {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-atvn.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-atvn.space-copy.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-atvn.space-2 {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-atvn.space-2.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-atvn.space-2.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-atvn.space-atvn.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-atvn.space-atvn.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-atvn.space-atvn.space-above {
  padding-top: 55px;
}

.numbers-copy-w-atvn.space-atvn {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 19px;
  font-style: normal;
  display: block;
}

.belownumbers-w-copy-atvn {
  border: 1px #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers-w-copy-atvn.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers-w-copy-atvn.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.belownumbers-w-copy-atvn.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.belownumbers-w-copy-atvn.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.belownumbers-w-copy-atvn.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 15px;
}

.belownumbers-w-copy-atvn.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.belownumbers-w-copy-atvn.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.belownumbers-w-copy-atvn.whiteborder-atvn.white {
  color: #fbfbfb;
}

.belownumbers-w-copy-atvn.link-to-docs {
  color: #292929;
  text-align: center;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.belownumbers-w-copy-atvn.imagedescription {
  color: #292929;
  text-align: center;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 15px;
}

.div-block-16-atvn {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.link-7 {
  color: #9c1313;
  -webkit-text-stroke-color: #b11;
}

.belowlist-atvn {
  border: 1px #000;
  margin-bottom: 17px;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 15px;
}

.belowlist-atvn.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belowlist-atvn.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.belowlist-atvn.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.numbers-copy-atvn {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-atvn.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.numbers-copy-atvn.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-atvn.space.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-atvn.space-copy {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-atvn.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-atvn.space-copy.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-atvn.space-2 {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.numbers-copy-atvn.space-2.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-atvn.space-2.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-atvn.space-copy-atvn {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-atvn.space-copy-atvn.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-atvn.space-copy-atvn.replace.hibnumbers {
  max-width: 100%;
}

.grid-23-atvn {
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  justify-items: center;
}

.bold-text-9-atvn {
  color: #292929;
}

.bold-text-9-atvn.subheadingatvn {
  color: #a75555;
  text-transform: uppercase;
  font-size: 17px;
}

.bold-text-9-atvn.subheadingatvn.lighterred {
  color: #e98b8b;
}

.section-30 {
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/64b741df1c06252ca91d962c_behind%20the%20process%20atvn.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 90vh;
}

.list-atvn-copy {
  background-color: #fff;
  padding-top: 110px;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
  display: block;
}

.list-atvn-copy.no {
  padding-top: 0;
}

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

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

.utility-page-form {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  display: flex;
  overflow: visible;
}

.breakdown {
  grid-row-gap: 14px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.breakdown-subs {
  color: #980000;
  font-size: 19px;
  line-height: 23px;
}

.text-block-49, .text-block-50, .text-block-51 {
  color: #980000;
}

.breakdown-text {
  font-size: 15px;
  font-weight: 500;
}

.tabs-menu-atvn {
  justify-content: center;
  display: flex;
}

.interestcontainer-atvn {
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.tabs-menu-3 {
  justify-content: center;
  display: flex;
}

.tab-link-tab-2-2 {
  flex: 0 auto;
}

.atvn-button-tab-text {
  color: #fbfbfb;
  text-align: center;
  text-transform: uppercase;
  font-family: Karla, sans-serif;
  font-size: 15px;
}

.tab-link-tab-1-atvn {
  background-color: #7e7878;
  border-radius: 12px;
  margin-right: 20px;
}

.tab-link-tab-1-atvn.w--current {
  background-color: #a75555;
  border-radius: 12px;
  margin-right: 13px;
}

.tab-link-tab-2-atvn {
  background-color: #7e7878;
  border-radius: 12px;
  margin-right: 13px;
}

.tab-link-tab-2-atvn.w--current {
  background-color: #a75555;
  padding: 10px 20px;
}

.tab-link-tab-3-atvn {
  background-color: #7e7878;
  border-radius: 12px;
  padding: 10px 20px;
}

.tab-link-tab-3-atvn.w--current {
  background-color: #a75555;
}

.pics-atvn {
  color: #292929;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.megrid-3rd-atvn {
  grid-row-gap: 23px;
  grid-template-columns: 1fr;
  justify-items: center;
  max-width: 60%;
}

.bullets-3rd-atvn {
  color: #292929;
  max-width: 100%;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.interestcontainer-copy {
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.megrid-atvn {
  grid-row-gap: 23px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  max-width: 60%;
}

.grid-29-atvn {
  grid-column-gap: 3px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-atvn {
  grid-row-gap: 11px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  max-width: 60%;
}

.image-27 {
  box-shadow: 0 2px 12px #0003;
}

.grid-30 {
  grid-row-gap: 16px;
  grid-template-columns: 1fr;
}

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

.desktop-leaderboard-grid {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.image-28, .image-29 {
  object-fit: contain;
}

.mobile-leaderboard {
  grid-column-gap: 15px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.text-block-40-copy {
  color: #fbfbfb;
  text-align: center;
  font-size: 28px;
}

.hib-description-text {
  padding-top: 0;
  padding-bottom: 20px;
}

.identity-portal {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.bold-text-10 {
  font-size: 25px;
}

.type-of-page {
  color: #ecb400;
  width: 70%;
  padding-top: 30px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
}

.type-of-page.nni {
  padding-bottom: 20px;
}

.type-of-hib {
  color: #fbfbfb;
  max-width: 65%;
  padding-top: 40px;
  padding-bottom: 0;
  font-size: 25px;
  font-style: normal;
}

.type-of-hib.space {
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.type-of-hib.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.type-of-hib.space.replace.hibnumbers {
  max-width: 100%;
}

.type-of-view {
  color: #8e8e8e;
  width: 70%;
  padding-top: 15px;
  padding-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.type-of-view.nni {
  padding-bottom: 20px;
}

.same-user-break {
  padding-top: 40px;
}

.different-user-break {
  padding-top: 50px;
}

.image-30 {
  object-fit: contain;
}

.events-desktopview {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.events-mobile-view {
  grid-column-gap: 15px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.sub-identity-portal {
  color: #fbfbfb;
  text-transform: uppercase;
  width: 70%;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.sub-identity-portal.nni {
  padding-bottom: 20px;
}

.antendeedetail-desktop {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.event-checkin-desktop {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.tabs-menu-4 {
  text-align: center;
}

.judgeadmindesktop {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.projectsadmin {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.rankingsadmin {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.notice {
  color: #fff;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 23px;
}

.notice.nni {
  padding-bottom: 20px;
}

.sponsorship-desktop {
  grid-column-gap: 53px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.bottomtwo {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.star {
  color: #ecb400;
}

.hackerprofile {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.image-31, .image-32 {
  object-fit: contain;
}

.imageh {
  object-fit: contain;
  border-radius: 16px;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.image-34 {
  object-fit: contain;
}

.mobile-profile {
  grid-column-gap: 15px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.judgingporalmobile1, .judgingportalmobile2 {
  grid-column-gap: 9px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.hib-description-text-w-space {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tab-link-tab-2-3 {
  background-color: #e4e4e4;
}

.tab-link-tab-2-3.w--current {
  background-color: #e98c8c;
}

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

.tab-link-tab-1-2.w--current {
  color: #080808;
  background-color: #e98c8c;
}

.tab-link-tab-3-2 {
  background-color: #e4e4e4;
}

.tab-link-tab-3-2.w--current {
  background-color: #e98c8c;
}

.tab-link-tab-4 {
  background-color: #e4e4e4;
}

.tab-link-tab-4.w--current {
  background-color: #e98c8c;
}

.image-35 {
  text-align: left;
}

.imagespace {
  padding-bottom: 30px;
}

.image-36 {
  box-shadow: 0 2px 12px #0003;
}

.grid-33 {
  grid-row-gap: 16px;
  grid-template-columns: 1fr;
}

.text-block-52 {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 18px;
}

.image-37 {
  text-align: left;
  height: 80%;
}

.bold-text-11, .bold-text-12 {
  font-size: 30px;
}

.flyers {
  padding-top: 30px;
}

.image-38, .image-39, .image-40, .image-41 {
  outline-offset: 0px;
  outline: .5px solid #101010;
}

.key-takeaway {
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.logo {
  max-width: 37%;
}

.link-block-9 {
  box-sizing: border-box;
  color: #fff;
  object-fit: fill;
  overflow: visible;
}

.sayhi {
  flex-direction: column;
  justify-content: center;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.intro-text-copy {
  color: #d4d4d4;
  text-align: left;
  max-width: 100%;
  padding-left: 17%;
  padding-right: 1%;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.button {
  text-align: center;
  background-color: #bd9c7f00;
  border: 1px solid #4d4946;
  border-radius: 10px;
  width: 100%;
}

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

.typeofproject {
  color: #818181;
  text-align: left;
  text-transform: capitalize;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
  position: relative;
}

.bold-text-13 {
  color: #226fb3;
}

.tabs-menu-5 {
  float: left;
  color: #1b1b1f;
  width: 20%;
  max-width: none;
}

.tabs-content {
  float: left;
  max-width: 75%;
}

.list-3 {
  color: #333;
  -webkit-text-stroke-color: #1b1b1f;
  margin-top: 10px;
}

.listtext {
  color: #b9b9b9;
  width: 80%;
  padding-bottom: 17px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.tabs {
  padding-left: 0;
}

.tab-link-tab-1-3 {
  color: #ffffff80;
  background-color: #ddd0;
  transition: opacity .2s;
}

.tab-link-tab-1-3.w--current {
  color: #fff;
  background-color: #8b8b8b54;
  border: 2px #e9e9e9;
  border-radius: .5em;
  font-family: Inter, sans-serif;
  transition-duration: .3s;
}

.text-block-53 {
  color: #fff;
  font-family: Figtree, sans-serif;
}

.tab-link-tab-2-4 {
  color: #ffffff80;
  background-color: #ddd0;
  font-family: Inter, sans-serif;
}

.tab-link-tab-2-4.w--current {
  color: #fff;
  background-color: #8b8b8b54;
  border: 1px #e9e9e9;
  border-radius: .5em;
}

.tab-link-tab-3-5 {
  color: #ffffff80;
  background-color: #df851000;
  font-family: Inter, sans-serif;
}

.tab-link-tab-3-5.w--current {
  color: #fff;
  background-color: #8b8b8b54;
  border: 1px #e9e9e9;
  border-radius: .5em;
}

.text-block-54, .text-block-55 {
  color: #fff;
  font-family: Figtree, sans-serif;
}

.experience {
  background-color: #0000;
  margin-right: 10%;
  padding-bottom: 76px;
  padding-left: 83px;
}

.grid-34 {
  grid-column-gap: 0px;
  text-align: left;
  grid-template-rows: auto;
  max-width: 96%;
  margin-top: 9px;
  margin-bottom: 9px;
}

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

.section-32 {
  margin-bottom: 76px;
}

.aboutcolumn-se {
  background-color: #fff;
  border: 0 #0000;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 75px;
  display: flex;
}

.column-se {
  color: #101010;
  justify-content: flex-end;
  align-items: center;
  padding-right: 12%;
  display: flex;
}

.aboutcaseheader-se {
  color: #101010;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-left: 129px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  display: flex;
}

.text-block-se {
  color: #101010;
  width: 70%;
  margin-top: 0%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 21px;
}

.aboutdescription-se {
  color: #fbfbfb;
  flex-direction: row;
  justify-content: flex-start;
  max-width: none;
  padding-left: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.div-block-4-w-se {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  display: flex;
}

.container-3-se {
  background-color: #d8d8d8;
  border-radius: 12px;
  justify-content: center;
  max-width: 82%;
  padding: 2px;
  display: flex;
}

.rolestext-se {
  color: #292929;
  font-size: 15px;
  line-height: 21px;
}

.rolesheader-se {
  color: #292929;
  letter-spacing: 4px;
  padding-bottom: 9px;
  font-size: 15px;
  line-height: 21px;
}

.text-block-8-w-copy {
  color: #fbfbfb;
  width: 100%;
  margin-top: 0%;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.text-block-se-top {
  color: #292929;
  width: 100%;
  margin-top: 0%;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 19px;
}

.herogrid-se {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  place-items: stretch stretch;
  width: 80%;
  padding-right: 0;
}

.projecttitle-se {
  outline-offset: 0px;
  direction: ltr;
  color: #101010;
  text-align: left;
  text-transform: none;
  border-bottom: 1px #000;
  outline: 3px #fbfbfb;
  margin-top: 0%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-style: normal;
  line-height: 66px;
  text-decoration: none;
}

.text-block-42-se {
  color: #101010;
  text-transform: uppercase;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.image-13-se {
  width: 60%;
  max-width: none;
  padding-top: 25%;
  padding-left: 3%;
}

.section-24-se {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66d885d41389b92462d5d834_setting%20header.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: -2px;
  margin-bottom: 1px;
  padding-top: 2%;
  padding-left: 3%;
  display: block;
}

.list-item {
  color: #1b1b1f;
  list-style-type: none;
}

.exprole {
  color: #fff;
  width: 80%;
  padding-bottom: 17px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.list-item-2, .list-item-3 {
  list-style-type: none;
}

.text-block-56 {
  color: #c5c5c5;
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.text-span {
  color: #fff;
}

.jourtext {
  color: #b9b9b9;
  text-align: center;
  min-width: auto;
  max-width: 85%;
  font-size: 15px;
}

.text-block-57 {
  outline-offset: 0px;
  border: 0 #000;
  outline: 3px #fff;
  text-decoration: none;
}

.nav-link-4 {
  color: #fbfbfb;
  font-size: 16px;
}

.nav-link-4.w--current {
  outline-offset: 0px;
  color: #c4c2c285;
  text-align: left;
  outline: 3px solid #0000;
  text-decoration: none;
}

.bold-text-14, .bold-text-15 {
  color: #fff;
}

.section-33 {
  padding-left: 113px;
}

.div-block-20 {
  background-color: #9c9c9ca3;
  margin-left: 91px;
  margin-right: 91px;
}

.text-block-40-se {
  color: #f3f3f3;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.container-21-se {
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-se.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.container-21-se.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.container-23-se {
  justify-content: center;
  display: flex;
}

.grid-17-se {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  justify-items: center;
  max-width: 85%;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 0;
}

.grid-13-w-preview-se {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.div-block-11-preview-se {
  padding-left: 0;
  padding-right: 0;
}

.grid-14-wa-preview-se {
  color: #000;
  background-color: #c42a2a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.image-20-weird-se {
  color: #000;
  background-color: #000;
  border-radius: 0;
  max-width: 100%;
}

.dpreviewhead-se {
  color: #f3f3f3;
  width: 100%;
  padding-bottom: 27px;
  font-family: DM Sans, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.dpreviewhead-se.nni {
  padding-bottom: 20px;
}

.previewtext-se {
  color: #f3f3f3;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.travel-final-copy-se {
  outline-offset: 0px;
  background-color: #000;
  border-radius: 25px;
  outline: 3px #333;
  max-width: 100%;
}

.travel-final-copy-se.extra-10 {
  max-width: 58%;
}

.travel-final-copy-se.extra-10-copy {
  max-width: 66%;
}

.div-block-10-copy-lofi-se {
  flex-direction: column;
  align-items: center;
  max-width: none;
  padding-left: 0;
  display: flex;
}

.travel-final-se {
  outline-offset: 0px;
  border-radius: 25px;
  outline: 3px #333;
  max-width: 62%;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.travel-final-se.extra-10 {
  max-width: 58%;
}

.travel-final-se.extra-10-copy {
  max-width: 66%;
}

.finalproduct-copy-se {
  background-color: #000;
  padding-top: 55px;
  padding-bottom: 55px;
}

.impactsubheader {
  color: #8e8e8e;
  border: 1px #000;
  max-width: 65%;
  margin-top: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 18px;
}

.impactsubheader.whitetext {
  color: #101010;
  padding-top: 55px;
  font-size: 27px;
}

.impactsubheader.underline {
  color: #333;
  border-bottom-style: solid;
  border-bottom-color: #f3f3f3;
  padding-top: 45px;
}

.impactsubheader.underline.lastpartwhitetext {
  color: #fbfbfb;
  border-bottom-color: #f3f3f3;
}

.impactsubheader.underline.lastpartwhitetext.whiteborder {
  border-style: none none solid;
  border-color: #fbfbfb #fbfbfb #f3f3f3;
}

.impactsubheader.lastpartwhitetext {
  color: #fbfbfb;
}

.hacksc-process-cover {
  box-sizing: border-box;
  float: none;
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66901fc69bd0cc5419308abf_Hibiscus%20Process%20cover.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 90vh;
  position: static;
}

.process {
  background-color: #fff;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
}

.process.inno {
  background-color: #101010;
}

.text-block-58 {
  line-height: 34px;
}

.grid-36 {
  grid-template-columns: 1fr;
}

.image-44 {
  padding: 0 33px 33px;
}

.horitzontal {
  padding: 80px 18px;
}

.first-box {
  padding: 18px;
}

.events-desktop {
  grid-column-gap: 53px;
  grid-row-gap: 64px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: static;
}

.image-45 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.grid-map-and-text {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  padding-top: 10px;
}

.grid-35-test {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f6f5ff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 27px 26px;
  display: block;
}

.div-block-21 {
  float: none;
  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;
}

.grid-35-2-test {
  background-color: #723d3d;
  background-image: linear-gradient(#cdbff8, #e0d6ff);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.typeofproject-test {
  color: #101010;
  text-align: left;
  text-transform: capitalize;
  max-width: 100%;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
}

.pdescrip {
  color: #101010;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  line-height: 27px;
}

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

.casestudy {
  float: none;
  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;
  margin-right: 6.4%;
  padding-left: 6.1%;
  display: flex;
}

.case-text-se {
  max-width: 65%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.case-text-se.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.case-text-se.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text-se.whitetext.finaltext.dark {
  color: #101010;
}

.case-text-se.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.case-text-se.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.case-text-se.extratextspace {
  padding-bottom: 40px;
}

.case-text-se.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.case-text-se.new.whitetextin, .case-text-se.new.whitetext {
  font-weight: 400;
}

.case-text-se.lastpartwhitetext {
  color: #fbfbfb;
}

.belownumbers-se {
  border: 1px #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers-se.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers-se.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-se.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.belownumbers-se.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.belownumbers-se.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-se.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.belownumbers-se.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.belownumbers-se.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-se.whiteborder-se.company {
  padding-top: 0;
}

.belownumbers-se.whiteborder-se.centered {
  text-align: center;
}

.belownumbers-se.whiteborder-se-overview {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-se.whiteborder-se-overview.company {
  padding-top: 0;
}

.belownumbers-se.whiteborder-se-overview.centered {
  text-align: center;
}

.belownumbers-se.organizingcaption {
  color: #292929;
  text-align: center;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-se.organizingcaption.company {
  padding-top: 0;
}

.grid-37 {
  grid-template-rows: auto;
  grid-template-columns: 4.25fr 1fr;
  align-content: stretch;
  place-items: start center;
}

.grid-38 {
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

.subheading-3-se {
  color: #006adb;
  text-transform: capitalize;
  border: 1px #000;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.subheading-3-se.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subheading-3-se.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.subheading-3-se.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.subheading-3-se.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.subheading-3-se.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.subheading-3-se.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se.subh-3-space {
  margin-bottom: 15px;
}

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

.spacer {
  height: 30px;
}

.numbers-copy-w-copy {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.numbers-copy-w-copy.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.numbers-copy-w-copy.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-copy.space.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-copy.space-copy {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-copy.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-copy.space-copy.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-copy.space-2 {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-copy.space-2.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-copy.space-2.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-copy.space-copy-atvn {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.numbers-copy-w-copy.space-copy-atvn.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-copy.space-copy-atvn.replace.hibnumbers {
  max-width: 100%;
}

.numbers-copy-w-copy.space-se {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.numbers-copy-w-copy.space-se.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.numbers-copy-w-copy.space-se.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-se {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.subheading2-se.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.subheading2-se.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-se.space.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-se.space-copy {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.subheading2-se.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-se.space-copy.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-se.space-2 {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.subheading2-se.space-2.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-se.space-2.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-se.space-copy-atvn {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.subheading2-se.space-copy-atvn.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-se.space-copy-atvn.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-se.space-se {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.subheading2-se.space-se.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-se.space-se.replace.hibnumbers {
  max-width: 100%;
}

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

.case-text-copy-w-copy {
  max-width: 65%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.case-text-copy-w-copy.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.case-text-copy-w-copy.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text-copy-w-copy.whitetext.finaltext.dark {
  color: #101010;
}

.case-text-copy-w-copy.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.case-text-copy-w-copy.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.case-text-copy-w-copy.extratextspace {
  padding-bottom: 40px;
}

.case-text-copy-w-copy.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.case-text-copy-w-copy.new.whitetextin, .case-text-copy-w-copy.new.whitetext {
  font-weight: 400;
}

.case-text-copy-w-copy.lastpartwhitetext {
  color: #fbfbfb;
}

.case-text-copy-w-copy.whitetext-se {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.case-text-copy-w-copy.whitetext-se.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.case-text-copy-w-copy.whitetext-se.finaltext.dark {
  color: #101010;
}

.case-text-copy-w-copy.whitetext-se.finaltext.dark.noo {
  padding-top: 0;
}

.case-text-copy-w-copy.whitetext-se.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.inconsistent-settings-div {
  max-width: 75%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.inconsistent-settings-div.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.inconsistent-settings-div.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.inconsistent-settings-div.whitetext.finaltext.dark {
  color: #101010;
}

.inconsistent-settings-div.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.inconsistent-settings-div.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.inconsistent-settings-div.extratextspace {
  padding-bottom: 40px;
}

.inconsistent-settings-div.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.inconsistent-settings-div.new.whitetextin, .inconsistent-settings-div.new.whitetext {
  font-weight: 400;
}

.inconsistent-settings-div.lastpartwhitetext {
  color: #fbfbfb;
}

.belownumbers-w-se {
  border: 1px #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
}

.belownumbers-w-se.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.belownumbers-w-se.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-w-se.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.belownumbers-w-se.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.belownumbers-w-se.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.belownumbers-w-se.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.belownumbers-w-se.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.belownumbers-w-se.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

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

.processoverview {
  max-width: 29%;
}

.list-se {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  display: block;
}

.list-se.no {
  padding-top: 0;
}

.gray-sectionn-se {
  background-color: #fff;
  padding-top: 110px;
  padding-bottom: 95px;
  font-family: Inter, sans-serif;
  display: block;
}

.gray-sectionn-se.no {
  padding-top: 0;
}

.previous-sm-settings {
  max-width: 75%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.previous-sm-settings.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.previous-sm-settings.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.previous-sm-settings.whitetext.finaltext.dark {
  color: #101010;
}

.previous-sm-settings.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.previous-sm-settings.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.previous-sm-settings.extratextspace {
  padding-bottom: 40px;
}

.previous-sm-settings.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.previous-sm-settings.new.whitetextin, .previous-sm-settings.new.whitetext {
  font-weight: 400;
}

.previous-sm-settings.lastpartwhitetext {
  color: #fbfbfb;
}

.prev-sm-settings-images {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.caption {
  color: #6e6e6e;
  border: 1px #000;
  margin-top: 12px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.caption.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.caption.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.caption.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.caption.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.caption.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.caption.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.caption.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.caption.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.caption.whiteborder-se.company {
  padding-top: 0;
}

.caption.whiteborder-se-overview {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.caption.whiteborder-se-overview.company {
  padding-top: 0;
}

.caption.specialnote {
  color: #e6e6e6;
  margin-top: .6%;
}

.caption.center {
  text-align: center;
}

.caption.specialnote-override {
  color: #e6e6e6;
  margin-top: .6%;
}

.previous-sm-setting-images {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 5px;
}

.other-settings-pages {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.image-46 {
  border-radius: 10px;
  width: 100%;
  max-width: none;
  display: block;
  box-shadow: 0 0 1px #000;
}

.imagelist {
  border-bottom: 1px solid #000;
  margin-bottom: 17px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
}

.imagelist.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.imagelist.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.imagelist.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.imagelist.whiteborder-no-space {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 5px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.settings-final-lofi {
  border-radius: 0;
  max-width: 60%;
  box-shadow: 0 2px 5px #0003;
}

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

.spacer-new-h {
  height: 34px;
}

.quote {
  color: #fbfbfb;
  max-width: 65%;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: italic;
}

.quote.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.quote.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.quote.space.replace.hibnumbers {
  max-width: 100%;
}

.quote.space-copy {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.quote.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.quote.space-copy.replace.hibnumbers {
  max-width: 100%;
}

.quote.space-2 {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.quote.space-2.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.quote.space-2.replace.hibnumbers {
  max-width: 100%;
}

.quote.space-copy-atvn {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.quote.space-copy-atvn.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.quote.space-copy-atvn.replace.hibnumbers {
  max-width: 100%;
}

.quote.space-se {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.quote.space-se.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.quote.space-se.replace.hibnumbers {
  max-width: 100%;
}

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

.quotee {
  color: #0c8486;
  text-align: center;
  border: 1px #000;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.quotee.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.quotee.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.quotee.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.quotee.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.quotee.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.quotee.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.quotee.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.quotee.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.quotee.whiteborder-se.company {
  padding-top: 0;
}

.quotee.whiteborder-se-overview {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.quotee.whiteborder-se-overview.company {
  padding-top: 0;
}

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

.key {
  max-width: 30%;
}

.closerlook {
  max-width: 10%;
}

.subheading-3-black-se {
  color: #292929;
  border: 1px #000;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.subheading-3-black-se.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subheading-3-black-se.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-black-se.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.subheading-3-black-se.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.subheading-3-black-se.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-black-se.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.subheading-3-black-se.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.subheading-3-black-se.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-black-se.subh-3-space {
  margin-bottom: 15px;
}

.subheading-4-se-colored {
  color: #695fdb;
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 9px;
  padding-top: 2px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.subheading-4-se-colored.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subheading-4-se-colored.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-4-se-colored.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.subheading-4-se-colored.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.subheading-4-se-colored.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-4-se-colored.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.subheading-4-se-colored.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.subheading-4-se-colored.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-4-se-colored.subh-3-space {
  margin-bottom: 15px;
}

.ooux {
  justify-content: center;
  align-items: center;
  max-width: 90%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
  display: flex;
}

.ooux.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.ooux.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.ooux.whitetext.finaltext.dark {
  color: #101010;
}

.ooux.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.ooux.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.ooux.extratextspace {
  padding-bottom: 40px;
}

.ooux.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.ooux.new.whitetextin, .ooux.new.whitetext {
  font-weight: 400;
}

.ooux.lastpartwhitetext {
  color: #fbfbfb;
}

.sections-images {
  max-width: 75%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.sections-images.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.sections-images.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.sections-images.whitetext.finaltext.dark {
  color: #101010;
}

.sections-images.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.sections-images.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.sections-images.extratextspace {
  padding-bottom: 40px;
}

.sections-images.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.sections-images.new.whitetextin, .sections-images.new.whitetext {
  font-weight: 400;
}

.sections-images.lastpartwhitetext {
  color: #fbfbfb;
}

.little-space {
  max-width: 45%;
  margin-top: 0;
}

.title-se-container {
  color: #f3f3f3;
  text-align: center;
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
  font-family: DM Sans, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.title-se-container.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.title-se-container.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.subtitles-se {
  color: #f3f3f3;
  width: 100%;
  padding-bottom: 27px;
  font-family: DM Sans, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.subtitles-se.nni {
  padding-bottom: 20px;
}

.mockup-div-se {
  max-width: none;
  padding-left: 0;
  display: block;
}

.mockup-se {
  justify-content: center;
  display: flex;
}

.grid-14-se {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: stretch;
}

.div-block-11-se {
  padding-left: 20px;
  padding-right: 20px;
}

.grid-se {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.lofis-se {
  max-width: 93%;
}

.div-lofi-se {
  flex-direction: column;
  align-items: center;
  max-width: none;
  padding-left: 0;
  display: flex;
}

.grid-17-see {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  justify-items: center;
  max-width: 85%;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 0;
}

.grid-contianer-se {
  justify-content: center;
  display: flex;
}

.title-se-text {
  color: #f3f3f3;
  text-align: center;
  font-family: DM Sans, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.impact {
  color: #f3f3f3;
  text-align: center;
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 27px;
  font-family: DM Sans, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.impact.whitetext {
  max-width: 65%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.impact.whitetext.bottomspace50 {
  padding-bottom: 55px;
}

.impacttextse {
  color: #f3f3f3;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.ooux-map {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  max-width: 90%;
}

.videomockupsse {
  border-radius: 11.24px 11.24px 0 0;
  max-width: 100%;
}

.videomockupsse.extra-10 {
  max-width: 58%;
}

.videomockupsse.extra-10-copy {
  max-width: 66%;
}

.finalproduct-copyse {
  background-color: #000;
  padding-top: 55px;
  padding-bottom: 55px;
}

.grid-43 {
  grid-template-columns: 1fr 1fr 1fr;
}

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

.personas {
  border-radius: 10px;
  width: 90%;
  max-width: none;
  display: block;
  box-shadow: 0 0 1px #000;
}

.personas._2 {
  border-radius: 0 0 10px 10px;
}

.discovery-research {
  color: #cc008f;
  text-transform: uppercase;
  mix-blend-mode: normal;
  border: 1px #000;
  width: auto;
  max-width: 24%;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.discovery-research.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.discovery-research.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.discovery-research.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.discovery-research.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.discovery-research.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.discovery-research.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.discovery-research.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.discovery-research.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.discovery-research.subh-3-space {
  margin-bottom: 15px;
}

.wireframing-feedback {
  color: #cc008f;
  text-transform: uppercase;
  mix-blend-mode: normal;
  border: 1px #000;
  width: auto;
  max-width: 28%;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.wireframing-feedback.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.wireframing-feedback.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.wireframing-feedback.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.wireframing-feedback.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.wireframing-feedback.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.wireframing-feedback.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.wireframing-feedback.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.wireframing-feedback.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.wireframing-feedback.subh-3-space {
  margin-bottom: 15px;
}

.iterations-more-feedback {
  color: #cc008f;
  text-transform: uppercase;
  mix-blend-mode: normal;
  border: 1px #000;
  width: auto;
  max-width: 100%;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.iterations-more-feedback.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.iterations-more-feedback.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.iterations-more-feedback.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.iterations-more-feedback.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.iterations-more-feedback.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.iterations-more-feedback.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.iterations-more-feedback.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.iterations-more-feedback.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.iterations-more-feedback.subh-3-space {
  margin-bottom: 15px;
}

.bold-text-16 {
  text-transform: capitalize;
}

.subheading-5-se {
  color: #292929;
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.subheading-5-se.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subheading-5-se.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-5-se.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.subheading-5-se.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.subheading-5-se.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-5-se.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.subheading-5-se.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.subheading-5-se.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-5-se.subh-3-space {
  margin-bottom: 15px;
}

.subheading-3-se-final {
  color: #838383;
  text-transform: capitalize;
  border: 1px #000;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.subheading-3-se-final.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subheading-3-se-final.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se-final.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.subheading-3-se-final.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.subheading-3-se-final.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se-final.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.subheading-3-se-final.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.subheading-3-se-final.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se-final.subh-3-space {
  margin-bottom: 15px;
}

.grid-obstacle {
  grid-template-columns: 1fr 1fr 1fr;
}

.iterations-pictures {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 90%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
  display: flex;
}

.iterations-pictures.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.iterations-pictures.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.iterations-pictures.whitetext.finaltext.dark {
  color: #101010;
}

.iterations-pictures.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.iterations-pictures.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.iterations-pictures.extratextspace {
  padding-bottom: 40px;
}

.iterations-pictures.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.iterations-pictures.new.whitetextin, .iterations-pictures.new.whitetext {
  font-weight: 400;
}

.iterations-pictures.lastpartwhitetext {
  color: #fbfbfb;
}

.messages {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  max-width: 60%;
  box-shadow: 0 2px 5px #0003;
}

.image-47 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  max-width: 60%;
  box-shadow: 0 2px 5px #0003;
}

.sorting {
  border-radius: 10px;
  width: 100%;
  max-width: none;
  box-shadow: 0 0 1px #000;
}

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

.text-span-2, .text-span-3 {
  background-color: #cc008f33;
}

.moreglow {
  text-transform: capitalize;
  font-size: 25px;
}

.projects {
  border: 1px #fff;
  border-radius: 10px;
  width: 80%;
  max-width: none;
  margin-bottom: 50px;
  margin-left: 0;
  margin-right: 0;
  transition: transform .3s;
  box-shadow: 0 0 1px #000;
}

.projects:hover {
  transform: scale(1.05);
}

.grid-46 {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  place-items: center;
}

.grid-47 {
  grid-column-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.journapic {
  border-radius: 13px;
  max-width: 90%;
}

.grid-videos {
  grid-column-gap: 0px;
  grid-template-columns: 1fr 1fr;
}

.journapic-video {
  border-radius: 21px;
  width: 30%;
  max-width: none;
  box-shadow: 0 0 1px #000;
}

.projectsection {
  margin-left: 83px;
  padding-bottom: 0;
  padding-left: 0;
}

.testtt {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684c77011db0a13e4735d6b9_dialogs%20hero%20image-2.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  border-bottom: 1px solid #c6c5d0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 7%;
  padding-left: 7%;
  display: block;
}

.header-description-settings {
  color: #f3f3f3;
  width: 100%;
  margin-top: 0%;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.project-summary-settings {
  color: #f3f3f3;
  text-transform: uppercase;
  padding-left: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.projecttitle-settings {
  outline-offset: 0px;
  direction: ltr;
  color: #f3f3f3;
  text-align: left;
  text-transform: none;
  border-bottom: 1px #000;
  outline: 3px #fbfbfb;
  margin-top: 0%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 30px;
  font-style: normal;
  line-height: 66px;
  text-decoration: none;
}

.rolescolumn-settings {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 39px;
  font-family: Inter, sans-serif;
  display: flex;
}

.aboutcolumn-settings {
  background-color: #fff;
  align-items: center;
  padding-top: 0;
  padding-bottom: 75px;
  display: flex;
}

.subheading-3-se-final-design {
  color: #bebebe;
  text-transform: capitalize;
  border: 1px #000;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.subheading-3-se-final-design.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subheading-3-se-final-design.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se-final-design.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.subheading-3-se-final-design.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.subheading-3-se-final-design.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se-final-design.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.subheading-3-se-final-design.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.subheading-3-se-final-design.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.subheading-3-se-final-design.subh-3-space {
  margin-bottom: 15px;
}

.videomockupsse-mobile {
  border-radius: 0;
  max-width: 40%;
}

.videomockupsse-mobile.extra-10 {
  max-width: 58%;
}

.videomockupsse-mobile.extra-10-copy {
  max-width: 66%;
}

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

.heading {
  color: #292929;
  font-family: DM Sans, sans-serif;
}

.field-label {
  color: #292929;
  font-family: Inter, sans-serif;
}

.text-field {
  background-color: #fffffffa;
  border-radius: 50px 0 0 50px;
  padding: 14px;
  font-family: Inter, sans-serif;
}

.submit-button {
  margin-bottom: 10%;
  font-family: Inter, sans-serif;
}

.image-48 {
  border-radius: 10px;
  width: 100%;
  max-width: none;
  box-shadow: 0 0 1px #000;
}

.image-49 {
  border-radius: 10px;
  max-width: 100%;
  box-shadow: 0 0 1px #000;
}

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

.image-51 {
  border-radius: 10px;
  max-width: 50%;
  box-shadow: 0 0 1px #000;
}

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

.image-52 {
  border-radius: 10px;
  margin-top: 1em;
  margin-bottom: 1em;
  box-shadow: 0 0 1px #000;
}

.image-53 {
  box-shadow: 0 2px 5px 3px #0003;
}

.image-54, .image-55 {
  box-shadow: 0 2px 6px 3px #0003;
}

.process-steps {
  max-width: 65%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.process-steps.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.process-steps.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.process-steps.whitetext.finaltext.dark {
  color: #101010;
}

.process-steps.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.process-steps.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.process-steps.extratextspace {
  padding-bottom: 40px;
}

.process-steps.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.process-steps.new.whitetextin, .process-steps.new.whitetext {
  font-weight: 400;
}

.process-steps.lastpartwhitetext {
  color: #fbfbfb;
}

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

.column-12 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-28 {
  max-height: none;
  margin-bottom: 76px;
}

.grid-innovate {
  grid-column-gap: 0px;
  grid-template-columns: 1fr;
}

.grid-46-innovate {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  place-items: center;
}

.journapic-innovate {
  border-radius: 13px;
  max-width: 46%;
}

.footerlink {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.downlink {
  color: #fbfbfb;
  align-self: flex-start;
  text-decoration: none;
}

.container-3-se-settings {
  background-image: linear-gradient(121deg, #25adff, #21b276 89%);
  border-radius: 12px;
  justify-content: center;
  max-width: 82%;
  padding: 2px;
  display: flex;
}

.processbehind-settings {
  float: none;
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66d889d05b074d9370ed3327_proces%20behind%20SM%20Settings.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: fixed;
  height: 90vh;
  position: static;
}

.jourtext-caption {
  color: #d4d4d4;
  text-align: center;
  min-width: auto;
  max-width: 85%;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.processbehindwander {
  float: none;
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66d9e26a29ad6e4634af55ee_Cover.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: fixed;
  height: 90vh;
  position: static;
}

.hero-dialogs {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66e64c091167498ba9b17750_dialog%20hero%20image.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: -2px;
  margin-bottom: 1px;
  padding-top: 2%;
  padding-left: 3%;
  display: block;
}

.projecttitle-d {
  outline-offset: 0px;
  direction: ltr;
  color: #f3f3f3;
  text-align: left;
  text-transform: none;
  border-bottom: 1px #000;
  outline: 3px #fbfbfb;
  margin-top: 0%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-style: normal;
  line-height: 66px;
  text-decoration: none;
}

.text-block-d {
  color: #f3f3f3;
  width: 100%;
  margin-top: 0%;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.text-block-42-d {
  color: #f3f3f3;
  text-transform: uppercase;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.skills-d {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  display: flex;
}

.rolescolumn-d {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 39px;
  font-family: Inter, sans-serif;
  display: flex;
}

.rolesheader-d {
  color: #292929;
  letter-spacing: 4px;
  padding-bottom: 9px;
  font-size: 15px;
  line-height: 21px;
}

.rolestext-d {
  color: #292929;
  font-size: 15px;
  line-height: 21px;
}

.list-d {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 55px;
  font-family: Inter, sans-serif;
  display: block;
}

.list-d.no {
  padding-top: 0;
}

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

.process-steps-d {
  max-width: 65%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.process-steps-d.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.process-steps-d.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.process-steps-d.whitetext.finaltext.dark {
  color: #101010;
}

.process-steps-d.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.process-steps-d.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.process-steps-d.extratextspace {
  padding-bottom: 40px;
}

.process-steps-d.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.process-steps-d.new.whitetextin, .process-steps-d.new.whitetext {
  font-weight: 400;
}

.process-steps-d.lastpartwhitetext {
  color: #fbfbfb;
}

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

.image-56 {
  outline-offset: 0px;
  outline: .1px solid #adadad;
}

.image-57 {
  border-radius: 10px;
  box-shadow: 0 2px 5px #0003;
}

.grid-49 {
  grid-template-columns: 1fr 1fr;
}

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

.final-dialog-heading {
  color: #f3f3f3;
  text-align: center;
  max-width: 100%;
  padding-bottom: 32px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.final-dialog-heading.whitetext {
  color: #fbfbfb;
  padding-bottom: 40px;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}

.final-dialog-heading.whitetext.id {
  color: #101010;
}

.final-dialog-heading.lastpartwhitetext {
  color: #fbfbfb;
}

.final-d-header {
  color: #f3f3f3;
  line-height: 28px;
}

.process-cover-dialogs {
  float: none;
  object-fit: fill;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66e64ce95ca71b172df49167_behind%20the%20process%20dialogs.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: fixed;
  height: 90vh;
  position: static;
}

.aboutcolumn-d {
  background-color: #fff;
  align-items: center;
  padding-top: 75px;
  padding-bottom: 75px;
  display: flex;
}

.herogrid-d {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  place-items: stretch stretch;
  width: 80%;
  padding-right: 0;
}

.subheading2-d {
  color: #fbfbfb;
  max-width: 65%;
  margin-bottom: 10px;
  padding-bottom: 9px;
  font-size: 20px;
  font-style: normal;
}

.subheading2-d.space {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.subheading2-d.space.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-d.space.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-d.space-copy {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.subheading2-d.space-copy.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-d.space-copy.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-d.space-2 {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 30px;
  font-style: normal;
  display: block;
}

.subheading2-d.space-2.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-d.space-2.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-d.space-copy-atvn {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  padding-top: 40px;
  padding-bottom: 40px;
  font-style: normal;
  display: block;
}

.subheading2-d.space-copy-atvn.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-d.space-copy-atvn.replace.hibnumbers {
  max-width: 100%;
}

.subheading2-d.space-se {
  color: #292929;
  -webkit-text-stroke-color: #292929;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-style: normal;
  display: block;
}

.subheading2-d.space-se.replace {
  color: #fbfbfb;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 26px;
}

.subheading2-d.space-se.replace.hibnumbers {
  max-width: 100%;
}

.iterations-pictures-d {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 90%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 21px;
  display: flex;
}

.iterations-pictures-d.whitetext {
  color: #101010;
  font-family: DM Sans, sans-serif;
  display: block;
}

.iterations-pictures-d.whitetext.finaltext {
  padding-top: 55px;
  padding-bottom: 55px;
}

.iterations-pictures-d.whitetext.finaltext.dark {
  color: #101010;
}

.iterations-pictures-d.whitetext.finaltext.dark.noo {
  padding-top: 0;
}

.iterations-pictures-d.whitetext.problemstextspacing {
  color: #101010;
  padding-bottom: 20px;
}

.iterations-pictures-d.extratextspace {
  padding-bottom: 40px;
}

.iterations-pictures-d.new {
  max-width: 100%;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}

.iterations-pictures-d.new.whitetextin, .iterations-pictures-d.new.whitetext {
  font-weight: 400;
}

.iterations-pictures-d.lastpartwhitetext {
  color: #fbfbfb;
}

.grid-49-d {
  grid-template-columns: 1fr 1fr;
}

.grid-50-d {
  grid-row-gap: 16px;
  grid-template-columns: 1fr;
}

.final-dialog-heading-d {
  color: #f3f3f3;
  text-align: center;
  max-width: 100%;
  padding-bottom: 32px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.final-dialog-heading-d.whitetext {
  color: #fbfbfb;
  padding-bottom: 40px;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}

.final-dialog-heading-d.whitetext.id {
  color: #101010;
}

.final-dialog-heading-d.lastpartwhitetext {
  color: #fbfbfb;
}

.contrast {
  border-radius: 2px;
  align-self: flex-start;
  width: auto;
  max-width: 80%;
  display: block;
  box-shadow: 0 0 1px #000;
}

.contrast.m-bottom__s {
  margin-bottom: .618em;
}

.contrast.m-bottom__m {
  margin-bottom: 1em;
}

.lesscurve {
  border-radius: 5px;
  width: 100%;
  max-width: none;
  display: block;
  box-shadow: 0 0 1px #000;
}

.image-60 {
  border-radius: 10px;
  box-shadow: 0 2px 5px #0003;
}

.image-61 {
  box-shadow: 0 2px 5px #0003;
}

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

.link-8 {
  color: #62b2fc;
  -webkit-text-stroke-color: #b9b9b9;
}

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

.bold-text-18 {
  color: #226fb3;
}

.bold-text-19 {
  color: #ebebeb;
}

.bold-text-20 {
  color: #226fb3;
}

.wordsaboutme {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  margin-bottom: 0;
}

.tester {
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.ani {
  margin-left: 0%;
}

.words-about-me {
  margin-right: 10%;
  padding-left: 83px;
}

.link-9 {
  color: #292929;
}

.link-10 {
  color: #0a4c92;
}

.section-34 {
  background-color: #101010;
}

.image-62 {
  transform: scale(1);
}

.process-headers {
  text-align: center;
  background-color: #f7d3e9;
  margin-top: 22px;
  margin-bottom: 68px;
  padding-top: 45px;
  padding-bottom: 45px;
}

.discovery-research-copy {
  color: #cc008f;
  text-transform: uppercase;
  mix-blend-mode: normal;
  border: 1px #000;
  width: auto;
  max-width: 100%;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.discovery-research-copy.noline {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.discovery-research-copy.whiteborder {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.discovery-research-copy.whitetext {
  border: 1px #fbfbfb;
  border-bottom-style: solid;
}

.discovery-research-copy.diff {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: 15px;
}

.discovery-research-copy.aye {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.discovery-research-copy.learned {
  color: #292929;
  text-align: left;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 14px;
  font-size: 17px;
  font-weight: 500;
}

.discovery-research-copy.whiteborder-atvn {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 15px;
}

.discovery-research-copy.whiteborder-se {
  color: #292929;
  border-bottom-style: none;
  border-bottom-color: #fbfbfb;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
}

.discovery-research-copy.subh-3-space {
  margin-bottom: 15px;
}

.button-2 {
  border-radius: 7px;
}

.text-block-60 {
  color: #fcfcfc;
  text-align: left;
  -webkit-text-stroke-color: #fcfcfc;
  text-transform: capitalize;
  max-width: 100%;
  margin-left: 0%;
  padding-right: 0%;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
}

.icon {
  text-align: left;
  border-radius: 100px;
  flex: none;
  width: auto;
  max-width: 50%;
  box-shadow: 0 0 6px 1px #dfdfdf33;
}

.grid-52 {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .25fr;
}

.div-block-30 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-block-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  max-width: 331px;
  display: flex;
}

.link-block-11 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 80%;
  margin-right: 59px;
  display: flex;
}

.link-block-12 {
  justify-content: center;
  align-items: center;
  max-width: 80%;
  display: flex;
}

.column-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row-reverse;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-14 {
  justify-content: flex-end;
  align-items: center;
  padding-right: 0%;
  display: flex;
}

.columns-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-53 {
  grid-column-gap: 79px;
}

.columns-5 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.tabs-content-wrapper {
  outline-offset: 0px;
  border: 1px #53545580;
  outline: 1px #535455ab;
  margin-top: 0;
  padding: 42px;
  overflow: visible;
}

.tabs-nav-item-underline2 {
  grid-column-gap: .5em;
  color: #ffffff80;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9em 2em;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tabs-nav-item-underline2:hover {
  color: #fff;
  background-color: #0000;
}

.tabs-nav-item-underline2.w--current {
  color: #fff;
  background-color: #0000;
  font-weight: 500;
}

.tab-content2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-menu-underline-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #535455ab;
  border-radius: 10px 10px 0 0;
  align-items: center;
  max-width: 50%;
  padding: .1em 1.8em;
  display: flex;
}

.tabs-nav-unterline {
  z-index: 0;
  background-color: #fff;
  border-radius: 999em;
  height: 2px;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tab-content-image {
  border-radius: 1.4em;
}

.tabs-nav-text {
  z-index: 1;
  font-family: Karla, sans-serif;
  position: relative;
}

.tab-content-title {
  color: #fff;
  font-size: 3em;
  font-weight: 500;
  line-height: 1;
  position: absolute;
}

.tabs-nav-icon {
  width: 1.5em;
  height: 1.5em;
}

.tabs-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 81px;
  padding-left: 81px;
  display: flex;
}

.grid-54 {
  grid-template-columns: 1fr 1fr 1fr;
}

.tabs-nav-item-underline {
  grid-column-gap: .5em;
  color: #ffffff80;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9em 2em;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tabs-nav-item-underline:hover {
  color: #fff;
  background-color: #0000;
}

.tabs-nav-item-underline.w--current {
  color: #fff;
  background-color: #0000;
  font-weight: 500;
}

.tabs-nav-item-underline._02 {
  color: #ffffffb3;
  padding-left: 0;
  padding-right: 0;
}

.tabs-nav-item-underline._02.w--current {
  color: #fff;
}

.tabs-nav-item-underline._01 {
  padding-left: .4em;
  padding-right: .4em;
  font-size: .87rem;
  line-height: 18px;
  transition-duration: .3s;
}

.tabs-nav-item-underline._01.w--current {
  padding-left: .4em;
  padding-right: .4em;
  font-size: .87rem;
}

.tabs-nav-item-underline._03 {
  color: #ffffffb3;
  padding-left: 0;
  padding-right: 0;
}

.tabs-nav-item-underline._03.w--current {
  color: #fff;
}

.tabs-nav-item-underline._04 {
  color: #ffffffb3;
  padding-left: 0;
  padding-right: 0;
}

.tabs-nav-item-underline._04.w--current {
  color: #fff;
}

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

.tabs-nav-text-2 {
  z-index: 1;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

.writing {
  grid-column-gap: 27px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.ye {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0f0f0f;
  border: .8px solid #686868;
  border-radius: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  padding-right: 54px;
}

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

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

.global-css {
  position: fixed;
  inset: 0% auto auto 0%;
}

.util__sidebar-open-button {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  color: #3c51b8;
  background-color: #0000;
  border: 1px solid #727272;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em .485867em .618em;
  text-decoration: none;
  display: none;
  position: relative;
  overflow: hidden;
}

.state-layer {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #000;
  transition: opacity .2s;
  position: absolute;
  inset: 0%;
}

.state-layer.bg-onprimary {
  background-color: #fff;
}

.state-layer.bg__primary {
  background-color: #3d56bc;
}

.button-content {
  grid-column-gap: calc(1.272em / 2.618);
  grid-row-gap: calc(1.272em / 2.618);
  justify-content: center;
  align-items: center;
  display: flex;
}

.material-symbols-outlined {
  z-index: 1;
  font-size: 1.272em;
  line-height: 1;
  display: flex;
  position: relative;
}

.material-symbols-outlined.for-sticker {
  margin-left: -.272em;
  top: -.5px;
}

.material-symbols-outlined.move-down {
  margin-bottom: -3%;
}

.material-symbols-outlined.scale__1-618 {
  align-self: center;
  font-weight: 400;
}

.material-symbols-outlined.no-events {
  pointer-events: none;
}

.body__bold {
  z-index: 1;
  letter-spacing: -.011em;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.618;
  position: relative;
}

.util__appbar-wrap {
  z-index: 99;
  border-bottom: 1px solid #c6c5d0;
  padding-left: 4.235em;
  padding-right: 4.235em;
  position: sticky;
  top: 0;
}

.util__appbar-container {
  z-index: 99;
  border-bottom: 1px #c6c5d0;
  max-width: 1257px;
  margin-left: auto;
  margin-right: auto;
  padding: .618em 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.chainlift-wrap {
  flex: none;
  transition: opacity .2s;
}

.chainlift-wrap:hover {
  opacity: .63;
}

.util__brand {
  height: 1.618em;
}

.util__appbar-overlay {
  z-index: 98;
  opacity: .7;
  background-color: #fefbff;
  position: absolute;
  inset: 0%;
}

.util__appbar-background {
  z-index: 97;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  position: absolute;
  inset: 0%;
}

.bg-dark__surfacecontainerlow {
  color: #e4e1e6;
  background-color: #0e0e11;
}

.util-grid__simplecolor {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1em;
  padding-bottom: 1em;
  display: grid;
}

.util__width-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  grid-template-rows: auto 24px 24px;
  grid-template-columns: max-content max-content max-content max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.util__width-grid.margin-bottom__xl {
  flex: 1;
  grid-template-rows: 24px 24px;
  grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content;
  justify-items: start;
}

.util__width-grid.margin-bottom__xl.subheading.mono {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.border-radius__circle {
  border-radius: 100em;
}

.border-radius__circle.overflow__hidden.expand {
  width: 100%;
  height: 100%;
}

.bg-dark__oninfocontainer {
  color: #00419e;
  background-color: #dae2ff;
}

.util__padingcontainertop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.container__default {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.container__default.position__rel.z1 {
  z-index: 1;
}

.container__wide {
  max-width: 1806.4px;
  margin-left: auto;
  margin-right: auto;
}

.bg-dark__onsurface {
  color: #131316;
  background-color: #e4e1e6;
}

.color__warning {
  color: #7c5800;
}

.button__outline {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  color: #3c51b8;
  background-color: #0000;
  border: 1px solid #727272;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button__outline.start-icon {
  padding-left: .618em;
  padding-right: 1.27201em;
}

.button__outline.start-icon.end-icon {
  padding-left: .618em;
  padding-right: .618em;
}

.button__outline.end-icon {
  padding-right: .618em;
}

.button__outline.large {
  font-size: 1.272em;
}

.bg-light__onerrorcontainer {
  color: #ffdad6;
  background-color: #410002;
}

.util__padbottomlabelwrap.xs {
  margin-bottom: -.236em;
}

.util__padbottomlabelwrap.border-radius__xxl {
  margin-bottom: -2.618em;
}

.util__padbottomlabelwrap.m {
  margin-bottom: -.618em;
}

.util__padbottomlabelwrap.l {
  margin-bottom: -1em;
}

.util__padbottomlabelwrap.xl {
  margin-bottom: -1.618em;
}

.util__padbottomlabelwrap.s {
  margin-bottom: -.345em;
}

.pad-left__xxl {
  padding-left: calc(1.272 * var(--size--xxl));
  margin-left: 0;
}

.text-align__center {
  text-align: center;
}

.color__outline {
  color: #767680;
  -webkit-text-stroke-color: #85736f;
}

.navbar-bgfill {
  z-index: 1;
  opacity: .7;
  pointer-events: none;
  background-color: #fefbff;
  position: absolute;
  inset: 0%;
}

.m-bottom__s {
  margin-bottom: calc(1.272 * var(--size--s));
}

.dropdown-toggle-content {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  justify-content: center;
  align-items: center;
  line-height: 1.618;
  display: flex;
}

.table_head {
  background-color: #f5f2f7;
  border-bottom: 1px solid #767680;
}

.bg-light__oninfo {
  color: #1758c7;
  background-color: #fff;
}

.snackbar__action {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.pad-top__m {
  padding-top: calc(1.272 * var(--size--m));
  margin-top: 0;
}

.bg-dark__secondarycontainer {
  color: #dfe1f9;
  background-color: #434659;
}

.util__appbar-sidebarwrap {
  z-index: 100;
  position: sticky;
  inset: 6.852em auto 0% 0%;
}

._w-s {
  width: 1.272em;
}

.bg-light__tertiaryfixeddim {
  color: #5c3c55;
  background-color: #e5bad8;
}

.bg-dark__warning {
  color: #412d00;
  background-color: #f7bd48;
}

.card__outline {
  border: 1px solid #c6c5d0;
}

.card__outline.scalefactor__overline {
  padding: .618em .786em .786em;
}

.card__outline.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.card__outline.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card__outline.scalefactor__caption {
  border-radius: .617925em;
  padding: .617925em .786em .786em;
}

.card__outline.scalefactor__display2 {
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card__outline.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.card__outline.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card__outline.scalefactor__titlec {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.card__outline.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card__outline.scalefactor__titleb {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card__outline.scalefactor__titlea {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card__outline.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.util__padrightlabelwrap.l {
  margin-right: -1em;
}

.util__padrightlabelwrap.xl {
  margin-right: -1.618em;
}

.util__padrightlabelwrap.xs {
  margin-right: -.236em;
}

.util__padrightlabelwrap.m {
  margin-right: -.618em;
}

.util__padrightlabelwrap.xxl {
  margin-right: -2.618em;
}

.util__padrightlabelwrap.s {
  margin-right: -.345em;
}

.display__flex-v {
  flex-direction: column;
  display: flex;
}

.table_component {
  background-color: #fff;
  border-radius: .786em;
  width: 100%;
  font-size: 1em;
  line-height: 1.272;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.table_component.overflow-x {
  overflow: hidden;
}

.caption-2 {
  letter-spacing: -.007em;
  font-size: .786em;
  font-weight: 400;
  line-height: 1.272;
}

.m-bottom__l {
  margin-bottom: 1.618em;
}

.card__link {
  cursor: pointer;
  background-color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.card__link.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card__link.scalefactor__overline {
  border-radius: .617925em;
  padding: .618em .786em .786em;
}

.card__link.scalefactor__titlea {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card__link.scalefactor__display2 {
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card__link.scalefactor__titleb {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card__link.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card__link.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.card__link.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card__link.scalefactor__titlec {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.card__link.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.card__link.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.card__link.scalefactor__caption {
  border-radius: .617925em;
  padding: .617925em .786em .786em;
}

.bg-light__successcontainer {
  color: #00210f;
  background-color: #92f8b4;
}

.bg-dark__onsecondaryfixedvariant {
  color: #dfe1f9;
  background-color: #434659;
}

.bg-light__inversesurface {
  color: #f3f0f4;
  background-color: #303034;
}

.util__block {
  z-index: 1;
  background-color: #dae2ff;
  border: 2px solid #1758c7;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.position__rel {
  position: relative;
}

.bg-dark__onwarningcontainer {
  color: #5e4200;
  background-color: #ffdea7;
}

.bg-dark__tertiary {
  color: #44263e;
  background-color: #e5bad8;
}

.util__label {
  color: #45464f;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .786em;
  font-weight: 500;
  line-height: 1.272;
  position: static;
  top: 6.235em;
}

.util__label.right {
  text-align: right;
  font-weight: 500;
}

.border-radius__xl {
  border-radius: 1.618em;
}

.pad-right__s {
  padding-right: calc(1.272 * var(--size--s));
  margin-right: 0;
}

.bg-light__onwarningcontainer {
  color: #ffdea7;
  background-color: #271900;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.h-xs {
  height: 1.128em;
}

.pad-right__xs {
  padding-right: calc(1.272 * var(--size--xs));
  margin-right: 0;
}

.dropdown-link-wrap {
  position: relative;
}

.bg-dark__shadow {
  color: #e4e1e6;
  background-color: #000;
}

.bg-light__onprimaryfixed {
  color: #dee1ff;
  background-color: #001258;
}

.heading-2 {
  color: #006adb;
  letter-spacing: -.014em;
  font-size: 1.129em;
  font-weight: 600;
  line-height: 1.272;
}

.heading-2.m-bottom__xl {
  margin-bottom: 2.618em;
}

.heading-2.m-bottom__s {
  margin-bottom: .618em;
}

.heading-2.m-bottom__xs {
  margin-bottom: .272em;
}

.heading-2.m-bottom__xs.highlight {
  color: #2b3ee7;
}

.heading-2.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.heading-2.m-bottom__m {
  margin-bottom: 1em;
}

.heading-2.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.util-paddingfill {
  z-index: 1;
  background-color: #dae2ff;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.navbar-2 {
  color: #5a5d72;
  background-color: #0000;
  align-items: center;
  display: flex;
}

.p-left__xxs {
  padding-left: calc(1.272 * var(--size--xxs));
}

.bg-dark__onsurfacevariant {
  color: #45464f;
  background-color: #c6c5d0;
}

.button__navcta {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  color: #fff;
  background-color: #3d56bc;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button__navcta.bg__onprimary {
  color: #3d56bc;
  background-color: #fff;
}

.aspect__4x3 {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
}

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

._w-xs {
  width: 1.129em;
}

.bg-light__ontertiary {
  color: #76546e;
  background-color: #fff;
}

.pad-bottom__xl {
  padding-bottom: calc(1.272 * var(--size--xl));
  margin-bottom: 0;
}

.bg-light__surfacecontainerlow {
  color: #1b1b1f;
  background-color: #f5f2f7;
}

.input__outlined {
  color: #1b1b1f;
  letter-spacing: -.18px;
  background-color: #fff;
  border: .129em solid #c6c5d0;
  border-radius: .618em;
  margin-bottom: 0;
  padding: 1.272em 1em;
  font-size: 1em;
  transition: border-color .2s, background-color .2s;
}

.input__outlined:hover {
  border-color: #4658ac;
}

.input__outlined:focus {
  outline-offset: 0px;
  background-color: #fff;
  outline: 2px solid #3d56bc;
}

.input__outlined::placeholder {
  color: #767680;
}

.table_row {
  border-bottom: 1px solid #c6c5d0;
}

.table_row.last-child {
  border-bottom-style: none;
}

.table_row.header {
  overflow: hidden;
}

.titlec {
  letter-spacing: -.017em;
  font-size: 1.272em;
  font-weight: 400;
  line-height: 1.272;
}

.badge-container {
  border-radius: .618em;
  justify-content: center;
  align-items: center;
  padding: .272em;
  display: flex;
  overflow: hidden;
}

.badge-container.bg-light__tertiary {
  color: #fff;
}

.badge-container.bg-light__primary {
  background-color: #3c51b8;
}

.badge-container.bg-light__secondary {
  background-color: #5a5d72;
}

.pad-right__xxs {
  padding-right: calc(1.272 * var(--size--xxs));
}

.bg-light__warning {
  color: #fff;
  background-color: #7c5800;
}

.accordion__desc {
  color: #767680;
  letter-spacing: -.007em;
  font-size: .786em;
  font-weight: 400;
  line-height: 1.272;
}

._w-xxxl {
  width: 6.238em;
}

.bg-dark__onprimarycontainer {
  color: #2d3f93;
  background-color: #dee1ff;
}

.color__error {
  color: #ba1a1a;
}

.bg-light__surfacecontainer {
  color: #1b1b1f;
  background-color: #f0edf1;
}

.icon-style-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fbf8fd;
  border: 1px solid #c6c5d0;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Inconsolata, monospace;
  display: flex;
}

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

.aspect__16x9 {
  aspect-ratio: 16 / 9;
  position: relative;
}

.util-height-grid {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex: 1;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: max-content;
  align-items: end;
  display: grid;
}

.border-radius__s {
  border-radius: .272em;
}

.dropdown-toggle {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.dropdown-toggle.w--current {
  background-color: #dde1ff;
}

.dropdown-toggle.end-icon {
  color: #5b5d72;
  padding-right: .618em;
  transition: opacity .2s;
}

.dropdown-toggle.end-icon:hover {
  opacity: .5;
}

.gap__s {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  display: flex;
}

.pad-left__l {
  padding-left: calc(1.272 * var(--size--l));
  margin-left: 0;
}

.bg-light__secondaryfixeddim {
  color: #434659;
  background-color: #c3c5dd;
}

.util__gap-block {
  z-index: 1;
  background-color: #dae2ff;
  border: 2px solid #1758c7;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.section__mostpadding {
  padding: 11.087em 4.235em;
  position: relative;
}

.bg-light__secondarycontainer {
  color: #171b2c;
  background-color: #dfe1f9;
}

.util__paddingstylescontainer {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.dropdown {
  color: #4658ac;
}

.util__style-section {
  border-radius: 1em;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 0 1px #000;
}

.util__style-section.scalefactor__titleb {
  padding: 1.27201em 1.618em 1.618em;
}

.util__style-section.scalefactor__heading {
  padding: .887579em 1.129em 1.129em;
}

.util__style-section.scalefactor__heading.layout-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.util__style-section.scalefactor__heading.container-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.pad-right__m {
  padding-right: calc(1.272 * var(--size--m));
  margin-right: 0;
}

.util__marginpaddingwrap {
  background-color: #92f8b4;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66fcf5335a37326a2a733ef4_bg-stripes.svg");
  background-position: 0 0;
  background-size: 8px;
  border: 2px #1758c7;
  width: auto;
  height: auto;
}

.util__marginpaddingwrap.pad-top__xl {
  margin-bottom: -1.618em;
}

.util__marginpaddingwrap.pad-top__s {
  margin-bottom: -.345em;
  padding-top: .345em;
}

.util__marginpaddingwrap.down-m {
  margin-bottom: -.618em;
}

.util__marginpaddingwrap.xxl {
  margin-bottom: -2.618em;
}

.util__marginpaddingwrap.pad-top__m {
  margin-bottom: -.786em;
  padding-top: .786em;
}

.util__marginpaddingwrap.pad-bottom__xl {
  position: relative;
}

.util__marginpaddingwrap.pad-top__xxl {
  margin-bottom: -2.618em;
}

.util__marginpaddingwrap.down-s {
  margin-bottom: -.272em;
}

.util__marginpaddingwrap.down-l {
  margin-bottom: -1em;
}

.util__marginpaddingwrap.xl {
  margin-bottom: -1.618em;
}

.util__marginpaddingwrap.pad-top__l {
  margin-bottom: -1em;
}

.util__marginpaddingwrap.down-xs, .util__marginpaddingwrap.pad-top__xs {
  margin-bottom: -.236em;
}

.layout {
  grid-column-gap: 4.235em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
  position: relative;
}

.util__caption {
  letter-spacing: -.03px;
  font-size: .696191em;
  font-weight: 400;
  line-height: 1.272;
}

.h-l {
  height: 2.058em;
}

.util__wfclassexample {
  box-shadow: none;
  border-radius: 1em;
}

.util__gapwrap {
  background-color: #92f8b4;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66fcf5335a37326a2a733ef4_bg-stripes.svg");
  background-position: 0 0;
  background-size: 8px;
  border: 2px #1758c7;
  width: auto;
  height: auto;
}

.card__outline__link {
  border: .129em solid #c6c5d0;
  position: relative;
  overflow: hidden;
}

.card__outline__link.scalefactor__caption {
  border-radius: .617925em;
  padding: .617925em .786em .786em;
}

.card__outline__link.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.card__outline__link.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card__outline__link.scalefactor__titlec {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.card__outline__link.scalefactor__overline {
  padding: .618em .786em .786em;
}

.card__outline__link.scalefactor__display2 {
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card__outline__link.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.card__outline__link.scalefactor__titleb {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card__outline__link.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card__outline__link.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card__outline__link.scalefactor__titlea {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card__outline__link.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.labelstyle {
  letter-spacing: .02em;
  word-break: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.272;
}

.bg-dark__errorcontainer {
  color: #ffb4ab;
  background-color: #93000a;
}

.pad-top__xxl {
  padding-top: calc(1.272 * var(--size--xxl));
  margin-top: 0;
}

.overline__bold {
  letter-spacing: .0618em;
  text-transform: uppercase;
  font-size: .786em;
  font-weight: 600;
  line-height: 1.272;
}

.m-left__xxs {
  margin-left: calc(1.272 * var(--size--xxs));
}

.bg-light__secondaryfixed {
  color: #171b2c;
  background-color: #dfe1f9;
}

.simple-palette-wrap {
  grid-column-gap: 1.618em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: flex;
}

.bg-dark__onsuccesscontainer {
  color: #00522c;
  background-color: #92f8b4;
}

.pad-right__xxl {
  padding-right: calc(1.272 * var(--size--xxl));
  margin-right: 0;
}

.bg-light__errorcontainer {
  color: #410002;
  background-color: #ffdad6;
}

.pad-top__xxs {
  padding-top: calc(1.272 * var(--size--xxs));
}

.bg-light__success {
  color: #fff;
  background-color: #006d3d;
}

.util__shadowfill {
  z-index: -1;
  pointer-events: none;
  background-color: #e3e1ec;
  position: absolute;
  inset: 0%;
}

.bg-light__onsurfacevariant {
  color: #e3e1ec;
  background-color: #45464f;
}

.bg-dark__inversesurface {
  color: #303034;
  background-color: #e4e1e6;
}

.subheading__bold {
  letter-spacing: -.007em;
  font-size: .885em;
  font-weight: 600;
  line-height: 1.272;
}

.subheading__bold.m-bottom__m {
  margin-bottom: 1em;
}

.color-light__info {
  color: #1758c7;
}

.bg-dark__info {
  color: #002c71;
  background-color: #b1c5ff;
}

.section__morepadding {
  padding: 6.852em 4.235em;
}

.nav-links {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: auto;
  align-items: center;
  display: flex;
}

.bg-light__onsecondarycontainer, .bg-light__onsecondaryfixed {
  color: #dfe1f9;
  background-color: #171b2c;
}

.bg-dark__onerror {
  color: #ffb4ab;
  background-color: #690005;
}

.bg-dark__onprimaryfixedvariant {
  color: #dee1ff;
  background-color: #2d3f93;
}

.m-right__xxl {
  margin-right: calc(1.272 * var(--size--xxl));
}

.m-left__xl {
  margin-left: calc(1.272 * var(--size--xl));
}

.bg-dark__background {
  color: #e4e1e6;
  background-color: #1b1b1f;
}

.shadow3 {
  z-index: 3;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 11px 15px -3px #0000001c, 0 2px 6px #00000012, 0 0 1px #727272;
}

.bg-dark__tertiaryfixed {
  color: #2d1228;
  background-color: #ffd7f2;
}

.bg-light__outlinevariant {
  color: #1b1b1f;
  background-color: #c6c5d0;
}

.display__flex-h {
  display: flex;
}

.display__flex-h.gap-1em {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.display__flex-h.gap-1em.justify-content__end {
  justify-content: flex-end;
}

.display__flex-h.align-items__top {
  align-items: flex-start;
}

.nav-buttons {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.bg-light__surfacecontainerlowest {
  color: #1b1b1f;
  background-color: #fff;
}

.color__inverseprimary {
  color: #b9c3ff;
}

.pad-top__xl {
  padding-top: calc(1.272 * var(--size--xl));
  margin-top: 0;
}

.util__padleftlabelwrap.xxl {
  margin-left: -2.618em;
}

.util__padleftlabelwrap.s {
  margin-left: -.345em;
}

.util__padleftlabelwrap.xl {
  margin-left: -1.618em;
}

.util__padleftlabelwrap.xs {
  margin-left: -.236em;
}

.util__padleftlabelwrap.m {
  margin-left: -.618em;
}

.util__padleftlabelwrap.l {
  margin-left: -1em;
}

.util--stickergrid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 0;
  display: grid;
}

.util--stickergrid.overflow-x {
  grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
}

.navbar-wrap {
  z-index: 99;
  color: #fff;
  border-bottom: 1px solid #c6c5d0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.618em;
  position: sticky;
  inset: 0 0% auto;
}

.bg-dark__inverseonsurface {
  color: #e4e1e6;
  background-color: #303034;
}

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

.card-styles-container.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.m-left__xxl {
  margin-left: calc(1.272 * var(--size--xxl));
}

.util-grid-filler {
  background-color: #fbf8fd;
  border-radius: .272em;
  justify-content: center;
  align-items: center;
  min-width: 1.618em;
  min-height: 1.618em;
  padding: 0;
  display: flex;
  box-shadow: 0 0 1px #000;
}

.util-grid-filler.for-display {
  flex: 1;
  margin-bottom: 1em;
  padding: 1em;
}

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

.util__grid.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

.util__grid.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

.util__grid.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.util__grid.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

.util__grid.mono.display {
  grid-template-columns: 1fr 1fr;
  padding: 0;
}

.dropdown-link {
  color: #3d56bc;
  white-space: nowrap;
  border-radius: .786em;
  width: 100%;
  padding: .786em 1em .786em .786em;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.dropdown-link:hover {
  opacity: 1;
}

.position__absolute {
  position: absolute;
}

.util__classtemplatecontainer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  padding: 0;
  display: grid;
}

.border-radius__m {
  border-radius: .618em;
}

.color__success {
  color: #006d3d;
}

.titlea {
  letter-spacing: -.022em;
  font-size: 2.058em;
  font-weight: 400;
  line-height: 1.272;
}

.titlea.m-bottom__xl {
  margin-bottom: 1em;
}

.pad-bottom__xxl {
  padding-bottom: calc(1.272 * var(--size--xxl));
  margin-bottom: 0;
}

.m-bottom__xs {
  margin-bottom: calc(1.272 * var(--size--xs));
}

.section__leastpadding {
  padding: 1.618em;
}

.section__leastpadding.position__rel {
  padding-left: 4.235em;
  padding-right: 4.235em;
}

.bg-light__outline {
  color: #fbf8fd;
  background-color: #767680;
}

.util__sidebar-buttons {
  display: none;
}

.bg-light__onsecondary {
  color: #5a5d72;
  background-color: #fff;
}

.accordion-trigger-icon {
  align-self: center;
  align-items: center;
  margin-bottom: -2px;
  display: flex;
}

.m-top__xxs {
  margin-top: calc(1.272 * var(--size--xxs));
}

.m-bottom__xxs {
  margin-bottom: calc(1.272 * var(--size--xxs));
}

.bg-dark__inverseprimary {
  color: #dee1ff;
  background-color: #4658ac;
}

.subheading {
  letter-spacing: -.007em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.m-right__s {
  margin-right: calc(1.272 * var(--size--s));
}

.callout__bold {
  letter-spacing: -.009em;
  font-size: .943em;
  font-weight: 600;
  line-height: 1.272;
  text-decoration: none;
}

.display2 {
  letter-spacing: -.022em;
  font-size: 2.618em;
  font-weight: 400;
  line-height: 1.272;
}

.display1 {
  letter-spacing: -.022em;
  font-size: 4.235em;
  font-weight: 400;
  line-height: 1.129;
}

.bg-dark__onsecondarycontainer {
  color: #434659;
  background-color: #dfe1f9;
}

.bg-dark__surfacecontainerhighest {
  color: #e4e1e6;
  background-color: #353438;
}

.bg-dark__ontertiaryfixed {
  color: #ffd7f2;
  background-color: #2d1228;
}

.util__divider {
  background-color: #c6c5d0;
  height: 1px;
  margin-top: 2.618em;
  margin-bottom: 2.618em;
}

.container__widest {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.bg-dark__tertiarycontainer {
  color: #ffd7f2;
  background-color: #5c3c55;
}

.bg-light__ontertiaryfixed {
  color: #ffd7f2;
  background-color: #2d1228;
}

.display__block {
  display: block;
}

.bg-light__tertiaryfixed {
  color: #2d1228;
  background-color: #ffd7f2;
}

.h-xxs {
  height: 1.06em;
}

.bg-dark__infocontainer {
  color: #dae2ff;
  background-color: #00419e;
}

.bg-light__scrim {
  color: #fbf8fd;
  background-color: #000;
}

.pad-left__xs {
  padding-left: calc(1.272 * var(--size--xs));
  margin-left: 0;
}

.border-radius-wraps {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  grid-template-rows: 6.852em 6.852em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.border-radius-wraps.subheading.mono {
  grid-template-rows: 1fr 1fr;
}

.mono {
  font-family: Inconsolata, monospace;
  font-weight: 700;
}

.mono.subheading {
  font-weight: 400;
}

.pad-top__s {
  padding-top: calc(1.272 * var(--size--s));
  margin-top: 0;
}

.bg-dark__onprimary {
  color: #b9c3ff;
  background-color: #11277c;
}

.bg-dark__outline {
  color: #e4e1e6;
  background-color: #90909a;
}

.display2__bold {
  letter-spacing: -.022em;
  font-size: 2.618em;
  font-weight: 700;
  line-height: 1.2;
}

.display2__bold.m-bottom__xl {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  margin-bottom: 2.618em;
  font-family: DM Sans, sans-serif;
  display: block;
}

.display2__bold.m-bottom__xs {
  margin-bottom: .272em;
}

.display2__bold.m-bottom__xl-2 {
  margin-bottom: 2.618em;
}

.display2__bold.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.display2__bold.m-bottom__m {
  margin-bottom: 1em;
}

.display2__bold.m-bottom__xl {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  display: block;
}

.overflow-x {
  padding: 8px;
}

.util__paddingcontainerright {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.bg-light__primaryfixeddim {
  color: #2d3f93;
  background-color: #b9c3ff;
}

._w-m {
  width: 1.618em;
}

.section__default {
  padding: 4.235em;
}

.bg-dark__scrim {
  color: #e4e1e6;
  background-color: #000;
}

.m-right__xl {
  margin-right: calc(1.272 * var(--size--xl));
}

.bg-dark__successcontainer {
  color: #92f8b4;
  background-color: #00522c;
}

.pad-left__m {
  padding-left: calc(1.272 * var(--size--m));
  margin-left: 0;
}

.bg-light__onprimary, .bg-light__onprimary.cl-swatch {
  color: #3c51b8;
  background-color: #fefbff;
}

.color__light-primary {
  color: #3c51b8;
}

.bg-light__surface {
  color: #1b1b1f;
  background-color: #fbf8fd;
}

.util__padingcontainerbottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.button__text {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  color: #3c51b8;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button__text.w--current {
  background-color: #dde1ff;
}

.button__text.end-icon {
  padding-right: .618em;
}

.button__text.large {
  font-size: 1.272em;
}

.button__text.start-icon {
  padding-left: .618em;
}

._w-xl {
  width: 2.618em;
}

.util__widthfill {
  pointer-events: none;
  background-color: #e3e1ec;
  width: 100%;
  height: 100%;
}

.fit__scale-down {
  object-fit: scale-down;
}

.bg-dark__surface {
  color: #e4e1e6;
  background-color: #131316;
}

.titleb {
  letter-spacing: -.02em;
  font-size: 1.618em;
  font-weight: 400;
  line-height: 1.272;
}

.flex-grow {
  flex: 1;
}

.table_header {
  text-align: left;
  padding-top: .786em;
  padding-bottom: .786em;
  padding-left: 1em;
  font-size: .885em;
  font-weight: 600;
  overflow: hidden;
}

.bg-light__tertiary {
  color: #fff;
  background-color: #76546e;
}

.bg-light__surfacecontainerhighest {
  color: #1b1b1f;
  background-color: #e4e1e6;
}

.style-card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.style-card.gap__1-618em {
  grid-column-gap: 1.618em;
  grid-row-gap: 1.618em;
}

.style-card.padded {
  padding-top: 1em;
  padding-bottom: 1em;
}

.style-card.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
}

.bg-dark__ontertiaryfixedvariant {
  color: #ffd7f2;
  background-color: #5c3c55;
}

.bg-dark__oninfo {
  color: #b1c5ff;
  background-color: #002c71;
}

.aspect__9x16 {
  aspect-ratio: 9 / 16;
}

.border-radius__l {
  border-radius: 1.058em;
}

.bg-light__ontertiaryfixedvariant {
  color: #ffd7f2;
  background-color: #5c3c55;
}

.bg-light__onprimarycontainer {
  color: #dee1ff;
  background-color: #001258;
}

.opacity__75 {
  opacity: .75;
}

.body--bold {
  z-index: 1;
  letter-spacing: -.18px;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.272;
  position: relative;
}

.bg-light__secondary, .bg-light__secondary.cl-swatch {
  color: #fff;
  background-color: #5a5d72;
}

.h-s {
  height: 1.272em;
}

.gap__xs {
  grid-column-gap: .272em;
  grid-row-gap: .272em;
  display: flex;
}

.bg-light__background {
  color: #1b1b1f;
  background-color: #fefbff;
}

.layout-section {
  flex-flow: column;
  display: block;
}

.bg__transparent {
  background-color: #0000;
  width: 16px;
  height: 16px;
  padding-right: 0;
}

.shadow2 {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 4px 6px #00000014, 0 2px 4px #0000001c, 0 0 1px #727272;
}

.text-align__left {
  letter-spacing: -.011em;
}

.bg-dark__onsuccess {
  color: #76db9a;
  background-color: #00391d;
}

.bg-light__onsuccess {
  color: #006d3d;
  background-color: #fff;
}

.m-left__xs {
  margin-left: calc(1.272 * var(--size--xs));
}

.gap__xxl {
  grid-column-gap: 4.235em;
  grid-row-gap: 4.235em;
  display: flex;
}

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

.util-grid.mono.gaps {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  display: grid;
}

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

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

.testimonial-heading-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.bg-light__onsuccesscontainer {
  color: #92f8b4;
  background-color: #00210f;
}

.bg-dark__ontertiarycontainer {
  color: #5c3c55;
  background-color: #ffd7f2;
}

.util-grid-templates-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.bg-dark__success {
  color: #00391d;
  background-color: #76db9a;
}

.bg-light__shadow {
  color: #fbf8fd;
  background-color: #000;
}

.titleb__bold {
  color: #1b1b1f;
  letter-spacing: -.02em;
  font-family: DM Sans, sans-serif;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.3;
}

.titleb__bold.m-bottom__m {
  margin-bottom: 1em;
  line-height: 1.3;
}

.titleb__bold.m-bottom__m.editorialfont {
  letter-spacing: 1.3px;
  font-family: Instrument Serif, sans-serif;
}

.titleb__bold.m-bottom__m.editorialfont.centerplay {
  justify-content: center;
  align-items: center;
  display: flex;
}

.titleb__bold.m-bottom__s {
  margin-top: 2.618em;
  margin-bottom: .618em;
  font-family: DM Sans, sans-serif;
}

.titleb__bold.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.titleb__bold.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.titleb__bold.m-bottom__m {
  margin-bottom: 1em;
}

.titleb__bold.m-bottom__m.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold.m-bottom__s {
  margin-bottom: .618em;
}

.titleb__bold.m-bottom__s.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold.m-bottom__s.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold.m-bottom__xs {
  margin-bottom: .272em;
}

.titleb__bold.m-bottom__s {
  margin-bottom: .618em;
  font-family: DM Sans, sans-serif;
}

.titleb__bold.m-bottom__l {
  font-family: DM Sans, sans-serif;
}

.titleb__bold.m-bottom__s-topspace {
  margin-top: 2.618em;
  margin-bottom: .618em;
  font-family: Inter, sans-serif;
}

.titleb__bold._0-6em-copy {
  padding-bottom: .6em;
  padding-left: 0;
}

.titleb__bold.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.titleb__bold.color__onsurfacevariant.m-bottom__m {
  color: #1b1b1f;
}

.titleb__bold.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.pad-bottom__m {
  padding-bottom: calc(1.272 * var(--size--m));
  margin-bottom: 0;
}

.util--buttongrid {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-bottom: 60px;
  display: grid;
}

.bg-light__inverseprimary {
  color: #001258;
  background-color: #b9c3ff;
}

.badge-container__large {
  color: #45464f;
  background-color: #f0edf1;
  border-radius: .618em;
  justify-content: center;
  align-items: center;
  padding: .618em;
  display: flex;
  overflow: hidden;
}

.subheading-2 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.m-top__s {
  margin-top: calc(1.272 * var(--size--s));
}

.bg-dark__secondaryfixed {
  color: #2c2f42;
  background-color: #dfe1f9;
}

.bg-dark__primaryfixed {
  color: #001258;
  background-color: #dee1ff;
}

.bg-light__error {
  color: #fff;
  background-color: #ba1a1a;
}

.bg-dark__surfacecontainerlowest {
  color: #e4e1e6;
  background-color: #0e0e11;
}

.logo-wrap {
  flex: none;
  transition: opacity .2s;
}

.logo-wrap:hover {
  opacity: .5;
}

.logo-wrap.m-right__xl {
  margin-right: 1.618em;
}

.logo-wrap.m-right__xl:hover {
  opacity: .6;
}

.accordion-trigger-title {
  flex: 1;
}

._w-xxs {
  width: 1em;
}

.cl-swatch {
  z-index: 1;
  color: #171b2c;
  border-radius: 0;
  padding: .656447rem .835rem .835rem;
  display: block;
  position: relative;
  box-shadow: 0 0 1px #000c;
}

.bg-dark__onbackground {
  color: #1b1b1f;
  background-color: #e4e1e6;
}

.bg-light__onbackground {
  color: #fefbff;
  background-color: #1b1b1f;
}

.pad-bottom__l {
  padding-bottom: calc(1.272 * var(--size--l));
  margin-bottom: 0;
}

.color__1 {
  color: #1758c7;
}

._w-l {
  width: 2.058em;
}

.accordion-content {
  padding: 0 1em;
  overflow: hidden;
}

.nav-sectiontitle {
  letter-spacing: -.007em;
  margin-bottom: 1em;
  font-size: .885em;
  font-weight: 600;
  line-height: 1.272;
  display: none;
}

.util__sectionframe {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px dashed #1758c7;
  flex-direction: column;
  padding: 0;
  display: flex;
}

.snackbar-content {
  align-items: center;
  display: flex;
}

.m-bottom__xl {
  margin-bottom: calc(1.272 * var(--size--xl));
}

.label {
  letter-spacing: -.004em;
  margin-bottom: 0;
  font-size: .835em;
  font-weight: 500;
  line-height: 1.272;
  position: static;
  top: 6.235em;
}

.m-right__xxs {
  margin-right: calc(1.272 * var(--size--xxs));
}

.card {
  background-color: #fff;
}

.card.scalefactor__titlea {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.card.scalefactor__caption {
  border-radius: .617925em;
  padding: .618em .786em .786em;
}

.card.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.card.scalefactor__titlec {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.card.scalefactor__display2 {
  background-color: #fff;
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.card.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.card.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
  font-family: DM Sans, sans-serif;
}

.card.scalefactor__titleb {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.card.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.card.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.card.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.bg-light__primaryfixed {
  color: #001258;
  background-color: #dee1ff;
}

.caption__bold {
  letter-spacing: -.007em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: .786em;
  font-weight: 600;
  line-height: 1.272;
}

.brand {
  max-width: none;
  height: 26px;
}

.bg-dark__error {
  color: #690005;
  background-color: #ffb4ab;
}

.pad-top__xs {
  padding-top: calc(1.272 * var(--size--xs));
  margin-top: 0;
}

.util__aspectfill {
  width: 100%;
  height: 100%;
  position: relative;
}

.border-radius__xxxl {
  border-radius: 4.235em;
}

.navbar-menu {
  background-color: #0000;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.bg-light__warningcontainer {
  color: #271900;
  background-color: #ffdea7;
}

.bg-dark__onwarning {
  color: #f7bd48;
  background-color: #412d00;
}

.sidebar-link {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  align-items: center;
  padding-top: .435em;
  padding-bottom: .435em;
  font-family: DM Sans, sans-serif;
  font-size: .943em;
  font-weight: 400;
  text-decoration: none;
  transition: font-variation-settings .2s;
  display: flex;
  position: relative;
}

.sidebar-link.w--current {
  color: #3c51b8;
  font-weight: 600;
}

.snackbar-wrap__padded {
  background-color: #fff;
  border-radius: .618em;
  justify-content: center;
  padding: .381971em 1em .381971em .382em;
  display: inline-block;
}

.snackbar-wrap__padded.align-self__start {
  align-self: flex-start;
}

.snackbar-wrap__padded.align-self__start.shadow2.m-bottom__xl {
  margin-bottom: 2.618em;
}

.m-bottom__xxl {
  margin-bottom: calc(1.272 * var(--size--xxl));
}

.swatchwrap {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  border-radius: .656447em;
  flex-direction: column;
  display: block;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.shadow5 {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 25px 50px #0000003b, 0 9px 18px #0000001a, 0 0 1px #727272;
}

.m-right__xs {
  margin-right: calc(1.272 * var(--size--xs));
}

.sidebar-list {
  padding-left: 0;
  font-size: 1em;
  font-weight: 400;
  list-style-type: none;
}

.bg-dark__surfacecontainer {
  color: #e4e1e6;
  background-color: #1f1f23;
}

.util__subheading {
  color: #45464f;
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.stickers-section {
  max-width: 100%;
  overflow: hidden;
}

.top-app-bar-container {
  z-index: 2;
  flex: 1;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.aspect__3x2 {
  aspect-ratio: 3 / 2;
}

.navbar-glass {
  z-index: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.bg-light__oninfocontainer {
  color: #dae2ff;
  background-color: #001946;
}

.color__secondary {
  color: #5a5d72;
}

.dropdown-list {
  transform-origin: 50% 0;
  background-color: #fff;
  border-radius: .618em;
  flex-direction: column;
  padding: 1em;
  overflow: hidden;
  box-shadow: 0 0 1px #000, 0 12px 24px -4px #0000000d;
}

.m-top__l {
  margin-top: calc(1.272 * var(--size--l));
}

.bg-light__primary, .bg-light__primary.cl-swatch {
  color: #fefbff;
  background-color: #3c51b8;
}

.overline {
  letter-spacing: .0618em;
  text-transform: uppercase;
  font-size: .786em;
  font-weight: 400;
  line-height: 1.272;
}

.pad-left__s {
  padding-left: calc(1.272 * var(--size--s));
  margin-left: 0;
}

.m-top__xl {
  margin-top: calc(1.272 * var(--size--xl));
}

.util__example-gif {
  border-radius: 1em;
  box-shadow: 0 0 1px #00000061;
}

.m-top__m {
  margin-top: calc(1.272 * var(--size--m));
}

.gap__l {
  grid-column-gap: 1.618em;
  grid-row-gap: 1.618em;
  display: flex;
}

.section__lesspadding {
  padding: 2.618em 4.235em;
}

.bg-dark__primary {
  color: #11277c;
  background-color: #b9c3ff;
}

.bg-light__inverseonsurface {
  color: #303034;
  background-color: #f3f0f4;
}

.start-icon {
  padding-left: .618em;
  padding-right: 1em;
}

.start-icon.end-icon {
  padding-left: .618em;
}

.aspect__1x1 {
  aspect-ratio: 1;
  position: relative;
}

.bg-light__primarycontainer, .bg-light__primarycontainer.cl-swatch {
  color: #001258;
  background-color: #dee1ff;
}

.snackbar {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.table_cell {
  color: #45464f;
  padding: .618em 1em;
  font-size: .943em;
  line-height: 1.618;
}

.snackbar-divider {
  background-color: #c6c5d0;
  width: 1px;
}

.bg-dark__onsecondary {
  color: #c3c5dd;
  background-color: #2c2f42;
}

.bg-light__ontertiarycontainer {
  color: #ffd7f2;
  background-color: #2d1228;
}

.type-styles-wrap {
  grid-column-gap: 4.235em;
  grid-row-gap: 4.235em;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 6.853em;
  display: flex;
}

.bg-light__onerror {
  color: #ba1a1a;
  background-color: #fff;
}

.bg-dark__surfacevariant {
  color: #c6c5d0;
  background-color: #45464f;
}

.class-template__wrap {
  align-items: center;
  font-family: Inconsolata, monospace;
  font-size: 1em;
  display: flex;
}

.class-template__wrap.m-bottom__m {
  border-radius: .272em;
  margin-bottom: 1em;
  padding: 0;
  font-family: Inconsolata, monospace;
}

.gap-style-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #c6c5d0;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 1em;
  display: flex;
}

.label__bold {
  letter-spacing: -.004em;
  font-size: .835em;
  font-weight: 700;
  line-height: 1.272;
}

.label__bold.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.callout {
  letter-spacing: -.009em;
  font-size: .943em;
  font-weight: 400;
  line-height: 1.272;
}

.color__info {
  color: #0072d9;
}

.pad-top__l {
  padding-top: calc(1.272 * var(--size--l));
  margin-top: 0;
}

.pad-top__l.m-bottom__xl {
  line-height: 1.618;
}

.type-style-examples {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.util__codelist {
  white-space: pre;
  padding-left: 1.618em;
  font-family: Inconsolata, monospace;
  font-weight: 700;
  list-style-type: disc;
}

.pad-bottom__xxs {
  padding-bottom: calc(1.272 * var(--size--xxs));
}

.gap__xxs {
  grid-column-gap: .128em;
  grid-row-gap: .128em;
  display: flex;
}

.util__frame {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px dashed #767680;
  flex-direction: column;
  padding: 11px;
  display: flex;
}

.m-top__xxl {
  margin-top: calc(1.272 * var(--size--xxl));
}

.util__border-radius-fill {
  color: #45464f;
  background-color: #e3e1ec;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.bg-light__infocontainer {
  color: #001946;
  background-color: #dae2ff;
}

.button-3 {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  color: #fefbff;
  white-space: normal;
  word-break: keep-all;
  background-color: #3c51b8;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button-3.large {
  font-size: 1.272em;
}

.button-3.start-icon {
  white-space: nowrap;
  padding: .485867em 1.27201em .485867em .618029em;
}

.button-3.end-icon {
  padding-right: .618em;
}

.navbar-divider {
  background-color: #c6c5d0;
  height: 1px;
  margin-top: 2.618em;
  margin-bottom: 2.618em;
}

.m-left__m {
  margin-left: calc(1.272 * var(--size--m));
}

.util__padingcontainerleft {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.util__fill {
  background-color: #e3e1ec;
  position: absolute;
  inset: 0%;
}

.end-icon {
  padding-left: 1em;
  padding-right: .618em;
}

.state-bg {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.bg-dark__surfacecontainerhigh {
  color: #e4e1e6;
  background-color: #2a2a2d;
}

.m-bottom__m {
  margin-bottom: calc(1.272 * var(--size--m));
}

.bg-light__tertiarycontainer {
  color: #2d1228;
  background-color: #ffd7f2;
}

.bg-light__info {
  color: #fff;
  background-color: #1758c7;
}

.util__sidebar-shadow {
  display: none;
}

.bg-light__onwarning {
  color: #7c5800;
  background-color: #fff;
}

.bg-light__surfacecontainerhigh {
  color: #1b1b1f;
  background-color: #eae7ec;
}

.pad-right__l {
  padding-right: calc(1.272 * var(--size--l));
  margin-right: 0;
}

.accordion-trigger {
  cursor: pointer;
  background-color: #f5f2f7;
  align-items: center;
  padding: .786em 1.618em .786em 1em;
  display: flex;
  position: relative;
}

.sticker {
  grid-column-gap: .272em;
  grid-row-gap: .272em;
  letter-spacing: -.004em;
  border-radius: .272em;
  justify-content: center;
  align-items: center;
  padding: .272em .618em;
  font-size: .835em;
  font-weight: 500;
  line-height: 1.272;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
}

.sticker.bg-light__tertiary {
  color: #fff;
}

.m-left__l {
  margin-left: calc(1.272 * var(--size--l));
}

.border-radius__xs {
  border-radius: .129em;
}

.h-xl {
  height: 2.618em;
}

.bg-dark__onprimaryfixed {
  color: #dee1ff;
  background-color: #001258;
}

.bg-dark__onerrorcontainer {
  color: #93000a;
  background-color: #ffb4ab;
}

.gap__m {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  display: flex;
}

.titlec__bold {
  color: #333;
  letter-spacing: -.017em;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1.272em;
  font-weight: 600;
  line-height: 1.272;
}

.titlec__bold.m-bottom__xs {
  margin-top: 0;
  margin-bottom: .472em;
}

.titlec__bold.m-bottom__s {
  margin-bottom: .618em;
}

.titlec__bold.m-bottom__xl, .titlec__bold.m-bottom__xl-2, .titlec__bold.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.titlec__bold.leftalign {
  color: #e9e9e9;
  text-align: left;
  margin-left: 6%;
  margin-right: 3%;
}

.titlec__bold.m-bottom__m {
  margin-bottom: 1em;
}

.titlec__bold.m-bottom__l {
  margin-bottom: 1.618em;
  font-family: DM Sans, sans-serif;
}

.pad-bottom__s {
  padding-bottom: calc(1.272 * var(--size--s));
  margin-bottom: 0;
}

.container__narrow {
  max-width: 1257px;
  margin-left: auto;
  margin-right: auto;
}

.bg-dark__primaryfixeddim {
  color: #2d3f93;
  background-color: #b9c3ff;
}

.border-radius__xxs {
  border-radius: .06em;
}

.pad-right__xl {
  padding-right: calc(1.272 * var(--size--xl));
  margin-right: 0;
}

.navmenu__title {
  letter-spacing: -.02em;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
  display: none;
}

.grid-template__example {
  background-color: #fff;
  border: 1px solid #c6c5d0;
  border-radius: .887em;
  padding: .887em 1.129em 1.129em;
  font-size: .88533em;
  font-weight: 700;
  line-height: 1.272;
}

.padding-style-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fbf8fd;
  border: 1px solid #c6c5d0;
  border-radius: 1em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.border-radius__xxl {
  border-radius: 2.235em;
}

.border-radius__xxl.overflow__hidden {
  border-radius: 2.618em;
}

.bg-dark__onsecondaryfixed {
  color: #dfe1f9;
  background-color: #171b2c;
}

.m-right__m {
  margin-right: calc(1.272 * var(--size--m));
}

.bg-dark__secondary {
  color: #2c2f42;
  background-color: #c3c5dd;
}

.util__colorgroupscontainer {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.body-7 {
  color: #1b1b1f;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 4.235em;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7.color__onsurfacevariant.m-bottom__xxl {
  color: #1b1b1f;
  margin-bottom: 4.235em;
}

.body-7.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7.m-bottom__xl {
  color: #333;
  text-decoration: none;
}

.body-7.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7.color__onsurfacevariant-copy.m-bottom_xxl-copy {
  font-family: DM Sans, sans-serif;
}

._w-xxl {
  width: 4.235em;
}

.h-m {
  height: 1.618em;
}

.color__onsurfacevariant {
  color: #45464f;
}

.bg-dark__tertiaryfixeddim {
  color: #5c3c55;
  background-color: #e5bad8;
}

.util__css-example {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  font-family: Inconsolata, monospace;
  font-size: .885em;
  font-weight: 700;
  display: flex;
}

.titlea__bold {
  letter-spacing: -.022em;
  font-size: 2.058em;
  font-weight: 700;
  line-height: 1.272;
}

.titlea__bold.m-bottom__xs {
  margin-bottom: .272em;
}

.titlea__bold.m-bottom__s {
  margin-bottom: .618em;
}

.titlea__bold._0-6em-copy {
  padding-bottom: .6em;
  padding-left: 0;
}

.titlea__bold.m-bottom__l.editorialfont {
  letter-spacing: 1.3px;
  font-family: Instrument Serif, sans-serif;
}

.util__card {
  background-color: #f5f2f7;
  padding: 1em;
}

.bg-light__onsurface {
  color: #fbf8fd;
  background-color: #1b1b1f;
}

.bg-dark__primarycontainer {
  color: #dee1ff;
  background-color: #2d3f93;
}

.bg-dark__outlinevariant {
  color: #e4e1e6;
  background-color: #45464f;
}

.accordion-wrap {
  border: 1px solid #c6c5d0;
  border-radius: .786164em;
  overflow: hidden;
}

.gap__xl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  display: flex;
}

.bg-light__onsecondaryfixedvariant {
  color: #dfe1f9;
  background-color: #434659;
}

.bg-dark__secondaryfixeddim {
  color: #171b2c;
  background-color: #c3c5dd;
}

.bg-dark__ontertiary {
  color: #e5bad8;
  background-color: #44263e;
}

.accordion__title {
  letter-spacing: -.009em;
  margin-bottom: .236em;
  font-size: .885em;
  font-weight: 600;
  line-height: 1.272;
}

.pad-left__xl {
  padding-left: calc(1.272 * var(--size--xl));
  margin-left: 0;
}

.grid-templates-section {
  display: block;
}

.fit__none {
  object-fit: none;
}

.m-right__l {
  margin-right: calc(1.272 * var(--size--l));
}

.snackbar-icon-wrap {
  color: #1b1b1f;
  background-color: #f5f2f7;
  border-radius: .618em;
  justify-content: center;
  align-items: center;
  padding: .618em;
  display: flex;
}

.snackbar-icon-wrap.success {
  color: #00210f;
  background-color: #92f8b4;
}

.snackbar-icon-wrap.info {
  color: #001946;
  background-color: #dae2ff;
}

.snackbar-icon-wrap.error {
  color: #410002;
  background-color: #ffdad6;
}

.snackbar-icon-wrap.warning {
  color: #271900;
  background-color: #ffdea7;
}

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

.grid.col__4 {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

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

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

.grid.col__2.on-dropdown-link {
  z-index: 1;
  grid-template-columns: max-content 1fr;
  position: relative;
}

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

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

.grid.col__12.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid.col__5 {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

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

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

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

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

.grid.col__3.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.util__classtemplate {
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .885em;
  font-weight: 700;
}

.bg-light__onprimaryfixedvariant {
  color: #dee1ff;
  background-color: #2d3f93;
}

.container__narrowest {
  max-width: 988.875px;
  margin-left: auto;
  margin-right: auto;
}

.shadow4 {
  z-index: 4;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 20px 25px #00000017, 0 5px 11px #0000001f, 0 0 1px #727272;
}

.m-top__xs {
  margin-top: calc(1.272 * var(--size--xs));
}

.m-left__s {
  margin-left: calc(1.272 * var(--size--s));
}

.bg-dark__warningcontainer {
  color: #ffdea7;
  background-color: #5e4200;
}

.util__margin-fill {
  z-index: 1;
  background-color: #dae2ff;
  border: 2px solid #1758c7;
  width: 1.618em;
  height: 1.618em;
  position: relative;
}

.util__margin-fill.m-right__xs {
  margin-right: .272em;
}

.pad-bottom__xs {
  padding-bottom: calc(1.272 * var(--size--xs));
  margin-bottom: 0;
}

.bg-light__surfacevariant {
  color: #45464f;
  background-color: #e3e1ec;
}

.shadow1 {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 0 1px #000;
}

.heading__bold {
  color: #006adb;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 2%;
  font-family: DM Sans, sans-serif;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold.m-bottom__s {
  color: #292929;
  margin-bottom: .618em;
  font-family: DM Sans, sans-serif;
}

.heading__bold.m-bottom__s.gray-smaller-text {
  color: #adadad;
  margin-top: 2%;
}

.heading__bold.m-bottom__s.black-and-smallertext {
  color: #000;
  margin-top: 2%;
  font-size: 1em;
}

.heading__bold.m-bottom__l {
  margin-bottom: 1.618em;
}

.heading__bold.m-bottom__m {
  margin-bottom: 1em;
}

.display1__bold {
  letter-spacing: -.022em;
  font-size: 4.235em;
  font-weight: 700;
  line-height: 1.129;
}

.display1__bold.m-bottom__xs.karla {
  color: #1b1b1f;
  letter-spacing: 2px;
  font-family: Instrument Serif, sans-serif;
  font-weight: 400;
}

.display1__bold.m-bottom__s {
  margin-bottom: .618em;
}

.display1__bold.m-bottom__xs {
  margin-bottom: .272em;
}

.util__sidebar-background {
  display: none;
}

.rich-text {
  color: #1b1b1f;
}

.rich-text figcaption {
  color: #45464f;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: .786em;
  line-height: 1.618;
}

.rich-text h6 {
  letter-spacing: -.014em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-size: 1.129em;
  font-weight: 600;
  line-height: 1.272;
}

.rich-text ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

.rich-text h4 {
  letter-spacing: -.02em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.rich-text h3 {
  letter-spacing: -.022em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-size: 2.058em;
  font-weight: 600;
  line-height: 1.272;
}

.rich-text img {
  margin-top: 1em;
  margin-bottom: 11em;
}

.rich-text h1 {
  color: #1b1b1f;
  letter-spacing: -.035em;
  margin-top: 0;
  margin-bottom: 1.129em;
  font-size: 4.235em;
  font-weight: 700;
  line-height: 1.129;
}

.rich-text ul {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 2.618em;
  line-height: 1.618;
}

.rich-text h2 {
  letter-spacing: -.022em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-size: 2.618em;
  font-weight: 700;
  line-height: 1.272;
}

.rich-text blockquote {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 1.618em;
  font-size: 1em;
  line-height: 1.618;
}

.rich-text a {
  color: #3c51b8;
  font-weight: 700;
}

.rich-text h5 {
  letter-spacing: -.017em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-size: 1.272em;
  font-weight: 600;
  line-height: 1.272;
}

.rich-text p {
  color: #45464f;
  margin-top: 1em;
  margin-bottom: 1em;
}

.h-xxl {
  height: 4.235em;
}

.h-xxxl {
  height: 6.238em;
}

.icon-button {
  aspect-ratio: 1;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  width: 2.058em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-button.large {
  border: 1px solid #474747;
  width: 2.618em;
  font-size: 1.618em;
  line-height: 1;
  text-decoration: none;
}

.div-block-31 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-3 {
  letter-spacing: -.007em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.subheading-4 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.div-block-32 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-5 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.div-block-33 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-6 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.div-block-34 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-7 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.div-block-35 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-8 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.section__default-2 {
  padding: 4.235em;
  display: block;
}

.div-block-36 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-9 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.section__default-3 {
  padding: 4.235em 6.4%;
  display: block;
}

.div-block-37 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-10 {
  letter-spacing: -.00625em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.div-block-38 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.subheading-11 {
  letter-spacing: -.007em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 1.129em;
  font-size: 4.235em;
}

.m-bottom__l-2 {
  letter-spacing: -.011em;
  margin-bottom: 1.618em;
  line-height: 1.618;
}

.div-block-39 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.m-bottom__xl-2 {
  margin-bottom: 2.618em;
}

.subheading-12 {
  letter-spacing: -.007em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.m-right__xxs-2 {
  margin-right: .128em;
}

.paragraph {
  letter-spacing: -.011em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.618;
}

.list-4 {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 2.618em;
}

.link-11 {
  color: #3c51b8;
  line-height: 1.618;
}

.heading-01 {
  letter-spacing: -.035em;
  margin-top: 0;
  margin-bottom: 1.129em;
  font-size: 4.235em;
  line-height: 1.162;
}

.heading-02 {
  color: #1b1b1f;
  letter-spacing: -.022em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-size: 2.618em;
  line-height: 1.272;
}

.heading-4 {
  letter-spacing: -.022em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-family: Inter, sans-serif;
  font-size: 2.058em;
  font-style: normal;
  font-weight: 600;
  line-height: 1.272;
}

.heading-5 {
  letter-spacing: -.02em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-family: Inter, sans-serif;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.heading-6 {
  letter-spacing: -.017em;
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-family: Inter, sans-serif;
  font-size: 1.272em;
  font-weight: 600;
  line-height: 1.272;
}

.heading-7 {
  margin-top: .786096em;
  margin-bottom: .345984em;
  font-family: Inter, sans-serif;
  font-size: 1.129em;
  font-weight: 600;
  line-height: 1.272;
}

.block-quote {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0 1.618em;
}

.div-block-40 {
  letter-spacing: -.011em;
}

.figure-caption {
  letter-spacing: -.011em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: .786em;
  line-height: 1.618;
}

.m-bottom__l-3 {
  margin-bottom: 1.618em;
}

.div-block-41 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.subheading-13 {
  letter-spacing: -.007em;
  font-size: .885em;
  font-weight: 400;
  line-height: 1.272;
}

.m-right__xxs-3 {
  margin-right: .128em;
}

.util__classtemplate-2 {
  font-family: Inconsolata, monospace;
  font-size: .885em;
  font-weight: 700;
}

.rolewander {
  background-color: #fff;
}

.rolewander.scalefactor__titlea {
  border-radius: 1.61792em;
  padding: 1.61792em 2.058em 2.058em;
}

.rolewander.scalefactor__caption {
  border-radius: .617925em;
  padding: .618em .786em .786em;
}

.rolewander.scalefactor__display1 {
  border-radius: 3.3294em;
  padding: 3.3294em 4.235em 4.235em;
}

.rolewander.scalefactor__titlec {
  border-radius: 1em;
  padding: 1em 1.272em 1.272em;
}

.rolewander.scalefactor__display2 {
  background-color: #fff;
  border-radius: 2.05818em;
  padding: 2.05818em 2.618em 2.618em;
}

.rolewander.scalefactor__callout {
  border-radius: .741352em;
  padding: .741352em .943em .943em;
}

.rolewander.scalefactor__heading {
  border-radius: .887579em;
  padding: .887579em 1.129em 1.129em;
}

.rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1 {
  background-color: #fffffff2;
  width: 44%;
}

.rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.dialogsopacity {
  background-color: #ffffffd9;
}

.rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.dialogsopacity.sizedialogs {
  box-shadow: none;
  background-color: #fff0;
  width: 39%;
}

.rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.sizewander {
  box-shadow: none;
  -webkit-text-stroke-color: #1b1b1f00;
  background-color: #fff0;
  border: 0 #0000;
  width: 41%;
}

.rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.size-wander, .rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.sizeteams {
  box-shadow: none;
  background-color: #fff0;
  width: 40%;
}

.rolewander.scalefactor__titleb {
  border-radius: 1.27201em;
  padding: 1.27201em 1.618em 1.618em;
}

.rolewander.scalefactor__subheading {
  border-radius: .695755em;
  padding: .695755em .885em .885em;
}

.rolewander.scalefactor__body {
  border-radius: .786164em;
  padding: .786164em 1em 1em;
}

.rolewander.scalefactor__label {
  border-radius: .656447em;
  padding: .656447em .835em .835em;
}

.rolediv {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  padding-left: 3.9em;
  padding-right: 3.9em;
  display: flex;
}

.rolecategories {
  grid-column-gap: 27px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.categorydetails {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 0;
  display: flex;
}

.titleteams {
  letter-spacing: -.022em;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.272;
}

.titleteams.m-bottom__xl {
  margin-bottom: 2.618em;
}

.titleteams.m-bottom__xs {
  margin-bottom: .272em;
}

.titleteams.m-bottom__xl-2 {
  margin-bottom: 2.618em;
}

.titleteams.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.titleteams.m-bottom__m {
  margin-bottom: 1em;
}

.projectsummaryteams {
  letter-spacing: -.011em;
  cursor: default;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.projectsummaryteams.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummaryteams.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummaryteams.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.projectsummaryteams.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.projectsummaryteams.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummaryteams.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummaryteams.color__onsurfacevariant-title.m-bottom__xxl-title {
  width: 79%;
  margin-bottom: 7%;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  line-height: 1.6;
}

.projectsummaryteams.color__onsurfacevariant-title.m-bottom__xxl-title.specialnote {
  margin-top: .6%;
}

.whitemode, .previewtextwhite {
  color: #e6e6e6;
  text-align: left;
}

.previewtitle {
  color: #e6e6e6;
  text-align: center;
  letter-spacing: -.022em;
  font-size: 2.058em;
  font-weight: 700;
  line-height: 1.272;
}

.previewtitle.m-bottom__xs {
  margin-bottom: .272em;
}

.commondiv {
  margin-bottom: 6.853em;
}

.list-5 {
  letter-spacing: -.011em;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.618;
}

.list-item-4 {
  letter-spacing: -.011em;
  line-height: 1.618;
}

.div-block-42 {
  margin-bottom: 6.853em;
}

.body-white {
  color: #e6e6e6;
  letter-spacing: -.011em;
  cursor: default;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.618;
}

.body-white.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-white.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
  font-size: 1em;
}

.body-white.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-white.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-white.m-bottom__xl {
  margin-bottom: calc(1.272 * var(--size--xl));
}

.body-white.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-white.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-white.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-white.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
  font-size: 1em;
}

.body-white.color__onsurfacevariant-copy.m-bottom__xxl-copy {
  color: #e6e6e6;
  margin-bottom: 4.235em;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
}

._4-grid {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2em;
  font-family: Inter, sans-serif;
  display: flex;
}

._4-grid.gap__1-618em {
  grid-column-gap: 1.618em;
  grid-row-gap: 1.618em;
}

._4-grid.padded {
  padding-top: 1em;
  padding-bottom: 1em;
}

._4-grid.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
}

.div-block-43 {
  margin-bottom: 2em;
}

.tcpwms {
  grid-template-columns: 1fr;
}

.highlight {
  color: #006adb;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

._4-235em {
  width: 940px;
  max-width: none;
  padding: 0 4.235em 4.235em;
  display: block;
}

._1-618em {
  padding: 0 1.618em 1.618em;
}

._1-618em.position__rel {
  padding-left: 4.235em;
  padding-right: 4.235em;
}

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

.three-columns.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.div-block-44, .div-block-45 {
  text-align: center;
}

.body-7-ends-div {
  color: #1b1b1f;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-top: 2%;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7-ends-div.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.body-7-ends-div.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div.rolestext {
  font-size: .9em;
}

.body-7-ends-div.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.body-7-ends-div.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div.highlight {
  color: #006adb;
}

.body-7-ends-div.rolestext-white-override {
  color: #e6e6e6;
  font-size: .8em;
}

.section__default-copy {
  padding: 4.235em;
}

._6-852em {
  margin-bottom: 0;
  padding-bottom: 6.852em;
}

.commondiv-no-space {
  margin-bottom: 0;
}

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

._2-618em {
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 2.618em;
}

._11087 {
  margin-bottom: 11.087em;
}

._2-grid {
  grid-column-gap: 27px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

._2-grid.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

._2-grid.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

._2-grid.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

._2-grid.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

._2-grid.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

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

._1-grid.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

._1-grid.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

._1-grid.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

._1-grid.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

._1-grid.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.display2__bold-white {
  color: #e6e6e6;
  text-align: center;
  letter-spacing: -.022em;
  width: auto;
  margin-bottom: 2.618em;
  font-family: DM Sans, sans-serif;
  font-size: 2.618em;
  font-weight: 700;
  line-height: 1.2;
}

.display2__bold-white.m-bottom__xl {
  margin-bottom: 2.618em;
}

.display2__bold-white.m-bottom__xs {
  margin-bottom: .272em;
}

.display2__bold-white.m-bottom__xl-2 {
  margin-bottom: 2.618em;
}

.display2__bold-white.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.display2__bold-white.m-bottom__m {
  margin-bottom: 1em;
}

.titleb__bold-white {
  color: #e6e6e6;
  letter-spacing: -.02em;
  font-family: DM Sans, sans-serif;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.titleb__bold-white.m-bottom__m.editorial-font {
  font-family: Hammersmith One, sans-serif;
  font-weight: 500;
}

.titleb__bold-white.m-bottom__s {
  margin-top: 2.618em;
  margin-bottom: calc(1.272 * var(--size--s));
  margin-bottom: .618em;
  font-family: DM Sans, sans-serif;
}

.titleb__bold-white.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.titleb__bold-white.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.titleb__bold-white.m-bottom__m {
  margin-bottom: 1em;
}

.titleb__bold-white.m-bottom__m.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-white.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-white.m-bottom__s.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-white.m-bottom__s.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-white.m-bottom__xs {
  margin-bottom: .272em;
}

.titleb__bold-white.m-bottom__s {
  margin-bottom: .618em;
}

.titleb__bold-white.m-bottom__s-white {
  color: #e6e6e6;
  margin-top: 2.618em;
  margin-bottom: .618em;
  font-family: DM Sans, sans-serif;
}

.titleb__bold-white.m-bottom__l.editorial-font {
  color: #1b1b1f;
  letter-spacing: 1px;
  font-family: Instrument Serif, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.surveyresults {
  border-radius: 1em;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 0 1px #000;
}

.surveyresults.scalefactor__titleb {
  padding: 1.27201em 1.618em 1.618em;
}

.surveyresults.scalefactor__heading {
  padding: .887579em 1.129em 1.129em;
}

.surveyresults.scalefactor__heading.layout-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.surveyresults.scalefactor__heading.container-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.surveyresults.scalefactor__heading-surveyresults {
  padding: .887579em 1.129em 1.129em;
}

.surveyresults.scalefactor__heading-surveyresults.layout-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.surveyresults.scalefactor__heading-surveyresults.container-sec {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.surveyresults.scalefactor__heading-surveyresults.bg-light__surfacedim-copy {
  background-color: #f7f7f7;
  max-width: 100%;
}

._0-6em {
  padding: 0 1em .6em 1.618em;
}

._0-6em.position__rel {
  padding-left: 4.235em;
  padding-right: 4.235em;
}

.overline-teams {
  letter-spacing: .0618em;
  text-transform: uppercase;
  padding-bottom: 9px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.272;
}

.body-7-my-role {
  letter-spacing: -.011em;
  cursor: default;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7-my-role.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-my-role.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-my-role.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-my-role.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-my-role.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-my-role.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-my-role.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-my-role.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-my-role.color__onsurfacevariant-my-role {
  max-width: 80%;
  margin-right: 17%;
  padding-right: 10%;
  font-family: DM Sans, sans-serif;
}

.body-7-my-role.color__onsurfacevariant-my-role.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-my-role.color__onsurfacevariant-my-role.m-bottom__xxl, .container-28 {
  margin-bottom: 4.235em;
}

.grid-choose-project {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.grid-choose-project.col__4 {
  grid-column-gap: .618em;
  grid-row-gap: .618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.grid-choose-project.col__7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-choose-project.col__2.on-dropdown-link {
  z-index: 1;
  grid-template-columns: max-content 1fr;
  position: relative;
}

.grid-choose-project.col__6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__12 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__12.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-choose-project.col__5 {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__10 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-choose-project.col__3.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-choose-project.col__9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__12-choose-project {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-choose-project.col__12-choose-project.gap__xxl {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-choose-project.col__12-choose-project.gap__xxl-choose-project {
  grid-column-gap: 2.618em;
  grid-row-gap: 2.618em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.view-other-projects {
  text-align: center;
  letter-spacing: -.02em;
  font-family: DM Sans, sans-serif;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.view-other-projects.m-bottom__s {
  margin-top: 2.618em;
  margin-bottom: calc(1.272 * var(--size--s));
  margin-bottom: .618em;
  font-family: Inter, sans-serif;
}

.view-other-projects.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.view-other-projects.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.view-other-projects.m-bottom__m {
  margin-bottom: 1em;
}

.view-other-projects.m-bottom__m.m-top__xl {
  margin-top: 2.618em;
}

.view-other-projects.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.view-other-projects.m-bottom__s.m-top__xl {
  margin-top: 2.618em;
}

.view-other-projects.m-bottom__s.m-top__xxl {
  margin-top: 4.235em;
}

.view-other-projects.m-bottom__xs {
  margin-bottom: .272em;
}

.view-other-projects.m-bottom__s {
  margin-bottom: .618em;
}

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

.grid-59 {
  grid-row-gap: 8px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  text-decoration: none;
}

.grid-60 {
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.link-block-13 {
  text-decoration: none;
}

.button__text-copy {
  grid-column-gap: .485867em;
  grid-row-gap: .485867em;
  opacity: 1;
  color: #3c51b8;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: flex-start;
  align-items: center;
  padding: .485867em 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button__text-copy.w--current {
  background-color: #dde1ff;
}

.button__text-copy.end-icon {
  padding-right: .618em;
}

.button__text-copy.large {
  font-size: 1.272em;
}

.button__text-copy.start-icon {
  padding-left: .618em;
}

.type {
  outline-offset: 0px;
  color: #949494;
  text-align: center;
  letter-spacing: -.007em;
  border-radius: 35px;
  outline: 1px solid #c2c2c2;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 6px;
  font-family: DM Sans, sans-serif;
  font-size: .7em;
  font-weight: 600;
  line-height: 1.272;
}

.grid-61 {
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.grid-62 {
  grid-row-gap: 1px;
  grid-template-columns: 1fr;
}

.subheading-other-projects {
  color: #333;
  letter-spacing: -.007em;
  padding-top: 1em;
  font-family: DM Sans, sans-serif;
  font-size: .885em;
  font-weight: 600;
  line-height: 1.272;
}

.other-projects-in-teams {
  grid-column-gap: 19px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

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

.text-block-61 {
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.resons {
  color: #1b1b1f;
  font-family: Inter, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.4em;
}

.text-block-62 {
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.smsettings-header {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684c74cc0819bb6968855909_season%20management%20hero%20image.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  border: 0 #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  padding-top: 6%;
  padding-left: 7%;
  display: block;
}

.bold-text-21 {
  color: #0064cf;
}

.titleb__bold-coral {
  color: #006adb;
  letter-spacing: -.02em;
  margin-top: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.titleb__bold-coral.m-bottom__s {
  margin-top: 2.618em;
  margin-bottom: calc(1.272 * var(--size--s));
  margin-bottom: .618em;
  font-family: Inter, sans-serif;
}

.titleb__bold-coral.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.titleb__bold-coral.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.titleb__bold-coral.m-bottom__m {
  margin-bottom: 1em;
}

.titleb__bold-coral.m-bottom__m.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-coral.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-coral.m-bottom__s.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-coral.m-bottom__s.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-coral.m-bottom__xs {
  margin-bottom: .272em;
}

.titleb__bold-coral.m-bottom__s {
  margin-bottom: .618em;
}

.text-span-5 {
  box-sizing: border-box;
  color: #2531a0;
}

.text-span-6 {
  color: #082de2;
}

._4-grid-settings {
  grid-column-gap: 16px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

._4-grid-settings.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

._4-grid-settings.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

._4-grid-settings.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

._4-grid-settings.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

._4-grid-settings.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.three-grid-h-setting {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.three-grid-h-setting.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

.three-grid-h-setting.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

.three-grid-h-setting.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.three-grid-h-setting.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

.three-grid-h-setting.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.bareimage {
  border-radius: 0;
  max-width: 100%;
}

.smaller-image {
  border-radius: 10px;
  max-width: 20%;
  box-shadow: 0 0 1px #000;
}

.titleb__bold-blue-quote-settings {
  color: #006adb;
  text-align: center;
  letter-spacing: -.02em;
  padding-top: 10px;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.titleb__bold-blue-quote-settings.m-bottom__s {
  margin-top: 2.618em;
  margin-bottom: calc(1.272 * var(--size--s));
  margin-bottom: .618em;
  font-family: Inter, sans-serif;
}

.titleb__bold-blue-quote-settings.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.titleb__bold-blue-quote-settings.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.titleb__bold-blue-quote-settings.m-bottom__m {
  margin-bottom: 1em;
}

.titleb__bold-blue-quote-settings.m-bottom__m.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-blue-quote-settings.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-blue-quote-settings.m-bottom__s.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-blue-quote-settings.m-bottom__s.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-blue-quote-settings.m-bottom__xs {
  margin-bottom: .272em;
}

.titleb__bold-blue-quote-settings.m-bottom__s {
  margin-bottom: .618em;
}

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

.heading__bold-white {
  color: #e6e6e6;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-white.m-bottom__s {
  margin-bottom: .618em;
}

.heading__bold-white.m-bottom__m {
  padding-bottom: 1em;
  font-family: Inter, sans-serif;
}

._3-v-grid {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

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

.projectsummary-settings-white {
  letter-spacing: -.011em;
  cursor: default;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.projectsummary-settings-white.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummary-settings-white.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummary-settings-white.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.projectsummary-settings-white.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.projectsummary-settings-white.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummary-settings-white.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummary-settings-white.color__onsurfacevariant-title.m-bottom__xxl-title {
  width: 79%;
  font-size: .9em;
  line-height: 1.6;
}

.projectsummary-settings-white.color__onsurfacevariant-set-white.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-title {
  width: 79%;
  font-size: .9em;
  line-height: 1.6;
}

.projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white {
  color: #e6e6e6;
  width: 79%;
  margin-bottom: 5%;
  font-size: .9em;
  line-height: 1.6;
}

.projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white.specialnote {
  margin-top: .5%;
}

.projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white-override {
  color: #e6e6e6;
  width: 79%;
  margin-bottom: 5%;
  font-size: .9em;
  line-height: 1.6;
}

.projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white-override.specialnote {
  margin-top: .5%;
}

.heading__bold-black {
  color: #1b1b1f;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-black.m-bottom__s {
  margin-bottom: .618em;
}

.heading__bold-black.m-bottom__m {
  padding-bottom: 1em;
}

.teams-tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 81px;
  padding-left: 81px;
  display: flex;
}

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

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

.tabs-menu-teams {
  background-color: #464646;
  border-radius: 1.4em;
  align-items: center;
  max-width: 40%;
  padding: 1em 2.5em 1.2em;
  display: flex;
}

.tabs-nav-item-underline-teams {
  grid-column-gap: .5em;
  color: #ffffff80;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9em 2em;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tabs-nav-item-underline-teams:hover {
  color: #fff;
  background-color: #0000;
}

.tabs-nav-item-underline-teams.w--current {
  color: #fff;
  background-color: #0000;
  font-weight: 500;
}

.tabs-nav-text-2-teams, .tabs-nav-text-22-teams, .tabs-nav-text-3-teams, .tabs-nav-text-4-teams {
  z-index: 1;
  position: relative;
}

.tteams-tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.tabs-menu-underline-wrapper-teams-jj {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #1a1a1b;
  background-color: #2c2c2c;
  border-radius: 8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 100%;
  margin-bottom: 1em;
  padding: .5em 1.5em;
  display: grid;
}

.body-7-ends-div-white {
  color: #e9e9e9;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 0;
  margin-right: 10%;
  padding-left: 0;
  padding-right: 1.5em;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.body-7-ends-div-white.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white.color__onsurfacevariant.m-bottom__xxl.no-right-margin {
  margin-right: 0%;
  padding-right: 0;
}

.body-7-ends-div-white.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div-white.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div-white.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white.protected-space {
  padding-top: 1%;
}

.heading__bold-white-center {
  color: #e6e6e6;
  text-align: center;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-white-center.m-bottom__s {
  margin-bottom: .618em;
}

.body-7-ends-div-white-list {
  color: #e9e9e9;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: .7em;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7-ends-div-white-list.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-list.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white-list.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div-white-list.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div-white-list.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-list.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white-list.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-list.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.display1__bold-white {
  color: #fafafa;
  letter-spacing: -.022em;
  -webkit-text-stroke-color: #fff;
  font-size: 4.235em;
  font-weight: 700;
  line-height: 1.129;
}

.display1__bold-white.m-bottom__xs {
  padding-bottom: .272em;
  font-family: Inter, sans-serif;
}

.display1__bold-white.m-bottom__xs.karla {
  letter-spacing: -.013em;
  font-family: Hammersmith One, sans-serif;
  font-size: 5.1em;
  font-weight: 500;
}

.display1__bold-white.m-bottom__s {
  margin-bottom: .618em;
}

.display1__bold-white.m-bottom__xs {
  margin-bottom: .272em;
}

.link-block-14 {
  color: #1b1b1f;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.header {
  background-color: #f7f7f7;
  height: 70vh;
  margin-bottom: 8em;
  padding-top: 5%;
  padding-bottom: 3em;
}

.heading-centered {
  color: #292929;
  justify-content: center;
  align-items: center;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.code-embed, .div-block-48 {
  position: relative;
}

.heading-centered-white {
  color: #f8f8f8;
  justify-content: center;
  align-items: center;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.body-7-ends-div-black-list {
  color: #333;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: .7em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7-ends-div-black-list.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-black-list.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-black-list.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div-black-list.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div-black-list.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-black-list.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-black-list.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-black-list.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.text-span-7 {
  color: #226fb3;
}

.me {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 81px;
  display: block;
}

.titlea__bold-white {
  color: #e9e9e9;
  letter-spacing: -.022em;
  font-size: 2.058em;
  font-weight: 700;
  line-height: 1.272;
}

.titlea__bold-white.m-bottom__xs {
  margin-bottom: .272em;
}

.titlea__bold-white-centered {
  color: #fafafa;
  text-align: center;
  letter-spacing: -.022em;
  font-size: 2.058em;
  font-weight: 700;
  line-height: 1.272;
}

.titlea__bold-white-centered.m-bottom__xs {
  margin-bottom: .272em;
}

.titlea__bold-white-centered.m-bottom__s {
  padding-bottom: .618em;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
}

.titlea__bold-white-centered.m-bottom__m {
  padding-bottom: 1em;
}

.heading__bold-black-center {
  color: #1b1b1f;
  letter-spacing: -.014em;
  -webkit-text-stroke-color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-black-center.m-bottom__s {
  margin-bottom: .618em;
}

.heading__bold-black-center.m-bottom__m {
  padding-bottom: 1em;
}

.titleb__bold-copy {
  color: #1b1b1f;
  letter-spacing: -.02em;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.titleb__bold-copy.m-bottom__s {
  margin-top: 2.618em;
  margin-bottom: calc(1.272 * var(--size--s));
  margin-bottom: .618em;
  font-family: Inter, sans-serif;
}

.titleb__bold-copy.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.titleb__bold-copy.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.titleb__bold-copy.m-bottom__m {
  margin-bottom: 1em;
}

.titleb__bold-copy.m-bottom__m.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-copy.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-copy.m-bottom__s.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-copy.m-bottom__s.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-copy.m-bottom__xs {
  margin-bottom: .272em;
}

.titleb__bold-copy.m-bottom__s {
  margin-bottom: .618em;
}

._3-h-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

._3-h-grid.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

._3-h-grid.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

._3-h-grid.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

._3-h-grid.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

._3-h-grid.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.util__appbar-sidebarwrap-dialog {
  z-index: 100;
  position: sticky;
  inset: 6.852em auto 0% 0%;
}

.projectsummarydialogs {
  color: #e6e6e6;
  letter-spacing: -.011em;
  cursor: default;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.projectsummarydialogs.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummarydialogs.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummarydialogs.color__onsurfacevariant.m-bottom__xxl-title {
  width: 79%;
  margin-bottom: 7%;
}

.projectsummarydialogs.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.projectsummarydialogs.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.projectsummarydialogs.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummarydialogs.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummarydialogs.color__onsurfacevariant-title.m-bottom__xxl-title {
  width: 79%;
  font-size: .9em;
  line-height: 1.6;
}

.projectsummarydialogs.m-bottom__xxl {
  width: 79%;
}

.image-65 {
  width: 100%;
  max-width: none;
}

.myseteams {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67b271199a4f36b34dd8b93e_MySETeams%20hero.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  border-bottom: 1px solid #c6c5d0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 7%;
  padding-left: 4%;
  display: block;
}

.titlec__bold-blue {
  color: #006adb;
  letter-spacing: -.017em;
  font-size: 1.272em;
  font-weight: 600;
  line-height: 1.272;
}

.titlec__bold-blue.m-bottom__xs {
  margin-top: 0;
  margin-bottom: .472em;
}

.titlec__bold-blue.m-bottom__s {
  margin-bottom: .618em;
}

.titlec__bold-blue.m-bottom__xl, .titlec__bold-blue.m-bottom__xl-2, .titlec__bold-blue.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

._2-v-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding: 0;
  display: grid;
}

._2-v-grid.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

._2-v-grid.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

._2-v-grid.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

._2-v-grid.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

._2-v-grid.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.grid-65 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
  grid-auto-rows: 0;
  margin-left: 0%;
}

.grid-66 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
}

.wanderhero {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6469b44c4d5f570dd6bf59fc_VVP.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  border: 1px solid #0000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 4%;
  padding-left: 7%;
  display: block;
}

.projectsummaryteams-white {
  color: #e6e6e6;
  letter-spacing: -.011em;
  cursor: default;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.projectsummaryteams-white.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummaryteams-white.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummaryteams-white.color__onsurfacevariant.m-bottom__xxl-title {
  margin-bottom: 7%;
}

.projectsummaryteams-white.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.projectsummaryteams-white.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.projectsummaryteams-white.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.projectsummaryteams-white.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.projectsummaryteams-white.color__onsurfacevariant-title.m-bottom__xxl-title {
  width: 79%;
  font-size: .9em;
  line-height: 1.6;
}

.problem-context {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.problem-context.aspect-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: end;
  padding: 0;
}

.problem-context.aspect-grid.mono.bg-light__surfacecontainerlowest {
  padding: 1.129em;
}

.problem-context.border-radius {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.problem-context.mono.shadow-grid {
  grid-template-rows: 4.235em;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

.problem-context.mono.display {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0;
}

.grid-67 {
  grid-column-gap: 22px;
  grid-template-rows: auto;
}

.improvements {
  grid-column-gap: 29px;
  grid-row-gap: 54px;
  grid-template-rows: auto auto;
}

.grid-71 {
  grid-template-columns: 1fr;
}

.grid-72 {
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

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

.image-66 {
  width: 54%;
  max-width: none;
}

.grid-74 {
  grid-template-columns: 1fr;
}

.shape-5 {
  background-color: #e7805b;
  border-radius: 999em;
  width: 30em;
  height: 30em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -21.7em;
  left: 0;
  right: 0;
}

.gradient-intro-wrapper {
  z-index: 1;
  color: #f5f5f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.shape-7 {
  background-color: #b5a3d6;
  border-radius: 999em;
  width: 20em;
  height: 13em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -4.1em;
  left: 0;
  right: -23.9em;
  transform: rotate(40deg);
}

.intro-description {
  padding-top: 2em;
  padding-left: 4em;
  padding-right: 4em;
}

.title-highlight-wrapper {
  margin-bottom: 1.3em;
  font-size: .7em;
}

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

.section-ultra-gradients {
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 45em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-ultra-gradients.is-first {
  z-index: 2;
}

.shape-8 {
  background-color: #9e9a50;
  border-radius: 999em;
  width: 47em;
  height: 119em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -17.1em;
  left: 26.7em;
  right: 0;
  transform: rotate(29deg);
}

.shape-9 {
  background-color: #1b1b1b;
  border-radius: 999em;
  width: 30em;
  height: 119em;
  position: absolute;
  top: -5.3em;
  right: 1.2em;
  transform: rotate(39deg);
}

.shape-4 {
  background-color: #f6c779;
  border-radius: 999em;
  width: 65em;
  height: 40em;
  margin-left: auto;
  position: absolute;
  top: -11.3em;
  left: 0;
  transform: rotate(40deg);
}

.shape-2 {
  background-color: #332b41;
  border-radius: 999em;
  width: 43em;
  height: 40em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -20em;
  left: -27.4em;
  right: 0;
}

.blending-group-wrapper {
  z-index: 1;
  filter: blur(120px);
  mix-blend-mode: overlay;
}

.shape-3 {
  background-color: #32244c;
  border-radius: 999em;
  width: 53em;
  height: 100em;
  position: absolute;
  top: -19.8em;
  left: -26em;
  right: 0;
  transform: rotate(-28deg);
}

.main-shapes-wrapper {
  filter: blur(120px);
}

.copy-medium {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.45em;
}

.container-w1 {
  width: 100%;
  max-width: 95em;
  margin-left: auto;
  margin-right: auto;
}

.background-noise {
  z-index: 0;
  opacity: .3;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/670ff952908c1a161928d4fb_noise.png");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.ultra-gradient-wrapper {
  background-color: #0e0e0e;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  font-size: 1vw;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.title1 {
  font-size: 10em;
  font-weight: 300;
  line-height: 1;
}

.shape-1 {
  background-color: #f681ef;
  border-radius: 999em;
  width: 40em;
  height: 40em;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -24.7em;
  left: 0;
  right: 0;
}

.container-w3 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.shape-6 {
  background-color: #a0bce0;
  border-radius: 999em;
  width: 66em;
  height: 60em;
  margin-left: auto;
  position: absolute;
  top: -14.2em;
  right: -25em;
  transform: rotate(60deg);
}

.title-highlight {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fcf6f326;
  border-radius: 999em;
  padding: .7em 1.4em .8em;
  font-size: 1.5em;
  display: inline-block;
}

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

.issues-arise {
  grid-column-gap: 22px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.mockup-wander {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.wandermodefinal {
  border-radius: 16px;
  width: 100%;
  max-width: none;
  box-shadow: 2px 2px 8px 1px #807e7ef2;
}

.wandermodefinal.extra-10 {
  max-width: 58%;
}

.wandermodefinal.extra-10-copy {
  max-width: 66%;
}

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

.additional-features-grid {
  grid-column-gap: 34px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  justify-items: center;
  max-width: 85%;
  margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 0;
}

.image-69, .image-70, .image-71 {
  width: 100%;
  max-width: none;
}

.titlec__bold-black {
  color: #1b1b1f;
  letter-spacing: -.017em;
  font-size: 1.272em;
  font-weight: 600;
  line-height: 1.272;
}

.titlec__bold-black.m-bottom__xs {
  margin-top: 0;
  margin-bottom: .472em;
}

.titlec__bold-black.m-bottom__s {
  margin-bottom: .618em;
}

.titlec__bold-black.m-bottom__xl, .titlec__bold-black.m-bottom__xl-2, .titlec__bold-black.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.body-7-white {
  color: #e6e6e6;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 4.235em;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7-white.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-white.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-white.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-white.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-white.m-bottom__xl {
  text-decoration: none;
}

.body-7-white.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-white.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-white.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-white.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.bodysection-of-about-me {
  background-color: #f7f7f7;
  display: block;
}

.white-bullet, .list-item-5, .list-item-6 {
  color: #e9e9e9;
}

.mepic {
  transform-origin: 50% 0;
  border: .3px solid #9e9e9e;
  border-radius: 25px;
  max-width: 75%;
  margin-top: 22px;
  overflow: clip;
  transform: rotate(0);
  box-shadow: 0 2px 5px #00000026;
}

.highlight-on-black {
  color: #62b2fc;
}

.heading__bold-copy {
  color: #006adb;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-copy.m-bottom__s {
  margin-bottom: .618em;
}

.heading__bold-on-black-background {
  color: #aca8a3;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-on-black-background.m-bottom__s {
  margin-bottom: .618em;
}

.gradient__ball {
  filter: blur(20px);
  mix-blend-mode: overlay;
  border-radius: 50%;
  width: 50%;
  height: 50%;
}

.gradient__ball.gradient__ball--1 {
  background-color: #fd3846;
  background-image: linear-gradient(90deg, #fd3846, #ffd000);
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
}

.gradient__ball.gradient__ball--2 {
  background-image: linear-gradient(78deg, #e9334e, #ff4800);
  font-size: 1em;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.gradient__ball.gradient__ball--1-test {
  background-color: #fd3846;
  background-image: linear-gradient(90deg, #fd3846, #ffd000);
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
}

.gradient__ball.gradient__ball--2-test {
  background-image: linear-gradient(78deg, #a600ff, #ff4800);
  font-size: 1em;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.button__inner {
  border-radius: 12px;
  padding: 12px 24px;
  font-family: DM Sans, sans-serif;
  text-decoration: none;
  transition: box-shadow .2s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 7px #ffffff47;
}

.button__inner:hover {
  box-shadow: inset 0 0 7px #fff9;
}

.gradient-glow {
  opacity: .25;
  display: flex;
  position: absolute;
  inset: 0%;
}

.page-wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.button__text-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: .7em;
  text-decoration: none;
  position: relative;
}

.gradient {
  z-index: 1;
  border-radius: 12px;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.button-4 {
  color: #fff;
  background-color: #000000c4;
  border: .5px #e9b4be;
  border-radius: 12px;
  max-width: 100%;
  margin-left: 0%;
  font-family: Inter, sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 5px #666666b5;
}

.button-4:active {
  transform: translate(0, 2px);
  box-shadow: 0 4px 4px #0000004d;
}

.gradient-bg-2 {
  z-index: -1;
  opacity: .5;
  filter: blur(200px);
  color: #e89245;
  background-color: #220c0c;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.heading__bold-black-center-white {
  color: #b9b9b9;
  letter-spacing: -.014em;
  -webkit-text-stroke-color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-black-center-white.m-bottom__s {
  margin-bottom: .618em;
}

.heading__bold-black-center-white.m-bottom__m {
  padding-bottom: 1em;
}

.section-36 {
  color: #0a0a0a;
  background-color: #161616;
}

.text-block-63 {
  padding-top: 74px;
  padding-bottom: 74px;
}

.gradient-bg-2-test {
  z-index: 0;
  opacity: .5;
  filter: blur(200px);
  color: #e89245;
  background-color: #e89245;
  justify-content: center;
  align-items: center;
  margin-bottom: 0%;
  position: absolute;
  inset: 8% auto auto 0%;
  overflow: hidden;
}

.titlec__bold-coral {
  color: #006adb;
  letter-spacing: -.017em;
  font-family: DM Sans, sans-serif;
  font-size: 1.272em;
  font-weight: 600;
  line-height: 1.272;
}

.titlec__bold-coral.m-bottom__xs {
  margin-top: 0;
  margin-bottom: .472em;
}

.titlec__bold-coral.m-bottom__xl, .titlec__bold-coral.m-bottom__xl-2, .titlec__bold-coral.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.contrast-copy {
  border-radius: 10px;
  width: 30%;
  max-width: none;
  display: block;
  box-shadow: 0 0 1px #000;
}

.grid-37-myseteams {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr;
  align-content: stretch;
  place-items: start center;
}

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

.grid-37-sm-settings {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr;
  align-content: stretch;
  place-items: start center;
}

.image-72 {
  width: 60%;
  max-width: none;
}

.grid-38-sm-settings {
  grid-row-gap: 0px;
  grid-template-columns: 1fr .25fr;
}

.grid-75 {
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

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

.overline-teams-white {
  color: #e6e6e6;
  letter-spacing: .0618em;
  text-transform: uppercase;
  padding-bottom: 9px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.272;
}

.display2__bold-centred {
  letter-spacing: -.022em;
  font-size: 2.618em;
  font-weight: 700;
  line-height: 1.272;
}

.display2__bold-centred.m-bottom__xl {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  margin-bottom: 2.618em;
  display: block;
}

.display2__bold-centred.m-bottom__xs {
  margin-bottom: .272em;
}

.display2__bold-centred.m-bottom__xl-2 {
  margin-bottom: 2.618em;
}

.display2__bold-centred.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.display2__bold-centred.m-bottom__m {
  margin-bottom: 1em;
}

.body-white-2 {
  letter-spacing: -.011em;
  cursor: default;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-white-2.color__onsurfacevariant-copy.m-bottom__xxl-copy {
  color: #e6e6e6;
  margin-bottom: 4.235em;
  font-family: DM Sans, sans-serif;
}

.finalproduct-copy-w-copy-2 {
  background-color: #000;
  border: 1px solid #000;
  padding-top: 55px;
  padding-bottom: 0;
}

.image-20-weird-sm {
  color: #000;
  background-color: #000;
  border-radius: 0;
  max-width: 100%;
}

.travel-final-sm {
  outline-offset: 0px;
  background-color: #000;
  border-radius: 25px;
  outline: 3px #333;
  max-width: 100%;
}

.travel-final-sm.extra-10 {
  max-width: 58%;
}

.travel-final-sm.extra-10-copy {
  max-width: 66%;
}

.mobile-mockup {
  border-radius: 0;
  max-width: 45%;
}

.mobile-mockup.extra-10 {
  max-width: 58%;
}

.mobile-mockup.extra-10-copy {
  max-width: 66%;
}

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

.bold-text-25 {
  color: #e94e4b;
}

.text-span-9 {
  font-family: Inter, sans-serif;
  font-weight: 600;
}

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

.color-palette {
  max-width: 80%;
}

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

.grid-78 {
  grid-template-columns: 1fr;
}

.preferences-lofi-100 {
  width: 100%;
  max-width: none;
}

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

.contrast-d {
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67799c2d4b4b7dca20264eeb_thornton%20news%20story.jpg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 2px;
  width: 53%;
  max-width: none;
  display: block;
  box-shadow: 0 0 1px #000;
}

.tab-link-tab-2-5 {
  color: #fff;
  background-color: #c8c8c800;
  padding: .9em .4em;
  font-family: DM Sans, sans-serif;
}

.tab-link-tab-2-5.w--current {
  color: #fff;
  background-color: #c8c8c800;
}

.text-block-64 {
  color: #ffffff80;
  font-family: DM Sans, sans-serif;
}

.intrests {
  padding-left: 83px;
}

.brazilian, .ceramics {
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  max-width: 80%;
}

.movies {
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  max-width: 100%;
}

.interests {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
  margin-bottom: 0;
}

.grid-79 {
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  place-items: center start;
}

.link-block-15, .link-block-16, .link-block-17 {
  max-width: 61%;
}

.tab-link-tab-1-4 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.tab-link-tab-1-4.w--current {
  background-color: #c8c8c800;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/677e44b04b551a461d12d718_folder.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.outsideworktext {
  color: #1b1b1f;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 0;
  padding-top: .3em;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.outsideworktext.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.outsideworktext.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.outsideworktext.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.outsideworktext.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.outsideworktext.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.outsideworktext.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.outsideworktext.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.outsideworktext.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.hover {
  transition: transform .3s;
}

.hover:hover {
  transform: scale(1.05);
}

.grid-80 {
  background-color: #131313;
  grid-template-columns: 1fr;
}

.grid-81 {
  grid-column-gap: 18px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: center;
  margin-left: 6.4%;
}

.heading-white {
  color: #fafafa;
  text-align: left;
  font-family: DM Sans, sans-serif;
}

.grid-82 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
}

.section-37 {
  color: #fff;
  margin-right: 10%;
  display: flex;
}

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

.jour-tabs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 81px;
  padding-left: 81px;
  display: flex;
}

.tabs-menu-underline-wrapper-jopy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #535455ab;
  border-radius: 10px 10px 0 0;
  align-items: center;
  max-width: 50%;
  padding: .1em 1.8em;
  display: flex;
}

.tabs-content-wrapper-j {
  outline-offset: 0px;
  background-color: #5354554d;
  border: 1px #5354554d;
  outline: 1px #535455ab;
  max-width: 100%;
  margin-top: 0;
  padding: 42px;
  overflow: visible;
}

.tabs-nav-item-underline-j {
  grid-column-gap: .5em;
  color: #ffffff80;
  text-align: center;
  background-color: #0000;
  border-radius: 999em;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: .9em 2em;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tabs-nav-item-underline-j:hover {
  color: #fff;
  background-color: #0000;
}

.tabs-nav-item-underline-j.w--current {
  color: #fff;
  background-color: #0000;
  font-weight: 500;
}

.tabs-nav-item-underline-j._02 {
  color: #ffffffb3;
  padding-left: 0;
  padding-right: 0;
}

.tabs-nav-item-underline-j._02.w--current {
  color: #fff;
}

.tabs-nav-item-underline-j._01 {
  padding-left: .4em;
  padding-right: .4em;
  font-size: .87rem;
  line-height: 18px;
}

.tabs-nav-item-underline-j._01.w--current {
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/677e432694f8a483ec2e8ff7_folder.webp");
  background-position: 0 0;
  background-size: auto;
  padding-left: .4em;
  padding-right: .4em;
  font-size: .87rem;
}

.tabs-nav-item-underline-j._03 {
  color: #ffffffb3;
  padding-left: 0;
  padding-right: 0;
}

.tabs-nav-item-underline-j._03.w--current {
  color: #fff;
}

.tabs-nav-item-underline-j._04 {
  color: #ffffffb3;
  padding-left: 0;
  padding-right: 0;
}

.tabs-nav-item-underline-j._04.w--current {
  color: #fff;
}

.tab-link-tab-2-5-j {
  color: #fff;
  background-color: #c8c8c800;
  padding: .9em .4em;
  font-family: DM Sans, sans-serif;
}

.tab-link-tab-2-5-j.w--current {
  color: #fff;
  background-color: #c8c8c800;
}

.jour-tags {
  color: #b9b9b9;
  letter-spacing: -.014em;
  -webkit-text-stroke-color: #333;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 6%;
  font-family: Inter, sans-serif;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.jour-tags.m-bottom__s {
  margin-bottom: .618em;
}

.jour-tags.m-bottom__m {
  padding-bottom: 1em;
}

.jourr-tabs-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.tabs-menu-underline-wrapper-teams {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #1a1a1b;
  background-color: #2c2c2c;
  border-radius: 8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 100%;
  margin-bottom: 1em;
  padding: .5em 1.5em;
  display: grid;
}

.tabs-content-wrapper-journalism {
  outline-offset: 0px;
  background-color: #53545500;
  border: 1px #53545580;
  outline: 1px #535455ab;
  max-width: 90%;
  margin-top: 0;
  padding: 42px;
  overflow: visible;
}

.tabs-menu-underline-wrapper-teams-journalism {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  outline-offset: 0px;
  color: #1a1a1b;
  background-color: #8b8b8b54;
  border-radius: .5em;
  outline: 1px solid #8b8b8b54;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 100%;
  margin-bottom: 1em;
  padding: .1em 1.5em;
  display: grid;
}

.source {
  color: #e9e9e9;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 3%;
  margin-left: 6%;
  margin-right: 10%;
  padding-left: 0;
  padding-right: 1.5em;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.source.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.source.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.source.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.source.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.source.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.source.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.source.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.source.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.div-block-51 {
  max-width: 50%;
  display: flex;
}

.div-block-52 {
  margin-top: 10%;
  margin-bottom: 15%;
}

.artice-description {
  color: #e9e9e9;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin: 4% 0% 0 6%;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.artice-description.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.artice-description.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.artice-description.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.artice-description.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.artice-description.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.artice-description.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.artice-description.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.artice-description.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.karen-link {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66d7e8cbe6d7ac6dba76e201_bass.png");
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.coolio-link {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66d7e8cc39602f041a4bf077_coolio.png");
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 15px 0 0 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.thornton {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67799c2d4b4b7dca20264eeb_thornton%20news%20story.jpg");
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.ye-link {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66d7e8cca4cc12b4ab05f35c_kanye.png");
  background-position: 50% 0;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 15px 0 0 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.grid-83 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-us {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.section-38 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 3%;
  margin-left: 0%;
  display: flex;
}

.heading-white-first-ge {
  color: #1b1b1f;
  font-family: DM Sans, sans-serif;
}

.body-7-ends-div-white-fp {
  color: #fff;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 0;
  margin-right: 10%;
  padding-left: 0;
  padding-right: 1.5em;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.body-7-ends-div-white-fp.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-fp.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white-fp.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div-white-fp.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div-white-fp.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-fp.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white-fp.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-fp.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.password {
  background-color: #000;
}

.field-label-white {
  color: #fafafa;
  font-family: Inter, sans-serif;
}

.link-12 {
  color: #fff;
  font-weight: 500;
}

.link-8-copy {
  color: #fff;
  -webkit-text-stroke-color: #b9b9b9;
}

.div-block-54 {
  max-width: 5%;
}

.flex-block {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
}

.section {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.drp {
  line-height: 0;
  transition: all .2s;
  display: block;
}

.drop {
  color: #fff;
  border-bottom: 1px solid #ffffff1a;
  width: 500px;
  transition: all .2s;
  display: block;
}

.drop:hover {
  background-color: #ffffff1a;
}

.drop.w--open {
  color: #fff;
}

.text-block-65 {
  line-height: 20px;
}

.drp-list {
  background-color: #fff;
  height: 0;
  line-height: 23px;
  transition: all .5s;
  display: block;
  position: static;
  overflow: hidden;
}

.drp-list.w--open {
  line-height: 23px;
  position: static;
  overflow: hidden;
}

.text-wrapper {
  padding: 30px 25px;
}

.orangetext {
  color: #1b1b1f;
  font-weight: 600;
  text-decoration: underline;
}

.heading__bold-on-black-background-about-me {
  color: #e2caae;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-on-black-background-about-me.m-bottom__s {
  color: #e7e0d8;
  margin-bottom: .618em;
}

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

.divaccordion {
  background-color: #f5f5f5;
  border-radius: 5px;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
  box-shadow: 1px 1px 15px #0003;
}

.dropdownfeature {
  width: 100%;
}

.dropdowntoggle {
  display: block;
}

.droplistfeature {
  background-color: #63d6ac;
  height: 0;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 8px #00000080;
}

.divinsideaccordion {
  color: #fff;
  padding: 20px 35px;
}

.textaccordion {
  margin-bottom: 0;
  font-size: 12px;
}

.text-block-3 {
  font-size: 0;
}

.accordion-item-trigger {
  color: #fff;
  cursor: pointer;
  background-color: #3b3b3ba6;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 9px 15px;
  font-family: Inter, sans-serif;
  font-size: 1.129em;
  font-weight: 700;
  display: flex;
}

.text-span-11 {
  font-size: 16px;
  font-weight: 500;
}

.text-block-66 {
  font-family: Droid Serif, serif;
}

.accordion-item-content {
  background-color: #3b3b3b00;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 90px;
  display: flex;
  overflow: hidden;
}

.accordion--wrapper {
  margin-top: 40px;
  display: block;
}

.div-block-3 {
  color: #222;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  padding: 5px 5px 4px;
  font-family: Inconsolata, monospace;
  font-size: 1em;
  font-weight: 400;
  display: block;
}

.rich-text-block {
  width: 100%;
  margin-top: 20px;
}

.button-5 {
  text-transform: uppercase;
  background-color: #879940;
  font-weight: 700;
  transition: background-color .2s;
}

.button-5:hover {
  background-color: #222;
}

.button-5.is--blue {
  background-color: #4a78b5;
  margin-top: 30px;
  margin-bottom: 40px;
}

.container-2 {
  padding-top: 60px;
  padding-bottom: 100px;
  font-family: Inter, sans-serif;
}

.subheading-white {
  color: #e9e9e9;
  letter-spacing: -.007em;
  font-size: .885em;
  font-weight: 700;
  line-height: 1.272;
}

.subheading-white.m-bottom__m {
  margin-bottom: 1em;
}

.submit-button-2 {
  background-color: #181818;
  border-radius: 0 50px 50px 0;
  font-family: Inter, sans-serif;
  font-size: 1em;
  font-weight: 500;
}

.image-73 {
  padding-top: 3%;
  padding-bottom: 3%;
}

.image-72-copy {
  width: 70%;
  max-width: none;
}

.list-space {
  margin-bottom: 2%;
}

.list-6 {
  padding-left: 3%;
}

.div-block-55, .div-block-56, .div-block-57 {
  padding-top: 2em;
}

.outsideworktext-hirono {
  color: #1b1b1f;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.outsideworktext-hirono.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.outsideworktext-hirono.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.outsideworktext-hirono.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.outsideworktext-hirono.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.outsideworktext-hirono.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.outsideworktext-hirono.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.outsideworktext-hirono.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.outsideworktext-hirono.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.rolediv-teams, .rolediv-dialogs {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 70px;
  padding-left: 3.9em;
  padding-right: 3.9em;
  display: flex;
}

.bold-text-26 {
  font-weight: 600;
}

.link-13 {
  outline-offset: 0px;
  color: #c9c9c9;
  outline: 3px #00e;
  text-decoration: none;
}

.link-14 {
  color: #ccc;
  text-decoration: none;
}

.body-7-ends-div-white-jour {
  color: #1b1b1f;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 30%;
  margin-right: 30%;
  padding-left: 0;
  padding-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.body-7-ends-div-white-jour.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-jour.color__onsurfacevariant.m-bottom__xxl.no-right-margin {
  margin-right: 0%;
  padding-right: 0;
}

.body-7-ends-div-white-jour.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white-jour.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div-white-jour.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div-white-jour.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-jour.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white-jour.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-white-jour.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-white-jour.protected-space {
  padding-top: 5%;
}

.ceramics-copy {
  outline-offset: 0px;
  border: 1px #3d3d3d;
  border-radius: 10px;
  outline: 3px #00e;
  max-width: 80%;
}

.div-block-58 {
  color: #333;
}

.casedescrip {
  background-color: #f0efef00;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  padding: 4% 5% 2% 8%;
  display: flex;
}

.uxdintern {
  color: #9163a6;
  text-transform: capitalize;
  margin-bottom: 1em;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
}

.casestudy-grid {
  grid-column-gap: 29px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  transition: transform .3s;
}

.cstag-myse {
  color: #9163a6;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #f5dafe;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: block;
}

.cstag-myse.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-myse.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-myse.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.cstag-myse.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.cstag-myse.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.cstag-myse.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-myse.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-myse.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-myse.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-myse.rolestext {
  font-size: .9em;
}

.cstag-myse.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.cstag-myse.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-dialogs {
  color: #ca7373;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #f9d9d9;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: inline-block;
}

.cstag-dialogs.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-dialogs.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-dialogs.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.cstag-dialogs.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.cstag-dialogs.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.cstag-dialogs.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-dialogs.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-dialogs.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-dialogs.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-dialogs.rolestext {
  font-size: .9em;
}

.cstag-dialogs.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.cstag-dialogs.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-settings {
  color: #3d87bd;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #dcecf6;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: inline-block;
}

.cstag-settings.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-settings.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-settings.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.cstag-settings.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.cstag-settings.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.cstag-settings.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-settings.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-settings.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.cstag-settings.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.cstag-settings.rolestext {
  font-size: .9em;
}

.cstag-settings.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.cstag-settings.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.grid-84 {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  grid-template-columns: 1fr;
}

.div-block-59 {
  padding-left: 8%;
}

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

.div-block-61 {
  padding-left: 0;
}

.bodysection-jour {
  background-color: #f7f7f7;
  margin-top: 5%;
  display: block;
}

.cs-image {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.space-for-mobile {
  max-width: none;
  margin-bottom: 0;
  padding-bottom: .01px;
}

.grid-85 {
  grid-template-columns: 1fr;
}

.impactsubheaderhack {
  color: #c94343;
  border: 1px #000;
  max-width: 65%;
  margin-top: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 18px;
}

.impactsubheaderhack.whitetext {
  color: #101010;
  padding-top: 55px;
  font-size: 27px;
}

.impactsubheaderhack.underline {
  color: #333;
  border-bottom-style: solid;
  border-bottom-color: #f3f3f3;
  padding-top: 45px;
}

.impactsubheaderhack.underline.lastpartwhitetext {
  color: #fbfbfb;
  border-bottom-color: #f3f3f3;
}

.impactsubheaderhack.underline.lastpartwhitetext.whiteborder {
  border-style: none none solid;
  border-color: #fbfbfb #fbfbfb #f3f3f3;
}

.impactsubheaderhack.lastpartwhitetext {
  color: #fbfbfb;
}

.other-pojects-playground {
  grid-column-gap: 19px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.hackscheader {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67b3e67e3203f3902c693f63_dialogs%20hero%20image-3.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  background-attachment: scroll;
  border-bottom: 1px solid #c6c5d0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 4%;
  padding-left: 7%;
  display: block;
}

.playground {
  grid-column-gap: 50px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  max-width: 80%;
  padding-left: 3%;
  padding-right: 3%;
}

.titlec__bold-white {
  color: #e9e9e9;
  letter-spacing: -.017em;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1.272em;
  font-weight: 600;
  line-height: 1.272;
}

.titlec__bold-white.m-bottom__xs {
  margin-top: 0;
  margin-bottom: .472em;
}

.titlec__bold-white.m-bottom__s {
  margin-bottom: .618em;
}

.titlec__bold-white.m-bottom__xl, .titlec__bold-white.m-bottom__xl-2, .titlec__bold-white.m-bottom__xl-3 {
  margin-bottom: 2.618em;
}

.titlec__bold-white.leftalign {
  color: #e9e9e9;
  text-align: left;
  margin-left: 6%;
  margin-right: 3%;
}

.titlec__bold-white.m-bottom__m {
  margin-bottom: 1em;
}

.titlec__bold-white.m-bottom__l {
  margin-bottom: 1.618em;
  font-family: DM Sans, sans-serif;
}

.subheading-other-projects-white {
  color: #e6e6e6;
  letter-spacing: -.007em;
  padding-top: .8em;
  font-family: DM Sans, sans-serif;
  font-size: .885em;
  font-weight: 600;
  line-height: 1.272;
}

.type-white {
  outline-offset: 0px;
  color: #575757;
  text-align: center;
  letter-spacing: -.007em;
  background-color: #d3d3d3;
  border-radius: 35px;
  outline: 1px #c2c2c2;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 6px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 600;
  line-height: 1.272;
}

.image-74 {
  border-radius: 37.93px;
}

.playimage {
  border-radius: 8px;
  max-width: 100%;
}

.uxdintern-blue {
  color: #3d87bd;
  text-transform: capitalize;
  margin-bottom: 1em;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
}

.uxdintern-red {
  color: #ca7373;
  text-transform: capitalize;
  margin-bottom: 1em;
  font-family: DM Sans, sans-serif;
  font-weight: 600;
}

.titleb__bold-white-override {
  color: #e6e6e6;
  letter-spacing: -.02em;
  font-family: DM Sans, sans-serif;
  font-size: 1.618em;
  font-weight: 600;
  line-height: 1.272;
}

.titleb__bold-white-override.m-bottom__m.editorial-font {
  font-family: Hammersmith One, sans-serif;
  font-weight: 500;
}

.titleb__bold-white-override.m-bottom__s {
  margin-top: 2.618em;
  margin-bottom: calc(1.272 * var(--size--s));
  margin-bottom: .618em;
  font-family: DM Sans, sans-serif;
}

.titleb__bold-white-override.m-bottom__m {
  margin-top: 0;
  margin-bottom: 1em;
}

.titleb__bold-white-override.m-bottom__s {
  margin-top: 0;
  margin-bottom: .618em;
}

.titleb__bold-white-override.m-bottom__m {
  margin-bottom: 1em;
}

.titleb__bold-white-override.m-bottom__m.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-white-override.m-bottom__m.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-white-override.m-bottom__s.m-top__xl {
  margin-top: 2.618em;
}

.titleb__bold-white-override.m-bottom__s.m-top__xxl {
  margin-top: 4.235em;
}

.titleb__bold-white-override.m-bottom__xs {
  margin-bottom: .272em;
}

.titleb__bold-white-override.m-bottom__s {
  margin-bottom: .618em;
}

.titleb__bold-white-override.m-bottom__s-white {
  color: #e6e6e6;
  margin-top: 2.618em;
  margin-bottom: .618em;
  font-family: DM Sans, sans-serif;
}

.titleb__bold-white-override.m-bottom__l.editorial-font {
  font-family: Hammersmith One, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.heading__bold-white-overrie {
  color: #e6e6e6;
  letter-spacing: -.014em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1.129em;
  font-weight: 700;
  line-height: 1.272;
}

.heading__bold-white-overrie.m-bottom__s {
  margin-bottom: .618em;
}

.heading__bold-white-overrie.m-bottom__m {
  padding-bottom: 1em;
  font-family: Inter, sans-serif;
}

.overline-teams-white-override {
  color: #e6e6e6;
  letter-spacing: .0618em;
  text-transform: uppercase;
  padding-bottom: 9px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.272;
}

.body-7-ends-div-tldr {
  color: #1b1b1f;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 2px;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7-ends-div-tldr.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-tldr.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-tldr.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.body-7-ends-div-tldr.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div-tldr.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div-tldr.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-tldr.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-tldr.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-tldr.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-tldr.rolestext {
  font-size: .9em;
}

.body-7-ends-div-tldr.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.body-7-ends-div-tldr.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-tldr.highlight {
  color: #a8502a;
}

.body-7-ends-div-tldr.rolestext-white-override {
  color: #e6e6e6;
  font-size: .8em;
}

.gradient-test {
  z-index: 1;
  border-radius: 0;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.gradient__ball-test {
  filter: blur(20px);
  mix-blend-mode: overlay;
  border-radius: 50%;
  width: 50%;
  height: 50%;
}

.gradient__ball-test.gradient__ball--1 {
  background-color: #fd3846;
  background-image: linear-gradient(90deg, #fd3846, #ffd000);
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
}

.gradient__ball-test.gradient__ball--2 {
  background-image: linear-gradient(78deg, #a600ff, #ff4800);
  font-size: 1em;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.gradient__ball-test.gradient__ball--1-test {
  background-color: #fd3846;
  background-image: linear-gradient(90deg, #fd3846, #ffd000);
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
}

.grid-86 {
  grid-column-gap: 21px;
  border-bottom: 1px solid #d1d1d1;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
}

.grid-87 {
  grid-template-columns: 1fr;
}

.prevwork {
  max-width: 40%;
}

.grid-com {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  padding-top: 4.5em;
  padding-bottom: 4.5em;
}

.body-7-ends-div-prevwork {
  color: #1b1b1f;
  text-align: left;
  letter-spacing: -.011em;
  cursor: default;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.618;
}

.body-7-ends-div-prevwork.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-prevwork.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-prevwork.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.body-7-ends-div-prevwork.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.body-7-ends-div-prevwork.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.body-7-ends-div-prevwork.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-prevwork.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-prevwork.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.body-7-ends-div-prevwork.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-prevwork.rolestext {
  font-size: .9em;
}

.body-7-ends-div-prevwork.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.body-7-ends-div-prevwork.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.body-7-ends-div-prevwork.highlight {
  color: #a8502a;
}

.body-7-ends-div-prevwork.rolestext-white-override {
  color: #e6e6e6;
  font-size: .8em;
}

.bold-text-29 {
  font-weight: 400;
}

.prevwok {
  grid-column-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr;
}

.grid-87-copy {
  grid-template-columns: 1fr;
}

.annenpic {
  max-width: 70%;
}

.innodpic {
  max-width: 50%;
  transition: transform .3s;
}

.div-block-63 {
  justify-content: center;
  align-items: center;
  margin-left: 0%;
  margin-right: 0%;
  display: flex;
}

.hover-copy {
  justify-content: center;
  align-items: center;
  max-width: none;
  transition: transform .3s;
  display: flex;
}

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

.prevwork-copy {
  max-width: 40%;
  padding-bottom: 9px;
}

.badgewrap {
  justify-content: center;
  align-items: center;
  max-width: none;
  transition: transform .2s;
  display: flex;
}

.badgewrap:hover {
  transform: scale(1.05);
}

.image-75 {
  justify-content: center;
  align-items: center;
  max-width: 35%;
  padding-left: 3%;
  display: inline-flex;
}

.playgroundtag {
  color: #9163a6;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #f5dafe;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: block;
}

.playgroundtag.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.playgroundtag.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.playgroundtag.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.playgroundtag.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag.rolestext {
  font-size: .9em;
}

.playgroundtag.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.playgroundtag.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-hack {
  color: #792b23;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #f8c6c0;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: block;
}

.playgroundtag-hack.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-hack.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-hack.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.playgroundtag-hack.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.playgroundtag-hack.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.playgroundtag-hack.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-hack.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-hack.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-hack.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-hack.rolestext {
  font-size: .9em;
}

.playgroundtag-hack.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.playgroundtag-hack.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-ye {
  color: #4e2057;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #d4c5d6;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: block;
}

.playgroundtag-ye.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-ye.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-ye.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.playgroundtag-ye.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.playgroundtag-ye.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.playgroundtag-ye.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-ye.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-ye.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-ye.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-ye.rolestext {
  font-size: .9em;
}

.playgroundtag-ye.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.playgroundtag-ye.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-bass {
  color: #5e5110;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #f8e4c0;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: block;
}

.playgroundtag-bass.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-bass.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-bass.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.playgroundtag-bass.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.playgroundtag-bass.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.playgroundtag-bass.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-bass.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-bass.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-bass.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-bass.rolestext {
  font-size: .9em;
}

.playgroundtag-bass.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.playgroundtag-bass.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-news {
  color: #153357;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #d8e9f6;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: block;
}

.playgroundtag-news.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-news.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-news.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.playgroundtag-news.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.playgroundtag-news.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.playgroundtag-news.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-news.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-news.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-news.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-news.rolestext {
  font-size: .9em;
}

.playgroundtag-news.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.playgroundtag-news.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-coolio {
  color: #812561;
  text-align: left;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  background-color: #ffd5e4;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 17px;
  padding: 11px 21px;
  font-family: DM Sans, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.618;
  display: block;
}

.playgroundtag-coolio.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-coolio.color__onsurfacevariant.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-coolio.color__onsurfacevariant.m-bottom__s {
  padding-bottom: .618em;
}

.playgroundtag-coolio.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.playgroundtag-coolio.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.playgroundtag-coolio.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-coolio.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-coolio.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.playgroundtag-coolio.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.playgroundtag-coolio.rolestext {
  font-size: .9em;
}

.playgroundtag-coolio.rolestext-white {
  color: #e6e6e6;
  font-size: .8em;
}

.playgroundtag-coolio.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.grid-88 {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  grid-template-columns: 1fr;
}

.brazilian-copy {
  border: 1px solid #8a8a8a;
  border-radius: 10px;
  max-width: 80%;
}

.image-76 {
  border-radius: 1000px;
  max-width: 50%;
  box-shadow: 0 2px 8px #0003;
}

.spline-scene {
  flex: 0 auto;
  display: block;
}

.spline-scene-3 {
  padding-right: 289px;
}

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

.bigmon {
  margin-bottom: 9px;
}

.nav-link-33 {
  color: #aaa;
  font-family: Karla, sans-serif;
  font-size: 16px;
}

.nav-link-33:hover, .nav-link-33.w--current {
  color: #fbfbfb;
}

.treatment {
  color: #66495e;
  text-align: center;
  letter-spacing: -.011em;
  text-transform: uppercase;
  cursor: default;
  border: 1px solid #74566c;
  border-radius: 10px;
  margin-bottom: 2%;
  padding: 3px 39px;
  font-family: DM Sans, sans-serif;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.618;
  display: inline-block;
}

.treatment.color__onsurfacevariant.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.treatment.color__onsurfacevariant.m-bottom__xxl {
  color: #1b1b1f;
  margin-bottom: 4.235em;
}

.treatment.color__outline.m-bottom__l {
  margin-bottom: 1.618em;
}

.treatment.color__outline.m-bottom__xl {
  margin-bottom: 2.618em;
}

.treatment.m-bottom__xl {
  color: #333;
  text-decoration: none;
}

.treatment.color__onsurfacevariant-title.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.treatment.color__onsurfacevariant-title.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.treatment.color__onsurfacevariant-copy.m-top__s.m-bottom__l-2 {
  margin-top: .618em;
}

.treatment.color__onsurfacevariant-copy.m-bottom__xxl {
  margin-bottom: 4.235em;
}

.treatment.color__onsurfacevariant-copy.m-bottom_xxl-copy {
  font-family: DM Sans, sans-serif;
}

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

.full-problem-pic {
  border-radius: 2px;
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  display: block;
  box-shadow: 0 0 1px #000;
}

.full-problem-pic.m-bottom__s {
  margin-bottom: .618em;
}

.full-problem-pic.m-bottom__m {
  margin-bottom: 1em;
}

.bold-text-31 {
  color: #006adb;
}

@media screen and (min-width: 1280px) {
  .body, .body.black {
    background-image: none;
  }

  .text-block-2 {
    margin-bottom: 52px;
    padding-left: 109px;
    padding-right: 109px;
    font-size: 36px;
  }

  .text-block-4 {
    background-color: #56565680;
  }

  .div-block-2 {
    padding-bottom: 30px;
  }

  .caseaboutsection {
    outline-offset: 0px;
    border: 1px #000;
    border-top-width: 0;
    outline: 3px #0000;
    padding-top: 0;
  }

  .case-subheading {
    border: 1px #000;
    padding-top: 55px;
    padding-bottom: 55px;
    font-size: 27px;
    font-weight: 500;
  }

  .case-subheading.whitetext {
    font-size: 27px;
  }

  .case-subheading.underline {
    border-bottom-color: #101010;
  }

  .case-text {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .case-text.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .case-text.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .grey-background.grey-background-min {
    background-image: linear-gradient(122deg, #e5383b, #f0e6c6);
    height: 52vw;
  }

  .project-device {
    max-width: 270px;
    margin-bottom: -19%;
    margin-right: -15%;
  }

  .project-device._2 {
    max-width: 270px;
    margin-right: 11%;
  }

  .project-device._3 {
    max-width: 270px;
    margin-bottom: -44%;
    margin-right: -16%;
  }

  .device-container-2 {
    margin-bottom: 192px;
    margin-right: 200px;
  }

  .aboutcaseheader {
    padding-left: 0;
    font-size: 27px;
  }

  .aboutcolumn {
    width: 100%;
  }

  .aboutdescription {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 21px;
  }

  .column {
    padding-right: 169px;
  }

  .column-wander {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 132px;
  }

  .text-block-8 {
    width: auto;
    max-width: none;
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
  }

  .rolescolumn {
    padding: 36px;
  }

  .rolesheader {
    padding-bottom: 9px;
    font-size: 16px;
  }

  .rolestext {
    font-size: 16px;
    line-height: 21px;
  }

  .moodboard-section {
    border: 1px #000;
    padding-bottom: 29px;
  }

  .numbers {
    font-size: 28px;
  }

  .numbers.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .belownumbers {
    font-size: 18px;
  }

  .belownumbers.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .targettext {
    font-size: 18px;
  }

  .navbar {
    background-color: #0000;
  }

  .nav-link {
    font-size: 17px;
  }

  .projecttitle {
    color: #fbfbfb;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 50px;
    line-height: 66px;
  }

  .projecttag {
    color: #101010a8;
    font-size: 15.6px;
  }

  .herogrid-w {
    grid-row-gap: 20px;
  }

  .moodboard-image {
    max-width: 65%;
    max-height: none;
  }

  .moodboard-image.innovative {
    max-width: 65%;
  }

  .container-7 {
    max-width: none;
  }

  .infoarchpic {
    max-width: 65%;
  }

  .grid-3.innoddd {
    max-width: 100%;
  }

  .innodwebsitefinished {
    max-width: 100%;
    padding-top: 0;
  }

  .column-5 {
    justify-content: flex-start;
  }

  .finale {
    border-top-style: none;
  }

  .projectabout {
    max-width: 60%;
  }

  .link {
    justify-content: center;
    align-items: center;
    font-size: 15px;
  }

  .linktext {
    font-size: 15px;
  }

  .body-3 {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/63c482f8ab4c864424c2c238_projects.png");
    background-position: 50%;
    background-size: 1200px;
  }

  .section-11 {
    background-color: #0000;
  }

  .jourtitletext {
    padding-left: 10px;
    font-family: Inter, sans-serif;
    font-size: 20px;
    line-height: 28px;
  }

  .jourtagtext {
    padding-left: 10px;
    font-size: 14px;
  }

  ._1stcolumn {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-right: 12px;
  }

  .jourpic {
    max-width: 101%;
  }

  .section-12 {
    background-color: #0000;
  }

  .jourlinkblock {
    max-width: 80%;
  }

  .tab-link-writing {
    border-radius: 14px;
  }

  .tab-link-writing.w--current {
    background-color: #bd9c7f6e;
  }

  .tab-link-video.w--current {
    background-color: #bd9c7f6e;
    border-top-color: #6a6a6a;
    border-left-color: #6a6a6a;
    border-right-color: #6a6a6a;
    border-radius: 14px;
  }

  .homepageheader {
    max-width: 100%;
    padding-left: 0;
    font-size: 29px;
  }

  .text-22 {
    color: #d4d4d4;
    max-width: 100%;
    padding-left: 0;
    font-family: Karla, sans-serif;
    font-size: 17px;
    line-height: 20px;
  }

  .text-block-23, .text-block-24, .text-block-25 {
    font-size: 18px;
  }

  .pics {
    font-family: Inter, sans-serif;
    font-size: 17px;
    line-height: 22px;
  }

  .link-3 {
    color: #aca69b;
    font-size: 18px;
  }

  .bullets-3rd {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 22px;
  }

  .megrid-3rd {
    grid-template-rows: auto;
  }

  .letstalk {
    padding-left: 157px;
  }

  .text-block-26 {
    max-width: 49%;
    padding-left: 162px;
    padding-right: 80px;
    font-size: 18px;
  }

  .header-container {
    margin-top: 161px;
    margin-bottom: -255px;
    top: 350px;
  }

  .bodysection {
    margin-top: 7%;
  }

  .header-container-jour {
    margin-left: -423px;
    top: 100px;
  }

  .section-17-jour {
    position: static;
  }

  .column-9 {
    padding-left: 0;
    padding-right: 45px;
  }

  .bg-circle._4 {
    background-color: #e89245;
  }

  .bg-circle._6 {
    background-color: #e89245;
    margin-top: 19%;
    margin-bottom: 19%;
  }

  .bg-circle._7 {
    color: #ff861a94;
    background-color: #ff861aa8;
    margin: -45% -57% -17% -17%;
  }

  .bg-circle._6 {
    color: #ff861ad1;
    background-color: #e89245a8;
    margin-top: 2%;
    margin-bottom: 3%;
    margin-right: -39%;
  }

  .bg-circle._6-copy {
    background-color: #ff861ad9;
    border-radius: 78%;
    margin-top: -13%;
    margin-bottom: 0%;
    position: relative;
  }

  .bg-circle._7-copy {
    background-color: #ff861a;
    margin: -28% -6% -17% 54%;
  }

  .navbar-projects {
    background-color: #101010;
  }

  .nav-link-projects {
    font-size: 17px;
  }

  .div-block-8 {
    max-width: 100%;
    padding-left: 0;
  }

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

  .grid-9 {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 10%;
  }

  .link-4 {
    color: #aca69b;
  }

  .footer-projects {
    background-color: #101010;
  }

  .container-21 {
    max-width: 65%;
    padding-top: 55px;
    padding-bottom: 55px;
    font-family: Inter, sans-serif;
    font-size: 27px;
  }

  .section-21 {
    background-color: #101010;
    border: 1px #0000;
    border-top: 0 #000;
    padding-top: 55px;
  }

  .grid-10 {
    grid-column-gap: 31px;
    grid-row-gap: 35px;
    border-top: 1px #101010;
    padding-top: 40px;
  }

  .gray-text {
    color: #6f6f6f;
    font-size: 20px;
  }

  .grid-11 {
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    border-top: 1px #101010;
    padding-top: 40px;
  }

  .bold-text-4 {
    padding-right: 0;
    font-size: 24px;
  }

  .laptop-container {
    width: 60%;
    padding-bottom: 0;
  }

  .grid-12 {
    grid-template-rows: auto auto auto;
    grid-template-areas: "."
                         "."
                         ".";
  }

  .dpreviewhead {
    color: #8e8e8e;
    padding-top: 0;
    padding-bottom: 22px;
    font-size: 19px;
    line-height: 20px;
  }

  .dpreviewhead.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

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

  .grid-14 {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .text-block-33 {
    padding-top: 0;
    padding-bottom: 184px;
  }

  .text-block-33.whitetext {
    max-width: none;
    padding-bottom: 0;
    font-size: 26.4px;
    line-height: 34px;
  }

  .text-block-33.whitetext.lesspadding {
    max-width: 80%;
  }

  .text-block-33.whitetext.lesspadding.inn {
    max-width: 100%;
    font-size: 22px;
    line-height: 26px;
  }

  .text-block-33.whitetext.inn {
    font-size: 22px;
    line-height: 26px;
  }

  .text-block-34, .text-block-35, .text-block-36, .text-block-37, .text-block-38, .text-block-39 {
    font-size: 18px;
  }

  .bold-text-6 {
    font-size: 32.4px;
  }

  .div-block-10-copy {
    padding-left: 0;
  }

  .text-block-33-copy {
    padding-top: 0;
    padding-bottom: 184px;
  }

  .text-block-33-copy.whitetext {
    max-width: 80%;
    font-size: 32px;
    line-height: 34px;
  }

  .text-block-33-copy.whitetext.lesspadding {
    max-width: 100%;
  }

  .text-block-33-copy.whitetext.lesspadding.inn {
    font-size: 22px;
    line-height: 26px;
  }

  .project-device-copy {
    max-width: 270px;
    margin-bottom: -19%;
    margin-right: -15%;
  }

  .finalproduct {
    padding-bottom: 0;
  }

  .grey-background-hacksc.grey-background-min {
    height: 52vw;
  }

  .finalproducttext {
    font-size: 35px;
  }

  .videomockup {
    width: 100%;
  }

  .grid-17 {
    grid-template-rows: auto auto auto;
    max-width: 90%;
  }

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

  .text-block-40 {
    font-size: 35px;
  }

  .container-23 {
    max-width: 100%;
    padding-right: 0;
  }

  .video-3 {
    width: 100%;
    height: auto;
  }

  .background-video-4 {
    z-index: 1;
    width: 100%;
    height: 100%;
  }

  .about {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bold-text-8 {
    font-size: 28px;
  }

  .image-9 {
    width: 20%;
  }

  .container-25 {
    text-align: right;
    padding-right: 15vh;
  }

  .image-13 {
    width: 55%;
    padding-top: 24%;
    padding-left: 10%;
  }

  .section-25 {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6429200162519362a850f7bf_Screen%20Shot%202023-04-01%20at%2011.25.48%20PM.png");
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 100vh;
  }

  .text-block-42 {
    font-size: 16px;
  }

  .grid-20 {
    padding-right: 40px;
  }

  .nav-menu {
    left: 6%;
  }

  .rolescolumn-wander {
    padding: 36px;
  }

  .rolesheader-copy {
    padding-bottom: 9px;
    font-size: 16px;
  }

  .rolestext-wander {
    font-size: 16px;
    line-height: 21px;
  }

  .aboutcolumn-wander {
    width: 100%;
  }

  .text-block-8-wander {
    width: 90%;
    max-width: 100%;
    padding-right: 0;
    font-size: 17px;
    line-height: 26px;
  }

  .aboutcaseheader-wander {
    padding-left: 0;
    font-size: 27px;
  }

  .bold-text-4-wander {
    padding-right: 0;
    font-family: DM Sans, sans-serif;
    font-size: 24px;
  }

  .text-block-8-w {
    max-width: 100%;
    padding-right: 0;
    font-size: 20px;
    line-height: 26px;
  }

  .projectsummary-w {
    color: #101010;
  }

  .projecttitle-w {
    color: #fbfbfb;
    margin-bottom: 0;
    font-family: DM Sans, sans-serif;
    font-size: 50px;
    line-height: 66px;
  }

  .image-13-w {
    width: 59%;
    padding-top: 24%;
    padding-left: 10%;
  }

  .text-block-42-w {
    font-family: DM Sans, sans-serif;
    font-size: 16px;
  }

  .grid-20-w {
    padding-right: 14px;
  }

  .numbers-copy-w {
    font-size: 28px;
  }

  .numbers-copy-w.space {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w.space-copy {
    padding-top: 40px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w.space-2 {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w.space-2.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w.space-2.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w.space-copy-atvn {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w.space-copy-atvn.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w.space-copy-atvn.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .objectives-section-w {
    padding-top: 95px;
  }

  .case-text-copy-w {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .case-text-copy-w.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .case-text-copy-w.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .numbers-copy {
    font-size: 28px;
  }

  .numbers-copy.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .belownumbers-w {
    font-size: 18px;
  }

  .belownumbers-w.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .numbers-copy-copy {
    font-size: 28px;
  }

  .numbers-copy-copy.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-copy.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-copy.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .belownumbers-w-copy {
    font-size: 18px;
  }

  .belownumbers-w-copy.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .belownumbers-w-copy.diff, .belownumbers-w-copy.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .belownumbers-w-copy.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .grid-23 {
    font-family: DM Sans, sans-serif;
  }

  .finalproduct-copy-w {
    background-color: #101010;
    border: 1px #0000;
    border-top: 1px solid #000;
    padding-top: 95px;
  }

  .container-21-w {
    max-width: 65%;
    padding-top: 40px;
    padding-bottom: 55px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
  }

  .container-23-w {
    max-width: 100%;
    padding-right: 0;
  }

  .text-block-40-copy-w {
    font-family: DM Sans, sans-serif;
    font-size: 35px;
  }

  .grid-17-w {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    max-width: 78%;
    padding-top: 50px;
    font-family: DM Sans, sans-serif;
  }

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

  .videomockup-w {
    width: 100%;
  }

  .grid-14-w, .grid-14-wa {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .div-block-10-copy-w {
    padding-left: 0;
  }

  .dpreviewhead-w {
    color: #f3f3f3;
    padding-top: 0;
    padding-bottom: 25px;
    padding-left: 0;
    font-family: DM Sans, sans-serif;
    font-size: 25px;
    line-height: 30px;
  }

  .dpreviewhead-w.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .numbers-w {
    font-size: 28px;
  }

  .numbers-w.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-w.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-w.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-w.space.replace.hibnumbers-w {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-w.space.replace.hibnumbers-w.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-w.space-w {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-w.space-w.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-w.space-w.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-w.space-w.replace.hibnumbers-w {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-w.space-w.replace.hibnumbers-w.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-w.space-w.replace-w.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-w.space-w.replace-w.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-w.space-w.replace-w.hibnumbers-w {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-w.space-w.replace-w.hibnumbers-w.hibb, .numbers-w.space-w.replace-w.hibnumbers-w.hibb-w {
    max-width: 100%;
    padding-top: 0;
  }

  .travel-final {
    outline-offset: 0px;
    border-radius: 29px;
    outline: 3px solid #333;
  }

  .travel-final.extra-10-copy {
    max-width: 56%;
  }

  .div-block-10-copy-lofi {
    max-width: 97%;
    padding-left: 0;
  }

  .dpreviewhead-w-lofi {
    color: #8e8e8e;
    padding-top: 0;
    padding-bottom: 22px;
    font-size: 19px;
    line-height: 20px;
  }

  .dpreviewhead-w-lofi.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .image-20-lofi {
    max-width: 45%;
  }

  .belownumbers-w-copy-black {
    font-size: 18px;
  }

  .belownumbers-w-copy-black.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy-black.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .belownumbers-w-copy-black.whiteborder-copy {
    padding-bottom: 20px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy-black.whiteborder-copy-copy {
    padding-bottom: 20px;
    font-family: DM Sans, sans-serif;
    font-size: 17px;
    line-height: 22px;
  }

  .belownumbers-w-copy-black.whiteborder-copy-s {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy-black.impacttext-se {
    padding-bottom: 20px;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .text-block-44 {
    font-family: DM Sans, sans-serif;
  }

  .section-28 {
    background-repeat: repeat;
    background-size: cover;
  }

  .grid-13-w-preview {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid-14-wa-preview {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .div-block-10-copy-w-preview {
    padding-left: 0;
  }

  .image-20-weird {
    outline-offset: 0px;
    border-radius: 29px;
    outline: 3px #333;
    box-shadow: 0 3px 8px 1px #807e7ef2;
  }

  .belownumbers-w-copy-coman {
    font-size: 18px;
  }

  .belownumbers-w-copy-coman.whiteborder {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy-coman.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .blackcontainer {
    max-width: 75%;
  }

  .visual-design {
    font-size: 28px;
  }

  .visual-design.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .visual-design.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .visual-design.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .visual-design.space-vd {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .visual-design.space-vd.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .visual-design.space-vd.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .design-systems {
    font-size: 28px;
  }

  .design-systems.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .design-systems.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .design-systems.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .design-systems.space-st {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .design-systems.space-st.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .design-systems.space-st.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .additional-app {
    font-size: 35px;
  }

  .tm-copy {
    font-size: 23px;
  }

  .change-1 {
    font-size: 28px;
  }

  .change-1.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .change-1.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .change-1.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .change-2 {
    font-size: 28px;
  }

  .change-2.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .change-2.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .change-2.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .sub-sub {
    font-family: DM Sans, sans-serif;
    font-size: 28px;
  }

  .sub-sub.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .sub-sub.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .sub-sub.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .sub-sub-copy {
    font-size: 20px;
  }

  .user-testing {
    font-size: 28px;
  }

  .user-testing.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .user-testing.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .user-testing.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .user-testing.spaceig {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .user-testing.spaceig.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .user-testing.spaceig.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .user-testing.ussertesting-space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .user-testing.ussertesting-space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .user-testing.ussertesting-space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .undercolor {
    font-size: 18px;
  }

  .undercolor.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .undercolor.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .undercolor.whiteborder-undercolor {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .hey {
    padding-bottom: 19px;
    font-family: DM Sans, sans-serif;
    font-size: 18px;
  }

  .hey.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .hey.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .div-block-16 {
    padding-top: 10px;
  }

  .belowlist {
    font-size: 18px;
  }

  .belowlist.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belowlist.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .preferences-lofi {
    width: 80%;
  }

  .finalproduct-copy-w-copy {
    outline-offset: 0px;
    background-color: #000;
    outline: 3px #333;
  }

  .grid-17-w-space {
    grid-template-rows: auto;
    max-width: 78%;
    font-family: DM Sans, sans-serif;
  }

  .numbers-copy-copy-copy {
    font-size: 28px;
  }

  .numbers-copy-copy-copy.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-copy-copy.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-copy-copy.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-copy-copy.space-copy {
    padding-top: 50px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-copy-copy.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-copy-copy.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .hey-copy {
    font-size: 16px;
  }

  .hey-copy.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .hey-copy.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .sub-sub-2 {
    font-size: 28px;
  }

  .sub-sub-2.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .sub-sub-2.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .sub-sub-2.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-copy-copy {
    font-size: 28px;
  }

  .numbers-copy-w-copy-copy.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-copy-copy.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-copy-copy.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .invisible {
    color: #101010;
    padding-top: 0;
    padding-bottom: 22px;
    font-size: 19px;
    line-height: 20px;
  }

  .invisible.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .image-26 {
    max-width: 93%;
  }

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

  .grid-27 {
    grid-template-columns: 1fr;
    place-items: stretch center;
  }

  .text {
    font-size: 16px;
  }

  .text.whiteborder {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .text.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .text.diff, .text.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .text.learned {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .lm {
    display: flex;
  }

  .numbers-copy-w-copy-fwffew {
    font-size: 28px;
  }

  .numbers-copy-w-copy-fwffew.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-copy-fwffew.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-copy-fwffew.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .rolescolumn-hacksc-copy {
    padding: 36px;
  }

  .rolesheader-hacksc {
    padding-bottom: 9px;
    font-size: 16px;
  }

  .rolestext-hack, .rolestext-wander-copy {
    font-size: 16px;
    line-height: 21px;
  }

  .aboutcolumn-hack {
    width: 100%;
  }

  .column-hack-copy {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 132px;
  }

  .aboutcaseheader-hack {
    padding-left: 0;
    font-size: 27px;
  }

  .bold-text-4-hack {
    padding-right: 0;
    font-size: 24px;
  }

  .text-block-8-hack {
    width: 90%;
    max-width: 100%;
    padding-right: 0;
    font-size: 17px;
    line-height: 26px;
  }

  .aboutdescription-hack {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 21px;
  }

  .column-hack {
    padding-right: 169px;
  }

  .finalproduct-hacksc {
    background-color: #101010;
    border: 1px #0000;
    border-top: 1px solid #000;
    padding-top: 95px;
  }

  .container-21-hacksc {
    max-width: 65%;
    padding-top: 40px;
    padding-bottom: 55px;
    font-family: Inter, sans-serif;
    font-size: 27px;
  }

  .text-block-40-hacksc {
    font-size: 35px;
  }

  .grid-17-w-hacksc {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    max-width: 78%;
    padding-top: 50px;
  }

  .grid-13-w-preview-hacksc {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid-14-wa-preview-hacksc {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .dpreviewhead-w-hacksc {
    color: #f3f3f3;
    padding-top: 0;
    padding-bottom: 25px;
    padding-left: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .dpreviewhead-w-hacksc.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .div-block-10-hacksc, .div-block-10-hsc {
    max-width: 97%;
    padding-left: 0;
  }

  .image-20-hacksc.extra-10-copy {
    max-width: 56%;
  }

  .finalproduct-hacksc-copy {
    background-color: #101010;
    border: 1px #0000;
    border-top: 1px solid #000;
    padding-top: 95px;
  }

  .container-21-hacksc-copy {
    max-width: 65%;
    padding-top: 40px;
    padding-bottom: 55px;
    font-family: Inter, sans-serif;
    font-size: 27px;
  }

  .text-block-40-hacksc-copy {
    font-size: 35px;
  }

  .container-23-w-copy {
    max-width: 100%;
    padding-right: 0;
  }

  .grid-17-w-hacksc-copy {
    grid-column-gap: 35px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    max-width: 78%;
    padding-top: 50px;
  }

  .image-20-copy {
    outline-offset: 0px;
    border-radius: 25px;
    outline: 3px solid #333;
    width: 80%;
  }

  .image-20-copy.extra-10-copy {
    max-width: 56%;
  }

  .image-20-final {
    outline-offset: 0px;
    border-radius: 25px;
    outline: 3px solid #333;
  }

  .image-20-final.extra-10-copy {
    max-width: 56%;
  }

  .travel-final-copy {
    outline-offset: 0px;
    border-radius: 29px;
    outline: 3px solid #333;
  }

  .travel-final-copy.extra-10-copy {
    max-width: 56%;
  }

  .objectives-section-w-dsfgv {
    padding-top: 95px;
  }

  .container-21-w-iterations {
    max-width: 65%;
    padding-top: 40px;
    padding-bottom: 55px;
    font-family: Inter, sans-serif;
    font-size: 27px;
  }

  .pivot-to-inspiration {
    font-size: 28px;
  }

  .pivot-to-inspiration.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .pivot-to-inspiration.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .pivot-to-inspiration.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .tab-link-research {
    border-radius: 14px;
    margin-right: 13px;
  }

  .herogrid-w-atvn {
    grid-row-gap: 20px;
  }

  .projecttitle-atvn {
    color: #fbfbfb;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 50px;
    line-height: 66px;
  }

  .grid-20-atvn {
    padding-right: 40px;
  }

  .text-block-42-atvn {
    font-size: 16px;
  }

  .text-block-8-atvn {
    width: auto;
    max-width: none;
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
  }

  .image-13-atvn {
    width: 55%;
    padding-top: 24%;
    padding-left: 10%;
  }

  .atvn-section {
    padding-left: 10%;
  }

  .caseaboutsection-atvn {
    outline-offset: 0px;
    border: 1px #000;
    border-top-width: 0;
    outline: 3px #0000;
    padding-top: 0;
  }

  .aboutcolumn-atvn {
    width: 100%;
  }

  .column-hack-atvn {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 132px;
  }

  .aboutcaseheaderatvn {
    padding-left: 0;
    font-size: 27px;
  }

  .bold-text-4-atvn {
    padding-right: 0;
    font-size: 24px;
  }

  .column-atvn {
    padding-right: 169px;
  }

  .aboutdescription-atvn {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 21px;
  }

  .text-block-8-hack-copy {
    width: 90%;
    max-width: 100%;
    padding-right: 0;
    font-size: 17px;
    line-height: 26px;
  }

  .rolescolumn-atvn {
    padding: 36px;
  }

  .text-block-8-atvnn {
    width: 90%;
    max-width: 100%;
    padding-right: 0;
    font-size: 17px;
    line-height: 26px;
  }

  .case-text-atvn {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .case-text-atvn.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .case-text-atvn.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .case-text-atvn.whitetext-atvn.problemstextspacing, .case-text-atvn.process-section.problemstextspacing {
    font-size: 18px;
  }

  .numbers-copy-w-atvn {
    font-size: 28px;
  }

  .numbers-copy-w-atvn.space {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-atvn.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-atvn.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-atvn.space-copy {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-atvn.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-atvn.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-atvn.space-2 {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-atvn.space-2.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-atvn.space-2.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-atvn.space-atvn.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-atvn.space-atvn.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-atvn.space-atvn {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .belownumbers-w-copy-atvn {
    font-size: 18px;
  }

  .belownumbers-w-copy-atvn.whiteborder {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy-atvn.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .belownumbers-w-copy-atvn.diff, .belownumbers-w-copy-atvn.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-copy-atvn.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .belownumbers-w-copy-atvn.whiteborder-atvn, .belownumbers-w-copy-atvn.link-to-docs, .belownumbers-w-copy-atvn.imagedescription {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .belowlist-atvn {
    font-size: 18px;
  }

  .belowlist-atvn.whiteborder {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belowlist-atvn.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .numbers-copy-atvn {
    font-size: 28px;
  }

  .numbers-copy-atvn.space {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-atvn.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-atvn.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-atvn.space-copy {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-atvn.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-atvn.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-atvn.space-2 {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-atvn.space-2.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-atvn.space-2.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-atvn.space-copy-atvn {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-atvn.space-copy-atvn.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-atvn.space-copy-atvn.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .atvn-button-tab-text {
    font-size: 18px;
  }

  .pics-atvn {
    font-family: Inter, sans-serif;
    font-size: 17px;
    line-height: 22px;
  }

  .megrid-3rd-atvn {
    grid-template-rows: auto;
  }

  .bullets-3rd-atvn {
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 22px;
  }

  .image-29 {
    border-radius: 10px;
    box-shadow: 3px 4px 6px 2px #807e7ef2;
  }

  .text-block-40-copy {
    font-size: 35px;
  }

  .hib-description-text {
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 23px;
  }

  .type-of-page {
    color: #ecb400;
    padding-top: 40px;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 20px;
  }

  .type-of-page.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .type-of-hib {
    font-size: 28px;
  }

  .type-of-hib.space {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .type-of-hib.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .type-of-hib.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .type-of-view {
    color: #8e8e8e;
    padding-top: 25px;
    padding-bottom: 40px;
    font-size: 23px;
    line-height: 20px;
  }

  .type-of-view.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .same-user-break {
    padding-top: 57px;
  }

  .events-mobile-view {
    grid-template-rows: auto auto;
  }

  .sub-identity-portal {
    color: #fbfbfb;
    padding-top: 0;
    padding-bottom: 33px;
    font-size: 19px;
    line-height: 20px;
  }

  .sub-identity-portal.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .notice {
    color: #8e8e8e;
    padding-top: 55px;
    padding-bottom: 0;
    font-size: 23px;
    line-height: 20px;
  }

  .notice.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .hib-description-text-w-space {
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 19px;
    line-height: 23px;
  }

  .tabtext {
    font-size: 19px;
  }

  .tab-link-tab-2-3, .tab-link-tab-1-2, .tab-link-tab-3-2 {
    padding: 14px 35px;
  }

  .tab-link-tab-4 {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .tab-link-tab-4.w--current {
    padding-bottom: 14px;
    padding-left: 35px;
    padding-right: 35px;
  }

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

  .sayhi {
    font-size: 15px;
  }

  .intro-text-copy {
    color: #d4d4d4;
    text-align: left;
    max-width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 17px;
    line-height: 20px;
  }

  .tabs-menu-5 {
    width: 12%;
  }

  .listtext {
    color: #b9b9b9;
    font-size: 15.5px;
  }

  .tab-link-tab-1-3 {
    font-size: 15px;
    transition-duration: .3s;
  }

  .tab-link-tab-1-3.w--current {
    background-color: #8b8b8b54;
    border-style: none;
    border-radius: .5em;
    font-size: 15px;
  }

  .text-block-53 {
    font-size: 1.2em;
  }

  .tab-link-tab-2-4 {
    font-size: 15px;
    transition: opacity .3s;
  }

  .tab-link-tab-2-4.w--current {
    background-color: #8b8b8b54;
    border-style: none;
    border-width: 1px;
    border-radius: .5em;
  }

  .tab-link-tab-3-5 {
    font-size: 15px;
    transition: opacity .3s;
  }

  .tab-link-tab-3-5.w--current {
    border: 1px #000;
    transition: opacity .3s;
  }

  .text-block-54, .text-block-55 {
    font-size: 1.2em;
  }

  .experience {
    background-color: #0000;
    margin-right: 0%;
    padding-left: 81px;
  }

  .section-32 {
    margin-bottom: 76px;
  }

  .aboutcolumn-se {
    width: 100%;
  }

  .column-se {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 12%;
  }

  .aboutcaseheader-se {
    padding-left: 0;
    font-size: 27px;
  }

  .text-block-se {
    width: 90%;
    max-width: 100%;
    padding-right: 0;
    font-size: 17px;
    line-height: 22px;
  }

  .aboutdescription-se {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 21px;
  }

  .container-3-se {
    background-color: #d8d8d8;
    background-image: none;
  }

  .rolestext-se {
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    line-height: 23px;
  }

  .rolesheader-se {
    padding-bottom: 9px;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
  }

  .text-block-8-w-copy {
    max-width: 100%;
    padding-right: 0;
    font-size: 20px;
    line-height: 26px;
  }

  .text-block-se-top {
    color: #292929;
    max-width: 100%;
    padding-right: 0;
    font-family: DM Sans, sans-serif;
    font-size: 20px;
    line-height: 26px;
  }

  .herogrid-se {
    grid-row-gap: 20px;
  }

  .projecttitle-se {
    color: #101010;
    margin-bottom: 0;
    font-family: DM Sans, sans-serif;
    font-size: 40px;
    line-height: 66px;
  }

  .text-block-42-se {
    font-family: DM Sans, sans-serif;
    font-size: 16px;
  }

  .image-13-se {
    width: 59%;
    padding-top: 24%;
    padding-left: 10%;
  }

  .section-24-se {
    background-size: cover;
    padding-left: 4%;
  }

  .exprole {
    color: #fff;
    font-size: 16px;
  }

  .section-33 {
    padding-left: 113px;
  }

  .text-block-40-se {
    font-size: 35px;
  }

  .container-21-se {
    max-width: 65%;
    padding-top: 40px;
    padding-bottom: 55px;
    font-family: Inter, sans-serif;
    font-size: 27px;
  }

  .container-23-se {
    max-width: 100%;
    padding-right: 0;
  }

  .grid-17-se {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    max-width: 78%;
    padding-top: 50px;
  }

  .grid-13-w-preview-se {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid-14-wa-preview-se {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .image-20-weird-se {
    outline-offset: 0px;
    border-radius: 0;
    outline: 3px #000;
  }

  .dpreviewhead-se {
    color: #f3f3f3;
    padding-top: 0;
    padding-bottom: 25px;
    padding-left: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .dpreviewhead-se.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .previewtext-se {
    font-family: Inter, sans-serif;
    font-size: 17px;
    line-height: 22px;
  }

  .travel-final-copy-se {
    outline-offset: 0px;
    border-radius: 0;
    outline: 3px #000;
    max-width: 100%;
  }

  .travel-final-copy-se.extra-10-copy {
    max-width: 56%;
  }

  .div-block-10-copy-lofi-se {
    max-width: 97%;
    padding-left: 0;
  }

  .travel-final-se {
    outline-offset: 0px;
    border-radius: 29px;
    outline: 3px solid #333;
  }

  .travel-final-se.extra-10-copy {
    max-width: 56%;
  }

  .finalproduct-copy-se {
    background-color: #000;
    border: 1px #0000;
    border-top: 1px solid #000;
    padding-top: 95px;
  }

  .impactsubheader {
    border: 1px #000;
    padding-top: 55px;
    padding-bottom: 55px;
    font-size: 27px;
    font-weight: 500;
  }

  .impactsubheader.whitetext {
    font-size: 27px;
  }

  .impactsubheader.underline {
    border-bottom-color: #101010;
  }

  .hacksc-process-cover {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66901fc69bd0cc5419308abf_Hibiscus%20Process%20cover.png");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover;
  }

  .image-44 {
    padding-bottom: 0;
  }

  .image-45 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .casestudy {
    margin-top: 0;
    margin-right: 6.4%;
    padding-left: 6.4%;
  }

  .case-text-se {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .case-text-se.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .case-text-se.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .belownumbers-se {
    font-size: 18px;
  }

  .belownumbers-se.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-se.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .belownumbers-se.diff, .belownumbers-se.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-se.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .belownumbers-se.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-se.whiteborder-se {
    padding-bottom: 15px;
    font-size: 17px;
    line-height: 22px;
  }

  .belownumbers-se.whiteborder-se-overview, .belownumbers-se.organizingcaption {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .grid-37 {
    grid-template-columns: 4fr 1fr;
  }

  .subheading-3-se {
    font-size: 18px;
  }

  .subheading-3-se.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .subheading-3-se.diff, .subheading-3-se.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .subheading-3-se.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .grid-39 {
    grid-column-gap: 53px;
  }

  .numbers-copy-w-copy {
    font-size: 28px;
  }

  .numbers-copy-w-copy.space {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-copy.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-copy.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-copy.space-copy {
    padding-top: 40px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-copy.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-copy.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-copy.space-2 {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-copy.space-2.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-copy.space-2.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-copy.space-copy-atvn {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-copy.space-copy-atvn.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-copy.space-copy-atvn.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .numbers-copy-w-copy.space-se {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .numbers-copy-w-copy.space-se.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .numbers-copy-w-copy.space-se.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-se {
    font-size: 28px;
  }

  .subheading2-se.space {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-se.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-se.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-se.space-copy {
    padding-top: 40px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-se.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-se.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-se.space-2 {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-se.space-2.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-se.space-2.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-se.space-copy-atvn {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-se.space-copy-atvn.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-se.space-copy-atvn.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-se.space-se {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-se.space-se.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-se.space-se.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .case-text-copy-w-copy {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .case-text-copy-w-copy.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .case-text-copy-w-copy.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .case-text-copy-w-copy.whitetext-se.problemstextspacing {
    font-size: 18px;
  }

  .inconsistent-settings-div {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .inconsistent-settings-div.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .inconsistent-settings-div.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .belownumbers-w-se {
    font-size: 18px;
  }

  .belownumbers-w-se.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-se.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .belownumbers-w-se.diff, .belownumbers-w-se.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-se.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .belownumbers-w-se.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .belownumbers-w-se.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .previous-sm-settings {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .previous-sm-settings.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .previous-sm-settings.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .prev-sm-settings-images {
    grid-column-gap: 23px;
  }

  .caption {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18.5px;
  }

  .caption.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .caption.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .caption.diff, .caption.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .caption.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .caption.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .caption.whiteborder-se, .caption.whiteborder-se-overview {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .caption.specialnote, .caption.specialnote-override {
    color: #e6e6e6;
    margin-top: .6%;
  }

  .imagelist {
    font-size: 18px;
  }

  .imagelist.whiteborder {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .imagelist.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .imagelist.whiteborder-no-space {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .settings-final-lofi {
    border-radius: 10px;
  }

  .spacer-new-h {
    height: 45px;
  }

  .quote {
    font-size: 28px;
  }

  .quote.space {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .quote.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .quote.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .quote.space-copy {
    padding-top: 40px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
    line-height: 29px;
  }

  .quote.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .quote.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .quote.space-2 {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .quote.space-2.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .quote.space-2.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .quote.space-copy-atvn {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .quote.space-copy-atvn.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .quote.space-copy-atvn.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .quote.space-se {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .quote.space-se.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .quote.space-se.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .text-block-59 {
    color: #292929;
    font-family: DM Sans, sans-serif;
    font-size: 23px;
    font-weight: 600;
  }

  .quotee {
    color: #048d28;
    margin-bottom: 0;
    font-size: 25px;
    line-height: 35px;
  }

  .quotee.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .quotee.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .quotee.diff, .quotee.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .quotee.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .quotee.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .quotee.whiteborder-se, .quotee.whiteborder-se-overview {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-black-se {
    font-size: 18px;
  }

  .subheading-3-black-se.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-black-se.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .subheading-3-black-se.diff, .subheading-3-black-se.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-black-se.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .subheading-3-black-se.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-black-se.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-4-se-colored {
    padding-top: 3px;
    padding-bottom: 9px;
    font-size: 18px;
  }

  .subheading-4-se-colored.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-4-se-colored.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .subheading-4-se-colored.diff, .subheading-4-se-colored.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-4-se-colored.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .subheading-4-se-colored.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-4-se-colored.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .ooux {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .ooux.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .ooux.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .sections-images {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .sections-images.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .sections-images.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .title-se-container {
    max-width: 65%;
    padding-top: 40px;
    padding-bottom: 55px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
  }

  .subtitles-se {
    color: #f3f3f3;
    padding-top: 0;
    padding-bottom: 25px;
    padding-left: 0;
    font-family: DM Sans, sans-serif;
    font-size: 25px;
    line-height: 30px;
  }

  .subtitles-se.nni {
    width: 77%;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 20px;
  }

  .mockup-div-se {
    padding-left: 0;
  }

  .grid-14-se {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .div-block-11-se {
    display: flex;
  }

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

  .div-lofi-se {
    max-width: 97%;
    padding-left: 0;
  }

  .grid-17-see {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    max-width: 78%;
    padding-top: 50px;
    font-family: DM Sans, sans-serif;
  }

  .grid-contianer-se {
    max-width: 100%;
    padding-right: 0;
  }

  .title-se-text {
    font-family: DM Sans, sans-serif;
    font-size: 35px;
  }

  .impact {
    max-width: 65%;
    padding-top: 40px;
    padding-bottom: 55px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
  }

  .impacttextse {
    font-size: 17px;
    line-height: 22px;
  }

  .videomockupsse {
    outline-offset: 0px;
    border-radius: 5px;
    outline: 3px #333;
  }

  .videomockupsse.extra-10-copy {
    max-width: 56%;
  }

  .finalproduct-copyse {
    background-color: #000;
    border: 1px #0000;
    border-top: 1px solid #000;
    padding-top: 95px;
  }

  .personas {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    max-width: 90%;
  }

  .discovery-research {
    font-size: 18px;
  }

  .discovery-research.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .discovery-research.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .discovery-research.diff, .discovery-research.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .discovery-research.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .discovery-research.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .discovery-research.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .div-block-25 {
    box-shadow: 0 2px 5px #837a7a33;
  }

  .wireframing-feedback {
    font-size: 18px;
  }

  .wireframing-feedback.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .wireframing-feedback.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .wireframing-feedback.diff, .wireframing-feedback.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .wireframing-feedback.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .wireframing-feedback.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .wireframing-feedback.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .iterations-more-feedback {
    font-size: 18px;
  }

  .iterations-more-feedback.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .iterations-more-feedback.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .iterations-more-feedback.diff, .iterations-more-feedback.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .iterations-more-feedback.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .iterations-more-feedback.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .iterations-more-feedback.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-5-se {
    padding-bottom: 9px;
    font-size: 18px;
  }

  .subheading-5-se.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-5-se.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .subheading-5-se.diff, .subheading-5-se.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-5-se.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .subheading-5-se.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-5-se.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se-final {
    font-size: 18px;
  }

  .subheading-3-se-final.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se-final.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .subheading-3-se-final.diff, .subheading-3-se-final.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se-final.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .subheading-3-se-final.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se-final.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .grid-obstacle {
    grid-row-gap: 43px;
    grid-template-columns: 1fr 1fr;
  }

  .iterations-pictures {
    max-width: 100%;
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .iterations-pictures.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .iterations-pictures.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .sorting {
    border-radius: 10px;
  }

  .grid-45 {
    grid-column-gap: 23px;
    place-items: center;
  }

  .moreglow {
    box-shadow: 0 0 10px 2px #f7d3e9;
  }

  .projects {
    width: 70%;
    max-width: none;
  }

  .journapic {
    border-radius: 7px;
    box-shadow: 0 0 1px #000;
  }

  .journapic-video {
    border-radius: 7px;
    max-width: none;
  }

  .projectsection {
    padding-left: 0;
  }

  .testtt {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684c77011db0a13e4735d6b9_dialogs%20hero%20image-2.png");
    background-repeat: repeat-y;
    background-size: cover;
    height: 100vh;
    padding-top: 7%;
  }

  .header-description-settings {
    color: #f3f3f3;
    max-width: 100%;
    padding-right: 0;
    font-size: 20px;
    line-height: 26px;
  }

  .project-summary-settings {
    font-size: 16px;
  }

  .projecttitle-settings {
    color: #f3f3f3;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 40px;
    line-height: 66px;
  }

  .project-summary-settingss {
    color: #f3f3f3;
  }

  .rolescolumn-settings {
    padding: 36px;
  }

  .aboutcolumn-settings {
    width: 100%;
    padding-top: 75px;
  }

  .subheading-3-se-final-design {
    font-size: 18px;
  }

  .subheading-3-se-final-design.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se-final-design.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .subheading-3-se-final-design.diff, .subheading-3-se-final-design.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se-final-design.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .subheading-3-se-final-design.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .subheading-3-se-final-design.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .videomockupsse-mobile {
    outline-offset: 0px;
    border-radius: 5px;
    outline: 3px #333;
    max-width: 30%;
  }

  .videomockupsse-mobile.extra-10-copy {
    max-width: 56%;
  }

  .image-48, .image-49 {
    border-radius: 10px;
  }

  .image-51 {
    border-radius: 15px;
  }

  .image-52 {
    border-radius: 10px;
    box-shadow: 0 0 1px #000;
  }

  .image-53, .image-54, .image-55 {
    border-radius: 10px;
  }

  .process-steps {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .process-steps.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .process-steps.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .bold-text-17 {
    font-size: 16px;
  }

  .footerlink {
    justify-content: center;
    align-items: center;
    font-size: 15px;
  }

  .downlink {
    align-self: flex-start;
    font-size: 15px;
  }

  .container-3-se-settings {
    background-image: linear-gradient(121deg, #25adff, #21b24b 89%);
  }

  .processbehind-settings {
    background-repeat: repeat;
    background-size: cover;
  }

  .jourtext-caption {
    color: #d4d4d4;
    text-align: left;
    font-size: 17px;
  }

  .processbehindwander {
    background-repeat: repeat;
    background-size: cover;
  }

  .hero-dialogs {
    background-size: cover;
    padding-left: 4%;
  }

  .projecttitle-d {
    color: #f3f3f3;
    margin-bottom: 0;
    font-family: DM Sans, sans-serif;
    font-size: 40px;
    line-height: 66px;
  }

  .text-block-d {
    color: #f3f3f3;
    max-width: 100%;
    padding-right: 0;
    font-family: DM Sans, sans-serif;
    font-size: 20px;
    line-height: 26px;
  }

  .text-block-42-d {
    color: #f3f3f3;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
  }

  .rolescolumn-d {
    padding: 36px;
  }

  .rolesheader-d {
    padding-bottom: 9px;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
  }

  .rolestext-d {
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    line-height: 21px;
  }

  .process-steps-d {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .process-steps-d.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .process-steps-d.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .project-sum-w {
    color: #fbfbfb;
  }

  .process-cover-dialogs {
    background-repeat: repeat;
    background-size: cover;
  }

  .aboutcolumn-d {
    width: 100%;
  }

  .herogrid-d {
    grid-row-gap: 20px;
  }

  .subheading2-d {
    font-size: 28px;
  }

  .subheading2-d.space {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-d.space.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-d.space.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-d.space-copy {
    padding-top: 40px;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-d.space-copy.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-d.space-copy.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-d.space-2 {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-d.space-2.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-d.space-2.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-d.space-copy-atvn {
    padding-top: 40px;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-d.space-copy-atvn.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-d.space-copy-atvn.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .subheading2-d.space-se {
    padding-top: 0;
    font-size: 27px;
    line-height: 29px;
  }

  .subheading2-d.space-se.replace.hibnumbers {
    font-size: 22px;
    line-height: 26px;
  }

  .subheading2-d.space-se.replace.hibnumbers.hibb {
    max-width: 100%;
    padding-top: 0;
  }

  .iterations-pictures-d {
    font-size: 16px;
    font-style: normal;
    line-height: 21px;
  }

  .iterations-pictures-d.whitetext.problemstextspacing {
    font-size: 18px;
  }

  .iterations-pictures-d.new {
    max-width: 100%;
    font-size: 18px;
    line-height: 20px;
  }

  .final-dialog-heading-d {
    padding-bottom: 25px;
  }

  .projectsummary-d {
    color: #f3f3f3;
  }

  .toowhite {
    box-shadow: 0 2px 7px 3px #0003;
  }

  .contrast {
    border-radius: 10px;
    box-shadow: 0 0 1px #000;
  }

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

  .lesscurve {
    border-radius: 10px;
    box-shadow: 0 0 1px #000;
  }

  .wordsaboutme {
    grid-column-gap: 25px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
  }

  .container-27 {
    max-height: none;
  }

  .div-block-29 {
    padding-bottom: 22%;
  }

  .ani {
    margin-left: 0%;
    padding-left: 0;
    display: block;
  }

  .words-about-me {
    margin-bottom: 76px;
  }

  .discovery-research-copy {
    font-size: 18px;
  }

  .discovery-research-copy.whiteborder {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .discovery-research-copy.whitetext {
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .discovery-research-copy.diff, .discovery-research-copy.aye {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 21px;
  }

  .discovery-research-copy.learned {
    padding-bottom: 18px;
    font-size: 19px;
    line-height: 21px;
  }

  .discovery-research-copy.whiteborder-atvn {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .discovery-research-copy.whiteborder-se {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
  }

  .text-block-60 {
    max-width: 100%;
    font-size: 1.2em;
  }

  .icon {
    max-width: 29%;
  }

  .link-block-10 {
    max-width: none;
  }

  .link-block-11 {
    max-width: 80%;
  }

  .columns-5 {
    margin-bottom: 114px;
  }

  .column-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-menu-underline-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: grid;
  }

  .tabs-nav-unterline {
    color: #1b1b1f;
    background-color: #1b1b1f;
  }

  .tab-content {
    display: flex;
  }

  .tabs-nav-text-2 {
    font-size: 1.2em;
  }

  .util__grid.mono.display {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .display2__bold.m-bottom__xl {
    font-family: DM Sans, sans-serif;
  }

  .titleb__bold.m-bottom__m {
    font-family: DM Sans, sans-serif;
    font-size: 1.9em;
  }

  .titleb__bold.m-bottom__s, .titleb__bold.m-bottom__l, .titlec__bold.m-bottom__l {
    font-family: DM Sans, sans-serif;
  }

  .body-7 {
    font-size: 1.2em;
  }

  .titlea__bold.m-bottom__l.editorialfont {
    color: #1b1b1f;
  }

  .heading__bold {
    margin-bottom: 1%;
    font-family: DM Sans, sans-serif;
    font-size: 1.3em;
  }

  .heading__bold.m-bottom__s {
    font-family: DM Sans, sans-serif;
  }

  .heading__bold.m-bottom__s.gray-smaller-text {
    color: #adadad;
  }

  .heading__bold.m-bottom__s.black-and-smallertext {
    margin-bottom: .2em;
    font-size: 1.1em;
  }

  .heading__bold.m-bottom__l {
    margin-bottom: 1.618em;
  }

  .heading__bold.m-bottom__m {
    margin-bottom: 1em;
  }

  .section__default-3 {
    padding-left: 4.2em;
  }

  .rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.dialogsopacity.sizedialogs {
    box-shadow: none;
    background-color: #fff0;
  }

  .rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.sizewander {
    background-color: #fff0;
  }

  .rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.sizeteams {
    box-shadow: none;
    background-color: #fff0;
  }

  .rolediv {
    padding-top: 75px;
    padding-bottom: 70px;
  }

  .rolecategories {
    grid-column-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .projectsummaryteams.color__onsurfacevariant-title.m-bottom__xxl-title {
    font-size: 1.1em;
  }

  .body-white {
    color: #e6e6e6;
    font-size: 1.2em;
  }

  .body-white.color__onsurfacevariant-copy.m-bottom__xxl-copy {
    font-size: 1.2em;
  }

  .grid-57 {
    grid-template-columns: 1fr;
  }

  ._4-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .tcpwms {
    grid-template-columns: 1fr;
  }

  .highlight {
    color: #006adb;
  }

  .body-7-ends-div {
    color: #1b1b1f;
    text-align: left;
    font-size: 1.2em;
  }

  .body-7-ends-div.rolestext-white {
    color: #e6e6e6;
  }

  .body-7-ends-div.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .body-7-ends-div.highlight {
    color: #a8502a;
  }

  .body-7-ends-div.rolestext-white-override {
    color: #e6e6e6;
  }

  .display2__bold-white {
    margin-top: 0;
    margin-bottom: 2.618em;
    font-family: DM Sans, sans-serif;
  }

  .image-64 {
    box-shadow: 0 0 1px #000;
  }

  .titleb__bold-white, .titleb__bold-white.m-bottom__s {
    font-family: DM Sans, sans-serif;
  }

  .titleb__bold-white.m-bottom__s-white {
    margin-top: 2.618em;
    margin-bottom: .618em;
  }

  .surveyresults.scalefactor__heading-surveyresults.bg-light__surfacedim-copy {
    background-color: #f8f8f8;
  }

  .overline-teams {
    font-weight: 500;
  }

  .body-7-my-role.color__onsurfacevariant-my-role {
    padding-right: 0%;
    font-size: 1.2em;
  }

  .other-projects-in-teams {
    grid-template-columns: 1fr 1fr;
  }

  .resons {
    color: #444;
    font-family: Inter, sans-serif;
    font-weight: 400;
  }

  .smsettings-header {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684c74cc0819bb6968855909_season%20management%20hero%20image.png");
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: cover;
    height: 100vh;
    padding-top: 7%;
  }

  .titleb__bold-coral {
    color: #e94e4b;
    font-family: DM Sans, sans-serif;
  }

  .text-span-6 {
    color: #a30093;
  }

  .bareimage, .smaller-image {
    border-radius: 10px;
  }

  .smaller-image.m-bottom__m {
    margin-bottom: 1em;
  }

  .projectsummary-settings-white.color__onsurfacevariant-title.m-bottom__xxl-title, .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-title {
    font-size: 1.1em;
  }

  .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white {
    font-family: DM Sans, sans-serif;
    font-size: 1.1em;
  }

  .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white.specialnote {
    width: 40%;
  }

  .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white-override {
    font-family: DM Sans, sans-serif;
    font-size: 1.1em;
  }

  .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white-override.specialnote {
    width: 40%;
  }

  .heading__bold-black {
    color: #1b1b1f;
  }

  .heading__bold-black.m-bottom__m {
    font-size: 1.3em;
  }

  .teams-tabs {
    margin-right: 0;
    padding-left: 0;
  }

  .nested-grid-teams {
    grid-template-rows: auto auto;
  }

  .tabs-menu-teams {
    grid-column-gap: 10px;
    grid-row-gap: 16px;
    background-color: #e4e4e4;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: grid;
  }

  .tabs-nav-item-underline-teams._01-teams {
    color: #41414180;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-nav-item-underline-teams._01-teams.w--current {
    color: #2b2727;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-nav-text-2-teams {
    color: #45464f;
    text-align: center;
  }

  .tabs-nav-text-22-teams {
    color: #30303099;
    text-align: center;
  }

  .tabs-nav-text-3-teams, .tabs-nav-text-4-teams {
    color: #ffffff80;
    text-align: center;
  }

  .bold-text-22 {
    color: #1b1b1f;
  }

  .tteams-tabs {
    margin-right: 0;
    padding-left: 0;
  }

  .tabs-menu-underline-wrapper-teams-jj {
    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: center;
    align-items: center;
    max-width: 100%;
    display: grid;
  }

  .body-7-ends-div-white {
    color: #e9e9e9;
    text-align: left;
    padding-left: 0;
    font-size: 1.2em;
  }

  .body-7-ends-div-white-list {
    color: #e9e9e9;
    text-align: left;
  }

  .display1__bold-white.m-bottom__xs.karla {
    font-family: Hammersmith One, sans-serif;
  }

  .link-block-14 {
    text-align: left;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .header {
    margin-bottom: 8em;
    padding-top: 3.2em;
    padding-bottom: 3em;
  }

  .heading-centered-white {
    font-size: 1.2em;
  }

  .body-7-ends-div-black-list {
    color: #333;
    text-align: left;
    font-size: 1.2em;
  }

  .me {
    text-align: center;
  }

  .heading__bold-black-center {
    color: #1b1b1f;
  }

  .projectsummarydialogs.color__onsurfacevariant-title.m-bottom__xxl-title {
    font-size: 1.1em;
  }

  .myseteams {
    background-position: 100%;
    background-repeat: repeat-y;
    background-size: cover;
    border-bottom-style: solid;
    padding-top: 7%;
  }

  .titlec__bold-blue {
    color: #006adb;
  }

  .grid-65 {
    grid-template-columns: 1fr 4.25fr;
    place-items: center start;
    margin-left: 0%;
  }

  .bold-text-23 {
    font-size: 1.3em;
  }

  .wanderhero {
    background-repeat: repeat-y;
    background-size: cover;
    padding-top: 4%;
  }

  .projectsummaryteams-white.color__onsurfacevariant-title.m-bottom__xxl-title {
    font-size: 1.1em;
  }

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

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

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

  .grid-69 {
    grid-template-rows: auto;
    place-items: center;
  }

  .improvements {
    grid-column-gap: 35px;
  }

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

  .issues-arise {
    grid-template-rows: auto;
    place-items: center;
  }

  .wandermodefinal {
    outline-offset: 0px;
    border-radius: 25px;
    outline: 3px solid #333;
    width: 80%;
  }

  .wandermodefinal.extra-10-copy {
    max-width: 56%;
  }

  .additional-features-grid {
    grid-column-gap: 26px;
    grid-template-rows: auto auto;
    place-items: stretch start;
    max-width: 78%;
    padding-top: 50px;
  }

  .body-7-white {
    font-size: 1.2em;
  }

  .bodysection-of-about-me {
    background-color: #f7f7f7;
  }

  .mepic {
    max-width: 75%;
  }

  .heading__bold-copy, .heading__bold-on-black-background {
    font-size: 1.3em;
  }

  .button__text-2 {
    text-align: center;
  }

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

  .button-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .25fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: inline-block;
    box-shadow: 0 4px 11px #858585bf;
  }

  .heading__bold-black-center-white {
    color: #e9e9e9;
  }

  .gradient-bg-2-test {
    z-index: 0;
    float: none;
    clear: none;
    background-color: #e89245c9;
    margin-bottom: 0%;
    position: absolute;
    inset: 2% auto auto 0%;
    overflow: hidden;
  }

  .titlec__bold-coral {
    color: #006adb;
  }

  .contrast-copy {
    border-radius: 10px;
    box-shadow: 0 0 1px #000;
  }

  .overline-teams-white {
    color: #e6e6e6;
    font-weight: 500;
  }

  .bold-text-24 {
    color: #a8502a;
  }

  .display2__bold-centred {
    text-align: center;
    margin-bottom: 2.618em;
  }

  .body-white-2.color__onsurfacevariant-copy.m-bottom__xxl-copy {
    font-size: 1.2em;
  }

  .finalproduct-copy-w-copy-2 {
    outline-offset: 0px;
    outline: 3px #333;
  }

  .image-20-weird-sm {
    outline-offset: 0px;
    border-radius: 0;
    outline: 3px #000;
  }

  .travel-final-sm {
    outline-offset: 0px;
    border-radius: 0;
    outline: 3px #000;
    max-width: 100%;
  }

  .travel-final-sm.extra-10-copy {
    max-width: 56%;
  }

  .mobile-mockup {
    outline-offset: 0px;
    border-radius: 5px;
    outline: 3px #333;
  }

  .mobile-mockup.extra-10-copy {
    max-width: 56%;
  }

  .text-span-8 {
    font-family: Inter, sans-serif;
    font-weight: 600;
  }

  .bold-text-25 {
    color: #e94e4b;
  }

  .preferences-lofi-100 {
    width: 100%;
  }

  .contrast-d {
    border-radius: 10px;
    box-shadow: 0 0 1px #000;
  }

  .intrests {
    margin-bottom: 76px;
  }

  .brazilian {
    border-color: #d4d4d4;
    max-width: 75%;
  }

  .ceramics {
    max-width: 75%;
  }

  .interests {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .grid-79 {
    grid-row-gap: 76px;
    grid-template-rows: auto auto;
  }

  .link-block-17 {
    min-width: auto;
  }

  .tab-link-tab-1-4.w--current {
    background-size: 100% 100%;
  }

  .outsideworktext {
    color: #1b1b1f;
    text-align: left;
    padding-top: .3em;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2em;
  }

  .grid-81 {
    grid-template-rows: auto auto;
    margin-bottom: 0;
    margin-left: 6.4%;
    padding-left: 0;
  }

  .section-37 {
    color: #fff;
  }

  .tabs-menu-underline-wrapper-jopy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: grid;
  }

  .tabs-nav-item-underline-j._01.w--current {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/677e44b04b551a461d12d718_folder.png");
    background-position: 0 0;
    background-size: 100% 100%;
  }

  .jour-tags {
    color: #e9e9e9;
  }

  .jourr-tabs-copy {
    margin-right: 0;
    padding-left: 0;
  }

  .tabs-menu-underline-wrapper-teams {
    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: center;
    align-items: center;
    max-width: 100%;
    display: grid;
  }

  .tabs-content-wrapper-journalism {
    max-width: 70%;
  }

  .tabs-menu-underline-wrapper-teams-journalism {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-bottom: 2em;
    display: grid;
  }

  .source {
    color: #e9e9e9;
    text-align: left;
    padding-left: 0;
    font-size: 1.2em;
  }

  .artice-description {
    color: #e9e9e9;
    text-align: left;
    margin-right: 0%;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2em;
  }

  .karen-link, .coolio-link, .thornton {
    justify-content: center;
    align-items: center;
    font-size: 15px;
  }

  .ye-link {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    font-size: 15px;
  }

  .div-block-53 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 298px;
    display: flex;
  }

  .grid-83 {
    grid-row-gap: 37px;
    color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .contact-us {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    max-width: 100%;
    margin-left: 0%;
    padding-left: 0;
  }

  .section-38 {
    margin-left: 0%;
  }

  .heading-white-first-ge {
    color: #1b1b1f;
    -webkit-text-stroke-color: #e7e5e5;
  }

  .body-7-ends-div-white-fp {
    color: #e9e9e9;
    text-align: left;
    padding-left: 0;
    font-size: 1.2em;
  }

  .link-8-copy {
    color: #fff;
  }

  .dropdown-2 {
    background-color: #bbb8b8;
    padding-right: 409px;
  }

  .flex-block {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
  }

  .heading__bold-on-black-background-about-me {
    font-size: 1.3em;
  }

  ._10px {
    padding-bottom: 10px;
  }

  .outsideworktext-hirono {
    color: #1b1b1f;
    text-align: left;
    padding-top: .3em;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2em;
  }

  .rolediv-teams, .rolediv-dialogs {
    padding-top: 75px;
    padding-bottom: 70px;
  }

  .link-13, .link-14 {
    text-decoration: none;
  }

  .body-7-ends-div-white-jour {
    color: #1b1b1f;
    text-align: left;
    margin-left: 20%;
    margin-right: 20%;
    padding-left: 0;
    font-size: 1.2em;
  }

  .ceramics-copy {
    max-width: 75%;
  }

  .casedescrip {
    background-color: #fff0;
  }

  .uxdintern {
    color: #9163a6;
    letter-spacing: 1px;
  }

  .cstag-myse {
    color: #9163a6;
    text-align: left;
    vertical-align: baseline;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 1.2em;
    display: inline-block;
  }

  .cstag-myse.rolestext-white {
    color: #e6e6e6;
  }

  .cstag-myse.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .cstag-dialogs {
    color: #ca7373;
    text-align: left;
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: 400;
  }

  .cstag-dialogs.rolestext-white {
    color: #e6e6e6;
  }

  .cstag-dialogs.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .cstag-settings {
    color: #3d87bd;
    text-align: left;
    align-self: auto;
    align-items: center;
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: 400;
    display: flex;
  }

  .cstag-settings.rolestext-white {
    color: #e6e6e6;
  }

  .cstag-settings.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .grid-84 {
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    grid-template-columns: 1fr;
  }

  .div-block-59 {
    padding-left: 8%;
  }

  .bodysection-jour {
    margin-top: 5%;
  }

  .grid-85 {
    grid-template-columns: 1fr;
  }

  .impactsubheaderhack {
    border: 1px #000;
    padding-top: 55px;
    padding-bottom: 55px;
    font-size: 27px;
    font-weight: 500;
  }

  .impactsubheaderhack.whitetext {
    font-size: 27px;
  }

  .impactsubheaderhack.underline {
    border-bottom-color: #101010;
  }

  .other-pojects-playground {
    grid-template-columns: 1fr 1fr;
  }

  .hackscheader {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/67b3e67e3203f3902c693f63_dialogs%20hero%20image-3.png");
    background-repeat: repeat-y;
    background-size: cover;
    padding-top: 4%;
  }

  .playground {
    grid-column-gap: 50px;
    grid-template-columns: 1fr 1fr;
    padding: 0% 7%;
  }

  .titlec__bold-white.m-bottom__l {
    font-family: DM Sans, sans-serif;
  }

  .type-white {
    outline-offset: 0px;
    outline: 1px #c2c2c2;
    margin-bottom: 1.3em;
  }

  .uxdintern-blue {
    color: #3d87bd;
    letter-spacing: 1px;
  }

  .uxdintern-red {
    color: #ca7373;
    letter-spacing: 1px;
  }

  .titleb__bold-white-override, .titleb__bold-white-override.m-bottom__s {
    font-family: DM Sans, sans-serif;
  }

  .titleb__bold-white-override.m-bottom__s-white {
    margin-top: 2.618em;
    margin-bottom: .618em;
  }

  .overline-teams-white-override {
    color: #e6e6e6;
    font-weight: 500;
  }

  .body-7-ends-div-tldr {
    color: #45464f;
    text-align: left;
    font-size: 1.2em;
  }

  .body-7-ends-div-tldr.rolestext-white {
    color: #e6e6e6;
  }

  .body-7-ends-div-tldr.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .body-7-ends-div-tldr.highlight {
    color: #a8502a;
  }

  .body-7-ends-div-tldr.rolestext-white-override {
    color: #e6e6e6;
  }

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

  .body-7-ends-div-prevwork {
    color: #45464f;
    text-align: left;
    font-size: 1.2em;
  }

  .body-7-ends-div-prevwork.rolestext-white {
    color: #e6e6e6;
  }

  .body-7-ends-div-prevwork.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .body-7-ends-div-prevwork.highlight {
    color: #a8502a;
  }

  .body-7-ends-div-prevwork.rolestext-white-override {
    color: #e6e6e6;
  }

  .playgroundtag {
    color: #9163a6;
    text-align: left;
    vertical-align: baseline;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 1.2em;
    display: inline-block;
  }

  .playgroundtag.rolestext-white {
    color: #e6e6e6;
  }

  .playgroundtag.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .playgroundtag-hack {
    color: #792b23;
    text-align: left;
    vertical-align: baseline;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 1.2em;
    display: inline-block;
  }

  .playgroundtag-hack.rolestext-white {
    color: #e6e6e6;
  }

  .playgroundtag-hack.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .playgroundtag-ye {
    color: #4e2057;
    text-align: left;
    vertical-align: baseline;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 1.2em;
    display: inline-block;
  }

  .playgroundtag-ye.rolestext-white {
    color: #e6e6e6;
  }

  .playgroundtag-ye.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .playgroundtag-bass {
    color: #5d5110;
    text-align: left;
    vertical-align: baseline;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 1.2em;
    display: inline-block;
  }

  .playgroundtag-bass.rolestext-white {
    color: #e6e6e6;
  }

  .playgroundtag-bass.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .playgroundtag-news {
    color: #153357;
    text-align: left;
    vertical-align: baseline;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 1.2em;
    display: inline-block;
  }

  .playgroundtag-news.rolestext-white {
    color: #e6e6e6;
  }

  .playgroundtag-news.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .playgroundtag-coolio {
    color: #812561;
    text-align: left;
    vertical-align: baseline;
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 1em;
    margin-bottom: 25px;
    font-size: 1.2em;
    display: inline-block;
  }

  .playgroundtag-coolio.rolestext-white {
    color: #e6e6e6;
  }

  .playgroundtag-coolio.m-bottom__xxl {
    margin-bottom: 4.235em;
  }

  .brazilian-copy {
    border-color: #d4d4d4;
    max-width: 75%;
  }

  .image-76 {
    max-width: 55%;
  }

  .spline-scene-2 {
    padding-left: 87px;
  }

  .playgroundd {
    margin-left: 0;
    padding-left: 0;
  }

  .treatment {
    font-size: 1.2em;
  }

  .full-problem-pic {
    border-radius: 10px;
    box-shadow: 0 0 1px #000;
  }
}

@media screen and (min-width: 1920px) {
  .bg-circle._6-copy {
    color: #ff861ad4;
    background-color: #ff861a85;
    margin-top: -21%;
  }

  .div-block-8 {
    max-width: 100%;
  }

  .casestudy {
    margin-right: 6.4%;
    padding-left: 6.4%;
  }

  .testtt {
    height: 100vh;
    padding-top: 9%;
  }

  .ani {
    margin-left: 0%;
  }

  .words-about-me {
    padding-left: 6.4%;
  }

  .link-9 {
    color: #292929;
  }

  .layout {
    grid-column-gap: 4.635em;
  }

  .titleb__bold {
    font-size: 1.9em;
  }

  .body-7.color__onsurfacevariant.m-bottom__xxl {
    font-size: 24px;
  }

  .heading__bold.m-bottom__s {
    color: #292929;
  }

  .highlight {
    color: #006adb;
  }

  .body-7-ends-div {
    font-size: 24px;
  }

  .body-7-ends-div.highlight {
    color: #006adb;
  }

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

  .titleb__bold-white.m-bottom__m {
    font-size: 1.9em;
  }

  .smsettings-header {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684c74cc0819bb6968855909_season%20management%20hero%20image.png");
    padding-top: 9%;
  }

  .titleb__bold-coral {
    color: #006adb;
  }

  .header {
    height: 65vh;
    margin-left: 0%;
    padding-top: 4%;
    padding-bottom: 0;
  }

  .myseteams {
    padding-top: 9%;
  }

  .mepic {
    max-width: 55%;
  }

  .highlight-on-black {
    color: #fff;
  }

  .button-4 {
    box-shadow: 0 2px 11px #b3b3b3cf;
  }

  .gradient-bg-2-test {
    color: #e89245;
    background-color: #ff861a4f;
  }

  .grid-79 {
    grid-column-gap: 70px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-81 {
    grid-template-columns: 1fr 1fr;
    align-content: stretch;
  }

  .section-37 {
    justify-content: center;
    align-items: center;
  }

  .grid-83 {
    justify-content: center;
    align-self: auto;
    place-items: center stretch;
    display: flex;
  }

  .section-38 {
    margin-left: 0%;
  }

  .heading__bold-on-black-background-about-me.m-bottom__s {
    text-transform: uppercase;
    font-size: 1em;
  }

  .cstag-dialogs, .cstag-settings {
    font-weight: 400;
  }

  .bodysection-jour {
    margin-top: 6.2%;
  }

  .playground {
    grid-column-gap: 78px;
  }

  .subheading-other-projects-white {
    font-size: .9em;
  }

  .type-white {
    color: #575757;
    background-color: #d3d3d3;
    font-size: 1em;
  }

  .playimage {
    max-width: 100%;
  }

  .bold-text-27 {
    color: #006adb;
  }

  .prevwork {
    max-width: 25%;
  }

  .hackpic {
    max-width: 90%;
  }

  .prevwork-copy {
    max-width: 35%;
  }

  .image-75 {
    justify-content: center;
    align-items: center;
    max-width: 26%;
  }

  .playgroundtag-hack {
    color: #853b28;
    -webkit-text-stroke-color: #a66e63;
    background-color: #fcbfb3;
  }

  .playgroundtag-ye {
    color: #4e2057;
    -webkit-text-stroke-color: #a66e63;
    background-color: #d4c5d6;
  }

  .playgroundtag-bass {
    color: #5d5110;
    -webkit-text-stroke-color: #a66e63;
    background-color: #f8e4c0;
  }

  .playgroundtag-news {
    color: #153357;
    -webkit-text-stroke-color: #a66e63;
    background-color: #d8e9f6;
  }

  .playgroundtag-coolio {
    color: #812561;
    -webkit-text-stroke-color: #a66e63;
    background-color: #ffd5e4;
  }

  .image-76 {
    max-width: 34%;
  }

  .spline-scene-2 {
    margin-left: 139px;
    padding-left: 139px;
  }

  .spline-scene-4 {
    padding-left: 20%;
  }

  .div-block-64 {
    margin-right: 208px;
  }

  .playgroundd {
    margin-left: 0;
  }

  .treatment {
    border-style: solid;
  }

  .bold-text-32 {
    color: #fff;
  }
}

@media screen and (max-width: 991px) {
  .grey-background.grey-background-min {
    height: 72vw;
  }

  .project-device {
    border-radius: 1.5vw;
    box-shadow: -4px 4px #dbdbdb, -25px 49px 50px -20px #0000004d;
  }

  .device-container-2 {
    margin-top: 6vw;
  }

  .moodboard-image {
    padding-bottom: 55px;
  }

  .infoarchpic {
    padding-bottom: 0;
  }

  .homepageheader {
    font-size: 17px;
    line-height: 20px;
  }

  .text-22 {
    font-size: 11px;
    line-height: 12px;
  }

  .text-block-23, .text-block-24, .text-block-25 {
    font-size: 11px;
  }

  .tab-link-tab-1 {
    align-items: center;
    padding: 0 15px;
    display: flex;
  }

  .tab-link-tab-2.w--current {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .tab-link-tab-3 {
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
  }

  .pics {
    font-size: 11px;
    line-height: 16px;
  }

  .bold-text {
    line-height: 12px;
  }

  .letstalk {
    font-size: 17px;
  }

  .text-block-26 {
    padding-right: 11px;
    font-size: 13px;
  }

  .bold-text-2 {
    line-height: 12px;
  }

  .section-header-3 {
    font-size: 41px;
    line-height: 55px;
  }

  .header-container-jour {
    margin-left: -290px;
  }

  .section-header-3-jour {
    margin-left: 54px;
    font-size: 37px;
  }

  .laptop-lid {
    padding: 20px 12px;
  }

  .project-device-copy {
    border-radius: 1.5vw;
    box-shadow: -4px 4px #dbdbdb, -25px 49px 50px -20px #0000004d;
  }

  .grey-background-hacksc.grey-background-min {
    height: 72vw;
  }

  .section-28 {
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
  }

  .atvn-button-tab-text {
    font-size: 11px;
  }

  .tab-link-tab-1-atvn {
    align-items: center;
    padding: 0 15px;
    display: flex;
  }

  .tab-link-tab-2-atvn.w--current {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .tab-link-tab-3-atvn {
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
  }

  .pics-atvn {
    font-size: 11px;
    line-height: 16px;
  }

  .intro-text-copy {
    font-size: 11px;
    line-height: 12px;
  }

  .tab-link-tab-1-3.w--current, .tab-link-tab-2-4.w--current, .tab-link-tab-3-5.w--current {
    border-radius: .5em;
    padding-left: 20%;
    padding-right: 20%;
  }

  .herogrid-se {
    grid-row-gap: 0px;
  }

  .hacksc-process-cover {
    object-fit: fill;
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/66901fc69bd0cc5419308abf_Hibiscus%20Process%20cover.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    height: 60vh;
  }

  .testtt {
    background-color: #24000a;
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684c77011db0a13e4735d6b9_dialogs%20hero%20image-2.png");
    background-position: 50%;
    background-size: cover;
  }

  .header-description-settings {
    font-size: 12px;
    line-height: 18px;
  }

  .projecttitle-settings {
    margin-bottom: 0;
    font-size: 20px;
  }

  .processbehind-settings, .processbehindwander, .process-cover-dialogs {
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
  }

  .herogrid-d {
    grid-row-gap: 0px;
  }

  .util__sidebar-open-button {
    z-index: 99;
    color: #fefbff;
    background-color: #3c51b8;
    display: block;
    position: fixed;
    inset: auto auto 2.618em 2.618em;
  }

  .util__sidebar-open-button.shadow5 {
    z-index: 100;
    color: #fefbff;
    background-color: #3c51b8;
    inset: auto 1.618em 1.618em auto;
  }

  .state-layer.bg-light__primary {
    background-color: #3c51b8;
  }

  .material-symbols-outlined {
    text-decoration: none;
  }

  .material-symbols-outlined.menu_open {
    display: none;
  }

  .util__appbar-wrap {
    padding-left: 1.618em;
    padding-right: 1.618em;
  }

  .util__appbar-container {
    align-items: center;
    height: 4.235em;
    padding: 0;
  }

  .chainlift-wrap {
    height: auto;
  }

  .util-grid__simplecolor {
    overflow: scroll;
  }

  .navbar-bgfill {
    height: 100%;
    inset: 0%;
  }

  .dropdown-toggle-content {
    justify-content: flex-start;
  }

  .dropdown-toggle-content.onnav {
    color: #350040;
    background-color: #ffd5ff;
    border-radius: 100em;
    padding: .485867em .786164em .485867em .786156em;
  }

  .snackbar__action {
    align-self: flex-end;
  }

  .util__appbar-sidebarwrap {
    -webkit-backdrop-filter: brightness(200%) blur(20px);
    backdrop-filter: brightness(200%) blur(20px);
    background-color: #fbf8fd;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.618em;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
    transform: translate(100%);
  }

  .dropdown-link-wrap {
    text-align: center;
    border-radius: .786em;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .navbar-2 {
    z-index: 3;
    color: #5a5d72;
    justify-content: space-between;
    height: 68px;
  }

  .button__navcta {
    color: #350040;
    background-color: #0000;
    border-radius: 0;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
  }

  .button__navcta.bg__onprimary {
    color: #350040;
    background-color: #0000;
  }

  .dropdown-toggle.end-icon {
    color: #fff;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 1em;
    display: none;
  }

  .dropdown-toggle.end-icon.w--open {
    color: #001453;
    background-color: #dde1ff;
    border-radius: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    display: none;
  }

  .section__mostpadding {
    padding: 6.85229em 2.058em;
  }

  .dropdown {
    color: #1b1b1f;
    text-align: center;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .layout {
    grid-template-columns: max-content auto;
    display: block;
  }

  .subheading__bold {
    color: #45464f;
  }

  .section__morepadding {
    padding: 4.23486em 1.618em;
  }

  .nav-links {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    text-align: left;
    flex-direction: column;
    flex: 1 0 auto;
    grid-template-columns: 1fr;
    align-items: flex-start;
    padding: 1.618em 1.618em 0;
    display: flex;
    position: relative;
  }

  .nav-buttons {
    z-index: 2;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: #fff;
    flex-direction: row;
    flex: 0 auto;
    align-items: center;
    padding: 1.618em;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
    transform: translate(-100%);
  }

  .navbar-wrap {
    z-index: 99;
    padding: 0;
  }

  .dropdown-link {
    color: #1b1b1f;
    text-align: left;
    padding: 1em;
    font-weight: 400;
    text-decoration: none;
    display: flex;
  }

  .dropdown-link.w--current {
    color: #001258;
    background-color: #dee1ff;
  }

  .section__leastpadding.position__rel {
    padding: .786164em 1.618em;
  }

  .util__sidebar-buttons {
    z-index: 102;
    background-color: #fff;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    inset: auto auto 0% 0%;
  }

  .section__default {
    padding: 1.618em;
  }

  .navigation-section {
    display: none;
  }

  .logo-wrap.m-right__xl {
    flex: 1;
    margin-left: 1.618em;
  }

  .nav-sectiontitle {
    color: #45464f;
    display: block;
  }

  .snackbar-content {
    grid-column-gap: .618em;
    grid-row-gap: .618em;
    flex-direction: row;
    align-items: flex-start;
    display: flex;
  }

  .util__sidebar-content {
    z-index: 2;
    flex-direction: column;
    flex: 1;
    align-items: stretch;
    height: 100%;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .brand {
    max-width: none;
    height: 1.618em;
  }

  .navbar-menu {
    z-index: 2;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: #1b1b1f;
    background-color: #fff;
    border-right: 1px solid #c6c5d0;
    flex-flow: column;
    flex: none;
    justify-content: center;
    width: 100vw;
    height: 100svh;
    max-height: 100svh;
    padding: 0 0 6.852em;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: auto;
    box-shadow: 0 4px 20px #0003;
  }

  .sidebar-link {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .sidebar-link.last-child {
    margin-bottom: -1em;
  }

  .dropdown-list {
    box-shadow: none;
    opacity: 1;
    background-color: #0000;
    padding: 0;
    display: block;
    position: relative;
  }

  .section__lesspadding {
    padding-left: 1.618em;
    padding-right: 1.618em;
  }

  .snackbar {
    align-items: center;
  }

  .snackbar-divider {
    display: none;
  }

  .navbar-divider {
    background-color: #c6c5d0;
    flex: none;
    align-self: stretch;
    width: 100%;
    height: 1px;
    margin-top: 1.618em;
    margin-bottom: 1.618em;
  }

  .util__sidebar-shadow {
    z-index: 0;
    opacity: .71;
    pointer-events: none;
    background-color: #fff;
    display: block;
    position: absolute;
    inset: 0%;
    box-shadow: 0 0 8px 13px #0000003b, 0 10px 40px #0000007a;
  }

  .titlec__bold {
    color: #1b1b1f;
  }

  .titlec__bold._0-6em-copy {
    margin-bottom: .6em;
    padding-left: 0;
    padding-right: 0;
  }

  .navmenu__title {
    display: block;
  }

  .navmenu-titlewrap {
    z-index: 3;
    background-color: #fff;
    border-bottom: 1px solid #45464f;
    align-items: center;
    height: 68px;
    padding-left: 1.618em;
    padding-right: 1.618em;
    display: flex;
    position: sticky;
    top: 0;
  }

  .grid.col__2.on-dropdown-link {
    grid-template-columns: max-content 1fr;
    justify-items: start;
  }

  .util__sidebar-background {
    z-index: 1;
    opacity: .05;
    pointer-events: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .menu-button {
    border-left: 1px solid #c6c5d0;
    transition: background-color .2s;
  }

  .menu-button.w--open {
    z-index: 99;
    color: #f3f0f4;
    background-color: #ba1a1a;
  }

  .section__default-2, .section__default-3 {
    padding: 1.618em;
  }

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

  ._4-235em {
    padding: 1.618em;
  }

  ._1-618em.position__rel {
    padding: .786164em 1.618em;
  }

  .section__default-copy {
    padding: 1.618em;
  }

  ._2-618em {
    padding-bottom: 2em;
  }

  ._0-6em.position__rel {
    padding: .786164em 1.618em;
  }

  .grid-choose-project.col__2.on-dropdown-link {
    grid-template-columns: max-content 1fr;
    justify-items: start;
  }

  .subheading-other-projects {
    color: #45464f;
  }

  .smsettings-header {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684c74cc0819bb6968855909_season%20management%20hero%20image.png");
  }

  .heading__bold-white {
    font-size: 1em;
  }

  .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white, .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white-override {
    font-family: DM Sans, sans-serif;
  }

  .body-7-ends-div-white {
    font-size: .7em;
  }

  .header {
    background-position: 50%;
    background-size: cover;
  }

  .util__sidebar-content-dialog {
    z-index: 2;
    flex-direction: column;
    flex: 1;
    align-items: stretch;
    height: 100%;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .util__appbar-sidebarwrap-dialog {
    -webkit-backdrop-filter: brightness(200%) blur(20px);
    backdrop-filter: brightness(200%) blur(20px);
    background-color: #fbf8fd;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.618em;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
    transform: translate(100%);
  }

  .projectsummarydialogs.color__onsurfacevariant.m-bottom__xxl-title {
    font-family: DM Sans, sans-serif;
  }

  .titlec__bold-blue {
    color: #1b1b1f;
  }

  .projectsummaryteams-white.color__onsurfacevariant.m-bottom__xxl-title {
    margin-bottom: 0%;
    font-size: .7em;
  }

  .shape-4 {
    top: 22em;
  }

  .blending-group-wrapper {
    margin-left: -4em;
  }

  .shape-3 {
    width: 44em;
    height: 57em;
    position: absolute;
    inset: 23.2em -9.5em 0 auto;
  }

  .ultra-gradient-wrapper {
    font-size: 1.3vh;
  }

  .titlec__bold-black {
    color: #1b1b1f;
  }

  .button__text-2 {
    font-size: .6em;
  }

  .gradient-bg-2-test {
    margin-bottom: 20%;
  }

  .titlec__bold-coral {
    color: #e94e4b;
  }

  .overline-teams-white {
    font-size: 12px;
  }

  .outsideworktext {
    font-size: .7em;
  }

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

  .source, .artice-description, .body-7-ends-div-white-fp {
    font-size: .7em;
  }

  .accordion-item-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .outsideworktext-hirono {
    font-size: .7em;
  }

  .nav-menu-2 {
    background-color: #000;
  }

  .body-7-ends-div-white-jour {
    font-size: .7em;
  }

  .uxdintern {
    color: #9163a6;
  }

  .casestudy-grid {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr;
    justify-content: center;
    place-items: center;
  }

  .cstag-myse {
    max-width: 90%;
    font-size: .8em;
    display: inline-block;
  }

  .cstag-dialogs {
    max-width: 50100%;
    font-size: .8em;
  }

  .cstag-settings {
    max-width: 100%;
    font-size: .8em;
  }

  .grid-84, .cs-image {
    border-radius: 10px;
  }

  .div-block-62 {
    border-top-right-radius: 0;
  }

  .space-for-mobile {
    padding-bottom: 4em;
  }

  .hackscheader {
    background-color: #24000a;
  }

  .playground {
    grid-template-columns: 1fr 1fr;
  }

  .titlec__bold-white {
    color: #e6e6e6;
  }

  .titlec__bold-white._0-6em-copy {
    margin-bottom: .6em;
    padding-left: 0;
    padding-right: 0;
  }

  .subheading-other-projects-white {
    color: #e6e6e6;
  }

  .uxdintern-blue {
    color: #3d87bd;
  }

  .uxdintern-red {
    color: #ca7373;
  }

  .bold-text-27 {
    color: #e94e4b;
  }

  .heading__bold-white-overrie {
    font-size: 1em;
  }

  .overline-teams-white-override {
    font-size: 12px;
  }

  .playgroundtag, .playgroundtag-hack, .playgroundtag-ye, .playgroundtag-bass, .playgroundtag-news, .playgroundtag-coolio {
    max-width: 90%;
    font-size: .8em;
    display: inline-block;
  }

  .spline-scene-2 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .text-block-4 {
    font-size: 18px;
    line-height: 25px;
  }

  .grey-background {
    width: 100%;
    padding: 56px 24px;
  }

  .grey-background.grey-background-min {
    height: 90vw;
  }

  .project-device {
    border-radius: 2vw;
    padding: 5%;
  }

  .device-container-2 {
    width: 50%;
    margin-top: 13vw;
    margin-left: auto;
    margin-right: auto;
  }

  .section-9 {
    padding: 56px 24px;
  }

  .link {
    font-size: 12px;
  }

  .linktext {
    padding-left: 13px;
  }

  .grid-5 {
    padding-right: 21px;
  }

  .text-block-17 {
    font-size: 18px;
  }

  .jourtitletext {
    font-size: 27px;
    line-height: 30px;
  }

  .jourlinkblock {
    max-height: 100%;
  }

  .homepageheader {
    font-size: 14px;
  }

  .text-22 {
    text-align: left;
  }

  .bold-text-3 {
    font-size: 30px;
  }

  .header-container {
    max-width: 60%;
  }

  .section-header-3 {
    font-size: 35px;
    line-height: 40px;
  }

  .header-container-jour {
    margin-left: -203px;
  }

  .section-header-3-jour {
    margin-left: -4px;
    font-size: 29px;
  }

  .section-22 {
    padding: 56px 24px;
  }

  .laptop-lid {
    padding: 20px 12px;
  }

  .project-device-copy {
    border-radius: 2vw;
    padding: 5%;
  }

  .grey-background-hacksc {
    width: 100%;
    padding: 56px 24px;
  }

  .grey-background-hacksc.grey-background-min {
    height: 90vw;
  }

  .nav-link-2, .nav-link-1.w--current {
    background-color: #000;
  }

  .subsection-test {
    font-size: 18px;
  }

  .sayhi {
    font-size: 12px;
  }

  .intro-text-copy {
    text-align: left;
  }

  .tabs-content {
    max-width: 100%;
  }

  .list-3 {
    padding-left: 50px;
  }

  .tabs {
    flex-flow: row;
    display: flex;
  }

  .experience {
    padding-left: 4%;
  }

  .list-se {
    padding-top: 10%;
  }

  .projectsection {
    margin-left: 4%;
  }

  .testtt {
    background-color: #000;
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684b684e91527f597d6b2686_Dialogs%20Mobile%20header%20only.png");
    background-position: 50% 0;
    background-size: contain;
    padding-top: 80%;
    padding-bottom: 80%;
  }

  .footerlink {
    font-size: 12px;
  }

  .downlink {
    padding-left: 13px;
  }

  .words-about-me {
    padding-left: 4%;
  }

  .util__sidebar-open-button.shadow5 {
    display: none;
    position: fixed;
    inset: auto auto 0% 0%;
  }

  .util__width-grid.margin-bottom__xl.subheading.mono {
    overflow: auto;
  }

  .util__padingcontainertop {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .table_component {
    max-width: 100%;
  }

  .dropdown-link-wrap {
    align-self: stretch;
    width: 100%;
  }

  .util-height-grid {
    overflow: auto;
  }

  .dropdown {
    flex-direction: column;
    align-self: auto;
    width: 100%;
  }

  .nav-links {
    flex: 0 auto;
    align-items: flex-start;
    display: flex;
  }

  .util--stickergrid {
    overflow: auto;
  }

  .card-styles-container.m-bottom__xxl {
    grid-template-columns: 1fr;
  }

  .util-grid-filler.for-display {
    margin-bottom: 0;
  }

  .util__grid.aspect-grid.mono {
    overflow: auto;
  }

  .util__grid.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  .dropdown-link {
    color: #1b1b1f;
    font-weight: 400;
  }

  .display1 {
    font-size: 3.3301em;
  }

  .util__paddingcontainerright, .util__padingcontainerbottom, .util-grid.mono.gaps {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .util--buttongrid {
    grid-template-columns: 1fr max-content max-content max-content max-content;
    overflow: auto;
  }

  .navbar-menu {
    z-index: 98;
    border-right: 1px solid #c6c5d0;
    box-shadow: 0 4px 20px #0003;
  }

  .dropdown-list {
    display: flex;
  }

  .navbar-divider {
    align-self: stretch;
    margin-top: 1.618em;
    margin-bottom: 1.618em;
  }

  .util__padingcontainerleft {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .titlec__bold {
    color: #fbfbfb;
  }

  .grid-template__example {
    overflow: scroll;
  }

  .display1__bold {
    font-size: 3.3301em;
  }

  .rolecategories {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .three-columns.m-bottom__xxl {
    grid-template-columns: 1fr;
  }

  ._2-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._2-grid.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  ._1-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._1-grid.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  .titleb__bold-white.m-bottom__l.editorial-font {
    font-size: 1.38em;
  }

  .smsettings-header {
    background-color: #000;
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684b684d2725cc0e04de607b_SM%20Settings%20mobile%20header%20only.png");
    background-position: 50% 0;
    background-size: contain;
    background-attachment: scroll;
    padding-top: 80%;
    padding-bottom: 80%;
  }

  ._4-grid-settings.aspect-grid.mono {
    overflow: auto;
  }

  ._4-grid-settings.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  .three-grid-h-setting.aspect-grid.mono {
    overflow: auto;
  }

  .three-grid-h-setting.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  .display1__bold-white {
    font-size: 3.3301em;
  }

  ._3-h-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._3-h-grid.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  ._2-v-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._2-v-grid.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  .problem-context.aspect-grid.mono {
    overflow: auto;
  }

  .problem-context.mono.display {
    grid-column-gap: 2.618em;
    grid-row-gap: 2.618em;
    grid-template-columns: 1fr;
  }

  .intro-description {
    padding-left: 0;
    padding-right: 0;
  }

  .blending-group-wrapper {
    filter: blur(80px);
  }

  .shape-3 {
    width: 30em;
    height: 100em;
  }

  .main-shapes-wrapper {
    filter: blur(80px);
  }

  .copy-medium {
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .title1 {
    font-size: 5em;
  }

  .mepic {
    max-width: 80%;
  }

  .button-4 {
    flex: none;
  }

  .bold-text-25 {
    color: #e94e4b;
  }

  .intrests {
    padding-left: 4%;
  }

  .karen-link, .coolio-link, .thornton, .ye-link {
    font-size: 12px;
  }

  .heading__bold-on-black-background-about-me.m-bottom__s {
    text-transform: uppercase;
    font-size: .9em;
  }

  .button-5 {
    justify-content: center;
    align-items: center;
    width: 215px;
    margin-top: 10px;
    display: flex;
  }

  .container-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .grid-84 {
    place-items: center;
  }

  .playground {
    grid-template-columns: 1fr 1fr;
  }

  .titlec__bold-white {
    color: #fbfbfb;
  }

  .type-white {
    font-size: .885em;
  }

  .spline-scene-2 {
    display: none;
  }

  .playgroundd {
    margin-left: 4%;
  }

  .nav-link-33 {
    background-color: #000;
  }
}

@media screen and (max-width: 479px) {
  .grey-background.grey-background-min {
    height: 150vw;
  }

  .project-device {
    border-radius: 2.5vw;
  }

  .device-container-2 {
    width: 100%;
    margin-top: 8vw;
  }

  .linktext {
    padding-left: 0;
    font-size: 1em;
  }

  .text-block-17 {
    font-size: 16px;
  }

  .jourtitletext {
    max-width: 88%;
    padding-bottom: 13px;
    font-size: 13px;
    line-height: 17px;
  }

  .jourtagtext {
    font-size: 11px;
  }

  .tab-link-writing.w--current {
    align-items: center;
    padding: 0 20px;
    display: flex;
  }

  .tab-link-video {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .text-block-19 {
    align-items: center;
    font-size: 11px;
    display: flex;
  }

  .text-block-20 {
    font-size: 11px;
  }

  .homepageheader {
    font-size: 10px;
  }

  .bold-text-3 {
    font-size: 22px;
  }

  .container-20 {
    margin-top: -192px;
  }

  .bg-circle._4 {
    background-color: #20c788;
  }

  .bg-circle._6, .bg-circle._7, .bg-circle._6 {
    background-color: #ff6382;
  }

  .bg-circle._6-copy {
    background-color: #ff6382;
    padding-left: 168px;
  }

  .bg-circle._7-copy {
    background-color: #ff6382;
  }

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

  .grid-9 {
    place-items: stretch center;
    margin-bottom: 0;
  }

  .laptop-lid {
    padding: 16px 8px;
  }

  .project-device-copy {
    border-radius: 2.5vw;
  }

  .grey-background-hacksc.grey-background-min {
    height: 150vw;
  }

  .main-nav {
    background-color: #030709;
    border-radius: 0;
    margin-top: 0%;
    padding-top: 0%;
  }

  .container-24 {
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .nav-link-2 {
    background-color: #000;
  }

  .nav-link-1 {
    color: #aaa;
    background-color: #000;
  }

  .nav-link-1:hover, .nav-link-1:visited {
    color: #fbfbfb;
  }

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

  .rolescolumn-wander {
    flex-direction: column;
  }

  .rolestext-wander {
    padding-bottom: 25px;
  }

  .numbers-copy-w.space, .numbers-copy-w.space-2 {
    max-width: 90%;
    line-height: 26px;
  }

  .image-15 {
    max-width: 100%;
  }

  .grid-23 {
    grid-column-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr;
    justify-content: center;
    align-items: center;
  }

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

  .section-28 {
    background-size: contain;
    background-attachment: scroll;
    height: 26vh;
  }

  .blackcontainer {
    max-width: 85%;
  }

  .design-systems.space-st {
    max-width: 905%;
  }

  .div-block-16 {
    flex-direction: column;
  }

  .grid-17-w-space, .grid-25, .grid-26 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

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

  .rolescolumn-hacksc-copy {
    flex-direction: column;
  }

  .rolestext-hack, .rolestext-wander-copy {
    padding-bottom: 25px;
  }

  .grid-17-w-hacksc, .grid-17-w-hacksc-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .subsection-test {
    font-size: 16px;
  }

  .rolescolumn-atvn {
    flex-direction: column;
  }

  .numbers-copy-w-atvn.space, .numbers-copy-w-atvn.space-2, .numbers-copy-w-atvn.space-atvn, .numbers-copy-w-atvn.space-atvn, .numbers-copy-w-atvn.space-atvn, .numbers-copy-w-atvn.space-atvn {
    max-width: 90%;
    line-height: 26px;
  }

  .div-block-16-atvn {
    flex-direction: column;
  }

  .numbers-copy-atvn.space, .numbers-copy-atvn.space-2 {
    max-width: 90%;
    line-height: 26px;
  }

  .grid-23-atvn {
    grid-column-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr;
    justify-content: center;
    align-items: center;
  }

  .tabs-menu-5 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    max-width: 44.4%;
    margin-left: 15%;
    display: flex;
  }

  .tabs-content {
    max-width: 100%;
  }

  .list-3 {
    padding-left: 10%;
  }

  .tabs {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    align-items: center;
    display: grid;
  }

  .tab-link-tab-1-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-tab-1-3.w--current {
    border-radius: .5em;
    padding-left: 10%;
    padding-right: 10%;
    font-family: DM Sans, sans-serif;
  }

  .tab-link-tab-2-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-tab-2-4.w--current {
    border-radius: .5em;
    padding-left: 10%;
    padding-right: 10%;
  }

  .tab-link-tab-3-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-tab-3-5.w--current {
    border-radius: .5em;
    padding-left: 10%;
    padding-right: 10%;
  }

  .experience {
    padding-left: 4%;
  }

  .rolestext-se {
    padding-bottom: 25px;
  }

  .column-1-se {
    background-color: #e4c6c600;
  }

  .column-2-se {
    background-color: #0000;
    padding-top: 1%;
  }

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

  .hacksc-process-cover {
    background-size: contain;
    background-attachment: scroll;
    height: 26vh;
  }

  .grid-map-and-text {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .casestudy {
    margin-right: 10px;
    padding-left: 10px;
  }

  .case-text-se {
    max-width: 85%;
  }

  .numbers-copy-w-copy.space, .numbers-copy-w-copy.space-2, .numbers-copy-w-copy.space-se {
    max-width: 90%;
    line-height: 26px;
  }

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

  .numbers-copy-w-copy.space, .numbers-copy-w-copy.space-2, .numbers-copy-w-copy.space-se, .subheading2-se.space, .subheading2-se.space-2, .subheading2-se.space-se {
    max-width: 90%;
    line-height: 26px;
  }

  .list-se {
    border-top: 1px #c7c7c7;
    padding-top: 91%;
    padding-bottom: 40%;
  }

  .caption.specialnote {
    margin-top: 0%;
    padding-top: .6%;
  }

  .caption.specialnote-override {
    color: #1b1b1f;
    margin-top: 0%;
    padding-top: .6%;
  }

  .quote.space, .quote.space-2, .quote.space-se {
    max-width: 90%;
    line-height: 26px;
  }

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

  .personas {
    width: auto;
    max-width: 100%;
  }

  .projects {
    border-radius: 6px;
    width: 100%;
  }

  .projectsection {
    margin-left: 8%;
    padding-left: 0%;
  }

  .testtt {
    background-color: #fff;
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684b684e91527f597d6b2686_Dialogs%20Mobile%20header%20only.png");
    background-position: 100% 0;
    background-size: contain;
    border-bottom-style: none;
    padding-top: 80%;
  }

  .rolescolumn-settings {
    flex-direction: column;
  }

  .column-12 {
    justify-content: flex-start;
    align-items: center;
  }

  .downlink {
    padding-left: 0;
    font-size: 1em;
  }

  .processbehind-settings, .processbehindwander {
    background-size: contain;
    background-attachment: scroll;
    height: 26vh;
  }

  .rolescolumn-d {
    flex-direction: column;
  }

  .rolestext-d {
    padding-bottom: 25px;
  }

  .process-cover-dialogs {
    background-size: contain;
    background-attachment: scroll;
    height: 26vh;
  }

  .subheading2-d.space, .subheading2-d.space-2, .subheading2-d.space-se {
    max-width: 90%;
    line-height: 26px;
  }

  .grid-49-d {
    grid-template-columns: 1fr;
  }

  .contrast, .contrast.m-bottom__m, .lesscurve {
    max-width: 100%;
  }

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

  .ani {
    margin-left: 4%;
  }

  .words-about-me {
    padding-left: 6.6%;
  }

  .columns-5 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: column;
  }

  .tabs-content-wrapper {
    margin-top: 1em;
    padding: 0;
  }

  .tabs-nav-item-underline2 {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .tabs-menu-underline-wrapper {
    padding: .8em 1em 1em;
  }

  .tabs-nav-item-underline {
    grid-row-gap: .5em;
    flex-direction: column;
  }

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

  .ye {
    border-radius: 12px;
    grid-template-rows: 161px auto auto;
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  .util__sidebar-open-button.shadow5 {
    display: none;
  }

  .util__padingcontainertop {
    grid-template-columns: 1fr 1fr;
  }

  .snackbar__action {
    margin-top: 1em;
    margin-bottom: .618em;
  }

  .util__appbar-sidebarwrap {
    padding: 1.618em;
  }

  .table_component.overflow-x {
    width: auto;
    overflow: auto;
  }

  .display__flex-h.gap-1em.justify-content__end.wrap {
    flex-wrap: wrap;
  }

  .util--stickergrid {
    grid-template-columns: max-content 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .util__grid.aspect-grid.mono {
    overflow: auto;
  }

  .util__grid.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  .util__grid.mono.display {
    grid-template-columns: 1fr;
  }

  .titlea {
    font-size: 1.82285em;
  }

  .display2 {
    font-size: 2.05818em;
  }

  .display1 {
    font-size: 2.61743em;
  }

  .border-radius-wraps.subheading.mono {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }

  .display2__bold {
    font-size: 2.05818em;
  }

  .util__paddingcontainerright, .util__padingcontainerbottom {
    grid-template-columns: 1fr 1fr;
  }

  .util-grid.mono.gaps {
    grid-template-columns: 1fr;
  }

  .util-grid.col__2.overflow-x-mobile {
    overflow: auto;
  }

  .titleb__bold {
    font-size: 1.3em;
  }

  .titleb__bold.m-bottom__s, .titleb__bold._0-6em-copy {
    font-size: 1.38em;
  }

  .logo-wrap.m-right__xl.w--current {
    margin-right: 0;
  }

  .accordion-content {
    background-color: #fff;
  }

  .snackbar-content {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-direction: column;
  }

  .snackbar {
    align-items: flex-start;
  }

  .util__padingcontainerleft {
    grid-template-columns: 1fr 1fr;
  }

  .util__sidebar-shadow {
    box-shadow: 0 0 1px #000, 0 10px 40px #0000007a;
  }

  .titlec__bold {
    color: #1b1b1f;
  }

  .titlec__bold.leftalign {
    color: #e9e9e9;
    margin-bottom: 8%;
    margin-right: 6%;
  }

  .titlec__bold.m-bottom__l {
    font-size: 1.1em;
  }

  .grid-template__example {
    align-self: stretch;
  }

  .util__css-example.m-bottom__l {
    flex-direction: column;
  }

  .titlea__bold {
    font-size: 1.82285em;
  }

  .heading__bold.m-bottom__s {
    font-size: 1em;
  }

  .display1__bold {
    font-size: 2.61743em;
  }

  .util__sidebar-background {
    pointer-events: none;
  }

  .rolewander.scalefactor__heading.bg-light__surfacecontainerlowest.shadow1.sizewander {
    background-color: #0000;
  }

  .rolediv {
    background-color: #000;
    border-top: 0 #c0bfbf;
    border-bottom: 1px #c7c7c7;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .rolecategories {
    grid-column-gap: 123px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .titleteams {
    font-size: 2.05818em;
  }

  .previewtitle {
    font-size: 1.82285em;
  }

  ._4-grid {
    padding-right: 0;
  }

  .highlight {
    color: #006adb;
  }

  ._4-235em {
    width: auto;
  }

  .body-7-ends-div.rolestext-white-override {
    color: #1b1b1f;
  }

  ._2-grid {
    grid-row-gap: 23px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  ._2-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._2-grid.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  ._2-grid.mono.display {
    grid-template-columns: 1fr;
  }

  ._1-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._1-grid.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  ._1-grid.mono.display {
    grid-template-columns: 1fr;
  }

  .display2__bold-white {
    padding-left: 4%;
    padding-right: 4%;
    font-size: 2.05818em;
  }

  .titleb__bold-white {
    font-size: 1.38em;
  }

  .titleb__bold-white.m-bottom__m.editorial-font {
    margin-left: 0%;
  }

  .titleb__bold-white.m-bottom__l.editorial-font {
    margin-left: 0%;
    padding-left: 0%;
  }

  .other-projects-in-teams {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .smsettings-header {
    background-color: #fff;
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/684b684d2725cc0e04de607b_SM%20Settings%20mobile%20header%20only.png");
    background-position: 50% 0;
    background-size: contain;
    height: 100vh;
    margin-top: 0;
    margin-bottom: 50%;
    padding-top: 79%;
    padding-bottom: 100%;
  }

  .titleb__bold-coral {
    color: #e94e4b;
  }

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

  ._4-grid-settings.aspect-grid.mono {
    overflow: auto;
  }

  ._4-grid-settings.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  ._4-grid-settings.mono.display {
    grid-template-columns: 1fr;
  }

  .three-grid-h-setting.aspect-grid.mono {
    overflow: auto;
  }

  .three-grid-h-setting.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  .three-grid-h-setting.mono.display {
    grid-template-columns: 1fr;
  }

  .smaller-image.m-bottom__m {
    max-width: 50%;
  }

  .heading__bold-white.m-bottom__m {
    font-family: DM Sans, sans-serif;
  }

  .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white {
    width: auto;
    max-width: 85%;
  }

  .projectsummary-settings-white.color__onsurfacevariant-set-white.m-bottom__xxl-set-white-override {
    color: #1b1b1f;
    width: auto;
    max-width: 85%;
  }

  .tabs-menu-teams {
    padding: .8em 1em 1em;
  }

  .tabs-nav-item-underline-teams {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .tabs-menu-underline-wrapper-teams-jj {
    padding: .8em 1em 1em;
  }

  .body-7-ends-div-white {
    text-align: left;
    margin-left: 0%;
    margin-right: 0%;
    padding-right: 0%;
    font-size: 1em;
  }

  .display1__bold-white {
    font-size: 2.61743em;
  }

  .display1__bold-white.m-bottom__xs.karla {
    text-align: left;
    font-family: Hammersmith One, sans-serif;
    font-size: 4em;
  }

  .header {
    margin-bottom: 30em;
  }

  .me {
    padding-left: 0;
  }

  .titlea__bold-white, .titlea__bold-white-centered {
    font-size: 1.82285em;
  }

  .titlea__bold-white-centered.m-bottom__s {
    font-size: 1.7em;
  }

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

  ._3-h-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._3-h-grid.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  ._3-h-grid.mono.display {
    grid-template-columns: 1fr;
  }

  .util__appbar-sidebarwrap-dialog {
    padding: 1.618em;
  }

  .projectsummarydialogs {
    color: #1b1b1f;
  }

  .projectsummarydialogs.m-bottom__xxl {
    width: 79%;
    margin-bottom: 7%;
  }

  .myseteams {
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/6702d9190703fe63308c37e8_MYSE%20Teams%20picture%20only.png");
    border-bottom-style: none;
    padding-top: 72%;
    padding-left: 4%;
    padding-right: 0%;
  }

  ._2-v-grid.aspect-grid.mono {
    overflow: auto;
  }

  ._2-v-grid.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  ._2-v-grid.mono.display {
    grid-template-columns: 1fr;
  }

  .problem-context.aspect-grid.mono {
    overflow: auto;
  }

  .problem-context.mono.shadow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 4.235em;
  }

  .problem-context.mono.display {
    grid-template-columns: 1fr;
  }

  .shape-4 {
    top: 30.7em;
  }

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

  .mepic {
    max-width: 100%;
  }

  .highlight-on-black {
    color: #e94e4b;
  }

  .button__inner {
    padding: 8px 18px;
  }

  .button__text-2 {
    text-align: center;
    font-size: 14px;
  }

  .gradient {
    display: block;
  }

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

  .gradient-bg-2 {
    background-color: #e89245;
    padding-left: 133px;
    right: 50%;
  }

  .gradient-bg-2-test {
    bottom: -208px;
  }

  .titlec__bold-coral {
    color: #006adb;
  }

  .column-16 {
    align-self: auto;
  }

  .image-72 {
    width: auto;
    max-width: 100%;
  }

  .display2__bold-centred {
    font-size: 2.05818em;
  }

  .bold-text-25 {
    color: #e94e4b;
  }

  .intrests {
    padding-left: 6.6%;
  }

  .brazilian, .ceramics {
    max-width: 100%;
  }

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

  .grid-79 {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .outsideworktext {
    text-align: left;
    padding-right: 0;
    font-size: .9em;
  }

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

  .tabs-menu-underline-wrapper-jopy {
    padding: .8em 1em 1em;
  }

  .tabs-nav-item-underline-j {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .jour-tags {
    font-size: 1em;
  }

  .tabs-menu-underline-wrapper-teams {
    border-radius: 2em;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding: .8em 1em 1em;
  }

  .tabs-menu-underline-wrapper-teams-journalism {
    padding: .1em 1em;
  }

  .source {
    text-align: left;
    margin-right: 0%;
    padding-right: 0;
  }

  .artice-description {
    text-align: left;
    margin-right: 6%;
    padding-right: 1em;
    font-size: 1em;
  }

  .karen-link, .coolio-link {
    border-radius: 25px 25px 0 0;
  }

  .thornton {
    background-position: 0 100%;
    border-radius: 17px;
    justify-content: center;
    align-items: flex-end;
  }

  .ye-link {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .grid-83 {
    margin-left: 4%;
  }

  .section-38 {
    flex-flow: column;
    margin-left: 4%;
    margin-right: 4%;
  }

  .heading-white-first-ge {
    font-size: 1em;
  }

  .body-7-ends-div-white-fp {
    text-align: left;
    margin-right: 0%;
    padding-right: 0;
    font-size: 1em;
  }

  .heading__bold-on-black-background-about-me.m-bottom__s {
    text-transform: uppercase;
    font-family: DM Sans, sans-serif;
    font-size: .9em;
  }

  .text-block-3 {
    padding-right: 15px;
  }

  .accordion-item-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subheading-white {
    text-align: center;
    min-width: auto;
    max-width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    font-family: DM Sans, sans-serif;
  }

  .image-72-copy {
    width: auto;
    max-width: 100%;
  }

  .list-space {
    margin-bottom: 8%;
  }

  .outsideworktext-hirono {
    text-align: left;
    padding-right: 0;
    font-size: .9em;
  }

  .rolediv-teams {
    background-color: #fff0;
    border-top: 0 #c0bfbf;
    border-bottom: 1px #c7c7c7;
    padding-bottom: 42%;
  }

  .rolediv-dialogs {
    background-color: #fff;
    border-top: 0 #c0bfbf00;
    border-bottom: 1px #c7c7c7;
    padding-bottom: 60%;
  }

  .nav-menu-2 {
    background-color: #000;
    border-radius: 0;
    display: block;
  }

  .menu-button-2 {
    background-color: #0e0a0a00;
    border-radius: 0;
  }

  .menu-button-2:active, .menu-button-2:focus {
    background-color: #000;
  }

  .body-7-ends-div-white-jour {
    text-align: left;
    margin-left: 0%;
    margin-right: 0%;
    padding-right: 6%;
    font-size: 1em;
  }

  .column-17 {
    margin-bottom: 5%;
  }

  .ceramics-copy {
    max-width: 100%;
  }

  .uxdintern {
    color: #9163a6;
    font-size: 1em;
  }

  .casestudy-grid {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr;
    justify-content: center;
  }

  .cstag-myse {
    margin-right: 4%;
  }

  .cstag-settings {
    max-width: 90%;
    font-size: .8em;
  }

  .space-for-mobile {
    padding-bottom: 4em;
  }

  .other-pojects-playground {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .hackscheader {
    background-color: #24000a;
    background-image: url("https://cdn.prod.website-files.com/6355e0a67e62506a400d2e37/672e994ed301b701a915dc15_dialogs%20hero%20image-2.png");
    background-position: 100% 0;
    background-size: contain;
    border-bottom-style: none;
    padding-top: 55%;
  }

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

  .titlec__bold-white {
    color: #e6e6e6;
  }

  .titlec__bold-white.leftalign {
    color: #e9e9e9;
    margin-bottom: 8%;
    margin-right: 6%;
  }

  .subheading-other-projects-white {
    text-transform: uppercase;
  }

  .uxdintern-blue, .uxdintern-red {
    font-size: 1em;
  }

  .bold-text-27 {
    color: #e94e4b;
  }

  .bold-text-28 {
    font-weight: 600;
  }

  .columns-6 {
    background-color: #0000;
  }

  .titleb__bold-white-override {
    color: #1b1b1f;
    font-size: 1.38em;
  }

  .titleb__bold-white-override.m-bottom__m.editorial-font {
    margin-left: 0%;
  }

  .titleb__bold-white-override.m-bottom__l.editorial-font {
    margin-left: 0%;
    padding-left: 0%;
  }

  .heading__bold-white-overrie {
    color: #1b1b1f;
  }

  .heading__bold-white-overrie.m-bottom__m {
    font-family: DM Sans, sans-serif;
  }

  .overline-teams-white-override {
    color: #1b1b1f;
    font-size: 15px;
  }

  .body-7-ends-div-tldr {
    margin-bottom: 4px;
  }

  .body-7-ends-div-tldr.rolestext-white-override {
    color: #1b1b1f;
  }

  .grid-86 {
    grid-template-columns: 1.25fr;
  }

  .prevwork {
    max-width: 60%;
  }

  .body-7-ends-div-prevwork.rolestext-white-override {
    color: #1b1b1f;
  }

  .hackpic, .annenpic, .innodpic {
    margin-bottom: 9%;
  }

  .playgroundtag, .playgroundtag-hack, .playgroundtag-ye, .playgroundtag-bass, .playgroundtag-news, .playgroundtag-coolio {
    max-width: 100%;
    margin-right: 0%;
  }

  .brazilian-copy {
    max-width: 100%;
  }

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

  .spline-scene-2 {
    margin-right: 0;
    display: none;
  }

  .playgroundd {
    margin-left: 8%;
    padding-left: 0%;
  }

  .nav-link-33 {
    background-color: #000;
  }

  .full-problem-pic, .full-problem-pic.m-bottom__m {
    max-width: 100%;
  }
}

#w-node-_4e669989-70a2-9235-98c9-a07136a8ae8b-800d2e38 {
  justify-self: start;
}

#w-node-bd55e750-0059-a288-490e-132e35085c0c-800d2e38 {
  place-self: center;
}

#w-node-e5a6136d-9cc2-a1c6-2fc1-912532aa4f18-800d2e38, #w-node-_48d7d0b2-525b-2f23-95af-ddc55ac6f24a-800d2e38, #w-node-_1b304349-8591-426d-4151-907b32f7abb6-800d2e38 {
  align-self: end;
}

#w-node-_7a0a9506-8939-674d-5422-b9fcaab0d7c4-aab0d7c1, #w-node-_7a0a9506-8939-674d-5422-b9fcaab0d7cc-aab0d7c1, #w-node-_7a0a9506-8939-674d-5422-b9fcaab0d7d0-aab0d7c1, #w-node-_1416e2fc-700a-9205-5c26-e2207eebebdd-aab0d7c1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18474843-e277-3b4c-4690-626161efa917-9b0183fc, #w-node-_18474843-e277-3b4c-4690-626161efa920-9b0183fc, #w-node-_18474843-e277-3b4c-4690-626161efa927-9b0183fc, #w-node-_18474843-e277-3b4c-4690-626161efa92c-9b0183fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_8c9e143a-2563-b9a9-f7ca-3439a546c6d1-9b0183fc, #w-node-d0e25a13-60aa-a761-5610-2716fab1d1c3-9b0183fc, #w-node-f7e6f851-d2aa-a9a2-cda2-6bab51712487-9b0183fc, #w-node-_82a0b1ca-9ccb-26de-9291-61a8eeb7b05d-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d24-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d25-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d26-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d27-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d28-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d33-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d34-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d37-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d38-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d3a-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d3d-9b0183fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b36e6590-7fb3-f73f-064a-61697dc91d3e-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d3f-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d42-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d43-9b0183fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-b36e6590-7fb3-f73f-064a-61697dc91d53-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d54-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d55-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d56-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d57-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d58-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d5f-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d60-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d6e-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d6f-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d70-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d78-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d79-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d7a-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d7b-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d83-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d84-9b0183fc, #w-node-d1e80748-a1dd-6202-729f-9ddc73a2479a-9b0183fc, #w-node-_7ce68754-4b86-696c-1ff5-aefc96c66b45-9b0183fc, #w-node-_734e96de-b03b-cab1-143f-b67f1083d860-9b0183fc, #w-node-_325bf87a-786c-23c9-2d97-5894148b6811-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91da4-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91da5-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91da6-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91da7-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91dac-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91dad-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91dae-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91daf-9b0183fc, #w-node-_40004f97-eb4c-f832-71e2-0f730f69ed24-5ce4f1a0, #w-node-_40004f97-eb4c-f832-71e2-0f730f69ed26-5ce4f1a0, #w-node-_40004f97-eb4c-f832-71e2-0f730f69ed27-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b650eb-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b650ec-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b650f0-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b650f8-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b650f9-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b650fd-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b6510b-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b6510c-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b65110-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b65119-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b6511a-5ce4f1a0, #w-node-_23984784-5845-02c6-77bb-fe0aa7b6511e-5ce4f1a0, #w-node-d97a69d2-0ea5-5208-2bda-f06f790ed812-5ce4f1a0, #w-node-d97a69d2-0ea5-5208-2bda-f06f790ed814-5ce4f1a0, #w-node-d97a69d2-0ea5-5208-2bda-f06f790ed817-5ce4f1a0, #w-node-bd733fc1-ca5c-2be8-d02e-4f300de62cdd-5ce4f1a0, #w-node-aa351b28-6708-96f0-72e7-b9e786438d0a-5ce4f1a0, #w-node-_000346c7-5b3f-a5d5-cf8a-dd39eb2787f8-5ce4f1a0, #w-node-_661e14a8-cf78-17fc-978b-36fd1b010328-5ce4f1a0, #w-node-a5839263-8048-c8cb-4f69-b30ca39eb813-5ce4f1a0, #w-node-a5839263-8048-c8cb-4f69-b30ca39eb818-5ce4f1a0, #w-node-_848b767e-3f71-f81b-3bb3-5764d3aa9c9c-5ce4f1a0, #w-node-a129f735-6f2b-189b-4532-4c36c9edfc1f-5ce4f1a0, #w-node-bdaa8238-b14a-331c-1b47-4602a97eff3d-5ce4f1a0, #w-node-bdaa8238-b14a-331c-1b47-4602a97eff3e-5ce4f1a0, #w-node-bdaa8238-b14a-331c-1b47-4602a97eff42-5ce4f1a0, #w-node-bdaa8238-b14a-331c-1b47-4602a97eff4a-5ce4f1a0, #w-node-bdaa8238-b14a-331c-1b47-4602a97eff4b-5ce4f1a0, #w-node-bdaa8238-b14a-331c-1b47-4602a97eff4f-5ce4f1a0, #w-node-_5374ab29-8c0f-7b3f-fb5c-e89ba2ac61d9-5ce4f1a0, #w-node-_5374ab29-8c0f-7b3f-fb5c-e89ba2ac61da-5ce4f1a0, #w-node-_194ea7ec-ba0e-0c00-a9df-81eb7f80496f-5ce4f1a0, #w-node-_5d693492-3ce0-1cd4-fd6a-ceb370615f69-5ce4f1a0, #w-node-ea82ac93-4528-2aac-81e0-f76c12287031-5ce4f1a0, #w-node-f9600780-ebf5-8484-65bd-5da6aca3c227-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae0740-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae0741-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae0745-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae0756-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae0757-5ce4f1a0, #w-node-_3657809a-fef8-dfa9-7fdd-03ef61ef7de4-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae07a3-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae07a4-5ce4f1a0, #w-node-_3c135051-e807-0b37-c4c7-3adfc4ae07a8-5ce4f1a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e312ce37-8624-7f30-fbd5-34fe6691f977-5ce4f1a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end center;
}

#w-node-_125127fa-abbe-0fc6-c540-9e2869a43edc-5ce4f1a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_34efa50b-2404-b735-ef3e-05f2f8e031b3-5ce4f1a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-_3c135051-e807-0b37-c4c7-3adfc4ae07e2-5ce4f1a0, #w-node-f2b1e3c3-9032-09ba-669f-fe79a288cc5b-5ce4f1a0, #w-node-_11296ab7-bda9-a834-0884-a6d869450d0b-5ce4f1a0, #w-node-_28c67e9e-59ec-30b0-7c98-54a98f9297ba-5ce4f1a0, #w-node-_94a7c823-472d-2d23-d0a6-e872d02ece3d-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ac-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ad-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ae-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00af-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00b0-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00b1-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00b8-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00b9-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00c7-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00c8-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00c9-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00d1-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00d2-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00d3-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00d4-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00dc-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00dd-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ea-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00eb-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ec-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ef-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00f0-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00fd-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00fe-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ff-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e0100-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e0105-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e0106-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e0107-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e0108-5ce4f1a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c852d57f-c85c-49f8-7dbf-9774cc4f50aa-c612b5ab {
  align-self: center;
}

#w-node-d8c84532-6bbb-f5ec-9460-663509efbbe4-c612b5ab {
  justify-self: auto;
}

#w-node-_7d9ec011-3086-20d6-037c-a089842ffd46-c612b5ab, #w-node-_45463cd3-55c4-0f42-77fa-50358cb0f494-c612b5ab, #w-node-df0a5b0c-f952-309e-af8b-05929b63fb50-c612b5ab, #w-node-_8effd77d-bef5-3e33-eec7-cbf0b1b3f912-c612b5ab {
  justify-self: center;
}

#w-node-_7f9ce80d-e461-f92b-5b0f-65b5834045a2-c612b5ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fd73149c-54f9-3e96-3768-0b7a91372760-c612b5ab, #w-node-aee10fa5-bfcb-f370-9652-c8178281f226-c612b5ab, #w-node-_00c681ae-b9cf-06de-abcf-215c3921efe6-c612b5ab {
  place-self: center;
}

#w-node-da44cedb-434b-68ca-789a-4bfd8432f503-c612b5ab {
  place-self: center;
}

#w-node-ce2f5f0a-a333-c94a-08c8-e04bf748b0e9-c612b5ab {
  place-self: center;
}

#w-node-_0a775267-2174-770a-d3c7-7d7f6bdaae17-c612b5ab, #w-node-_0a775267-2174-770a-d3c7-7d7f6bdaae1d-c612b5ab {
  place-self: start stretch;
}

#w-node-_278bcbac-661a-b86b-da00-bb066ae88017-c612b5ab {
  justify-self: start;
}

#w-node-_6f1a4f9f-0e44-5db0-8999-17eced6dde0f-c612b5ab, #w-node-_997fc660-b6c6-cec7-2331-adad16ee01f0-c612b5ab, #w-node-_980943d6-0b4b-4b1c-aced-059cd5dc16e8-c612b5ab, #w-node-b272df14-e59c-6ce7-7f7d-c8e2100488c3-c612b5ab {
  place-self: end start;
}

#w-node-_8984c3f7-1880-71e7-faac-39ae5d0612b6-c612b5ab {
  justify-self: start;
}

#w-node-_5e60d692-b151-3e4c-69b0-30b064f02018-2a679598 {
  place-self: auto center;
}

#w-node-_89ce03b8-0e17-28d1-c676-576d7d121400-2a679598, #w-node-a526cf27-933b-d248-be17-5b81c459122f-2a679598, #w-node-a8b068e7-4d5f-bf6c-bf7f-758404d089c6-2a679598, #w-node-_8a880428-d1ba-8b14-5ff8-97a9554b467d-2a679598 {
  justify-self: center;
}

#w-node-_19c94422-88e3-a4c4-e703-0496b01043c5-58c10e19, #w-node-_19c94422-88e3-a4c4-e703-0496b01043cc-58c10e19, #w-node-_19c94422-88e3-a4c4-e703-0496b01043d3-58c10e19, #w-node-_19c94422-88e3-a4c4-e703-0496b01043d8-58c10e19 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-a33348ca-0990-0c23-dc35-4194b17a0761-58c10e19, #w-node-a33348ca-0990-0c23-dc35-4194b17a076e-58c10e19 {
  align-self: auto;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f00-58c10e19 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f02-58c10e19 {
  justify-self: center;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f03-58c10e19, #w-node-c633bcd7-345d-2f30-26a0-412374165f09-58c10e19, #w-node-c633bcd7-345d-2f30-26a0-412374165f10-58c10e19 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bab2308c-6712-3d53-dad7-5482eaf17454-58c10e19 {
  grid-area: span 35 / span 1 / span 35 / span 1;
  align-self: start;
}

#w-node-d908aa2c-7363-05cf-9de1-2476b90f0bb9-58c10e19 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start stretch;
}

#w-node-d908aa2c-7363-05cf-9de1-2476b90f0bbf-58c10e19, #w-node-_5ac89477-cf27-be1f-64ca-bb886ac91f6e-58c10e19, #w-node-_5ac89477-cf27-be1f-64ca-bb886ac91f74-58c10e19 {
  place-self: start stretch;
}

#w-node-d536e17f-e2b2-f9af-1b2a-10b7e2f04422-58c10e19, #w-node-f706af60-1260-a56e-415f-7ef04590f0f6-58c10e19, #w-node-_81065459-4ede-9bd2-aec3-69650ac612a0-58c10e19 {
  justify-self: auto;
}

#w-node-_7be774c7-22da-b9b1-2ede-e0e99d9e089c-58c10e19 {
  justify-self: center;
}

#w-node-fd58cc4f-4b3f-8df6-0e6e-fb1c0c43e8e8-58c10e19, #w-node-_7121bb41-4968-0843-73c5-ab66fce8dfa3-58c10e19, #w-node-fd58cc4f-4b3f-8df6-0e6e-fb1c0c43e8ee-58c10e19, #w-node-dbbaee50-a646-d6ca-84f7-cee2b2fd60d7-58c10e19, #w-node-dbbaee50-a646-d6ca-84f7-cee2b2fd60df-58c10e19 {
  place-self: start stretch;
}

#w-node-c3c00faa-f362-e01c-a581-969832b7eaf9-e021c46f {
  justify-self: center;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b34fc-e021c46f {
  grid-area: span 35 / span 1 / span 35 / span 1;
  align-self: start;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3572-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b357f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3580-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3585-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b358a-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3595-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35a0-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35ac-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35b9-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35ba-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35bf-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35c4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35cf-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35da-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35e5-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35f1-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35fe-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b35ff-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3604-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3609-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3614-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b361f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b362a-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3636-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3643-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3648-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b364b-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3650-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b365e-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b366b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b366c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3671-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3676-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3695-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36b4-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36d4-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36e1-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36e2-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36e7-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36ec-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36f9-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b36fe-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b370b-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3710-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b371d-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3722-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3730-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b373d-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b373e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3743-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3748-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3753-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b375e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3769-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b376e-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3771-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3776-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b377a-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3787-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3788-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b378d-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3792-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3795-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b379a-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b379d-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37a2-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37a5-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37aa-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37ad-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37b2-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37b6-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37c3-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37c4-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37c9-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37ce-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37d1-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37d6-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37d9-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37de-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37e2-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37ef-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37f4-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37f7-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37fc-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b37ff-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3804-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3807-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b380c-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3815-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3822-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3823-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3828-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b382d-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b384c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b386b-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b388b-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3898-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3899-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b389e-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38a3-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38b0-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38b5-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38c2-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38c7-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38d4-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38d9-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38e7-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38f4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38f5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38fa-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b38ff-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b390a-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3915-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3920-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3925-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3928-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b392d-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3931-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b393e-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b393f-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3944-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3949-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b394c-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3951-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3954-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3959-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b395c-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3961-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3964-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3969-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b396d-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b397a-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b397b-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3980-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3985-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3988-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b398d-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3990-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3995-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3999-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39a6-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39ab-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39ae-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39b3-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39b6-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39bb-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39be-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39c3-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39ce-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39d2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39d6-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39e6-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39ea-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39ee-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b39f2-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bd1-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bd6-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bdb-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3be0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3be5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bea-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bef-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bf8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bfe-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c04-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c0a-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c10-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c16-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c1c-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c26-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c2c-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c32-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c38-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c3e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c44-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c4a-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c54-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c5a-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c60-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c66-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c6c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c72-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c78-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c87-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c8c-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c91-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c96-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3c9b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ca0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ca5-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cae-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cb4-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cba-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cc0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cc6-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ccc-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cd2-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cdc-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ce2-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ce8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cee-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cf4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3cfa-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d00-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d0a-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d10-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d16-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d1c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d22-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d28-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d2e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d3a-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d41-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d48-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d50-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d58-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d60-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d68-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d90-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d9b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d9f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3da0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3da1-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3da2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3da3-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3da4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dab-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dac-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dad-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dae-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3daf-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3db0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3db1-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3db7-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3db8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3db9-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dc0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dc1-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dc2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dc3-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dc4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dca-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dcb-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dcc-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dcd-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dce-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dcf-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dd5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dd6-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dd7-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dd8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dd9-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dda-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de1-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de3-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de6-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de7-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3de8-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dee-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3def-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3df0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3df1-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3df2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3df3-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3df4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3df5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dfc-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dfd-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dfe-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3dff-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e00-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e01-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e02-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e03-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e04-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e05-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e0b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e0c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e0d-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e0e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e0f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e10-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e11-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e12-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e13-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e14-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e15-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e1b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e1c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e1d-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e1e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e1f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e20-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e21-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e22-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e23-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e24-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e25-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e26-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e2c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e2d-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e2e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e2f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e30-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e31-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e32-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e33-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e34-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e35-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e36-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e37-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e38-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e3e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e3f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e40-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e41-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e42-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e43-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e44-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e45-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e46-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e47-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e48-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e49-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e4a-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e54-e021c46f {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e58-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e5e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e60-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e62-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e64-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e79-e021c46f {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e7b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e7f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e81-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e83-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e85-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3e87-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ea0-e021c46f {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ea3-e021c46f {
  justify-self: start;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ec2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ee2-e021c46f {
  place-self: stretch stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ee3-e021c46f {
  place-self: center;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3eec-e021c46f {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3eef-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ef2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ef5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ef8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3efb-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f0d-e021c46f {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f64-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f6b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f7d-e021c46f {
  place-self: stretch stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3fc9-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b400d-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4057-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b40ad-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b410f-e021c46f {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4274-e021c46f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42a0-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42a7-e021c46f {
  grid-area: 1 / 1 / 2 / 11;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42ab-e021c46f {
  grid-area: 1 / 3 / 2 / 11;
  align-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42ad-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42ae-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42af-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42b0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42b1-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42c8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42e2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42fb-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42ff-e021c46f {
  grid-area: 3 / 1 / 9 / 2;
  place-self: start end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4312-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4327-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b433c-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4355-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4356-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4357-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4358-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4371-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b438b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b43a4-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b43b1-e021c46f {
  grid-area: 1 / 3 / 2 / 11;
  align-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b43b3-e021c46f {
  grid-area: 3 / 1 / 9 / 2;
  place-self: start end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b43bd-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b43d2-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b43e7-e021c46f {
  justify-self: end;
}

#stickers.w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b43fd-e021c46f {
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4403-e021c46f {
  grid-area: 1 / 1 / 2 / 11;
  justify-self: stretch;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4407-e021c46f {
  grid-area: 1 / 3 / 2 / 11;
  align-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4409-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b440a-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b440b-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b440c-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b440d-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4424-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b444e-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4475-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4488-e021c46f {
  grid-area: 3 / 1 / 9 / 2;
  place-self: start end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4492-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b44ad-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b44c8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b450a-e021c46f {
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4513-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4515-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4517-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4519-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b451b-e021c46f {
  justify-self: start;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4526-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4582-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4586-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4588-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b458a-e021c46f {
  justify-self: start;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4595-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b463f-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4648-e021c46f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b46cb-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b46d1-e021c46f {
  justify-self: stretch;
}

#w-node-_38e29afb-3ab0-e768-5341-1eb5299e04cb-e021c46f {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_38e29afb-3ab0-e768-5341-1eb5299e04d6-e021c46f {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-bab2308c-6712-3d53-dad7-5482eaf17b7e-7523682d, #w-node-c5c7825b-2eb5-d019-f382-664845f69ed9-7523682d, #w-node-afde9b49-3323-4b23-193d-cfd96a71f7a9-7523682d, #w-node-_310e1cf4-75c4-a10b-3123-9ba76033023a-7523682d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_6e4cac25-69f1-1fa3-0ecc-78769905ce6a-7523682d, #w-node-_6e4cac25-69f1-1fa3-0ecc-78769905ce76-7523682d {
  align-self: auto;
}

#w-node-_44053894-5330-baf5-567a-bd6b0e384fad-7523682d {
  place-self: auto;
}

#w-node-ec566dbd-fee9-2abb-f49a-2583e8782950-7523682d {
  align-self: start;
}

#w-node-_5ea48346-ac03-0e70-47ab-95e330f4ac0b-7523682d, #w-node-eabc4d22-4f80-1d88-a19d-98a5253dcddf-7523682d {
  place-self: auto;
}

#w-node-c8616e9e-1976-b994-14b0-4f31c8928c74-7523682d {
  align-self: start;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f00-7523682d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f02-7523682d {
  justify-self: center;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f03-7523682d, #w-node-c633bcd7-345d-2f30-26a0-412374165f09-7523682d, #w-node-c633bcd7-345d-2f30-26a0-412374165f10-7523682d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bab2308c-6712-3d53-dad7-5482eaf17454-7523682d {
  grid-area: span 35 / span 1 / span 35 / span 1;
  align-self: start;
}

#w-node-_4c915ba1-7f5d-364a-11b9-a630f861a5f1-7523682d, #w-node-_4c915ba1-7f5d-364a-11b9-a630f861a5f7-7523682d, #w-node-cbc70d28-f11e-62b0-f737-3d62d78432a7-7523682d, #w-node-_049f19a5-7993-f8d3-c06a-350819b10e74-7523682d, #w-node-_445a6e1a-0a25-9a1c-8497-55abe43b70a8-7523682d, #w-node-_445a6e1a-0a25-9a1c-8497-55abe43b70ae-7523682d, #w-node-_35572a8d-bd88-a2a2-dbee-aeb86d135387-7523682d, #w-node-e260b448-790e-233d-49ca-08d0ac30a012-7523682d, #w-node-e260b448-790e-233d-49ca-08d0ac30a018-7523682d {
  place-self: start stretch;
}

#w-node-_7be774c7-22da-b9b1-2ede-e0e99d9e089c-7523682d {
  justify-self: center;
}

#w-node-_73fd37c5-4cff-4a2b-9c42-1d7b43976e7d-7523682d, #w-node-_73fd37c5-4cff-4a2b-9c42-1d7b43976e94-7523682d {
  place-self: start stretch;
}

#w-node-bab2308c-6712-3d53-dad7-5482eaf17b7e-13ae8e3b, #w-node-c5c7825b-2eb5-d019-f382-664845f69ed9-13ae8e3b, #w-node-afde9b49-3323-4b23-193d-cfd96a71f7a9-13ae8e3b, #w-node-_310e1cf4-75c4-a10b-3123-9ba76033023a-13ae8e3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-bab2308c-6712-3d53-dad7-5482eaf17454-13ae8e3b {
  grid-area: span 35 / span 1 / span 35 / span 1;
  align-self: start;
}

#w-node-cf32cb31-397c-ce86-244d-89addb660c8a-13ae8e3b, #w-node-cf32cb31-397c-ce86-244d-89addb660c90-13ae8e3b, #w-node-_796a4cbe-13d7-9869-647b-84c449d02847-13ae8e3b, #w-node-_796a4cbe-13d7-9869-647b-84c449d0284d-13ae8e3b {
  place-self: start stretch;
}

#w-node-_6c0efb2e-82bc-8e03-0c1b-6ebbf30e76aa-13ae8e3b, #w-node-_6c0efb2e-82bc-8e03-0c1b-6ebbf30e76b3-13ae8e3b {
  align-self: start;
}

#w-node-_3457ab99-9ccb-4734-be96-73100af760bd-13ae8e3b, #w-node-bab89b79-0a21-162b-18ec-f96d89e4dc77-13ae8e3b {
  place-self: start stretch;
}

#w-node-bab2308c-6712-3d53-dad7-5482eaf17b7e-4a3577b4, #w-node-c5c7825b-2eb5-d019-f382-664845f69ed9-4a3577b4, #w-node-afde9b49-3323-4b23-193d-cfd96a71f7a9-4a3577b4, #w-node-_310e1cf4-75c4-a10b-3123-9ba76033023a-4a3577b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-f67a7dfe-97da-61f8-79c2-62aef09863d0-4a3577b4 {
  align-self: center;
}

#w-node-_79adc704-8dfe-7f02-4c3c-10ac46546027-4a3577b4 {
  justify-self: center;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f03-4a3577b4, #w-node-c633bcd7-345d-2f30-26a0-412374165f09-4a3577b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_9dc5bbf4-ae2a-3768-b36e-6d038b2f4b2b-4a3577b4 {
  align-self: auto;
}

#w-node-c633bcd7-345d-2f30-26a0-412374165f10-4a3577b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bab2308c-6712-3d53-dad7-5482eaf17454-4a3577b4 {
  grid-area: span 35 / span 1 / span 35 / span 1;
  align-self: start;
}

#w-node-f795af3b-fc36-3c43-5b34-52242b05ef68-4a3577b4, #w-node-fecbc38f-319f-e56a-5e8e-b97be796c79f-4a3577b4, #w-node-_10fd4fef-0b11-49b1-8eb0-8f682f66bb16-4a3577b4, #w-node-d5b9d0a0-6113-a3f9-9c51-797da9502823-4a3577b4, #w-node-_2fdbbac1-339b-a4a9-0341-e4d88b81aa8b-4a3577b4 {
  align-self: end;
}

#w-node-_78a67a34-40c6-9a14-20f1-b67ae6286f6c-4a3577b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4339bb6e-c4a1-b065-81cf-a4f2aeba1b95-4a3577b4, #w-node-_2590cac8-361c-b321-6278-3a1caa1a8cdc-4a3577b4, #w-node-_8cc2230b-896a-4ac0-499d-2053a99415ef-4a3577b4, #w-node-_12fdc104-ba1b-75a8-da72-3849d46ec5af-4a3577b4 {
  align-self: center;
}

#w-node-_162c52ff-1254-255d-dc09-c1b80d62f490-4a3577b4, #w-node-_162c52ff-1254-255d-dc09-c1b80d62f492-4a3577b4, #w-node-_162c52ff-1254-255d-dc09-c1b80d62f49f-4a3577b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_91000c88-05ce-f19f-4575-5e56f3d31488-4a3577b4, #w-node-_91000c88-05ce-f19f-4575-5e56f3d3148e-4a3577b4, #w-node-_4b23d030-9379-c364-0043-0c9e60bbbc0f-4a3577b4, #w-node-_4b23d030-9379-c364-0043-0c9e60bbbc15-4a3577b4 {
  place-self: start stretch;
}

@media screen and (min-width: 1920px) {
  #w-node-_9ff7c53f-ed24-6ffe-4de1-20b06f2c0268-2a679598, #w-node-_30238df3-5d5c-7719-20d9-ef464c3c5704-2a679598, #w-node-_00185c91-8786-09ae-e94f-86970c650ed9-2a679598, #w-node-f78288f5-9034-cf7a-cf26-c540710c01dc-2a679598, #w-node-c5d234f9-2911-d1a5-7159-ad3970951669-2a679598, #w-node-_6ad84279-6f64-4604-b935-fad9a25cbbbc-2a679598 {
    justify-self: auto;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_4e669989-70a2-9235-98c9-a07136a8ae8b-800d2e38 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-bd55e750-0059-a288-490e-132e35085c0c-800d2e38, #w-node-_9dc3caac-d4c3-55c7-03a4-e5b6ecda98ae-800d2e38 {
    place-self: auto start;
  }

  #w-node-e5a6136d-9cc2-a1c6-2fc1-912532aa4f18-800d2e38, #w-node-_48d7d0b2-525b-2f23-95af-ddc55ac6f24a-800d2e38 {
    align-self: end;
  }

  #w-node-_1b304349-8591-426d-4151-907b32f7abb7-800d2e38 {
    align-self: auto;
  }

  #w-node-_1b304349-8591-426d-4151-907b32f7abb6-800d2e38 {
    align-self: end;
  }

  #w-node-_82a0b1ca-9ccb-26de-9291-61a8eeb7b05d-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91d24-9b0183fc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b36e6590-7fb3-f73f-064a-61697dc91d3a-9b0183fc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center start;
  }

  #w-node-d1e80748-a1dd-6202-729f-9ddc73a2479a-9b0183fc, #w-node-_7ce68754-4b86-696c-1ff5-aefc96c66b45-9b0183fc, #w-node-_734e96de-b03b-cab1-143f-b67f1083d860-9b0183fc, #w-node-b36e6590-7fb3-f73f-064a-61697dc91da6-9b0183fc, #w-node-_40004f97-eb4c-f832-71e2-0f730f69ed24-5ce4f1a0, #w-node-d97a69d2-0ea5-5208-2bda-f06f790ed812-5ce4f1a0, #w-node-d97a69d2-0ea5-5208-2bda-f06f790ed814-5ce4f1a0, #w-node-d97a69d2-0ea5-5208-2bda-f06f790ed817-5ce4f1a0, #w-node-bd733fc1-ca5c-2be8-d02e-4f300de62cdd-5ce4f1a0, #w-node-aa351b28-6708-96f0-72e7-b9e786438d0a-5ce4f1a0, #w-node-_000346c7-5b3f-a5d5-cf8a-dd39eb2787f8-5ce4f1a0, #w-node-_661e14a8-cf78-17fc-978b-36fd1b010328-5ce4f1a0, #w-node-a5839263-8048-c8cb-4f69-b30ca39eb813-5ce4f1a0, #w-node-a5839263-8048-c8cb-4f69-b30ca39eb818-5ce4f1a0, #w-node-_848b767e-3f71-f81b-3bb3-5764d3aa9c9c-5ce4f1a0, #w-node-a129f735-6f2b-189b-4532-4c36c9edfc1f-5ce4f1a0, #w-node-f91d8a3d-8015-39ac-f8f0-02de688e00ff-5ce4f1a0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_731869c6-e4dc-891e-7d3f-9da56e7d8911-c612b5ab, #w-node-_92d0da42-a922-e5a7-759d-cf728bbb7dd4-c612b5ab, #w-node-_7f9ce80d-e461-f92b-5b0f-65b58340459d-c612b5ab, #w-node-_0a775267-2174-770a-d3c7-7d7f6bdaae13-c612b5ab {
    place-self: auto center;
  }

  #w-node-_9ff7c53f-ed24-6ffe-4de1-20b06f2c0268-2a679598 {
    place-self: auto start;
  }

  #w-node-_30238df3-5d5c-7719-20d9-ef464c3c5704-2a679598, #w-node-_00185c91-8786-09ae-e94f-86970c650ed9-2a679598, #w-node-f78288f5-9034-cf7a-cf26-c540710c01dc-2a679598, #w-node-c5d234f9-2911-d1a5-7159-ad3970951669-2a679598, #w-node-_6ad84279-6f64-4604-b935-fad9a25cbbbc-2a679598 {
    place-self: auto;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165eff-58c10e19, #w-node-c633bcd7-345d-2f30-26a0-412374165f00-58c10e19 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165f02-58c10e19 {
    justify-self: center;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165f03-58c10e19, #w-node-c633bcd7-345d-2f30-26a0-412374165f09-58c10e19, #w-node-c633bcd7-345d-2f30-26a0-412374165f10-58c10e19 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-d908aa2c-7363-05cf-9de1-2476b90f0bb9-58c10e19 {
    place-self: start stretch;
  }

  #w-node-d536e17f-e2b2-f9af-1b2a-10b7e2f04422-58c10e19, #w-node-_81065459-4ede-9bd2-aec3-69650ac612a0-58c10e19 {
    justify-self: auto;
  }

  #w-node-_7be774c7-22da-b9b1-2ede-e0e99d9e089c-58c10e19 {
    justify-self: center;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165eff-7523682d, #w-node-c633bcd7-345d-2f30-26a0-412374165f00-7523682d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165f02-7523682d {
    justify-self: center;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165f03-7523682d, #w-node-c633bcd7-345d-2f30-26a0-412374165f09-7523682d, #w-node-c633bcd7-345d-2f30-26a0-412374165f10-7523682d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_7be774c7-22da-b9b1-2ede-e0e99d9e089c-7523682d {
    justify-self: center;
  }

  #w-node-f67a7dfe-97da-61f8-79c2-62aef09863d0-4a3577b4 {
    align-self: end;
  }

  #w-node-_79adc704-8dfe-7f02-4c3c-10ac46546027-4a3577b4 {
    justify-self: center;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165f03-4a3577b4, #w-node-c633bcd7-345d-2f30-26a0-412374165f09-4a3577b4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_9dc5bbf4-ae2a-3768-b36e-6d038b2f4b2b-4a3577b4 {
    align-self: auto;
  }

  #w-node-c633bcd7-345d-2f30-26a0-412374165f10-4a3577b4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_2590cac8-361c-b321-6278-3a1caa1a8cdc-4a3577b4, #w-node-_8cc2230b-896a-4ac0-499d-2053a99415ef-4a3577b4 {
    align-self: center;
  }

  #w-node-_162c52ff-1254-255d-dc09-c1b80d62f48f-4a3577b4, #w-node-_162c52ff-1254-255d-dc09-c1b80d62f490-4a3577b4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_162c52ff-1254-255d-dc09-c1b80d62f492-4a3577b4, #w-node-_162c52ff-1254-255d-dc09-c1b80d62f49f-4a3577b4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b34e9-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b34f0-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b34f5-e021c46f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3a01-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3a1a-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4648-e021c46f {
    justify-self: end;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b4649-e021c46f {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ac4-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3add-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bb5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bb8-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3bbb-e021c46f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d7a-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3d90-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3faa-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3fc9-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b44e8-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b450a-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bd55e750-0059-a288-490e-132e35085c0c-800d2e38 {
    justify-self: auto;
  }

  #w-node-_48d7d0b2-525b-2f23-95af-ddc55ac6f24a-800d2e38 {
    justify-self: start;
  }

  #w-node-_9ff7c53f-ed24-6ffe-4de1-20b06f2c0268-2a679598 {
    justify-self: auto;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3a1a-e021c46f {
    justify-self: stretch;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3ee2-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f10-e021c46f {
    order: 1;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f12-e021c46f {
    order: 3;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f14-e021c46f {
    order: 5;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f16-e021c46f {
    order: 7;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f18-e021c46f {
    order: 9;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f1a-e021c46f {
    order: 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f1c-e021c46f {
    order: 4;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f1e-e021c46f {
    order: 6;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f20-e021c46f {
    order: 8;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b3f22-e021c46f {
    order: 10;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b428b-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b42a0-e021c46f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b45f1-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b45f5-e021c46f, #w-node-_5c1f09ee-6729-7ae1-7ec2-bd84844b45f9-e021c46f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}