html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

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

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger), :where(button.w-modal-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

:where(.w-popover) {
  position-anchor: auto;
  position-area: top;
}

:where(.w-popover[data-w-popover-backdrop-animated], .w-modal[data-w-popover-backdrop-animated])::backdrop {
  animation: var(--w-backdrop-animation, none);
}

:where(.w-popover, .w-modal) {
  --w-backdrop-animation: initial;
}

.w-popover-mask {
  opacity: 0 !important;
  clip-path: none !important;
  pointer-events: auto !important;
  border: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
}

.w-popover-mask[popover] {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

.w-popover-mask::backdrop {
  display: none !important;
}

.w-popover-mask:not(:popover-open) {
  display: none !important;
}

@supports not selector(:popover-open) {
  .w-popover-mask {
    display: none !important;
  }
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

.w-modal:not([open]):not([popover]) {
  display: none;
}

.w-modal[popover]:not(:popover-open) {
  display: none;
}

:where(.w-modal[data-w-modal-lock-scroll]) {
  overscroll-behavior: contain;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.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;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

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

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

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

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

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

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

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

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

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

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

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

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Mono Max;
  src: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/605a08004954064fcad39f22_205%20-%20Maax-RegularMono.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/605a08007cb45438bdc98b76_Graphik-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Graphik;
  src: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/605a0800f60cfc81ebb1bb25_Graphik-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --pupil-cloudy-day: #fbfbff;
  --pupil-dark-charcoal: #040405;
  --neutral04: #787879;
  --body-bg: #fbfbff;
  --neutral07: #e0e0e0;
  --teal: #5dfeca;
  --neutral03: #505052;
  --pupil-neutral-70: #505052;
  --neutral06: #c6c6c6;
  --neutral05: #a0a0a0;
  --teal-hover: #00e5ae;
  --neutral08: #ededed;
  --neutral01: #171718;
  --teal-dark: #00ca99;
}

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

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

body {
  background-color: var(--pupil-cloudy-day);
  color: #333;
  font-family: Graphik, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--pupil-dark-charcoal);
  text-decoration: none;
  transition: opacity .2s;
}

ul {
  margin-top: 0;
  margin-bottom: 12px;
  padding-left: 14px;
}

li {
  margin-bottom: 8px;
}

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  color: var(--neutral04);
  text-align: left;
  margin-top: 8px;
  margin-bottom: 8px;
}

.body {
  background-color: var(--body-bg);
  font-family: Graphik, sans-serif;
}

.navbar {
  z-index: 24000;
  border-bottom: 0px none var(--neutral07);
  background-color: var(--body-bg);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-container {
  z-index: 100;
  flex: none;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 29px 34px 25px;
  display: flex;
  position: relative;
}

.pupil-brand-block, .pupil-co-logo {
  width: 103px;
  height: 42px;
}

.pupil-co-logo.desktop {
  width: 100%;
  height: 100%;
}

.pupil-co-logo.mobile {
  display: none;
}

.nav-link {
  color: var(--pupil-dark-charcoal);
  border-bottom: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 32px;
  margin-right: 0;
  padding: 0;
  font-family: Graphik, sans-serif;
  transition: all .2s;
  display: flex;
}

.nav-link:hover {
  border-bottom: 1px solid var(--teal);
}

.nav-link.w--current {
  color: var(--pupil-dark-charcoal);
  font-weight: 500;
}

.nav-link.top-line {
  border-bottom: 1px solid #0000;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  font-family: Graphik, sans-serif;
  display: flex;
}

.nav-link.top-line:hover {
  border-bottom-color: var(--teal);
  padding-bottom: 0;
}

.nav-link.top-line.w--current {
  color: var(--pupil-dark-charcoal);
  font-weight: 500;
}

.nav-link.bot-margin.w--current {
  color: var(--pupil-dark-charcoal);
}

.nav-link._3.hide, .nav-link._3.hide.w--current {
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
}

.hero-section {
  margin-bottom: 0;
  padding-bottom: 0;
}

.hero-container-flex {
  background-color: var(--pupil-dark-charcoal);
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/607dac1ad521341f63174653_desktop-hero-pupil%402x-8%20(1).png");
  background-position: 50% 69%;
  background-repeat: no-repeat;
  background-size: 1338px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 130px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: -98px;
}

.hero-h2 {
  max-width: 13ch;
  color: var(--pupil-cloudy-day);
  letter-spacing: -1px;
  flex: none;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Graphik, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.light-box-link-text {
  color: var(--pupil-cloudy-day);
  text-transform: uppercase;
  flex: none;
  margin-right: 12px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

.fixed-news-text {
  color: var(--pupil-dark-charcoal);
  text-transform: none;
  flex: none;
  margin-bottom: 0;
}

.close-icon-div {
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: -4px;
  padding: 2px 2px 32px 32px;
  display: flex;
  position: absolute;
  inset: 12px 8px auto auto;
}

.fixed-news-link-block {
  max-width: 19ch;
  height: 99px;
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 0 4px 8px;
  text-decoration: none;
  display: flex;
}

.fixed-news-link-block:hover {
  color: var(--neutral04);
}

.home-main-section {
  padding-top: 200px;
  padding-right: 0;
}

.home-main-section.new-products-home-section {
  margin-bottom: 240px;
  padding-top: 0;
}

.subtitle-type-setting {
  color: var(--neutral03);
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.pupil-teal-dot {
  background-color: var(--teal);
  border-radius: 100px;
  width: 16px;
  height: 16px;
  margin-bottom: 12px;
}

.subtitle {
  max-width: 22ch;
  color: var(--neutral03);
  text-transform: uppercase;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.subtitle.wp-op-sub {
  max-width: 17ch;
}

.subtitle.sub-emissions {
  max-width: 22ch;
}

.subtitle.sub-offsetting {
  max-width: 19ch;
}

.subtitle.max-ch-18 {
  max-width: 18ch;
}

.subtitle.margin-right {
  margin-right: 5px;
}

.subtitle.press-name-fix {
  max-width: 28ch;
}

.subtitle.ai-white-text {
  max-width: 16ch;
  color: var(--pupil-neutral-70);
}

.subtitle.tr-text {
  max-width: 100ch;
  display: block;
}

.h1-div-display {
  border-top: 1px solid var(--pupil-dark-charcoal);
  width: 100%;
  padding-top: 8px;
}

.h1-div-display.homeintro {
  border-top-style: none;
  padding-top: 0;
  overflow: hidden;
}

.h1-div-display.esg-headline {
  border-top-style: none;
  margin-bottom: 120px;
  padding-top: 0;
  overflow: hidden;
}

.main-content-h2 {
  max-width: 26ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -2.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 400;
  line-height: 58px;
}

.main-content-h2.pupil-products-intro-h2 {
  max-width: 25ch;
  margin-bottom: 120px;
}

.main-content-h2.pupil-platform-headline-h2 {
  max-width: 26ch;
}

.main-content-h2.esg-h2 {
  max-width: 18ch;
}

.secondary-cta {
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}

.tech-link-text {
  z-index: 0;
  text-transform: uppercase;
  margin-right: 3px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  position: relative;
}

.arrow-icon-div {
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 13px;
  padding-bottom: 0;
  display: flex;
}

.arrow-icon-div.right {
  z-index: 1;
  width: 17px;
  height: 11px;
  margin-top: -3px;
  padding-bottom: 0;
}

.arrow-icon-div.right.newsletter {
  margin-bottom: 8px;
  margin-right: 6px;
  padding-bottom: 0;
}

.team-text {
  flex-direction: column;
  flex: none;
  margin-top: -3px;
  display: flex;
}

.brand-job-type {
  border-top: 1px none var(--neutral06);
  color: var(--neutral05);
  text-transform: uppercase;
  margin-bottom: 28px;
  padding-top: 6px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.brand-job-type.new-brand {
  border-top: 0px none var(--neutral06);
  max-width: 24ch;
  margin-bottom: 16px;
  padding-top: 0;
}

.brand-logo {
  flex: none;
  width: 126.26px;
  height: 38px;
  margin-bottom: 32px;
}

.brand-logo-image.new-home.stak-strat {
  max-width: 74px;
}

.brand-logo-image.new-home.stak-strat.strat {
  max-width: 70px;
}

.brand-logo-image.new-home.spec {
  max-width: 81px;
}

.brands-paragraph {
  color: var(--neutral03);
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 23px;
}

.primary-cta {
  background-color: var(--teal);
  width: 100%;
  height: 75px;
  color: var(--pupil-dark-charcoal);
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 6.5px 3px 8px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-cta:hover {
  background-color: var(--teal-hover);
}

.footer {
  background-color: var(--neutral08);
}

.go-to-top {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 0;
  display: flex;
}

.nav-back-to-top-link {
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.up-arrow-image {
  width: 100%;
  height: 100%;
  margin-top: -5px;
  padding-left: 0;
}

.footer-h3 {
  max-width: 24ch;
  color: var(--neutral01);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Graphik, sans-serif;
  font-weight: 400;
}

.newsletter-subhead {
  color: var(--neutral03);
  margin-bottom: 48px;
  font-family: Graphik, sans-serif;
}

.newsletter-email-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--neutral05);
  color: var(--pupil-dark-charcoal);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 32px;
  padding-left: 0;
}

.newsletter-email-field:focus {
  border-bottom-color: var(--pupil-dark-charcoal);
}

.newsletter-email-field::placeholder {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.footer-nav {
  border-top: 1px solid var(--pupil-dark-charcoal);
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.footer-link {
  color: var(--pupil-dark-charcoal);
  border-bottom: 1px solid #0000;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 4px;
  padding-bottom: 0;
  font-family: Graphik, sans-serif;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  border-bottom: 1px solid var(--teal);
}

.footer-copyright {
  align-items: flex-start;
  margin-top: 200px;
  display: flex;
}

.copyright-text {
  color: var(--neutral03);
  font-family: Graphik, sans-serif;
}

.button-div {
  justify-content: space-between;
  align-items: flex-end;
  height: 75px;
  display: flex;
  position: relative;
}

.newsletter-submit {
  z-index: 0;
  background-color: var(--teal);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 75px;
  padding: 0 6.5px 3px 8px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.newsletter-submit:hover {
  background-color: var(--teal-hover);
}

.newsletter-btn-text {
  z-index: 1;
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  margin-bottom: 4px;
  margin-left: 8px;
  margin-right: 8px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  position: relative;
}

.contact-form-section {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact-headline {
  color: var(--pupil-dark-charcoal);
  border: 1px #000;
  margin-bottom: 96px;
  font-family: Graphik, sans-serif;
  font-size: 24px;
  line-height: 30px;
  overflow: hidden;
}

.talk-to-us-div-container {
  flex-direction: column;
  display: block;
}

.talk-to-us-text {
  color: #505052;
  text-transform: uppercase;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.form-container {
  margin-bottom: 120px;
}

.form-top-split-div {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
}

.first-name-div-container, .last-name-div-container {
  border-bottom: 1px #a0a0a0;
  flex-direction: column;
  align-items: flex-start;
  width: 47%;
  display: flex;
}

.first-name-text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: #0000 #0000 var(--neutral05);
  width: 100%;
  height: 30px;
  color: var(--pupil-dark-charcoal);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 0 6px;
  font-family: Graphik, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.first-name-text-field:focus {
  border-bottom-color: var(--pupil-dark-charcoal);
}

.first-name-text-field::placeholder {
  color: var(--neutral05);
}

.last-name-text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: #0000 #0000 var(--neutral05);
  width: 100%;
  height: 30px;
  color: var(--pupil-dark-charcoal);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 0 6px;
  font-family: Graphik, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.last-name-text-field:focus {
  border-bottom-color: var(--pupil-dark-charcoal);
}

.last-name-text-field::placeholder {
  color: var(--neutral05);
}

.your-email-text-field-div {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.your-email-div-container {
  flex-direction: column;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
}

.your-email-text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: #0000 #0000 var(--neutral05);
  width: 100%;
  height: 30px;
  color: var(--pupil-dark-charcoal);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 0 6px;
  font-family: Graphik, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.your-email-text-field:focus {
  border-bottom-color: var(--pupil-dark-charcoal);
}

.your-email-text-field::placeholder {
  color: var(--neutral05);
}

.form-block {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
}

.your-message-container {
  flex-direction: column;
  height: 157px;
  margin-bottom: 32px;
  display: flex;
}

.your-message-title-div {
  align-items: center;
  height: 23px;
  margin-bottom: 6px;
  display: flex;
}

.your-message-title-text {
  color: var(--pupil-dark-charcoal);
  margin-bottom: 6px;
  font-family: Graphik, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.your-message-text-area {
  border: 1px solid var(--neutral05);
  background-color: var(--pupil-cloudy-day);
  min-height: 128px;
  color: var(--pupil-dark-charcoal);
  border-radius: 0;
  margin-bottom: 0;
  padding: 5px 0 0 6px;
  font-family: Graphik, sans-serif;
  font-size: 15px;
  line-height: 23px;
  box-shadow: inset 0 0 0 -20px #0000;
}

.your-message-text-area:focus {
  border-color: var(--pupil-dark-charcoal);
}

.your-message-text-area::placeholder {
  color: var(--neutral05);
}

.form-submit-button {
  height: 75px;
  display: flex;
  position: relative;
}

.submit-button {
  background-color: var(--teal);
  opacity: 1;
  flex: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.submit-button:hover {
  background-color: var(--teal-hover);
}

.form-submit-arrow {
  width: 12px;
  height: 23px;
  margin-bottom: 0;
  margin-right: 8px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.form-submit-text-div {
  width: 49px;
  height: 18px;
  margin-bottom: 3px;
  margin-left: 8px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.form-submit-text {
  color: #040405;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.error-div {
  height: 24px;
  display: none;
}

.error-text {
  color: #ff556f;
  font-family: Graphik, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
}

._1440-container {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: static;
}

._1440-container.values {
  position: relative;
}

._1440-container.sus {
  z-index: 50;
  justify-content: center;
  position: absolute;
  inset: 32px 0% auto;
}

._1440-container.scrolldown {
  color: var(--pupil-cloudy-day);
  justify-content: flex-end;
  display: flex;
}

._1440-container.home-hero-container {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: flex-start;
  padding-bottom: 32px;
}

._1440-container.esg-content-container {
  z-index: 10;
  position: relative;
}

.news-section {
  margin-bottom: 200px;
}

.news-section.no-margin {
  margin-bottom: 0;
}

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

.primary-h1 {
  max-width: 20ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -2.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 58px;
  overflow: hidden;
}

.primary-h1.margin-bottom-small.news-headline {
  text-wrap: balance;
  max-width: 22ch;
}

.news-headline {
  border: 1px #000;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 96px;
  display: flex;
  overflow: hidden;
}

.news-headline.h1-legal {
  margin-bottom: 96px;
}

.press-release-date {
  color: var(--neutral04);
  text-transform: uppercase;
  margin-top: 16px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.press-image-div {
  margin-bottom: 96px;
}

.press-image {
  width: 100%;
  margin-bottom: 16px;
}

.press-image-text {
  color: var(--neutral04);
}

.legal-text-block {
  margin-bottom: 64px;
}

.rte {
  color: var(--pupil-neutral-70);
  font-size: 18px;
  line-height: 28px;
}

.rte p {
  color: var(--neutral03);
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
}

.download-share-div {
  border: 1px #000;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.download-share-wrapper {
  border-top: 1px solid var(--pupil-dark-charcoal);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 32px;
  padding-top: 4px;
  display: flex;
}

.email-contact {
  color: var(--pupil-dark-charcoal);
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
}

.email-contact:hover {
  color: var(--teal-dark);
}

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

.workwithus-body {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 48px;
  display: flex;
}

.work-with-us-text {
  max-width: 53ch;
  color: var(--neutral03);
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 23px;
}

.tech-main-section {
  margin-bottom: 32px;
}

.tech-intro-subtitle {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.tech-intro-headline {
  border-top: 0px none var(--pupil-dark-charcoal);
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 200px;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

.tech-intro-headline.sus {
  margin-bottom: 0;
}

.tech-intro-headline.wp {
  border: 1px #000;
  margin-bottom: 0;
}

.tech-intro-headline.tr-intro {
  margin-bottom: 80px;
}

.tech-intro-headline.software-intro {
  margin-bottom: 28px;
}

.tech-h1 {
  max-width: 37ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.tech-h1.contact-h1 {
  max-width: 33ch;
}

.tech-h1.contact-h1.careersh1 {
  max-width: 22ch;
}

.tech-h1.culture {
  max-width: 27ch;
}

.tech-h1.culture._1st-h1 {
  text-wrap: balance;
}

.tech-h1.sus {
  max-width: 27ch;
  color: var(--pupil-dark-charcoal);
}

.tech-h1.wp {
  max-width: 28ch;
  color: var(--pupil-cloudy-day);
}

.tech-h1.software-h1 {
  max-width: 28ch;
}

.tech-h1.license-h1 {
  max-width: 21ch;
}

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

.process-body {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 200px;
  display: flex;
}

.process-body.last {
  width: 100%;
  margin-bottom: 96px;
}

.how-it-works-step {
  color: var(--neutral03);
  margin-bottom: 4px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.how-it-works-step-title {
  color: var(--neutral03);
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.how-it-works-h3 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.how-it-works-h3.step3-headline {
  width: auto;
  max-width: 24ch;
}

.how-it-works-main-text {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.tech-01-img {
  max-width: 240px;
}

.innovate-section {
  flex-direction: column;
  align-items: center;
  margin-bottom: 200px;
  display: flex;
}

.inno-sub {
  flex-direction: column;
  display: flex;
}

.inonvate-text {
  color: var(--neutral03);
  text-transform: uppercase;
  font-family: Mono Max, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.innovate-main-text {
  max-width: 30ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Graphik, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
  overflow: hidden;
}

.innovate-bottom-left-text {
  max-width: 40ch;
  color: var(--neutral03);
  font-family: Graphik, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.privacy-section {
  height: auto;
  margin-bottom: 32px;
}

.privacy-sub {
  flex-direction: column;
  display: flex;
}

.pirvate-text {
  color: var(--neutral03);
  text-transform: uppercase;
  font-family: Mono Max, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.privacy-main-text {
  max-width: 31ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.privacy-main-text.interview-headline-new {
  max-width: 29ch;
}

.privacy-headline {
  border-top: 0px none var(--pupil-dark-charcoal);
  margin-bottom: 96px;
  overflow: hidden;
}

.privacy-body {
  max-width: 40ch;
  color: var(--neutral03);
  margin-bottom: 32px;
  font-family: Graphik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.privacy-body.interview-body {
  max-width: 35ch;
  margin-bottom: 0;
}

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

.built-on---text {
  color: var(--neutral03);
  margin-bottom: 8px;
}

.innovate-uk-text {
  color: var(--neutral03);
  margin-top: 8px;
  font-size: 15px;
  line-height: 23px;
  display: inline-block;
}

.legal-subheader {
  border-top: 1px solid var(--pupil-dark-charcoal);
  margin-top: 200px;
  margin-bottom: 96px;
  padding-top: 4px;
}

.success {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -.5px;
  background-color: #0000;
  padding-left: 0;
  font-family: Graphik, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

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

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

.text-block-13-copy {
  color: var(--pupil-dark-charcoal);
  font-family: Graphik, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.error {
  background-color: #ff556f;
  margin-top: 32px;
  position: relative;
}

.error-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 10px 9.5px 10px auto;
}

.error-image {
  width: 100%;
}

.culture-hero-section {
  margin-bottom: 200px;
}

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

.culture-body {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -5px;
  display: flex;
}

.life-at-pupil-h2 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.life-at-pupil-h2._2nd-h2 {
  text-wrap: balance;
}

.life-at-pupil-paragraph {
  color: var(--neutral03);
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 23px;
}

.culture-image {
  width: 100%;
  margin-bottom: 16px;
}

.image-caption {
  color: var(--neutral04);
  display: block;
}

.image-caption.culture-caption {
  display: none;
}

.team-qna-section {
  margin-bottom: 241px;
}

.team-qa-sub {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.tabs-block {
  width: 100%;
}

.tabs-menu {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 64px;
  display: flex;
}

.tab-link {
  width: 22%;
  color: var(--neutral03);
  background-color: #0000;
  border-top: 1px solid #e0e0e0;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.tab-link.w--current {
  border-top-color: var(--pupil-dark-charcoal);
  color: var(--pupil-dark-charcoal);
  background-color: #0000;
}

.tab-link-text {
  font-size: 15px;
  line-height: 23px;
}

.tab-link-text.title {
  font-size: 14px;
  line-height: 20px;
}

.tabs-pane-container {
  align-items: flex-start;
  display: flex;
}

.tabs-image-div {
  width: 48%;
  margin-right: 33px;
}

.tabs-image {
  width: 100%;
}

.tabs-content-split {
  flex-direction: column;
  align-items: flex-start;
  width: 48.2%;
  display: flex;
}

.questions-div {
  cursor: pointer;
  border-top: 1px solid #e0e0e0;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
  padding-top: 4px;
  display: flex;
}

.question {
  color: var(--pupil-dark-charcoal);
  font-size: 15px;
  line-height: 23px;
}

.closed-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 11px;
  height: 5.53px;
  display: flex;
}

.closed {
  width: 100%;
}

.open-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 11px;
  height: 5.53px;
  display: none;
}

.open, .question-wrapper {
  width: 100%;
}

.answer-div {
  margin-bottom: 96px;
  display: none;
}

.answer-paragraph {
  color: var(--neutral03);
  margin-bottom: 0;
  font-size: 15px;
  line-height: 23px;
}

.team-and-leadership-section {
  margin-bottom: 32px;
}

.leader-sub {
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0;
  display: flex;
}

.leader-headline {
  border-top: 1px none var(--pupil-dark-charcoal);
  margin-bottom: 64px;
  margin-right: 0;
  overflow: hidden;
}

.t-l-h2 {
  max-width: 38ch;
  color: var(--neutral01);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

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

.founder-image {
  width: 100%;
  padding-top: 16px;
}

.our-advisors-h3 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

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

.name {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.name-title-div-advisors {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  margin-bottom: 25px;
  display: flex;
}

.advisor-title {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.advisors-right-split {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.values-section {
  background-color: var(--pupil-dark-charcoal);
  margin-bottom: 200px;
}

.values-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: visible;
}

.values-left-sticky-div {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 221px;
  display: flex;
  position: sticky;
  top: 130px;
}

.values-teal-nav-div {
  flex-direction: column;
  align-items: flex-start;
  height: 150px;
  display: flex;
  position: sticky;
  top: 130px;
}

.left-nav-text {
  color: var(--neutral07);
  text-transform: uppercase;
  padding-right: 0;
  font-family: Mono Max, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.value-text {
  color: var(--neutral04);
  letter-spacing: -.5px;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 30px;
}

.values-subtext {
  max-width: 27ch;
  color: var(--neutral06);
  letter-spacing: -1px;
  text-wrap: balance;
  flex: none;
  margin-top: 0;
  margin-bottom: 64px;
  padding-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
  overflow: visible;
}

.our-values-grid {
  flex: none;
  width: 100%;
  max-width: 1440px;
  padding-left: 32px;
  padding-right: 32px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.our-story-section {
  margin-bottom: 32px;
}

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

.our-story-tabs {
  width: 100%;
}

.our-story-tabs-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.story-tab-link {
  border-top: 1px solid var(--neutral07);
  width: 9.1%;
  color: var(--neutral03);
  background-color: #0000;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.story-tab-link.w--current {
  border-top-color: var(--pupil-dark-charcoal);
  color: var(--pupil-dark-charcoal);
  background-color: #0000;
}

.tab-link-text-story {
  background-color: #0000;
  flex: none;
  font-family: Mono Max, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.tab-link-text-story.mobile {
  display: none;
}

.our-story-tab-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.year-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 5.54074%;
  margin-right: 177px;
  display: flex;
}

.our-story-h3 {
  color: var(--neutral03);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.our-story-tab-h4 {
  max-width: 24ch;
  color: var(--neutral03);
  letter-spacing: -.5px;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.our-story-tab-h4._2019 {
  max-width: 21ch;
}

.our-story-tab-h4._2017 {
  max-width: 24ch;
}

.our-story-tab-h4._2020-story {
  max-width: 30ch;
}

.our-story-tab-h4.story-2021 {
  max-width: 33ch;
}

.our-story-tab-h4.story-2023 {
  text-wrap: balance;
  max-width: 33ch;
}

.our-story-tab-h4.story-2022 {
  max-width: 33ch;
}

.story-illustration {
  width: 100%;
}

.white-paper-hero {
  min-height: 100vh;
  margin-bottom: 64px;
  position: relative;
}

.image-caption-div {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 12px;
  display: flex;
}

.sus-main-section {
  margin-bottom: 200px;
}

.sus-main-container {
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.sus-main-right-split {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.sus-header-div {
  border: 1px #000;
  width: 100%;
  margin-bottom: 120px;
  margin-right: 0;
  padding-top: 0;
  overflow: hidden;
}

.sus-h2 {
  max-width: 35ch;
  color: var(--neutral01);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.sus-main-content {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.discover-research-text {
  max-width: 25ch;
  color: var(--neutral01);
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 30px;
}

.discover-research-image-div {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 32px;
  padding-top: 0;
  display: flex;
}

.emissions-section {
  margin-bottom: 200px;
}

.sus-main-left-split, .emissions-left-split {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.emissions-header-div {
  border: 1px #000;
  margin-bottom: 64px;
  margin-right: 0;
  overflow: hidden;
}

.emissions-h2 {
  max-width: 26ch;
  color: var(--neutral01);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.emissions-body {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.emissions-h3 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 32px;
  font-weight: 400;
}

.emissions-list-title {
  color: var(--neutral03);
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 23px;
  display: flex;
}

.emissions-list-div {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
  padding-right: 0;
  display: flex;
}

.emissions-list-div.no-bot-margin {
  margin-bottom: 0;
}

.emissions-list-div.no-bot-margin._3 {
  padding-right: 37px;
}

.emissions-list-div._2 {
  padding-right: 17px;
}

.list-line-div {
  background-color: var(--neutral03);
  width: 20px;
  height: 1px;
  margin-top: 10px;
  margin-right: 12px;
}

.listitem {
  width: 335px;
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.offset-container {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

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

.offset-right-split {
  flex-direction: column;
  align-items: flex-start;
  width: 74.45%;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.offset-header-div {
  border: 1px #000;
  margin-bottom: 48px;
  overflow: hidden;
}

.offset-h2 {
  max-width: 36ch;
  color: var(--neutral01);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.offset-content-div {
  flex-direction: column;
  align-items: flex-start;
}

.offset-text {
  color: var(--neutral03);
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 23px;
}

.ecologi-icon {
  width: 120px;
  margin-top: 32px;
  display: block;
}

.wp-breadcrumb {
  flex: none;
  align-items: flex-start;
  display: flex;
}

.sus-link {
  color: var(--pupil-cloudy-day);
  text-decoration: none;
}

.arrow-icon-div-right {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 6px;
  height: 10px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
}

.image-5 {
  flex: none;
  width: 100%;
  height: 100%;
}

.white-paper-text {
  color: var(--neutral05);
}

.trusted-assets-section {
  margin-bottom: 200px;
}

.white-paper-main-left-split {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.white-paper-main-header-div {
  border: 1px #000;
  overflow: hidden;
}

.white-paper-h2 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 32px;
  padding-right: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.white-paper-h2.ta {
  max-width: 30ch;
}

.spec-logo-div {
  justify-content: center;
  align-items: center;
  width: 103px;
  height: 31px;
  display: flex;
}

.spec-logo {
  width: 100%;
}

.trusted-content-left-splti {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.trusted-h3 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 400;
}

.trusted-paragraph {
  color: var(--neutral03);
  margin-bottom: 0;
  font-size: 15px;
  line-height: 23px;
}

.opportunity-section {
  margin-bottom: 200px;
}

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

.opportunity-header-div {
  border: 1px #000;
  width: 100%;
  margin-bottom: 96px;
  overflow: hidden;
}

.opportunity-h2 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.opportunity-h2.wp-op {
  max-width: 31ch;
}

.opportunity-left-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -5px;
}

.opportunity-text {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.opportunity-div {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  margin-bottom: 32px;
}

.opportunity-div.bot {
  margin-bottom: 0;
}

.opportunity-h4 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -2.1px;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 400;
  line-height: 58px;
}

.the-white-paper-section {
  margin-bottom: 32px;
}

.the-white-paper-left-split {
  flex-direction: column;
  align-items: flex-start;
}

.the-white-paper-header-div {
  border: 1px #000;
  margin-bottom: 64px;
  margin-right: 0;
  overflow: hidden;
}

.the-white-paper-h2 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.the-white-paper-h2.wp-cta-h2 {
  max-width: 30ch;
}

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

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

.black-line-div {
  display: none;
}

.values-subtext-div {
  max-width: 100%;
  min-height: 125vh;
}

.values-subtext-div.pioneering {
  min-height: auto;
}

.vv-split {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-container {
  max-width: 1440px;
  padding: 32px;
}

.footer-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "Go-to-top Go-to-top Go-to-top Newsletter Newsletter Newsletter Newsletter . nav-links-desktop nav-links-desktop nav-links-desktop nav-links-desktop"
                 "Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright"
                 "Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
}

.footer-grid-tablet, .footer-grid-mobile {
  display: none;
}

._3-9-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "Subtitle Subtitle Subtitle Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                 "Subtitle Subtitle Subtitle Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA"
                 "Subtitle Subtitle Subtitle Image Image Image Image Image Image Image Image Image"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
  width: 100%;
  margin-bottom: 200px;
}

.secondary-cta-wrapper {
  margin-top: 96px;
}

.secondary-cta-wrapper.brands {
  margin-top: 0;
}

.secondary-cta-container {
  align-items: center;
  display: flex;
}

._3-4-5-grid {
  grid-column-gap: 32px;
  grid-row-gap: 96px;
  grid-template: "Subtitle Subtitle Subtitle Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                 "Subtitle Subtitle Subtitle Spec-text Spec-text Spec-text Spec-text Spec-image Spec-image Spec-image Spec-image Spec-image"
                 "Subtitle Subtitle Subtitle Stak-text Stak-text Stak-text Stak-text Stak-image Stak-image Stak-image Stak-image Stak-image"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 200px;
}

.ds-image.desktop.hidden, .ds-image-tablet, .ds-image-tablet.hidden {
  display: none;
}

.stak-ds-image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

._3-4-5-team-grid {
  grid-column-gap: 32px;
  grid-row-gap: 96px;
  grid-template: "Subtitle Subtitle Subtitle Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                 "Subtitle Subtitle Subtitle team-text team-text team-text team-text team-image team-image team-image team-image team-image"
                 ". . . team-text team-text team-text team-text team-image team-image team-image team-image team-image"
                 ". . . . . . . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 32px;
}

._3-4-5-team-grid.home-ourteam {
  display: none;
}

.teams-paragraph {
  color: var(--neutral03);
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 23px;
}

.button-arrow {
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 13px;
  padding-bottom: 0;
  display: flex;
}

.button-arrow.right {
  z-index: 1;
  width: 17px;
  height: 11px;
  padding-bottom: 5px;
}

.team-image-tablet {
  display: none;
}

.temporary-banner {
  z-index: 100;
  background-color: var(--teal);
  border-radius: 4px;
  width: 233px;
  height: 99px;
  position: fixed;
  inset: auto 32px 32px auto;
}

.temporary-banner:hover {
  background-color: var(--teal-hover);
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 234px 40px;
  justify-content: space-between;
}

.maax-right-arrow {
  color: var(--pupil-dark-charcoal);
}

.maax-right-arrow.secondary-cta-arrow {
  margin-top: -4px;
  padding-bottom: 0;
  padding-left: 4px;
}

.contact-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "subtitle subtitle subtitle headline headline headline headline headline headline headline headline headline"
                 "subtitle subtitle subtitle form form form form form form . . ."
                 ". . . office-area office-area office-area office-area office-area office-area office-area office-area office-area"
                 ". . . Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
  width: 100%;
  padding-bottom: 32px;
}

.news-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "news-subtitle news-subtitle news-subtitle News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                 ". . . news-body news-body news-body news-body news-body news-body . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.news-card {
  min-width: 100%;
}

.work-with-us-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "workwithus-subtitle workwithus-subtitle workwithus-subtitle workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body . . ."
                       "workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid";
  width: 100%;
  margin-bottom: 32px;
}

.tech-process-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "intro-subtitle intro-subtitle intro-subtitle headline headline headline headline headline headline headline headline headline"
                 "process-subtitle process-subtitle process-subtitle step-1-body step-1-body step-1-body step-1-body step-1-img step-1-img step-1-img . ."
                 ". . . step-2-body step-2-body step-2-body step-2-body step-2-img step-2-img step-2-img . ."
                 ". . . step3-body step3-body step3-body step3-body step3-img step3-img step3-img . ."
                 ". . . grid grid grid grid grid grid grid grid grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.step2-img {
  width: 203px;
  max-width: 203px;
  padding-right: 0;
  position: static;
  left: -19px;
}

.tech-intro-grid.margins-adjusted {
  z-index: 0;
  margin-top: -300px;
  margin-bottom: 32px;
  position: relative;
}

.innovate-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "inno-sub inno-sub inno-sub inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline"
                       ". . . inno-body inno-body inno-body inno-body inno-logo inno-logo inno-logo inno-logo inno-logo";
  width: 100%;
}

.privacy-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                 "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                 "privacy-sub privacy-sub privacy-sub privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                 ". . . privacy-body privacy-body privacy-body privacy-body privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.privacy-grid.last._404-grid {
  margin-bottom: 0;
}

.privacy-grid.last.bottom-margin-custom {
  margin-bottom: 32px;
}

.aws-logo {
  max-width: 180px;
  margin-top: 32px;
}

.tablet-grid {
  display: none;
}

.desktop-grid {
  display: block;
}

.mobile-grid {
  display: none;
}

.footer-nav-link-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
}

.culture-hero-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "sub sub sub headline headline headline headline headline headline headline headline headline"
                       ". . . body body body body img img img img img";
  width: 100%;
}

.team-qa-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "sub sub sub content content content content content content content content content"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.leadership-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "sub sub sub headline headline headline headline headline headline headline headline headline"
                 ". . . founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area"
                 ". . . grid grid grid grid grid grid grid grid grid"
                 ". . . adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline"
                 ". . . adv-list adv-list adv-list adv-list adv-list adv-list adv-list adv-list adv-list"
                 "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.founder-copy {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.story-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "sub sub sub story story story story story story story story story"
                       "illustration illustration illustration illustration illustration illustration illustration illustration illustration illustration illustration illustration";
  width: 100%;
}

.tabs-content {
  min-height: 160px;
}

.adv-list-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-areas: "adv-list-left adv-list-right";
}

.foudners-grid-2col {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-areas: "james ollie";
}

.values-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "sub sub sub titles titles content content content content content content content"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
  position: relative;
}

.pio-values {
  margin-bottom: 40vh;
}

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

.london {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/6068e8509386fc9a99ac5a44_Pupil-Co_Skyline_London%201.avif");
  background-position: 50%;
  background-size: cover;
}

.london.singapore {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/6068eb0b73e5221725eaa83c_Singapore_Desktop_hero-image%402x%201.avif");
  background-position: 50% 15%;
}

.london.dubai {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/6068ec2bfb08b4030b70ee86_Pupil-Co_Skyline_Dubai%201.avif");
}

.london.nyc {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/6068ec99f3df822445cfe867_Pupil-Co_Skyline_NYC%201.avif");
}

.mask {
  min-height: 100%;
}

.sus-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: ". . . sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.slider {
  background-color: var(--pupil-dark-charcoal);
  min-height: 80vh;
}

.sus-caption-grid {
  grid-column-gap: 32px;
  grid-template: ". . . credit credit credit credit credit credit credit credit credit"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.sus-intro-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "sub sub sub main main main main main main main main main"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.emissions-grid {
  grid-column-gap: 32px;
  grid-row-gap: 96px;
  grid-template: "sub sub sub headline headline headline headline headline headline headline headline headline"
                 ". . . virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-img virtual-viewing-img virtual-viewing-img virtual-viewing-img virtual-viewing-img"
                 ". . . retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-img retrofitting-img retrofitting-img retrofitting-img retrofitting-img"
                 ". . . energy-body energy-body energy-body energy-body energy-img energy-img energy-img energy-img energy-img"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.emission-img {
  max-width: 85%;
}

.ecologie-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid"
                 "eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img"
                 "sub sub sub headline headline headline headline headline headline headline headline headline"
                 ". . . body body body body body body . . ."
                 ". . . end-grid end-grid end-grid end-grid end-grid end-grid end-grid end-grid end-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.ecologie-img {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/6069b955df79b0130fdfcf5b_ecologi%402x%201%20(1).jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-bottom: 40%;
}

.road-traffic {
  background-color: var(--pupil-dark-charcoal);
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/6069df3735ae6ebbccaa56d8_White-Paper_Hero-Image_Desktop%20(2).jpg");
  background-position: 50% 78%;
  background-repeat: no-repeat;
  background-size: cover;
}

.wp-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "breadcrumb breadcrumb breadcrumb sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.trusted-assets-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "ta-sub ta-sub ta-sub ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline"
                       ". . . ta-body ta-body ta-body ta-body ta-img ta-img ta-img ta-img ta-img";
  width: 100%;
}

.trusted-assets-img {
  min-width: 80%;
  max-width: 90%;
}

.wp-op-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "wp-op-sub wp-op-sub wp-op-sub wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline"
                       ". . . wp-op-body wp-op-body wp-op-body wp-op-body wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img";
  width: 100%;
}

.wp-cta-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "wp-cta-sub wp-cta-sub wp-cta-sub wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline"
                 ". . . wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img"
                 ". . . wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img"
                 ". . . wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn . . . . ."
                 "wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.wp-cta-img {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 32px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.wp-cta-img.w--current {
  margin-bottom: 0;
}

.wp-cta-btn {
  z-index: 2;
  position: relative;
}

.wp-hero-cap-grid {
  grid-column-gap: 32px;
  grid-template: ". . . credit credit credit credit credit credit credit credit credit"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.legal-h2 {
  color: var(--neutral03);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.legal-body {
  color: var(--neutral03);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.legal-body.link {
  margin-bottom: 32px;
}

.legal-body.legal-body--list {
  margin-bottom: 32px;
  padding-left: 17px;
  list-style-type: disc;
}

.legal-body.legal-body--list-item {
  margin-bottom: 24px;
}

.innovate-header {
  border-top: 0px none var(--pupil-dark-charcoal);
  margin-bottom: 96px;
  overflow: hidden;
}

.legal-content-h2 {
  max-width: 30ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Graphik, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.legal--rich-text {
  font-size: 18px;
  line-height: 28px;
}

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

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

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

._404-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "news-subtitle news-subtitle news-subtitle News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                 ". . . news-body news-body news-body news-body news-body news-body news-body news-body news-body"
                 "_404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom _404-grid-bottom"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 32px;
}

._404-headline {
  border-top: 1px solid var(--pupil-dark-charcoal);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 64px;
  padding-top: 4px;
  display: flex;
}

.news-text-block {
  margin-bottom: 64px;
}

._404-body {
  margin-bottom: 0;
}

.body-large {
  color: var(--neutral03);
  font-size: 18px;
  line-height: 28px;
}

.body-large.body-large-404 {
  font-size: 15px;
  line-height: 23px;
}

.body-3 {
  background-color: var(--pupil-cloudy-day);
}

.home-footer-grid-area {
  z-index: 1;
  position: relative;
}

.go-to-top-text {
  z-index: 0;
  text-transform: uppercase;
  margin-right: 7px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  position: relative;
}

.play-button-svg {
  z-index: 1;
  color: var(--teal);
  position: relative;
}

.behind-play-icon {
  z-index: 0;
  background-color: var(--pupil-dark-charcoal);
  width: 20px;
  height: 25px;
  position: absolute;
  inset: 6px 5px 0 auto;
}

.header-rule {
  background-color: var(--pupil-dark-charcoal);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  margin-bottom: 8px;
}

.header-rule.tech-cta-rule {
  background-color: var(--pupil-dark-charcoal);
}

.header-rule.software-h2-rule {
  background-color: var(--neutral06);
  margin-bottom: 6px;
}

.header-rule.software-h2-rule.secondary-production-section {
  margin-top: 240px;
}

.mobile-landscape-grid {
  display: none;
}

.contact-address-wrapper {
  margin-top: 96px;
}

.header-rule-cloudy {
  background-color: var(--pupil-cloudy-day);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  margin-bottom: 8px;
}

.home-hero-h1-wrapper {
  overflow: hidden;
}

.home-hero-video-btn-wrapper {
  padding-top: 5px;
  overflow: hidden;
}

.stak-video {
  padding-top: 50%;
}

.download-pdf-btn {
  align-items: center;
  display: flex;
}

.download-pdf-icon {
  margin-left: 6px;
}

.download-pdf-block {
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
}

.download-pdf-block:hover {
  color: var(--teal-dark);
}

.nav-bar-rule {
  background-color: var(--neutral07);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  margin-bottom: 0;
}

.video-overlay {
  z-index: 250000;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.vimeo-wrapper {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 0;
  max-height: 80vh;
  margin: auto;
  padding-bottom: 40%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.vimeo-embed {
  justify-content: center;
  align-items: center;
  height: 0;
  margin: auto;
  padding-bottom: 56.25%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.vimeo-close {
  color: var(--pupil-cloudy-day);
  position: absolute;
  top: 32px;
  right: 32px;
}

.vimeo-close-layer {
  z-index: 1;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
}

.play-video-btn-wrapper {
  align-items: center;
  height: auto;
  display: inline-block;
}

.play-video-flex-wrapper {
  align-items: center;
  display: flex;
}

.header-nav-spacer {
  width: 100%;
  height: 97px;
}

.scroll-down-wrapper {
  width: 100%;
  color: var(--pupil-cloudy-day);
  position: fixed;
  inset: auto auto 26px 0%;
}

.scroll-text {
  color: var(--pupil-cloudy-day);
  text-transform: uppercase;
  font-family: Mono Max, sans-serif;
}

.contact-grid-thanks {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "subtitle subtitle subtitle headline headline headline headline headline headline headline headline headline"
                 ". . . Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid Contact-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
  width: 100%;
  padding-bottom: 32px;
}

.video-uploads_body {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-uploads_background-video {
  width: 500px;
  height: 300px;
  margin-left: 16px;
  margin-right: 16px;
}

.video-uploads_section {
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  display: flex;
}

.spec-bg-video-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.country-input, .country-api-_embbed {
  display: none;
}

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

.careers-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "subtitle subtitle subtitle headline headline headline headline headline headline headline headline headline"
                 "subtitle subtitle subtitle content content content content content . . . ."
                 ". . . Image Image Image Image Image Image Image Image Image"
                 ". . . Image Image Image Image Image Image Image Image Image"
                 ". . . . . . . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
  width: 100%;
  padding-bottom: 0;
}

.work-with-us-text {
  max-width: 44ch;
  margin-bottom: 32px;
}

.image-6 {
  z-index: 100;
  position: relative;
}

.workwithus-paragraph {
  margin-bottom: 44px;
}

.margin-bottom-small {
  margin-bottom: 12px;
}

.margin-bottom-small.new-card-arrow {
  margin-bottom: 0;
  position: relative;
  top: -9px;
}

.text-color-neutral04 {
  color: var(--neutral04);
}

.news-richtext {
  color: var(--neutral03);
  font-size: 18px;
  line-height: 28px;
  display: block;
}

.news-richtext p {
  color: var(--pupil-neutral-70);
  margin-top: 32px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
}

.news-richtext h2 {
  color: var(--pupil-neutral-70);
  letter-spacing: -1px;
  margin-top: 96px;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.news-richtext h3 {
  color: var(--neutral03);
  letter-spacing: -.5px;
  margin-top: 96px;
  font-weight: 400;
}

.news-richtext blockquote {
  color: var(--pupil-neutral-70);
  border-left-width: 1px;
  border-left-color: #5dfeca;
  line-height: 28px;
}

.news-richtext h4 {
  margin-top: 96px;
}

.news-richtext figure {
  margin-top: 24px;
}

.news-child-grid {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template: "news-subtitle news-subtitle news-subtitle News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                 ". . . news-body news-body news-body news-body news-body news-body . . ."
                 ". . . news-cta news-cta news-cta news-cta news-cta news-cta news-cta . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 200px;
}

.cta-arrow {
  margin-bottom: -5px;
  margin-left: 8px;
}

.cta-arrow.news-email-share-icon {
  margin-bottom: 0;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.news-new-grid {
  z-index: 1;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "news-subtitle news-subtitle news-subtitle News-cards News-cards News-cards News-cards News-cards News-cards News-cards News-cards News-cards"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  min-height: 400px;
  position: relative;
}

.news-heading {
  color: var(--neutral03);
  letter-spacing: -1px;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.news-heading.bottom-margin {
  margin-top: 0;
  margin-bottom: 48px;
}

.under-heading-wrapper {
  align-items: center;
  display: flex;
}

.under-heading-wrapper.margin-bottom-small.news-meta-data-thumbs {
  margin-bottom: 6px;
}

.grey-dot {
  background-color: var(--neutral05);
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin-bottom: -3px;
  margin-right: 4px;
}

.grey-dot.hide-mobile {
  width: 8px;
  height: 8px;
  margin-top: -5px;
  margin-bottom: 0;
  margin-right: 6px;
  position: relative;
  bottom: -1px;
}

.margin-right-medium {
  margin-right: 32px;
}

.news-thumbnail {
  height: 445px;
  margin-top: 6px;
  margin-left: -13px;
  overflow: hidden;
}

.image-7 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.news-item {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  background-color: var(--neutral08);
  grid-template: "Area ."
                 "Area-2 ."
                 "Area-3 Area-4"
                 / 1fr .5fr;
  grid-auto-columns: 1fr;
  margin-bottom: 32px;
  padding-top: 13px;
  padding-left: 13px;
}

.news-cta-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  margin-right: 16px;
  display: flex;
}

.category-news {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template: "Area ."
                 "Area-2 ."
                 "Area-3 Area-4"
                 / 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.category-press {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template: "Area ."
                 "Area-2 Area-4"
                 / 1fr .49fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pagination {
  justify-content: flex-start;
}

.pagination-button {
  background-color: var(--neutral08);
  height: auto;
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  border-style: none;
  border-radius: 26px;
  align-items: center;
  margin-left: 0;
  padding: 5px 10px 1px;
  font-family: Mono Max, sans-serif;
  font-size: 15px;
  transition: background-color .5s;
  display: flex;
}

.pagination-button:hover {
  background-color: var(--teal);
}

.pagination-arrow.previous {
  margin-top: -2px;
  margin-bottom: 0;
  margin-right: 7px;
  transform: rotate(180deg);
}

.pagination-arrow.previous.prev-arrow-btn {
  margin-top: -11px;
}

.pagination-arrow.next {
  max-width: 100%;
  margin-left: 7px;
}

.pagination-arrow.next.next-arrow-btn {
  margin-top: 1px;
}

.grey-dot-wrapper {
  display: none;
}

.category-block {
  width: 100%;
}

.category-block.press {
  padding-bottom: 7px;
}

.div-block {
  align-items: center;
  margin-right: 16px;
  display: flex;
}

.category-subtitles {
  max-width: 22ch;
  color: var(--neutral03);
  text-transform: uppercase;
  font-family: Mono Max, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

.category-subtitles.max-ch-18 {
  max-width: 18ch;
  font-size: 14px;
}

.category-subtitles.max-ch-18.press-fix {
  max-width: 23ch;
}

.email-share-linkblock {
  height: auto;
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.embed-share-email {
  z-index: 0;
  text-transform: uppercase;
  margin-right: 3px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

.thumb-image-wrapper {
  width: 100%;
  margin-bottom: 64px;
}

.thumb-image {
  margin-bottom: 16px;
}

.color-change-svg {
  color: #505052;
}

.color-change-svg.hide-desktop {
  display: none;
}

.innovate-uk-log-img {
  max-width: 180px;
}

.office-address {
  margin-bottom: 160px;
}

.office-header {
  border-top: 1px solid var(--pupil-dark-charcoal);
  color: var(--pupil-dark-charcoal);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 8px;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.address-detail {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.office-area {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "london-office dubai-office"
  / 1fr 1fr;
}

.grey-dot {
  background-color: var(--neutral06);
  width: 16px;
  height: 16px;
  margin-bottom: 8px;
}

.home-hero-content-wrapper {
  flex: 1;
  align-self: flex-start;
}

.city-wrapper {
  background-color: #2b2b2c;
  min-width: 100%;
  position: relative;
  bottom: -2px;
}

.city-names-div {
  align-items: center;
  padding-top: 16px;
  padding-bottom: 14px;
  display: flex;
  overflow: hidden;
}

.london-name-mono, .dubai-name-mono, .new-york-name-mono, .singapore-name-mono {
  color: var(--neutral06);
  text-transform: uppercase;
  flex: none;
  margin-right: 0;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

.scroll-down-div {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.scroll-arrow {
  color: var(--pupil-cloudy-day);
  padding-left: 6px;
}

.city-name-separator {
  background-color: var(--teal);
  width: 12px;
  height: 1px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
  bottom: 1px;
}

.share-press-icon {
  position: relative;
  top: -6px;
}

.new-home-hero-section-h1 {
  max-width: 25ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -2.1px;
  margin-top: 138px;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 400;
  line-height: 58px;
}

.new-home-hero-section-h1.hero-text-slide2 {
  max-width: 16ch;
  position: absolute;
  inset: auto auto 0% 0%;
}

.new-home-hero-section-h1.hero-text-slide3 {
  max-width: 17ch;
  position: absolute;
  inset: auto auto 0% 0%;
}

.new-home-digital-twin-section {
  background-color: var(--neutral07);
  margin-top: 240px;
  margin-bottom: 240px;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  overflow: hidden;
}

.new-arrow-icon-down {
  color: var(--pupil-cloudy-day);
  position: relative;
  bottom: -3px;
}

.down-scroll-wrapper {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #04040580;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: static;
  bottom: 130px;
}

.down-scroll-wrapper.mobile-hero-arrow {
  display: none;
}

.div-block-6 {
  flex-direction: column;
  margin-bottom: 26px;
  display: flex;
  overflow: hidden;
}

.new-sticky-home-content {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1440px;
  margin-top: -97px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: sticky;
  inset: auto 0% 32px;
}

.new-city-names-text {
  color: var(--pupil-cloudy-day);
  text-transform: uppercase;
  margin-right: 12px;
  font-family: Mono Max, sans-serif;
  font-size: 15px;
}

.new-city-names-text.last-city-name-new {
  margin-right: 0;
}

.new-city-names-wrapper {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #04040580;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 8px 1px;
  display: flex;
}

.video-wrapper-full-new-home {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  overflow: visible;
}

.platform-section {
  margin-top: 220px;
  padding-top: 32px;
}

.platform-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text"
                 "Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle capture-img capture-img capture-img capture-img capture-img capture-img library-img library-img library-img library-img library-img library-img"
                 ". . . . capture-img capture-img capture-img capture-img capture-img capture-img library-img library-img library-img library-img library-img library-img"
                 ". . . . capture-text capture-text capture-text capture-text capture-text capture-text library-text library-text library-text library-text library-text library-text"
                 ". . . . tech-text tech-text tech-text tech-text tech-img tech-img tech-img tech-img tech-img tech-img tech-img tech-img"
                 ". . . . ai-text ai-text ai-text ai-text ai-img ai-img ai-img ai-img ai-img ai-img ai-img ai-img"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  position: static;
}

.platform-paragaph-text {
  max-width: 27ch;
  color: var(--neutral03);
  letter-spacing: -.5px;
  font-size: 24px;
  line-height: 30px;
}

.platform-list-h3 {
  color: var(--neutral03);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.platform-list {
  color: var(--neutral03);
  padding-left: 13px;
  font-size: 15px;
  line-height: 23px;
}

.platform-list-item {
  color: var(--neutral03);
  margin-bottom: 4px;
}

.platform-list-group {
  border-top: 1px none var(--neutral06);
  transform-origin: 0%;
  height: 92px;
  padding-top: 6px;
}

.platform-list-group._2nd-list-item {
  margin-top: 80px;
}

.platform-list-group._2nd-list-item.last-item-platform {
  height: auto;
  padding-bottom: 360px;
}

.esg-grid {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template: "esg-subtitle esg-subtitle esg-subtitle esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph"
                 ". . . threat-text threat-text threat-text threat-text threat-text threat-text threat-text threat-text threat-text"
                 ". . . . . . . . . . . ."
                 ". . . _70-percent _70-percent _70-percent _70-percent _70-percent _40-percent _40-percent _40-percent _40-percent"
                 ". . . cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.product-quote-text-wrap {
  margin-top: 0;
}

.digital-twin-tech-section {
  background-color: var(--neutral07);
  width: 100%;
  margin-top: 0;
  padding-bottom: 0;
}

.new-dt-cta-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text"
                 ". . . dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
}

.dt-ai-headline {
  max-width: 18ch;
  color: var(--pupil-dark-charcoal);
  letter-spacing: -2.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 400;
  line-height: 58px;
}

.new-wp-content {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 200px;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.discover-new-wp-headline {
  max-width: 35ch;
  color: var(--neutral01);
  margin-bottom: 0;
  font-size: 24px;
  line-height: 30px;
}

.new-wp-link-wrap {
  width: 50%;
  margin-top: 64px;
}

.logo-area {
  margin-bottom: 80px;
  display: flex;
}

.new-products-grid-home {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template: "Subtitle Subtitle Subtitle Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                 "Subtitle Subtitle Subtitle logo-area logo-area logo-area logo-area logo-area logo-area logo-area logo-area logo-area"
                 ". . . dt-title dt-title dt-title dt-title dt-title dt-title dt-title dt-title dt-title"
                 ". . . Area-2 Area-2 Area-2 revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video"
                 ". . . Area-3 Area-3 Area-3 revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video"
                 ". . . Area-4 Area-4 Area-4 revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video"
                 ". . . . . . revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.div-block-12 {
  margin-top: 0;
}

.dt-cta-section-image-div {
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: relative;
}

.digital-twin-bg-grid {
  opacity: .5;
  margin-top: 143px;
}

.dollhouse-desktop-video {
  position: static;
}

.dt-dh-window-wrap {
  border: 0px none var(--neutral04);
  border-radius: 0;
  max-width: 100%;
  padding-top: 0;
  position: absolute;
}

.grid-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "Area Area Area Area Area Area Area . ."
                 "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  position: relative;
}

.dt-tech-page-cta-wrap {
  margin-top: 120px;
}

.pupil-city-hero-video {
  width: 100%;
  max-height: 65px;
  position: relative;
}

.div-block-13 {
  overflow: hidden;
}

._3d-model-desktop-video {
  width: 100%;
}

.esg-h3s {
  color: var(--neutral03);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.esg-h3s.esg-stats {
  border-top-style: none;
  border-top-color: var(--neutral06);
  max-width: 19ch;
}

.esg-h3s.esg-stats._40-stat {
  max-width: 16ch;
}

.esg-h3s.drive-text, .esg-h3s.transform-text {
  letter-spacing: 0;
  max-width: 21ch;
  font-size: 15px;
  line-height: 23px;
}

.esg-h3s.trust-text {
  letter-spacing: 0;
  max-width: 22ch;
  font-size: 15px;
  line-height: 23px;
}

.esg-stat-div {
  border-top: 0px none var(--neutral06);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

._3d-model-mobile-video {
  width: 100%;
  display: none;
}

.dollhouse-mobile-video {
  display: none;
  position: static;
}

.platform-rules {
  background-color: var(--neutral06);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  margin-bottom: 4px;
}

.div-block-15 {
  overflow: hidden;
}

.esg-pictograms {
  margin-top: 32px;
}

.esg-pictograms.dt-pictogram {
  color: var(--neutral05);
  margin-top: 4px;
}

.esg-pictograms.dt-pictogram.trust-pictogram {
  position: relative;
  right: -3px;
}

.div-block-16 {
  position: relative;
  overflow: hidden;
}

.esg-handing-line {
  background-color: var(--neutral06);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  margin-bottom: 6px;
}

.dt-wrap-flex {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.product-stat {
  border-top: 1px none var(--neutral06);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
}

.product-stat.last-stat {
  margin-bottom: 0;
}

.product-stat.drive-wrap {
  margin-top: 0;
  margin-bottom: 32px;
}

.customer-subtitle {
  color: var(--neutral04);
  text-transform: none;
  margin-top: 48px;
  margin-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.platform-h3 {
  max-width: 48ch;
  color: var(--pupil-neutral-70);
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 8px;
  font-family: Mono Max, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.platform-h3.dt-mono {
  max-width: 31ch;
  margin-bottom: 0;
}

.platform-h3.threat-headline {
  max-width: 25ch;
  margin-bottom: 0;
}

.platform-h3.trusted-logos-h3 {
  max-width: 38ch;
}

.platform-paragraph {
  max-width: 34ch;
  color: var(--pupil-neutral-70);
  margin-bottom: 0;
  font-size: 15px;
  line-height: 23px;
}

.platform-paragraph.dat-blirary-paragra {
  max-width: 32ch;
}

.tech-img-wrap {
  margin-bottom: 64px;
}

.library-img-wrap {
  margin-top: 0;
  overflow: hidden;
}

.city-sat-img {
  padding-bottom: 40%;
  position: relative;
  overflow: hidden;
}

.building-sat-img {
  z-index: 20;
  position: relative;
  overflow: hidden;
}

.brand-button {
  background-color: var(--neutral08);
  flex-direction: column;
  justify-content: space-between;
  margin-right: 12px;
  padding: 11px 12px 13px;
  display: flex;
}

.brand-button:hover {
  background-color: var(--neutral07);
}

.brand-button.spec-button {
  padding-bottom: 9px;
}

.brand-button.strat-button:hover {
  background-color: var(--neutral08);
}

.launch-icon {
  height: 14px;
  color: var(--neutral05);
  display: inline-block;
}

.launch-icon.spec-launch-icon {
  margin-bottom: 4px;
}

.launch-icon.strat-icon {
  display: none;
}

.div-block-18 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-19 {
  margin-top: 48px;
}

.esg-mob-wrap {
  display: none;
}

.verified-data-text-wrap-mob {
  margin-top: 0;
  margin-bottom: 64px;
  display: block;
}

.capture-as-a-service-img-mob {
  display: none;
}

.ai-desktop-tablet-video {
  position: absolute;
}

.ai-video-wrapper {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0%;
  position: relative;
  overflow: hidden;
}

.ai-mobile-video {
  display: none;
  position: absolute;
  overflow: hidden;
}

.image-12 {
  position: absolute;
}

.image-13 {
  padding-bottom: 40%;
  position: absolute;
  overflow: hidden;
}

.customer-logos-section {
  background-color: var(--neutral08);
  margin-top: 0;
}

.customer-logos-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: ". . . customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
}

.logos-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "cushman jll savills knight-frank"
                 "bnp cbre hines firethorn"
                 "Customer-quote Customer-quote Customer-quote ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 24px;
}

.single-logo-wrap {
  border-top: 1px solid var(--neutral06);
  border-right: 1px solid var(--neutral06);
  border-bottom: 1px solid var(--neutral06);
  justify-content: center;
  align-items: center;
  height: 136px;
  padding: 32px 16px;
  display: flex;
}

.single-logo-wrap.no-top-border {
  border-top-style: none;
  border-top-width: 1px;
}

.single-logo-wrap.no-top-border.no-right-border, .single-logo-wrap.no-right-border {
  border-right-style: none;
}

.cush-logo {
  max-width: 134px;
}

.image-14 {
  max-width: 72px;
}

.image-15 {
  max-width: 93px;
}

.image-16 {
  max-width: 57px;
}

.image-17 {
  max-width: 154px;
}

.image-18 {
  max-width: 100px;
}

.image-19 {
  max-width: 88px;
}

.image-20 {
  max-width: 123px;
}

.customer-quote {
  z-index: 5;
  background-color: var(--neutral08);
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 16px;
  position: relative;
}

.customer-quote-headline {
  color: var(--neutral03);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.customer-quote-credit {
  color: var(--neutral04);
  margin-top: 16px;
}

.customer-logo-grid-img {
  margin-top: 24px;
}

.div-block-20 {
  background-color: var(--neutral07);
  padding-bottom: 16px;
  padding-right: 16px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-21 {
  padding-top: 48px;
}

.div-block-23 {
  margin-top: 160px;
  margin-bottom: 16px;
  overflow: hidden;
}

.platform-grid-desk, .esg-grid-tab {
  display: none;
}

.customer-grid-img-desktop {
  display: block;
}

.customer-logo-grid-tab, .dh-grid-tab, .platform-grid-mob, .image-21 {
  display: none;
}

.div-block-24 {
  width: 100%;
  height: 70vh;
  min-height: 500px;
  overflow: hidden;
}

.div-block-25 {
  overflow: hidden;
}

.image-22 {
  z-index: 50;
  position: relative;
}

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

.hero-height-wrap {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  display: flex;
}

.background-video-2 {
  width: 102%;
  left: -6px;
}

.div-block-26 {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
  overflow: hidden;
}

.darkroom-interview-section {
  margin-top: 240px;
}

.interviews-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "interviews-subtitle interviews-subtitle interviews-subtitle interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content"
                 ". . . interviews-vid-1 interviews-vid-1 interviews-vid-1 interviews-vid-1 interviews-vid-2 interviews-vid-2 interviews-vid-2 interviews-vid-2 ."
                 ". . . interviews-vid-3 interviews-vid-3 interviews-vid-3 interviews-vid-3 interviews-vid-4 interviews-vid-4 interviews-vid-4 interviews-vid-4 ."
                 "interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 32px;
}

.interviews-sub {
  flex-direction: column;
  display: flex;
}

.interviews-grid-img-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                 "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                 "privacy-sub privacy-sub privacy-sub privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                 ". . . privacy-body privacy-body privacy-body privacy-body privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta"
                 "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.interview-headline {
  border-top: 0px none var(--pupil-dark-charcoal);
  margin-bottom: 96px;
  overflow: hidden;
}

.interview-vid-img-wrap {
  color: #e0e0e0;
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/63934802522b6de10e82c946_Divia%20Thumbnail%20desktop.avif");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 56%;
  display: flex;
  position: relative;
}

.interview-vid-img-wrap:hover {
  color: var(--teal);
}

.interview-vid-img-wrap.apurv {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/63934a79be9fa328b7b43c67_Apurv%20thumbnail%20desktop.avif");
}

.interview-vid-img-wrap.juil {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/63934a8df3f37f6ebe07b12d_Juil%20thumbnail%20desktop.avif");
  display: flex;
}

.interview-vid-img-wrap.ashley {
  background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/63934aac69db619bea8ec5d0_Ashley%20thumbnail%20desktop.avif");
}

.interview-play-button {
  position: absolute;
  top: 41%;
}

.interview-name {
  max-width: 40ch;
  color: var(--neutral03);
  margin-top: 8px;
  margin-bottom: 0;
  font-family: Graphik, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

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

.software-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: ". . . Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header"
                 "Vertex-01 Vertex-01 Vertex-01 Vertex-01 Vertex-02 Vertex-02 Vertex-02 Vertex-02 Vertex-03 Vertex-03 Vertex-03 Vertex-03"
                 "Vertex-04 Vertex-04 Vertex-04 Vertex-04 Vertex-05 Vertex-05 Vertex-05 Vertex-05 Vertex-06 Vertex-06 Vertex-06 Vertex-06"
                 ". . . Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header"
                 "Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-02 Dimensions-02 Dimensions-02 Dimensions-02"
                 "Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04"
                 ". . . Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row"
                 "Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-02 Studio-02 Studio-02 Studio-02"
                 ". . . Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row"
                 "Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-02 Trace-02 Trace-02 Trace-02"
                 ". . . Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header"
                 "Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02"
                 ". . . DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header"
                 "DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-02 DBP-02 DBP-02 DBP-02"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: -304px;
}

.software-h2 {
  color: var(--neutral03);
  letter-spacing: -.5px;
  margin-top: 2px;
  margin-bottom: 120px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.software-h2.capture-h2 {
  max-width: 26ch;
}

.software-h2.production-h2 {
  max-width: 31ch;
}

.software-h3 {
  color: var(--pupil-dark-charcoal);
  letter-spacing: -1px;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.software-h3.space-above {
  margin-top: 160px;
}

.softare-h3-subheadline {
  color: var(--neutral04);
}

.software-body {
  max-width: 45ch;
  color: var(--neutral03);
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 23px;
}

.software-body.feature-text {
  margin: 12px 16px 0;
  font-size: 14px;
  line-height: 22px;
}

.software-body.feature-text.vertex-01-text {
  max-width: 25ch;
}

.software-body.feature-text.vertex-06-text {
  max-width: 26ch;
}

.software-body.feature-text.vertex-04-text {
  max-width: 30ch;
}

.software-body.feature-text.vertex-02-text {
  max-width: 28ch;
}

.software-body.feature-text.vertex-05-text {
  max-width: 37ch;
}

.software-body.feature-text._40ch {
  max-width: 40ch;
}

.software-body.feature-text._25ch {
  max-width: 25ch;
}

.software-body.feature-text._30ch {
  max-width: 30ch;
}

.software-body.feature-text._35ch {
  max-width: 35ch;
}

.software-body.dimensions-text {
  max-width: 43ch;
  margin-top: 4px;
}

.software-body.dimensions-text.autodesk-text {
  max-width: 39ch;
}

.software-body.tr-text {
  max-width: 48ch;
  margin-bottom: 32px;
}

.software-body.trace-body {
  max-width: 55ch;
}

.software-body._50ch {
  max-width: 50ch;
}

.software-body._40ch {
  max-width: 40ch;
}

.software-feature-block {
  background-color: var(--neutral08);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.software-feature-block.landscape-block {
  aspect-ratio: auto;
}

.software-feature-block.square-block {
  aspect-ratio: 1;
}

.lg-logo {
  width: 47px;
  margin-top: 16px;
  margin-right: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.software-image-block-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-sticky {
  z-index: 100;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #e3e3e385;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 200px;
  padding: 16px;
  display: flex;
  position: sticky;
  top: 120px;
}

.product-sticky-label-wrap {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sticky-label-dot {
  background-color: var(--neutral06);
  border-radius: 100%;
  width: 16px;
  height: 16px;
}

.sticky-label-text {
  color: var(--neutral03);
  text-transform: uppercase;
  font-family: Mono Max, sans-serif;
  font-size: 14px;
  line-height: 15px;
  position: relative;
  bottom: -2px;
}

.software-header-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "intro-subtitle intro-subtitle intro-subtitle headline headline headline headline headline headline headline headline headline"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.product-overview-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.dimensions-text-grid {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--neutral06);
  grid-template: "RICS-Text RICS-Text RICS-Text RICS-Text RICS-Logo RICS-Logo RICS-Logo"
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 16px;
  padding-top: 12px;
}

.rics-logo {
  width: 70px;
}

.dimensinos-logo-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.autodesk-logo {
  width: 50px;
}

.revit-logo {
  width: 59px;
}

.autocad-logo {
  width: 79px;
  margin-left: -3px;
}

.software-tr-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "intro-subtitle intro-subtitle intro-subtitle headline headline headline headline headline headline headline headline headline"
                 ". . . tr-content tr-content tr-content tr-content tr-content tr-content tr-content tr-content tr-content"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 240px;
}

.tr-flex-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.tr-stat-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tr-stat-box {
  border: 1px solid var(--neutral06);
  border-radius: 4px;
  min-width: 22ch;
  margin-top: 6px;
  margin-bottom: 8px;
  padding: 5px 10px 1px;
  display: inline-flex;
}

.tr-stat-box.sqft {
  min-width: 34ch;
}

.tr-figure {
  color: var(--neutral03);
  letter-spacing: -2.1px;
  font-size: 52px;
  line-height: 58px;
}

.software-cta-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "intro-subtitle intro-subtitle intro-subtitle headline headline headline headline headline headline headline headline headline"
                 ". . . tr-content tr-content tr-content tr-content tr-content . . . ."
                 ". . . software-cta-btn software-cta-btn software-cta-btn software-cta-btn . . . . ."
                 "software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 240px;
}

.play-video-wrap {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.software-video-btn-wrap {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 200px;
  display: flex;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.close {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.overlay {
  z-index: 9999999;
  background-color: #090808ed;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.embed-one {
  width: 80%;
}

.video-play-btn {
  color: var(--neutral06);
  position: relative;
  top: 2px;
}

.section_gallery21 {
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  overflow: hidden;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.text-size-medium {
  font-size: 1.125rem;
}

.gallery21_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
}

.gallery21_mask {
  width: 33%;
  overflow: visible;
}

.gallery21_slide-nav {
  background-color: var(--neutral08);
  border-radius: 32px;
  height: 1.75rem;
  padding-left: 8px;
  padding-right: 8px;
  font-size: .5rem;
  inset: auto auto 0% 0%;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.container-large {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.gallery21_image-wrapper {
  border-radius: 0;
  width: 100%;
  overflow: hidden;
}

.gallery21_slide {
  padding-right: 32px;
}

.gallery21_slider {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 48px;
  position: relative;
}

.gallery21_lightbox-link {
  width: 100%;
}

.slider-arrow {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  width: 32px;
  height: 32px;
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-arrow.is-bottom-next {
  inset: auto 0% 0% auto;
}

.slider-arrow.is-bottom-previous {
  inset: auto 40px 0% auto;
}

.gallery21_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.padding-global {
  padding-left: 32px;
  padding-right: 32px;
}

.slider-arrow-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.software-grid-v1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: ". . . Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header"
                 "Vertex-01 Vertex-01 Vertex-01 Vertex-01 Vertex-02 Vertex-02 Vertex-02 Vertex-02 Vertex-03 Vertex-03 Vertex-03 Vertex-03"
                 "Vertex-04 Vertex-04 Vertex-04 Vertex-04 Vertex-05 Vertex-05 Vertex-05 Vertex-05 Vertex-06 Vertex-06 Vertex-06 Vertex-06"
                 ". . . Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header"
                 "Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-02 Dimensions-02 Dimensions-02 Dimensions-02"
                 "Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04"
                 ". . . Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row"
                 "Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-02 Studio-02 Studio-02 Studio-02"
                 ". . . Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row"
                 "Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-02 Trace-02 Trace-02 Trace-02"
                 ". . . Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header"
                 "Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02"
                 ". . . DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header"
                 "DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-02 DBP-02 DBP-02 DBP-02"
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: -304px;
}

.drc-bg {
  z-index: 100000;
  background-color: #0000008c;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.drc-modal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--pupil-cloudy-day);
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 490px;
  margin: 32px;
  padding: 24px 32px 32px;
  display: flex;
}

.drc-p {
  color: var(--neutral03);
  font-size: 15px;
  line-height: 23px;
}

.drc-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0f2c2b;
  text-transform: uppercase;
  background-color: #17c99e;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px 4px;
  font-family: Mono Max, sans-serif;
  font-size: 13px;
  display: flex;
}

.drc-btn:hover {
  background-color: #00ad82;
}

.drc-logo {
  width: auto;
  height: 32px;
}

.drc-bg-copy {
  z-index: 100000;
  background-color: #0000008c;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  .nav-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero-container-flex {
    background-size: 1049px;
    padding-top: 130px;
  }

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

  .home-main-section.new-products-home-section {
    margin-bottom: 200px;
    padding-top: 0;
  }

  .subtitle.wp-op-sub {
    max-width: 17ch;
  }

  .subtitle.max-ch-18.max-ch-10 {
    max-width: 10ch;
  }

  .subtitle.ai-white-text {
    max-width: 31ch;
  }

  .h1-div-display {
    margin-bottom: 96px;
  }

  .h1-div-display.homeintro, .h1-div-display.homeintro.spec-headline {
    margin-bottom: 0;
  }

  .h1-div-display.homeintro.our-team-h1 {
    margin-bottom: 86px;
  }

  .h1-div-display.esg-headline {
    margin-bottom: 0;
  }

  .main-content-h2 {
    letter-spacing: -1px;
    font-size: 36px;
    line-height: 42px;
  }

  .main-content-h2.pupil-products-intro-h2 {
    max-width: 24ch;
    margin-bottom: 80px;
  }

  .main-content-h2.pupil-platform-headline-h2 {
    max-width: 28ch;
  }

  .arrow-icon-div.right.newsletter {
    margin-right: 6px;
  }

  .team-text {
    margin-top: 0;
  }

  .team-text.stak-description {
    margin-top: 64px;
  }

  .brand-job-type.new-brand {
    margin-bottom: 20px;
  }

  .brand-logo-image.new-home {
    max-width: 80%;
  }

  .go-to-top {
    margin-right: 0;
  }

  .footer-newsletter {
    margin-bottom: 96px;
  }

  .footer-copyright {
    margin-top: 96px;
  }

  .newsletter-btn-text {
    margin-left: 8px;
  }

  .contact-form-section {
    flex-direction: row;
  }

  .talk-to-us-div-container {
    justify-content: flex-start;
  }

  .form-top-split-div {
    justify-content: space-between;
  }

  .first-name-div-container {
    width: 47%;
    margin-right: 0;
  }

  .last-name-div-container {
    width: 47%;
  }

  .your-email-div-container {
    width: 100%;
  }

  ._1440-container {
    flex-direction: row;
  }

  .news-subtitle.margin-bottom-custom {
    margin-bottom: 41px;
  }

  .primary-h1 {
    letter-spacing: -1px;
    font-size: 36px;
    line-height: 42px;
  }

  .news-headline {
    margin-bottom: 32px;
  }

  .press-image-div {
    width: 100%;
  }

  .tech-main-section {
    margin-bottom: 32px;
  }

  .tech-intro-headline {
    margin-bottom: 0;
  }

  .tech-intro-headline.tech-tablet {
    margin-bottom: 160px;
  }

  .tech-intro-headline.tr-intro {
    margin-bottom: 48px;
  }

  .tech-h1 {
    letter-spacing: -.5px;
    max-width: 33ch;
    font-size: 24px;
    line-height: 30px;
  }

  .process-body, .process-body.last {
    margin-bottom: 0;
  }

  .how-it-works-h3 {
    width: auto;
  }

  .tech-img-wrapper {
    margin-bottom: 120px;
  }

  .innovate-main-text {
    letter-spacing: -.5px;
    font-size: 24px;
    line-height: 30px;
  }

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

  .privacy-sub {
    align-items: flex-start;
  }

  .pirvate-text.interview-sub-text {
    max-width: 14ch;
  }

  .privacy-main-text {
    letter-spacing: -.5px;
    max-width: 30ch;
    font-size: 24px;
    line-height: 30px;
  }

  .privacy-headline {
    margin-bottom: 48px;
  }

  .privacy-body, .privacy-cta {
    margin-bottom: 0;
  }

  .built-on---text, .innovate-uk-text {
    font-size: 15px;
    line-height: 23px;
  }

  .legal-subheader {
    margin-bottom: 48px;
  }

  .culture-body {
    margin-top: 0;
    margin-right: 0;
  }

  .culture-img {
    width: 100%;
  }

  .team-qna-section {
    margin-bottom: 232px;
  }

  .tabs-menu {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 32px;
  }

  .tab-link {
    width: 40%;
    margin-bottom: 32px;
    margin-right: 32px;
  }

  .tab-link.w--current {
    width: 40%;
    margin-right: 32px;
  }

  .tab-link.no-bot-marg {
    width: 40%;
    margin-bottom: 0;
    margin-right: 32px;
  }

  .tabs-image-div {
    width: 40%;
  }

  .tabs-content-split {
    width: 55%;
  }

  .leader-headline {
    width: 100%;
    margin-bottom: 64px;
    padding-right: 0;
  }

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

  .advisor-title.bankers {
    max-width: 20ch;
  }

  .values-container {
    justify-content: space-between;
  }

  .values-teal-nav-div {
    height: 230px;
  }

  .values-subtext {
    letter-spacing: -.5px;
    font-size: 24px;
    line-height: 30px;
  }

  .our-values-grid {
    display: block;
  }

  .year-div {
    width: 120px;
    margin-right: 36px;
  }

  .our-story-tab-content-div {
    width: 65%;
  }

  .our-story-tab-h4 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .white-paper-hero {
    margin-bottom: 0;
  }

  .sus-main-section {
    margin-bottom: 160px;
  }

  .sus-header-div {
    margin-bottom: 120px;
  }

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

  .emissions-section {
    margin-bottom: 160px;
  }

  .sus-main-left-split {
    width: 18.7%;
    margin-right: 32px;
  }

  .emissions-header-div {
    width: 100%;
    padding-right: 129px;
  }

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

  .emissions-body {
    padding-right: 0;
  }

  .emissions-h3 {
    letter-spacing: 0;
    font-size: 18px;
    line-height: 28px;
  }

  .emissions-list-div {
    margin-right: 0;
    padding-right: 0;
  }

  .emissions-list-div.no-bot-margin._3, .emissions-list-div._2 {
    padding-right: 0;
  }

  .list-line-div {
    width: 20px;
  }

  .listitem {
    width: 335px;
  }

  .offset-left-split {
    padding-right: 0;
  }

  .offset-right-split {
    width: 77%;
  }

  .offset-header-div {
    width: 100%;
    padding-right: 0;
  }

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

  .offset-text {
    max-width: 28ch;
  }

  .wp-breadcrumb {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .arrow-icon-div-right {
    margin-right: 6px;
  }

  .trusted-assets-section {
    margin-bottom: 160px;
  }

  .white-paper-main-header-div {
    width: 100%;
    margin-bottom: 120px;
    padding-right: 112px;
  }

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

  .opportunity-section {
    margin-bottom: 160px;
  }

  .opportunity-header-div {
    width: 100%;
    padding-right: 0;
  }

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

  .opportunity-h2.wp-op {
    max-width: 28ch;
  }

  .opportunity-left-content {
    margin-top: 0;
  }

  .opportunity-h4 {
    letter-spacing: -1px;
    font-size: 36px;
    line-height: 42px;
  }

  .the-white-paper-left-split {
    padding-right: 0;
  }

  .the-white-paper-header-div {
    width: 100%;
    margin-bottom: 32px;
    padding-right: 0;
  }

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

  .black-line-div {
    display: none;
  }

  .footer-grid {
    grid-template: "Go-to-top Go-to-top Newsletter Newsletter Newsletter Newsletter Newsletter . ."
                   ". . Nav-link-grid-container Nav-link-grid-container Nav-link-grid-container Nav-link-grid-container Nav-link-grid-container Nav-link-grid-container Nav-link-grid-container"
                   "Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright"
                   "Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 100%;
  }

  .footer-grid-desktop {
    display: none;
  }

  .footer-grid-tablet {
    min-width: 100%;
    display: block;
  }

  ._3-9-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "Subtitle Subtitle Headline Headline Headline Headline Headline Headline Headline"
                         "Subtitle Subtitle Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA"
                         "Subtitle Subtitle Image Image Image Image Image Image Image";
    margin-bottom: 160px;
  }

  .secondary-cta-wrapper {
    margin-top: 32px;
  }

  ._3-4-5-grid {
    grid-row-gap: 32px;
    grid-template: "Subtitle Subtitle Headline Headline Headline Headline Headline Headline Headline"
                   "Subtitle Subtitle Spec-text Spec-text Spec-text Spec-text Spec-text . ."
                   "Subtitle Subtitle Spec-image Spec-image Spec-image Spec-image Spec-image Spec-image Spec-image"
                   ". . Stak-text Stak-text Stak-text Stak-text Stak-text . ."
                   ". . Stak-image Stak-image Stak-image Stak-image Stak-image Stak-image Stak-image"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 160px;
  }

  .ds-image.desktop {
    display: none;
  }

  .ds-image-tablet {
    display: block;
  }

  .spec-image-wrapper {
    margin-bottom: 96px;
  }

  .stak-ds-image-wrapper {
    height: 300px;
    max-height: 300px;
  }

  .team-image-wrapper {
    margin-bottom: 96px;
  }

  ._3-4-5-team-grid {
    grid-row-gap: 32px;
    grid-template: "Subtitle Subtitle Headline Headline Headline Headline Headline Headline Headline"
                   "Subtitle Subtitle team-text team-text team-text team-text team-text . ."
                   "Subtitle Subtitle team-image team-image team-image team-image team-image team-image team-image"
                   ". . . . . . . . ."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 32px;
  }

  .team-image-tablet {
    display: block;
  }

  .contact-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "subtitle subtitle headline headline headline headline headline headline headline"
                         "subtitle subtitle form form form form form form form"
                         ". . office-tablet-area office-tablet-area office-tablet-area office-tablet-area office-tablet-area office-tablet-area office-tablet-area"
                         ". . Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid";
    justify-items: stretch;
  }

  .news-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "news-subtitle news-subtitle News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                         ". . news-body news-body news-body news-body news-body news-body news-body";
  }

  .work-with-us-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "workwithus-subtitle workwithus-subtitle workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body"
                         "workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid";
  }

  .tech-process-grid {
    grid-template: "intro-subtitle intro-subtitle headline headline headline headline headline headline headline"
                   "process-subtitle process-subtitle step-1-body step-1-body step-1-body step-1-body step-1-body . ."
                   ". . step-1-img step-1-img step-1-img step-1-img step-1-img . ."
                   ". . step-2-body step-2-body step-2-body step-2-body step-2-body . ."
                   ". . step-2-img step-2-img step-2-img step-2-img step-2-img . ."
                   ". . step3-body step3-body step3-body step3-body step3-body . ."
                   ". . step3-img step3-img step3-img step3-img step3-img . ."
                   ". . grid grid grid grid grid grid grid"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .step2-img {
    left: 0;
  }

  .tech-intro-grid.margins-adjusted {
    margin-top: -225px;
  }

  .innovate-grid {
    grid-template: "inno-sub inno-sub inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline"
                   ". . inno-body inno-body inno-body inno-body inno-body . ."
                   ". . inno-logo inno-logo inno-logo inno-logo inno-logo . ."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .privacy-grid {
    grid-template: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                   "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                   "privacy-sub privacy-sub privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                   ". . privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body"
                   ". . privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    margin-top: 0;
  }

  .privacy-grid.last {
    margin-top: 0;
  }

  .privacy-grid.last._404-grid {
    margin-bottom: 0;
  }

  .tablet-grid {
    display: block;
  }

  .desktop-grid {
    display: none;
  }

  .footer-nav-link-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
  }

  .culture-hero-grid {
    grid-template: "sub sub headline headline headline headline headline headline headline"
                   ". . body body body body body body ."
                   ". . img img img img img img img"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .team-qa-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "sub sub content content content content content content content";
  }

  .leadership-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "sub sub headline headline headline headline headline headline headline"
                         ". . founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area"
                         ". . grid grid grid grid grid grid grid"
                         ". . adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline"
                         ". . adv-list adv-list adv-list adv-list adv-list adv-list adv-list"
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
  }

  .story-grid {
    grid-template: "sub sub . . . . . . ."
                   "story story story story story story story story story"
                   "illustration illustration illustration illustration illustration illustration illustration illustration illustration"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .tabs-content {
    min-height: 196px;
  }

  .values-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "sub sub titles titles titles content content content content";
  }

  .sus-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline";
  }

  .sus-caption-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: ". . credit credit credit credit credit credit credit";
  }

  .sus-intro-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "sub sub main main main main main main main";
  }

  .emissions-grid {
    grid-row-gap: 32px;
    grid-template: "sub sub headline headline headline headline headline headline headline"
                   ". . virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body . ."
                   ". . virtual-viewing-img virtual-viewing-img virtual-viewing-img virtual-viewing-img . . ."
                   ". . retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body . ."
                   ". . retrofitting-img retrofitting-img retrofitting-img retrofitting-img . . ."
                   ". . energy-body energy-body energy-body energy-body energy-body . ."
                   ". . energy-img energy-img energy-img energy-img . . ."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .emission-img {
    margin-bottom: 96px;
  }

  .emission-img.last {
    margin-bottom: 0;
  }

  .ecologie-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid"
                         "eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img"
                         "sub sub headline headline headline headline headline headline headline"
                         ". . body body body body body . ."
                         ". . end-grid end-grid end-grid end-grid end-grid end-grid end-grid";
  }

  .wp-grid {
    grid-row-gap: 16px;
    grid-template: "breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb"
                   "sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .trusted-assets-grid {
    grid-template: "ta-sub ta-sub ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline"
                   ". . ta-body ta-body ta-body ta-body ta-body . ."
                   ". . ta-img ta-img ta-img ta-img ta-img . ."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .wp-op-grid {
    grid-template: "wp-op-sub wp-op-sub wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline"
                   ". . wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body"
                   ". . wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .wp-cta-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "wp-cta-sub wp-cta-sub wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline"
                         ". . wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img"
                         ". . wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img"
                         ". . wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn . ."
                         "wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid . .";
  }

  .wp-hero-cap-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "credit credit credit credit credit credit credit credit credit";
  }

  .legal-body.list--p2 {
    margin-bottom: 24px;
    margin-left: 18px;
  }

  .innovate-header {
    margin-bottom: 48px;
  }

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

  .legal--rich-text {
    color: var(--neutral03);
    font-size: 18px;
    line-height: 28px;
  }

  ._404-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "news-subtitle news-subtitle News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                         ". . news-body news-body news-body news-body news-body news-body news-body"
                         "Footer-grid-4040 Footer-grid-4040 Footer-grid-4040 Footer-grid-4040 Footer-grid-4040 Footer-grid-4040 Footer-grid-4040 Footer-grid-4040 Footer-grid-4040";
  }

  ._404-headline {
    margin-bottom: 64px;
  }

  ._404-body {
    margin-bottom: 0;
  }

  .header-rule.software-h2-rule.secondary-production-section {
    margin-top: 200px;
  }

  .stak-video {
    max-height: 300px;
    padding-top: 0%;
    padding-left: 0;
  }

  .vimeo-wrapper {
    width: 80%;
    padding-bottom: 46%;
  }

  .background-video_stak {
    width: 100%;
    height: 100%;
  }

  .scroll-text {
    color: var(--neutral06);
  }

  .contact-grid-thanks {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "subtitle subtitle headline headline headline headline headline headline headline"
                         "subtitle subtitle form form form form form form form"
                         ". . Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid";
    justify-items: stretch;
  }

  .background-video_spec {
    width: 100%;
    height: 100%;
  }

  .spec-bg-video-wrapper {
    height: 300px;
    max-height: 300px;
  }

  .careers-section {
    flex-direction: row;
  }

  .careers-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "subtitle subtitle headline headline headline headline headline headline headline"
                         "subtitle subtitle content content content content content content ."
                         ". . workimage workimage workimage workimage workimage workimage workimage"
                         ". . workimage workimage workimage workimage workimage workimage workimage";
    justify-items: stretch;
    margin-bottom: 32px;
  }

  .work-with-us-text {
    margin-bottom: 0;
  }

  .workwithus-paragraph {
    margin-bottom: 24px;
  }

  .news-richtext figure {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .news-richtext img {
    min-width: 100%;
    display: block;
  }

  .news-child-grid {
    grid-template: "news-subtitle news-subtitle . . . . . . ."
                   "News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                   "news-body news-body news-body news-body news-body news-body news-body news-body news-body"
                   "news-cta news-cta news-cta news-cta news-cta news-cta news-cta news-cta news-cta"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .news-new-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .news-heading {
    letter-spacing: -.5px;
    font-size: 24px;
    line-height: 30px;
  }

  .under-heading-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .under-heading-wrapper.margin-bottom-small.news-meta-data-thumbs {
    margin-bottom: 8px;
  }

  .news-thumbnail {
    height: 303px;
  }

  .category-news {
    grid-column-gap: 32px;
    grid-template-columns: 2fr .25fr;
  }

  .category-press {
    grid-template-columns: 3fr .5fr;
  }

  .category-subtitles.max-ch-18.margin {
    margin-left: 14px;
  }

  .office-area {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .scroll-arrow {
    color: var(--neutral06);
  }

  .new-home-hero-section-h1 {
    letter-spacing: -1px;
    font-size: 36px;
    line-height: 42px;
  }

  .new-home-digital-twin-section {
    margin-top: 200px;
    margin-bottom: 200px;
  }

  .down-scroll-wrapper.mobile-hero-arrow {
    display: none;
  }

  .platform-section {
    margin-top: 200px;
  }

  .platform-grid {
    grid-template: "Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle"
                   "Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text"
                   "capture-text capture-text capture-text capture-text capture-img capture-img capture-img capture-img capture-img"
                   "library-text library-text library-text library-text library-img library-img library-img library-img library-img"
                   "tech-text tech-text tech-text tech-text tech-img tech-img tech-img tech-img tech-img"
                   "ai-text ai-text ai-text ai-text ai-img ai-img ai-img ai-img ai-img"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .platform-paragaph-text {
    max-width: 19ch;
    margin-top: 0;
  }

  .platform-list-h3.data-lib-h3 {
    max-width: 20ch;
  }

  .platform-list-group._2nd-list-item {
    height: auto;
    margin-top: 0;
  }

  .platform-list-group._2nd-list-item.last-item-platform {
    padding-bottom: 0;
  }

  .esg-grid {
    grid-template: "esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle"
                   "esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph"
                   "threat-text threat-text threat-text threat-text threat-text threat-text threat-text threat-text threat-text"
                   ". . . . . . . . ."
                   "_70-percent _70-percent _70-percent _70-percent _70-percent _40-percent _40-percent _40-percent _40-percent"
                   "cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 0;
  }

  .esg-headline-and-graph-wrap {
    margin-bottom: 96px;
  }

  .digital-twin-tech-section {
    margin-top: 0;
  }

  .new-dt-cta-grid {
    grid-template: "dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle"
                   "dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text"
                   "dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .dt-ai-headline {
    letter-spacing: -1px;
    max-width: 18ch;
    font-size: 36px;
    line-height: 42px;
  }

  .new-wp-content {
    margin-bottom: 160px;
  }

  .discover-new-wp-headline {
    max-width: 23ch;
  }

  .new-wp-link-wrap {
    width: 75%;
  }

  .logo-area {
    margin-bottom: 48px;
  }

  .new-products-grid-home {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template: "Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle"
                   "Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                   "logo-area logo-area logo-area logo-area logo-area logo-area logo-area logo-area logo-area"
                   "dt-title dt-title dt-title dt-title dt-title dt-title dt-title dt-title dt-title"
                   "Area-2 Area-2 Area-2 Area-3 Area-3 Area-3 Area-4 Area-4 Area-4"
                   "revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 0;
  }

  .digital-twin-bg-grid {
    display: none;
  }

  .esg-h3s.esg-stats {
    max-width: 18ch;
  }

  .esg-h3s.esg-stats._40-stat {
    max-width: 15ch;
  }

  .esg-h3s.drive-text {
    max-width: 16ch;
    margin-bottom: 12px;
  }

  .esg-h3s.transform-text, .esg-h3s.trust-text {
    max-width: 18ch;
    margin-bottom: 12px;
  }

  .esg-pictograms.dt-pictogram {
    margin-top: 16px;
  }

  .esg-pictograms.dt-pictogram.trust-pictogram {
    left: -4px;
    right: auto;
  }

  .div-block-16 {
    margin-bottom: 12px;
  }

  .dt-wrap-flex {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .product-stat, .product-stat.drive-wrap {
    margin-bottom: 0;
  }

  .platform-h3.threat-headline {
    max-width: 25ch;
  }

  .platform-paragraph.dat-blirary-paragra {
    max-width: 31ch;
  }

  .library-img-wrap {
    margin-bottom: 64px;
  }

  .div-block-19 {
    margin-top: 48px;
  }

  .ai-desktop-tablet-video {
    width: 112%;
    inset: 0% 0% auto -8%;
  }

  .ai-video-wrapper {
    padding-bottom: 0%;
  }

  .ai-mobile-video {
    width: 149%;
    inset: 0% 0% auto -16%;
  }

  .customer-logos-grid {
    grid-template-areas: "customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content";
  }

  .image-20 {
    max-width: 108px;
  }

  .div-block-22 {
    margin-bottom: 64px;
  }

  .div-block-23 {
    margin-top: 120px;
    margin-bottom: 64px;
  }

  .platform-grid-desk, .esg-grid-desk {
    display: none;
  }

  .esg-grid-tab {
    display: block;
  }

  .customer-grid-img-desktop {
    display: none;
  }

  .customer-logo-grid-tab {
    display: block;
  }

  .dh-grid-tab {
    margin-top: 64px;
    display: block;
  }

  .div-block-24 {
    height: 70vh;
  }

  .background-video-2 {
    width: 102%;
  }

  .darkroom-interview-section {
    margin-top: 200px;
  }

  .interviews-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "interviews-subtitle interviews-subtitle interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content"
                         ". . interviews-vid-1 interviews-vid-1 interviews-vid-1 interviews-vid-2 interviews-vid-2 interviews-vid-2 ."
                         ". . interviews-vid-3 interviews-vid-3 interviews-vid-3 interviews-vid-4 interviews-vid-4 interviews-vid-4 ."
                         "interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img";
  }

  .interviews-sub {
    align-items: flex-start;
  }

  .interviews-grid-img-wrap {
    grid-template: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                   "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                   "privacy-sub privacy-sub privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                   ". . privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body ."
                   ". . privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta ."
                   "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 96px;
  }

  .interviews-grid-img-wrap.last {
    margin-top: 0;
  }

  .interview-headline {
    margin-bottom: 48px;
  }

  .interview-name {
    width: 409px;
    margin-bottom: 0;
    margin-right: 163px;
  }

  .software-grid {
    grid-template: "Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header . ."
                   "Vertex-01 Vertex-01 Vertex-01 Vertex-01 Vertex-02 Vertex-02 Vertex-02 Vertex-02"
                   "Vertex-03 Vertex-03 Vertex-03 Vertex-03 Vertex-04 Vertex-04 Vertex-04 Vertex-04"
                   "Vertex-05 Vertex-05 Vertex-05 Vertex-05 Vertex-06 Vertex-06 Vertex-06 Vertex-06"
                   "Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header . ."
                   "Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-02 Dimensions-02 Dimensions-02"
                   "Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04"
                   "Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row . ."
                   "Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-02 Studio-02 Studio-02"
                   "Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row . ."
                   "Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-02 Trace-02 Trace-02"
                   "Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header . ."
                   "Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02"
                   "DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header . ."
                   "DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-02 DBP-02 DBP-02"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .software-h3 {
    letter-spacing: -.5px;
    font-size: 24px;
    line-height: 30px;
  }

  .software-body.dimensions-text.autodesk-text {
    max-width: 35ch;
  }

  .software-body.trace-body {
    max-width: 44ch;
  }

  .software-body._50ch {
    max-width: 40ch;
  }

  .product-sticky {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: 0;
  }

  .software-header-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template: "intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle"
                   "headline headline headline headline headline headline headline headline"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .dimensions-text-grid {
    grid-column-gap: 16px;
    grid-template-areas: "RICS-Text RICS-Text RICS-Text RICS-Text RICS-Text RICS-Logo RICS-Logo";
    width: 100%;
  }

  .dimensinos-logo-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .autocad-logo {
    width: 74px;
  }

  .software-tr-grid {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    grid-template: "intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle"
                   "headline headline headline headline headline headline headline headline"
                   "tr-content tr-content tr-content tr-content tr-content tr-content tr-content tr-content"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 200px;
  }

  .tr-stat-box {
    min-width: 16ch;
  }

  .tr-stat-box.sqft {
    min-width: 24ch;
  }

  .tr-figure {
    letter-spacing: -1px;
    font-size: 36px;
    line-height: 42px;
  }

  .software-cta-grid {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    grid-template: "intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle"
                   "headline headline headline headline headline headline headline headline"
                   "tr-content tr-content tr-content tr-content tr-content . . ."
                   "software-cta-btn software-cta-btn software-cta-btn software-cta-btn software-cta-btn . . ."
                   "software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 200px;
  }

  .software-video-btn-wrap {
    margin-bottom: 160px;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .software-grid-v1 {
    grid-template: "Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header . ."
                   "Vertex-01 Vertex-01 Vertex-01 Vertex-01 Vertex-02 Vertex-02 Vertex-02 Vertex-02"
                   "Vertex-03 Vertex-03 Vertex-03 Vertex-03 Vertex-04 Vertex-04 Vertex-04 Vertex-04"
                   "Vertex-05 Vertex-05 Vertex-05 Vertex-05 Vertex-06 Vertex-06 Vertex-06 Vertex-06"
                   "Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header . ."
                   "Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-02 Dimensions-02 Dimensions-02"
                   "Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04"
                   "Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row . ."
                   "Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-02 Studio-02 Studio-02"
                   "Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row . ."
                   "Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-02 Trace-02 Trace-02"
                   "Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header . ."
                   "Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02"
                   "DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header . ."
                   "DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-02 DBP-02 DBP-02"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  ul {
    margin-bottom: 8px;
  }

  li {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 23px;
  }

  blockquote {
    font-size: 15px;
    line-height: 23px;
  }

  .nav-container {
    justify-content: space-between;
    align-items: center;
    padding: 15px 16px 13px;
  }

  .pupil-brand-block {
    justify-content: flex-start;
    width: 54.35px;
    height: 22px;
    padding-left: 0;
    display: flex;
  }

  .pupil-brand-block.w--current {
    width: 54.35px;
    height: 22px;
    padding-left: 0;
  }

  .pupil-co-logo.desktop {
    display: none;
  }

  .pupil-co-logo.mobile {
    width: 120%;
    max-width: 120%;
    height: 120%;
    display: block;
  }

  .nav-link {
    flex: none;
    align-items: flex-start;
    width: 90px;
    margin-left: 0;
    padding-top: 16px;
  }

  .nav-link.top-line {
    border-top: 1px none var(--pupil-dark-charcoal);
    flex: none;
    align-items: flex-start;
    width: 79px;
    display: flex;
  }

  .nav-link.bot-margin {
    width: 55px;
    margin-bottom: 13px;
    padding-bottom: 0;
  }

  .nav-link._3 {
    width: 51px;
  }

  .nav-menu {
    border-bottom: 1px solid var(--neutral07);
    background-color: var(--body-bg);
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-container-flex {
    background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/607dad583a4fa8482286f42d_mobile-hero%402x-8.png");
    background-position: 53%;
    background-size: 850px;
    padding-top: 65px;
    padding-bottom: 0;
    top: -51px;
  }

  .home-main-section.new-products-home-section {
    margin-bottom: 120px;
  }

  .subtitle {
    max-width: 41ch;
  }

  .subtitle.wp-op-sub {
    max-width: 120ch;
  }

  .subtitle.sub-emissions {
    max-width: 50ch;
  }

  .subtitle.sub-offsetting {
    max-width: 36ch;
  }

  .subtitle.text-color-neutral04 {
    margin-top: 12px;
  }

  .subtitle.max-ch-18.max-ch-10.sub-news {
    max-width: 22ch;
  }

  .h1-div-display {
    margin-bottom: 64px;
    padding-top: 6px;
  }

  .h1-div-display.homeintro.spec-headline, .h1-div-display.homeintro.our-team-h1 {
    margin-bottom: 64px;
  }

  .main-content-h2 {
    letter-spacing: -.5px;
    max-width: 27ch;
    font-size: 24px;
    line-height: 30px;
  }

  .main-content-h2.pupil-products-intro-h2 {
    max-width: 27ch;
    margin-bottom: 0;
  }

  .brand-job-type.new-brand {
    max-width: 14ch;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 14px;
  }

  .brand-logo-image.new-home {
    width: 70%;
  }

  .brand-logo-image.new-home.stak-strat {
    max-width: 68px;
  }

  .brand-logo-image.new-home.stak-strat.strat {
    max-width: 62px;
  }

  .brands-paragraph {
    max-width: 39ch;
  }

  .go-to-top {
    margin-bottom: 64px;
    margin-right: 0;
  }

  .footer-newsletter {
    margin-bottom: 96px;
  }

  .copyright-text {
    margin-bottom: 0;
  }

  .contact-form-section {
    margin-top: 16px;
  }

  .contact-headline, .talk-to-us-div-container, .form-container {
    width: 100%;
  }

  .first-name-div-container, .last-name-div-container {
    width: 48.5%;
  }

  .error-div {
    display: none;
  }

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

  ._1440-container.sus {
    top: 16px;
  }

  ._1440-container.home-hero-container {
    padding-bottom: 16px;
  }

  .news-section {
    margin-top: 16px;
  }

  .news-subtitle.margin-bottom-custom {
    margin-bottom: 30px;
  }

  .primary-h1 {
    letter-spacing: -.5px;
    max-width: 30ch;
    font-size: 24px;
    line-height: 30px;
  }

  .primary-h1.h1-404 {
    max-width: 23ch;
  }

  .primary-h1.margin-bottom-small.news-headline {
    margin-bottom: 0;
  }

  .news-headline {
    margin-bottom: 64px;
  }

  .news-headline.h1-legal {
    margin-bottom: 32px;
  }

  .news-headline.article-page, .press-release-date {
    margin-bottom: 0;
  }

  .press-image-div {
    margin-bottom: 64px;
  }

  .legal-text-block.first {
    margin-top: 48px;
  }

  .legal-text-block.legal-text-block-last {
    margin-bottom: 0;
  }

  .rte p {
    font-size: 15px;
    line-height: 23px;
  }

  .workwithus-subtitle {
    width: 21%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .tech-main-section {
    margin-top: 16px;
    margin-bottom: 120px;
  }

  .tech-intro-subtitle {
    width: auto;
    margin-bottom: 0;
  }

  .tech-intro-headline {
    width: 100%;
    margin-bottom: 0;
  }

  .tech-intro-headline.tech-tablet {
    margin-bottom: 0;
  }

  .tech-intro-headline.software-intro {
    margin-bottom: 16px;
  }

  .tech-h1 {
    letter-spacing: -.5px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .process-subtitle {
    width: auto;
    margin-top: 120px;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .process-body {
    width: 100%;
    margin-bottom: 12px;
  }

  .process-body.last {
    margin-bottom: 12px;
  }

  .how-it-works-h3.step2-headline, .how-it-works-h3.step3-headline {
    max-width: 23ch;
  }

  .tech-img-wrapper {
    width: 44.96%;
    margin-bottom: 64px;
  }

  .tech-img-wrapper._2 {
    width: 37.97%;
  }

  .innovate-section {
    margin-bottom: 120px;
  }

  .inno-sub {
    width: auto;
    height: auto;
  }

  .privacy-section {
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .privacy-sub {
    width: auto;
    height: auto;
  }

  .pirvate-text.interview-sub-text {
    max-width: 25ch;
  }

  .privacy-headline {
    margin-bottom: 64px;
  }

  .privacy-body {
    width: auto;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .privacy-cta {
    margin-bottom: 32px;
  }

  .legal-subheader {
    margin-top: 64px;
  }

  .menu-button {
    flex-direction: row;
    flex: none;
    justify-content: space-between;
    align-items: flex-end;
    width: 50px;
    padding: 0;
    display: block;
    position: relative;
  }

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

  .nav-btn-text {
    color: var(--pupil-dark-charcoal);
    text-align: center;
    text-transform: uppercase;
    flex: none;
    padding-left: 0;
    font-family: Mono Max, sans-serif;
    font-size: 13px;
    line-height: 18px;
    display: flex;
  }

  .down-arrow {
    flex: none;
  }

  .down-arrow-div {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 10.03px;
    margin-top: -2px;
    display: flex;
    position: absolute;
    inset: 3px 0 0 auto;
  }

  .uparrow-div {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 14px;
    margin-top: -2px;
    display: none;
    position: absolute;
    inset: 3px 0 0 auto;
  }

  .up-arrow {
    flex: none;
  }

  .culture-hero-section {
    margin-top: 16px;
    margin-bottom: 160px;
  }

  .culture-sub {
    width: auto;
    margin-bottom: 0;
  }

  .culture-body {
    width: 100%;
    margin-bottom: 16px;
    padding-right: 0;
  }

  .team-qna-section {
    margin-bottom: 192px;
  }

  .team-qa-sub {
    width: auto;
    margin-bottom: 0;
  }

  .tabs-pane-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .tabs-image-div {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .tabs-content-split {
    width: 100%;
  }

  .team-and-leadership-section {
    margin-bottom: 16px;
  }

  .leader-headline {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }

  .t-l-h2 {
    letter-spacing: -.5px;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 30px;
  }

  .founder {
    margin-bottom: 32px;
  }

  .values-section {
    margin-bottom: 160px;
  }

  .values-container {
    flex-direction: column;
  }

  .values-left-sticky-div {
    z-index: 1;
    background-color: var(--pupil-dark-charcoal);
    flex-direction: column;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    top: 66px;
  }

  .values-teal-nav-div {
    width: auto;
    height: auto;
    margin-bottom: 32px;
    position: static;
  }

  .value-text {
    letter-spacing: 0;
    margin-right: 16px;
    font-size: 18px;
    line-height: 24px;
  }

  .values-subtext {
    opacity: 1;
  }

  .our-values-grid {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .our-story-section {
    margin-bottom: 16px;
  }

  .story-sub {
    margin-bottom: 0;
  }

  .our-story-tabs-menu {
    margin-bottom: 32px;
  }

  .tab-link-text-story.desktop {
    display: none;
  }

  .tab-link-text-story.mobile {
    display: block;
  }

  .white-paper-hero {
    margin-bottom: 0;
  }

  .image-caption-div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .sus-main-container {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .sus-main-right-split {
    width: 100%;
  }

  .sus-header-div {
    width: 100%;
    margin-bottom: 64px;
    padding-right: 0;
  }

  .sus-h2 {
    letter-spacing: -.5px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .discover-research-text {
    max-width: 100%;
    font-size: 15px;
    line-height: 23px;
  }

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

  .sus-main-left-split {
    width: auto;
    margin-bottom: 0;
  }

  .emissions-left-split {
    margin-bottom: 0;
  }

  .emissions-header-div {
    width: 100%;
    margin-bottom: 64px;
    padding-right: 0;
  }

  .emissions-h2 {
    letter-spacing: -.5px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .emissions-body {
    max-width: 50ch;
  }

  .emissions-list-title {
    margin-bottom: 0;
  }

  .listitem {
    width: auto;
  }

  .offset-container {
    flex-direction: column;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .offset-left-split {
    width: auto;
    margin-bottom: 0;
  }

  .offset-right-split {
    width: 100%;
  }

  .offset-header-div {
    width: 100%;
    margin-bottom: 64px;
    padding-right: 0;
  }

  .offset-h2 {
    letter-spacing: -.5px;
    max-width: 37ch;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .wp-breadcrumb {
    width: 51%;
    margin-bottom: 0;
  }

  .white-paper-main-left-split {
    width: auto;
    margin-bottom: 0;
  }

  .white-paper-main-header-div {
    width: 100%;
    margin-bottom: 96px;
    padding-right: 0;
  }

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

  .opportunity-section {
    margin-bottom: 126.68px;
  }

  .opportunity-left-split {
    margin-bottom: 0;
  }

  .opportunity-header-div {
    width: 100%;
    margin-bottom: 64px;
    padding-right: 0;
  }

  .opportunity-h2 {
    letter-spacing: -.5px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .opportunity-left-content {
    width: 76%;
  }

  .the-white-paper-section {
    margin-bottom: 16px;
  }

  .the-white-paper-left-split {
    width: auto;
    margin-bottom: 0;
  }

  .the-white-paper-header-div {
    width: 100%;
    margin-bottom: 16px;
    padding-right: 0;
  }

  .the-white-paper-h2 {
    letter-spacing: -.5px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .the-white-paper-h2.wp-cta-h2 {
    margin-bottom: 0;
  }

  .black-line-div {
    background-color: var(--pupil-dark-charcoal);
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    display: block;
  }

  .values-subtext-div {
    margin-bottom: 225px;
  }

  .values-subtext-div.pioneering {
    margin-bottom: 0;
  }

  .footer-container {
    padding: 16px;
  }

  .footer-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Go-to-top Go-to-top Go-to-top Go-to-top Go-to-top Go-to-top Go-to-top Go-to-top Go-to-top"
                   "Newsletter Newsletter Newsletter Newsletter Newsletter Newsletter Newsletter Newsletter Newsletter"
                   "navs-container navs-container navs-container navs-container navs-container navs-container navs-container navs-container navs-container"
                   "Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright Copyright"
                   "Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid Footer-grid"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  ._3-9-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle"
                         "Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                         "Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA Secondary-CTA"
                         "Image Image Image Image Image Image Image Image Image";
  }

  .secondary-cta-wrapper {
    margin-top: 64px;
  }

  .ai-illustration {
    margin-top: 16px;
  }

  ._3-4-5-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "Subtitle Subtitle . . . . . . ."
                         "Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                         "Spec-text Spec-text Spec-text Spec-text Spec-text Spec-text Spec-text . ."
                         "Spec-image Spec-image Spec-image Spec-image Spec-image Spec-image Spec-image Spec-image Spec-image"
                         "Stak-text Stak-text Stak-text Stak-text Stak-text Stak-text Stak-text . ."
                         "Stak-image Stak-image Stak-image Stak-image Stak-image Stak-image Stak-image Stak-image Stak-image";
  }

  .spec-image-wrapper, .stak-ds-image-wrapper, .team-image-wrapper {
    margin-top: 16px;
  }

  ._3-4-5-team-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle"
                         "Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                         "team-text team-text team-text team-text team-text team-text team-text . ."
                         "team-image team-image team-image team-image team-image team-image team-image team-image team-image";
    margin-bottom: 16px;
  }

  .teams-paragraph {
    max-width: 39ch;
  }

  .temporary-banner {
    inset: auto 16px 16px auto;
  }

  .contact-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle"
                         "headline headline headline headline headline headline headline headline headline"
                         "form form form form form form form form form"
                         "office-area-mob office-area-mob office-area-mob office-area-mob office-area-mob office-area-mob office-area-mob office-area-mob office-area-mob"
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
    padding-bottom: 16px;
  }

  .news-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle"
                         "News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                         "news-body news-body news-body news-body news-body news-body news-body news-body news-body";
  }

  .news-card {
    margin-top: 0;
  }

  .work-with-us-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "workwithus-subtitle workwithus-subtitle workwithus-subtitle workwithus-subtitle workwithus-subtitle workwithus-subtitle workwithus-subtitle workwithus-subtitle workwithus-subtitle"
                         "workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body workwithus-body"
                         "workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid workwithus-grid";
    margin-bottom: 16px;
  }

  .tech-process-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle"
                         "headline headline headline headline headline headline headline headline headline"
                         "process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle"
                         "step-1-body step-1-body step-1-body step-1-body step-1-body step-1-body step-1-body . ."
                         "step-1-img step-1-img step-1-img step-1-img step-1-img . . . ."
                         "step-2-body step-2-body step-2-body step-2-body step-2-body step-2-body step-2-body . ."
                         "step-2-img step-2-img step-2-img step-2-img step-2-img . . . ."
                         "step3-body step3-body step3-body step3-body step3-body step3-body step3-body . ."
                         "step3-img step3-img step3-img step3-img step3-img . . . ."
                         "grid grid grid grid grid grid grid grid grid";
    margin-bottom: 0;
  }

  .innovate-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub"
                         "inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline"
                         "inno-body inno-body inno-body inno-body inno-body inno-body inno-body . ."
                         "inno-logo inno-logo inno-logo inno-logo inno-logo . . . .";
  }

  .privacy-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                         "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                         "privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub"
                         "privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                         "privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body . ."
                         "privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta . .";
    margin-top: 0;
  }

  .privacy-grid.last._404-grid {
    margin-bottom: 0;
  }

  .privacy-grid.last.bottom-margin-custom {
    margin-bottom: 16px;
  }

  .tablet-grid {
    display: block;
  }

  .tablet-grid.displaynone, .mobile-grid {
    display: none;
  }

  .footer-nav-link-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .culture-hero-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "headline headline headline headline headline headline headline headline headline"
                         "body body body body body body body . ."
                         "img img img img img img img . .";
  }

  .team-qa-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "content content content content content content content . .";
  }

  .leadership-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "headline headline headline headline headline headline headline headline headline"
                         "founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area . ."
                         "adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline . ."
                         "adv-list adv-list adv-list adv-list adv-list adv-list adv-list . ."
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
  }

  .story-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "story story story story story story story story story"
                         "illustration illustration illustration illustration illustration illustration illustration illustration illustration";
  }

  .adv-list-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .foudners-grid-2col {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "james ollie"
    / 1fr 1fr;
  }

  .values-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "titles titles titles content content content content content content";
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .pio-values {
    margin-bottom: 50vh;
  }

  .sus-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline";
  }

  .sus-caption-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "credit credit credit credit credit credit credit credit credit";
  }

  .sus-intro-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub sub sub sub"
                         "main main main main main main main main main main main main";
  }

  .emissions-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "headline headline headline headline headline headline headline headline headline"
                         "virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body"
                         "virtual-viewing-img virtual-viewing-img virtual-viewing-img virtual-viewing-img . . . . ."
                         "retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body"
                         "retrofitting-img retrofitting-img retrofitting-img retrofitting-img . . . . ."
                         "energy-body energy-body energy-body energy-body energy-body energy-body energy-body energy-body energy-body"
                         "energy-img energy-img energy-img energy-img . . . . .";
  }

  .emission-img {
    padding-top: 8px;
  }

  .ecologie-section {
    margin-bottom: 0;
  }

  .ecologie-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid top-grid"
                         "eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img eco-img"
                         "sub sub sub sub sub sub sub sub sub"
                         "headline headline headline headline headline headline headline headline headline"
                         "body body body body body body body body body"
                         "end-grid end-grid end-grid end-grid end-grid end-grid end-grid end-grid end-grid";
  }

  .wp-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-areas: "breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb"
                         "sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline sus-headline";
  }

  .trusted-assets-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub"
                         "ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline"
                         "ta-body ta-body ta-body ta-body ta-body ta-body ta-body . ."
                         "ta-img ta-img ta-img ta-img ta-img . . . .";
  }

  .wp-op-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "wp-op-sub wp-op-sub wp-op-sub wp-op-sub wp-op-sub wp-op-sub wp-op-sub wp-op-sub wp-op-sub"
                         "wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline wop-op-headline"
                         "wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body wp-op-body"
                         "wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img wp-op-img";
  }

  .wp-cta-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "wp-cta-sub wp-cta-sub wp-cta-sub wp-cta-sub wp-cta-sub wp-cta-sub wp-cta-sub wp-cta-sub wp-cta-sub"
                         "wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline wp-cta-headline"
                         "wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img"
                         "wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img wp-cta-img"
                         "wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn wp-cta-btn"
                         "wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid wp-cta-bg-grid";
  }

  .wp-hero-cap-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "credit credit credit credit credit credit credit credit credit";
  }

  .legal-body, .legal--rich-text {
    font-size: 15px;
    line-height: 23px;
  }

  .section-404 {
    margin-top: 16px;
  }

  ._404-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle"
                         "News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                         "news-body news-body news-body news-body news-body news-body news-body news-body news-body"
                         "footer-grid-4040 footer-grid-4040 footer-grid-4040 footer-grid-4040 footer-grid-4040 footer-grid-4040 footer-grid-4040 footer-grid-4040 footer-grid-4040";
    margin-bottom: 16px;
  }

  ._404-headline, ._404-body {
    margin-bottom: 32px;
  }

  .body-large.body-large-404 {
    font-size: 15px;
    line-height: 23px;
  }

  .header-rule.software-h2-rule.secondary-production-section {
    margin-top: 160px;
  }

  .mobile-landscape-grid {
    display: block;
  }

  .video-overlay {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    display: none;
  }

  .vimeo-wrapper {
    width: 60%;
    padding-bottom: 35%;
  }

  .vimeo-close {
    top: 16px;
    right: 16px;
  }

  .header-nav-spacer {
    height: 51px;
  }

  .scroll-down-wrapper {
    bottom: 12px;
  }

  .contact-grid-thanks {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle"
                         "headline headline headline headline headline headline headline headline headline"
                         "form form form form form form form form form"
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
    padding-bottom: 16px;
  }

  .spec-bg-video-wrapper, .careers-section {
    margin-top: 16px;
  }

  .careers-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle"
                         "headline headline headline headline headline headline headline headline headline"
                         "content content content content content content content content content"
                         "workimage workimage workimage workimage workimage workimage workimage workimage workimage";
    margin-bottom: 0;
    padding-bottom: 16px;
  }

  .news-richtext {
    font-size: 15px;
    line-height: 23px;
  }

  .news-richtext p {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 23px;
  }

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

  .news-richtext blockquote {
    line-height: 23px;
  }

  .news-child-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle news-subtitle"
                         "News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline News-headline"
                         "news-body news-body news-body news-body news-body news-body news-body news-body news-body"
                         "news-cta news-cta news-cta news-cta news-cta news-cta news-cta news-cta news-cta";
  }

  .news-child-section {
    margin-top: 16px;
  }

  .news-new-grid {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-areas: "news-subtitle news-subtitle news-subtitle news-subtitle . . . . ."
                         "News-cards News-cards News-cards News-cards News-cards News-cards News-cards News-cards News-cards";
  }

  .news-thumbnail {
    height: 182px;
  }

  .category-subtitles {
    max-width: 41ch;
  }

  .color-change-svg.hide-mobile {
    display: none;
  }

  .color-change-svg.hide-desktop {
    display: block;
  }

  .office-area {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .city-names-div {
    padding-top: 14px;
    padding-bottom: 10px;
  }

  .london-name-mono {
    margin-right: 0;
  }

  .new-home-hero-section-h1 {
    letter-spacing: -.5px;
    margin-top: 96px;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 30px;
  }

  .new-home-digital-twin-section {
    margin-top: 0;
    margin-bottom: 120px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .new-arrow-icon-down {
    color: var(--pupil-dark-charcoal);
  }

  .down-scroll-wrapper {
    display: none;
  }

  .down-scroll-wrapper.mobile-hero-arrow {
    background-color: var(--neutral07);
    width: 30px;
    height: 30px;
    display: flex;
  }

  .div-block-6 {
    margin-bottom: 16px;
    padding-bottom: 0;
  }

  .new-sticky-home-content {
    margin-top: -40px;
    padding-left: 16px;
    padding-right: 16px;
    top: auto;
    bottom: 16px;
  }

  .new-city-names-text {
    font-size: 13px;
  }

  .new-city-names-wrapper {
    padding-top: 3px;
    padding-bottom: 0;
    position: relative;
  }

  .platform-section {
    margin-top: 120px;
  }

  .platform-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle Platform-subtitle"
                   "Platform-text Platform-text Platform-text Platform-text Platform-text Platform-text"
                   "capture-text capture-text capture-text capture-text capture-text capture-text"
                   "capture-img capture-img capture-img capture-img capture-img capture-img"
                   "library-text library-text library-text library-text library-text library-text"
                   "library-img library-img library-img library-img library-img library-img"
                   "tech-text tech-text tech-text tech-text tech-text tech-text"
                   "tech-img tech-img tech-img tech-img tech-img tech-img"
                   "ai-text ai-text ai-text ai-text ai-text ai-text"
                   "ai-img ai-img ai-img ai-img ai-img ai-img"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .platform-paragaph-text {
    letter-spacing: -.25px;
    max-width: 22ch;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
  }

  .platform-list-h3 {
    letter-spacing: 0;
    font-size: 18px;
    line-height: 26px;
  }

  .platform-list-group._2nd-list-item {
    margin-top: 32px;
  }

  .esg-grid {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-areas: "esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle"
                         "esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph"
                         "threat-text threat-text threat-text threat-text threat-text threat-text threat-text threat-text threat-text"
                         "_70-percent _70-percent _70-percent _70-percent _70-percent _70-percent _70-percent _70-percent _70-percent"
                         ". . . . . . . . ."
                         "_40-percent _40-percent _40-percent _40-percent _40-percent _40-percent _40-percent _40-percent _40-percent"
                         "cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg";
  }

  .esg-headline-and-graph-wrap {
    margin-bottom: 64px;
  }

  .new-dt-cta-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle dt-ai-subtitle"
                         "dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text dt-ai-text"
                         "dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video dt-ai-video";
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .dt-ai-headline {
    letter-spacing: -.5px;
    font-size: 24px;
    line-height: 30px;
  }

  .new-wp-content {
    margin-bottom: 96px;
  }

  .discover-new-wp-headline {
    max-width: 35ch;
    font-size: 15px;
    line-height: 23px;
  }

  .new-wp-link-wrap {
    width: 100%;
    margin-top: 32px;
  }

  .logo-area {
    margin-bottom: 32px;
  }

  .new-products-grid-home {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template: "Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle"
                   "Headline Headline Headline Headline Headline Headline"
                   "logo-area logo-area logo-area logo-area logo-area logo-area"
                   "dt-title dt-title dt-title dt-title dt-title dt-title"
                   "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2"
                   "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                   "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4"
                   "revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .div-block-12, .dt-cta-section-image-div {
    margin-top: 0;
  }

  .dollhouse-desktop-video {
    display: none;
  }

  .dt-dh-window-wrap {
    width: 100%;
    max-width: 80%;
    height: auto;
    padding-bottom: 0%;
    position: relative;
    overflow: hidden;
  }

  .grid-3 {
    grid-row-gap: 16px;
    grid-template-areas: "Area Area Area Area Area Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2";
  }

  .dt-tech-page-cta-wrap {
    margin-top: 64px;
  }

  ._3d-model-desktop-video {
    display: none;
  }

  .esg-h3s.esg-stats {
    letter-spacing: -.25px;
    max-width: 18ch;
    font-size: 18px;
    line-height: 26px;
  }

  .esg-h3s.esg-stats._40-stat {
    letter-spacing: -.25px;
    max-width: 16ch;
    font-size: 18px;
    line-height: 26px;
  }

  .esg-h3s.drive-text {
    letter-spacing: 0;
    max-width: 30ch;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
  }

  .esg-h3s.transform-text {
    letter-spacing: 0;
    max-width: 32ch;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
  }

  .esg-h3s.trust-text {
    letter-spacing: 0;
    max-width: 29ch;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
  }

  ._3d-model-mobile-video {
    display: block;
  }

  .dollhouse-mobile-video {
    width: 103%;
    height: 170%;
    display: block;
    position: absolute;
    inset: -31% 0% 0% -4%;
  }

  .esg-pictograms {
    margin-top: 24px;
  }

  .esg-pictograms.dt-pictogram {
    margin-top: 48px;
  }

  .esg-pictograms.dt-pictogram.trust-pictogram {
    right: 2px;
  }

  .dt-wrap-flex {
    flex-direction: column;
  }

  .product-stat, .product-stat.last-stat, .product-stat.drive-wrap {
    margin-top: 0;
  }

  .platform-h3.dt-mono {
    max-width: 31ch;
  }

  .platform-paragraph {
    max-width: 35ch;
  }

  .tech-img-wrap {
    z-index: 10;
    margin-bottom: 80px;
    position: relative;
  }

  .library-img-wrap {
    z-index: 10;
    margin-top: 0;
    margin-bottom: 80px;
    position: relative;
  }

  .brand-button {
    margin-right: 6px;
  }

  .verified-data-text-wrap-mob {
    margin-bottom: 0;
    display: block;
  }

  .capture-as-a-service-img {
    display: none;
  }

  .capture-as-a-service-img-mob {
    display: block;
  }

  .ai-desktop-tablet-video {
    width: 117%;
    position: absolute;
    top: -16%;
    left: -10%;
  }

  .ai-video-wrapper {
    z-index: 10;
    margin-bottom: 120px;
    padding-bottom: 0%;
  }

  .ai-mobile-video {
    width: 117%;
    position: absolute;
    top: -16%;
    left: -10%;
  }

  .image-15 {
    max-width: 76px;
  }

  .image-16 {
    max-width: 49px;
  }

  .image-17 {
    max-width: 157px;
  }

  .image-18 {
    max-width: 82px;
  }

  .image-19 {
    max-width: 77px;
  }

  .image-20 {
    max-width: 86px;
  }

  .customer-quote-headline {
    letter-spacing: -.25px;
    margin-top: 0;
    font-size: 18px;
    line-height: 26px;
  }

  .customer-quote-credit {
    margin-top: 12px;
  }

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

  .div-block-21 {
    padding-top: 0;
  }

  .div-block-22 {
    z-index: 10;
    position: relative;
  }

  .div-block-23 {
    margin-top: 64px;
    margin-bottom: 32px;
  }

  .esg-grid-tab {
    display: none;
  }

  .dh-grid-tab {
    margin-top: 0;
    display: none;
  }

  .div-block-24 {
    height: 65vh;
    min-height: auto;
  }

  .hero-height-wrap {
    height: 100vh;
    min-height: auto;
  }

  .darkroom-interview-section {
    margin-top: 120px;
  }

  .interviews-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "interviews-subtitle interviews-subtitle interviews-subtitle interviews-subtitle interviews-subtitle interviews-subtitle"
                   "interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content"
                   "interviews-vid-1 interviews-vid-1 interviews-vid-1 interviews-vid-1 . ."
                   "interviews-vid-2 interviews-vid-2 interviews-vid-2 interviews-vid-2 . ."
                   "interviews-vid-3 interviews-vid-3 interviews-vid-3 interviews-vid-3 . ."
                   "interviews-vid-4 interviews-vid-4 interviews-vid-4 interviews-vid-4 . ."
                   "interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .interviews-sub {
    width: auto;
    height: auto;
  }

  .interviews-grid-img-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-areas: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                         "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                         "privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub"
                         "privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                         "privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body . ."
                         "privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta . ."
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
    margin-top: 0;
  }

  .interview-headline {
    margin-bottom: 64px;
  }

  .interview-name {
    width: auto;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .software-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .software-h2.capture-h2, .software-h2.production-h2 {
    letter-spacing: -.25px;
    font-size: 18px;
    line-height: 25px;
  }

  .software-body {
    max-width: 37ch;
  }

  .software-body.feature-text.vertex-01-text {
    max-width: 15ch;
  }

  .software-body.feature-text.vertex-06-text {
    max-width: 18ch;
  }

  .software-body.feature-text.vertex-04-text {
    max-width: 20ch;
  }

  .software-body.feature-text.vertex-02-text {
    max-width: 16ch;
  }

  .software-body.feature-text.vertex-05-text {
    max-width: 20ch;
  }

  .software-body.feature-text._40ch {
    max-width: 25ch;
  }

  .software-body.feature-text._25ch {
    max-width: 17ch;
  }

  .software-body.feature-text._30ch {
    max-width: 19ch;
  }

  .software-body.feature-text._35ch {
    max-width: 22ch;
  }

  .software-body.tr-text {
    max-width: 37ch;
  }

  .product-sticky {
    display: none;
  }

  .software-header-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 0;
  }

  .software-tr-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 160px;
    margin-bottom: 0;
  }

  .software-cta-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle"
                         "headline headline headline headline headline headline headline headline"
                         "tr-content tr-content tr-content tr-content tr-content tr-content . ."
                         "software-cta-btn software-cta-btn software-cta-btn software-cta-btn software-cta-btn software-cta-btn . ."
                         "software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid";
    margin-top: 160px;
    margin-bottom: 0;
  }

  .software-video-btn-wrap {
    margin-bottom: 80px;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .gallery21_mask {
    width: 100%;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .gallery21_slide {
    padding-right: 1.5rem;
  }

  .software-grid-v1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .nav-container {
    align-items: center;
    padding-top: 15px;
  }

  .pupil-brand-block {
    width: 54.35px;
    height: 22px;
    padding-left: 0;
  }

  .pupil-co-logo.desktop {
    display: none;
  }

  .pupil-co-logo.mobile {
    display: block;
  }

  .nav-link, .nav-link.top-line {
    border-bottom: 1px solid #0000;
  }

  .hero-section {
    padding-right: 0;
  }

  .hero-container-flex {
    background-image: url("https://cdn.prod.website-files.com/6058a530bf03b71106f96013/607dad583a4fa8482286f42d_mobile-hero%402x-8.png");
    background-position: 53% 75%;
    background-size: 700px;
    height: 88.5vh;
    padding-left: 0;
  }

  .close-icon-div {
    z-index: 500;
    margin-top: -3px;
    padding-bottom: 26px;
    padding-left: 26px;
  }

  .home-main-section {
    padding-top: 160px;
  }

  .subtitle {
    max-width: 37ch;
  }

  .subtitle.max-ch-18.max-ch-10 {
    max-width: 18ch;
  }

  .subtitle.margin-right.hide-mobile {
    display: none;
  }

  .h1-div-display.homeintro.spec-headline {
    margin-top: 16px;
    margin-bottom: 0;
  }

  .main-content-h2 {
    max-width: 45ch;
  }

  .main-content-h2.pupil-products-intro-h2 {
    max-width: 18ch;
  }

  .team-text {
    z-index: 5;
    width: 100%;
    position: relative;
  }

  .brand-job-type.new-brand {
    max-width: 27ch;
  }

  .brand-logo-image.new-home.stak-strat {
    max-width: 71px;
  }

  .brand-logo-image.new-home.stak-strat.strat {
    max-width: 66px;
  }

  .brand-logo-image.new-home.spec {
    max-width: 77px;
  }

  .go-to-top {
    width: 40%;
    margin-right: 0;
  }

  .footer-newsletter {
    width: 100%;
    margin-bottom: 64px;
  }

  .footer-h3 {
    max-width: 14ch;
  }

  .newsletter-subhead {
    max-width: 26ch;
  }

  .contact-form-section {
    margin-top: 16px;
  }

  .contact-headline, .talk-to-us-div-container {
    width: 100%;
  }

  .form-top-split-div {
    flex-direction: column;
  }

  .first-name-div-container {
    width: 100%;
    margin-bottom: 32px;
  }

  .last-name-div-container, .first-name-text-field, .last-name-text-field {
    width: 100%;
  }

  .error-div {
    display: none;
  }

  ._1440-container {
    min-width: 100%;
    padding-top: 16px;
    display: block;
    position: static;
  }

  ._1440-container.scrolldown, ._1440-container.home-hero-container {
    display: flex;
  }

  ._1440-container.city-name {
    margin-right: 0;
    padding-right: 16px;
  }

  ._1440-container.dt-twin-container {
    padding-top: 16px;
  }

  .news-section {
    margin-top: 16px;
  }

  .primary-h1.margin-bottom-small.news-headline {
    margin-bottom: 12px;
  }

  .news-headline {
    padding-right: 0;
  }

  .news-headline.article-page {
    margin-bottom: 0;
  }

  .workwithus-subtitle {
    width: 43%;
  }

  .workwithus-body {
    padding-right: 0;
  }

  .tech-main-section {
    margin-bottom: 160px;
  }

  .tech-h1.contact-h1.careersh1 {
    max-width: 16ch;
  }

  .tech-h1.culture._1st-h1 {
    max-width: 21ch;
  }

  .process-subtitle {
    margin-top: 160px;
    margin-bottom: 64px;
  }

  .process-body {
    margin-bottom: 0;
    padding-right: 0;
  }

  .process-body.last {
    margin-bottom: 0;
  }

  .tech-img-wrapper {
    width: 53.86%;
    margin-bottom: 64px;
  }

  .tech-img-wrapper._2 {
    width: 45.49%;
  }

  .tech-01-img {
    max-width: 155px;
  }

  .privacy-main-text {
    width: 100%;
    max-width: 100%;
  }

  .privacy-main-text.interview-headline-new {
    max-width: 19ch;
  }

  .privacy-cta {
    width: auto;
    height: auto;
  }

  .menu-button {
    width: 50px;
  }

  .text-block-13-copy {
    max-width: 22ch;
  }

  .culture-body {
    padding-right: 0;
  }

  .life-at-pupil-h2._2nd-h2 {
    max-width: 17ch;
  }

  .team-qna-section {
    margin-bottom: 160px;
  }

  .tabs-menu {
    margin-bottom: 0;
  }

  .tab-link, .tab-link.w--current, .tab-link.no-bot-marg, .tab-link.no-bot-marg.w--current {
    width: 47%;
    margin-right: auto;
  }

  .tab-link.right-margin {
    margin-right: auto;
  }

  .leader-headline {
    margin-bottom: 64px;
    padding-right: 0;
  }

  .t-l-h2 {
    max-width: 24ch;
    margin-bottom: 0;
  }

  .founder {
    margin-bottom: 16px;
  }

  .our-advisors-h3 {
    margin-top: 64px;
    margin-bottom: 16px;
  }

  .advisors-left-split {
    width: 100%;
  }

  .name-title-div-advisors {
    margin-bottom: 32px;
  }

  .name-title-div-advisors.mobile-space {
    margin-bottom: 16px;
  }

  .name-title-div-advisors.last-mob {
    margin-bottom: 0;
  }

  .advisor-title.jp-morgan {
    max-width: 23ch;
  }

  .advisors-right-split {
    width: 100%;
  }

  .values-section {
    margin-bottom: 160px;
  }

  .values-container {
    padding-right: 9px;
  }

  .values-left-sticky-div {
    border-bottom: 1px solid var(--pupil-cloudy-day);
    flex-direction: row;
    height: 93px;
    margin-right: 0;
    padding-top: 62px;
    top: 0;
  }

  .value-text {
    letter-spacing: 0;
    margin-right: 16px;
    font-size: 14px;
  }

  .our-values-grid {
    width: 288px;
    height: 336px;
  }

  .our-story-tabs-menu {
    margin-bottom: 32px;
  }

  .story-tab-link {
    padding-top: 2px;
  }

  .tab-link-text-story.mobile {
    font-size: 10px;
  }

  .our-story-tab-container {
    flex-direction: column;
  }

  .year-div {
    width: 100%;
    margin-right: 0;
  }

  .our-story-h3 {
    margin-bottom: 32px;
  }

  .our-story-tab-content-div {
    width: 100%;
  }

  .our-story-tab-h4 {
    letter-spacing: normal;
    font-size: 15px;
    line-height: 23px;
  }

  .our-story-tab-h4.story-2023 {
    max-width: 24ch;
  }

  .our-story-tab-h4.story-2022 {
    max-width: 22ch;
  }

  .image-caption-div {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .sus-header-div, .emissions-header-div {
    padding-right: 0;
  }

  .emissions-body {
    width: 100%;
  }

  .offset-header-div {
    margin-bottom: 64px;
    padding-right: 0;
  }

  .wp-breadcrumb {
    width: 79%;
  }

  .white-paper-main-header-div {
    padding-right: 0;
  }

  .trusted-content-left-splti {
    width: 100%;
  }

  .opportunity-left-split {
    width: 75%;
  }

  .opportunity-header-div {
    padding-right: 0;
  }

  .opportunity-left-content {
    width: 100%;
    margin-bottom: 0;
  }

  .the-white-paper-left-split {
    margin-bottom: 16px;
  }

  .the-white-paper-header-div {
    margin-bottom: 64px;
    padding-right: 0;
  }

  .values-subtext-div {
    min-height: 87vh;
  }

  .footer-grid {
    grid-template: "Go-to-top"
                   "Newsletter"
                   "navs-container"
                   "Copyright"
                   "Footer-grid"
                   / 1fr;
  }

  .footer-grid-tablet {
    display: none;
  }

  .footer-grid-mobile {
    display: block;
  }

  .secondary-cta-wrapper {
    padding-bottom: 16px;
  }

  .secondary-cta-wrapper.brands {
    position: relative;
  }

  ._3-4-5-grid {
    grid-template: "Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle"
                   "Headline Headline Headline Headline Headline Headline"
                   "Spec-text Spec-text Spec-text Spec-text Spec-text Spec-text"
                   "Spec-image Spec-image Spec-image Spec-image Spec-image Spec-image"
                   "Stak-text Stak-text Stak-text Stak-text Stak-text Stak-text"
                   "Stak-image Stak-image Stak-image Stak-image Stak-image Stak-image"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .spec-image-wrapper {
    z-index: 10;
    position: relative;
  }

  .stak-ds-image-wrapper {
    z-index: 10;
    height: 160px;
  }

  ._3-4-5-team-grid {
    grid-template: "Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle"
                   "Headline Headline Headline Headline Headline Headline Headline Headline Headline"
                   "team-text team-text team-text team-text team-text team-text team-text team-text team-text"
                   "team-image team-image team-image team-image team-image team-image team-image team-image team-image"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .team-image-tablet {
    z-index: 10;
    position: relative;
  }

  .temporary-banner {
    bottom: 32px;
  }

  .contact-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle subtitle"
                         "headline headline headline headline headline headline headline headline headline"
                         "form form form form form form form form form"
                         "office-area office-area office-area office-area office-area office-area office-area office-area office-area"
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
  }

  .tech-process-grid {
    grid-template-areas: "intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle"
                         "headline headline headline headline headline headline headline headline headline"
                         "process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle process-subtitle"
                         "step-1-body step-1-body step-1-body step-1-body step-1-body step-1-body step-1-body step-1-body step-1-body"
                         "step-1-img step-1-img step-1-img step-1-img step-1-img step-1-img step-1-img step-1-img step-1-img"
                         "step-2-body step-2-body step-2-body step-2-body step-2-body step-2-body step-2-body step-2-body step-2-body"
                         "step-2-img step-2-img step-2-img step-2-img step-2-img step-2-img step-2-img step-2-img step-2-img"
                         "step3-body step3-body step3-body step3-body step3-body step3-body step3-body step3-body step3-body"
                         "step3-img step3-img step3-img step3-img step3-img step3-img step3-img step3-img step3-img"
                         "grid grid grid grid grid grid grid grid grid";
  }

  .step2-img {
    width: 131px;
    max-width: 131px;
  }

  .tech-intro-grid.margins-adjusted {
    margin-top: -150px;
    margin-bottom: 16px;
  }

  .innovate-grid {
    grid-template-areas: "inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub inno-sub"
                         "inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline inno-headline"
                         "inno-body inno-body inno-body inno-body inno-body inno-body inno-body inno-body inno-body"
                         "inno-logo inno-logo inno-logo inno-logo inno-logo inno-logo inno-logo inno-logo inno-logo";
  }

  .privacy-grid {
    grid-template-areas: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                         "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                         "privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub"
                         "privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                         "privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body"
                         "privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta";
  }

  .tablet-grid {
    display: none;
  }

  .mobile-grid {
    display: block;
  }

  .mobile-grid.wp-cta-hide {
    display: none;
  }

  .culture-hero-grid {
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "headline headline headline headline headline headline headline headline headline"
                         "body body body body body body body body body"
                         "img img img img img img img img img";
  }

  .team-qa-grid {
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "content content content content content content content content content";
  }

  .leadership-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "headline headline headline headline headline headline headline headline headline"
                         "founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area founders-grid-area"
                         "adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline adv-headline"
                         "adv-list adv-list adv-list adv-list adv-list adv-list adv-list adv-list adv-list"
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
  }

  .adv-list-grid {
    grid-template: "adv-list-left"
                   "adv-list-right"
                   / 1fr;
  }

  .foudners-grid-2col {
    grid-template: "james"
                   "ollie"
                   / 1fr;
  }

  .values-grid {
    grid-template-rows: auto auto auto;
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "titles titles titles titles titles titles titles titles titles"
                         "content content content content content content content content content";
  }

  .pio-values {
    margin-bottom: 0;
  }

  .london {
    background-position: 0%;
  }

  .london.singapore {
    background-position: 62% 15%;
  }

  .london.dubai {
    background-position: 26%;
  }

  .london.nyc {
    background-position: 50%;
  }

  .whitepaper-illustration {
    display: block;
  }

  .emissions-grid {
    grid-template-areas: "sub sub sub sub sub sub sub sub sub"
                         "headline headline headline headline headline headline headline headline headline"
                         "virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body virtual-viewing-body"
                         "virtual-viewing-img virtual-viewing-img virtual-viewing-img virtual-viewing-img virtual-viewing-img virtual-viewing-img . . ."
                         "retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body retrofitting-body"
                         "retrofitting-img retrofitting-img retrofitting-img retrofitting-img retrofitting-img retrofitting-img . . ."
                         "energy-body energy-body energy-body energy-body energy-body energy-body energy-body energy-body energy-body"
                         "energy-img energy-img energy-img energy-img energy-img energy-img . . .";
  }

  .road-traffic {
    background-position: 50%;
  }

  .trusted-assets-grid {
    grid-template-areas: "ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub ta-sub"
                         "ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline ta-headline"
                         "ta-body ta-body ta-body ta-body ta-body ta-body ta-body ta-body ta-body"
                         "ta-img ta-img ta-img ta-img ta-img ta-img ta-img ta-img .";
  }

  .trusted-assets-img {
    width: 100%;
    max-width: 100%;
  }

  ._404-headline {
    padding-right: 0;
  }

  .mobile-landscape-grid {
    display: none;
  }

  .stak-video {
    max-height: 160px;
  }

  .vimeo-wrapper {
    width: 90%;
    height: 0;
    padding-bottom: 54%;
  }

  .vimeo-embed {
    object-fit: fill;
    position: absolute;
  }

  .background-video_stak, .background-video_spec {
    width: 102%;
    height: 100%;
    margin-left: -1%;
  }

  .spec-bg-video-wrapper {
    z-index: 10;
    height: 160px;
  }

  .careers-section {
    margin-top: 16px;
  }

  .careers-grid {
    margin-bottom: 0;
  }

  .margin-bottom-small.new-card-arrow {
    top: -6px;
  }

  .news-richtext p {
    margin-top: 32px;
    margin-bottom: 10px;
  }

  .news-richtext blockquote {
    margin-top: 24px;
  }

  .news-child-grid {
    margin-bottom: 16px;
  }

  .news-child-section {
    margin-top: 16px;
  }

  .grey-dot {
    width: 8px;
    height: 8px;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
    bottom: 3px;
  }

  .grey-dot.hide-mobile {
    display: none;
  }

  .news-item {
    padding-right: 13px;
  }

  .news-cta-wrapper {
    margin-right: 0;
  }

  .category-news {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "Area Area Area"
                   "Area-6 Area-2 Area-4"
                   "Area-3 Area-3 Area-3"
                   / .25fr 3fr .25fr;
  }

  .category-press {
    grid-column-gap: 0px;
    grid-template-columns: .25fr 4fr .25fr;
    grid-template-areas: "Area Area Area"
                         "Area-5 Area-2 Area-4";
  }

  .grey-dot-wrapper {
    padding-top: 8px;
    display: block;
  }

  .div-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .category-subtitles {
    max-width: 37ch;
  }

  .category-subtitles.max-ch-18.margin {
    margin-left: 0;
  }

  .thumb-image-wrapper {
    margin-bottom: 0;
  }

  .office-address {
    margin-bottom: 32px;
  }

  .office-area {
    grid-template: "london-office"
                   "dubai-office"
                   / 1fr;
  }

  .grey-dot.home-grey-dot {
    width: 16px;
    height: 16px;
    position: static;
  }

  .city-names-div {
    overflow: visible;
  }

  .scroll-down-div {
    display: none;
  }

  .city-name-separator {
    width: 100%;
    min-width: 2px;
    max-width: 12px;
  }

  .share-press-icon {
    top: -2px;
  }

  .new-home-hero-section-h1 {
    max-width: 18ch;
    margin-bottom: 10px;
  }

  .new-home-digital-twin-section {
    margin-top: 0;
    margin-bottom: 120px;
  }

  .new-arrow-icon-down {
    color: var(--pupil-dark-charcoal);
  }

  .new-sticky-home-content {
    margin-top: -45px;
  }

  .new-city-names-text {
    font-size: 13px;
  }

  .new-city-names-wrapper {
    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 7px;
  }

  .platform-section {
    margin-top: 150px;
    padding-top: 0;
  }

  .platform-grid {
    grid-row-gap: 16px;
  }

  .platform-main-content {
    padding-top: 0;
  }

  .platform-paragaph-text {
    letter-spacing: -.25px;
    max-width: 23ch;
    margin-top: 0;
    font-size: 18px;
    line-height: 26px;
  }

  .platform-list {
    margin-bottom: 0;
  }

  .platform-list-group._2nd-list-item {
    height: auto;
    margin-top: 64px;
  }

  .esg-grid {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template: "esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle esg-subtitle"
                   "esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph esg-headline-and-graph"
                   "threat-text threat-text threat-text threat-text threat-text threat-text"
                   "_70-percent _70-percent _70-percent _70-percent _70-percent _70-percent"
                   "esg-mob-img esg-mob-img esg-mob-img esg-mob-img esg-mob-img ."
                   "_40-percent _40-percent _40-percent _40-percent _40-percent _40-percent"
                   "cta-esg cta-esg cta-esg cta-esg cta-esg cta-esg"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .esg-headline-and-graph-wrap {
    margin-top: 16px;
  }

  .product-quote-text-wrap {
    margin-top: 12px;
  }

  .digital-twin-tech-section {
    margin-top: 0;
  }

  .new-dt-cta-grid {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 16px;
  }

  .dt-ai-headline {
    max-width: 13ch;
  }

  .discover-new-wp-headline {
    max-width: 100%;
  }

  .logo-area {
    flex-direction: column;
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .new-products-grid-home {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template: "Subtitle Subtitle Subtitle Subtitle Subtitle Subtitle"
                   "Headline Headline Headline Headline Headline Headline"
                   "logo-area logo-area logo-area logo-area logo-area ."
                   "dt-title dt-title dt-title dt-title dt-title dt-title"
                   "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2"
                   "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                   "Area-4 Area-4 Area-4 Area-4 Area-4 Area-4"
                   "revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video revit-model-video"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .dt-cta-section-image-div {
    margin-top: 0;
  }

  .digital-twin-bg-grid {
    display: none;
  }

  .dt-dh-window-wrap {
    max-width: 100%;
    padding-bottom: 0%;
  }

  .pupil-city-hero-video {
    width: 130%;
    position: relative;
    left: -30%;
    right: auto;
  }

  .esg-h3s.esg-stats {
    max-width: 18ch;
  }

  .esg-h3s.esg-stats._40-stat {
    font-size: 18px;
    line-height: 26px;
  }

  .esg-h3s.esg-stats._70percent {
    z-index: 100;
    position: relative;
  }

  .esg-h3s.drive-text, .esg-h3s.transform-text {
    max-width: 21ch;
  }

  .esg-h3s.trust-text {
    max-width: 22ch;
    margin-bottom: 0;
  }

  .esg-stat-div._70-text {
    margin-bottom: 8px;
  }

  .esg-stat-div._40-text {
    margin-top: 10px;
  }

  .esg-pictograms.dt-pictogram {
    margin-top: 32px;
  }

  .esg-pictograms.dt-pictogram.trust-pictogram {
    position: relative;
    left: -3px;
  }

  .div-block-16 {
    margin-bottom: 32px;
  }

  .product-stat {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .product-stat.drive-wrap {
    margin-top: 12px;
    margin-bottom: 0;
  }

  .customer-subtitle {
    max-width: 26ch;
    margin-top: 64px;
  }

  .platform-h3 {
    max-width: 29ch;
  }

  .platform-h3.dt-mono {
    max-width: 23ch;
  }

  .platform-h3.threat-headline {
    max-width: 25ch;
  }

  .platform-paragraph.ai-text {
    max-width: 27ch;
  }

  .tech-img-wrap, .library-img-wrap {
    margin-bottom: 80px;
  }

  .city-sat-img, .building-sat-img {
    display: none;
  }

  .brand-button {
    margin-bottom: 6px;
    margin-right: 0;
    padding-bottom: 12px;
    padding-right: 11px;
  }

  .div-block-19 {
    margin-top: 64px;
  }

  .esg-mob-wrap {
    z-index: 150;
    display: block;
    position: relative;
  }

  .verified-data-text-wrap-mob {
    margin-top: 0;
  }

  .capture-as-a-service-img {
    display: none;
  }

  .capture-as-a-service-img-mob {
    display: block;
  }

  .ai-desktop-tablet-video {
    display: none;
  }

  .ai-video-wrapper {
    margin-bottom: 120px;
  }

  .ai-mobile-video {
    display: block;
  }

  .customer-logos-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content customer-logos-content";
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .customer-logos-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .logos-grid {
    grid-template: "cushman jll"
                   "savills knight-frank"
                   "bnp cbre"
                   "hines firethorn"
                   "Customer-quote Customer-quote"
                   ". ."
                   / 1fr 1fr;
    justify-items: stretch;
    max-width: 100%;
    margin-top: 16px;
  }

  .single-logo-wrap {
    height: 74px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .single-logo-wrap.no-top-border.cbre-box {
    border-right-style: none;
  }

  .single-logo-wrap.no-right-border.no-top-border, .single-logo-wrap.no-right-border._2nd-row, .single-logo-wrap._2nd-row {
    border-top-style: none;
  }

  .single-logo-wrap.jll-box {
    border-right-style: none;
  }

  .cush-logo {
    max-width: 101px;
  }

  .image-14 {
    max-width: 59px;
  }

  .image-15 {
    max-width: 65px;
  }

  .image-16 {
    max-width: 36px;
  }

  .image-17 {
    max-width: 108px;
  }

  .image-18 {
    max-width: 69px;
  }

  .image-19 {
    max-width: 64px;
  }

  .image-20 {
    max-width: 89px;
  }

  .customer-quote {
    padding-bottom: 0;
    position: static;
  }

  .customer-quote-headline {
    letter-spacing: -.25px;
    max-width: 24ch;
    margin-top: 32px;
    font-size: 18px;
    line-height: 26px;
  }

  .customer-quote-credit {
    max-width: 37ch;
    margin-top: 12px;
  }

  .customer-logo-grid-img {
    margin-top: 16px;
    margin-bottom: 16px;
  }

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

  .div-block-22 {
    z-index: 10;
    margin-bottom: 80px;
    position: relative;
  }

  .div-block-23 {
    margin-bottom: 48px;
  }

  .esg-grid-tab, .customer-logo-grid-tab, .platform-grid-mob {
    display: none;
  }

  .image-21 {
    display: block;
  }

  .div-block-24 {
    height: 57vh;
  }

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

  .background-video {
    min-height: auto;
  }

  .hero-height-wrap {
    height: 90vh;
    min-height: auto;
    max-height: 1000px;
  }

  .background-video-2 {
    width: 105%;
    max-height: 300px;
    position: relative;
    left: -15px;
  }

  .interviews-grid {
    grid-template-areas: "interviews-subtitle interviews-subtitle interviews-subtitle interviews-subtitle interviews-subtitle interviews-subtitle"
                         "interviews-content interviews-content interviews-content interviews-content interviews-content interviews-content"
                         "interviews-vid-1 interviews-vid-1 interviews-vid-1 interviews-vid-1 interviews-vid-1 interviews-vid-1"
                         "interviews-vid-2 interviews-vid-2 interviews-vid-2 interviews-vid-2 interviews-vid-2 interviews-vid-2"
                         "interviews-vid-3 interviews-vid-3 interviews-vid-3 interviews-vid-3 interviews-vid-3 interviews-vid-3"
                         "interviews-vid-4 interviews-vid-4 interviews-vid-4 interviews-vid-4 interviews-vid-4 interviews-vid-4"
                         "interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img interviews-grid-img";
  }

  .interviews-grid-img-wrap {
    grid-template-areas: "firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid firstgrid"
                         "privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img privacy-img"
                         "privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub privacy-sub"
                         "privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline privacy-headline"
                         "privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body privacy-body"
                         "privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta privacy-cta"
                         "footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid footer-grid";
  }

  .software-grid {
    grid-template-areas: "Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header"
                         "Vertex-01 Vertex-01 Vertex-01 Vertex-01 Vertex-02 Vertex-02 Vertex-02 Vertex-02"
                         "Vertex-03 Vertex-03 Vertex-03 Vertex-03 Vertex-04 Vertex-04 Vertex-04 Vertex-04"
                         "Vertex-05 Vertex-05 Vertex-05 Vertex-05 Vertex-06 Vertex-06 Vertex-06 Vertex-06"
                         "Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header"
                         "Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-02 Dimensions-02 Dimensions-02"
                         "Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04"
                         "Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row"
                         "Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-02 Studio-02 Studio-02"
                         "Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row"
                         "Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-02 Trace-02 Trace-02"
                         "Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header"
                         "Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02"
                         "DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header"
                         "DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-02 DBP-02 DBP-02";
  }

  .software-body.feature-text {
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 12px;
    line-height: 18px;
  }

  .tr-flex-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .software-cta-grid {
    grid-template-areas: "intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle intro-subtitle"
                         "headline headline headline headline headline headline headline headline"
                         "tr-content tr-content tr-content tr-content tr-content tr-content tr-content tr-content"
                         "software-cta-btn software-cta-btn software-cta-btn software-cta-btn software-cta-btn software-cta-btn software-cta-btn software-cta-btn"
                         "software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid software-cta-grid";
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .software-grid-v1 {
    grid-template-areas: "Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header Vertex-Header"
                         "Vertex-01 Vertex-01 Vertex-01 Vertex-01 Vertex-02 Vertex-02 Vertex-02 Vertex-02"
                         "Vertex-03 Vertex-03 Vertex-03 Vertex-03 Vertex-04 Vertex-04 Vertex-04 Vertex-04"
                         "Vertex-05 Vertex-05 Vertex-05 Vertex-05 Vertex-06 Vertex-06 Vertex-06 Vertex-06"
                         "Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header Dimensions-Header"
                         "Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-01 Dimensions-02 Dimensions-02 Dimensions-02"
                         "Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-03 Dimensions-04 Dimensions-04 Dimensions-04 Dimensions-04"
                         "Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row Studio-Header-Row"
                         "Studio-01 Studio-01 Studio-01 Studio-01 Studio-01 Studio-02 Studio-02 Studio-02"
                         "Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row Trace-Header-Row"
                         "Trace-01 Trace-01 Trace-01 Trace-01 Trace-01 Trace-02 Trace-02 Trace-02"
                         "Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header Stak-Hub-Header"
                         "Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-01 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02 Stak-Hub-02"
                         "DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header DBP-Header"
                         "DBP-01 DBP-01 DBP-01 DBP-01 DBP-01 DBP-02 DBP-02 DBP-02";
  }

  .drc-modal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
    padding: 12px 16px 16px;
  }

  .drc-p {
    font-size: 14px;
    line-height: 22px;
  }

  .drc-btn {
    margin-bottom: 8px;
  }

  .drc-logo {
    height: 24px;
  }
}

#w-node-_86bcd5a3-9a00-358b-72a9-a315ede9d23e-e504afb2 {
  grid-area: sus-headline;
}

#w-node-b9661dd8-a289-4a33-3cc7-0224eea88b2f-e504afb2 {
  grid-area: credit;
}

#w-node-_348de683-41e8-f087-7903-c41a0fb1f878-e504afb2 {
  grid-area: sub;
}

#w-node-a728dabb-a2e4-9186-908a-ea2ad587c1e3-e504afb2 {
  grid-area: main;
}

#w-node-_29dac484-4ea6-cf38-d36e-bc8d6823f2ab-e504afb2 {
  grid-area: sub;
}

#w-node-bc0281e1-8368-0b39-11c2-ad0e508b29c9-e504afb2 {
  grid-area: headline;
}

#w-node-_9a2de7f1-bc61-1174-2786-239d5e2baddf-e504afb2 {
  grid-area: virtual-viewing-body;
  place-self: center start;
}

#w-node-_842e35ed-68eb-7373-5476-4202ca6b6e0f-e504afb2 {
  grid-area: virtual-viewing-img;
  place-self: center;
}

#w-node-fff16a31-f1ea-67c8-6954-9a6026be0a81-e504afb2 {
  grid-area: retrofitting-body;
  align-self: center;
}

#w-node-_4ebcd3f9-dc7b-c5ff-3306-ba0d4c6751eb-e504afb2 {
  grid-area: retrofitting-img;
  place-self: center;
}

#w-node-_74cd7a7c-8e83-ab3c-479a-022dcc98e356-e504afb2 {
  grid-area: energy-body;
  align-self: center;
}

#w-node-_81f2a5fe-9772-8409-c876-b3e8ad6d0049-e504afb2 {
  grid-area: energy-img;
  place-self: center;
}

#w-node-_59972dc9-19ce-3749-d12b-dffe6dfd5ac8-e504afb2 {
  grid-area: top-grid;
}

#w-node-_994a984e-ed26-26dc-d266-05b5cffeff5f-e504afb2 {
  grid-area: eco-img;
}

#w-node-_9bd243f9-0b5b-209a-9cc7-239931c317ea-e504afb2 {
  grid-area: sub;
}

#w-node-_51f97202-4247-97dd-b751-95b3fe07813a-e504afb2 {
  grid-area: headline;
}

#w-node-_106fbc5d-2e2d-3e9e-b263-fa3aa5965cb2-e504afb2 {
  grid-area: body;
}

#w-node-_3bcda949-efcf-c897-c886-b527dc4655fb-e504afb2 {
  grid-area: end-grid;
}

#w-node-_61e2294b-6117-9669-86c4-78bf181c7cc5-2122e7c6 {
  grid-area: nav-links-desktop;
}

#w-node-_92847ff5-373a-afac-24b0-67115b0f9c9f-2122e7c6 {
  grid-area: Area;
}

#w-node-d4297834-5a54-7d3b-c602-f15d0a40910f-2122e7c6 {
  grid-area: Area-2;
}

#w-node-d483b3b5-c8ec-2bc1-ef18-11442122e7c8-2122e7c6 {
  grid-area: Go-to-top;
}

#w-node-d483b3b5-c8ec-2bc1-ef18-11442122e7cf-2122e7c6 {
  grid-area: Newsletter;
}

#w-node-d483b3b5-c8ec-2bc1-ef18-11442122e7f8-2122e7c6 {
  grid-area: Copyright;
}

#w-node-_3935e309-1897-15f9-d385-202c79e937db-2122e7c6 {
  grid-area: Footer-grid;
}

#w-node-_5754099d-480b-8d73-f109-3662d68dd643-6f04afaa {
  grid-area: news-subtitle;
}

#w-node-_8e08d695-2d6e-083f-5731-78d5568b7173-6f04afaa {
  grid-area: News-headline;
}

#w-node-f7c92169-ac7d-2f2b-8915-00d8fa754bfc-6f04afaa {
  grid-area: news-body;
}

#w-node-fa031ace-e66d-2c13-fb8c-c48e57b23171-0f04afb4 {
  grid-area: intro-subtitle;
}

#w-node-fa031ace-e66d-2c13-fb8c-c48e57b23175-0f04afb4 {
  grid-area: headline;
}

#w-node-f4a40c5e-daac-4565-aaf7-982b59c3af72-0f04afb4 {
  grid-area: process-subtitle;
}

#w-node-_1545e6fc-3e6d-1269-78f7-e52463769448-0f04afb4 {
  grid-area: step-1-body;
}

#w-node-_90dc6328-91fe-bbb9-463b-597e567f9e3d-0f04afb4 {
  grid-area: step-1-img;
  justify-self: center;
}

#w-node-_30c852f4-2751-0649-6d76-969ece601e68-0f04afb4 {
  grid-area: step-2-body;
}

#w-node-_30c852f4-2751-0649-6d76-969ece601e71-0f04afb4 {
  grid-area: step-2-img;
  justify-self: center;
}

#w-node-_4dd5969b-5016-08ed-9e5b-1637283872e5-0f04afb4 {
  grid-area: step3-body;
}

#w-node-_4dd5969b-5016-08ed-9e5b-1637283872ee-0f04afb4 {
  grid-area: step3-img;
  justify-self: center;
}

#w-node-a8ce9e77-a2a5-626c-ad7e-b86a47c4a1f9-0f04afb4 {
  grid-area: grid;
}

#w-node-da13fcf1-9e50-404b-d8c9-c39b343ee3e4-0f04afb4 {
  grid-area: inno-sub;
}

#w-node-_1a56193f-5844-6c31-398e-0fb5eb896c04-0f04afb4 {
  grid-area: inno-headline;
}

#w-node-df2e16ef-5b51-4bea-17d9-13e9f7c973b8-0f04afb4 {
  grid-area: inno-logo;
}

#w-node-_6b14b657-7661-43e8-03c9-1c02b9a4b1ef-0f04afb4 {
  grid-area: inno-body;
}

#w-node-_5ab5ff3d-cd3c-b310-2441-320d1b48cfb3-0f04afb4 {
  grid-area: firstgrid;
}

#w-node-ac36973a-5f0a-09d1-e06b-10b45bbd73df-0f04afb4 {
  grid-area: privacy-img;
}

#w-node-a6d38d21-1bf6-7165-b351-263c1f4fb0a8-0f04afb4 {
  grid-area: privacy-sub;
}

#w-node-_2f666954-3ed3-d395-005b-eeb2ff470a86-0f04afb4 {
  grid-area: privacy-headline;
}

#w-node-_548e0e72-28d3-7366-dd32-be7e2044f918-0f04afb4 {
  grid-area: privacy-body;
}

#w-node-db741196-fd4a-4557-c50d-6caccad1056c-0f04afb4 {
  grid-area: privacy-cta;
  justify-self: start;
}

#w-node-_72f325e4-f0ac-2d29-84a8-dea198696c19-0f04afb4 {
  grid-area: interviews-subtitle;
}

#w-node-_51c8e07d-5a1f-c0d9-9724-1302a35f84d8-0f04afb4 {
  grid-area: interviews-content;
}

#w-node-ea39d1fd-cd7c-8d22-0cce-9b349c273e17-0f04afb4 {
  grid-area: interviews-vid-1;
}

#w-node-_2f08a405-db87-a586-3b08-796685425b91-0f04afb4 {
  grid-area: interviews-grid-img;
}

#w-node-_49ebb167-b48b-d9ad-9536-9db78454d58e-0f04afb4, #w-node-d0c53e0a-2fa1-1981-538d-632806bf0b18-0f04afb4 {
  grid-area: interviews-vid-1;
}

#w-node-_7b9cadba-366a-82ad-928d-453ee6de3bdd-0f04afb4, #w-node-_312efaf5-6a94-9f87-a6b8-18d4a8e86f6d-0f04afb4 {
  grid-area: interviews-vid-2;
}

#w-node-_76caf27e-ef05-3bb2-e70c-7e837be9d937-0f04afb4 {
  grid-area: interviews-vid-4;
}

#w-node-_50d80a1f-55b6-eb29-2464-005067660fba-0f04afb4, #w-node-c24770d1-5ba4-6335-b052-1ca9860f5034-0f04afb4 {
  grid-area: interviews-vid-3;
}

#w-node-_9c444464-eea3-a14a-5f96-1f3a3bf2053e-0f04afb4 {
  grid-area: interviews-vid-4;
}

#w-node-d6f2b719-d596-7e3e-61fc-5c616c710317-3904afa7 {
  grid-area: subtitle;
}

#w-node-abd7388e-0d22-f9e6-83b3-1a646a8d2a9d-3904afa7 {
  grid-area: headline;
}

#w-node-_872e8677-31e8-3bfc-b8a2-882b7fd9c46e-3904afa7 {
  grid-area: Image;
}

#w-node-_4555e1c1-d9ff-911f-52ce-a9d46d3e4521-3904afa7 {
  grid-area: content;
}

#w-node-_445a9a3f-798d-b876-b07b-f4f5ce14d727-3904afa7 {
  grid-area: 4 / 1 / 6 / 13;
}

#w-node-_5754099d-480b-8d73-f109-3662d68dd643-0804afaf {
  grid-area: news-subtitle;
}

#w-node-_8e08d695-2d6e-083f-5731-78d5568b7173-0804afaf {
  grid-area: News-headline;
}

#w-node-f7c92169-ac7d-2f2b-8915-00d8fa754bfc-0804afaf {
  grid-area: news-body;
}

#w-node-_0ae99a7b-6fb6-39ca-653b-85c7b21b0108-6204afac {
  grid-area: sub;
}

#w-node-_3dfa5e49-2100-1f41-440a-a3350fce09b2-6204afac {
  grid-area: headline;
}

#w-node-_720b4b90-fd42-ecc4-d572-bcad6a22edc4-6204afac {
  grid-area: body;
}

#w-node-e99cefc1-22cb-da21-77f4-c73d6b635e3e-6204afac {
  grid-area: img;
}

#w-node-cfb152f6-be08-74b0-b74c-21b7ba5308b2-6204afac {
  grid-area: sub;
}

#w-node-_2c02bb1b-65bd-66ce-7f5e-62e07a2391c2-6204afac {
  grid-area: content;
}

#w-node-ecaed61f-079f-b8db-4e2b-e2c0294b70c4-6204afac {
  grid-area: sub;
}

#w-node-ba3ffd8b-26b3-70d0-96f9-fa88dfbdc6d6-6204afac {
  grid-area: titles;
}

#w-node-f854387b-56bc-adb1-58db-b0260283bb3e-6204afac {
  grid-area: content;
}

#w-node-d8693f81-b530-b6b8-96b0-368ff0a8f33c-6204afac {
  grid-area: sub;
}

#w-node-aa7080e6-6a8c-cafe-2f4a-5af6b479b4f0-6204afac {
  grid-area: story;
}

#w-node-_06f6f9d6-3419-b1bf-be6a-4a82e6107305-6204afac {
  grid-area: illustration;
}

#w-node-_93ab9abe-d183-f945-4a55-80558cba54cc-5804afa6 {
  grid-area: news-subtitle;
}

#w-node-_93ab9abe-d183-f945-4a55-80558cba54d0-5804afa6 {
  grid-area: News-headline;
}

#w-node-_93ab9abe-d183-f945-4a55-80558cba54d5-5804afa6 {
  grid-area: news-body;
}

#w-node-b64b2d29-7798-8e4e-8fb9-b918dbd7cb6f-5804afa6 {
  grid-area: _404-grid-bottom;
}

#w-node-d6f2b719-d596-7e3e-61fc-5c616c710317-c504afa9 {
  grid-area: subtitle;
}

#w-node-abd7388e-0d22-f9e6-83b3-1a646a8d2a9d-c504afa9 {
  grid-area: headline;
}

#w-node-_0e5d0a4f-bb76-78b7-d814-d03517f6351b-c504afa9 {
  grid-area: form;
}

#w-node-a0c7493a-4b6d-ebac-7313-3fed4fa859dd-c504afa9 {
  grid-area: Contact-grid;
}

#w-node-cff7dc7b-0a20-1669-06e3-3a4fcfb512ad-c504afa9 {
  grid-area: office-area;
}

#w-node-b50327bb-e041-6d8c-5c63-02a3449c8527-0d04afb7 {
  grid-area: breadcrumb;
}

#w-node-c1c548c1-3346-7775-d106-520f39848495-0d04afb7 {
  grid-area: sus-headline;
}

#w-node-c1c548c1-3346-7775-d106-520f398484a5-0d04afb7 {
  grid-area: credit;
}

#w-node-_348de683-41e8-f087-7903-c41a0fb1f878-0d04afb7 {
  grid-area: ta-sub;
}

#w-node-a728dabb-a2e4-9186-908a-ea2ad587c1e4-0d04afb7 {
  grid-area: ta-headline;
}

#w-node-_9e57976b-13ed-99d0-9907-35ae318e541d-0d04afb7 {
  grid-area: ta-body;
}

#w-node-_7f1cd9ab-c410-2605-def3-e6ed4616efb2-0d04afb7 {
  grid-area: ta-img;
  place-self: center;
}

#w-node-_29dac484-4ea6-cf38-d36e-bc8d6823f2ab-0d04afb7 {
  grid-area: wp-op-sub;
}

#w-node-bc0281e1-8368-0b39-11c2-ad0e508b29c9-0d04afb7 {
  grid-area: wop-op-headline;
}

#w-node-_9a2de7f1-bc61-1174-2786-239d5e2baddf-0d04afb7 {
  grid-area: wp-op-body;
}

#w-node-_85ef19a8-ade6-1c69-c391-3e2b87cd258c-0d04afb7 {
  grid-area: wp-op-img;
}

#w-node-_9bd243f9-0b5b-209a-9cc7-239931c317ea-0d04afb7 {
  grid-area: wp-cta-sub;
}

#w-node-_51f97202-4247-97dd-b751-95b3fe07813a-0d04afb7 {
  grid-area: wp-cta-headline;
}

#w-node-_958e0d46-2cd0-13e6-b068-1c8d0d31aa2c-0d04afb7 {
  grid-area: wp-cta-img;
}

#w-node-_6097af39-e565-7d6a-5a34-d0abfd8e7f6b-0d04afb7 {
  grid-area: wp-cta-btn;
}

#w-node-_0560a3c4-c314-ed9b-c846-7ec35603f19f-0d04afb7 {
  grid-area: 3 / 1 / 6 / 13;
}

#w-node-d6f2b719-d596-7e3e-61fc-5c616c710317-8904afb5 {
  grid-area: subtitle;
}

#w-node-abd7388e-0d22-f9e6-83b3-1a646a8d2a9d-8904afb5 {
  grid-area: headline;
}

#w-node-a0c7493a-4b6d-ebac-7313-3fed4fa859dd-8904afb5 {
  grid-area: Contact-grid;
}

#w-node-aceca160-9064-1e6a-3cd2-0b7f72599c44-8ea812e0 {
  grid-area: news-subtitle;
}

#w-node-aceca160-9064-1e6a-3cd2-0b7f72599c4a-8ea812e0 {
  grid-area: News-headline;
}

#w-node-aceca160-9064-1e6a-3cd2-0b7f72599c4e-8ea812e0 {
  grid-area: news-body;
}

#w-node-_61e6e0c9-9902-eb5e-017b-6c0844f89852-8ea812e0 {
  grid-area: news-cta;
}

#w-node-_5754099d-480b-8d73-f109-3662d68dd643-c4730e13 {
  grid-area: news-subtitle;
}

#w-node-f7c92169-ac7d-2f2b-8915-00d8fa754bfc-c4730e13 {
  grid-area: News-cards;
}

#w-node-_1b205771-6b96-9343-6ba4-38654f676537-c4730e13 {
  grid-area: Area;
}

#w-node-a396a293-8c58-2f47-223a-df541e2eff47-c4730e13 {
  grid-area: Area-3;
}

#w-node-fd9910ad-63c1-5141-b8d3-f8f7bd1835a3-c4730e13 {
  grid-area: Area-2;
}

#w-node-d913fa1a-20f1-b058-1b35-5fcd5dfa5748-c4730e13 {
  grid-area: Area;
}

#w-node-f32407e3-73ff-d6c8-a103-6b3a7853d031-c4730e13 {
  grid-area: Area-4;
}

#w-node-def6191c-8afd-7fa7-84a7-b446f2a89d52-c4730e13 {
  grid-area: Area;
}

#w-node-def6191c-8afd-7fa7-84a7-b446f2a89d53-c4730e13 {
  grid-area: Area-2;
  align-self: end;
}

#w-node-def6191c-8afd-7fa7-84a7-b446f2a89d59-c4730e13 {
  grid-area: Area-4;
}

#w-node-f4a1714b-dbc5-1076-3d79-10e3a9579e9b-d42a6e5d {
  grid-area: Platform-subtitle;
}

#w-node-bc248568-ce84-3180-cd3b-b73e2af2f7e6-d42a6e5d, #w-node-_821f62fe-2943-e6d1-5e11-de7572a47a3c-d42a6e5d {
  grid-area: Platform-text;
}

#w-node-a492a315-6011-69c8-bbb1-c919fae6b6c2-d42a6e5d {
  grid-area: capture-img;
}

#w-node-_9e897236-17e1-1460-4f14-53b768dad8c0-d42a6e5d, #w-node-fd5e95f5-bdfe-5777-88d4-a53f99afdef3-d42a6e5d {
  grid-area: capture-text;
}

#w-node-_652e4198-98e1-4f1b-b204-bcea06e2ec87-d42a6e5d {
  grid-area: library-text;
}

#w-node-_652e4198-98e1-4f1b-b204-bcea06e2ec88-d42a6e5d {
  grid-area: capture-text;
}

#wrapper-vid-one.w-node-_7ffd17e6-0dab-cf6b-2a66-aa2c1cb160eb-d42a6e5d {
  grid-area: library-img;
}

#w-node-_2418c97d-9b84-7ac6-f26b-ee1ee340efbf-d42a6e5d, #w-node-_2f78d2a7-153b-ec78-9949-3346ff62f80f-d42a6e5d {
  grid-area: tech-img;
}

#w-node-_15ece0aa-c96d-f547-a59f-277a72a64258-d42a6e5d {
  grid-area: tech-text;
}

#w-node-_15ece0aa-c96d-f547-a59f-277a72a64259-d42a6e5d {
  grid-area: capture-text;
}

#wrapper-vid-two.w-node-fca5c088-a853-e3dd-34e9-c8574e5c742d-d42a6e5d {
  grid-area: ai-img;
}

#w-node-cc1eb78c-ef3c-4006-7c05-ecdd82422e16-d42a6e5d {
  grid-area: ai-text;
  align-self: start;
}

#w-node-cc1eb78c-ef3c-4006-7c05-ecdd82422e17-d42a6e5d {
  grid-area: capture-text;
}

#w-node-_6182127b-d331-23db-5669-5baae686c71a-d42a6e5d {
  grid-area: 3 / 9 / 4 / 13;
}

#w-node-_3b45e7fa-79a8-58a8-9478-cc7ef460bd2e-d42a6e5d {
  grid-area: esg-subtitle;
}

#w-node-_1c094e04-6b01-62ac-baa0-d72dff39cda7-d42a6e5d, #w-node-_9d03a460-b209-1c48-0e68-6fcf7e4386b2-d42a6e5d {
  grid-area: threat-text;
}

#w-node-d13d11c4-6d61-be74-eeea-cd40524826a8-d42a6e5d {
  grid-area: esg-headline-and-graph;
}

#w-node-_2cb5a2dd-38e8-61f4-706e-e46d6afec47c-d42a6e5d {
  grid-area: _70-percent;
  place-self: start;
}

#w-node-_0b988025-eb92-2ea3-0c36-63097cb2edd9-d42a6e5d {
  grid-area: _40-percent;
  place-self: start;
}

#w-node-_5785a513-62b6-4937-3904-266e1c04bdc6-d42a6e5d {
  grid-area: 3 / 4 / 4 / 10;
}

#w-node-_6195020f-aa3d-8431-8bdf-dcb6f0f067f1-d42a6e5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_263c1155-9842-b05d-77f2-733eba056389-d42a6e5d {
  grid-area: cta-esg;
}

#w-node-f4359a10-3ae1-30c5-1031-2c37f364d638-d42a6e5d {
  grid-area: Subtitle;
}

#w-node-_7f680457-868f-6f4c-090a-4049409e9fdf-d42a6e5d {
  grid-area: Headline;
}

#w-node-f622c137-6716-8844-e4b4-7c85ac03293d-d42a6e5d {
  grid-area: dt-title;
}

#w-node-_2ce82cb5-d0b1-bf75-857e-5ff5b2706e8f-d42a6e5d {
  grid-area: logo-area;
  align-self: start;
}

#w-node-dcd59216-2de1-5090-a14c-ac767034792e-d42a6e5d {
  grid-area: revit-model-video;
}

#w-node-_44d7e395-ff77-c593-2c29-09c702ccc0f6-d42a6e5d {
  grid-area: Area-2;
}

#w-node-_44d7e395-ff77-c593-2c29-09c702ccc0f8-d42a6e5d {
  grid-area: esg-dt-1;
}

#w-node-_1c5be820-53c7-a696-3ee0-502e0757b21b-d42a6e5d {
  grid-area: Area-3;
}

#w-node-bf799a61-dbf4-f7cb-5575-6fbf7d73f560-d42a6e5d {
  grid-area: Area-4;
}

#w-node-a86172ad-2d83-23f4-dedc-b3073ebaeca9-d42a6e5d {
  grid-area: customer-logos-content;
}

#w-node-fe351b2c-a5f8-1323-c68f-56e0b7137c30-d42a6e5d {
  grid-area: cushman;
}

#w-node-_63c21f29-cea5-d2f8-0fd7-c8fd917354a6-d42a6e5d {
  grid-area: jll;
}

#w-node-_1c197257-ee55-3f97-8133-ada1b97bfbf6-d42a6e5d {
  grid-area: savills;
}

#w-node-_3a513e30-702a-5fea-4598-c6381f8b3d64-d42a6e5d {
  grid-area: knight-frank;
}

#w-node-_1580d30a-b1a0-db58-4615-609ce2755129-d42a6e5d {
  grid-area: savills;
}

#w-node-_174a5517-28ab-e54f-96aa-be0b3fcd5334-d42a6e5d {
  grid-area: bnp;
}

#w-node-_83c1109f-10b0-3854-b494-7a4fbcc2f6f9-d42a6e5d {
  grid-area: cbre;
}

#w-node-_1bada29b-293a-23aa-b6d7-ac3e676751bd-d42a6e5d {
  grid-area: hines;
}

#w-node-e1c28070-68d6-b412-04a2-be05239b627a-d42a6e5d {
  grid-area: firethorn;
}

#w-node-b36ea2da-101b-a304-9f78-6daf250efebe-d42a6e5d {
  grid-area: Customer-quote;
  align-self: start;
}

#w-node-_87a99065-1af2-2494-298c-c547974f7bc7-d42a6e5d {
  grid-area: 3 / 1 / 5 / 5;
}

#w-node-acdb6048-e97f-6281-5604-aeb907a4178a-d42a6e5d, #w-node-ee53eb3c-4623-f87c-d384-f876d0c8cd34-d42a6e5d {
  grid-area: dt-ai-text;
}

#w-node-a8c40d69-e1d4-9fce-b6d7-e9a0efb0f98c-d42a6e5d {
  grid-area: dt-ai-video;
}

#w-node-_2c72d518-10d9-bd4b-ff0d-48eb2fd1a87c-d42a6e5d {
  grid-area: Area;
}

#w-node-_451599dd-1a4d-dbbc-1acb-e3551768bac0-d42a6e5d, #w-node-_90915a51-9964-8de3-cd36-02077b6a4218-d42a6e5d {
  grid-area: Area-2;
}

#w-node-df838d73-269a-2937-579e-3fbff8029159-d42a6e5d {
  grid-area: dt-ai-subtitle;
}

@media screen and (max-width: 991px) {
  #w-node-_9a2de7f1-bc61-1174-2786-239d5e2baddf-e504afb2 {
    align-self: start;
  }

  #w-node-_842e35ed-68eb-7373-5476-4202ca6b6e0f-e504afb2 {
    place-self: start;
  }

  #w-node-fff16a31-f1ea-67c8-6954-9a6026be0a81-e504afb2 {
    align-self: start;
  }

  #w-node-_4ebcd3f9-dc7b-c5ff-3306-ba0d4c6751eb-e504afb2 {
    justify-self: start;
  }

  #w-node-_74cd7a7c-8e83-ab3c-479a-022dcc98e356-e504afb2 {
    grid-area: energy-body;
    align-self: start;
  }

  #w-node-_81f2a5fe-9772-8409-c876-b3e8ad6d0049-e504afb2 {
    justify-self: start;
  }

  #w-node-_61e2294b-6117-9669-86c4-78bf181c7cc5-2122e7c6 {
    grid-area: Nav-link-grid-container;
  }

  #w-node-_92847ff5-373a-afac-24b0-67115b0f9c9f-2122e7c6, #w-node-d4297834-5a54-7d3b-c602-f15d0a40910f-2122e7c6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_90dc6328-91fe-bbb9-463b-597e567f9e3d-0f04afb4, #w-node-_30c852f4-2751-0649-6d76-969ece601e71-0f04afb4, #w-node-_4dd5969b-5016-08ed-9e5b-1637283872ee-0f04afb4 {
    justify-self: start;
  }

  #w-node-_872e8677-31e8-3bfc-b8a2-882b7fd9c46e-3904afa7 {
    grid-area: workimage;
  }

  #w-node-_445a9a3f-798d-b876-b07b-f4f5ce14d727-3904afa7 {
    grid-area: 3 / 1 / 6 / 10;
  }

  #w-node-b64b2d29-7798-8e4e-8fb9-b918dbd7cb6f-5804afa6 {
    grid-area: Footer-grid-4040;
  }

  #w-node-a0c7493a-4b6d-ebac-7313-3fed4fa859dd-c504afa9 {
    grid-area: Footer-grid;
  }

  #w-node-cff7dc7b-0a20-1669-06e3-3a4fcfb512ad-c504afa9 {
    grid-area: office-tablet-area;
  }

  #w-node-_7f1cd9ab-c410-2605-def3-e6ed4616efb2-0d04afb7 {
    justify-self: start;
  }

  #w-node-_0560a3c4-c314-ed9b-c846-7ec35603f19f-0d04afb7 {
    grid-area: 3 / 1 / 6 / 10;
  }

  #w-node-a0c7493a-4b6d-ebac-7313-3fed4fa859dd-8904afb5 {
    grid-area: Footer-grid;
  }

  #w-node-fd9910ad-63c1-5141-b8d3-f8f7bd1835a3-c4730e13 {
    grid-area: Area-2;
  }

  #wrapper-vid-two.w-node-fca5c088-a853-e3dd-34e9-c8574e5c742d-d42a6e5d {
    place-self: start center;
  }

  #w-node-_6182127b-d331-23db-5669-5baae686c71a-d42a6e5d {
    grid-area: 4 / 6 / 5 / 10;
  }

  #w-node-_5785a513-62b6-4937-3904-266e1c04bdc6-d42a6e5d {
    grid-area: 4 / 1 / 5 / 7;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_61e2294b-6117-9669-86c4-78bf181c7cc5-2122e7c6 {
    grid-area: navs-container;
  }

  #w-node-_445a9a3f-798d-b876-b07b-f4f5ce14d727-3904afa7 {
    grid-area: workimage;
  }

  #w-node-b64b2d29-7798-8e4e-8fb9-b918dbd7cb6f-5804afa6 {
    grid-area: footer-grid-4040;
  }

  #w-node-a0c7493a-4b6d-ebac-7313-3fed4fa859dd-c504afa9 {
    grid-area: footer-grid;
  }

  #w-node-cff7dc7b-0a20-1669-06e3-3a4fcfb512ad-c504afa9 {
    grid-area: office-area-mob;
  }

  #w-node-_0560a3c4-c314-ed9b-c846-7ec35603f19f-0d04afb7 {
    grid-area: 4 / 1 / 7 / 10;
  }

  #w-node-a0c7493a-4b6d-ebac-7313-3fed4fa859dd-8904afb5 {
    grid-area: footer-grid;
  }

  #w-node-_652e4198-98e1-4f1b-b204-bcea06e2ec87-d42a6e5d {
    grid-area: library-text;
  }

  #w-node-_6182127b-d331-23db-5669-5baae686c71a-d42a6e5d, #w-node-_5785a513-62b6-4937-3904-266e1c04bdc6-d42a6e5d {
    grid-row: 5 / 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-cff7dc7b-0a20-1669-06e3-3a4fcfb512ad-c504afa9 {
    grid-area: office-area;
  }

  #w-node-_571900f5-258b-ebb4-bd7b-90f77d9e1513-c4730e13 {
    grid-area: Area-6;
  }

  #w-node-a396a293-8c58-2f47-223a-df541e2eff47-c4730e13 {
    grid-area: Area-2;
  }

  #w-node-a8ac2a5d-39cc-36c1-9b47-252a8453b44b-c4730e13 {
    grid-area: Area-5;
  }

  #w-node-_1b93bcbc-d488-3c3e-9aa5-92a151667ec3-d42a6e5d {
    grid-area: esg-mob-img;
  }

  #w-node-a86172ad-2d83-23f4-dedc-b3073ebaeca9-d42a6e5d {
    justify-self: start;
  }

  #w-node-_87a99065-1af2-2494-298c-c547974f7bc7-d42a6e5d {
    grid-row: 6 / 7;
    grid-column-end: 3;
  }
}