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:700;
}

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;
  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;
  appearance:none;
}

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

legend {
  border:0;
  padding:0;
}

textarea {
  overflow:auto;
}

optgroup {
  font-weight:700;
}

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:400;
  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:400;
  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;
  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:700;
}

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

.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:400;
  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:400;
  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:400;
  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:400;
  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;
  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;
  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;
  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;
  -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;
  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);
  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:50%;
  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:translate(0,0);
  transform:translate(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:translateY(-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;
  -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);
  }

  to {
    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;
}

:root {
  --n0:#000026;
  --a150:#397347;
  --a100:#324d38;
  --n1000:white;
  --b300:#f5f4d8;
  --a300:#ebf7ee;
  --a200:#a1d7ae;
  --black:black;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset:2px;
  border-radius:50%;
  outline:2px solid #3b79c3;
}

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

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

body {
  color:var(--n0);
  font-family:Bitter,serif;
  font-size:14px;
  font-weight:400;
  line-height:20px;
}

h1 {
  color:var(--n0);
  letter-spacing:-.5px;
  margin-top:0;
  margin-bottom:0;
  font-family:Bitter,serif;
  font-size:48px;
  font-weight:700;
  line-height:57px;
}

h2 {
  color:var(--n0);
  letter-spacing:-.42px;
  margin-top:0;
  margin-bottom:0;
  font-family:Bitter,serif;
  font-size:42px;
  font-weight:400;
  line-height:50px;
}

h3 {
  font-weight:700;
}

h4 {
  color:#a6c9ae;
  margin-top:0;
  margin-bottom:0;
  font-family:Bitter,serif;
  font-size:20px;
  font-weight:700;
  line-height:24px;
}

h5 {
  color:var(--n0);
  margin-top:0;
  margin-bottom:0;
  font-family:Bitter,serif;
  font-size:18px;
  font-weight:700;
  line-height:22px;
}

h6 {
  color:var(--n0);
  margin-top:0;
  margin-bottom:0;
  font-family:Bitter,serif;
  font-size:16px;
  font-weight:700;
  line-height:20px;
}

p {
  margin-bottom:0;
  font-family:Lato,sans-serif;
  font-size:18px;
  line-height:30px;
}

a {
  color:var(--a150);
  font-weight:700;
  text-decoration:none;
}

ul,ol {
  margin-top:0;
  margin-bottom:10px;
  padding-left:30px;
}

li {
  margin-bottom:15px;
  font-family:Lato,sans-serif;
  font-size:18px;
  line-height:30px;
}

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

label {
  margin-bottom:5px;
  font-weight:700;
  display:block;
}

blockquote {
  color:var(--a100);
  background-color:#4b32f01a;
  border-left:0 #000;
  margin-bottom:10px;
  padding:10px 20px;
  font-size:16px;
  font-weight:700;
  line-height:22px;
}

figure {
  margin-bottom:10px;
}

.greyscale-title {
  color:#23272a;
  text-align:left;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:10px;
  font-weight:400;
}

.button-subtitle {
  color:#8f9193;
  text-align:center;
  margin-top:10px;
}

.container-xlarge {
  flex:1;
  max-width:1189px;
  margin-left:auto;
  margin-right:auto;
  padding-left:32px;
  padding-right:32px;
}

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

.headings-wrapper {
  grid-column-gap:20px;
  grid-row-gap:20px;
  flex-direction:column;
  justify-content:center;
  width:100%;
  display:flex;
}

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

.color-block-wrapper {
  border-radius:4px;
  width:20%;
  margin-left:28px;
  margin-right:28px;
}

.greyscale-block-wrapper {
  border-radius:4px;
  width:100%;
  display:flex;
}

.color-block {
  height:88px;
}

.color-block.paragraphs {
  background-color:#4c4c65;
}

.color-block.bg-n1000 {
  background-color:var(--n1000);
}

.color-block.bg-n0 {
  background-color:var(--n0);
}

.color-block.bg-a100 {
  background-color:var(--a100);
}

.color-block.border-color {
  background-color:#e2e3e7;
}

.color-block.bg-b300 {
  background-color:var(--b300);
}

.color-block.bg-a300 {
  background-color:var(--a300);
}

.color-block.bg-a200 {
  background-color:var(--a200);
}

.color-block.bg-a150 {
  background-color:var(--a150);
}

.section {
  position:relative;
}

.section.with-title.testimonials {
  display:none;
}

.section.section-bg-color {
  background-color:var(--a100);
  padding-top:80px;
  padding-bottom:80px;
  display:none;
}

.section.light-blue {
  background-color:#fcfcfe;
}

.section.no-margin {
  height:100%;
  padding-top:0;
  padding-bottom:0;
}

.section.s-contact {
  display:none;
}

.filled-btn {
  background-color:var(--a100);
  color:#fff;
  letter-spacing:.4px;
  text-transform:capitalize;
  border-radius:0;
  margin-top:16px;
  margin-right:16px;
  padding:10px 32px;
  font-size:20px;
  font-weight:400;
  line-height:26px;
  text-decoration:none;
  transition:background-color .2s;
  position:relative;
  overflow:hidden;
}

.filled-btn.no-margin-top {
  margin-top:0;
}

.filled-btn.no-margin-top.no-margin-right {
  margin-right:0;
}

.filled-btn.submit:hover {
  background-color:#3e2ac7;
}

.filled-btn.submit.no-margin-right {
  margin-right:0;
}

.style-guide-block-title {
  background-color:var(--n1000);
  box-shadow:none;
  border:1px solid #0000261a;
  padding:32px 104px;
  position:relative;
}

.grayscale-block {
  background-color:var(--n0);
  flex:1;
  height:88px;
}

.grayscale-block._10 {
  opacity:.1;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}

.grayscale-block._30 {
  opacity:.3;
}

.grayscale-block._40 {
  opacity:.4;
}

.grayscale-block._60 {
  opacity:.6;
}

.grayscale-block._90 {
  opacity:.9;
}

.grayscale-block._70 {
  opacity:.7;
}

.grayscale-block._80 {
  opacity:.8;
}

.grayscale-block._50 {
  opacity:.5;
}

.grayscale-block._100 {
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}

.grayscale-block._20 {
  opacity:.2;
}

.filled-btn-text {
  z-index:1;
  text-align:center;
  font-family:Bitter,serif;
  position:relative;
}

.style-guide-block-wrapper {
  margin-bottom:80px;
}

.style-guide-block-wrapper.last {
  margin-bottom:0;
}

.greyscales-wrapper {
  flex-direction:column;
  justify-content:center;
  width:100%;
  margin-top:56px;
  display:flex;
}

.button-block {
  border:1px solid #e7e8e8;
  justify-content:center;
  align-items:center;
  height:176px;
  display:flex;
}

.color-title {
  color:#23272a;
  text-align:center;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-top:10px;
  font-weight:400;
}

.color-title.margin-bottom {
  margin-bottom:10px;
}

.filled-btn-overlay {
  z-index:0;
  background-color:var(--a100);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
}

.filled-btn-overlay.right {
  left:auto;
  right:0;
}

.colors-wrapper,.buttons-wrapper {
  flex-direction:row;
  justify-content:center;
  width:100%;
  display:flex;
}

.style-guide-title {
  text-align:center;
  font-size:30px;
  line-height:36px;
}

.outlined-btn {
  border:2px solid var(--a100);
  color:var(--a100);
  letter-spacing:.4px;
  text-transform:capitalize;
  background-color:#0000;
  margin-top:16px;
  margin-right:16px;
  padding:10px 32px;
  font-size:20px;
  font-weight:400;
  line-height:26px;
  text-decoration:none;
  transition:color .2s,background-color .2s;
  position:relative;
}

.outlined-btn.no-margin-top {
  margin-top:0;
}

.outlined-btn.no-margin-top.no-margin-right {
  margin-right:0;
}

.outlined-btn.no-margin-top.no-margin-right.flex {
  align-items:center;
  display:flex;
}

.outlined-btn.no-margin-top.no-margin-right.flex.disabled {
  opacity:.5;
  cursor:not-allowed;
}

.page-title {
  text-align:center;
  margin-top:24px;
  margin-bottom:80px;
}

.page-title.section-header {
  margin-bottom:16px;
}

.button-block-wrapper {
  border-radius:4px;
  width:50%;
  margin-left:28px;
  margin-right:28px;
}

.style-guide-block {
  background-color:var(--n1000);
  box-shadow:none;
  border:1px solid #0000261a;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-top:-1px;
  padding:80px;
  display:flex;
}

.style-guide-block.block {
  display:block;
}

.style-guide-block.narrow {
  padding-top:32px;
  padding-bottom:32px;
}

.heading-subtitle {
  color:#8f9193;
  padding-left:4px;
  font-size:14px;
  line-height:20px;
}

.filled-btn-2 {
  color:#fff;
  letter-spacing:.4px;
  background-color:#1d1d1d;
  margin-top:16px;
  margin-right:16px;
  padding:12px 24px;
  font-size:16px;
  font-weight:400;
  line-height:22px;
  text-decoration:none;
  transition:background-color .2s;
  overflow:hidden;
}

.filled-btn-text-wrapper {
  flex-direction:column;
  justify-content:center;
  align-items:center;
  height:32px;
  padding-bottom:22px;
  line-height:24px;
  display:flex;
  position:static;
  overflow:hidden;
}

.btn-text {
  text-align:center;
  position:relative;
}

.btn-text-effect {
  text-align:center;
  font-family:Bitter,serif;
}

.nav-menu {
  background-color:var(--a100);
  flex-direction:row;
  width:45vw;
  padding-top:80px;
  padding-left:16px;
  padding-right:16px;
  display:flex;
  position:fixed;
}

.brand {
  grid-column-gap:10px;
  grid-row-gap:10px;
  flex:1;
  align-items:center;
  display:flex;
}

.nav-link {
  color:#fff;
  padding:0 8px;
  font-size:18px;
  line-height:24px;
  text-decoration:none;
  transition:color .3s;
  display:inline-block;
}

.nav-link.dark {
  color:var(--n0);
}

.nav-link.dark.footer-link {
  width:auto;
  margin-left:8px;
  padding:8px;
  font-size:14px;
  font-weight:400;
  display:inline-block;
}

.menu-button {
  z-index:10000;
  background-color:#0000;
  flex-direction:column;
  flex:0 auto;
  justify-content:center;
  align-items:center;
  margin-right:-18px;
  position:relative;
}

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

.line-1 {
  transform-origin:0%;
  background-color:#fff;
  width:100%;
  height:2px;
  margin-left:auto;
}

.line-1.dark {
  background-color:var(--n0);
}

.burger-menu {
  z-index:1;
  flex-direction:column;
  justify-content:space-between;
  width:32px;
  height:24px;
  display:flex;
  position:relative;
}

.navbar {
  z-index:998;
  background-color:#fff;
  border-bottom:1px solid #e2e3e7;
  justify-content:space-between;
  align-items:center;
  height:80px;
  padding-left:4%;
  padding-right:4%;
  display:flex;
  position:relative;
  top:0;
  left:0;
  right:0;
}

.navbar.transparent {
  background-color:#0000;
  border-bottom:0 #0000;
  position:absolute;
}

.logo-line {
  background-color:var(--n0);
  transform-origin:0%;
  width:40px;
  height:1px;
  margin-left:8px;
  display:inline-block;
}

.hero-section {
  justify-content:center;
  align-items:center;
  min-height:100vh;
  display:flex;
  position:relative;
}

.blue-shape-hero {
  background-color:var(--a100);
  transform-origin:100%;
  width:33.3334%;
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
}

.line-2 {
  transform-origin:100%;
  background-color:#fff;
  width:50%;
  height:2px;
  margin-left:auto;
}

.line-2.dark {
  background-color:var(--n0);
}

.line-3 {
  transform-origin:0%;
  background-color:#fff;
  width:75%;
  height:2px;
  margin-left:auto;
}

.line-3.dark {
  background-color:var(--n0);
}

.hero-img-wrapper {
  position:relative;
}

.hero-img {
  z-index:1;
  max-height:640px;
  display:block;
  position:relative;
}

.hero-img-backdrop {
  z-index:0;
  opacity:.3;
  background-image:url(https://cdn.prod.website-files.com/6303bbde7e8891552c333a00/6303c9c6afc8584dc644246d_pattern_dot2.svg);
  background-position:0 0;
  background-size:20px;
  display:block;
  position:absolute;
  inset:80px 80px -80px -80px;
}

.underline-text {
  color:var(--n0);
  font-weight:400;
  display:block;
}

.hero-title {
  margin-top:0;
  font-size:60px;
  font-weight:400;
  line-height:72px;
  display:inline;
}

.text-bg-accent {
  background-color:var(--a300);
  transform-origin:50% 100%;
  mix-blend-mode:multiply;
  width:100%;
  height:38%;
  position:absolute;
  bottom:0;
}

.text-bg-accent.white {
  background-color:#ffffff4d;
}

.title-wrap {
  margin-bottom:24px;
}

.bg-text-wrapper {
  display:inline-block;
  position:relative;
}

.hero-paragraph {
  max-width:90%;
  margin-bottom:80px;
}

.scroll-down-block {
  margin-top:60px;
  font-weight:400;
  display:inline-block;
  position:relative;
  overflow:hidden;
}

.scroll-text {
  color:var(--n0);
  margin-right:8px;
  display:inline-block;
}

.scroll-down-icon {
  margin-top:0;
  margin-bottom:10px;
  display:block;
}

.social-block {
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  display:flex;
  position:absolute;
  left:3%;
}

.social-link {
  color:var(--a100);
  letter-spacing:1px;
  margin-bottom:104px;
  margin-left:-100%;
  font-size:16px;
  line-height:22px;
  text-decoration:none;
  transform:rotate(90deg);
}

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

.social-link.last {
  margin-bottom:0;
}

.section-header {
  align-items:center;
}

.section-header.right {
  justify-content:flex-end;
  display:flex;
}

.section-title-wrapper {
  align-items:center;
  display:inline-block;
}

.section-title-line {
  background-color:var(--n0);
  transform-origin:0%;
  width:70px;
  height:2px;
  margin-bottom:15px;
  display:inline-block;
  position:static;
}

.section-title {
  margin-top:0;
  margin-bottom:0;
  margin-left:24px;
  display:inline-block;
}

.section-title.no-margin {
  margin-left:0;
}

.section-title.no-margin.project-page {
  margin-top:80px;
}

.project-list-wrapper {
  z-index:1;
  flex-wrap:wrap;
  display:flex;
  position:relative;
}

.project-wrapper {
  width:33.333%;
  padding:16px;
}

.project-img {
  margin-top:0;
  margin-bottom:0;
  position:relative;
  overflow:hidden;
}

.project-img-overlay {
  background-color:var(--a100);
  width:0%;
  display:none;
  position:absolute;
  inset:0;
}

.project-title {
  color:var(--n0);
  font-size:48px;
  line-height:54px;
  text-decoration:none;
}

.project-title.listing {
  color:#fff;
  font-size:18px;
  font-weight:400;
  line-height:24px;
  display:inline-block;
  position:absolute;
  bottom:8px;
  left:16px;
}

.plus-icon {
  margin-top:0;
  margin-bottom:0;
  position:absolute;
  top:16px;
  right:16px;
}

.plus-icon.no-margin {
  width:10%;
  position:relative;
  top:0;
  right:0;
}

.button-container {
  padding:56px 0 0;
}

.button-container.center {
  justify-content:center;
  display:none;
}

.button-container.project-page {
  justify-content:space-between;
  padding-top:0;
  display:flex;
}

.arrow-wrapper {
  flex-direction:column;
  align-items:center;
  height:8px;
  display:inline-block;
  transform:translateY(-24px);
}

.testimonial-slider {
  z-index:1;
  background-color:#0000;
  width:83.333%;
  margin:104px auto 40px;
}

.slide-nav {
  display:none;
}

.arrow-left-icon {
  transform:rotate(180deg);
}

.left-arrow {
  justify-content:flex-start;
  align-items:center;
  display:flex;
}

.right-arrow {
  justify-content:flex-end;
  align-items:center;
  display:flex;
}

.slider-content {
  flex-direction:column;
  justify-content:center;
  align-items:center;
  height:100%;
  display:flex;
  position:relative;
}

.testimonial-number {
  z-index:0;
  opacity:.1;
  text-align:center;
  font-size:192px;
  line-height:198px;
  position:absolute;
}

.testimonial-text {
  z-index:1;
  color:var(--a100);
  text-align:center;
  max-width:66.664%;
  margin-top:48px;
  margin-bottom:16px;
  font-family:Inconsolata,monospace;
  font-size:30px;
  line-height:36px;
  position:relative;
}

.testimonial-author {
  z-index:1;
  color:var(--n0);
  text-align:center;
  max-width:66.664%;
  margin-top:0;
  margin-bottom:0;
  font-family:Inconsolata,monospace;
  font-size:18px;
  line-height:24px;
  position:relative;
}

.numbers-wrapper {
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:25%;
  padding-left:8px;
  padding-right:8px;
}

.numbers-value {
  color:#fff;
  font-family:Bitter,serif;
  font-size:48px;
  line-height:54px;
}

.numbers-title {
  color:#fff;
  text-align:center;
  text-transform:capitalize;
  font-family:Bitter,serif;
  font-size:24px;
  line-height:30px;
}

.numbers-block {
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:flex;
  position:relative;
}

.company-logos-grid {
  z-index:1;
  grid-column-gap:16px;
  grid-row-gap:16px;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-auto-columns:1fr;
  padding-top:56px;
  padding-bottom:56px;
  display:grid;
  position:relative;
}

.company-logo {
  filter:grayscale();
  max-height:100px;
  padding:16px;
  transition:all .2s cubic-bezier(.55,.085,.68,.53);
}

.company-logo:hover {
  filter:grayscale(0%);
}

.contact-title {
  color:var(--a100);
  margin-top:0;
  margin-bottom:0;
  font-size:42px;
  line-height:48px;
}

.contact-title.center {
  text-align:center;
}

.text-field {
  border-style:none none solid;
  border-bottom-width:1px;
  border-bottom-color:var(--n0);
  background-color:#0000;
  border-radius:0;
  height:48px;
  margin-bottom:32px;
  padding-left:0;
  padding-right:0;
  transition:border-color .3s;
}

.text-field:focus {
  border-bottom-color:var(--a100);
}

.text-field::placeholder {
  color:#00002680;
}

.text-field.min-height {
  background-color:#0000;
  min-height:120px;
}

.text-field.margin-top {
  margin-top:32px;
}

.text-field-wrapper {
  display:flex;
}

.text-field-spacer {
  width:48px;
}

.select-field {
  border-style:none none solid;
  border-bottom-width:1px;
  border-bottom-color:var(--n0);
  background-color:#0000;
  border-radius:0;
  height:48px;
  margin-bottom:32px;
  padding-left:0;
  padding-right:0;
  transition:border-color .3s;
}

.select-field:focus {
  border-bottom-color:var(--a100);
}

.select-field::placeholder {
  color:#00002680;
}

.footer {
  border-top:1px solid #e2e3e7;
  justify-content:space-between;
  align-items:center;
  padding:16px 56px;
  display:flex;
}

.copyright-block {
  flex:1;
  display:inline-block;
}

.copyright-link {
  color:var(--a100);
  cursor:pointer;
  font-weight:400;
  text-decoration:none;
}

.footer-links {
  flex:0 auto;
}

.hero-img-overlay-wrapper {
  z-index:2;
  opacity:0;
  display:none;
  position:absolute;
  inset:0;
  overflow:hidden;
}

.hero-col-left {
  max-width:50%;
}

.hero-img-overlay {
  z-index:2;
  background-color:var(--a300);
  opacity:1;
  transform-origin:100%;
  width:100%;
  height:100%;
  display:block;
}

.dotted-pattern {
  z-index:0;
  opacity:.3;
  background-image:url(https://cdn.prod.website-files.com/6303bbde7e8891552c333a00/6303c9c6afc8584dc644246d_pattern_dot2.svg);
  background-position:0 0;
  background-size:20px;
  display:none;
  position:absolute;
}

.dotted-pattern.latest-work-center-left {
  width:25vw;
  height:25vh;
  top:40vh;
}

.dotted-pattern.latest-work-bottom-right {
  width:25vw;
  height:50vh;
  bottom:0;
  right:0;
}

.dotted-pattern.testimonial-left {
  width:12vw;
  height:35vh;
  bottom:0;
  left:12vw;
}

.dotted-pattern.companies-bottom-right {
  width:25vw;
  height:18vh;
  bottom:10vh;
  right:0;
}

.dotted-pattern.contact-bottom-left {
  width:25vw;
  height:35vh;
  bottom:17vh;
  left:0;
}

.dotted-pattern.cta-left {
  width:25vw;
  height:25vh;
  top:30vh;
}

.dotted-pattern.about-left {
  width:20vw;
  height:15vh;
  top:60vh;
}

.dotted-pattern.about-right {
  width:30vw;
  height:30vh;
  bottom:10vh;
  right:0;
}

.loading-page {
  z-index:999;
  opacity:0;
  background-color:#fff;
  justify-content:center;
  align-items:center;
  display:none;
  position:fixed;
  inset:0;
}

.page-header-shape {
  transform-origin:100%;
  flex:none;
}

.header-img {
  width:100%;
}

.project-info-wrapper {
  grid-column-gap:70px;
  grid-row-gap:70px;
  flex:none;
  align-items:center;
  width:100%;
  margin-top:40px;
  display:flex;
}

.project-info-wrapper.mt-medium {
  grid-column-gap:70px;
  grid-row-gap:70px;
}

.project-info-block {
  flex:0 auto;
}

.project-info-title {
  color:var(--n0);
  text-align:left;
  font-size:15px;
  font-weight:400;
  line-height:24px;
}

.project-info-value {
  color:var(--n0);
  text-align:left;
  font-size:18px;
  font-weight:700;
  line-height:24px;
}

.p-two-columns {
  z-index:2;
  column-count:2;
  column-rule-style:none;
  column-rule-width:21px;
  column-gap:56px;
}

.p-two-columns.mt-medium {
  white-space:normal;
}

.project-gallery-wrapper {
  z-index:1;
  align-items:center;
  display:flex;
  position:relative;
}

.featured-gallery-img {
  grid-column-gap:16px;
  flex-direction:column;
  grid-template-rows:auto;
  grid-template-columns:100%;
  grid-auto-columns:1fr;
  justify-content:center;
  align-items:stretch;
  width:50%;
  padding-bottom:50%;
  position:relative;
}

.gallery-img-right-block {
  grid-column-gap:0px;
  grid-row-gap:0px;
  flex-wrap:wrap;
  grid-template-rows:auto auto;
  grid-template-columns:50% 50%;
  grid-auto-columns:1fr;
  width:50%;
  display:flex;
  position:relative;
}

.small-gallery-img-block {
  width:50%;
  padding-bottom:50%;
  position:relative;
}

.gallery-square-content {
  background-color:#ddd;
  justify-content:center;
  align-items:center;
  width:96%;
  height:96%;
  display:flex;
  position:relative;
}

.gallery-square-content.small {
  width:92%;
  height:92%;
  overflow:hidden;
}

.gallery-square-content-wrapper {
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  display:flex;
  position:absolute;
}

.gallery-img {
  width:auto;
  max-width:none;
  height:100%;
  margin-top:0;
  margin-bottom:0;
  margin-left:50%;
  transform:translate(-50%);
}

.gallery-img-link {
  width:100%;
  height:100%;
  overflow:hidden;
}

.gallery-img-overlay {
  background-color:var(--a100);
  justify-content:center;
  align-items:center;
  width:0%;
  display:none;
  position:absolute;
  inset:0;
}

.grid-btn {
  background-image:url(https://cdn.prod.website-files.com/6303bbde7e8891552c333a00/6303bbde7e88919cf1333a3e_Grid.svg);
  background-position:50%;
  background-size:cover;
  width:40px;
  height:40px;
  position:static;
}

.grid-btn-tooltip {
  opacity:0;
  color:var(--a100);
  background-color:#4b32f01a;
  padding:8px 12px;
  font-weight:700;
  text-decoration:none;
  display:none;
  position:absolute;
  top:-48px;
}

.grid-button-wrapper {
  flex:1;
  justify-content:center;
  align-items:center;
  text-decoration:none;
  display:none;
  position:relative;
}

.nav-link-wrap {
  grid-column-gap:16px;
  grid-row-gap:16px;
  text-align:left;
  flex-direction:column;
  grid-template-rows:auto auto;
  grid-template-columns:1fr 1fr;
  grid-auto-columns:1fr;
  align-items:flex-start;
  margin:16px;
  font-weight:400;
  display:block;
}

.nav-link-wrap.w--current {
  opacity:.7;
}

.hero-img-block {
  flex-direction:row;
  justify-content:flex-end;
  align-items:flex-start;
  display:flex;
  position:relative;
}

.rich-text-block img {
  margin-top:32px;
  margin-bottom:32px;
}

.loading-circle {
  border-style:solid;
  border-width:5px;
  border-color:var(--a100)#4b32f04d #4b32f04d;
  border-radius:50%;
  padding:24px;
}

.utility-page-wrap {
  background-color:#4b32f003;
  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:33.33%;
  display:flex;
}

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

._404-wrapper {
  z-index:1;
  flex-direction:column;
  align-items:center;
  display:flex;
  position:relative;
}

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

._404-text {
  z-index:1;
  color:var(--a100);
  text-align:center;
  margin-top:120px;
  margin-bottom:0;
  font-family:Inconsolata,monospace;
  font-size:36px;
  line-height:42px;
  position:relative;
}

._404-backdrop {
  z-index:0;
  opacity:.05;
  text-align:center;
  font-size:360px;
  line-height:360px;
  position:absolute;
}

._404-subtext {
  z-index:1;
  color:var(--n0);
  text-align:center;
  flex:1;
  max-width:66.664%;
  margin-top:10px;
  margin-bottom:40px;
  font-family:Inconsolata,monospace;
  font-size:18px;
  line-height:24px;
  position:relative;
}

.protected-icon {
  height:64px;
  margin-bottom:16px;
}

.contact-cta {
  z-index:1;
  background-color:#0000;
  width:83.333%;
  margin-left:auto;
  margin-right:auto;
}

.about-div {
  margin-top:32px;
}

.about-img {
  z-index:1;
  max-width:66.667%;
  margin:64px auto 32px;
  display:block;
  position:relative;
}

.source-block {
  border-bottom:1px solid #e8e9e9;
  flex-direction:column;
  justify-content:center;
  width:100%;
  padding-top:32px;
  padding-bottom:32px;
  display:block;
}

.source-block.last {
  border-bottom-style:none;
}

.source-link {
  text-align:center;
  display:block;
}

.contact-grid {
  z-index:1;
  grid-column-gap:16px;
  grid-row-gap:16px;
  grid-template-rows:auto;
  grid-template-columns:1fr .25fr 1fr;
  grid-auto-columns:1fr;
  align-items:center;
  display:grid;
  position:relative;
}

.success-message {
  color:var(--a100);
  background-color:#4830e61a;
  font-weight:700;
}

.hero-wrapper {
  grid-column-gap:16px;
  grid-row-gap:16px;
  grid-template-rows:auto;
  grid-template-columns:1fr .25fr 1fr;
  grid-auto-columns:1fr;
  align-items:center;
  padding-left:48px;
  display:flex;
}

.hero-col-right {
  max-width:41.667%;
}

.hero-spacer {
  width:8.333%;
}

.project-header {
  flex-direction:column;
  align-items:flex-start;
  padding-top:60px;
  display:flex;
}

.project-header-text {
  flex:none;
}

.project-header-wrapper {
  flex-direction:column;
  height:100%;
  display:flex;
}

.nav-link-inline {
  display:inline-block;
  position:relative;
}

.changelog-text-container {
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  display:flex;
}

.changelog-text {
  text-align:center;
  margin-bottom:10px;
  font-size:16px;
  line-height:22px;
}

.style-guide-text {
  margin-top:16px;
  font-size:16px;
}

.heading {
  line-height:57px;
}

.collection_list_wrapper {
  display:none;
}

.body-large {
  font-size:24px;
  line-height:36px;
}

.body-xlarge {
  color:var(--a150);
  text-align:center;
  letter-spacing:-.5px;
  margin-left:auto;
  margin-right:auto;
  font-family:Bitter,serif;
  font-size:30px;
  line-height:42px;
}

.body-xlarge.mt-medium {
  letter-spacing:-.5px;
}

.p-three-quarters {
  width:60%;
}

.project-h2 {
  font-weight:700;
}

.eye-paragraph {
  width:60%;
  margin-left:auto;
  margin-right:auto;
}

.project-image {
  max-width:95vw;
  margin-bottom:40px;
  margin-left:50%;
  transform:translate(-50%);
}

.mb-medium {
  margin-bottom:40px;
}

.mb-large {
  margin-bottom:60px;
}

.explorations-numbers-item {
  grid-column-gap:20px;
  grid-row-gap:20px;
  align-items:center;
  display:flex;
}

.explorations-numbers {
  grid-column-gap:100px;
  grid-row-gap:100px;
  justify-content:center;
  align-items:center;
  display:flex;
}

.explorations-numbers-number {
  font-size:100px;
  font-weight:400;
  line-height:120px;
}

.bg-a300 {
  background-color:var(--a300);
}

.pb-0 {
  padding-bottom:0;
}

.project-list-item {
  margin-top:80px;
  position:relative;
}

.project-list-item-summary {
  border:1px solid var(--a200);
  border-radius:12px;
  margin-left:5%;
  padding:40px 50px 60px 317px;
  transition:all .2s cubic-bezier(.55,.085,.68,.53);
  position:relative;
}

.project-list-item-summary:hover {
  transform:translate(-5px,-5px);
  box-shadow:0 0 24px #324d381f;
}

.project-list-item-image {
  width:340px;
  position:absolute;
  top:-30px;
  left:-60px;
}

.project-list-item-title {
  color:var(--a150);
  letter-spacing:-.36px;
  font-size:36px;
  font-weight:700;
  line-height:44px;
}

.project-list-item-meta {
  grid-column-gap:60px;
  grid-row-gap:60px;
  margin-top:30px;
  display:flex;
}

.mt40 {
  margin-top:40px;
}

.spacing-block {
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  width:55px;
}

.spacing-wrapper {
  grid-column-gap:30px;
  grid-row-gap:30px;
  flex-wrap:wrap;
  align-items:flex-start;
  margin-bottom:80px;
  display:flex;
}

.spacing-label {
  font-size:14px;
  line-height:16px;
}

.bg-a100 {
  background-color:var(--a100);
}

.bg-n1000 {
  background-color:var(--n1000);
}

.bg-n0 {
  background-color:var(--n0);
}

.bg-b300 {
  background-color:var(--b300);
}

.bg-a200 {
  background-color:var(--a200);
}

.bg-a150 {
  background-color:var(--a150);
}

.mb-xlarge {
  margin-bottom:80px;
}

.mt-medium {
  margin-top:40px;
}

.mt-large {
  margin-top:60px;
}

.mt-xlarge {
  margin-top:80px;
}

.pb-medium {
  padding-bottom:40px;
}

.pb-large {
  padding-bottom:60px;
}

.pb-xlarge {
  padding-bottom:80px;
}

.pt-medium {
  padding-top:40px;
}

.pt-large {
  padding-top:60px;
}

.pt-xlarge {
  padding-top:80px;
}

.my-medium {
  margin-top:40px;
  margin-bottom:40px;
}

.my-large {
  margin-top:60px;
  margin-bottom:60px;
}

.my-xlarge {
  margin-top:80px;
  margin-bottom:80px;
}

.py-medium {
  padding-top:40px;
  padding-bottom:40px;
}

.py-large {
  padding-top:60px;
  padding-bottom:60px;
}

.py-xlarge {
  padding-top:80px;
  padding-bottom:80px;
}

.color-block-border {
  border:1px solid var(--a200);
}

.mt-small {
  margin-top:20px;
}

.mb-small {
  margin-bottom:20px;
}

.my-small {
  margin-top:20px;
  margin-bottom:20px;
}

.py-small {
  padding-top:20px;
  padding-bottom:20px;
}

.pb-small {
  padding-bottom:20px;
}

.pt-small {
  padding-top:20px;
}

.explorations-title {
  text-align:center;
  font-weight:400;
}

.outcomes-wrapper {
  grid-column-gap:50px;
  grid-row-gap:50px;
  justify-content:center;
  align-items:stretch;
  display:flex;
}

.outcome-item {
  flex-direction:column;
  align-items:center;
  transition:all .15s cubic-bezier(.55,.085,.68,.53);
  display:flex;
}

.outcome-item:hover {
  transform:scale(1.1);
}

.outcome-name {
  text-align:center;
}

.workflows-image {
  transform:translate(-10%);
}

.workflows-image-2 {
  transform:translate(-7%);
}

.accessibility-wrapper {
  grid-column-gap:100px;
  grid-row-gap:100px;
  align-items:flex-start;
  display:flex;
}

.previous-software-image-large {
  width:40vw;
  transform:translateY(-50px);
}

.foundations-image {
  transform:translateY(-205px);
}

.abc-gif {
  border:4px solid var(--b300);
  border-radius:10px;
  width:1100px;
  height:627px;
  margin-left:auto;
  margin-right:auto;
  box-shadow:4px 4px 15px #324d3859;
}

.abc-gate {
  position:absolute;
  inset:auto auto -23% -16%;
}

.abc-gif-wrapper {
  position:relative;
}

.abc-gif-wrapper.mt-large {
  width:1100px;
  height:627px;
  margin-bottom:120px;
  margin-left:auto;
  margin-right:auto;
}

.totem-video {
  border:4px solid var(--b300);
  border-radius:10px;
  margin-top:-50px;
  overflow:hidden;
  transform:scale(.8);
  box-shadow:4px 4px 15px #324d3859;
}

.ees-video {
  text-align:center;
  flex-direction:column;
  align-items:center;
  padding-top:80px;
  display:flex;
  position:relative;
}

.totem-image {
  width:35%;
  position:absolute;
  inset:auto auto 0% -8%;
}

.content-position-image-small,.capturing-faces-image-small,.users-control-image-small,.stakeholders-image-small,.user-personas-image-small {
  display:none;
}

.components-button-gif {
  z-index:10;
  border:4px solid var(--b300);
  border-radius:10px;
  width:800px;
  height:456px;
  margin-left:auto;
  margin-right:auto;
  transition:all .2s cubic-bezier(.55,.085,.68,.53);
  box-shadow:4px 4px 15px #324d3859;
}

.components-button-gif:hover {
  z-index:12;
  transform:scale(1.05);
}

.components-button-wrapper {
  width:800px;
  height:456px;
  margin-top:-43px;
  margin-left:147px;
  margin-right:auto;
  position:relative;
}

.components-button-wrapper.mt-large {
  width:1100px;
  height:627px;
  margin-bottom:120px;
  margin-left:auto;
  margin-right:auto;
}

.components-button-note-large {
  position:absolute;
  inset:-38% auto auto -19%;
}

.foundations-typography-wrapper {
  width:800px;
  height:456px;
  margin-top:-44px;
  margin-left:auto;
  margin-right:0;
  position:relative;
}

.foundations-typography-wrapper.mt-large {
  width:1100px;
  height:627px;
  margin-bottom:120px;
  margin-left:auto;
  margin-right:auto;
}

.foundations-typography-gif {
  z-index:9;
  border:4px solid var(--b300);
  border-radius:10px;
  width:800px;
  height:456px;
  margin-left:auto;
  margin-right:auto;
  transition:all .2s cubic-bezier(.55,.085,.68,.53);
  box-shadow:4px 4px 15px #324d3859;
}

.foundations-typography-gif:hover {
  z-index:11;
  transform:scale(1.05);
}

.foundations-typography-note-large {
  position:absolute;
  inset:-46% 1% auto auto;
}

.foundations-colors-wrapper {
  width:800px;
  height:456px;
  margin-left:0;
  margin-right:auto;
  position:relative;
}

.foundations-colors-wrapper.mt-large {
  width:1100px;
  height:627px;
  margin-bottom:120px;
  margin-left:auto;
  margin-right:auto;
}

.foundations-colors-gif {
  z-index:8;
  border:4px solid var(--b300);
  border-radius:10px;
  width:800px;
  height:456px;
  margin-left:auto;
  margin-right:auto;
  transition:all .2s cubic-bezier(.55,.085,.68,.53);
  box-shadow:4px 4px 15px #324d3859;
}

.foundations-colors-gif:hover {
  z-index:10;
  transform:scale(1.05);
}

.foundations-colors-note {
  position:absolute;
  inset:-117px auto auto 144px;
}

.foundations-colors-gif-play {
  inset:auto auto 4% 2%;
}

.previous-software-image-small {
  display:none;
  transform:translateY(-50px);
}

.foundations-typography-note-small {
  display:none;
  position:absolute;
  inset:-46% 9% auto auto;
}

.components-button-note-small {
  display:none;
  position:absolute;
  inset:-38% auto auto -8%;
}

.container-copy {
  flex:1;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:32px;
  padding-right:32px;
}

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

.report {
  height:500px;
  overflow:scroll;
}

.vpod-video {
  border:4px solid var(--b300);
  border-radius:10px;
  margin-top:0;
  overflow:hidden;
  box-shadow:4px 4px 15px #324d3859;
}

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

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

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

.prototype-video {
  border:4px solid var(--b300);
  object-fit:fill;
  border-radius:10px;
  display:inline-block;
  position:absolute;
  inset:0% auto auto 23%;
  overflow:hidden;
  transform:scale(.5);
  box-shadow:4px 4px 15px #324d3859;
}

.prototype-container {
  align-items:flex-start;
  width:100%;
  position:relative;
}

.spark-ar {
  margin-top:14px;
}

.user-groups-small,.explorations-small {
  display:none;
}

.explorations-large,.ux-requirements-large {
  display:block;
}

.ux-requirements-small {
  display:none;
}

.setup-validation-container {
  position:relative;
}

.setup-validation-container.mt-medium {
  flex-direction:column;
  align-items:center;
  display:flex;
}

.setup-validation-video {
  border:4px solid var(--b300);
  object-fit:fill;
  border-radius:10px;
  width:32%;
  display:inline-block;
  position:absolute;
  inset:-17% 1% 0% auto;
  overflow:hidden;
  transform:scale(.7);
  box-shadow:4px 4px 15px #324d3859;
}

.prototype-validation-container {
  position:relative;
}

.prototype-validation-container.mt-medium {
  height:500px;
}

.prototype-validation-video {
  border:4px solid var(--b300);
  border-radius:10px;
  display:inline-block;
  position:absolute;
  inset:-21% auto auto -14%;
  overflow:hidden;
  transform:scale(.7);
  box-shadow:4px 4px 15px #324d3859;
}

.prototype-validation-image {
  position:absolute;
  inset:9% 2% 0% auto;
}

.setup-validation-image {
  margin-top:90px;
  margin-bottom:90px;
  margin-right:284px;
}

.vpod-boarding-small {
  display:none;
}

.prototype-video1 {
  border:0px solid var(--b300);
  border-radius:10px;
  width:252px;
  height:445.9px;
  display:inline-block;
  box-shadow:4px 4px 15px #324d3859;
}

.prototype-video2 {
  border:0px solid var(--b300);
  border-radius:10px;
  width:252px;
  height:445.9px;
  margin-right:31px;
  display:inline-block;
  box-shadow:4px 4px 15px #324d3859;
}

.prototype-videos-container {
  z-index:2;
  display:inline-block;
  position:absolute;
  inset:0% 0% auto auto;
}

.projects-navigation {
  flex-direction:row-reverse;
  justify-content:space-between;
  align-items:center;
  display:flex;
}

.tap-award-video {
  border:4px solid var(--b300);
  border-radius:10px;
  margin-top:-50px;
  overflow:hidden;
  transform:scale(.8);
  box-shadow:4px 4px 15px #324d3859;
}

.preliminary-tests-image-small {
  display:none;
}

.mbc-images {
  display:block;
}

.usability-test-small {
  display:none;
}

.mbc-dashboard-img {
  display:block;
}

.container-large {
  flex:1;
  max-width:1044px;
  margin-left:auto;
  margin-right:auto;
  padding-left:32px;
  padding-right:32px;
}

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

.container-medium {
  flex:1;
  max-width:894px;
  margin-left:auto;
  margin-right:auto;
  padding-left:32px;
  padding-right:32px;
}

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

.hide-desktop {
  display:none;
}

.two-columns {
  grid-column-gap:60px;
  grid-row-gap:60px;
  flex-direction:row;
  align-items:center;
  display:flex;
}

._w-50 {
  width:50%;
}

.text-strikethrough {
  text-decoration:line-through;
}

.page-hero-container {
  flex:1;
  max-width:1189px;
  margin-left:auto;
  margin-right:auto;
  padding-left:32px;
  padding-right:32px;
}

.page-hero-container.numbers-flex {
  justify-content:center;
  display:flex;
}

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

.heading-3 {
  letter-spacing:-.42px;
  font-size:42px;
  line-height:50px;
}

.project-list-item-subtitle {
  color:var(--a100);
  letter-spacing:3px;
  text-transform:uppercase;
  font-family:Lato,sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:30px;
}

.hidden {
  opacity:0;
  position:fixed;
}

.password-overlay {
  z-index:99;
  justify-content:center;
  align-items:center;
  width:100vw;
  height:100vh;
  margin-top:0;
  display:flex;
  position:absolute;
  inset:0% auto auto 0%;
}

.prompt {
  width:320px;
}

.text-block {
  margin-bottom:16px;
}

.password-overlay-label {
  font-size:24px;
  line-height:29px;
}

.pass-hint {
  color:#f8f8f8;
  padding-bottom:24px;
  padding-left:25px;
  position:fixed;
  inset:auto auto 0% 0%;
}

@media screen and (min-width:1280px) {
  .section.s-contact {
    display:none;
  }

  .project-list-item-summary {
    border-radius:12px;
  }

  .password-overlay.hidden {
    height:0;
  }

}

@media screen and (min-width:1440px) {
  .section.with-title.testimonials,.section.s-contact {
    display:none;
  }

  .brand.w--current {
    grid-column-gap:10px;
    grid-row-gap:10px;
  }

  .underline-text {
    font-family:Bitter,serif;
    font-size:14px;
  }

  .text-bg-accent {
    mix-blend-mode:multiply;
  }

  .explorations-numbers-item {
    grid-column-gap:20px;
    grid-row-gap:20px;
  }

  .previous-software-image-large {
    width:630px;
  }

  .text-strikethrough {
    text-decoration:line-through;
  }

  .prompt {
    transform:scale(1.5);
  }

}

@media screen and (min-width:1920px) {
  .section.narrow.bg-a300.pb0 {
    padding-bottom:0;
  }

  .section.s-contact {
    display:none;
  }

  .project-image {
    max-width:68vw;
    margin-left:50%;
    transform:translate(-50%);
  }

  .abc-gif-wrapper.mt-large,.components-button-wrapper.mt-large,.foundations-typography-wrapper.mt-large,.foundations-colors-wrapper.mt-large {
    grid-column-gap:16px;
    grid-row-gap:16px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
  }

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

}

@media screen and (max-width:991px) {
  h1 {
    font-size:46px;
    line-height:52px;
  }

  h2 {
    font-size:34px;
    line-height:41px;
  }

  .container-xlarge.numbers-flex {
    flex-direction:column;
  }

  .heading-block {
    margin-bottom:16px;
  }

  .color-block-wrapper {
    width:25%;
    margin-left:20px;
    margin-right:20px;
  }

  .section.with-title.testimonials,.section.s-contact {
    display:none;
  }

  .style-guide-block-title {
    padding-left:88px;
    padding-right:88px;
  }

  .filled-btn-text {
    font-size:18px;
    line-height:24px;
  }

  .style-guide-block-wrapper {
    margin-bottom:64px;
  }

  .color-title {
    font-size:12px;
  }

  .colors-wrapper {
    align-items:flex-end;
  }

  .style-guide-title {
    font-size:22px;
    line-height:30px;
  }

  .outlined-btn {
    font-size:18px;
    line-height:24px;
  }

  .button-block-wrapper {
    margin-left:8px;
    margin-right:8px;
  }

  .style-guide-block {
    padding:32px 48px;
  }

  .btn-text,.btn-text-effect {
    font-size:18px;
    line-height:22px;
  }

  .nav-menu {
    background-color:var(--a100);
    flex-direction:column;
    flex:none;
    justify-content:flex-start;
    align-items:flex-start;
    width:50vw;
    padding:80px 16px 16px;
  }

  .menu-button {
    background-color:#0000;
    flex-direction:column;
    margin-right:0;
    padding:28px 24px;
    display:flex;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
  }

  .menu-button.bg-mobile {
    background-color:var(--a100);
  }

  .burger-menu {
    width:32px;
  }

  .navbar {
    padding-left:5%;
    padding-right:5%;
  }

  .hero-section {
    flex-direction:column;
    padding-left:32px;
    padding-right:32px;
  }

  .blue-shape-hero {
    display:none;
  }

  .hero-img-wrapper {
    flex-direction:column;
    justify-content:center;
    align-items:center;
    display:flex;
  }

  .social-block {
    flex-direction:row;
    margin-top:72px;
    position:static;
    left:auto;
  }

  .social-link {
    margin-bottom:0;
    margin-left:16px;
    margin-right:16px;
    transform:rotate(0);
  }

  .project-wrapper {
    width:50%;
  }

  .testimonial-slider {
    margin-top:88px;
    margin-bottom:104px;
  }

  .testimonial-text {
    max-width:83.334%;
    margin-top:40px;
  }

  .numbers-wrapper {
    width:100%;
  }

  .numbers-block {
    padding-top:56px;
    padding-bottom:56px;
  }

  .company-logos-grid {
    grid-template-columns:1fr 1fr;
  }

  .text-field {
    border-radius:0;
  }

  .hero-col-left {
    max-width:100%;
    margin-bottom:64px;
  }

  .page-header-shape {
    flex:1;
    width:100%;
  }

  .project-info-block {
    flex:0 auto;
  }

  .hero-img-block {
    justify-content:center;
    position:relative;
  }

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

  ._404-wrapper {
    display:flex;
  }

  ._404 {
    flex-direction:row;
  }

  ._404-text {
    max-width:83.334%;
    margin-top:120px;
  }

  ._404-backdrop {
    font-size:240px;
    line-height:240px;
  }

  ._404-subtext {
    margin-bottom:32px;
  }

  .contact-cta {
    margin-top:88px;
    margin-bottom:104px;
  }

  .about-img {
    max-width:100%;
  }

  .hero-wrapper {
    flex-direction:column;
    align-items:center;
    padding-top:160px;
    padding-left:0;
  }

  .hero-col-right {
    max-width:100%;
    margin-top:48px;
    padding-left:40px;
  }

  .hero-spacer {
    width:auto;
    display:none;
  }

  .project-header {
    flex:1;
    width:100%;
  }

  .project-header-wrapper {
    flex-direction:column;
  }

  .changelog-text-container {
    align-items:center;
  }

  .p-three-quarters {
    width:100%;
  }

  .explorations-numbers {
    grid-column-gap:20px;
    grid-row-gap:20px;
    flex-direction:column;
  }

  .explorations-numbers-number {
    font-size:70px;
    line-height:80px;
  }

  .project-list-item {
    margin-top:80px;
  }

  .project-list-item-summary {
    margin-left:auto;
    margin-right:auto;
    padding-top:0;
    padding-left:0;
    padding-right:0;
  }

  .project-list-item-image {
    width:100%;
    display:block;
    position:relative;
    top:auto;
    left:auto;
  }

  .project-list-item-title {
    margin-left:40px;
    margin-right:40px;
  }

  .project-list-item-meta {
    align-items:center;
    margin-left:40px;
    margin-right:40px;
  }

  .explorations-numbers-title {
    font-size:32px;
  }

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

  .outcome-item {
    flex:0 auto;
  }

  .accessibility-wrapper {
    grid-column-gap:30px;
    grid-row-gap:30px;
    flex-direction:column;
    align-items:center;
  }

  .previous-software-image-large {
    display:none;
    transform:translate(0);
  }

  .foundations-image {
    transform:translate(0);
  }

  .abc-gif {
    width:80vw;
    height:45.6vw;
  }

  .abc-gate {
    width:48%;
  }

  .abc-gif-wrapper.mt-large {
    width:80vw;
    height:45.6vw;
  }

  .totem-video {
    margin-top:0;
    transform:scale(.9);
  }

  .ees-video {
    padding-top:60px;
  }

  .totem-image {
    bottom:-4%;
    left:-12%;
  }

  .foundations-components {
    grid-column-gap:120px;
    grid-row-gap:120px;
    flex-direction:column;
    margin-top:150px;
    display:flex;
  }

  .components-button-gif {
    width:90vw;
    height:50.4vw;
  }

  .components-button-wrapper {
    width:90vw;
    height:50.4vw;
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
  }

  .components-button-wrapper.mt-large {
    width:80vw;
    height:45.6vw;
  }

  .components-button-note-large {
    display:none;
  }

  .foundations-typography-wrapper {
    width:90vw;
    height:50.4vw;
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
  }

  .foundations-typography-wrapper.mt-large {
    width:80vw;
    height:45.6vw;
  }

  .foundations-typography-gif {
    width:90vw;
    height:50.4vw;
  }

  .foundations-typography-note-large {
    display:none;
  }

  .foundations-colors-wrapper {
    width:90vw;
    height:50.4vw;
    margin-left:auto;
    margin-right:auto;
  }

  .foundations-colors-wrapper.mt-large {
    width:80vw;
    height:45.6vw;
  }

  .foundations-colors-gif {
    width:90vw;
    height:50.4vw;
  }

  .foundations-colors-gif-play {
    inset:auto 2% 2% auto;
  }

  .previous-software-image-small {
    display:block;
    transform:translate(0);
  }

  .foundations-typography-note-small {
    display:inline-block;
    inset:-70px 0% auto 150px;
  }

  .components-button-note-small {
    display:block;
    inset:-80px 0% auto 50px;
  }

  .container-copy.numbers-flex {
    flex-direction:column;
  }

  .vpod-video {
    margin-top:0;
  }

  .prototype-video {
    margin-top:20px;
    position:static;
    transform:scale(1);
  }

  .spark-ar {
    margin-left:auto;
    margin-right:auto;
    display:block;
  }

  .setup-validation-video {
    top:-5%;
  }

  .prototype-validation-container.mt-medium {
    grid-column-gap:50px;
    grid-row-gap:50px;
    flex-direction:column;
    align-items:center;
    height:auto;
    display:flex;
  }

  .prototype-validation-video {
    margin-top:20px;
    position:static;
    transform:scale(1);
  }

  .prototype-validation-image {
    position:static;
  }

  .setup-validation-image {
    width:70%;
    margin-right:211px;
  }

  .prototype-video1,.prototype-video2 {
    width:38vw;
    height:67vw;
    display:inline-block;
    transform:none;
  }

  .prototype-videos-container {
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-top:29px;
    display:flex;
    position:relative;
  }

  .tap-award-video {
    margin-top:0;
    transform:scale(.9);
  }

  .container-large.numbers-flex,.container-medium.numbers-flex,.page-hero-container.numbers-flex {
    flex-direction:column;
  }

  .project-list-item-subtitle {
    margin-top:40px;
    margin-left:40px;
    margin-right:40px;
  }

  .project-list-item-subtitle.mb-small {
    margin-top:40px;
  }

}

@media screen and (max-width:767px) {
  h1 {
    font-size:44px;
    line-height:50px;
  }

  h2 {
    font-size:32px;
    line-height:38px;
  }

  h3 {
    font-size:22px;
    line-height:26px;
  }

  .container-xlarge {
    padding-left:24px;
    padding-right:24px;
  }

  .color-block-wrapper {
    width:100%;
    margin:16px 0;
  }

  .section.with-title.testimonials {
    display:none;
  }

  .section.section-bg-color {
    padding-top:64px;
    padding-bottom:64px;
  }

  .section.s-contact {
    display:none;
  }

  .style-guide-block-title {
    padding:16px 72px;
  }

  .filled-btn-text {
    flex:1;
  }

  .style-guide-block-wrapper {
    margin-bottom:48px;
  }

  .colors-wrapper,.buttons-wrapper {
    flex-direction:column;
  }

  .style-guide-title {
    font-size:18px;
    line-height:24px;
  }

  .outlined-btn.no-margin-top.no-margin-right.flex {
    margin-bottom:32px;
  }

  .button-block-wrapper {
    width:100%;
    margin-bottom:32px;
  }

  .style-guide-block {
    padding:48px;
  }

  .hero-section {
    padding-left:24px;
    padding-right:24px;
  }

  .hero-img-backdrop {
    inset:60px 60px -60px -60px;
  }

  .hero-title {
    font-size:48px;
    line-height:54px;
  }

  .hero-paragraph {
    max-width:100%;
  }

  .scroll-down-block {
    margin-top:40px;
  }

  .section-title {
    font-size:30px;
    line-height:36px;
  }

  .section-title.no-margin.project-page {
    margin-top:40px;
  }

  .project-wrapper {
    width:100%;
  }

  .button-container.project-page {
    flex-direction:column;
  }

  .numbers-value {
    font-size:42px;
    line-height:48px;
  }

  .numbers-block {
    padding-top:40px;
    padding-bottom:40px;
  }

  .contact-title {
    text-align:center;
  }

  .footer {
    flex-direction:column;
    padding-left:32px;
    padding-right:32px;
  }

  .copyright-block {
    margin-bottom:8px;
  }

  .copyright-text {
    text-align:center;
    margin-bottom:8px;
  }

  .hero-col-left {
    margin-bottom:48px;
  }

  .dotted-pattern.latest-work-center-left {
    height:15vh;
  }

  .dotted-pattern.latest-work-bottom-right {
    height:25vh;
  }

  .dotted-pattern.testimonial-left {
    width:20vw;
    height:20vh;
  }

  .dotted-pattern.companies-bottom-right {
    width:32vw;
    height:14vh;
  }

  .dotted-pattern.contact-bottom-left {
    width:32vw;
    height:20vh;
  }

  .dotted-pattern.cta-left,.dotted-pattern.about-left,.dotted-pattern.about-right {
    height:15vh;
  }

  .project-info-wrapper.mt-medium {
    grid-column-gap:20px;
    grid-row-gap:20px;
  }

  .project-info-block {
    width:100%;
    margin-right:0;
  }

  .p-two-columns {
    column-count:1;
  }

  .project-gallery-wrapper {
    flex-direction:column;
    display:flex;
  }

  .featured-gallery-img {
    width:100%;
    padding-bottom:100%;
  }

  .gallery-img-right-block {
    width:100%;
  }

  .grid-btn {
    display:block;
  }

  .grid-btn-tooltip {
    opacity:1;
    position:static;
    top:2px;
    right:32px;
  }

  .grid-button-wrapper {
    margin-bottom:32px;
  }

  ._404-text {
    margin-top:120px;
  }

  ._404-subtext {
    margin-top:8px;
    margin-bottom:24px;
  }

  .protected-icon {
    height:40px;
  }

  .contact-grid {
    flex-direction:column;
    grid-template-rows:auto .25fr auto;
    grid-template-columns:1fr;
    padding-left:16px;
    padding-right:16px;
  }

  .hero-col-right {
    margin-top:16px;
  }

  .changelog-text-container {
    flex-direction:column;
  }

  .project-list-item {
    margin-top:60px;
  }

  .project-list-item-title,.project-list-item-meta {
    margin-left:30px;
    margin-right:30px;
  }

  .spacing-block {
    border-top-color:var(--a150);
  }

  .outcomes-wrapper {
    grid-column-gap:30px;
    grid-row-gap:30px;
    flex-direction:column;
  }

  .abc-gif {
    border-width:3px;
    border-radius:10px;
  }

  .ees-video {
    padding-top:20px;
  }

  .components-button-gif,.foundations-typography-gif,.foundations-colors-gif {
    border-width:3px;
    border-radius:10px;
  }

  .foundations-colors-note {
    top:-110px;
    left:40px;
  }

  .foundations-typography-note-small {
    left:110px;
  }

  .container-copy {
    padding-left:24px;
    padding-right:24px;
  }

  .setup-validation-container.mt-medium {
    grid-column-gap:60px;
    grid-row-gap:60px;
  }

  .setup-validation-video {
    width:100%;
    position:relative;
    top:0%;
    transform:scale(1);
  }

  .setup-validation-image {
    width:100%;
    margin:0 auto;
  }

  .prototype-video2 {
    border-radius:10px;
  }

  .preliminary-tests-image-large {
    display:none;
  }

  .preliminary-tests-image-small {
    display:block;
  }

  .container-large,.container-medium,.page-hero-container {
    padding-left:24px;
    padding-right:24px;
  }

  .project-list-item-subtitle {
    margin-top:40px;
    margin-left:30px;
    margin-right:30px;
  }

  .prompt {
    width:80vw;
  }

}

@media screen and (max-width:479px) {
  h1 {
    letter-spacing:-.3px;
    font-size:32px;
    line-height:38px;
  }

  h2 {
    letter-spacing:-.24px;
    font-size:24px;
    line-height:30px;
  }

  h3 {
    letter-spacing:-.2px;
    font-size:20px;
    line-height:24px;
  }

  h4 {
    font-size:18px;
    line-height:22px;
  }

  h5 {
    font-size:16px;
    line-height:20px;
  }

  h6 {
    font-size:14px;
    line-height:18px;
  }

  p {
    font-size:16px;
    line-height:27px;
  }

  ul,ol {
    padding-left:20px;
  }

  li {
    font-size:16px;
    line-height:27px;
  }

  .container-xlarge {
    padding-left:16px;
    padding-right:16px;
  }

  .container-xlarge.numbers-flex {
    flex-direction:column;
  }

  .section.with-title.testimonials {
    display:none;
  }

  .section.section-bg-color {
    padding-top:64px;
    padding-bottom:64px;
  }

  .section.s-contact {
    display:none;
  }

  .filled-btn.submit {
    white-space:normal;
    width:100%;
    margin-right:0;
    display:inline-block;
    position:static;
    overflow:visible;
  }

  .filled-btn-text {
    font-size:16px;
    line-height:22px;
  }

  .filled-btn-text-wrapper {
    height:23px;
  }

  .btn-text,.btn-text-effect {
    text-align:center;
    font-size:16px;
    line-height:22px;
  }

  .nav-menu {
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:80vw;
    position:absolute;
  }

  .brand {
    padding-left:0;
  }

  .hero-section {
    padding-left:16px;
    padding-right:16px;
  }

  .hero-img-backdrop {
    background-size:16px;
    inset:80px 40px -40px -40px;
  }

  .hero-title {
    font-size:36px;
    line-height:42px;
  }

  .hero-paragraph {
    margin-bottom:40px;
  }

  .scroll-down-block {
    margin-top:60px;
  }

  .social-block {
    margin-top:64px;
  }

  .section-title-line {
    width:45px;
    margin-bottom:5px;
  }

  .section-title {
    margin-left:16px;
    font-size:24px;
    line-height:30px;
  }

  .section-title.no-margin.project-page {
    font-size:30px;
    line-height:36px;
  }

  .project-wrapper {
    padding:16px;
  }

  .testimonial-slider {
    width:100%;
    margin-top:0;
    margin-bottom:0;
  }

  .testimonial-number {
    font-size:120px;
    line-height:126px;
  }

  .testimonial-text {
    font-size:18px;
    line-height:24px;
  }

  .testimonial-author {
    font-size:14px;
    line-height:20px;
  }

  .numbers-block {
    padding-top:40px;
    padding-bottom:40px;
  }

  .company-logos-grid {
    grid-column-gap:40px;
    grid-row-gap:16px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-flow:row;
    padding-top:40px;
    padding-bottom:40px;
  }

  .company-logo {
    padding:16px 0;
    display:block;
  }

  .contact-title {
    margin-bottom:32px;
    font-size:30px;
    line-height:36px;
  }

  .text-field-wrapper {
    flex-direction:column;
  }

  .text-field-spacer {
    display:none;
  }

  .copyright-link {
    font-weight:400;
  }

  .hero-col-left {
    margin-bottom:32px;
  }

  .dotted-pattern {
    background-size:16px;
  }

  .project-info-wrapper {
    grid-column-gap:20px;
    grid-row-gap:20px;
    flex-direction:column;
    margin-top:60px;
  }

  .project-info-title {
    font-size:14px;
    line-height:20px;
  }

  .project-info-value {
    font-size:16px;
    line-height:22px;
  }

  .nav-link-wrap {
    margin-bottom:8px;
  }

  .hero-img-block {
    padding-top:40px;
  }

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

  ._404-text {
    font-size:30px;
    line-height:36px;
  }

  ._404-backdrop {
    font-size:168px;
    line-height:126px;
  }

  ._404-subtext {
    max-width:100%;
    margin-bottom:16px;
    font-size:14px;
    line-height:20px;
  }

  .protected-icon {
    height:32px;
  }

  .contact-cta {
    width:100%;
    margin-top:0;
    margin-bottom:0;
  }

  .source-link {
    text-align:center;
  }

  .contact-grid {
    grid-column-gap:0px;
    grid-row-gap:0px;
    padding-left:0;
    padding-right:0;
  }

  .hero-wrapper {
    padding-top:120px;
  }

  .hero-col-right {
    margin-top:0;
    padding-left:40px;
  }

  .project-header {
    padding-top:30px;
  }

  .project-header-text.p-large,.body-large {
    font-size:18px;
    line-height:30px;
  }

  .body-xlarge {
    letter-spacing:-.4px;
    font-size:24px;
    line-height:34px;
  }

  .p-three-quarters {
    width:100%;
  }

  .project-h2 {
    font-size:20px;
    line-height:26px;
  }

  .eye-paragraph {
    width:100%;
  }

  .mb-medium {
    margin-bottom:30px;
  }

  .mb-large {
    margin-bottom:40px;
  }

  .project-list-item {
    margin-top:40px;
  }

  .project-list-item-summary {
    padding-bottom:30px;
  }

  .project-list-item-title {
    letter-spacing:-.3px;
    margin-left:24px;
    margin-right:24px;
    font-size:24px;
    line-height:32px;
  }

  .project-list-item-meta {
    margin-top:24px;
    margin-left:24px;
    margin-right:24px;
  }

  .mb-xlarge {
    margin-bottom:60px;
  }

  .mt-medium {
    margin-top:30px;
  }

  .mt-large {
    margin-top:40px;
  }

  .mt-xlarge {
    margin-top:60px;
  }

  .pb-medium {
    padding-bottom:30px;
  }

  .pb-large {
    padding-bottom:40px;
  }

  .pb-xlarge {
    padding-bottom:60px;
  }

  .pt-medium {
    padding-top:30px;
  }

  .pt-large {
    padding-top:40px;
  }

  .pt-xlarge {
    padding-top:60px;
  }

  .my-medium {
    margin-top:30px;
    margin-bottom:30px;
  }

  .my-large {
    margin-top:40px;
    margin-bottom:40px;
  }

  .my-xlarge {
    margin-top:60px;
    margin-bottom:60px;
  }

  .py-medium {
    padding-top:30px;
    padding-bottom:30px;
  }

  .py-large {
    padding-top:40px;
    padding-bottom:40px;
  }

  .py-xlarge {
    padding-top:60px;
    padding-bottom:60px;
  }

  .abc-gif-wrapper.mt-large {
    margin-bottom:80px;
  }

  .ees-video {
    padding-top:0;
    position:relative;
  }

  .totem-image {
    bottom:-3%;
    left:-11%;
  }

  .content-position-image-large {
    display:none;
  }

  .content-position-image-small {
    display:block;
  }

  .capturing-faces-image-large {
    display:none;
  }

  .capturing-faces-image-small {
    display:block;
  }

  .users-control-image-large {
    display:none;
  }

  .users-control-image-small {
    display:inline-block;
  }

  .stakeholders-image-large {
    display:none;
  }

  .stakeholders-image-small {
    display:inline-block;
  }

  .user-personas-image-large {
    display:none;
  }

  .user-personas-image-small {
    display:inline-block;
  }

  .components-button-wrapper.mt-large,.foundations-typography-wrapper.mt-large,.foundations-colors-wrapper.mt-large {
    margin-bottom:80px;
  }

  .foundations-colors-note {
    top:-100px;
    left:auto;
  }

  .foundations-typography-note-small,.components-button-note-small {
    left:0;
  }

  .container-copy {
    padding-left:16px;
    padding-right:16px;
  }

  .container-copy.numbers-flex {
    flex-direction:column;
  }

  .user-groups-image-large.mt-medium,.user-groups-image-large.mt-large {
    display:none;
  }

  .user-groups-small,.explorations-small {
    display:block;
  }

  .explorations-large,.ux-requirements-large {
    display:none;
  }

  .ux-requirements-small,.vpod-boarding-small {
    display:block;
  }

  .vpod-boarding-large.mt-medium,.vpod-boarding-large.mt-large {
    display:none;
  }

  .prototype-video-btn {
    transform:translate(19px,19px)scale(.5);
  }

  .usability-test-large {
    display:none;
  }

  .usability-test-small {
    display:block;
  }

  .container-large {
    padding-left:16px;
    padding-right:16px;
  }

  .container-large.numbers-flex {
    flex-direction:column;
  }

  .container-medium {
    padding-left:16px;
    padding-right:16px;
  }

  .container-medium.numbers-flex {
    flex-direction:column;
  }

  .heading-2 {
    letter-spacing:-.4px;
  }

  .hide-mobile {
    display:none;
  }

  .hide-desktop {
    display:block;
  }

  .two-columns {
    grid-column-gap:30px;
    grid-row-gap:30px;
    flex-direction:column;
  }

  ._w-50 {
    width:100%;
  }

  .page-hero-container {
    padding-left:0;
    padding-right:0;
  }

  .page-hero-container.numbers-flex {
    flex-direction:column;
  }

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

  .project-list-item-subtitle {
    margin-top:30px;
    margin-left:24px;
    margin-right:24px;
  }

}

#w-node-dcff50b1-6ae5-052a-157a-449d440bcd2a-d2333a0c,#w-node-dcff50b1-6ae5-052a-157a-449d440bcd2b-d2333a0c,#w-node-dcff50b1-6ae5-052a-157a-449d440bcd2c-d2333a0c,#w-node-dcff50b1-6ae5-052a-157a-449d440bcd2d-d2333a0c {
  place-self:center;
}

#w-node-fc4a449e-3984-c1b8-c4c1-561b14502a3a-d2333a0c {
  grid-area:1/3/2/4;
}

@media screen and (max-width:767px) {
  #w-node-fc4a449e-3984-c1b8-c4c1-561b14502a3a-d2333a0c {
    grid-area:3/1/4/2;
  }

}

@media screen and (max-width:479px) {
  #w-node-dcff50b1-6ae5-052a-157a-449d440bcd2a-d2333a0c {
    place-self:center;
  }

  #w-node-dcff50b1-6ae5-052a-157a-449d440bcd2c-d2333a0c {
    grid-area:2/1/3/2;
  }

  #w-node-dcff50b1-6ae5-052a-157a-449d440bcd2d-d2333a0c {
    grid-area:1/1/2/2;
  }

}