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

body {
  margin: 0;
}

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

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

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

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

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

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

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

.w-block {
  display: block;
}

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

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

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

.w-hidden {
  display: none;
}

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

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

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

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

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

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

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

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

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

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

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

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

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

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

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

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

figure {
  margin: 0 0 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-col {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.w-widget {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-tabs {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc9d884e1fdcbc8e0b_Gambetta-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc87d2dd50871a7472_Gambetta-Bold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc1fadf132c5ff6d97_Gambetta-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bce6aa060c2e6a5f42_Gambetta-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc0119df10987b4827_Gambetta-BoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bccaa32ea36ff414c6_Gambetta-BoldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc2decea6f5137caad_Gambetta-BoldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bce4ef00533d82af24_Gambetta-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd43a2d412b2c53fd8_Gambetta-MediumItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd2deceaf09737cabb_Gambetta-MediumItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bdf88e99e59ddb39d7_Gambetta-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd2decea796e37cabc_Gambetta-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd43a2d4bd09c53fda_Gambetta-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd43a2d40622c53fd9_Gambetta-Regular.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd6ac3ca1bec69ba63_Gambetta-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd2decea6f7537cabd_Gambetta-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bce4ef009d9b82af25_Gambetta-Italic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4be31be9227f1b15666_Gambetta-VariableItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bcf37bd11323b9cab3_Gambetta-Italic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4be9d76540e7670e35e_Gambetta-VariableItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc43a2d4ba9ac53fc4_Gambetta-Italic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4be3df3b0213b8c165f_Gambetta-VariableItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc19d136c7a512fd0c_Gambetta-Italic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4be1653fe170fa81ca9_Gambetta-VariableItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bce4ef00402382af26_Gambetta-Light.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc0119df57c37b4828_Gambetta-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd87d2ddc30c1a74e6_Gambetta-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bc0119df1b487b482a_Gambetta-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bdfc12d26467547142_Gambetta-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bde4ef00440c82af27_Gambetta-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd0119df7e087b482b_Gambetta-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd3df3b0318a8c1610_Gambetta-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd87d2dd11b51a74fd_Gambetta-LightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd2decea5d2b37caae_Gambetta-LightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd3df3b001f28c160f_Gambetta-LightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd1fadf16de2ff6d9b_Gambetta-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd289e15e7cf291847_Gambetta-SemiboldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd1ffebb5be942c313_Gambetta-SemiboldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bdcaa32e2dd8f414e5_Gambetta-SemiboldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd3a1d3846922b2882_Gambetta-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gambetta variable;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bef37bd1a7d6b9cabd_Gambetta-Variable.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd1653fe910da81ca8_Gambetta-Variable.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd6ac3cadf7a69ba64_Gambetta-Variable.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd19d1362ad012fd12_Gambetta-Variable.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gambetta;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4be2decea3b0137cac0_Gambetta-Semibold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bde6aa0657cb6a5f5c_Gambetta-Semibold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd3a1d3827262b2881_Gambetta-Semibold.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb4bd9d765454d270e31e_Gambetta-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a56760cecf31c36f9a_GeneralSans-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a506df4012548cb699_GeneralSans-Bold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a51484f1861714849b_GeneralSans-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a53df186093b996338_GeneralSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a5d1140b7b245063ec_GeneralSans-BoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a52a33786c96b3d38c_GeneralSans-BoldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a527ab56ebcc8c446d_GeneralSans-BoldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a59a644119d78cadc2_GeneralSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a737ad3112d313d081_GeneralSans-Light.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a72a93aa05ab66e5d6_GeneralSans-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a74ccc8ff907c1b1c1_GeneralSans-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a706267a03e4971d05_GeneralSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7f0ef345b142a646d_GeneralSans-LightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7c9bc1a1de5e8abc0_GeneralSans-LightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a72a93aa938066e5e3_GeneralSans-LightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a777fad851e5487994_GeneralSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a5490c21d0169c5274_GeneralSans-Extralight.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a55af6af339272e9e2_GeneralSans-Extralight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a52a33785369b3d397_GeneralSans-Extralight.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a52a93aa1bff66e5a9_GeneralSans-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7ac1a9e0fc9554e01_GeneralSans-ExtralightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a506267a1fed971cc3_GeneralSans-ExtralightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7f0ef34e6562a645d_GeneralSans-ExtralightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a506df403f618cb69a_GeneralSans-ExtralightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a74ccc8f7fb7c1b1c6_GeneralSans-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7490c21f9ab9c52a5_GeneralSans-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7bb23d2723d168918_GeneralSans-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a727ab5689ed8c447c_GeneralSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a72a3378c440b3d453_GeneralSans-Italic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a84d9c4e625ce342f7_GeneralSans-VariableItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a79a644141a78cadd2_GeneralSans-Italic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a877fad8cc1d4879c3_GeneralSans-VariableItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a777fad8217448798a_GeneralSans-Italic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a82d13f9ff3454edc8_GeneralSans-VariableItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a706df404d078cb6a7_GeneralSans-Italic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a806267a98ac971d24_GeneralSans-VariableItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a79a6441981c8cadd3_GeneralSans-MediumItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7bd140264e8b229aa_GeneralSans-MediumItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7bd140263bab229ab_GeneralSans-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a77e60d6dd30aaf702_GeneralSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a798ee1229610d78cb_GeneralSans-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a77c0754840f342462_GeneralSans-Regular.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7a9a3db3599931e88_GeneralSans-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7bb23d22aca168919_GeneralSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a87e60d64033aaf704_GeneralSans-Semibold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a7d1140b40405063ff_GeneralSans-Semibold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a8d1140b648d506400_GeneralSans-Semibold.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a8f493390a70cc209f_GeneralSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans variable;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a81484f1f22514852d_GeneralSans-Variable.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a8f20011537611fe08_GeneralSans-Variable.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a84d9c4e51abe342de_GeneralSans-Variable.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a81484f1427314852a_GeneralSans-Variable.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6ab99264a84c2003863_GeneralSans-SemiboldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a8992fec56e84f0b76_GeneralSans-SemiboldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6aa99264a2915003862_GeneralSans-SemiboldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e6a806267a6f04971d0f_GeneralSans-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Coconat;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64536933c2106eb66bc8bbf4_Coconat-BoldExt.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64536933af53c526bb9a03a1_Coconat-BoldExt.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Coconat;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/645369333a337d86871c2d05_Coconat-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6453693393d16d71f113ade1_Coconat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa V 4 Compatibility";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f19bdcd27f936f93be5945_fa-v4compatibility.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f19bdcfb26b0752d678a9f_fa-v4compatibility.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f19bdcb5095c6515abb61b_fa-regular-400.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f199b647eebe2f89e13bcc_fa-regular-400.ttf") format("truetype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f199b647eebe2f89e13bcc_fa-regular-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f19bdc49294e42d375e115_fa-brands-400.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f19bdc8cf4cb4b3c934456_fa-brands-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f19bdc47d3be240f465646_fa-solid-900.woff2") format("woff2"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66f19bdc602ce788583fab87_fa-solid-900.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcd;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e44f4ad8c3a03dcd9_LCD-BOLD.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lcd 2 U";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e71441baffbdd3cdb_LCD2U___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcdmu;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e7ad4d7934f8871bd_LCDMU___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcdmn;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61ef38baea1e97451e0_LCDMN___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lcdm 2 U";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e819216275d0533d4_LCDM2U__.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcd L;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61ebbc5a6904b926caa_LCD-L___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcd U;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e08472d0f93e25a2a_LCD-U___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcdmb;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61eb8a09274cad45d24_LCDMB___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lcd 2 L";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e798dd114b6f60ae7_LCD2L___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcdml;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e0399f900975d536d_LCDML___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lcd 2 N";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61eba193ed833b46ef8_LCD2N___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lcd 2 B";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61ebaed27ad25fc759c_LCD2B___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lcd N;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e56197888732e2363_LCD-N___.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lcdm 2 N";
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e4e52cbd5800fe243_LCDM2N__.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc117904f8dc_Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc11b204f8da_Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accc8d404f8a5_Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc69c404f8a4_Poppins-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc991504f8ae_Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc32ce04f89e_Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc4fb804f8a9_Poppins-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc82da04f8ad_Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc20d004f893_Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc538704f8a6_Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc79e304f89f_Poppins-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accd76c04f8af_Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc59a304f8a8_Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc4e6604f8a7_Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc21df04f8ac_Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc02a804f8db_Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc7df004f8de_Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc7f4804f8a2_Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Protomono;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64536c0a2dd2b86705547e0e_ProtoMono-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Protomono;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6453ebdbc6eca758d71f7ad4_ProtoMono-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk Variable;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/649bfe4407bf7f167207d243_CabinetGrotesk-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Digitalism;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6882f61e399d573f416e9430_digitalism.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Digital tech;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6453694da321cb6c79f352bd_Digital_tech.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/649c054e61bfa2f8d1501446_CabinetGrotesk-Extrabold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk Bold;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/649c02c0cedded8b524ba819_CabinetGrotesk-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cabinetgrotesk Black;
  src: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/649c011c9bc7c6dc47911675_CabinetGrotesk-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --body-dark: #cdd3d2;
  --telos-primary-brand-color: #3f7efc;
  --secondairy-grey: #908c8c;
  --telos-white: #e8e8e8;
  --life-span: #0df5a01a;
  --black-background: #080a0b;
  --header: #ffffff80;
  --color: white;
  --secondary: #2c2c2c;
  --white-2: white;
  --secondary-text: #ffffff80;
  --body-light: #333;
  --white: #ffffff0d;
  --borders: #ffffff26;
  --background-white: #f0f0f0;
  --health-span: #0df5a01c;
  --wake-span: #0df5a0;
  --social-media: #f82f47;
  --red: #dd0929;
  --streaming: #f8862f;
  --chores: #f8502f;
  --grey-on-white: #7e7e7e;
  --corner: #424242;
  --footer-background: #dedede;
  --second: #a1a1a1;
  --2th-surface: #ffffff26;
  --corn-blue: #c24456;
  --transparant: var(--telos-white);
  --width: 25px;
  --relume-library-lite--rl-black: black;
  --relume-library-lite--rl-white: white;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

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

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

.w-pagination-previous {
  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;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

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

.w-pagination-next-icon {
  margin-left: 4px;
}

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

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

body {
  color: var(--body-dark);
  font-family: Exo, sans-serif;
  font-size: .95rem;
  line-height: 160%;
}

h1 {
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  line-height: 110%;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 4rem;
}

h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 30px;
}

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

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

h6 {
  opacity: .4;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Comfortaa, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

p {
  margin-top: 1rem;
  margin-bottom: 10px;
  font-weight: 300;
}

a {
  color: var(--telos-primary-brand-color);
  -webkit-text-stroke-color: var(--telos-primary-brand-color);
  text-decoration: underline;
  transition: transform .3s cubic-bezier(0, 0, .5, 1), opacity .6s cubic-bezier(.327, .108, .099, .991);
}

li {
  opacity: .75;
}

img {
  display: inline-block;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  text-align: left;
  border-left: 5px solid #e2e2e2;
  max-width: 45ch;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-family: EB Garamond, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 120%;
}

figure {
  width: 100%;
  max-width: 95vw;
  margin-bottom: 10px;
}

.body {
  background-color: #000;
}

.image-4.ani {
  width: 90px;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: block;
  overflow: hidden;
}

.container.main {
  position: absolute;
  inset: 0%;
}

.image-6 {
  margin-top: -48.5px;
  font-size: 20px;
}

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

.div-block-17 {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 280px;
  display: flex;
  position: static;
  inset: 0%;
  overflow: visible;
}

.image-20 {
  width: 900px;
  position: fixed;
  inset: -35% auto auto -550px;
}

.image-20.b {
  width: 900px;
  position: fixed;
  inset: auto -550px -35% auto;
  overflow: hidden;
}

.text-block-2 {
  opacity: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-indent: 0;
  text-transform: uppercase;
  border: 1px solid #ffffff4d;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  font-family: PT Sans, sans-serif;
  font-size: 10px;
}

.div-block-18 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-top: 20px;
  display: flex;
  position: static;
  inset: 0%;
}

.div-block-19 {
  object-fit: contain;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.body-3 {
  color: var(--secondairy-grey);
  text-shadow: none;
  max-width: 25ch;
  margin-left: 0;
  margin-right: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
  position: relative;
}

.body-3.middle {
  text-align: center;
  max-width: none;
}

.body-3.middle.width {
  color: var(--secondairy-grey);
  max-width: 91ch;
}

.body-3.middle.width.wip {
  color: #f0a92c;
  max-width: 50ch;
}

.body-3.middle.width.small {
  color: var(--telos-white);
  max-width: 38ch;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.body-3.middle.width.white {
  color: var(--telos-white);
}

.body-3.hide {
  display: none;
}

.body-3.second {
  color: var(--life-span);
}

.body-3.left-side {
  text-align: left;
  max-width: none;
}

.body-3.eft {
  color: var(--black-background);
  text-align: left;
}

.body-3.right-side {
  color: var(--black-background);
  text-align: left;
  flex: 1;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.8rem;
}

.body-3.right-side.bold {
  font-weight: 500;
}

.body-3.right-side.small {
  letter-spacing: 0;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 68ch;
  font-size: .9rem;
  line-height: 1.1rem;
}

.body-3.link {
  text-align: right;
  font-size: .6rem;
  line-height: 1.5;
}

.body-3.link:hover {
  color: var(--telos-primary-brand-color);
  -webkit-text-stroke-color: var(--telos-primary-brand-color);
}

.heading {
  color: #ffffff14;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 300px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.div-block-21 {
  z-index: 10;
  color: #fff;
  margin-top: 15px;
  position: relative;
}

.div-block-22 {
  z-index: 10;
  color: #838383;
  margin-top: 15px;
  position: relative;
}

.div-block-27 {
  object-fit: fill;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 50px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-27.grey {
  margin-bottom: 60px;
}

.image-22 {
  opacity: 1;
  width: 200px;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 60px;
  display: block;
  position: static;
  inset: 0%;
}

.image-22.small {
  width: 140px;
}

.text-block-3 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  width: 70%;
  max-width: 1500px;
  margin-top: 10px;
  font-family: PT Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  overflow: visible;
}

.main-button {
  perspective: 373px;
  color: #000;
  text-align: center;
  text-transform: none;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  transform: none;
}

.main-button.link {
  transform-style: preserve-3d;
  border-radius: 8px;
  width: 100%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.main-button.link:hover {
  transform: scale3d(1none, 1none, 1none);
  color: #000;
}

.main-button.link.app {
  transition: width .2s, opacity .4s;
}

.main-button.link.app:hover {
  opacity: .25;
}

.main-button.link.crowdfunding {
  margin-top: 0;
  margin-bottom: 0;
}

.main-button.link.contact {
  height: 40px;
}

.main-button.link.donwload {
  object-fit: fill;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc08b004f947_Download_on_the_App_Store_Badge_US-UK_RGB_wht_092917.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 50px;
  padding: 0 40px;
}

.main-button.link.donwload:hover {
  opacity: .5;
  transform: scale(.98);
}

.main-button.link.donwload:active {
  opacity: 1;
  transform: scale(1);
}

.main-button.link.donwload.absolute {
  width: 149px;
  height: 50px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-right: 0;
  position: relative;
  inset: 0% 0% 0% auto;
}

.main-button.link.donwload.absolute.banner {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acce95a04f973_Black.png"), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc08b004f947_Download_on_the_App_Store_Badge_US-UK_RGB_wht_092917.svg");
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: contain, contain;
  width: 150px;
  margin-bottom: 20px;
  margin-left: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.main-button.link.donwload.navigator {
  width: 110px;
  height: 37px;
  margin-left: 20px;
  margin-right: 7px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.main-button.link.card {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc9def04f913_Video%20Suggestion%403x%402x-min.png");
  background-position: 0 0;
  background-size: auto;
  width: 200px;
}

.main-button.link.qoute {
  color: #fff0;
  text-align: left;
  white-space: normal;
  background-color: #0000;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  height: 100%;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.main-button.link.qoute._01 {
  text-align: left;
  text-transform: none;
  object-fit: contain;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc5ded04f958_1-min.png");
  background-position: 0 0;
  background-size: cover;
  height: auto;
  position: absolute;
  inset: 0%;
}

.main-button.link.qoute._02 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accbb9104f959_2-min.png");
  background-position: 0 0;
  background-size: cover;
}

.main-button.link.qoute._03 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc816e04f957_4-min.png");
  background-position: 0 0;
  background-size: cover;
}

.main-button.link.qoute._04 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc559a04f95a_3-min.png");
  background-position: 0 0;
  background-size: cover;
  transition: all .3s, transform .2s, opacity .6s cubic-bezier(.327, .108, .099, .991);
}

.main-button.video-link {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accd1dc04f90f_Youtube%20Link%20Copy%202%403x%202.png");
  background-position: 50%;
  background-size: cover;
  width: 500px;
  max-width: 95vw;
  height: 250px;
}

.main-button.video-link.link._2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accb36b04f910_Youtube%20Link%20Copy%402x.png");
}

.main-button.card {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc29fe04f914_Blockchain%20Copy%403x%402x-min.png");
  background-position: 0 0;
  background-size: contain;
  border-radius: 0;
  width: 100%;
  height: auto;
  position: static;
}

.main-button.card.link {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc225b04f915_164%20Note%403x%402x-min.png");
  background-size: cover;
  border: 1px #0000;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}

.main-button.card.link.positive-psychology {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acca71904f935_Gratitude%20Night%403x-min.png");
}

.main-button.card.link.positive-psychology.big {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc562d04f94f_Gratitude%20Night%202.0.png");
  width: 300px;
  height: 450px;
}

.main-button.card.link.social-dilemma {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc29fe04f914_Blockchain%20Copy%403x%402x-min.png");
}

.main-button.card.link.our-story {
  object-fit: contain;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acccd0b04f912_Story%20Social%20Media%402x-min.png");
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: static;
  overflow: visible;
}

.main-button.card.link.blog {
  object-fit: contain;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc556f04f92b_PROTO-min-6.png");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.main-button.card.link.blog-2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc972904f919_GEN-min-2.png");
  background-position: 50%;
  background-size: cover;
}

.main-button.card.link.blog-1 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc556f04f92b_PROTO-min-6.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.div-block-28 {
  width: 500px;
}

.caption {
  color: var(--header);
  text-align: left;
  letter-spacing: 5px;
  text-transform: uppercase;
  width: 100%;
  font-size: .7rem;
  font-weight: 100;
  line-height: 1.5rem;
}

.caption.new {
  margin-top: 40px;
  margin-bottom: 60px;
}

.caption.new.middle {
  text-align: center;
  margin-bottom: 20px;
}

.caption.middle {
  color: var(--black-background);
  text-align: center;
}

.caption.black {
  opacity: 1;
  color: var(--black-background);
  margin-bottom: 0;
  font-weight: 400;
}

.caption.white {
  opacity: 1;
  color: var(--color);
}

.caption.white.category-text {
  letter-spacing: 2px;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1rem;
}

.caption.blue {
  opacity: 1;
  color: var(--secondairy-grey);
}

.caption.secondary {
  color: var(--secondairy-grey);
}

.caption.secondary.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.caption.pill {
  text-align: center;
  white-space: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  font-weight: 400;
}

.caption.pill.black-font {
  color: var(--black-background);
}

.caption.no-margin {
  margin-bottom: 0;
}

.caption.no-margin.datum {
  color: var(--telos-white);
  text-align: left;
  margin-bottom: 1rem;
  font-size: .6rem;
  line-height: 1rem;
  position: relative;
}

.caption.no-margin.datum.right {
  width: auto;
}

.caption.no-margin.book-caft {
  color: var(--telos-white);
  text-align: right;
  width: 11rem;
  height: 100%;
  font-size: .4rem;
  line-height: 1rem;
  position: relative;
}

.caption.center {
  text-align: center;
}

.div-block-29 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 169px;
  display: flex;
  overflow: visible;
}

.telos-logo-final {
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.telos-logo-final.big {
  width: 30rem;
  height: 30rem;
}

.telos-logo-final.big.new-blur {
  filter: blur(30px);
}

.telos-logo-final.blur {
  opacity: .4;
  filter: blur(5px);
  border-radius: 0;
  width: 4rem;
  height: 4rem;
  display: block;
}

.telos-font {
  width: 100%;
  padding-top: 3px;
  display: block;
  position: relative;
  overflow: visible;
}

.left-content {
  flex-direction: column;
  align-items: center;
  width: 350px;
  display: flex;
}

.div-block-31 {
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #3898ec00;
  padding: 0;
  font-family: PT Sans, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.button-3:hover {
  opacity: .7;
}

.action-calls {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

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

.html-embed {
  flex-direction: column;
}

.polaris {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.75rem;
}

.polaris._50 {
  opacity: .5;
  text-align: center;
}

.polaris._50.small {
  margin-bottom: 60px;
  font-size: 11px;
}

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

.polaris.blog.big {
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

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

.polaris.small {
  opacity: .4;
  margin-top: 0;
}

.polaris.hide {
  display: none;
}

.video {
  width: 100vw;
  height: 100vw;
  display: flex;
  position: relative;
}

.main-body {
  background-color: var(--black-background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-body.blog {
  max-width: 100vw;
}

.main-body.white {
  background-color: var(--black-background);
  align-items: flex-start;
}

.main-body.deep-black {
  background-color: #000;
  padding-top: 0;
}

.html-embed-2, .video-2 {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.looped-teaser {
  object-fit: fill;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100vh;
  overflow: visible;
}

.darkening-layer {
  background-color: #0009;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: block;
  position: static;
}

.darkening-layer.nogthin {
  background-color: #0000;
}

.video-view {
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  display: flex;
  position: sticky;
  inset: 0%;
  overflow: hidden;
}

.telos-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.app-walkthrough {
  z-index: 3;
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 770px;
  display: block;
  position: relative;
  overflow: visible;
}

.container-2 {
  position: absolute;
}

.darkneing-layer-black {
  opacity: .95;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-background-intro {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  display: flex;
  position: static;
  inset: 0%;
}

.navigator-bar {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 3.25rem;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: block;
  position: fixed;
  inset: 1.5rem 0% auto;
}

.navigator-bar.move-away {
  margin-top: 1rem;
  position: absolute;
}

.background {
  object-fit: fill;
  max-height: 700px;
  margin-top: 276px;
  display: block;
  position: static;
  inset: 0%;
}

.text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #dcdbdb;
  text-align: justify;
  flex-direction: column;
  width: auto;
  display: flex;
}

.text.grit-border-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-width: 1px;
  border-color: #fff3;
  border-radius: 5px;
}

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

.text.grit-border-block.no-borders {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-right-radius: 0;
}

.text.grit-border-block.diffeerent {
  border-width: 0;
}

.text.grit-border-block.top {
  border-top-width: 1px;
  border-top-color: var(--telos-white);
  border-right-width: 1px;
  border-right-color: var(--telos-white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.text.grit-border-block.rb {
  border-bottom-right-radius: .5rem;
}

.text.grit-border-block.bottem-left {
  border-top-width: 0;
  border-bottom-left-radius: .5rem;
}

.text.grit-border-block.bottem-right {
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-right-radius: .5rem;
}

.text.grit-border-block.bottem {
  border-right-width: 1px;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.text.grit-border-block.line-right {
  border-top-width: 1px;
  border-top-color: var(--telos-white);
  border-right-width: 1px;
  border-right-color: var(--telos-white);
}

.text.grit-border-block.hide {
  display: none;
}

.lottie-animation {
  width: 75px;
  margin-bottom: 1rem;
}

.hero-scroll-container {
  flex-direction: column;
  align-items: center;
  width: 1300px;
  max-width: 100vw;
  height: 200vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.sticky-container {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hero-bullet-points {
  opacity: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.hero-bullet-points._1, .hero-bullet-points._2 {
  opacity: 0;
}

.hero-bullet-points._3 {
  opacity: 1;
}

.hero-bullet-points._4 {
  opacity: 0;
  border-radius: 0;
}

.hero-bullet-text {
  opacity: 1;
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
  width: 1177.41px;
  max-width: 100vw;
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 4rem;
  text-decoration: none;
}

.hero-bullet-text.smaller {
  font-style: normal;
  line-height: 1;
}

.section {
  z-index: 10;
  position: relative;
}

.text-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
  overflow: visible;
}

.hero-text-5 {
  width: 100%;
  padding-bottom: 200px;
}

.hero-headline {
  opacity: 0;
  color: #f5f5f7;
  text-align: center;
  letter-spacing: -.15px;
  font-size: 150px;
  line-height: .667;
}

.sticky-container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1200px;
  max-width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.watch-the-film {
  opacity: 0;
  color: #fff;
  text-align: center;
  margin-top: 50px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.17;
}

.summary-texts {
  max-width: 100vw;
  position: relative;
}

.lotti-icon {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

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

.div-block-37 {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  flex-direction: row;
  flex: 0 auto;
  grid-template: "Area Area"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  margin-bottom: 10px;
  display: grid;
}

.hero-video {
  z-index: -3;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
}

.text-span {
  opacity: .7;
}

.bold-text {
  color: #474747;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  text-decoration: line-through;
}

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

.smaller {
  font-size: 70px;
  line-height: .9;
}

.italic-text {
  font-style: italic;
  font-weight: 700;
}

.text-span-2 {
  font-weight: 400;
}

.text-span-3, .text-span-4 {
  font-style: italic;
}

.container-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-39 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 22px;
  display: flex;
}

.nav-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black-background);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 64rem;
  height: 100%;
  margin-right: 1rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.nav-content.white {
  color: var(--telos-white);
  max-width: 100%;
}

.nav-menu {
  letter-spacing: .5px;
  text-indent: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
}

.mobile-burger {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}

.mobile-burger-line {
  background-color: #fff;
  width: 60%;
  height: .5px;
}

.nav-link {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 34px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s, opacity .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.nav-link:hover {
  opacity: 1;
  background-color: #ffffff40;
  border-radius: 5px;
  transform: scale(.96);
}

.nav-link.w--current {
  transition: all .25s, opacity .2s cubic-bezier(.645, .045, .355, 1);
}

.nav-link.logo {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc0d5e04f8e0_apple-logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 44px;
}

.nav-link.search {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc3f9f04f8df_search.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.nav-link.bag {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc280704f8ea_bag.svg");
  background-position: 50%;
  background-repeat: no-repeat;
}

.nav-link.download {
  color: #000;
  width: 88px;
  height: 34px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 2px;
}

.nav-link.see-all {
  margin-bottom: 15px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.nav-link.schedule-today {
  color: #000;
  text-transform: capitalize;
  background-color: #ca9c6d;
  border: 2px solid #ffffff4d;
  border-radius: 20px;
  width: 190px;
  margin-top: 59px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  transition: all .25s, all .25s, opacity .2s cubic-bezier(.645, .045, .355, 1);
  box-shadow: 0 0 8px 4px #ca9c6d4a;
}

.nav-link.schedule-today:hover {
  background-color: #9c7853;
}

.nav-link.schedule-today.complete {
  box-shadow: none;
  color: #fff;
  text-transform: none;
  background-color: #fff3;
}

.div-block-40 {
  width: 460px;
  padding-left: 0;
}

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

.purpose-content {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.purpose-content.intro {
  margin-top: 70px;
  margin-bottom: 0;
}

.purpose-content.intro.slide {
  z-index: 1;
  width: 100vw;
  margin-top: 0;
  margin-bottom: auto;
  position: relative;
}

.purpose-content.intro.slide.low-index {
  z-index: 0;
}

.grid {
  grid-column-gap: 50px;
  grid-row-gap: 10px;
  grid-template: "."
  / .5fr .5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: flex-start;
  max-width: 890px;
  margin-top: 220px;
  display: grid;
}

.image-25 {
  width: 100%;
  max-width: 500px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  inset: 0%;
}

.grid-2 {
  grid-column-gap: 25px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-areas: ". ."
                       "Area ."
                       ". Area-2";
  grid-auto-flow: row dense;
  max-width: 890px;
}

.div-block-41 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.socials {
  opacity: .98;
  justify-content: center;
  display: flex;
}

.image-26 {
  background-color: #0000;
  width: 50px;
}

.div-block-43 {
  justify-content: space-around;
  margin-top: 20px;
  display: flex;
}

.social-button {
  object-fit: contain;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accb2a204f8e5_287692_mail_icon.png");
  background-position: 50%;
  background-size: cover;
  width: 20px;
  height: 30px;
  margin-bottom: 5px;
  transition: opacity .5s cubic-bezier(.327, .108, .099, .991);
}

.social-button:hover {
  opacity: .4;
}

.social-button.discord {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc757604f8e8_3069758_circle_discord_gaming_messenger_round%20icon_icon.png");
}

.social-button.discord:hover {
  opacity: .4;
}

.social-button.twitter {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accff0004f8e6_5279123_tweet_twitter_twitter%20logo_icon.png");
}

.social-button.linkedin {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc3b8e04f8e7_1964405_linkedin_logo_media_social_icon.png");
}

.div-block-44 {
  max-width: 890px;
  margin-top: 220px;
}

.peteer-thiel-quote {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 42px;
  display: none;
}

.image-27 {
  opacity: .27;
  width: 700px;
  padding-right: 0;
}

.bakchround-blur {
  opacity: 1;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.bakchround-blur.hiering {
  height: 3rem;
}

.bakchround-blur.round {
  border-radius: 8rem;
  height: 3rem;
}

.bakchround-blur.light {
  box-shadow: 0 5px 15px 2px #0000001a;
}

.blurred-surface {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  inset: 0%;
}

.blurred-surface.small {
  z-index: auto;
  background-color: #0009;
  border: 1px solid #fff3;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 90vw;
  height: 90px;
  margin-bottom: 1rem;
  padding: 10px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.grid-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template: "Area Area"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 3rem;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.bold-text-3 {
  font-family: Comfortaa, sans-serif;
  font-weight: 300;
}

.footer {
  z-index: 5;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.image-28 {
  opacity: .96;
  width: 100px;
  display: block;
}

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

.text-block-4 {
  opacity: .94;
  color: #fff;
  text-align: left;
  margin-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 39px;
}

.image-29 {
  width: 190px;
}

.button-5 {
  object-fit: fill;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accfa5904f8ec_Earfy-download-apple-app-store-768x272.png");
  background-position: 0 0;
  background-size: cover;
  width: 180px;
  height: 63px;
}

.up-content {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template: ". Area"
                 ". Area"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: stretch;
  place-items: center stretch;
  margin-top: 1rem;
  display: flex;
}

.up-content.rl-container-medium {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.credits {
  margin-bottom: 2rem;
}

.image-30 {
  width: 100vw;
  height: auto;
  display: block;
}

.main-content {
  padding: 100px 10px;
}

.main-content.blog1 {
  z-index: 2;
  position: relative;
}

.div-block-48 {
  align-items: center;
  width: 100vw;
  display: flex;
}

.blog-header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  width: 100vw;
  position: static;
}

.image-31 {
  object-fit: cover;
  width: 500px;
  height: 700px;
  display: block;
}

.div-block-49 {
  padding: 20px;
}

.card-page {
  background-color: #0e1012;
}

.blog-hero {
  z-index: 1;
  opacity: 0;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-50 {
  object-fit: fill;
  width: 100%;
}

.blog-1 {
  font-family: Montserrat, sans-serif;
  line-height: 22px;
}

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

.centered-container {
  text-align: center;
  flex: 1;
}

.gallery-grid-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 40px;
  display: grid;
}

.gallery-lightbox {
  position: relative;
  overflow: hidden;
}

.gallery-thumbnail {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.text-block-5 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -30px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: Comfortaa, sans-serif;
  display: flex;
}

.blog-listing {
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.darkening {
  object-fit: contain;
  background-image: linear-gradient(to top, #000, #fff 28%, #fafafa);
  position: absolute;
  inset: 0%;
}

.darkening-2 {
  object-fit: cover;
  background-color: #ce3030;
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
}

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

.block-quote {
  text-align: left;
  text-indent: 0;
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 120%;
}

.block-quote._33 {
  width: 33%;
}

.auhtor {
  color: #fff;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
}

.bold-text-4 {
  font-weight: 300;
}

.card-hero {
  z-index: 1;
  opacity: 1;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.card-header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  position: static;
}

.card-header.width {
  width: auto;
}

.quote-blogs {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  grid-template: "Area-3 Area-3 Area-3 Area-3" 400px
                 "Area-2 Area-2 Area-2 Area-2" 400px
                 ". . . ." 400px
                 ". . . ." 400px
                 / 1fr 1fr 1fr 1fr;
  place-items: start stretch;
  width: 100%;
  margin-top: 20px;
}

.container-7 {
  flex-direction: column;
  align-items: center;
  margin-top: 110px;
  margin-bottom: 220px;
  display: flex;
}

.text-block-6 {
  color: #fff;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.div-block-51 {
  height: 100%;
  padding-bottom: 10px;
}

.image-32 {
  object-fit: cover;
  width: 100%;
  height: 310px;
}

.main-blog {
  object-fit: contain;
  width: 100%;
}

.big-picture {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.bold-text-5 {
  opacity: 1;
}

.quotes {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc59d704f91b_25%20copy-min.png");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.quote-frame {
  object-fit: fill;
  flex-direction: column;
  margin-bottom: 10px;
  line-height: 2px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.quote-frame:hover {
  transform: scale(.97);
}

.quote-text {
  color: #fff;
  width: 230px;
  font-size: 15px;
  font-style: italic;
  font-weight: 500;
  line-height: 25px;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.quote-text.smaller {
  width: 330px;
}

.quote-text.right {
  text-align: right;
  margin-right: 20px;
  inset: 0% 0% auto auto;
}

.div-block-52 {
  flex-flow: column wrap;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: static;
}

.text-block-7 {
  position: static;
}

.quote-structure {
  margin-top: 12.1rem;
  margin-right: -50px;
  position: relative;
}

.quote-structure.right {
  text-align: right;
  padding-right: 20px;
  inset: 0% 0% auto auto;
}

.author {
  opacity: 1;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 17px;
  position: static;
}

.quote-page {
  background-color: #000;
}

.card-picture {
  object-fit: fill;
  width: 460px;
  height: 670px;
}

.gallery-container {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 100px;
  display: flex;
  overflow: hidden;
}

.gallery-container.intro {
  align-items: flex-start;
  width: 100vw;
}

.sticky-nav {
  z-index: 1;
  background-color: #f4f4f4;
  padding: 118px 20px 20px;
  position: sticky;
  top: 0;
}

.nav-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
}

.nav-logo-link {
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
}

.nav-logo {
  object-fit: contain;
  object-position: 0% 50%;
  width: auto;
  height: 100%;
}

.nav-link-2 {
  color: #444;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  text-decoration: none;
  display: block;
}

.nav-link-2:hover {
  text-decoration: underline;
}

.telos-logo-nav {
  z-index: 10;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 20rem;
  height: 99%;
  margin-right: .5rem;
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
}

.telos-logo-nav.light {
  border-left-color: #00000026;
  border-right-color: #00000026;
}

.mobile-nav {
  position: relative;
  overflow: hidden;
}

.m-nav-toggle-description {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
}

.hamburger-menu {
  z-index: 1;
  text-decoration: none;
  display: none;
  position: absolute;
  bottom: 55px;
}

.m-nav-toggle {
  z-index: 99;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.m-nav-list {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: block;
}

.m-nav-link {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 54px;
  text-decoration: none;
}

.m-nav-close-icon {
  width: 23px;
  padding: 1px;
}

.m-nav-link-item {
  text-align: center;
}

.m-nav-link-item.first-item {
  padding-top: 65px;
}

.m-nav-link-item.last-item {
  padding-bottom: 135px;
}

.m-nav-toggle-inner {
  box-shadow: none;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-color: #000;
  border-radius: 99em;
  justify-content: center;
  align-items: center;
  padding: 17px 25px;
  transition: transform .25s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
}

.m-nav-toggle-inner:active {
  transform: scale(.88);
}

.m-nav-toggle-inner.close {
  padding: 18px;
}

.nav-overlay-gradient-top {
  z-index: 4;
  background-image: linear-gradient(#242423 15%, #24242300);
  height: 65px;
  position: absolute;
  inset: 0% 0% auto;
}

.m-nav-toggle-bg {
  z-index: 1;
  background-image: linear-gradient(#eee0, #fff 98%);
  height: 125px;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.m-nav-toggle-close {
  z-index: 1;
  text-decoration: none;
  display: none;
  position: absolute;
  bottom: 55px;
}

.m-nav-content {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
}

.nav-overlay-gradient-bottom {
  z-index: 4;
  background-image: linear-gradient(to top, #242423 15%, #24242300);
  height: 130px;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.m-nav-overlay {
  z-index: 95;
  background-color: #242423;
  align-items: flex-end;
  width: 100%;
  height: 90%;
  display: none;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.menu-left {
  flex: 1;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  display: flex;
}

.menu-right {
  align-items: center;
  display: flex;
}

.seperation-line {
  background-color: var(--secondairy-grey);
  width: 100%;
  height: .5px;
  margin-top: 60px;
  position: absolute;
  inset: 0% 0% auto;
}

.seperation-line.small {
  color: #686565;
  background-color: #686565;
  align-self: stretch;
  width: 88%;
  height: .5px;
  margin-top: 0;
  position: absolute;
  inset: 65% 0% 0%;
}

.seperation-line.content {
  inset: auto 0% 0%;
}

.seperation-line.content.below {
  margin-bottom: -20px;
  position: relative;
  inset: auto 0% 0%;
}

.seperation-line.footer, .seperation-line.seperation {
  margin-top: 0;
}

.download-button {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: row;
  align-items: center;
  margin-left: 15px;
  transition: opacity .2s;
}

.download-button.investor:hover {
  opacity: .5;
}

.text-block-8 {
  color: #000;
  padding-top: 1px;
  font-size: 20px;
}

.div-block-58 {
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.image-33 {
  width: 60%;
  margin-top: 25px;
}

.gratitude-night-challenge {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 220px;
  margin-bottom: 220px;
  display: block;
}

.investor-lists {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  display: block;
  position: absolute;
  inset: 0%;
}

.investor-list {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.investor-list.slide {
  margin-bottom: -90px;
}

.investor-list.rl-container-large {
  align-items: center;
}

.investor-list.rl-container-large.less-padding {
  flex-direction: column;
  margin-bottom: 0;
}

.seperator {
  background-color: #ffffff1a;
  width: 100vw;
  height: 20px;
}

.iphones {
  z-index: 2;
  object-fit: cover;
  width: 96vw;
  max-width: 2000px;
  margin-bottom: -382px;
  margin-left: 43px;
  position: static;
  inset: auto 0% 0%;
  overflow: visible;
}

.image-phone-mobile {
  opacity: 0;
  display: none;
  position: absolute;
}

.gratitude-night {
  z-index: 3;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 19px #000;
  margin-top: 10px;
  font-size: 90px;
  line-height: 120px;
  position: absolute;
}

.color-white {
  z-index: -2;
  background-color: #e4e4e4;
  width: 100%;
  height: 100%;
  margin-bottom: 227px;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-60 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.div-block-61 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-62 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
}

.div-block-63 {
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  display: flex;
  position: absolute;
}

.div-block-64 {
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-65 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: absolute;
}

.mobile-download {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.download-link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 70px;
  margin-bottom: 20px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.direct-download-button {
  z-index: 50;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.form-block {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.text-block-9 {
  position: absolute;
}

.heading-2 {
  z-index: 20;
  text-align: center;
  margin-top: 114px;
  position: absolute;
  inset: 0% 0% auto;
}

.heading-2.heropage {
  text-align: left;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-right: 15px;
  font-size: 20px;
  line-height: 24px;
  position: static;
}

.heading-2.heropage.new {
  margin-right: 0;
  font-size: 21px;
}

.container-9 {
  z-index: 40;
  position: absolute;
}

.newsletter-sign-up {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0009;
  border: 1px solid #fff3;
  border-radius: 10px;
  height: 90px;
  padding: 10px 9px;
  display: flex;
}

.news-letter {
  flex-direction: column;
  justify-content: center;
  max-width: 80%;
  margin-top: 11px;
  display: flex;
}

.form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: .25fr;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: .5fr;
  grid-auto-flow: column;
  align-items: flex-end;
  display: grid;
}

.text-field {
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 5px;
  margin-bottom: 0;
  padding-bottom: 7px;
  transition: all .25s;
}

.text-field:hover {
  background-color: #fff3;
  border-color: #fff;
}

.text-field:active {
  background-color: #ffffff1a;
}

.text-field:focus {
  background-color: #fff3;
  border-color: #4d8ef0;
}

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

.submit-button {
  color: #000;
  background-color: #fff;
  border-radius: 5px;
  height: 40px;
  font-weight: 700;
}

.success-message {
  background-color: #4d8ef0;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
}

.error-message {
  background-color: #f04d50;
  border-radius: 5px;
  width: 100%;
  font-size: 10px;
  position: static;
  inset: auto 0% 0%;
}

.download-section {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2rem;
  display: none;
}

.lists {
  margin-top: 20px;
}

.cover-art {
  object-fit: cover;
  background-color: #161616;
  width: 100%;
  height: 106%;
  transition: opacity .2s;
}

.cover-art.molecule {
  object-fit: fill;
  width: 100%;
  height: 110%;
}

.collection-item {
  background-color: #fff0;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all .25s;
  display: flex;
  position: relative;
  overflow: visible;
}

.collection-item.out-of-6 {
  background-color: #ffffff12;
}

.collection-item.out-of-6:hover {
  background-color: #fff3;
}

.collection-item.slide {
  background-color: #ffffff12;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-right: .5rem;
  padding: 1rem;
  position: relative;
}

.collection-item.slide:hover {
  background-color: #fff3;
}

.collection-item.surface {
  -webkit-backdrop-filter: saturate(70%) blur(15px);
  backdrop-filter: saturate(70%) blur(15px);
  background-color: #ffffff14;
  border: .5px solid #fff0;
  border-radius: 1rem;
  align-items: stretch;
  transition: all .2s;
  position: static;
  box-shadow: inset 0 -1px #ffffff4d;
}

.collection-item.surface:hover {
  border-color: var(--telos-primary-brand-color);
  background-color: #ffffff21;
  transform: scale(.98);
}

.collection-item.surface.slide {
  align-items: flex-start;
  margin-top: 2rem;
  margin-right: -2rem;
  padding: 0;
  position: relative;
  overflow: visible;
  transform: perspective(1000px);
}

.collection-item.surface.slide._3d {
  perspective: 667px;
  transform-style: preserve-3d;
  transform: perspective(647px)rotateX(0)rotateY(31deg)rotateZ(0);
}

.collection-item.surface.slide.blog {
  margin-top: 0;
  margin-right: 0;
}

.collection-item.surface.slide.blog-version {
  height: 22.3rem;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-right: 0;
}

.collection-item.surface.slide.dark {
  background-color: #00000014;
  box-shadow: inset 0 -1px #0000004d;
}

.collection-item.surface.slide.scientific-paper-structure {
  min-width: 25rem;
}

.collection-item.surface.tile {
  flex-direction: column;
  align-items: stretch;
  min-width: 25rem;
  max-width: 80vw;
  height: 275px;
  margin-bottom: 0;
  padding: 1rem;
  overflow: hidden;
}

.collection-item.surface.tile.text-color-bblack {
  align-items: stretch;
}

.collection-item.surface.tile.text-color-bblack.dark {
  background-color: #00000014;
  border-width: 0;
  border-color: #00000080;
  position: relative;
  box-shadow: inset 0 -1px #0000004d;
}

.collection-item.surface.category-collection-item {
  border-radius: 8rem;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.collection-item.surface.organisation {
  padding-top: 0;
  padding-bottom: 0;
}

.collection-item.surface.enaggement {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 6rem;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
}

.collection-item.surface.partnerships {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.collection-item.surface.tool {
  width: 30rem;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.collection-item.tag-surface {
  -webkit-backdrop-filter: saturate(150%) blur(15px);
  backdrop-filter: saturate(150%) blur(15px);
  background-color: #ffffff14;
  border: .5px solid #fff0;
  border-radius: .5rem;
  align-items: stretch;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all .2s;
  position: static;
  box-shadow: inset 0 -1px #ffffff4d;
}

.collection-item.tag-surface:hover {
  background-color: #ffffff21;
  transform: scale(.98);
}

.collection-item.tag-surface.slide {
  align-items: flex-start;
  margin-top: 2rem;
  margin-right: 1rem;
  position: relative;
  overflow: visible;
  transform: perspective(1000px);
}

.collection-item.tag-surface.slide:hover {
  border-color: #fff9;
}

.collection-item.tag-surface.slide._3d {
  perspective: 667px;
  transform-style: preserve-3d;
  transform: perspective(647px)rotateX(0)rotateY(31deg)rotateZ(0);
}

.collection-item.tag-surface.tile {
  flex-direction: column;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding: 1rem;
  overflow: hidden;
}

.collection-item.tag-surface.category-collection-item {
  border-width: .5px;
  border-color: var(--telos-primary-brand-color);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #676ef5;
  background-color: #fff0;
  border-radius: 8rem;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.collection-item.tag-surface.category-collection-item:hover {
  background-color: #3f7efc4d;
}

.collection-item.tag-surface.organisation {
  padding-top: 0;
  padding-bottom: 0;
}

.heading-3 {
  text-transform: none;
  max-height: 2.7rem;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.3rem;
  overflow: hidden;
}

.heading-3.category-tag {
  display: none;
}

.heading-3.organisation {
  height: auto;
}

.heading-3.text-color-black {
  color: var(--black-background);
}

.card-content {
  z-index: 8;
  width: 13rem;
  position: relative;
  overflow: visible;
}

.card-content.slide {
  width: 10rem;
  height: 8rem;
  margin-top: 16rem;
  margin-right: 1.5rem;
  overflow: hidden;
}

.card-content.slide.partnerships {
  width: 12.4rem;
  margin-top: 13.4rem;
  margin-right: 0;
}

.card-content.slide.scientific-paper {
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  max-width: 100%;
  margin-top: 1rem;
  margin-right: 2rem;
  display: flex;
}

.card-content.organisation {
  display: block;
}

.text-block-11 {
  color: #afafaf;
  white-space: break-spaces;
  object-fit: cover;
  width: 100%;
  max-height: 156px;
  margin-bottom: -16px;
  font-size: 10px;
  overflow: hidden;
}

.text-block-11.quick-win {
  max-height: 140px;
  margin-top: 10px;
}

.div-block-68 {
  background-color: #fdfdfd0d;
  width: 100%;
  height: 100%;
  position: absolute;
}

.collection-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: start;
  place-items: start;
  display: flex;
}

.collection-6 {
  justify-content: center;
}

.div-block-69 {
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.visual-representation {
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 1rem;
  width: 130px;
  height: 200px;
  margin-right: 0;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  transform: perspective(475px)rotateX(0)rotateY(35deg)rotateZ(0);
  box-shadow: 5px 12px 25px 4px #000000c2;
}

.visual-representation.big {
  z-index: 5;
  width: 300px;
  height: 650px;
  margin-right: 248px;
  position: relative;
  inset: 0% auto 0% 0%;
  box-shadow: -40px 30px 25px #000;
}

.visual-representation.big.blog {
  width: 390px;
  height: 340px;
  margin-top: 40px;
  margin-right: 0;
  position: sticky;
  top: 100px;
  overflow: hidden;
}

.visual-representation.big.sticky {
  position: sticky;
  top: 100px;
}

.visual-representation.card {
  transform-style: preserve-3d;
  width: 152px;
  height: 216px;
  position: absolute;
  inset: 4% -5% 0% auto;
  overflow: hidden;
  transform: translate(0)rotateX(0)rotateY(35deg)rotateZ(0);
}

.visual-representation.card.blog-version {
  transform-style: preserve-3d;
  max-height: 84%;
  margin-left: 11px;
  position: relative;
  inset: 0%;
  transform: rotate(0)rotateX(0)rotateY(35deg)rotateZ(0);
}

.visual-representation.card.account-version {
  transform-style: preserve-3d;
  width: 130px;
  height: 120px;
  max-height: 84%;
  margin-left: 11px;
  position: relative;
  inset: 0%;
  transform: rotate(0)rotateX(0)rotateY(35deg)rotateZ(0);
}

.visual-representation.card.partnerships {
  margin-top: 9px;
}

.visual-representation.profile-picture {
  border-radius: 5px;
  width: 340px;
  height: 250px;
  margin-bottom: 20px;
  margin-left: 20px;
  position: sticky;
  top: 100px;
  bottom: 40px;
}

.visual-representation.molecule-shape {
  width: auto;
  height: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.visual-representation.medium {
  width: 230px;
  height: 330px;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.highlight {
  opacity: 1;
  filter: blur(20px);
  mix-blend-mode: soft-light;
  background-color: #fff;
  border-radius: 50px;
  width: 8rem;
  height: 8rem;
  margin-top: 15px;
  position: absolute;
  inset: 0%;
}

.highlight.big {
  opacity: .25;
  filter: blur(40px);
  width: 300px;
  height: 300px;
}

.highlight.new {
  opacity: .32;
  mix-blend-mode: normal;
}

.image-34 {
  opacity: .4;
  width: 98px;
  height: 198px;
  position: absolute;
  inset: 7% auto auto 3%;
}

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

.container-10.homepage {
  margin-top: 40px;
}

.image-35 {
  border-radius: 35px;
  width: 300px;
  height: 650px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-3 {
  width: 100vw;
  position: static;
  inset: 0%;
}

.container-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-4 {
  margin-top: 0;
}

.div-block-70 {
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
}

.text-block-12 {
  color: #e4e4e485;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 10px;
}

.text-structure {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: -227px;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.text-block-13 {
  margin-bottom: 10px;
}

.task-button {
  color: #fff;
  background-color: #3898ec00;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 10px;
  transition: all .2s, transform .2s, opacity .6s cubic-bezier(.327, .108, .099, .991);
}

.task-button:hover {
  background-color: #ffffff0d;
}

.list {
  width: 500px;
}

._00-00 {
  color: #6e6e6e;
  letter-spacing: 2px;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  position: absolute;
  inset: 30% 10% 0% auto;
  overflow: hidden;
}

.div-block-72 {
  position: relative;
}

.image-36 {
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-left: auto;
  transition: margin .2s;
  position: absolute;
  inset: 15% 2% 0% auto;
}

.link-block {
  width: 100%;
  height: 40px;
  position: relative;
}

.link-block:hover {
  background-color: #ffffff12;
}

.task-title {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-decoration: none;
}

.depth {
  background-image: linear-gradient(260deg, #0006, #0000 56%);
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-73 {
  z-index: 5;
  background-color: #1b0b0b;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-74 {
  z-index: 5;
  opacity: .28;
  background-image: linear-gradient(to right, #0000, #000000f0);
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.atom {
  color: #fff;
  background-color: #ffffff0d;
  border: 1px solid #0e1012;
  border-radius: .5px;
  width: 100%;
  margin-bottom: 3px;
}

.atom:hover {
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: .5px;
}

.heading-5 {
  margin-bottom: 20px;
  font-family: Staatliches, sans-serif;
}

.pagination {
  justify-content: space-around;
  width: 5rem;
  display: flex;
}

.previous:active, .next:active {
  transform: scale(.93);
}

.content-link-surface {
  z-index: 5;
  width: 100%;
  padding: 1rem;
  text-decoration: none;
}

.content-link-surface.partnerships {
  position: relative;
}

.mask {
  z-index: 3;
  width: 140%;
  height: 300px;
  position: absolute;
  inset: 89px 0% -9%;
}

.task-name {
  color: var(--telos-white);
  white-space: nowrap;
  object-fit: fill;
  align-items: center;
  height: 100%;
  padding-left: 9px;
  font-size: 11px;
  display: flex;
  position: static;
  overflow: hidden;
}

.task {
  white-space: pre;
  -webkit-text-fill-color: inherit;
  background-color: #ffffff0d;
  background-clip: padding-box;
  flex-direction: row;
  align-items: center;
  width: 120%;
  height: 2rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
  display: flex;
  position: relative;
}

.task:hover {
  background-color: #ffffff1a;
}

.task.top {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  flex-direction: row;
  align-items: flex-start;
}

.task.dark {
  background-color: #0000001a;
}

.collection-sample {
  z-index: 8;
  width: 100%;
  position: absolute;
  inset: -4px 0% 0% auto;
  overflow: visible;
}

.text-block-14 {
  text-align: left;
  font-size: 12px;
}

.container-12 {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 100px;
  display: flex;
  position: relative;
}

.div-block-78 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.link-block-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--telos-white);
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  padding: .2rem .7rem;
  text-decoration: none;
  transition: opacity .2s, all .2s, transform .2s, opacity .6s cubic-bezier(.327, .108, .099, .991);
  display: flex;
}

.link-block-3:hover {
  background-color: #ffffff1a;
  border-radius: 5px;
}

.go-back {
  color: var(--telos-white);
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}

.section-4 {
  width: 100%;
  margin-top: 20px;
}

.div-block-79 {
  width: 100%;
}

.back {
  height: 40px;
  position: relative;
}

.div-block-80 {
  align-items: center;
  display: flex;
}

.image-37 {
  color: var(--telos-primary-brand-color);
  width: 25px;
  transition: margin .2s;
  position: relative;
}

.div-block-81 {
  background-image: linear-gradient(#1c1e2000, #1c1e20);
  width: 100%;
  height: 40px;
  margin-bottom: -11px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.quick-wins {
  margin-top: 40px;
}

.collection-list-core {
  justify-content: flex-start;
  padding-bottom: 1rem;
  display: flex;
}

.collection-list-core._2rows {
  grid-column-gap: .5rem;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 25rem 25rem 25rem 25rem 25rem;
  grid-auto-columns: 25rem;
  grid-auto-flow: column;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.collection-row-content-hint {
  width: 100%;
  max-width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
  overflow: scroll;
}

.collection-row-content-hint.display-element {
  z-index: 20;
  color: #0000;
  width: auto;
  margin-top: 0;
  position: sticky;
  top: 8rem;
  overflow: hidden;
}

.collection-row-content-hint.display {
  width: auto;
  max-width: none;
  padding-left: 53px;
  padding-right: 53px;
  position: sticky;
  top: 8rem;
}

.collection-row-content-hint.no-scroll {
  overflow: visible;
}

.slide-structure {
  margin-top: 20px;
}

.slide-structure.summaries {
  margin-top: 60px;
}

.rich-text-block {
  font-size: 11px;
  position: relative;
}

.description {
  color: #fff9;
  height: 8rem;
  font-size: .7rem;
  font-weight: 300;
  line-height: 17px;
}

.description.organisation {
  height: 5rem;
  max-height: none;
  margin-top: 0;
  display: block;
}

.description.text-color-black {
  color: var(--black-background);
}

.description.small {
  height: auto;
}

.description.in-list {
  height: 3.6rem;
  margin-top: -5px;
  overflow: hidden;
}

.description.in-list.text-color-bblack.hide, .description.hide {
  display: none;
}

.description.one-line {
  white-space: pre-wrap;
  height: auto;
  margin-top: 5px;
  font-size: .8rem;
  line-height: 1.3rem;
}

.description.scientific-names {
  white-space: normal;
  height: 1rem;
}

.container-14 {
  margin-top: 80px;
}

.quote {
  text-transform: uppercase;
  white-space: break-spaces;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 25px;
}

.rich-text-block-3 {
  font-size: 12px;
}

.blog-container {
  color: var(--black-background);
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.container-15 {
  flex-direction: row;
  display: flex;
}

.cta-block {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.div-block-83 {
  width: 20px;
}

.div-block-84 {
  align-items: center;
  display: flex;
}

.text-block-15 {
  width: 475px;
  padding-left: 10px;
  font-size: 10px;
  line-height: 16px;
}

.div-block-85 {
  width: 75vw;
}

.autograph {
  z-index: 2;
  width: 18rem;
  height: 10rem;
  position: relative;
  inset: 0%;
}

.autograph.smaller {
  vertical-align: baseline;
  width: 15rem;
  height: auto;
  margin-right: 1rem;
}

.molecule-structure {
  align-self: stretch;
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.list-structure {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.list-structure.rl-container-medium {
  grid-column-gap: 1rem;
}

.list-structure.rl-container-medium.horiontal {
  flex-direction: row;
  display: flex;
}

.summary-structure {
  display: flex;
}

.text-structure-true {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  max-width: 30rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.section-5 {
  width: 100%;
  margin-top: 7rem;
  margin-bottom: 2rem;
  position: relative;
}

.icon-logo {
  object-fit: cover;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: static;
  inset: 0%;
}

.icon-logo.w--current {
  z-index: 5;
  aspect-ratio: 1;
  flex: 0 auto;
  align-items: center;
  width: auto;
  display: flex;
  position: static;
}

.book-description {
  margin-bottom: 40px;
  font-size: 12px;
}

.grid-5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-self: stretch;
  margin-top: 1rem;
}

.investor-name-block {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  object-fit: fill;
  background-color: #ffffff0d;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all .25s;
  display: flex;
}

.investor-name-block:hover {
  background-color: #ffffff1a;
  border: 1px solid #ffffff40;
  transform: scale(.97);
}

.investor-name {
  opacity: 1;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  transition: all .25s;
  overflow: visible;
}

.investor-name._50 {
  opacity: .5;
  text-align: center;
}

.investor-name._50.small {
  margin-bottom: 60px;
  font-size: 7px;
}

.investor-name.blog {
  text-align: left;
}

.investor-name.blog.big {
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.link-block-5 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.collection-list-wrapper-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.blog-structure {
  border-radius: .5rem;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.blog-structure.white {
  background-color: var(--telos-primary-brand-color);
}

.blog-structure-true {
  grid-column-gap: .5rem;
  grid-row-gap: 16px;
  transform-style: preserve-3d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 16rem;
  padding: 1rem;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
  overflow: visible;
  transform: perspective(804px)rotateX(0)rotateY(20deg)rotateZ(0)perspective(804px);
}

.collection-list-3 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template: "." 25rem
  / 1fr 1fr 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  justify-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
  transform: none;
}

.author-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 150%;
  height: 100%;
}

.darkening-layer-2 {
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.quotes-section {
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.quotes-section.hide {
  margin-top: 179px;
  display: block;
}

.link-block-6 {
  position: absolute;
  inset: 0%;
}

.text-body-quick-win {
  color: #e4e4e4;
  margin-bottom: 20px;
  font-size: 12px;
}

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

.div-block-87.middle {
  justify-content: center;
  height: 100%;
  position: relative;
}

.div-block-87.align-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: flex-start;
}

.section-seperation-line {
  background-color: #fff3;
  width: 100%;
  height: .5px;
  position: static;
  inset: 0% 0% auto;
}

.section-seperation-line.small {
  background-color: #fff3;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.section-seperation-line.content {
  inset: auto 0% 0%;
}

.section-seperation-line.content.below {
  margin-bottom: -20px;
  position: relative;
  inset: auto 0% 0%;
}

.section-seperation-line.footer {
  margin-top: 0;
}

.section-seperation-line.big {
  width: 100vw;
}

.section-seperation-line.top {
  z-index: 2;
  margin-top: 0;
  position: absolute;
}

.section-seperation-line.down {
  margin-top: 0;
}

.section-seperation-line.black {
  background-color: #0003;
}

.telos-app-icon {
  background-color: #000;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 3px 5px 9px 6px #070707c4;
}

.telos-app-icon.colum {
  margin-bottom: 2rem;
}

.telos-app-icon.mini {
  border-color: #ffffff80;
  border-radius: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  box-shadow: 0 2px 5px 1px #0707074d;
}

.telos-app-icon.mini.white-background {
  left: -3px;
  box-shadow: 0 3px 4px #0707074d;
}

.telos-app-icon.mini.white-background.hide {
  display: none;
}

.telos-app-icon.mini.special {
  box-shadow: none;
  border-radius: 1.39rem;
  width: 4.2rem;
  height: 4.3rem;
  position: absolute;
  inset: 22px auto 0% 21px;
}

.telos-app-icon.large {
  border-color: #ffffff87;
  border-radius: 1.9rem;
  width: 7rem;
  height: 7rem;
  display: none;
  box-shadow: -1px 6px 9px 6px #0707074d;
}

.profile-picture {
  object-fit: cover;
  background-color: #161616;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc912004f95b_Profile%20Picture%202%202.jpg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
}

.personal-bio {
  margin-top: 40px;
  display: block;
}

.personal-bio.slide {
  margin-top: 60px;
  display: none;
}

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

.div-block-89 {
  width: 500px;
  margin-left: 60px;
}

.rich-text-block-4 {
  font-size: 11px;
}

.rich-text-block-5 {
  font-weight: 300;
}

.rich-text-block-6 {
  text-align: left;
  width: 480px;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
}

.rich-text-block-6.homepage {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.our-story-content {
  margin: -20vh 1rem 5rem;
}

.stop-scrolling {
  z-index: auto;
  background-color: #ececec;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/63848606eae78cd12e906c36_pawel-czerwinski-bYuY3uU_H_g-unsplash-min.png");
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
  width: 100vw;
  height: 1000px;
  margin-top: 20rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-90 {
  margin-top: 153px;
  position: absolute;
  top: -9%;
  bottom: 0%;
  right: 12%;
}

.text-block-16 {
  color: #000;
  text-transform: uppercase;
  font-size: 9rem;
  font-weight: 700;
  line-height: 7rem;
  position: static;
}

.text-block-16.white {
  color: #fff;
  margin-top: 3rem;
  position: absolute;
}

.image-39 {
  z-index: 2;
  text-transform: uppercase;
  font-family: Staatliches, sans-serif;
  font-weight: 400;
  position: relative;
}

.container-17 {
  margin-top: 440px;
  position: absolute;
  inset: 0% auto 0% 20%;
}

.div-block-91 {
  position: absolute;
  inset: 0%;
}

.image-40 {
  width: 70%;
  margin-top: -20px;
}

.div-block-92 {
  z-index: 5;
  position: absolute;
  top: 440px;
}

.container-18 {
  position: relative;
}

.div-block-93 {
  opacity: .05;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc76fe04f962_istockphoto-910331794-612x612.jpg");
  background-position: 0 0;
  background-size: 200px;
  position: absolute;
  inset: 0%;
}

.mobile-library {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle {
  z-index: 1;
  background-color: #00000026;
  border-radius: 500px;
  width: 600px;
  height: 600px;
  margin-top: 211px;
  margin-left: 147px;
  position: absolute;
}

.image-41 {
  border-radius: 40px;
  width: 280px;
  margin-top: 60px;
  box-shadow: 21px 21px 20px #000;
}

.card {
  width: 164px;
  height: 240px;
  margin-right: 6px;
}

.card.hide-card {
  width: 210px;
  height: 240px;
}

.cards-collection {
  z-index: 5;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 188px;
  margin-left: 4px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.iphone {
  flex-direction: column;
  align-items: center;
  margin-top: 6rem;
  display: flex;
}

.cards {
  opacity: .9;
  width: 130%;
  display: block;
  position: static;
  inset: 0%;
}

.beatiful-illustration {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.masking-layer {
  width: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.closing {
  color: #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: Staatliches, sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  position: static;
}

.closing.white {
  z-index: -2;
  color: #fff;
  margin-top: 130px;
  position: absolute;
}

.closing.dark {
  margin-bottom: 20px;
  font-size: 52px;
  line-height: 50px;
}

.container-19 {
  flex-direction: row;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.text-span-5 {
  color: #ffffff54;
}

.text-span-5.black {
  color: #000;
}

.list-homepage {
  z-index: 5;
  background-color: #161616;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-bottom: -140px;
  display: flex;
  position: relative;
}

.div-block-97 {
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.section-6 {
  margin-top: 5rem;
  padding-top: 20px;
  display: none;
}

.text-block-17 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 22px;
  font-size: 10px;
}

.container-20 {
  margin-top: 20px;
}

.banner {
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 250px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.image-43 {
  object-position: 100% 50%;
  height: 100%;
  position: static;
  inset: 0%;
}

.banner-text {
  color: #000;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 20px;
  font-family: Staatliches, sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.banner-text.white {
  z-index: -2;
  color: #fff;
  margin-top: 130px;
  position: absolute;
}

.div-block-98 {
  border-radius: 9px;
  margin-left: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block-99 {
  position: absolute;
  inset: 0%;
}

.container-21 {
  display: none;
  position: relative;
}

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

.accept-button {
  margin-top: 60px;
}

.counterup {
  color: #e9e9e9;
  font-size: 5rem;
  font-weight: 600;
  line-height: 5rem;
}

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

.text-block-19 {
  margin-top: 20px;
}

.heading-6 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: .8rem;
  font-weight: 400;
}

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

.content-numbers {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-span-6 {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc55e804f976_19.%20Can%20Can.png");
  background-position: 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.text-filled-with-image {
  -webkit-text-fill-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accd7cd04f978_19.%20Can%20Can.png");
  background-position: 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}

.text-filled-with-image.top {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accd7cd04f978_19.%20Can%20Can.png");
  background-position: 0 0;
}

.text-filled-with-image.middle {
  background-position: 100%;
}

.text-filled-with-image.down {
  background-position: 50% 100%;
}

.text-filled-with-image.blue {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc3fc404f979_01.%20Royal%20Heath.png");
  background-position: 100%;
  background-size: 70vw;
}

.text-filled-with-image.blue.top {
  background-size: 150%;
}

.text-filled-with-image.blue.middle {
  background-position: 50%;
  background-size: 70vw;
  font-size: 2rem;
  line-height: 2rem;
}

.text-filled-with-image.blue.smaller {
  font-size: 2rem;
  line-height: 2;
}

.text-span-7 {
  color: #ffffff14;
  line-height: 3.5rem;
}

.bold-text-7 {
  color: #bbb;
}

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

.div-block-104 {
  aspect-ratio: 1;
  width: 1.8rem;
  position: relative;
}

.heading-7 {
  letter-spacing: 7px;
  text-transform: uppercase;
  margin-top: 160px;
}

.telos-text-logo {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 16rem;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.advisory-board {
  display: none;
}

.grid-6 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
}

.image-44 {
  border-radius: 4000px;
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
  box-shadow: 0 0 25px #0009;
}

.div-block-106 {
  background-color: #ffffff0d;
  border: 1px solid #0000;
  flex-direction: column;
  align-items: center;
  width: 170px;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 20px 30px;
  transition: all .25s;
  display: flex;
  position: relative;
}

.div-block-106:hover {
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  transform: scale(.97);
}

.image-45 {
  width: 20px;
  height: 20px;
  margin-top: 20px;
}

.link-block-7 {
  opacity: .2;
  position: absolute;
  inset: 0%;
}

.bold-text-8 {
  text-transform: none;
  padding-left: 2px;
  font-weight: 300;
}

.section-7 {
  width: 100vw;
  margin-top: 60px;
}

._404__message-text {
  color: #fff9;
  text-align: center;
  max-width: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

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

.link {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

._0 {
  border: 0 #000;
  font-size: 300px;
  line-height: 1;
}

._4b {
  font-size: 300px;
  line-height: 1;
}

._404__letters {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

._404__link {
  padding: 10px 20px;
}

.c-404 {
  display: none;
  position: relative;
}

._404__body {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

._404__message {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.underline__link {
  perspective-origin: 0%;
  transform-origin: 0%;
  background-color: #fff;
  height: 2px;
}

._4a {
  opacity: 1;
  font-size: 300px;
  line-height: 1;
}

._404__links {
  justify-content: space-around;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

._404__lottie {
  width: 40vw;
  max-width: 900px;
  max-height: 900px;
  margin-bottom: 100px;
  padding-bottom: 0;
}

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

.grid-7 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template: "Area-2 Area-2 Area-3 Area-3 Area Area" 200px
                 "Area-4 Area-5 Area-6 Area-7 Area Area" 200px
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.fill-button {
  background-color: #000;
  transition: all .2s, transform .2s, opacity .6s cubic-bezier(.327, .108, .099, .991);
}

.fill-button:hover {
  background-image: none;
  transform: scale(.98);
}

.fill-button.logo {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc7b7d04f98a_Icon%20Template%20Mac%20512pt.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.fill-button.main-logo {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc47cd04f989_Logo%20%2B%20Text.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  position: relative;
}

.fill-button.main-logo:hover {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc47cd04f989_Logo%20%2B%20Text.png");
  background-position: 50%;
  background-size: contain;
}

.fill-button.logo-text {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc2f2c04f990_Screenshot%202022-07-05%20at%2016.58.38.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.fill-button.photo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fill-button.photo._1 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc335f04f991_1-min.png");
  background-size: cover;
  position: relative;
}

.fill-button.photo._2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc396f04f98c_2.png");
  background-size: cover;
  position: relative;
}

.fill-button.photo._3 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc652204f98b_3.png");
  background-size: cover;
  position: relative;
}

.fill-button.photo._4 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc25e604f98d_4.png");
  position: relative;
}

.fill-button.profile {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc912004f95b_Profile%20Picture%202%202.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.hex {
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hex._1 {
  background-image: linear-gradient(#080808, #080808);
}

.div-block-108 {
  position: relative;
}

.color-block {
  background-image: linear-gradient(#a7a7a780, #a7a7a780);
  position: absolute;
  inset: 0%;
}

.color-block._2 {
  background-image: linear-gradient(#3d1bd4, #3d1bd4);
}

.color-block._3 {
  background-image: linear-gradient(#04d1a6, #04d1a6);
}

.color-block._4 {
  background-image: linear-gradient(#9d00ff, #9d00ff);
}

.media-assets {
  flex-direction: column;
  max-width: 1000px;
  margin-top: 40px;
  display: flex;
}

.photos {
  max-width: 1000px;
  margin-top: 40px;
}

.grid-8 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: 350px 350px;
}

.download {
  width: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  position: absolute;
  inset: auto 0% 0% auto;
}

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

.bnn-fd-center-wrap-1 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.bnn-fd-center-g1-wrap-heading-1 {
  margin-bottom: 1em;
}

.bnn-fd-center-g1-wrap-heading-1.text-style-muteed-2-0 {
  opacity: .3;
}

.bnn-fd-center-g1-g2-link-1 {
  color: var(--black-background);
  text-align: left;
  flex-direction: column;
  flex: none;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
}

.pages-on-the-right {
  grid-column-gap: 1rem;
  grid-row-gap: 20px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: stretch stretch;
  display: grid;
}

.pages-selection {
  grid-column-gap: 0em;
  grid-row-gap: 1.2em;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start;
  justify-items: start;
  display: flex;
}

.bnn-fd-wrap-center-1 {
  border-top: .2em solid #e0e0e0;
  border-bottom: .2em solid #e0e0e0;
  width: 100%;
  margin-top: 20px;
}

.bnn-fd-center-g1-g2-wrap-link-1-1 {
  grid-column-gap: .5rem;
  text-align: left;
  align-items: center;
  transition: opacity .3s;
  display: flex;
}

.bnn-fd-center-g1-g2-wrap-link-1-1:hover {
  opacity: .3;
}

.bnn-fd-center-principalwrap-1 {
  width: 100%;
  max-width: 84em;
  margin-left: auto;
  margin-right: auto;
}

.footer-headlines {
  color: #000;
  margin-bottom: 1rem;
  font-weight: 700;
}

.footer-headlines.extra-margin {
  margin-left: 5px;
}

.pages-overview {
  margin-top: 40px;
}

.div-block-109 {
  margin-top: 20px;
  margin-left: -10px;
  display: flex;
}

.enormous-title {
  z-index: 100;
  margin-top: 2px;
  margin-left: -2px;
  font-family: Staatliches, sans-serif;
  font-size: 150px;
  line-height: 120px;
}

.container-22 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.title {
  width: 100vw;
  display: none;
}

.small-header {
  z-index: 100;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Staatliches, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.even-small-header {
  z-index: 100;
  width: 44em;
  margin-top: 20px;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.comming-soon {
  border: 1px solid #fff;
  border-radius: 6px;
  margin-top: 140px;
  margin-left: 2px;
  display: none;
}

.text-block-21 {
  text-transform: uppercase;
  padding: 2px 5px 0;
  font-size: 10px;
}

.div-block-110 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 140px;
  display: flex;
  overflow: hidden;
}

.title-masking {
  overflow: hidden;
}

.title-masking.marging {
  margin-top: -10px;
}

.text-block-22 {
  font-size: 12px;
  display: none;
}

.point-down-animation {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

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

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

.text-block-23 {
  width: 44em;
  font-size: 11px;
  font-weight: 300;
}

.div-block-112 {
  background-image: linear-gradient(#0003, #0003);
  position: absolute;
  inset: 0%;
}

.text-block-24 {
  font-size: 12px;
}

.back-to-top_button {
  z-index: 99;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #a3a3a3;
  background-color: #fffc;
  border: 1px solid #0000001a;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  transition: all .2s ease-in-out;
  display: flex;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}

.back-to-top_button:hover {
  color: #000;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xsmall.back-to-top {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-embed-xsmall.back-to-top {
  color: #f4efea;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}

.icon-embed-xsmall.back-to-top:hover {
  color: var(--telos-white);
}

.section-8 {
  z-index: 2;
  width: 65rem;
  position: relative;
}

.rl_styleguide_empty-box {
  z-index: -1;
  background-color: #e4e2df;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl-styleguide-label {
  color: #fff;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0073e6;
  margin-top: -2px;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.rl-styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 1rem;
  display: grid;
}

.rl-styleguide_item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

.rl-padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-styleguide_spacing {
  border: 1px dashed #000;
}

.rl-padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.rl-padding-global {
  flex: 1;
  align-self: stretch;
}

.rl-container-large {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 75rem;
  max-width: 100vw;
  position: relative;
}

.rl-container-large.hide {
  display: none;
}

.rl-container-large.top-padding {
  z-index: 2;
  margin-top: 8rem;
  margin-bottom: 4rem;
}

.rl-container-large.less-padding {
  padding-top: 0;
}

.rl-container-large.cards-padding {
  z-index: 2;
  width: 100vw;
  max-width: 100vw;
  padding-top: 0;
  padding-left: 5rem;
  padding-right: 0;
  display: block;
}

.rl-container-large.cards-padding.less-padding {
  margin-bottom: 2rem;
}

.rl-container-large.cards-padding.slider {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
  padding-top: 0;
  overflow: visible;
}

.rl-container-large.cards-padding.slider.hide {
  display: none;
}

.rl-container-large.about {
  flex-direction: column;
  align-self: center;
}

.rl-container-large.our-story-content {
  flex-direction: column;
  max-width: 64rem;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-right: 0;
}

.rl-container-large.wide {
  justify-content: space-between;
  width: auto;
}

.rl-container-large.full-heidght {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 180vh;
  margin-bottom: 10rem;
}

.rl-container-large.extra-margin {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.rl-container-large.black {
  background-color: var(--black-background);
  padding-top: 10rem;
}

.rl-container-large.verticale {
  background-color: #0e101200;
  flex-direction: column;
}

.rl-container-large.verticale.black.limiited-length {
  align-items: center;
  margin-left: 4rem;
  margin-right: 4rem;
}

.rl-container-large.negative-top-margin {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rl-container-medium {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.rl-container-medium.verticale-align {
  flex-direction: column;
  justify-content: center;
}

.rl-container-medium.smaller {
  max-width: 30rem;
}

.rl-container-medium.smaller.quote-willams {
  align-items: center;
  height: 50rem;
}

.rl-container-medium.hiering {
  z-index: 40;
  height: 3rem;
  transition: all .3s;
  display: none;
  position: relative;
  top: 6rem;
}

.rl-container-medium.hiering:hover {
  opacity: .6;
}

.rl-container-medium.our-story-content {
  flex-direction: column;
}

.rl-container-medium.our-story-content.hide {
  display: none;
}

.rl-container-medium.max-heidght {
  justify-content: flex-start;
  align-items: flex-start;
  height: 85vh;
}

.rl-container-medium.max-heidght.miiddle {
  justify-content: center;
}

.rl-container-medium.max-heidght.hero {
  z-index: 3;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
}

.rl-container-medium.wide {
  flex-direction: row;
  justify-content: space-between;
  max-width: none;
}

.rl-container-medium.wide.feauture {
  grid-column-gap: 5rem;
  width: 90rem;
  max-width: 90vw;
  height: auto;
  min-height: 27rem;
}

.rl-container-medium.wide.feauture.right-side {
  justify-content: flex-end;
}

.rl-container-medium.wide.feauture.verticale, .rl-container-medium.wide.feauture.big-idea, .rl-container-medium.wide.verticale {
  flex-direction: column;
}

.rl-container-medium.centered {
  align-items: center;
}

.rl-container-medium.centered.row {
  grid-row-gap: 1rem;
  align-items: flex-start;
  margin-top: 0;
  padding-left: 0;
  display: flex;
}

.rl-container-medium.navigation {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  max-width: 75rem;
  height: 100%;
  box-shadow: 0 2px 15px 5px #000000b3;
}

.rl-container-medium.navigation.white {
  box-shadow: 0 2px 15px 5px #0000001a;
}

.rl-container-medium.call-to-advanture {
  grid-row-gap: 0rem;
  background-color: var(--black-background);
  border-radius: .5rem;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding: 5rem;
  overflow: hidden;
  box-shadow: 0 10px 40px #000000bf;
}

.rl-container-medium.hero {
  align-self: center;
  align-items: center;
}

.rl-container-medium.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
  top: 2rem;
}

.rl-container-medium.max {
  z-index: 2;
  align-items: stretch;
}

.rl-container-medium.max.side-margin {
  padding-left: 1rem;
  padding-right: 1rem;
}

.rl-container-medium.hero-new {
  z-index: 2;
  align-self: center;
  align-items: center;
  max-width: 90rem;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.rl-container-medium.special {
  margin-bottom: 0;
  margin-left: 1rem;
  margin-right: 1rem;
}

.rl-container-medium.right-disabled._2rem-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.rl-container-medium._100-hiedght {
  height: 100%;
}

.rl-container-medium._100-hiedght.rotate {
  perspective: 2000px;
}

.rl-container-medium.mission {
  opacity: 1;
  margin-top: 9rem;
  position: relative;
}

.rl-container-medium.height-100 {
  height: 100%;
}

.rl-container-medium.right-side {
  display: none;
}

.rl-container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-container-small.centre-middle {
  align-self: center;
}

.rl-text-style-regular {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.text-size-small {
  font-size: .875rem;
}

.text-size-small.text-size-medium.hero-section {
  font-size: 1rem;
  font-weight: 200;
  line-height: 1rem;
}

.text-size-small.text-weight-normal {
  line-height: 1.5;
}

.text-color-darkgrey {
  color: #161616a6;
}

.rl-heading-style-h5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.rl_styleguide_heading-wrapper {
  border-bottom: 1px solid #000;
  width: 100%;
  padding-bottom: .75rem;
}

.rl_styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  padding-bottom: 4rem;
}

.rl-styleguide_color {
  padding-bottom: 8rem;
}

.rl-styleguide_color.rl-gray {
  background-color: #f4f4f4;
}

.rl-styleguide_color.rl-white {
  background-color: #fff;
}

.rl-styleguide_color.rl-black {
  background-color: #000;
}

.styleguide_grid-colours {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.rl-button {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.class-label-column {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl_styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}

.form-radio-label {
  margin-bottom: 0;
}

.rl-form-radio-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 100px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .5rem;
}

.rl-form-radio-icon.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.rl-form-radio-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
  margin-top: 0;
}

.rl-form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.form-checkbox-label {
  margin-bottom: 0;
}

.rl-form-checkbox-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 0;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s;
}

.rl-form-checkbox-icon.w--redirected-checked {
  box-shadow: none;
  background-color: #000;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.rl-form-checkbox-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.rl-form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.rl-form-select-input {
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #000;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.rl-form-select-input::placeholder {
  color: #0009;
}

.form-field-wrapper {
  position: relative;
}

.rl-form-text-area {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  height: auto;
  min-height: 11.25rem;
  margin-bottom: 0;
  padding: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  overflow: auto;
}

.rl-form-text-area:focus {
  border-color: #000;
}

.rl-form-text-area::placeholder {
  color: #000;
}

.rl-form-input {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.rl-form-input:focus {
  border-color: #000;
}

.rl-form-input::placeholder {
  color: #000;
  font-size: 1rem;
}

.rl-field-label {
  color: #000;
  margin-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.form-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rl-button-link-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.rl-button-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  text-align: center;
  background-color: #0000;
  border: 1px #000;
  padding: .25rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.rl-button-secondary-small {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-button-secondary {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-button-small {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  padding: .5rem 1.25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  place-items: center start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.rl-text-style-link {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
  text-decoration: underline;
}

.rl-text-style-subheading {
  color: var(--telos-white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl-text-style-tiny {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl-text-style-small {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl-text-style-medium {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
}

.rl-text-style-large {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Relative;
  font-size: 1.25rem;
  font-weight: 400;
}

.rl-heading-style-h6 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.rl-heading-style-h4 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.rl-heading-style-h4.mission {
  max-width: 15ch;
  margin-top: 1rem;
  font-weight: 600;
}

.rl-heading-style-h4.vision {
  max-width: 35ch;
  margin-top: 1rem;
  font-weight: 600;
}

.rl-heading-style-h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl-heading-style-h2 {
  margin-top: 2rem;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  line-height: 4rem;
}

.rl-heading-style-h2.align-left {
  text-align: left;
}

.rl-heading-style-h2.mobile {
  display: none;
}

.rl-heading-style-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl_styleguide_component {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 3rem;
  display: flex;
}

.link-block-8 {
  position: relative;
}

.content-padding {
  z-index: 10;
  flex-direction: column;
  align-items: flex-start;
  width: 12rem;
  margin-top: .5rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.content-padding.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 260px;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  display: grid;
  overflow: visible;
}

.grain {
  z-index: 99;
  opacity: .05;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb3967a1c90b3bd98d813_grain-slow.gif");
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
  position: fixed;
  inset: 0%;
}

.noise-overlay {
  z-index: 1;
  opacity: .79;
  mix-blend-mode: soft-light;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb6009d76540bf971037c_60faf96692616d7217c80fe9_noise-transparent-intense.png");
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: 50px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-46 {
  opacity: .66;
  margin-left: 50vw;
  position: fixed;
}

.selection-title {
  margin-top: 3rem;
  position: relative;
}

.selection-title.less-margin {
  margin-top: 1rem;
}

.slider-selection {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  position: relative;
}

.slider-selection.extra-padding {
  max-width: 100vw;
  display: none;
}

.next-2 {
  color: #fff;
  background-color: #fafafa00;
  border-width: 0;
  align-self: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.previous-2 {
  display: flex;
}

.container-23 {
  flex-direction: column;
  align-items: center;
  height: 60px;
  display: flex;
  position: relative;
}

.collection-item-2 {
  position: relative;
}

.fade-away {
  z-index: 10;
  background-image: linear-gradient(270deg, var(--black-background), #0e101200);
  width: 10rem;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.fade-away.lighter {
  background-image: linear-gradient(270deg, #242424, #0e101200);
  display: none;
}

.search-cms-wrapper {
  color: #fff;
  width: 100%;
  max-height: 230px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: absolute;
  overflow: auto;
}

.search-cms-list {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.hero-heading {
  text-align: center;
  letter-spacing: -4px;
  margin: 0 0 17px;
  font-size: 5rem;
  line-height: 1.1;
  transform: perspective(1451px);
}

.search-form {
  position: relative;
  inset: 0%;
}

.search-cms-item-1 {
  flex: none;
  width: 100%;
  display: block;
}

.search-input-wrapper {
  border: 1px #000;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  font-size: .8rem;
  display: flex;
  position: relative;
}

.featured-recipe-wrapper {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.featured-recipes-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  display: flex;
}

.featured-recipe-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 3.5rem;
  display: flex;
}

.search-icon {
  z-index: 0;
  opacity: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 27% auto auto 4%;
}

.no-results-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: #fff;
  text-align: left;
  background-color: #0e245d85;
  border: 1px solid #ffffff30;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  transition: background-color .325s ease-out;
  display: none;
}

.no-results-1:hover {
  text-decoration: none;
}

.search-input-1 {
  border: 0 #000;
  border-radius: 0;
  height: 55px;
  margin-bottom: 0;
  padding-left: 42px;
  padding-right: 0;
}

.search-input-1:focus {
  border-style: none;
  border-width: 0;
}

.no-result-emoji {
  flex-direction: column;
  width: 60px;
  margin-bottom: 6px;
  display: flex;
}

.no-results-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-paragraph {
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
}

.hero-search-item {
  flex-direction: column;
  align-items: stretch;
  width: 50%;
  min-width: 570px;
  display: flex;
}

.call-caps-text {
  letter-spacing: .55px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.container-24 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.seach-cms {
  display: block;
}

.introduction {
  background-color: #1a1c1e;
  width: 100vw;
  height: 100vh;
  padding: 1rem 1rem 3rem;
  position: fixed;
  overflow: hidden;
}

.introduction.transparant {
  background-color: #1a1c1e00;
  display: none;
}

.search-meal-type {
  display: block;
}

.search-item {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  color: #3525b8;
  text-align: left;
  background-color: #edf2ff;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 101%;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  transition: background-color .325s ease-out;
  display: block;
}

.search-item:hover {
  color: #052cc0;
  background-color: #dce4f9;
  text-decoration: none;
}

.search-prep-time, .search-easy-prep {
  display: none;
}

.search-term-copy {
  color: #3525b8;
  letter-spacing: .2px;
  text-transform: uppercase;
  background-color: #4e4b0a17;
  padding: 5px 7px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  display: inline-block;
}

.prep-time-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #3525b880;
  text-transform: uppercase;
  justify-content: flex-start;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.search-content-bottom {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #3525b880;
  text-transform: uppercase;
  justify-content: flex-end;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.search-content-top {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.searchable-keywords-1 {
  display: none;
}

.search-name {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

.html-embed-3 {
  margin-top: 156px;
}

.category-name {
  color: var(--telos-primary-brand-color);
  white-space: nowrap;
  font-size: .7rem;
  font-weight: 400;
  text-decoration: none;
}

.category-name.category-count-text {
  opacity: .5;
  margin-left: .5rem;
  display: none;
}

.link-block-9 {
  text-decoration: none;
  display: flex;
}

.actions-collection {
  background-color: #f3f3f3;
  border-radius: 5rem;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: block;
  position: relative;
}

.section-9 {
  transform: perspective(600px);
}

.heading-xxlarge {
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-xxlarge.text-lineheight-xshort {
  line-height: 1.1;
}

.text-style-muted {
  opacity: .6;
  font-size: .65rem;
}

.text-style-muted.text-align-center {
  display: flex;
}

.text-style-muted.max-width-medium {
  z-index: 6;
  align-self: center;
}

.badge-2 {
  background-color: #292929;
  border-radius: 10rem;
  padding: .5rem 1rem;
  display: inline-block;
}

.text-align-center-2 {
  perspective: 500px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -5rem;
  display: flex;
}

.text-align-center-2.hero-section {
  margin-top: -11.8rem;
}

.text-align-center-2.hero-section.sign-up-page {
  align-self: center;
  margin-top: -18.4rem;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  z-index: 6;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.margin-bottom.margin-medium {
  z-index: 2;
  align-self: center;
  position: relative;
}

.margin-bottom.margin-medium.background {
  background-color: var(--black-background);
  align-self: flex-start;
  padding-bottom: 4rem;
  position: relative;
}

.margin-bottom.middle {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.margin-bottom.max {
  width: 100%;
}

.max-width-medium {
  width: 100%;
  max-width: 40rem;
}

.max-width-medium.align-center {
  text-align: center;
  margin-bottom: 1rem;
}

.text-style-link {
  text-decoration: underline;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.signup-form_component {
  z-index: 3;
  justify-content: center;
  align-items: center;
  min-width: 32rem;
  max-width: 98vw;
  margin-top: 1rem;
  display: flex;
  position: relative;
}

.heading-large {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
  margin-bottom: 2rem;
}

.max-width-large.align-left {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.page-padding {
  padding-left: 5%;
  padding-right: 5%;
  overflow: hidden;
}

.page-padding.bc {
  background-color: var(--black-background);
  border-radius: .5rem;
}

.button-6 {
  color: #fff;
  text-align: center;
  background-color: #101010;
  border: 1px solid #101010;
  border-radius: .5rem;
  justify-content: center;
  width: 9rem;
  padding: .75rem 1.5rem;
  text-decoration: none;
  transition: all .3s;
}

.button-6.is-footer-form {
  background-color: #141414;
  border-color: #141414;
  border-radius: .5rem;
  transition: all .2s ease-in-out;
}

.button-6.is-footer-form:hover {
  background-color: #424242;
  border-color: #424242;
}

.button-6.is-footer-form.main {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--telos-white);
  color: var(--black-background);
  border-width: 1px;
  border-color: silver;
  border-radius: 50rem;
  align-items: center;
  width: 13rem;
  margin-right: 3px;
  padding: .3rem;
  font-weight: 600;
  transition-duration: .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-6.is-footer-form.main:hover {
  color: var(--white-2);
  background-color: #0000;
  border-width: 1px;
  border-color: #fff;
}

.button-6.next {
  color: #000;
  background-color: #fff;
  display: none;
}

.button-6.next:hover {
  background-color: #d3d0d0;
}

.button-6.next.hide {
  display: none;
}

.button-6.previous {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #10101099;
  border-color: #fbfbfb4d;
  flex-direction: row;
  display: flex;
}

.button-6.previous:hover {
  background-color: #46444499;
}

.button-6.previous.hide {
  display: none;
}

.success-message-2 {
  border: 1px solid var(--secondary-text);
  background-color: #1eca80;
  background-image: linear-gradient(#0003, #0003), linear-gradient(90deg, #1eca80, #1ecac7);
  border-radius: 50rem;
  padding: 1rem;
  display: none;
  box-shadow: 0 0 30px #1eca804d;
}

.container-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.container-medium.left {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 95vw;
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
}

.container-medium.left.extend {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  margin-bottom: 2rem;
  position: relative;
}

.container-medium.sneak-peak {
  flex-direction: column;
}

.container-medium.footer-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
  transform: rotate(0);
}

.container-medium.footer-section._5rem-corners {
  grid-column-gap: 0rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
  position: relative;
}

.container-medium.illustration-surface {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638e30629cd4ab9f0523fbc8_%2302%20Flame-61-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: .5rem;
}

.container-medium.horizontal {
  flex-flow: column;
  align-self: stretch;
}

.footer_credit-text {
  text-align: center;
  font-size: .875rem;
}

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

.text-align-center.max-width-medium {
  justify-content: center;
  display: flex;
}

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

.text-size-medium {
  font-weight: 500;
}

.text-size-medium.text-color-black {
  color: var(--black-background);
}

.error-message-2 {
  background-color: #ec234f;
  border-radius: .5rem;
  margin-top: 1.5rem;
  padding: 1rem;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical {
  padding: 2rem 0;
}

.padding-vertical.padding-xxlarge {
  z-index: 2;
  justify-content: center;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.signup-form_form-block {
  z-index: 20;
  border-radius: 50rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  min-width: 20rem;
  max-width: 100%;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.signup-form_form-block:focus-visible, .signup-form_form-block[data-wf-focus-visible] {
  border-color: var(--telos-primary-brand-color);
  transform: translate(0);
}

.form-input-2 {
  color: #101010;
  background-color: #fff;
  border: 1px solid #101010;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input-2:focus {
  border-color: #000;
}

.form-input-2::placeholder {
  color: #0009;
}

.form-input-2.is-footer {
  border-style: none;
  border-color: var(--telos-white);
  color: var(--black-background);
  background-color: #0000;
  border-radius: .5rem;
  transition: border-color .2s ease-in-out;
}

.form-input-2.is-footer:focus {
  border-color: #a3a3a3;
}

.form-input-2.is-footer::placeholder {
  color: #ffffff7a;
}

.form-input-2.is-footer.main, .form-input-2.is-footer.main:active {
  color: var(--telos-white);
}

.form-input-2.is-footer.main:focus {
  color: #fff;
}

.form-input-2.is-footer.main::placeholder {
  color: #ffffff73;
  font-weight: 500;
}

.signup-form_form {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 2px solid var(--telos-white);
  box-shadow: none;
  -webkit-backdrop-filter: saturate(200%) blur(15px);
  backdrop-filter: saturate(200%) blur(15px);
  background-color: #fff3;
  border-radius: 50rem;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  padding: .25rem;
  transition: all .3s;
  position: relative;
}

.signup-form_form:focus {
  border: 1px solid var(--telos-primary-brand-color);
}

.headlines {
  align-self: center;
  display: none;
}

.headlines.rl-container-large {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.headlines.hide {
  display: none;
}

.search-cms-item {
  flex: none;
  width: 100%;
  display: none;
}

.no-results {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: #fff;
  text-align: left;
  background-color: #0e245d85;
  border: 1px solid #ffffff30;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  transition: background-color .325s ease-out;
  display: none;
}

.no-results:hover {
  text-decoration: none;
}

.search-input {
  background-color: #ffffff12;
  border-radius: .5rem;
  margin-bottom: 0;
  padding-left: 54px;
  padding-right: 0;
  font-size: .7rem;
}

.search-input:focus {
  border-style: none;
  border-width: 0;
}

.fn-button-secondery {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 137px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1.6em;
  transition: background-color .25s;
  display: none;
}

.fn-button-secondery:hover {
  background-color: #3e4545;
}

.fn-link-arrow {
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 18px;
  margin-left: 10px;
  display: flex;
}

.fn-link-with-arrow {
  color: #df0;
  align-items: center;
  margin-top: auto;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  text-decoration: underline;
  display: flex;
}

.paragraph-core {
  color: var(--telos-white);
  text-align: left;
  letter-spacing: -.2px;
  margin-top: 1rem;
  font-family: Exo, sans-serif;
  font-weight: 300;
}

.paragraph-core.light {
  color: var(--body-light);
  text-align: left;
}

.paragraph-core.light.align-center {
  text-align: center;
}

.paragraph-core.light.align-left {
  text-align: left;
}

.paragraph-core.very-small {
  font-size: .8rem;
}

.paragraph-core.very-small.header {
  color: #ffffff40;
}

.paragraph-core.blue-special {
  background-color: #3f7efcab;
  border-radius: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2.5rem;
  display: none;
}

.paragraph-core.no-margin {
  height: 5rem;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 140%;
}

.paragraph-core.tab-section {
  color: var(--telos-white);
  margin-left: 4rem;
  font-size: .75rem;
  line-height: 160%;
  display: flex;
  position: relative;
}

.paragraph-core.large {
  color: var(--telos-white);
  font-size: 1.25rem;
  font-weight: 200;
  line-height: 150%;
}

.paragraph-core.large.middle {
  color: #fff;
  max-width: 70ch;
  font-size: 1.25rem;
}

.paragraph-core.large.middle.white {
  color: var(--telos-white);
}

.paragraph-core.large.middle.joke {
  max-width: 33ch;
  font-family: Caveat, sans-serif;
  line-height: 110%;
  transform: rotate(-4deg);
}

.paragraph-core.large.black {
  color: var(--black-background);
  align-self: flex-start;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.paragraph-core.large.slide {
  font-size: .85rem;
  font-weight: 400;
  line-height: 160%;
  position: relative;
}

.paragraph-core.middle {
  font-size: 1rem;
  font-weight: 200;
  line-height: 190%;
}

.paragraph-core.text-left-align {
  color: var(--black-background);
  text-align: left;
  column-count: 2;
  width: 66%;
}

.paragraph-core.bold {
  font-weight: 800;
}

.paragraph-core._50 {
  opacity: .5;
}

.fn-heading-5 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3em;
}

.length {
  color: #ecf0ef;
  text-align: right;
  white-space: nowrap;
  border-radius: 5rem;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 6px 10px;
  line-height: 1em;
  display: flex;
  position: relative;
}

.length.white {
  z-index: 40;
  color: var(--black-background);
  flex-direction: row-reverse;
  display: block;
  position: sticky;
  top: 7rem;
}

.length.smallest {
  display: inline-block;
}

.length.horizontal {
  display: flex;
}

.length.small {
  display: inline-block;
}

.length.black {
  color: var(--black-background);
  background-color: #00000026;
}

.length.black.round {
  padding-left: 6px;
  padding-right: 6px;
}

.length.black.round:hover {
  background-color: #00000080;
  transform: scale(.93);
}

.length.black.hide {
  display: none;
}

.fn-blog-info-wrapper {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: .8rem;
  display: flex;
}

.fn-blog-info-wrapper.text-style-muted {
  color: var(--telos-white);
  text-decoration: none;
}

.fn-blog-info-wrapper.text-style-muted.text-color-bblack {
  color: var(--black-background);
}

.fn-features-card-column {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0e10124d;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.fn-features-card-image {
  object-fit: cover;
  width: 100%;
  height: 225px;
}

.fn-features-card-with-image {
  color: #ecf0ef;
  background-color: #0f1213;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.fn-features-card-with-image:hover {
  color: #ecf0ef;
}

.fn-features-card-with-image.slider-cards {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  max-width: 100%;
}

.fn-heading-3 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3em;
}

.fn-blog-slider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.fn-paragraph-no-margin {
  color: #cdd3d2;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  overflow: hidden;
}

.fn-heading-2 {
  font-size: 1.5rem;
  line-height: 2rem;
}

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

.fn-container-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: ". . . . . . . . . . . ."
                 "Area Area Area Area Area Area Area Area Area Area Area Area"
                 ". . . . . . . . . . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.blog-section {
  color: #ecf0ef;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: none;
}

.fn-author-image {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}

.fn-author-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ecf0ef;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1.6em;
  display: flex;
}

.fn-label-icon {
  background-color: #df0;
  width: 63px;
  height: 1px;
  margin-bottom: 24px;
}

.fn-slider-column {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 1rem 1rem 1rem 4rem;
}

.fn-slider-image {
  object-fit: cover;
  width: 100%;
}

.fn-slide-item-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0f1213;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

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

.collection-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: .5rem;
  grid-template: "Area Area Area"
  / 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: block;
  overflow: hidden;
}

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

.collection-list-wrapper-4 {
  margin-top: 1px;
}

.collection-list-wrapper-5 {
  margin-bottom: 1rem;
}

.fn-cta-banner-dark-image {
  object-fit: cover;
  width: 100%;
}

.fn-button {
  color: #0f1213;
  text-align: center;
  background-color: #df0;
  border: 1px solid #df0;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
  transition: opacity .25s, border-color .25s;
  display: flex;
}

.fn-button:hover {
  opacity: .9;
  border-color: #0f1213;
}

.fn-paragraph-2 {
  color: #cdd3d2;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.6em;
}

.fn-heading-6 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 52px;
  line-height: 1.2em;
}

.fn-banner-dark-column {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 80px;
  display: flex;
  position: relative;
}

.fn-banner-dark-column.text-color-black {
  color: var(--black-background);
  width: 93%;
  height: 18rem;
  padding-top: 1rem;
  padding-left: 4rem;
}

.fn-cta-banner-dark {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  perspective: 700px;
  color: #ecf0ef;
  transform-style: preserve-3d;
  border-radius: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  height: 20rem;
  display: grid;
  position: relative;
  transform: rotateX(20deg)rotateY(0)rotateZ(0);
}

.fn-container {
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
}

.download-the-app {
  perspective: 700px;
  color: #ecf0ef;
  background-color: #1d1f1e;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
}

.download-the-app.hide {
  display: none;
}

.fn-footer-copyright {
  color: #687373;
  font-size: 16px;
}

.fn-legal-links-wrapper {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-wrap: wrap;
  display: flex;
}

.fn-footer-legal-link {
  color: #939b9b;
  transition: color .25s;
}

.fn-footer-legal-link:hover {
  color: #df0;
}

.fn-footer-line {
  background-color: #3e4545;
  width: 100%;
  height: 1px;
  margin-top: 36px;
  margin-bottom: 10px;
}

.fn-social-link-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.fn-social-link {
  color: #687373;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .25s;
  display: flex;
}

.fn-social-link:hover {
  color: #df0;
}

.fn-social-share-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fn-standard-white-link {
  color: #ecf0ef;
  font-size: 18px;
  line-height: 1.4em;
  transition: color .25s;
  display: block;
}

.fn-standard-white-link:hover, .fn-standard-white-link.w--current {
  color: #df0;
}

.fn-links-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.fn-contain-logo {
  color: #df0;
  object-fit: contain;
  object-position: 0% 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.fn-brand-footer {
  object-fit: contain;
  object-position: 0% 50%;
  width: 106px;
  height: 21.55px;
  margin-right: 20px;
}

.fn-container-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.fn-footer-first {
  color: #ecf0ef;
  background-color: #0f1213;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.div-block-113 {
  margin-top: 2rem;
}

.rl_footer3_legal-link {
  opacity: .3;
  color: var(--black-background);
  text-align: left;
  align-self: center;
  font-size: .6rem;
  line-height: 1.5;
  text-decoration: none;
}

.rl_footer3_legal-link:hover {
  opacity: 1;
}

.rl_footer3_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.rl_footer3_credit-text {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_footer3_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.rl_footer3_bottom-wrapper.text-style-muted {
  opacity: 1;
  margin-bottom: 4rem;
  font-size: .7rem;
  line-height: .7rem;
  position: relative;
}

.rl_footer3_spacing-block-5 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_footer3_line-divider {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.rl_footer3_spacing-block-4 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl_footer3_link {
  color: #000;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.rl_footer3_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.rl_footer3_menu-wrapper {
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.rl-social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.rl_footer3_social-link {
  color: #000;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.rl_footer3_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.rl_footer3_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl-text-style-small-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_footer3_text {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_footer3_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_footer3_spacing-block-1 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_footer3_logo-link {
  float: none;
  padding-left: 0;
}

.rl_footer3_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  align-items: start;
  display: grid;
}

.rl-padding-section-medium-2 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.rl-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-global-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_footer3_component {
  background-color: #fff;
  width: 100vw;
}

.grit-border-block {
  border: 1px solid #00000026;
  width: 100%;
  height: 100%;
  padding: 3rem;
  position: relative;
}

.grit-border-block.align-center {
  align-items: center;
}

.grit-border-block.align-center.lbr {
  border-top-width: 0;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.grit-border-block.align-center.lbr.bottem {
  border-width: 0;
  border-radius: 0;
  height: auto;
}

.grit-border-block.align-center.lbr.bottem.hide {
  display: none;
}

.grit-border-block.tb {
  border-left-width: 0;
}

.grit-border-block.tb.r {
  border-top-right-radius: .5rem;
}

.grit-border-block.l {
  color: var(--black-background);
  border-radius: .5rem 0 0 .5rem;
  flex-flow: column;
  display: flex;
}

.grit-border-block.grit-version {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.grit-border-block.grit-version.lb {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: .5rem;
}

.grit-border-block.r {
  display: none;
}

.grit-border-block.right-corners {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.grit-border-block.m {
  border-left-width: 0;
  border-right-width: 0;
}

.telos-picture {
  background-color: #0e101280;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 1.5rem;
  height: 1.5rem;
}

.top-part-information {
  transform-style: preserve-3d;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-right: 2rem;
  display: flex;
  transform: translate3d(0, 0, 50px);
}

.top-part-information.hide {
  display: none;
}

.top-part-information.partnership {
  margin-right: 0;
}

.div-block-116 {
  z-index: 5;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}

.centering-cover-image {
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 3rem;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.centering-cover-image.blog-version {
  padding-top: 0;
}

.centering-cover-image.partnership {
  margin-top: -36px;
  padding-top: 0;
}

.div-block-117 {
  height: 15rem;
}

.page-wrapper {
  width: 100%;
  position: relative;
  overflow: visible;
}

.header_component {
  grid-column-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 80vh;
  display: grid;
  overflow: hidden;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-small {
  text-align: center;
}

.icon-1x1-xsmall {
  width: 1rem;
  height: 1rem;
}

.button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.header_content-left {
  max-width: 40rem;
  margin-left: 5vw;
  margin-right: 5rem;
  position: relative;
  top: 111px;
}

.header_image-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.text-size-medium-2 {
  letter-spacing: normal;
  font-size: 1.125rem;
}

.header_image {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: 70%;
  position: absolute;
  inset: 0%;
}

.header_image-list-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.header_image-list-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  column-gap: 1.5rem;
  width: 100%;
  height: 100%;
  margin-top: -60%;
  display: grid;
}

.header_content-right {
  grid-column-gap: 1rem;
  align-items: center;
  height: 100vh;
  padding-right: 5vw;
  overflow: hidden;
}

.button-7 {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #292929;
  border: 2px solid #292929;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  max-width: 10rem;
  padding: .625rem 1.125rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.button-7:hover {
  background-color: #424242;
  border-color: #424242;
}

.button-7:focus {
  background-color: #424242;
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.button-7.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-7.is-button-large.white-version {
  border-width: 1px;
  border-color: var(--telos-white);
  background-color: #ffffff4d;
  max-width: 11rem;
  height: 3rem;
}

.button-7.is-button-large.white-version:hover {
  background-color: #ffffff80;
  transform: scale(.95);
}

.button-7.slider-version {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #29292933;
  border-width: 1px;
  border-color: #fff;
  position: absolute;
  inset: auto auto 2rem 0%;
}

.button-7.trans {
  background-color: #0e101280;
  border-width: 1px;
  border-color: #fff3;
  font-size: .7rem;
  font-weight: 600;
  box-shadow: 0 1px 10px #0e1012b0;
}

.button-7.complete-challenge {
  background-color: #29292905;
  border-width: 1px;
  border-color: #38ecad;
  border-radius: 8rem;
  max-width: 13rem;
}

.button-7.complete-challenge:hover {
  background-color: #38ecad;
}

.button-7.no-limit {
  max-width: none;
}

.button-7.no-limit.blue:hover {
  background-color: var(--telos-primary-brand-color);
}

.button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.button-row.next-previous {
  justify-content: center;
}

.button-row.blog-version {
  margin-left: 1rem;
  margin-right: 1rem;
}

.header_images-layout {
  grid-column-gap: 1rem;
  width: 100%;
  display: flex;
}

.heading-xxlarge-2 {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.button-secondary {
  grid-column-gap: .5rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 2px solid #292929;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.button-secondary:hover {
  border-color: #424242;
}

.button-secondary:focus {
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.button-secondary.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.button-secondary.is-button-large.white {
  border-width: 1px;
  border-color: var(--telos-white);
}

.button-secondary.is-button-large.white.height-set {
  height: 3rem;
}

.header_image-wrapper {
  width: 90%;
  padding-top: 80%;
  position: relative;
}

.become-a-contributor {
  margin-top: 3rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.image-47 {
  position: absolute;
  inset: 0%;
}

.iphones-new {
  width: 100%;
  margin-top: 74px;
  position: absolute;
}

.div-block-118 {
  background-color: #e3e3e3;
  border-radius: 1rem;
  width: 100%;
  height: 18rem;
  position: absolute;
  overflow: hidden;
}

.text-color-bblack {
  color: var(--black-background);
}

.relative-div-block {
  perspective: 1000px;
  width: 100%;
  height: 100%;
  position: relative;
}

.relative-div-block.blog-version {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-25, .text-block-26 {
  display: none;
}

.search-cms-item-2 {
  flex: none;
  width: 100%;
  display: none;
}

.hero-search-item-2 {
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 3.5rem;
  max-height: 100%;
  display: block;
  position: relative;
}

.search-item-2 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  color: #3525b8;
  text-align: left;
  background-color: #edf2ff;
  border: 1px #000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 101%;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  transition: background-color .325s ease-out;
  display: grid;
}

.search-item-2:hover {
  color: #052cc0;
  background-color: #dce4f9;
  text-decoration: none;
}

.prep-time-wrapper-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #3525b880;
  text-transform: uppercase;
  justify-content: flex-start;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.searchable-keywords-2 {
  display: none;
}

.search-balk {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #0e101299;
  border-radius: .5rem;
  grid-template-rows: 4rem;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 90rem;
  height: 3.5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: grid;
  position: sticky;
  top: 6rem;
  box-shadow: 0 6px 15px 2px #000c;
}

.search-balk.rl-container-medium {
  grid-template-rows: 3.5rem;
  grid-template-columns: 1fr .75fr;
  grid-auto-flow: row;
  align-content: center;
  align-items: stretch;
  margin-top: 2rem;
}

.form-block-3 {
  border-radius: 1rem;
  height: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  position: relative;
}

.search-section {
  z-index: 20;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100vw;
  height: 4rem;
  margin-top: -7px;
  display: flex;
  position: sticky;
  top: 7rem;
  left: 0%;
  right: 0%;
}

.back-to-top_button-2 {
  z-index: 99;
  color: #a3a3a3;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.back-to-top_button-2:hover {
  color: #fff;
}

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

.align-center.algin-text-center {
  text-align: center;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.higlight-section {
  width: 100vw;
  margin-top: 1rem;
  position: relative;
}

.higlight-section.rl-container-large.smaller {
  margin-top: 3rem;
  margin-bottom: 2rem;
  padding-top: 0;
  display: none;
}

.slider {
  height: 30rem;
  display: block;
  overflow: hidden;
}

.slide-2 {
  width: 80%;
}

.div-block-119 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slider-information {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-120 {
  position: absolute;
  inset: 0%;
}

.image-48 {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-3 {
  width: 20%;
}

.body-7 {
  z-index: 2;
  text-align: center;
  justify-content: center;
  max-width: 52ch;
  font-size: .7rem;
  font-weight: 500;
  line-height: 1rem;
}

.body-7.footnote {
  color: var(--secondairy-grey);
  text-align: left;
  align-self: flex-start;
  display: block;
}

.open-prview {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 36% 38%;
}

.open-prview.partnership {
  left: 43%;
}

.open-button {
  color: var(--telos-primary-brand-color);
  margin-right: .5rem;
  font-size: .7rem;
  font-weight: 500;
}

.chapter {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
  transform: perspective(500px);
}

.mask-2 {
  width: 100%;
  overflow: visible;
}

.div-block-122 {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-left: 2rem;
  display: flex;
  position: absolute;
}

.icon {
  width: 2rem;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: block;
}

.icon.brands {
  font-family: "Fa Brands 400", sans-serif;
}

.icon._1rem {
  aspect-ratio: 1;
  width: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 3rem;
}

.icon._1rem.squared {
  line-height: 1rem;
}

.icon._1rem.squared.black {
  color: var(--black-background);
}

.icon._1rem.squared.black.tilted {
  margin-right: -7px;
  transform: rotate(-45deg);
}

.icon._1rem.mystory-arrow {
  display: none;
}

.icon.special {
  width: 0;
}

.icon._2rem {
  aspect-ratio: 1;
  text-align: center;
}

.icon.purpose-page-icons {
  width: 1.4rem;
  position: absolute;
  top: -3rem;
}

.icon.final {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
}

.icon-2 {
  display: none;
}

.right-arrow, .left-arrow {
  width: 50%;
}

.slide-nav {
  display: none;
}

.image-49 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638276d616814d6037ae6e0c_pawel-czerwinski-LoshJy6M3TM-unsplash.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 80vw;
  height: 30rem;
  margin-left: 80vw;
  position: absolute;
}

.image-50 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  width: 20vw;
  height: 100%;
  margin-left: 80vw;
  position: absolute;
  inset: 0%;
}

.continuity {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6380e8cabb23d2210b169a71_Frame%201%20(1)-min.jpg");
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 80vw;
  width: 20vw;
  position: absolute;
  inset: 0% 0% 0% 80vw;
}

.library {
  border-radius: .5rem;
  align-self: stretch;
  max-width: 100vw;
  display: block;
  position: relative;
}

.rl-text-style-regular-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_blogpost1_author-text-large {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_blogpost1_details-wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rl_blogpost1_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.rl_blogpost1_author-image-wrapper {
  position: relative;
}

.rl_blogpost1_author-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.rl_blogpost1_spacing-block-8 {
  width: 100%;
  padding-bottom: 3rem;
}

.rl_blogpost1_divider {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.rl_blogpost1_spacing-block-7 {
  width: 100%;
  padding-bottom: 3rem;
}

.rl_blogpost1_tag-item {
  color: #000;
  background-color: #f4f4f4;
  padding: .25rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.rl_blogpost1_tag-item.w--current {
  border-bottom: 2px solid #000;
}

.rl_blogpost1_tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.rl_blogpost1_tag-list-wrapper {
  width: 50%;
}

.rl_blogpost1_social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.rl_blogpost1_social-link {
  color: #000;
  background-color: #f4f4f4;
  border-radius: 20px;
  padding: .25rem;
}

.rl_blogpost1_share {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  justify-items: center;
  margin-top: .5rem;
  margin-left: .5rem;
  display: grid;
}

.rl_blogpost1_spacing-block-6 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-heading-style-h6-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.rl_blogpost1_share-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.rl_blogpost1_content-bottom {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.rl_blogpost1_spacing-block-5 {
  width: 100%;
  padding-bottom: 4rem;
}

.rl-text-rich-text {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
}

.rl_blogpost1_content {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.rl_blogpost1_spacing-block-4 {
  width: 100%;
  padding-bottom: 4rem;
}

.rl_blogpost1_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.rl_blogpost1_image-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.rl_blogpost1_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl-text-style-small-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_blogpost1_text-divider {
  margin-left: .5rem;
  margin-right: .5rem;
}

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

.rl_blogpost1_author-text {
  color: var(--telos-white);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.blog-essentials {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.blog-essentials.grit-border-block-large.small {
  align-items: center;
  padding: 1rem;
}

.blog-essentials.grit-border-block-small {
  padding: 1rem;
}

.blog-essentials.grit-border-block-small.small {
  align-items: center;
  padding: 1rem;
}

.rl_blogpost1_spacing-block-2 {
  width: 100%;
  padding-bottom: 3rem;
}

.rl-heading-style-h2-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl_blogpost1_spacing-block-1 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-breadcrumb-link-active {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.rl-breadcrumb-link-active.w--current {
  font-weight: 600;
}

.rl-breadcrumb-divider {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.rl-breadcrumb-link {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.rl-breadcrumb-link.w--current {
  font-weight: 600;
}

.rl_blogpost1_breadcrumb {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  width: 100%;
  display: flex;
}

.rl_blogpost1_title-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rl-padding-section-large-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-container-large-3 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-global-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_blogpost1 {
  background-color: #fff;
}

.image-51 {
  border-radius: .5rem;
  width: 20rem;
  height: 10rem;
}

.content-padding-organisations {
  z-index: 10;
  flex-direction: column;
  align-items: flex-start;
  width: 20rem;
  margin: .5rem .5rem 1rem;
  display: block;
  position: relative;
  overflow: visible;
}

.content-padding-organisations.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  display: grid;
  overflow: visible;
}

.slider-2 {
  align-self: stretch;
}

.mask-3 {
  width: 20rem;
}

.darkening-50 {
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.darkening-50.round {
  border-radius: 999px;
}

.darkening-50.light-version {
  background-color: #d8d8d899;
}

.darkening-50.white {
  background-color: #d4d4d480;
}

.border {
  border: .5px solid var(--secondary-text);
  mix-blend-mode: soft-light;
  margin: .5px;
  position: absolute;
  inset: 0%;
}

.border.slider {
  border-right-width: 0;
  border-radius: 0;
}

.border.no-corners {
  border-radius: 0;
}

.border.round {
  border-radius: 999rem;
  display: flex;
}

.border.hiring {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.border.light {
  border-color: #00000026;
}

.border.r {
  border-width: 0 .5px 0 0;
}

.underline-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--telos-white);
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 0;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-left: 1rem;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 11px;
  text-decoration: none;
  transition: all .3s, transform .2s, opacity .6s cubic-bezier(.327, .108, .099, .991);
  display: flex;
  position: relative;
  overflow: hidden;
}

.underline-link.w--current {
  color: var(--telos-primary-brand-color);
}

.underline-link.hide {
  display: flex;
}

.underline-link.hide-section {
  display: none;
}

.underline-link.no-border {
  border-right-width: 0;
  margin-left: 1rem;
}

.hover-line {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  overflow: hidden;
}

.hover-line.light {
  color: #00000080;
  width: 100%;
}

.hover-line-fill {
  z-index: 10;
  background-color: var(--telos-primary-brand-color);
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

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

.success-message-1 {
  z-index: 0;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
  position: absolute;
}

.link-block-10 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.telos-font-footer {
  object-fit: contain;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/645bf5d6b4731d575c019188_Telos%20Text%20Copy%204-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  flex: 0 auto;
  width: 100%;
  height: 10rem;
  display: block;
  position: relative;
  top: 0%;
  left: auto;
  right: auto;
}

.telos-text-logo-footer {
  margin-left: 2rem;
  position: relative;
  overflow: hidden;
}

.text-style-muted-2-0 {
  opacity: .3;
}

.text-style-muted-2-0.text-align-center {
  display: flex;
}

.text-style-muted-2-0.max-width-medium {
  align-self: center;
}

.menu-right-section {
  align-items: center;
  display: flex;
  position: relative;
}

.organisation-structure {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 32.2rem;
  height: 23rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: 2rem;
  padding-right: 90px;
  display: flex;
  position: relative;
}

.cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.heading-8 {
  position: absolute;
}

.hero-text-1 {
  text-align: left;
  text-transform: uppercase;
  transform-style: preserve-3d;
  align-self: flex-start;
  font-size: 2.5rem;
  line-height: 2.5rem;
  position: relative;
  top: -12px;
  left: 153px;
  transform: translate3d(0, 0, 80px);
}

.hero-text-1.right {
  left: 103px;
}

.hero-text-1.right.empty {
  color: #f38686;
}

.hero-text-1.left {
  left: -16px;
}

.hero-text-1.left.empty {
  color: #fff0;
}

.hero-text-1.top {
  z-index: 2;
  color: #fff0;
}

.hero-text-1.top.the {
  text-align: center;
  font-size: 4rem;
  line-height: 4rem;
}

.hero-text-1.top.worlds {
  text-align: center;
  font-size: 7rem;
  line-height: 7rem;
}

.hero-text {
  z-index: 4;
  perspective: 882px;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 42rem;
  height: 15rem;
  display: flex;
  position: absolute;
}

.hero-text.top {
  z-index: 0;
  color: #fff0;
}

.hero-text.bottem {
  z-index: 2;
}

.cover-image {
  z-index: 3;
  width: 19rem;
  height: 10rem;
  position: relative;
}

.cover-image.course {
  height: auto;
}

.organisation-description {
  color: #e9e9e999;
  margin-top: 2.5rem;
  font-size: .66rem;
  line-height: 1.2rem;
  text-decoration: none;
}

.organisation-description.course {
  color: var(--black-background);
  white-space: pre-wrap;
  height: 5rem;
  margin-top: 1rem;
  overflow: hidden;
}

.hero-text-2 {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  align-self: center;
  font-size: 3rem;
  line-height: 2rem;
  position: relative;
  top: -53px;
  left: 160px;
}

.hero-text-2.top {
  z-index: 2;
  color: #fff0;
}

.organisation {
  width: 100%;
  position: static;
}

.row {
  grid-column-gap: 0px;
  grid-row-gap: 0rem;
  perspective: 800px;
  grid-template-rows: auto auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: start;
  margin-top: -20px;
  padding-left: 30px;
  display: grid;
  overflow: scroll;
}

.link-block-11 {
  position: absolute;
  inset: 0%;
}

.div-block-125 {
  border-radius: .5rem;
  width: 100%;
  height: 10rem;
  position: relative;
  overflow: hidden;
}

.div-block-126 {
  flex-direction: column;
  align-items: center;
  margin: 2rem 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-52 {
  z-index: 3;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-52.right {
  transform-style: preserve-3d;
  margin-bottom: 1rem;
  margin-right: 2rem;
  inset: auto 0% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.hero-text-9 {
  opacity: 1;
  color: #fff0;
  letter-spacing: -.3rem;
  text-transform: none;
  margin-top: 0;
  font-size: 7rem;
  line-height: 7rem;
}

.the {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
}

.hero-text-8 {
  text-align: left;
  text-transform: uppercase;
  transform-style: preserve-3d;
  align-self: flex-start;
  font-size: 3rem;
  line-height: 3rem;
  position: relative;
  top: -20px;
  left: 45px;
  transform: translate3d(0, 0, 80px);
}

.hero-text-8.right {
  left: 103px;
}

.hero-text-8.right.empty {
  color: #f38686;
}

.hero-text-8.left {
  left: -16px;
}

.hero-text-8.left.empty, .hero-text-8.top {
  color: #fff0;
}

.hero-text-8.top.the {
  color: #fff;
  text-align: center;
  text-transform: none;
  transform-style: preserve-3d;
  font-size: 2rem;
  font-weight: 800;
  line-height: 2rem;
  top: 0;
  left: 0;
  transform: translate3d(0, -2.5rem, -14.9rem);
}

.hero-text-8.top.worlds {
  color: #fff;
  text-align: center;
  letter-spacing: -.3rem;
  transform-style: preserve-3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8rem;
  line-height: 7rem;
  top: 0;
  left: 0;
  transform: translate3d(0, -14px, -6.3rem);
}

.image-53 {
  width: 32rem;
  margin-top: -4rem;
  display: none;
  position: relative;
}

.image-53.shadow {
  filter: blur(4px);
  transform-style: preserve-3d;
  display: none;
  position: absolute;
  transform: translate3d(0, 0, -105px);
}

.div-block-127 {
  transform-style: preserve-3d;
  display: inline-block;
  transform: translate3d(0, 0, 4.5rem);
}

.div-block-127.hide {
  display: none;
}

.div-block-127.extra-padding {
  margin-top: 50px;
}

.big-letters {
  text-align: left;
  text-transform: uppercase;
  transform-style: preserve-3d;
  align-self: flex-start;
  font-size: 3rem;
  line-height: 3rem;
  position: relative;
  top: -20px;
  left: 45px;
  transform: translate3d(0, 0, 80px);
}

.big-letters.right {
  left: 103px;
}

.big-letters.right.empty {
  color: #f38686;
}

.big-letters.left {
  left: -16px;
}

.big-letters.left.empty, .big-letters.top {
  color: #fff0;
}

.big-letters.top.the {
  filter: blur(2px);
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  font-size: 6rem;
  line-height: 2rem;
  top: 0;
  left: 0;
  transform: translate3d(0, -35rem, -50rem);
}

.big-letters.top.worlds {
  color: #fff;
  text-align: center;
  letter-spacing: -.1rem;
  text-transform: none;
  transform-style: preserve-3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 800;
  line-height: 3rem;
  top: 0;
  left: 0;
  transform: translate3d(0, -14px, -6.3rem);
}

.big-letters.top.worlds.bigger {
  text-transform: none;
  transform-style: preserve-3d;
  font-size: 4rem;
  font-weight: 800;
  line-height: 3rem;
  display: block;
  transform: translate3d(0, -24px, 81px);
}

.big-letters.top.worlds.bigger.smaller {
  font-size: 3rem;
  top: -9px;
}

.image-54 {
  width: .5rem;
  margin-right: 5px;
}

.image-55 {
  width: .7rem;
  margin-left: 5px;
}

.page {
  -webkit-backdrop-filter: saturate(200%) blur(5px);
  backdrop-filter: saturate(200%) blur(5px);
  background-color: #0006;
  border: 1px solid #ffffff80;
  border-radius: 4rem;
  width: .7rem;
  height: .7rem;
  margin-right: 0;
}

.page.selected {
  background-color: #fff;
}

.pagination-true {
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 3rem;
  display: flex;
}

.navigation-text {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.navigation-text.white {
  color: var(--black-background);
}

.chevron-white-right {
  opacity: .5;
  width: .3rem;
  margin-left: 10px;
}

.chevron-white-right.hide {
  display: none;
}

.framework {
  width: 44rem;
  margin-top: -5rem;
  position: relative;
}

.framework.shadow {
  filter: blur(4px);
  transform-style: preserve-3d;
  position: absolute;
  transform: translate3d(0, 0, -105px);
}

.depth-effect {
  opacity: .15;
  object-fit: cover;
  width: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-130 {
  background-color: #fff;
  border-radius: 5rem;
  position: absolute;
  inset: 0%;
}

.div-block-130.black-version {
  background-color: var(--black-background);
  opacity: 1;
}

.div-block-130.border {
  border-color: var(--telos-white);
  background-color: #0000;
}

.category-text {
  color: var(--black-background);
  letter-spacing: 0;
  position: relative;
}

.category-text.text-color-bblack {
  mix-blend-mode: normal;
  position: relative;
}

.category-text.white {
  color: #fff;
  mix-blend-mode: normal;
  position: relative;
}

.insights-on-mobile {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.corner {
  position: absolute;
  inset: auto auto -17% 18%;
}

.exp-section {
  background-color: #ff5c00;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-link {
  border-bottom: 1rem solid #fafafc;
  padding-bottom: 1rem;
  display: inline-block;
}

.footer-link:hover {
  opacity: .8;
}

.chizhik-about {
  background-color: #262628;
}

.chizhik-about.p16 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.blog-svg {
  width: 18em;
  margin-top: -1.6em;
  margin-bottom: .5em;
}

.content {
  width: 100%;
  height: 100%;
  position: relative;
}

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

.content.space-between {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  justify-items: center;
  display: grid;
}

.gib-body {
  flex-direction: column;
  align-items: center;
  padding-top: 3em;
  display: flex;
}

.text-span-8 {
  color: #88db37;
}

.cta-wrapper {
  position: absolute;
  inset: auto 0% 0% auto;
}

.text-black {
  color: #000;
}

.text-black.width-limit {
  width: 72%;
}

.blog-section-2 {
  background-color: #262628;
  justify-content: center;
  align-items: center;
}

.cta-col {
  width: 20em;
}

.footer-text-wrapper {
  color: #bfbfc3;
  margin-top: 8em;
  display: inline-block;
}

.central-mockup-wrapper {
  position: relative;
  inset: 0%;
}

.tinkoff-about {
  background-color: #ffd600;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.tinkoff-about.p16 {
  background-color: var(--white);
  padding: 3rem;
  display: block;
}

.tinkoff-about.p16.hide {
  display: none;
}

.footer-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-2.p16 {
  justify-content: space-between;
  display: block;
}

.pyaterka-mock-right {
  height: 43em;
  position: relative;
  top: -13.5rem;
}

.caption-2 {
  font-size: .75em;
  line-height: 1.2;
}

.main-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template: "." 37.5em
                 "." 68.75em
                 "." 37.5em
                 / 1fr 1fr 1fr;
  grid-auto-rows: 50em;
  grid-auto-flow: row;
  max-width: 77rem;
  margin: 1rem 1em;
}

.gib-text {
  text-align: center;
}

.underline {
  width: 99%;
  height: .02em;
  text-decoration: underline;
}

.body-text {
  line-height: 1.3;
}

.body-text.caps {
  text-transform: uppercase;
}

.body-text.hide {
  display: none;
}

.text-secondary {
  color: #bfbfc3;
}

.section-footer {
  z-index: 20;
  justify-content: space-between;
  display: flex;
}

.section-footer.body-text.caps.posa {
  position: absolute;
  inset: auto 0% 0%;
}

.text-span-9 {
  color: #e70004;
}

.spy-club-mock-left {
  width: 19em;
  height: auto;
  position: absolute;
  bottom: 13em;
  left: 20em;
}

.chizhik-preview {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/63864fb0ad53a76ba73c87b9_chizhik%20(1).png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.chizhik-preview.p16 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/63864fb0ad53a7d0143c87ad_tinkoff.webp");
  background-position: 50% 90%;
}

.tinkoff-logo {
  width: 16.375em;
  height: 16.375em;
}

.design-career {
  z-index: 10;
  text-align: center;
  width: 34.375em;
  position: relative;
}

.contacts-wrapper {
  position: absolute;
  inset: auto 0% 0%;
}

.pyaterka-mock-left {
  height: 46em;
  position: relative;
  bottom: 0;
  left: 1em;
}

.tinkoff-preview {
  background-image: linear-gradient(#4f5a821a, #4f5a821a), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/63864fb0ad53a742a83c87cf_soc-edit.png");
  background-position: 0 0, 50%;
  background-size: auto, auto;
  justify-content: center;
  align-items: center;
  position: relative;
}

.contacts-text {
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: space-between;
  align-items: baseline;
  max-width: 100%;
  font-size: 19em;
  font-weight: 700;
  line-height: .7;
  display: inline-block;
}

.challenges {
  background-image: linear-gradient(#352823, #120d0c);
  border-radius: .5rem;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.head-text {
  z-index: 20;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.gib-mock {
  width: 60em;
  margin-top: 5em;
}

._5ka {
  background-color: #262628;
  position: relative;
  overflow: hidden;
}

.text-span-10 {
  color: #3aabfc;
}

.spy-club-mock-right {
  width: 19em;
  height: auto;
  position: absolute;
  top: 10em;
  right: 25em;
}

.mobile-library-true {
  border-radius: .5rem;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.no-visible {
  opacity: 0;
}

.div-block-131 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-132 {
  width: 120%;
}

.div-block-133 {
  background-color: var(--white);
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding-top: 2rem;
  display: flex;
}

.image-57 {
  height: 48em;
  position: relative;
  top: 17.9rem;
}

.hero-3d-top-text-section {
  align-self: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.hero-3d-top-text-section.margin-small {
  margin-bottom: 1rem;
  display: block;
  position: relative;
}

.page-name {
  white-space: nowrap;
  font-size: .4rem;
  font-weight: 600;
}

.page-name.light {
  color: #00000080;
}

.canvas {
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-58 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
}

.div-block-135 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/63888b23a5b6d946906951d2_To-Do-min%20(1).png");
  background-position: 50%;
  background-size: auto 100%;
  background-attachment: scroll;
  width: 100%;
  height: 130%;
  position: relative;
  inset: 0%;
}

.heading-10, .heading-11 {
  margin-top: 1rem;
}

.div-block-136 {
  flex-direction: column;
  align-self: center;
  margin-top: 4rem;
  display: flex;
}

.black-pill {
  opacity: .8;
  background-color: #fff;
  border-radius: 5rem;
  position: absolute;
  inset: 0%;
}

.heading-12 {
  margin-top: 1rem;
}

.coming-soon {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #ecf0ef;
  border-radius: 5rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 6px 10px;
  font-size: .7rem;
  font-weight: 500;
  line-height: 1em;
  display: inline-block;
  position: relative;
}

.coming-soon.hide {
  display: none;
}

.coming-soon.white {
  z-index: 50;
  color: var(--black-background);
  position: sticky;
  top: 7rem;
  bottom: 0;
}

.coming-surface {
  background-color: var(--telos-primary-brand-color);
  opacity: .8;
  border-radius: 5rem;
  position: absolute;
  inset: 0%;
}

.div-block-137 {
  z-index: 41;
  margin-top: -86px;
  margin-bottom: 5.5rem;
  padding-left: 82px;
  position: relative;
  top: 5.5rem;
  transform: rotate(14deg);
}

.image-59 {
  opacity: 1;
  max-width: 700px;
  position: relative;
  top: 3px;
  left: -1.9rem;
}

.background-sneak-peak {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  margin-top: -9.4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-138 {
  background-image: linear-gradient(to bottom, transparent, var(--black-background));
  position: absolute;
  inset: 0%;
}

.super-large-titles {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4rem;
}

.muted {
  opacity: .3;
}

.text-span-12, .text-span-13 {
  opacity: .5;
}

.div-block-139 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: center;
  align-self: stretch;
  place-items: center;
  width: 100%;
  display: grid;
}

.footer-body {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  perspective: 2000px;
  flex-direction: column;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
  transform: perspective(2000px);
}

.footer1_credit-text {
  font-size: .875rem;
}

.footer1_left-wrapper {
  flex-direction: column;
  display: flex;
}

.footer1_social-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.footer1_form-block {
  max-width: 35rem;
  margin-bottom: 0;
}

.footer1_link {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
}

.text-size-tiny {
  font-size: .75rem;
}

.footer1_bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer1_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: none;
}

.footer1_form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.footer1_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer1_menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.button-8 {
  color: #0000;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  padding: .75rem 1.5rem;
}

.button-8.is-secondary {
  color: #0000;
  background-color: #0000;
}

.form-input-3 {
  color: #0000;
  background-color: #0000;
  border: 1px solid #0000;
  flex: 1;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input-3:focus {
  border-color: #000;
}

.form-input-3::placeholder {
  color: #0009;
}

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

.footer1_social-icon {
  color: var(--telos-primary-brand-color);
  width: 1.5rem;
  height: 1.5rem;
}

.footer1_logo-link {
  padding-left: 0;
}

.line-divider {
  background-color: #0000;
  width: 100%;
  height: 1px;
}

.footer1_legal-link {
  font-size: .875rem;
  text-decoration: underline;
}

.footer1_top-wrapper {
  grid-column-gap: 8vw;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.success-message-3 {
  background-color: #0000;
  padding: 1.5rem;
}

.container-large {
  max-width: 80rem;
}

.padding-vertical-2 {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical-2.padding-xxhuge {
  margin-top: 2rem;
}

.padding-vertical-2.padding-xxhuge.hide {
  display: none;
}

.text-weight-semibold {
  font-weight: 600;
}

.duration {
  margin-left: 2px;
  font-size: .7rem;
  line-height: .8em;
}

.clock {
  width: 13px;
  margin-left: -1px;
  margin-right: 3px;
}

.fn-rich-text {
  height: 100%;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: inline;
}

.fn-rich-text h2 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 52px;
  line-height: 1.2em;
}

.fn-rich-text h4 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3em;
}

.fn-rich-text p {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.6em;
}

.fn-rich-text blockquote {
  border-left-style: none;
  margin-bottom: 24px;
  padding: 0;
  font-size: 24px;
  line-height: 1.6em;
}

.fn-rich-text figure {
  width: 100%;
  min-width: 100%;
  margin-bottom: 56px;
  margin-left: 0;
  margin-right: 0;
}

.fn-rich-text figcaption {
  text-align: right;
  justify-content: flex-end;
  text-decoration: underline;
  display: flex;
}

.fn-rich-text img {
  border-radius: 12px;
}

.fn-rich-text ul, .fn-rich-text ol {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-bottom: 24px;
  padding-left: 20px;
  font-size: 16px;
  display: flex;
}

.fn-rich-text h1 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 1.2em;
}

.fn-rich-text h3 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 36px;
  line-height: 1.2em;
}

.fn-rich-text h5 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.3em;
}

.fn-rich-text h6 {
  color: #ecf0ef;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.2em;
}

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

.fn-column-2.text-color-white {
  width: 100%;
}

.fn-container-grid-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.fn-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 20rem 60rem;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-self: center;
  place-items: flex-start center;
  width: 100%;
  max-width: 80rem;
  padding-top: 10rem;
  padding-bottom: 80px;
  display: grid;
}

.rl-text-style-regular-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_blogpost1_author-text-large-2 {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_blogpost1_details-wrapper-2 {
  flex-direction: column;
  align-items: flex-start;
}

.rl_blogpost1_author-image-2 {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.rl_blogpost1_author-wrapper-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.rl_blogpost1_spacing-block-8-2 {
  width: 100%;
  padding-bottom: 3rem;
}

.rl_blogpost1_divider-2 {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.rl_blogpost1_spacing-block-7-2 {
  width: 100%;
  padding-bottom: 3rem;
}

.rl_blogpost1_tag-item-2 {
  color: #000;
  background-color: #f4f4f4;
  padding: .25rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.rl_blogpost1_tag-item-2.w--current {
  border-bottom: 2px solid #000;
}

.rl_blogpost1_tag-list-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.rl_blogpost1_tag-list-wrapper-2 {
  width: 50%;
}

.rl_blogpost1_social-icon-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.rl_blogpost1_social-link-2 {
  color: #000;
  background-color: #f4f4f4;
  border-radius: 20px;
  padding: .25rem;
}

.rl_blogpost1_share-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  display: grid;
}

.rl_blogpost1_spacing-block-6-2 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-heading-style-h6-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.rl_blogpost1_share-wrapper-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.rl_blogpost1_content-bottom-2 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.rl_blogpost1_spacing-block-5-2 {
  width: 100%;
  padding-bottom: 4rem;
}

.rl-text-rich-text-2 {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
}

.rl_blogpost1_content-2 {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.rl_blogpost1_spacing-block-4-2 {
  width: 100%;
  padding-bottom: 4rem;
}

.rl_blogpost1_image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.rl_blogpost1_image-wrapper-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.rl_blogpost1_spacing-block-3-2 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl-text-style-small-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_blogpost1_text-divider-2 {
  color: #000;
  margin-left: .5rem;
  margin-right: .5rem;
}

.rl_blogpost1_date-wrapper-2 {
  display: flex;
}

.rl_blogpost1_author-text-2 {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_blogpost1_content-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.rl_blogpost1_spacing-block-2-2 {
  width: 100%;
  padding-bottom: 3rem;
}

.rl-heading-style-h2-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl_blogpost1_spacing-block-1-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.heading-structure {
  color: var(--telos-white);
  font-size: .8rem;
  font-weight: 500;
}

.heading-structure.text-style-muted-2-0 {
  grid-column-gap: 1rem;
}

.heading-structure.text-style-muted-2-0.current-page {
  margin-left: 1rem;
  font-weight: 300;
}

.heading-structure.rl-text-style-medium {
  font-weight: 500;
}

.heading-structure.kind {
  opacity: .3;
  font-weight: 400;
}

.rl-breadcrumb-link-active-2 {
  line-height: 1.5;
  text-decoration: none;
}

.rl-breadcrumb-link-active-2.w--current {
  font-weight: 600;
}

.rl-breadcrumb-divider-2 {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.filer {
  grid-column-gap: .5rem;
  border-style: none solid none none;
  border-width: .5px;
  border-color: var(--borders);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.filer.w--current {
  font-weight: 600;
}

.filer.spread {
  justify-content: space-around;
}

.filer._100 {
  width: 100%;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.rl_blogpost1_breadcrumb-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-top-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 225px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.rl-padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-container-large-4 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-global-4 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_blogpost1-2 {
  background-color: #fff;
}

.heading-13 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.grit-border-block-smaller {
  border: 1px solid var(--borders);
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}

.grit-border-block-smaller.align-center {
  align-items: center;
}

.grit-border-block-smaller.top-section {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.grit-border-block-smaller.top-section.no-inner-margin {
  grid-column-gap: 0rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  padding: 0;
}

.grit-border-block-smaller.top-section.no-inner-margin.max-2rem {
  flex-direction: row;
  max-height: 5rem;
}

.grit-border-block-smaller.top-section.no-inner-margin.no-corner {
  border-radius: 0;
}

.grit-border-block-smaller.top-section.no-inner-margin.bottem-corners {
  grid-row-gap: 0px;
  border-radius: 0 0 .5rem .5rem;
  justify-content: space-between;
  align-self: center;
  align-items: center;
}

.grit-border-block-smaller.top-section.right-bottem {
  border-top-width: 0;
  align-self: center;
  align-items: flex-start;
}

.grit-border-block-smaller.navigation {
  border-top-width: 0;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grit-border-block-smaller.navigation.max-2-rem {
  max-height: 5rem;
}

.grit-border-block-smaller.side-navigator {
  max-width: none;
}

.grit-border-block-smaller.side-navigator.lrb {
  border-top-width: 0;
}

.image-61, .image-62 {
  opacity: .3;
}

.side-navigator {
  max-width: 20rem;
}

.blog-grit {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
                 "."
                 / .35fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navigation-bulletons {
  margin-top: 0;
  font-size: .8rem;
  line-height: .8rem;
}

.navigation-bulletons.text-style-muted {
  align-self: center;
  font-weight: 300;
  line-height: 1.5rem;
}

.navigation-bulletons.text-style-muted-2-0:hover {
  opacity: 1;
}

.collection-item-4 {
  opacity: .3;
  color: var(--telos-white);
  border-radius: .5rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
  padding: .5rem;
  text-decoration: none;
  display: flex;
}

.collection-item-4:hover {
  background-color: #ffffff0d;
}

.collection-item-4:visited {
  opacity: .45;
}

.collection-item-4.w--current {
  opacity: 1;
  font-weight: 600;
  transition: transform .2s, opacity .6s cubic-bezier(.327, .108, .099, .991);
}

.collection-item-4.text-style-muted {
  justify-content: space-between;
  width: 100%;
  transition: all .3s, transform .2s, opacity .6s cubic-bezier(.327, .108, .099, .991);
}

.collection-item-4.text-style-muted:hover {
  opacity: 1;
  background-color: #ffffff1a;
}

.collection-item-4.text-style-muted:visited {
  opacity: 1;
}

.link-block-12 {
  position: absolute;
}

.navigation-grit {
  color: var(--telos-white);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-span-14 {
  font-weight: 300;
}

.div-block-141 {
  grid-column-gap: .3rem;
  display: flex;
}

.collection-list-wrapper-6 {
  margin-bottom: 1rem;
  overflow: scroll;
}

.grit-border-block-smaller-copy {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}

.grit-border-block-smaller-copy.align-center {
  align-items: center;
}

.grit-border-block-smaller-copy.top-section {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.grit-border-block-smaller-copy.top-section.no-inner-margin {
  grid-column-gap: 0rem;
  padding: 0;
}

.grit-border-block-smaller-copy.top-section.right-bottem {
  border-top-width: 0;
  border-left-width: 0;
}

.grit-border-block-smaller-copy.navigation {
  border-top-width: 0;
  border-left-width: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grit-border-block-smaller-copy.side-navigator {
  max-width: none;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.grit-border-block-smaller-copy.side-navigator.lrb {
  border-top-width: 0;
}

.div-block-142 {
  position: sticky;
  top: 8rem;
}

.in-depth-page-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.in-depth-page-grid.add-fluf {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  grid-template-rows: 300px auto auto;
  margin-top: 6rem;
}

.page-heading-overview {
  flex-direction: column;
  display: flex;
}

.text-block-27 {
  opacity: .3;
  color: var(--black-background);
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  font-size: .6rem;
  text-decoration: none;
  display: flex;
}

.collection-item-blog {
  background-color: #fff0;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all .25s;
  display: flex;
  position: static;
  overflow: visible;
}

.collection-item-blog.out-of-6 {
  background-color: #ffffff12;
}

.collection-item-blog.out-of-6:hover {
  background-color: #fff3;
}

.collection-item-blog.slide {
  background-color: #ffffff12;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-right: .5rem;
  padding: 1rem;
  position: relative;
}

.collection-item-blog.slide:hover {
  background-color: #fff3;
}

.collection-item-blog.surface {
  -webkit-backdrop-filter: saturate(150%) blur(15px);
  backdrop-filter: saturate(150%) blur(15px);
  background-color: #ffffff14;
  border: .5px solid #fff0;
  border-radius: .5rem;
  align-items: stretch;
  transition: all .2s;
  position: static;
  box-shadow: inset 0 -1px #ffffff4d;
}

.collection-item-blog.surface:hover {
  border-color: var(--telos-primary-brand-color);
  background-color: #ffffff21;
  transform: scale(.98);
}

.collection-item-blog.surface.slide {
  align-items: flex-start;
  margin-top: 2rem;
  margin-right: 1rem;
  padding: 0;
  position: relative;
  overflow: visible;
  transform: perspective(1000px);
}

.collection-item-blog.surface.slide._3d {
  perspective: 667px;
  transform-style: preserve-3d;
  transform: perspective(647px)rotateX(0)rotateY(31deg)rotateZ(0);
}

.collection-item-blog.surface.slide.blog {
  margin-top: 0;
  margin-right: 0;
}

.collection-item-blog.surface.slide.blog-version {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.collection-item-blog.surface.tile {
  flex-direction: column;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding: 1rem;
  overflow: hidden;
}

.collection-item-blog.surface.category-collection-item {
  border-radius: 8rem;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.collection-item-blog.surface.organisation {
  padding-top: 0;
  padding-bottom: 0;
}

.collection-item-blog.surface.socials {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 10px;
  text-decoration: none;
}

.collection-item-blog.tag-surface {
  -webkit-backdrop-filter: saturate(150%) blur(15px);
  backdrop-filter: saturate(150%) blur(15px);
  background-color: #ffffff14;
  border: .5px solid #fff0;
  border-radius: .5rem;
  align-items: stretch;
  transition: all .2s;
  position: static;
  box-shadow: inset 0 -1px #ffffff4d;
}

.collection-item-blog.tag-surface:hover {
  background-color: #ffffff21;
  transform: scale(.98);
}

.collection-item-blog.tag-surface.slide {
  align-items: flex-start;
  margin-top: 2rem;
  margin-right: 1rem;
  position: relative;
  overflow: visible;
  transform: perspective(1000px);
}

.collection-item-blog.tag-surface.slide:hover {
  border-color: #fff9;
}

.collection-item-blog.tag-surface.slide._3d {
  perspective: 667px;
  transform-style: preserve-3d;
  transform: perspective(647px)rotateX(0)rotateY(31deg)rotateZ(0);
}

.collection-item-blog.tag-surface.tile {
  flex-direction: column;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding: 1rem;
  overflow: hidden;
}

.collection-item-blog.tag-surface.category-collection-item {
  border-width: .5px;
  border-color: var(--telos-primary-brand-color);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #676ef5;
  background-color: #fff0;
  border-radius: 8rem;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.collection-item-blog.tag-surface.category-collection-item:hover {
  background-color: #3f7efc4d;
}

.collection-item-blog.tag-surface.organisation {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-145 {
  padding: 1rem;
  position: sticky;
  top: 8rem;
}

.div-block-147 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-148 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.light-bar {
  opacity: .4;
  width: 100%;
  height: 400px;
  margin-bottom: -400px;
  transition: transform .96s, opacity .96s;
}

.trigger {
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: opacity .2s;
  display: flex;
}

.trigger:hover {
  background-color: #0000;
  border-width: 2px;
  border-color: #fff;
}

.plus-icon {
  color: #000;
  text-align: center;
  text-transform: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 25px;
  display: flex;
  position: relative;
}

.line-1 {
  background-color: #000;
  width: 20px;
  height: 2px;
  position: absolute;
}

.line-2 {
  background-color: #000;
  width: 2px;
  height: 20px;
}

.color-image {
  opacity: .96;
  object-fit: none;
  align-self: center;
  width: 1000px;
  display: block;
  position: relative;
  inset: -7rem 0% 0%;
}

.grain-2 {
  opacity: .05;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637fb3967a1c90b3bd98d813_grain-slow.gif");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 30vw;
  background-attachment: fixed;
  display: block;
  position: absolute;
  inset: 0%;
}

.grain-2.hide {
  display: none;
}

.image-63 {
  width: 80vw;
  position: absolute;
  top: -29%;
  left: -30vw;
  transform: rotate(143deg);
}

.image-64 {
  position: absolute;
  bottom: 0%;
  right: 0%;
}

.heading-15 {
  color: var(--black-background);
}

.background-grit {
  opacity: .1;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638f3b5c3c8808b639124d1b_WT_XY_015_1.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.background-grit.hide {
  display: none;
}

.div-block-149 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.ball {
  width: 200px;
  margin-top: -49px;
  margin-right: 253px;
  display: none;
  position: absolute;
  inset: 488px 0% 0% auto;
}

.illustrations {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 80vh;
  display: flex;
  position: relative;
  inset: -7rem 0% 0%;
}

.design {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: none;
  border-radius: .5rem;
  position: relative;
}

.design.record {
  background-image: none;
  width: 262px;
  height: 147px;
}

.design.agenda {
  width: 96px;
  height: 100px;
}

.image-65 {
  object-fit: cover;
  position: relative;
  inset: 0%;
}

.image-65.video-illustration {
  object-fit: scale-down;
  object-position: 0% 0%;
}

.feature-img-wrap {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-image: linear-gradient(#fff3, #fff0);
  border-radius: 14px;
  max-width: 100%;
  margin-top: -36px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.feature-img-wrap.feature-img-wrap--issues {
  max-width: 200px;
  padding-top: 0;
}

.feature-img-wrap.feature-img-wrap--issues._2 {
  max-width: 305px;
}

.feature-img {
  width: 100%;
  height: auto;
  margin-top: -11px;
}

.feature-img._2 {
  width: 120%;
  max-width: 100%;
  margin-top: 16px;
}

.div-block-150 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
}

.div-block-150.record {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638f659b7b2677a5287bc4b2_Listen.png");
  width: 250px;
  height: 250px;
  position: absolute;
}

.div-block-150.video-drawing {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638f659bf1d0b45e53fdea2b_Videeos.png");
  width: 24px;
  height: auto;
}

.image-66 {
  transform-style: preserve-3d;
  position: absolute;
  left: 5%;
  transform: translate3d(0, 0, -57px);
}

.image-67 {
  position: absolute;
  top: 62%;
  left: 11%;
}

.image-67._3d-turn {
  position: relative;
  top: 100px;
  left: -30%;
}

.books {
  transform-style: preserve-3d;
  position: absolute;
  top: 56%;
  left: 73%;
  transform: translate3d(0, 0, -81px);
}

.books._3d-turn-right {
  position: relative;
  inset: 70px 0% 0% 176px;
}

.references {
  position: absolute;
  top: 31%;
  left: 8%;
}

.search {
  position: absolute;
  top: 21%;
  left: 73%;
}

.search._3d-turn-right {
  transform-style: preserve-3d;
  align-self: center;
  position: relative;
  top: 22px;
  left: 0%;
  transform: translate3d(0, 0, -81px);
}

.community {
  position: absolute;
  top: 38%;
  left: 79%;
}

.record {
  transform-style: preserve-3d;
  position: absolute;
  top: 12%;
  left: 17%;
  transform: translate3d(0, 0, -71px);
}

.record._3d-turn {
  position: relative;
  inset: 0% auto 0% -203px;
}

._3d-turn.image-66 {
  position: relative;
  top: 0%;
  left: -23%;
}

._3d-turn.references {
  position: relative;
  top: 0%;
  left: 0%;
}

._3d-turn-right.community {
  position: relative;
  inset: 135px 0% 0% 80px;
}

.div-block-151 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.left {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.right {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-68 {
  margin-top: -7.3rem;
  position: absolute;
}

.image-69 {
  display: block;
  position: relative;
  right: -29%;
}

.text-block-28 {
  font-size: .64rem;
}

.content-link-surface-copy {
  z-index: 5;
  align-self: flex-start;
  width: 100%;
  padding: 1rem;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.skip {
  white-space: break-spaces;
  font-size: .7rem;
  font-weight: 500;
}

.div-block-152 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-70 {
  position: relative;
  top: 98px;
}

.headlines-paragraph {
  margin-top: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.text-span-15 {
  color: #ffffff4d;
}

.application-cliffhanger {
  max-width: 100vw;
  margin-top: 0;
  display: none;
  position: relative;
}

.text-span-16 {
  font-size: 2rem;
  line-height: 2rem;
  position: relative;
}

.text-span-16.smaller-font {
  top: -15px;
}

.text-span-17 {
  font-size: 2rem;
  line-height: 2rem;
}

.smaller-font {
  font-size: 2rem;
  line-height: 2rem;
  position: relative;
  top: -15px;
}

.headline-title {
  margin-top: 0;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
}

.headline-title.text-color-black {
  color: var(--black-background);
}

.div-block-153 {
  align-self: flex-start;
  display: block;
}

.image-71 {
  width: 1.3rem;
}

.image-72 {
  width: 1rem;
}

.div-block-154 {
  width: 100%;
  position: relative;
  overflow: scroll;
}

.div-block-155 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638e30629cd4ab9f0523fbc8_%2302%20Flame-61-min.png");
  background-position: 0 0;
  background-size: 140vw;
  background-attachment: scroll;
  display: none;
  position: absolute;
  inset: -6% 0% 0% -10vw;
}

.image-73 {
  object-fit: cover;
  border-radius: 20px;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
}

.text-block-29 {
  color: var(--telos-white);
  text-decoration: none;
}

.div-block-157 {
  background-color: #0e101233;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-158 {
  z-index: 2;
  justify-content: flex-end;
  align-self: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-74 {
  width: 130vw;
  position: absolute;
  left: 20vw;
}

.div-block-159 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638e305b7668db68fa88a267_%2302%20Flame-76-min.png");
  background-position: 10%;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 150vh;
  position: relative;
  inset: 0% 0% 0% 30vw;
}

.div-block-160 {
  width: 100vw;
  position: relative;
}

.image-75 {
  height: 140vh;
  position: relative;
  top: -255px;
  left: 33.4vw;
}

.div-block-161 {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.link-block-13 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.link-block-14 {
  text-decoration: none;
}

.div-block-162 {
  justify-content: center;
  margin-top: 2rem;
  display: none;
}

.molucle-housing {
  z-index: 10;
  border-radius: 17px;
  width: 120px;
  height: 200px;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  box-shadow: -11px 8px 25px #000;
}

.molucle-housing.profile-picture {
  border-radius: 5px;
  width: 85px;
  height: 120px;
  margin-bottom: 20px;
  margin-left: 20px;
  position: sticky;
  top: 100px;
  bottom: 40px;
}

.autograph-2 {
  width: 220px;
  margin-top: 20px;
}

.highlight-2 {
  opacity: .25;
  filter: blur(20px);
  background-color: #fff;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  margin-top: 50px;
  position: absolute;
  inset: 0%;
}

.highlight-2.big {
  opacity: .25;
  filter: blur(40px);
  width: 300px;
  height: 300px;
}

.section-seperation-line-2 {
  background-color: #fff3;
  width: 100%;
  height: .5px;
  margin-top: 20px;
  position: static;
  inset: 0% 0% auto;
}

.section-seperation-line-2.big {
  width: 100vw;
}

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

.heading-16 {
  text-align: left;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.heading-16.extra-margin {
  margin-bottom: 3rem;
}

.heading-17 {
  text-align: center;
}

.div-block-163 {
  display: none;
}

.italic-text-4 {
  font-weight: 300;
  text-decoration: underline;
}

.heading-big {
  text-align: left;
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.highlight-text {
  font-style: italic;
  font-weight: 200;
}

.div-block-164 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  display: grid;
}

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

.definition {
  font-weight: 600;
  line-height: 2rem;
}

.definition.greek {
  opacity: .4;
  margin-top: 5px;
  margin-bottom: -10px;
  font-weight: 200;
  display: none;
}

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

.text-span-18 {
  text-align: left;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1rem;
}

.text-span-19, .number {
  opacity: .3;
}

.image-76 {
  border-radius: 8rem;
  width: 50px;
  height: 50px;
}

.div-block-165 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc912004f95b_Profile%20Picture%202%202.jpg");
  background-position: 40%;
  background-size: cover;
  border-radius: 100rem;
  width: 60px;
  height: 60px;
}

.sign-off {
  grid-column-gap: 3rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.profile {
  border-radius: 40rem;
  width: 2rem;
  height: 2rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.profile:hover {
  box-shadow: 0 4px 20px #000;
}

.footer3_social-link {
  opacity: 0;
  background-color: #1c1c1c66;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-top: 6px;
  font-size: 14px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer3_social-link:hover {
  opacity: .5;
}

.social-link {
  width: 2rem;
  height: 2rem;
}

.image-77 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.signature {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 12rem;
  height: 7rem;
  display: flex;
  position: relative;
}

.grid-9 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  height: 100%;
  display: block;
}

.div-block-166 {
  position: relative;
}

.text-span-20 {
  text-align: center;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1rem;
}

.heading-18 {
  text-align: center;
}

.text-span-21 {
  opacity: .3;
  font-size: .9rem;
  font-weight: 300;
}

.heading-19 {
  margin-bottom: 0;
  font-weight: 500;
  display: none;
}

.moving-background {
  z-index: 0;
  align-self: flex-end;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.moving-background.hide {
  display: none;
}

.div-block-167 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 170vw;
  height: 170vh;
  display: none;
  position: fixed;
}

.hero-image {
  opacity: .3;
  object-fit: contain;
  width: 220vh;
  max-width: none;
  margin-left: 10vw;
  transition: opacity .5s;
  display: none;
}

.hero-image.smaller {
  width: 170vh;
  margin-left: 25vw;
}

.darkening-layer-15 {
  background-color: #000000b3;
  position: absolute;
  inset: 0%;
}

.darkening-layer-15.lighter {
  background-color: #000c;
}

.in-depth-sectioon {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
  position: relative;
  overflow: hidden;
}

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

.image-78 {
  object-fit: cover;
  width: 100%;
}

.banner-accounts {
  background-color: #fff3;
  border-radius: .5rem;
  max-height: 100%;
  margin-left: 1rem;
  display: flex;
  overflow: hidden;
  box-shadow: 1px 1px 20px #0003;
}

.link-block-15 {
  height: 3rem;
  position: absolute;
  inset: 0%;
}

.hiering {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #0e101299;
  background-image: linear-gradient(to right, #d7404180, #8b07a180);
  border-radius: .5rem;
  position: absolute;
  inset: 0%;
}

.heading-20 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1rem;
  font-weight: 500;
}

.heading-20.second {
  mix-blend-mode: soft-light;
  font-weight: 300;
}

.div-block-171 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-172 {
  align-self: center;
  margin-right: 1rem;
}

.color-account {
  display: none;
}

.div-block-173 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.div-block-162-copy {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
  display: flex;
}

.radius {
  background-image: radial-gradient(circle, #000, #000000e0 29%, #0000000a 45%, #0000 98%);
  width: 210vw;
  height: 210vh;
  position: absolute;
  inset: -50% 0% 0% -52%;
}

.colored-bg {
  background-color: #cda0f0;
  position: absolute;
  inset: 0%;
}

.content-created {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.content-created.extra-padding {
  margin-top: -2rem;
  margin-bottom: 2rem;
}

.page-content {
  overflow: hidden;
}

.grid-10 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-around;
  width: 100%;
}

.link-block-16 {
  position: relative;
}

.reference {
  opacity: .7;
  font-size: .8rem;
}

.div-block-174 {
  margin-bottom: 2rem;
}

.div-block-175 {
  align-items: flex-start;
  position: sticky;
}

.empty-state {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 20rem;
  display: flex;
}

.text-block-31 {
  color: #bbb;
  mix-blend-mode: soft-light;
}

.link-block-17 {
  z-index: 5;
  text-decoration: none;
  position: relative;
  inset: 0%;
}

.div-block-176 {
  background-color: var(--white);
  border-radius: 8rem;
  justify-content: flex-start;
  margin-top: 10px;
  padding: 5px 10px;
  display: flex;
}

.div-block-176.black {
  background-color: #0000000d;
}

.collection-list-wrapper-7 {
  margin-top: 2rem;
  display: flex;
}

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

.organisation-item {
  transition: all .2s;
}

.organisation-item:hover {
  transform: scale(.95);
}

.title-list-item {
  color: var(--telos-white);
  white-space: break-spaces;
  font-size: 1rem;
  line-height: 1.3rem;
  position: static;
}

.title-list-item.number {
  align-self: center;
  width: 1rem;
  margin-right: 1rem;
  position: absolute;
}

.description-of-item {
  color: #afafaf;
  white-space: nowrap;
  object-fit: fill;
  padding-top: 4px;
  padding-left: 9px;
  font-size: 11px;
  position: static;
  overflow: hidden;
}

.task-2-0 {
  white-space: pre;
  -webkit-text-fill-color: inherit;
  background-color: #ffffff0d;
  background-clip: padding-box;
  border-radius: .5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: .25rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.task-2-0:hover {
  background-color: #ffffff1a;
}

.task-2-0.top {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  flex-direction: column;
  align-items: flex-start;
}

.list-2-0 {
  width: 100%;
}

.link-block-18 {
  position: absolute;
  inset: 0%;
}

.grid-11 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

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

.number-list {
  color: #afafaf;
  white-space: nowrap;
  object-fit: fill;
  align-items: center;
  height: 100%;
  padding-left: 9px;
  font-size: 11px;
  display: flex;
  position: static;
  overflow: hidden;
}

.number-list.dark {
  color: #0e101280;
}

.grid-12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 14.75rem 18.25rem;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.div-block-178 {
  background-color: var(--telos-white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  padding: 1rem;
  position: relative;
}

.text-block-32 {
  color: var(--black-background);
  max-width: 7rem;
  max-height: 2rem;
  overflow: hidden;
}

.partners-quote-text {
  text-transform: none;
  margin-top: 5px;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3rem;
  overflow: hidden;
}

.partners-quote-text.category-tag {
  display: none;
}

.partners-quote-text.organisation {
  height: auto;
}

.partners-quote-text.text-color-black {
  color: var(--black-background);
  width: 100%;
  max-width: 12.6rem;
  height: 8rem;
  display: block;
}

.quotation {
  text-transform: none;
  max-height: 2.7rem;
  margin-top: 0;
  margin-bottom: -.2rem;
  font-size: 1rem;
  line-height: 1.3rem;
  overflow: hidden;
}

.quotation.category-tag {
  display: none;
}

.quotation.organisation {
  height: auto;
}

.quotation.text-color-black {
  color: var(--black-background);
}

.profile-picture-partners {
  background-color: #0e101280;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3rem;
  width: 3rem;
  height: 3rem;
}

.div-block-179 {
  z-index: 20;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: -10px;
  display: flex;
  position: relative;
}

.image-79 {
  z-index: 4;
  margin-top: -1px;
  margin-left: 1rem;
  position: absolute;
  inset: 0% 0% auto;
}

.fn-error-message {
  text-align: center;
  background-color: #c33939;
  border-radius: 8px;
  margin-top: 24px;
}

.fn-success-message-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.fn-success-message {
  background-color: var(--telos-white);
  color: #0f1213;
  border-radius: 8px;
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3em;
}

.fn-button-form {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding: 12px 42px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  transition: background-color .25s;
  display: flex;
}

.fn-button-form:hover {
  background-color: #3e4545;
}

.fn-checkbox {
  border: 1px solid #fff9;
  border-radius: .5rem;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  margin-top: 0;
  margin-right: 8px;
}

.fn-checkbox.w--redirected-checked {
  background-color: #df0;
  background-image: none;
  background-size: 8px 8px;
}

.fn-checkbox.w--redirected-focus {
  box-shadow: none;
}

.fn-checkbox-wrapper {
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.fn-checkbox-wrapper.hide {
  display: none;
}

.fn-form-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.fn-field-message {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #ecf0ef;
  background-color: #0e101266;
  border: .5px solid #fff3;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 160px;
  max-height: 160px;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  line-height: 1em;
  transition: all .3s;
}

.fn-field-message:hover {
  background-color: #4443435e;
  border-color: #cdd3d2;
}

.fn-field-message:active {
  border-color: var(--telos-primary-brand-color);
}

.fn-field-message:focus {
  border-color: #df0;
}

.fn-field-message::placeholder {
  color: #ffffff4d;
  font-size: .8rem;
}

.fn-radio-button {
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 8px;
}

.fn-radio-button.w--redirected-checked {
  background-color: #df0;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-color: #0000;
}

.fn-radio-button.w--redirected-focus {
  box-shadow: none;
}

.fn-radio-wrapper {
  align-items: center;
  display: flex;
}

.fn-radio-buttons-wrapper {
  grid-column-gap: 90px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  display: flex;
}

.form-label {
  color: #939b9b;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3em;
}

.form-label.no-margin {
  margin-bottom: 0;
}

.fn-select-field {
  color: #ecf0ef;
  background-color: #0000;
  border: 1px solid #3e4545;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 1em;
}

.fn-field {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #ecf0ef40;
  background-color: #0e101266;
  border: .5px solid #fff3;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: .9rem;
  line-height: 1em;
  transition: all .3s;
}

.fn-field:hover {
  background-color: #4443435e;
  border-color: #cdd3d2;
}

.fn-field:active {
  border-color: var(--telos-primary-brand-color);
}

.fn-field:focus {
  border-color: var(--telos-white);
  color: #ecf0ef;
}

.fn-field::placeholder {
  color: #ecf0ef40;
  font-size: .8rem;
}

.fn-form-advance {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template: "."
                 "."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fn-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.fn-paragraph-no-margin-2 {
  color: #cdd3d2;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  overflow: hidden;
}

.fn-paragraph-3 {
  color: #cdd3d2;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.6em;
}

.fn-heading-7 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 52px;
  line-height: 1.2em;
}

.fn-label-small {
  color: #df0;
  margin-bottom: 24px;
  line-height: 1em;
}

.fn-column-3 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.fn-container-grid-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.fn-section-2 {
  color: #ecf0ef;
  background-color: #1d1f1e;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.grid-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  width: 100vw;
  min-height: 100vh;
}

.div-block-180 {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #0e101266;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-181 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 35rem;
  height: 100%;
  padding: 8rem 2rem 2rem;
  display: flex;
  position: relative;
}

.checkbox-label {
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: .7rem;
  line-height: .85rem;
}

.div-block-182, .div-block-183 {
  max-width: 35rem;
}

.fn-error-message-2 {
  text-align: center;
  background-color: #c33939;
  border-radius: 8px;
  margin-top: 24px;
}

.fn-success-message-wrapper-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.fn-success-message-2 {
  color: #0f1213;
  background-color: #df0;
  border-radius: 8px;
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3em;
}

.fn-button-form-2 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding: 12px 42px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  transition: background-color .25s;
  display: flex;
}

.fn-button-form-2:hover {
  background-color: #3e4545;
}

.fn-checkbox-2 {
  border: 1px solid #687373;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 8px;
}

.fn-checkbox-2.w--redirected-checked {
  background-color: #df0;
  background-image: none;
  background-size: 8px 8px;
}

.fn-checkbox-2.w--redirected-focus {
  box-shadow: none;
}

.fn-checkbox-wrapper-2 {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.fn-form-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fn-field-message-2 {
  color: #ecf0ef;
  background-color: #0000;
  border: 1px solid #3e4545;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 160px;
  max-height: 160px;
  margin-bottom: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  line-height: 1em;
}

.fn-field-message-2:hover {
  border-color: #cdd3d2;
}

.fn-field-message-2:active, .fn-field-message-2:focus {
  border-color: #df0;
}

.fn-field-message-2::placeholder {
  color: #ecf0ef;
}

.fn-radio-button-2 {
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 8px;
}

.fn-radio-button-2.w--redirected-checked {
  background-color: #df0;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-color: #0000;
}

.fn-radio-button-2.w--redirected-focus {
  box-shadow: none;
}

.fn-radio-wrapper-2 {
  align-items: center;
  display: flex;
}

.fn-radio-buttons-wrapper-2 {
  grid-column-gap: 90px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  display: flex;
}

.form-label-2 {
  color: #939b9b;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3em;
}

.form-label-2.no-margin {
  margin-bottom: 0;
}

.fn-select-field-2 {
  color: #ecf0ef;
  background-color: #0000;
  border: 1px solid #3e4545;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 1em;
}

.fn-field-2 {
  color: #ecf0ef;
  background-color: #0000;
  border: 1px solid #3e4545;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  margin-bottom: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  line-height: 1em;
  transition: border-color .25s;
}

.fn-field-2:hover {
  border-color: #cdd3d2;
}

.fn-field-2:active, .fn-field-2:focus {
  border-color: #df0;
}

.fn-field-2::placeholder {
  color: #ecf0ef;
}

.fn-form-advance-2 {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fn-form-2 {
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  display: flex;
}

.fn-paragraph-no-margin-3 {
  color: #cdd3d2;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  overflow: hidden;
}

.fn-paragraph-4 {
  color: #cdd3d2;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.6em;
}

.fn-heading-8 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 52px;
  line-height: 1.2em;
}

.fn-label-small-2 {
  color: #df0;
  margin-bottom: 24px;
  line-height: 1em;
}

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

.fn-container-grid-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.fn-section-3 {
  color: #ecf0ef;
  background-color: #1d1f1e;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Open Sans, sans-serif;
  display: flex;
  position: relative;
}

.text-block-33 {
  font-weight: 600;
}

.div-block-184 {
  align-self: center;
}

.text-block-32-copy {
  color: var(--black-background);
  max-width: 7rem;
  max-height: 2rem;
  font-weight: 500;
  overflow: hidden;
}

.div-block-185 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 10px;
  display: flex;
}

.link-block-19, .link-block-20 {
  text-decoration: none;
}

.how-to-s {
  z-index: 5;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.step {
  width: 140px;
  height: 140px;
}

.video-3 {
  border-radius: 1rem;
  width: 100%;
  margin-top: 2rem;
  overflow: hidden;
  box-shadow: 4px 4px 40px 3px #000;
}

.div-block-186 {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.image-80 {
  z-index: 0;
  min-width: 150%;
  position: absolute;
  inset: -72% 0% 0% -22%;
}

.form-block-4 {
  z-index: 5;
  position: relative;
}

.step-complete {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  display: flex;
}

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

.checkbox-label-2, .checkbox-label-3, .checkbox-label-4 {
  display: none;
}

.checkbox {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff0d;
  border-radius: 20px;
  width: 2rem;
  height: 2rem;
  transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
}

.checkbox.w--redirected-checked {
  border-color: var(--telos-white);
  background-color: #38ecad;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6386352a7879ef03e5c52bba_check.svg");
  background-position: 49%;
  background-size: 1rem 1rem;
  width: 1.5rem;
  height: 1.5rem;
}

.text-block-34 {
  color: var(--black-background);
  margin-top: 2rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}

.success-message-4 {
  background-color: #efefef;
  border-radius: 10px;
  box-shadow: 0 0 50px 20px #212121;
}

.text-span-22 {
  font-size: 1.5rem;
  font-weight: 400;
}

.image-68-copy {
  position: absolute;
  top: -10.7rem;
}

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

.spacing-hero-section {
  background-color: #0e1012;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 20px 5px #000;
}

.spacing-hero-section.transparant {
  background-color: #0e101200;
}

.image-81 {
  position: absolute;
  inset: 0%;
}

.visuals {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/638e3763da4dcd70f3da992a_%2301%20Neon-63-min.png");
  background-position: 50%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.visuals-2 {
  position: absolute;
  inset: 0%;
}

.div-block-188 {
  padding-left: 3.2rem;
  padding-right: 3.2px;
}

.div-block-189 {
  z-index: 50;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.add-submission {
  z-index: 99;
  color: #a3a3a3;
  background-color: #292929;
  border-radius: 10rem;
  justify-content: space-between;
  align-items: center;
  height: 3.5rem;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.add-submission:hover {
  color: #fff;
}

.submit-content {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #cc6422, #a724aa 46%, #3f17be);
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
}

.div-block-190 {
  flex-direction: column;
  align-self: flex-start;
  max-width: 15rem;
  position: sticky;
  top: 8rem;
}

.div-block-191 {
  max-width: 90%;
}

.how-to-item-text-structure {
  display: flex;
}

.link-2 {
  font-size: .875rem;
}

.text-block-35 {
  color: var(--black-background);
  text-align: right;
  font-size: .6rem;
}

.small-description {
  opacity: .5;
  color: var(--telos-white);
  max-width: 100%;
  margin-top: -10px;
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.6rem;
}

.main-description {
  text-align: left;
  text-indent: 2rem;
  column-count: 2;
  column-rule-width: 0px;
  column-gap: 2rem;
  max-width: 100%;
  margin-bottom: 3rem;
  margin-left: .5rem;
  margin-right: .5rem;
  font-size: .8rem;
  line-height: 2rem;
  display: block;
}

.div-block-192, .step-text-structure {
  margin-left: 1.5rem;
}

.collection-list-5 {
  margin-left: -.5rem;
}

.back-button {
  opacity: 1;
  color: var(--telos-primary-brand-color);
}

.hamburger-menu-2-0 {
  z-index: 1;
  text-decoration: none;
  display: none;
  position: absolute;
  bottom: 55px;
}

.menu-button {
  transform-style: preserve-3d;
  display: none;
}

.div-block-194 {
  background-color: var(--black-background);
  margin-top: 100vh;
  position: relative;
}

.div-block-195 {
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 90%;
  height: 90%;
  display: flex;
  position: relative;
}

.div-block-195.large {
  width: 90%;
  height: 90%;
}

.scientific-conclusion {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.div-block-125-copy {
  border-radius: 1.5rem;
  width: 100%;
  height: 10rem;
  position: relative;
  overflow: hidden;
}

.course-structure {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-196 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.courses {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  perspective: 800px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: start;
  margin-top: -20px;
  margin-bottom: 1rem;
  display: grid;
  overflow: scroll;
}

.div-block-197 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-198 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.app-icon {
  width: 7rem;
  height: 7rem;
}

.app-iicon {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#00000080, #00000080);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border-radius: 2.5rem;
  width: 9rem;
  height: 9rem;
  box-shadow: -15px 13px 20px #00000063;
}

.collection-list-6 {
  display: flex;
}

.section-10 {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.text-size-medium-3 {
  font-size: 1.125rem;
}

.faq6_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 3rem;
  display: flex;
}

.faq6_component {
  grid-column-gap: 0px;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.faq6_accordion {
  border: 1px solid #0000;
  border-color: #8080804d #0000 #0000004d;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq6_accordion.bottem-line {
  background-color: var(--telos-white);
  color: var(--black-background);
  border-width: 1px;
  border-color: #0000002e;
  border-radius: 1rem;
  align-self: stretch;
  transition: all .4s;
  display: flex;
  box-shadow: 0 30px 40px -1rem #00000026;
}

.faq6_accordion.bottem-line:hover {
  border-color: var(--telos-primary-brand-color);
}

.faq6_accordion.bottem-line:active {
  border-color: #fff;
}

.faq6_accordion.bottem-line.hide {
  display: none;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.faq6_icon {
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
}

.max-width-large-2 {
  width: 100%;
}

.max-width-large-2.align-center {
  grid-row-gap: 2rem;
  align-items: center;
}

.max-width-large-2.tiitle {
  flex-direction: column;
  display: flex;
}

.text-size-small-2 {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-weight: 400;
  line-height: 1.2rem;
  transition: all .2s;
}

.text-size-small-2:hover {
  opacity: 1;
}

.faq6_list-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.faq6_answer {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  overflow: hidden;
}

.frequently-asked-questions {
  background-color: var(--background-white);
  color: var(--black-background);
  align-self: stretch;
  width: 100vw;
  padding-top: 5rem;
  display: none;
  position: relative;
}

.html-embed-4 {
  width: 3rem;
}

.container-26 {
  grid-row-gap: 5rem;
  flex-direction: column;
  display: flex;
}

.heading-22 {
  color: var(--black-background);
  text-align: center;
  margin-top: 20px;
}

.div-block-199 {
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
}

.card_front-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-82 {
  object-fit: cover;
}

.card_img {
  z-index: 2;
  background-image: linear-gradient(#161616, #161616);
  border: 1px solid #1d1b1d;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 16rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card_img:hover {
  opacity: 1;
}

.cards-2 {
  grid-column-gap: .5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start center;
  display: flex;
  position: relative;
}

.text-color-grey {
  color: #fbf9fc80;
  text-decoration: none;
}

.text-size-large {
  font-size: 1.5rem;
  line-height: 1.5;
  text-decoration: none;
}

.card_line {
  background-color: #8f00ff;
  width: 10%;
  height: .125rem;
}

.card_logo {
  width: 7.5rem;
}

.card_logo.is-nyt {
  width: 6rem;
}

.card_logo.is-guardian {
  width: 8rem;
}

.card_information {
  max-width: 19rem;
  text-decoration: none;
  position: relative;
}

.card_component {
  grid-column-gap: 16px;
  grid-row-gap: 2.25rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  min-width: 19rem;
  padding: 1rem 1rem 4.5rem;
  text-decoration: none;
  transition-property: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

.card_component:hover {
  opacity: 1;
}

.card_scroll {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #8f00ff;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.credentials {
  background-color: var(--black-background);
  width: 100vw;
  padding-top: 5rem;
  display: none;
  position: relative;
}

.the-hook {
  z-index: 1;
  background-color: var(--telos-white);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.the-hook.new {
  background-color: #08090b;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 8rem;
  display: flex;
  overflow: visible;
}

.the-hook.new.light-bbg {
  background-color: var(--black-background);
  overflow: hidden;
}

.heading-23 {
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}

.core-button-inner {
  grid-column-gap: 0rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
  border-radius: 20rem;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s cubic-bezier(0, 0, .5, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 5px 2px #0000;
}

.core-button-inner:focus {
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.core-button-inner.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.core-button-inner.is-button-large.white {
  border-width: 1px;
  border-color: var(--telos-white);
}

.core-button-inner.text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  max-width: none;
  height: 100%;
}

.core-button-inner.text.part-two {
  background-color: var(--telos-white);
  color: var(--black-background);
  border-color: #999;
  border-radius: 0 .5rem .5rem 0;
}

.core-button-inner.jdbks {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  align-self: center;
  height: 100%;
}

.core-button-inner.discord {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  max-width: none;
}

.core-button-inner.discord:hover {
  background-color: #7289da;
}

.core-button-inner.discord:active {
  background-color: #6073b8;
}

.core-button-inner.discord.max-length {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  align-self: center;
}

.core-button-inner.shortcut {
  align-self: stretch;
  max-width: none;
}

.core-button-inner.blue {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  border-top: 1px solid #ffffff87;
}

.core-button-inner.blue.behance {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  border-radius: 2rem;
  justify-content: flex-start;
  align-items: center;
  max-height: none;
  padding: .5rem;
  text-decoration: none;
}

.core-button-inner.blue.behance:hover {
  flex: 0 auto;
}

.core-button-inner.blue-text {
  color: var(--telos-primary-brand-color);
  margin-right: .1rem;
  padding-top: .5rem;
  font-weight: 700;
}

.core-button-inner.big {
  height: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.core-button-inner.absolute {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.core-button-inner.secondary {
  grid-column-gap: .5rem;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  color: var(--telos-white);
  background-color: #e8e8e800;
  padding: .325rem 1rem;
  font-weight: 700;
  overflow: hidden;
  box-shadow: inset 0 -2px 2px #0000, inset 0 2px 2px #fff0;
}

.core-button-inner.secondary:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #e8e8e833;
}

.core-button-inner.no-touch {
  pointer-events: none;
}

.new-portfolio-section {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.card-img {
  opacity: .5;
  background-color: #3f3f3f;
  border-radius: 1rem;
  flex: 1;
  justify-content: center;
  height: 13rem;
  padding-top: 1.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.card_component-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.card_component-2.hide {
  display: none;
}

.content-type {
  font-size: .875rem;
}

.display-block {
  display: block;
}

.card_hole {
  background-color: #ffffff1a;
  border-radius: 100rem;
  flex: none;
  width: 6rem;
  height: .75rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 1rem 0% auto;
}

.card_traits-icon-wrapper {
  width: 1.5rem;
  height: 1.5rem;
}

.heading-24 {
  margin-bottom: 0;
  line-height: 1.2;
}

.card_side {
  backface-visibility: hidden;
  background-color: #1c1b1d;
  border: 1px solid #191819;
  border-radius: 2rem;
  padding: 4rem 1.75rem 1.75rem;
  position: absolute;
  inset: 0%;
}

.card_side.is-back {
  transform-style: preserve-3d;
  padding-top: 9rem;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card_side.is-front {
  grid-row-gap: 2.5rem;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #1c1b1d80;
  flex-direction: column;
  padding-top: 5rem;
  display: block;
  position: relative;
}

.card_cta-wrapper {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: none;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.card_cta-wrapper.is-back {
  bottom: 1.5rem;
  left: 1.5rem;
}

.card_traits-content {
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.company-position {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.card_traits-list {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.card_stamp-wrapper {
  width: 5rem;
  display: block;
  position: absolute;
  inset: 17.3rem 1rem auto auto;
  transform: rotate(29deg);
}

.image-83 {
  opacity: 1;
  width: 100%;
  position: absolute;
  inset: 0% 0% 5px;
}

.image-83.contrast {
  filter: none;
}

.heading-type {
  color: #fbf9fc80;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 200;
}

.card_cta {
  background-color: #080808;
  border-radius: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

.card_cta-icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.card_traits {
  grid-row-gap: 1rem;
  flex-direction: column;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.card_traits-icon {
  height: 100%;
}

.card_wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 20rem;
  display: flex;
  position: relative;
}

.card_stamp-img {
  opacity: .79;
  width: 100%;
  display: none;
}

.card_traits-item {
  grid-column-gap: 1.125rem;
  align-items: center;
  display: flex;
}

.container-27 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.container-27.spedcial {
  max-width: 64px;
}

.button-9 {
  color: #fff;
  text-align: center;
  background-color: #8f00ff;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-weight: 400;
  transition-property: none;
}

.button-9:hover {
  opacity: .8;
}

.button-9.is-small {
  max-width: 12rem;
  padding: .5rem 1.5rem;
  font-size: .875rem;
  transition: opacity .2s;
}

.heading-xxl {
  font-size: 8rem;
  font-weight: 700;
  line-height: 1.1;
}

.matrix-text_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section_tip {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.page-padding-2 {
  z-index: 1;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.matrix-animation_component {
  display: block;
  position: absolute;
  inset: 0%;
}

.bg-circle {
  z-index: -1;
  background-color: var(--black-background);
  opacity: .6;
  filter: blur(45px);
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bg-circle._30 {
  opacity: .3;
  inset: 0%;
}

.bg-circle._75 {
  opacity: .75;
}

.text-size-medium-4 {
  font-size: 1.25rem;
}

.div-block-200 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  line-height: 3.5rem;
  display: flex;
}

.typedjs-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.typedjs-simple {
  display: inline;
}

.typedjs-simple.heading-small {
  color: var(--telos-primary-brand-color);
  font-size: 3.5rem;
  font-weight: 600;
}

.text-color-grey-2 {
  color: #fbf9fc80;
}

.div-block-202 {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(to right, #ca3333, #4061af);
  background-clip: padding-box;
  border-radius: 50rem;
  height: 3rem;
}

.div-block-203 {
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  height: 10px;
}

.div-block-204 {
  z-index: 1;
  background-color: #3770e2;
  background-image: linear-gradient(90deg, #3770e2, #1b3b7a);
  border-radius: 50rem;
  justify-content: space-between;
  align-items: center;
  padding: .1rem .1rem .1rem 0;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 40px -5px #000c;
}

.div-block-204:hover {
  background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(90deg, #3770e2, #1b3b7a);
}

.gify {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64b30e75364b8769e78dbab6_ezgif.com-optimize%20(1).gif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  border-radius: 50rem;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.gify.grey {
  opacity: 0;
}

.div-block-205 {
  border-radius: 50rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blur {
  -webkit-backdrop-filter: saturate(170%) blur(60px);
  backdrop-filter: saturate(170%) blur(60px);
  border-radius: 50rem;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.blur.grey {
  -webkit-backdrop-filter: saturate(0%) blur(20px);
  backdrop-filter: saturate(0%) blur(20px);
}

.submit-button-true {
  z-index: 10;
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  letter-spacing: 1px;
  border-radius: 50rem;
  padding: 0;
  font-size: .9rem;
  font-weight: 800;
  transition: all .2s cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  inset: 0%;
}

.submit-button-true:hover {
  color: var(--telos-white);
  background-color: #2f62c9;
  transform: scale(.9);
}

.image-84 {
  width: 1.6rem;
  margin-left: .5rem;
  display: none;
  position: relative;
}

.text-block-36 {
  letter-spacing: 1px;
  white-space: nowrap;
  font-size: .9rem;
  display: none;
}

.image-85 {
  width: 1.4rem;
  display: none;
  position: absolute;
}

.image-86 {
  position: absolute;
  inset: 0%;
}

.default {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #00000026;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: .5rem;
  transition: all .3s;
  display: flex;
  position: relative;
}

.default:hover {
  background-color: #ffffff1a;
  background-image: linear-gradient(#0000, #0000);
  transform: scale(1.02);
}

.default:active {
  background-image: linear-gradient(#000000b3, #000000b3), linear-gradient(to right, #f8ed66, #d25dd6 11%, #260069 48%, #01bdbf);
}

.default:focus {
  border: 1px solid var(--telos-primary-brand-color);
}

.heading-25, .heading-26 {
  margin-bottom: 0;
}

.heading-27 {
  color: var(--black-background);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 800;
}

.text-block-37 {
  color: var(--telos-white);
}

.text-block-38 {
  color: var(--black-background);
  text-align: center;
  font-weight: 600;
}

.front-back-txt-anim_component {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 40rem;
  display: flex;
  position: relative;
}

.text-block-39 {
  text-align: center;
}

.scroll-line-wrapper {
  justify-content: center;
  height: 2.5rem;
  margin-bottom: 2rem;
  display: flex;
}

.front-back-txt-anim_img-decor {
  opacity: 1;
  background-color: #ebdff5;
  width: 4.9rem;
  height: 1.5rem;
  position: absolute;
  top: 22%;
  left: 32%;
  transform: rotate(-3deg);
}

.nav_column {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav_column.is-ctas {
  justify-content: flex-end;
}

.nav_column.is-post-name {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2rem auto 2rem;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  display: grid;
}

.nav_column.is-logo {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 2rem auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  justify-items: start;
  display: flex;
}

.nav_wrapper {
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.nav_tip-title {
  z-index: 1;
  grid-column-gap: .25rem;
  align-items: center;
  display: flex;
  position: static;
}

.logo-full {
  width: 8rem;
  display: none;
}

.front-back-txt-anim_text {
  z-index: 1;
  position: relative;
}

.front-back-txt-anim_text.is-back {
  z-index: -1;
}

.front-back-txt-anim_img {
  background-color: #8f00ff;
  background-image: linear-gradient(#8f00ff82, #8f00ff82), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64288d05f48759706bb684cd_Frame%2017.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 100rem;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  width: 36%;
  max-width: 20rem;
  height: 100%;
  display: flex;
  position: relative;
}

.scroll-down_component {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-color-primary-2 {
  color: #8f00ff;
}

.nav_progress-content {
  white-space: nowrap;
}

.nav_progress-percentage {
  background-color: #fbf9fc;
  border-radius: 100rem;
  width: 46%;
  height: 100%;
}

.heading-xlarge {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-xlarge.text-style-nowrap {
  letter-spacing: -4px;
}

.heading-xlarge.text-style-nowrap.below, .heading-xlarge.text-style-nowrap.before {
  margin-top: -20px;
}

.heading-xlarge.text-style-nowrap.before.small {
  letter-spacing: 0;
  font-size: 3rem;
  font-weight: 400;
}

.icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.page-padding-3 {
  flex-direction: column;
  flex: 1;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: static;
}

.main-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.nav_component {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0d0d0e;
  border-top: 1px solid #161616;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  inset: auto 0% 0%;
}

.button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.nav_progress-bar {
  background-color: #141314;
  border-radius: 100rem;
  flex: 1;
  align-items: center;
  min-width: 5rem;
  max-width: 10rem;
  height: .875rem;
  padding: .25rem;
  display: flex;
}

.scroll-line {
  transform-origin: 50% 0;
  color: #161616;
  background-color: #fbf9fc;
  width: 1px;
  height: 100%;
}

.container-xxlarge {
  width: 100%;
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
}

.front-back-txt-anim_text-wrapper {
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.nav_post-direction {
  z-index: 1;
  background-color: #141314;
  border-radius: 50%;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: static;
}

.nav_post-direction.is-right {
  padding-left: 1px;
}

.section-tip {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.nav_progress-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(8rem, auto) auto;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: flex;
}

.image-logo-icon {
  width: 1.75rem;
}

.button-secondary-2 {
  color: #fbf9fc;
  text-align: center;
  background-color: #141314;
  border: .125rem #141314;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-weight: 400;
  transition-property: none;
}

.button-secondary-2:hover {
  opacity: .8;
}

.button-secondary-2.is-small {
  white-space: nowrap;
  max-width: 12rem;
  padding: .5rem 1.5rem;
  font-size: .875rem;
}

.logo-icon {
  width: 1.75rem;
}

.extra-non-used-bullshit {
  background-color: var(--black-background);
  align-self: stretch;
  width: 100vw;
  display: none;
  position: relative;
}

.heading-28 {
  text-align: center;
}

.heading-28.full-geidght {
  text-align: left;
  flex-direction: column;
  align-self: center;
  max-width: 12rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
}

.confetti-button {
  color: #fff;
  text-align: center;
  background-color: #101010;
  border: 1px solid #101010;
  border-radius: .5rem;
  justify-content: center;
  width: 9rem;
  padding: .75rem 1.5rem;
  text-decoration: none;
  transition: all .3s;
}

.confetti-button.is-footer-form {
  background-color: #141414;
  border-color: #141414;
  border-radius: .5rem;
  transition: all .2s ease-in-out;
}

.confetti-button.is-footer-form:hover {
  background-color: #424242;
  border-color: #424242;
}

.confetti-button.is-footer-form.main {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #e8e8e8;
  background-color: #14141400;
  border-width: 0;
  border-radius: 50rem;
  align-self: center;
  align-items: center;
  width: auto;
  height: 2.5rem;
  padding: 0;
  font-weight: 600;
  transition-property: none;
  display: flex;
  position: relative;
}

.confetti-button.is-footer-form.main:hover {
  background-color: #42424200;
}

.confetti-button.next {
  color: #000;
  background-color: #fff;
  display: flex;
}

.confetti-button.next:hover {
  background-color: #d3d0d0;
}

.confetti-button.next.hide {
  display: none;
}

.confetti-button.previous {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #10101099;
  border-color: #fbfbfb4d;
  flex-direction: row;
  display: flex;
}

.confetti-button.previous:hover {
  background-color: #46444499;
}

.confetti-button.previous.hide {
  display: none;
}

.heading-29 {
  text-align: left;
  margin-top: 8rem;
  font-size: 6.5rem;
  line-height: 7rem;
}

.div-block-206 {
  align-self: center;
  position: absolute;
  inset: auto 0% 5%;
}

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

.text-wrapper {
  margin-top: 6.5rem;
}

.heading-29-copy {
  text-align: left;
  margin-top: 8rem;
  font-size: 6.5rem;
  line-height: 7rem;
}

.heading-30, .congratulations {
  font-size: 6.5rem;
  line-height: 6.5rem;
}

.spacer-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 70vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.spacer-copy.hide {
  display: none;
}

.large-version {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.telos-app-logo-large {
  background-color: #000;
  border: 1px solid #ffffff1a;
  border-radius: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 20rem;
  display: flex;
  box-shadow: 3px 5px 9px 6px #070707c4;
}

.telos-app-logo-large.colum {
  margin-bottom: 2rem;
}

.telos-text-logo-footer-large {
  margin-left: 2rem;
  position: relative;
  overflow: hidden;
}

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

.div-block-207-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.virus-of-doubt {
  z-index: 1;
  width: 100vw;
  margin-top: 0;
  position: relative;
}

.virus-of-doubt.no-background {
  z-index: 0;
  flex-direction: column;
  align-items: center;
  max-width: 100vw;
  padding-top: 10rem;
  display: flex;
  overflow: visible;
}

.virus-of-doubt.no-background._5rem {
  margin-top: -5rem;
}

.progres-bar-2 {
  background-color: #161616;
  border-radius: 90px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 14px;
  margin-right: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.progres-bar-2.card-bar {
  color: #fbf9fc;
  background-color: #08080899;
  border-radius: 11px;
  width: 100%;
}

.progres-bar-2.card-bar {
  color: #fbf9fc;
  background-color: #08080859;
  width: 100%;
}

.progres-bar-2.card-bar.big-volume {
  border-radius: 1.1rem;
  height: 7rem;
}

.div-block-209 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.skill-header {
  justify-content: space-between;
  height: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
}

.skill {
  width: 100%;
  margin-bottom: 1.5rem;
}

.hole {
  background-color: #080808;
  border-radius: 100px;
  width: 48px;
  height: 8px;
  margin-left: auto;
  margin-right: auto;
}

.card-text {
  color: #5c595f;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
}

.card-text.white {
  color: var(--telos-white);
}

.card__header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-self: stretch;
  margin-bottom: 20px;
  padding: 0;
  display: flex;
  position: relative;
}

.heading-31 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
}

.div-block-210 {
  background-color: #fbf9fc33;
  width: 30px;
  height: 1px;
  display: block;
}

.progress-bar__content-4 {
  object-fit: fill;
  background-color: #8f00ff;
  border-radius: 1000px;
  align-self: stretch;
  width: 18%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: absolute;
  inset: 4px;
  overflow: visible;
}

.progress-bar__content-4._4 {
  border-radius: .9rem;
  flex: 0 auto;
  width: auto;
  margin-right: 0;
  display: block;
}

.progress-bar__content-4._4.large {
  border-radius: 1.7rem;
  position: absolute;
  inset: 4px;
}

.progress-bar__content-4._4.large._1.color-1 {
  background-color: var(--health-span);
  width: 76.56%;
}

.progress-bar__content-4._4.large._1.color-0 {
  background-color: var(--life-span);
  opacity: 1;
  background-color: #0df5a01a;
  border-radius: .9rem;
}

.progress-bar__content-4._4.large._2.color-2 {
  background-color: var(--wake-span);
  background-color: #0df5a0;
  border-radius: .9rem;
  flex: 0 auto;
  width: 60.826%;
  overflow: hidden;
}

.progress-bar__content-4._4.large._3.color-3 {
  background-color: #ff0059;
  display: block;
}

.progress-bar__content-4._2 {
  background-color: var(--health-span);
  width: 76.56%;
}

.progress-bar__content-4._1 {
  background-color: #0df5a01a;
  width: 99%;
}

.progress-bar__content-4._3 {
  background-color: #0df5a0;
  width: 60.826%;
  margin-right: 0;
}

.card__skills-container {
  align-self: stretch;
  position: relative;
}

.statisic-numbers {
  background-image: linear-gradient(309deg, #7c0416, var(--social-media));
  letter-spacing: 0;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 12px;
  font-family: "Lcd 2 B", Georgia, sans-serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1;
}

.statisic-numbers.second {
  color: var(--health-span);
  text-align: right;
  width: 100%;
  margin-top: -6px;
  font-size: 2rem;
  line-height: 1.3;
}

.statisic-numbers.second.hide {
  display: none;
}

.statisic-numbers.counterup2 {
  background-image: linear-gradient(309deg, #7c0416, var(--social-media));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-right: 12px;
}

.statisic-numbers.counterup2.extra-small {
  letter-spacing: 0;
}

.statisic-numbers.counterup3 {
  background-image: linear-gradient(309deg, #7c0416, var(--social-media));
  color: var(--red);
  letter-spacing: -4px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 300;
}

.statisic-numbers.counterup3.mini {
  background-image: linear-gradient(82deg, var(--wake-span), #06764d);
  letter-spacing: 0;
  font-size: 2rem;
}

.statisic-numbers.counterup2 {
  background-image: linear-gradient(309deg, #7c0416, var(--social-media));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.statisic-numbers.differeent {
  letter-spacing: -9px;
}

.statisic-numbers.psychology {
  padding-right: 10px;
}

.statisic-numbers.psychology.special {
  text-align: right;
  background-image: linear-gradient(#980e21, #980e21);
}

.statisic-numbers.psychology.special.mini {
  letter-spacing: 0;
  background-image: linear-gradient(#065d51, #065d51);
  font-size: 1.2rem;
}

.statisic-numbers.psychology.white {
  background-image: linear-gradient(to bottom, var(--white-2), var(--white-2));
}

.statisic-numbers.psychology.usage {
  background-image: linear-gradient(309deg, #045e7c, #2f39f8);
  padding-right: 5px;
}

.statisic-numbers.psychology.usage.small-width {
  text-align: right;
  letter-spacing: 0;
  width: 16px;
  margin-left: -10px;
}

.statisic-numbers.psychology.usage.counterup4.width-set {
  text-align: right;
  width: 23rem;
}

.statisic-numbers.psychology.anxiety-depression {
  letter-spacing: -5px;
  background-image: linear-gradient(309deg, #b7a30b 38%, #3abc26);
}

.statisic-numbers.psychology.self-destruction {
  letter-spacing: -5px;
  background-image: linear-gradient(309deg, #60047c, #f82f5b);
}

.statisic-numbers.psychology.lonely {
  background-image: linear-gradient(309deg, #7c6a04, #d91818);
}

.statisic-numbers.mini {
  letter-spacing: -3px;
  background-image: linear-gradient(#930b1f, #930b1f);
  min-width: 24px;
  font-size: 1.2rem;
}

.statisic-numbers.mini.blue {
  letter-spacing: -3px;
  background-image: linear-gradient(#0e5697, #0e5697);
}

.statisic-numbers.mini.anxiety {
  background-image: linear-gradient(#cf7921, #cf7921);
}

.statisic-numbers.mini.companionships {
  background-image: linear-gradient(#4234db, #4234db);
}

.statisic-numbers.mini.suicide {
  background-image: linear-gradient(#8b106e, #8b106e);
}

.statisic-numbers.anxiety {
  background-image: linear-gradient(309deg, #b7a30b, var(--social-media));
  letter-spacing: 0;
}

.statisic-numbers.companionship {
  letter-spacing: 0;
  background-image: linear-gradient(84deg, #6014ab, #2f46f8);
}

.statisic-numbers.suicide {
  background-image: linear-gradient(309deg, #60047c, var(--social-media));
  letter-spacing: 0;
}

.statisic-numbers.green {
  background-image: linear-gradient(84deg, #0ef5a0, #044443);
}

.hole-container {
  width: 100%;
  margin-bottom: 32px;
}

.card-layout {
  -webkit-backdrop-filter: saturate(150%) blur(20px);
  backdrop-filter: saturate(150%) blur(20px);
  background-color: #ffffff08;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  padding: 3rem;
  transition: all .4s;
  position: relative;
  transform: rotate(0);
}

.card-layout.jakbibucd {
  border-radius: 15px;
  flex: 1;
  justify-content: flex-end;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  display: flex;
}

.card-layout.jakbibucd.hide {
  display: none;
}

.card-layout.jakbibucd.intro {
  overflow: hidden;
}

.card-layout.special {
  width: 100%;
}

.card-layout.big-counter {
  justify-content: center;
  align-items: flex-start;
  padding: 1rem 0;
  display: flex;
  overflow: hidden;
}

.card-layout.youtube-play {
  border-radius: 3rem;
  align-self: center;
  width: 15rem;
}

.time-unit {
  grid-column-gap: 4px;
  grid-row-gap: 2px;
  display: flex;
}

.time-unit.hide {
  display: none;
}

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

.length-time.digital-tech {
  letter-spacing: 2px;
  font-family: Protomono, sans-serif;
}

.number-text {
  color: var(--telos-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.number-text.all-cap {
  text-align: right;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: .9rem;
  line-height: 2rem;
}

.number-text.all-cap._1 {
  color: var(--streaming);
}

.number-text.all-cap._2 {
  color: var(--chores);
  font-family: Generalsans, sans-serif;
}

.number-text.all-cap._3 {
  color: var(--social-media);
}

.number-text.all-cap._4, .number-text.all-cap._5, .number-text.all-cap._6 {
  color: var(--telos-white);
}

.number-text._1 {
  color: var(--streaming);
}

.number-text._2 {
  color: var(--chores);
  font-family: Protomono, sans-serif;
  font-weight: 400;
}

.number-text._3 {
  color: var(--social-media);
}

.number-text.digtal-tech {
  font-family: Digital tech, sans-serif;
  font-weight: 400;
}

.number-text.special {
  text-align: right;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  max-width: 25ch;
  font-size: .7rem;
  display: flex;
}

.number-text.special.secondary {
  color: var(--grey-on-white);
  justify-content: flex-end;
  max-width: 19ch;
  font-size: .7rem;
  line-height: 1rem;
}

.number-text.special.secondary.set-width {
  width: 20rem;
}

.eating-away {
  object-fit: fill;
  background-color: #8f00ff;
  border-radius: 1000px;
  width: 18%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.eating-away._1 {
  width: 100%;
}

.eating-away._4 {
  flex: 0 auto;
  width: 100%;
  margin-right: 0;
  display: block;
}

.eating-away._4.large {
  border-radius: 1.7rem;
  height: auto;
  position: absolute;
  inset: 4px;
}

.eating-away._4.large._1.color-1 {
  background-color: #8f00ffbf;
}

.eating-away._4.large._2.color-2 {
  background-color: #8f00ff80;
}

.eating-away._4.large._3.streaming {
  background-color: #161616;
  background-image: linear-gradient(to right, #bb2234, #9f0f24);
  border: 0 solid #f82f4700;
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.social-media {
  border: 4px solid var(--streaming);
  background-color: var(--streaming);
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 18%;
  margin-right: -5px;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.other {
  border: 4px solid var(--chores);
  background-color: var(--chores);
  border-radius: 1.6rem 0 0 1.6rem;
  flex: 0 auto;
  width: 8.33%;
  margin-right: -4px;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.life {
  border: 0px solid var(--black-background);
  background-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.social-media {
  background-color: #f8862f;
  border: 4px solid #f8862f;
  border-radius: 0;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 18%;
  margin-right: -5px;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.other {
  background-color: #f8502f;
  border: 4px solid #f8502f;
  border-radius: 1.6rem 0 0 1.6rem;
  flex: 0 auto;
  width: 8.33%;
  margin-right: -4px;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.life {
  background-color: #0000;
  border: 0 solid #0e1012;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.other {
  background-color: #f8502f;
  border: 4px solid #f8502f;
  border-top-left-radius: .9rem;
  border-bottom-left-radius: .96rem;
  flex: 0 auto;
  width: 8.33%;
  margin-right: -4px;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._4.large._3.life {
  background-color: #0000;
  border: 0 solid #0e1012;
  border-radius: 0 .9rem .9rem 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0;
}

.eating-away._3 {
  width: 48%;
  margin-right: 0;
}

.eating-away._2 {
  width: 80%;
}

.masking-layers {
  grid-column-gap: 0px;
  grid-row-gap: 2px;
  border-radius: .9rem;
  flex-direction: row;
  margin: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.leganda {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.legenda-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: flex-start;
  display: flex;
}

.legenda-item.next {
  display: none;
}

.color-system {
  background-color: #fff;
  border-radius: 3px;
  width: 10px;
  height: 10px;
  margin-top: 10px;
  margin-right: 5px;
}

.color-system._1.middle {
  margin-top: 0;
}

.color-system._3 {
  background-color: var(--social-media);
  background-color: #f82f47;
}

.color-system._1 {
  background-color: #f8862f;
}

.color-system._2 {
  background-color: #f8502f;
}

.title-header {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.div-block-211 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.heading-33 {
  color: var(--black-background);
  text-align: center;
  margin-top: 10px;
  font-family: Protomono, sans-serif;
  font-weight: 500;
}

.heading-33.social-emdia {
  color: #fff;
}

.heading-33.streaming {
  color: var(--telos-white);
}

.deck-of-four {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.deck-of-four.griddy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  display: grid;
  position: relative;
}

.deck-of-four.griddy._2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.top-section {
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
}

.top-section.horizontal {
  flex-direction: row;
  align-items: flex-end;
}

.card__header-copy {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.rigth-section {
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.rigth-section.rl-container-medium {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.rigth-section.rl-container-medium.extra {
  grid-row-gap: 0rem;
  margin-bottom: 0;
}

.heading-34 {
  color: var(--telos-white);
  font-weight: 500;
}

.heading-34.hide {
  display: none;
}

.heading-34.fade-in-animatiion-block {
  margin-bottom: 3rem;
}

.heading-34.shorter-width {
  max-width: 17ch;
  margin-top: 3rem;
  margin-bottom: 0;
  font-weight: 800;
}

.heading-34.second {
  color: var(--life-span);
}

.div-block-213 {
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
}

.container-w3 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.container-w3.gutter-outside {
  width: auto;
  max-width: none;
  position: relative;
}

.text-overlap-end {
  background-color: var(--black-background);
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.text-effect-wrapper {
  height: 260vh;
  margin-top: -20vh;
}

.section-text-gradient-effect {
  align-self: center;
  margin-top: 20vh;
  padding-right: 11rem;
  position: relative;
}

.text-effect-inner {
  position: relative;
  overflow: hidden;
}

.text-effect-gradient {
  background-image: linear-gradient(to bottom, var(--black-background) 12%, #351073 26%, #c958de 38%, #fbb1f7 50%, #c958de 64%, #351073 76%, var(--black-background) 88%, var(--black-background) 103%);
  mix-blend-mode: darken;
  height: 240vh;
  position: absolute;
  inset: 0%;
}

.text-effect-text {
  color: #f5f5f7;
  font-size: 3.3em;
  font-weight: 600;
  line-height: 1.2em;
}

.text-effect-text.quote-by {
  text-align: center;
  max-width: 40rem;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1em;
}

.text-effect-text.quote-by.smaller {
  color: var(--header);
  text-align: left;
  font-size: .85em;
  font-weight: 300;
}

.text-effect-text.quote-life {
  text-align: center;
  -webkit-text-fill-color: inherit;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  max-width: 40ch;
  margin-bottom: 2rem;
  font-size: 1.5em;
  font-style: italic;
  font-weight: 500;
  line-height: 150%;
}

.text-effect-text.quote-life.left-align-tetx {
  text-align: left;
}

.text-effect-text.quote-life.smaller {
  text-align: left;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 300;
}

.text-effect-sticky-element {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.div-block-214 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642dc2bf10145c101e17e0c7_iPhone-14-Pro-07-min.jpg");
  background-position: 49%;
  background-size: cover;
  justify-content: center;
  width: 102%;
  height: 102%;
  display: flex;
  position: relative;
}

.hero-frame {
  flex-direction: column;
  align-self: stretch;
  height: 100vh;
  max-height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5.5rem 5.5rem 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.telos-is-coming {
  grid-column-gap: 1rem;
  display: flex;
}

.telos-is-coming.small-comun {
  grid-column-gap: .5rem;
  margin-bottom: 0;
  display: none;
}

.telos-is-coming.centre {
  justify-content: center;
  align-self: stretch;
}

.fade-in-animation-block {
  z-index: 10;
  flex: 0 auto;
}

.fade-in-animation-block.sticky {
  position: sticky;
  top: 0;
}

.fade-in-animation-block.small-width {
  max-width: 55ch;
}

.fade-in-animation-block.middle {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-block-40 {
  z-index: 10;
  color: #fff;
  letter-spacing: 1px;
  max-width: none;
  font-size: 60px;
  font-weight: 900;
  line-height: 65px;
  position: relative;
}

.dissapear-like-magic {
  justify-content: space-between;
  align-items: flex-start;
}

.dissapear-like-magic.middle {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dissapear-like-magic.lift-side {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.dissapear-like-magic.mi {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heading-34-copy {
  margin-top: 0;
  margin-bottom: -10px;
  line-height: 4.2rem;
}

.heading-34-copy.hide {
  display: none;
}

.heading-34-copy.fade-in-animatiion-block {
  margin-bottom: 3rem;
}

.download-the-app-reminder {
  background-color: var(--black-background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
}

.div-block-218 {
  position: relative;
}

.text-span-23 {
  color: #fff3;
  font-weight: 400;
}

.hours {
  background-image: linear-gradient(309deg, #491b19, var(--red));
  white-space: nowrap;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: multiply;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: -10px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: "Lcd 2 B", Georgia, sans-serif;
  font-size: 6.7rem;
  font-weight: 300;
  line-height: 7rem;
  display: flex;
  position: relative;
  bottom: 5px;
  left: 10px;
}

.hours.counterup.max-width {
  width: 31rem;
  height: 8rem;
  overflow: hidden;
}

.hours.counterup4.max-width {
  height: 8rem;
  font-weight: 300;
}

.hours.red {
  letter-spacing: -19px;
  background-image: linear-gradient(309deg, #a31226, #8e0a1d);
}

.hours.tiktok {
  background-image: linear-gradient(92deg, #68171c, #3c080b);
}

.a-billion {
  grid-column-gap: 0rem;
  line-height: 1rem;
  display: flex;
}

.div-block-219 {
  padding-bottom: 40rem;
}

.div-block-219.hide {
  max-width: 100vw;
  overflow: hidden;
}

.spacer {
  z-index: 3;
  background-color: var(--black-background);
  align-self: center;
  align-items: center;
  height: 40vh;
  position: relative;
}

.youtube-play {
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 10rem;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.play {
  opacity: .2;
  width: 3.8rem;
  margin-left: 18px;
  position: absolute;
}

.div-block-221 {
  align-self: center;
  width: 100vw;
  margin-bottom: 10rem;
  position: sticky;
  top: 40vh;
}

.pause {
  opacity: .2;
  width: 2.9rem;
  margin-left: 0;
  position: absolute;
}

._114-years {
  grid-column-gap: 1rem;
  margin-top: -1rem;
  margin-bottom: 0;
  line-height: 1rem;
  display: flex;
  position: relative;
  bottom: -11px;
  left: 10px;
}

.div-block-222 {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-222.sticky {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 40vh;
  margin-top: 0;
  position: absolute;
  inset: 16rem 0% auto;
}

.div-block-222.extra-top-margin {
  position: relative;
}

.div-block-221-copy {
  justify-content: center;
  align-self: center;
  width: 100%;
  position: sticky;
}

.time-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.time-section.no-margin {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-top: 0;
  display: flex;
}

.basee-line {
  background-color: var(--life-span);
  align-items: flex-start;
  width: 3px;
  height: 100%;
  display: flex;
  position: absolute;
}

.progress-line-section {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: 0;
  bottom: 1.6rem;
  left: 11px;
}

.progress-line-section.last {
  padding-bottom: 5.7rem;
}

.slide-nav-2 {
  display: none;
}

.slide-6 {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
}

.div-block-3231 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642c607acd7a7953548caaaa_1920x800sr%20(3).jpg");
  background-position: 100%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.div-block-3231._2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642c607acd7a791f4d8caab0_1920x800sr%20(1).jpg");
  background-position: 50%;
  align-items: center;
  display: flex;
}

.div-block-3231._3 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642c607acd7a7946ef8caa9f_1920x800sr%20(2).jpg");
}

.div-block-3231._5 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642c607acd7a7955ea8caa99_1920x800sr%20(4).jpg");
}

.div-block-3236 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide-8 {
  background-color: #2bff00;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642c607acd7a7907198caaa5_1440x2960-Wallpaper-222-.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slide-8._4 {
  background-color: #0000;
  background-image: none;
}

.slider-3 {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 500px;
  display: flex;
  position: relative;
  top: auto;
}

.slide-7 {
  background-color: #0000;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.div-block-3237 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: sticky;
  top: 10vh;
  overflow: visible;
}

.div-block-3238 {
  width: auto;
  padding-top: 0;
  position: relative;
  inset: 0% auto auto;
  overflow: visible;
}

.divblock14 {
  background-color: #000;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  margin-top: 500px;
  display: block;
  position: relative;
  overflow: hidden;
}

.mask-4 {
  border-radius: 20px;
  width: 100%;
  left: 0%;
  overflow: visible;
}

.image-87 {
  z-index: 10;
  width: 120vw;
  margin-top: -72px;
  position: relative;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-221-copy {
  z-index: 10;
  align-self: center;
  width: 120vw;
  margin-bottom: 10rem;
  position: sticky;
  top: 0;
}

.container-28 {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.text-colour-white {
  color: #fff;
}

.timeline_circle {
  border: 2px solid var(--telos-white);
  background-color: var(--black-background);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
}

.timeline_circle.invis {
  opacity: 0;
}

.timeline_circle.inner {
  background-color: var(--telos-white);
  border-width: 0;
  width: 5px;
  height: 5px;
}

.timeline_quote-text-wrapper {
  flex: 1;
}

.timeline_quote-title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.timeline_progress-bar {
  z-index: -1;
  background-color: #fff;
  background-image: linear-gradient(to top, #f8c160 2%, #de5bef 18%, #000131 32%, #04375c 65%, #15fffc 84%, var(--black-background) 97%);
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: auto auto 50vh;
}

.text-colour-lightgrey {
  color: #ffffffa6;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.timeline_quote-image {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-right: 24px;
}

.timeline_definition-wrapper {
  background-color: #ffffff0d;
  border-radius: 16px;
  padding: 16px;
}

.dot {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-bottom: .3rem;
  display: flex;
  position: sticky;
  top: 50vh;
}

.dot.invis {
  opacity: 0;
}

.dot.stop {
  margin-bottom: 50vh;
}

.margin-bottom-xlarge {
  margin-bottom: 56px;
}

.base-timeline_progress {
  z-index: 0;
  background-color: #414141;
  width: 3px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.timeline_quote-wrapper {
  border: 2px solid #fff;
  border-radius: 16px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.inline-block {
  display: inline-block;
}

.timeline_text {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.overlay-fade-top {
  background-image: linear-gradient(#0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.link-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.compartment-section {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 11rem;
  display: flex;
  position: relative;
}

.compartment-section.unlimited {
  width: 100%;
}

.compartment-section.invis {
  opacity: 0;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, #0a0a0a, #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.timeline_link {
  opacity: .6;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.timeline_link:hover {
  opacity: 1;
}

.timeline_image-wrapper {
  background-image: linear-gradient(138deg, #000, #0000 28%), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642c9a65232b6dfc272ee678_Image%20Background.png");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 12px;
  overflow: hidden;
}

.timeline_date-text {
  color: #fff;
  letter-spacing: -.03em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_milestone-badge {
  color: #161616;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_badge {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #ffffff26;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: inline-block;
}

.timeline_quote {
  color: #fff;
  margin-bottom: 16px;
  font-size: 14px;
}

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

.div-block-3241 {
  margin-left: 7.4rem;
  display: none;
  position: relative;
}

.div {
  width: 3px;
  height: 100%;
  position: absolute;
}

.base-timeline_progress-2 {
  z-index: 1;
  background-color: #414141;
  width: 3px;
  height: 100%;
  position: absolute;
}

.div-block-3242 {
  position: relative;
}

.hero-1 {
  color: #f4f4f400;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 100% 0, #fff0, #ffffff0a 0%, #ffffff12 0%, #fff0 40%, #ffffff1a 50%, #dddddd59);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -1rem;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 6rem;
  font-weight: 900;
  line-height: 5rem;
}

.hero-2 {
  max-width: 16ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.hero-2.hide {
  display: none;
}

.hero-2.fade-in-animatiion-block {
  margin-bottom: 3rem;
}

.hero-2.shorter-width {
  max-width: 21ch;
}

.hero-2.second {
  color: var(--life-span);
}

.hero-2.thin {
  color: #cdcdcd;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  display: block;
}

.hero-2.thin.hide {
  opacity: 0;
}

.hero-2.white {
  color: var(--telos-white);
  font-size: 4.5rem;
  font-weight: 800;
  line-height: 4rem;
}

.hero-2.white.hide {
  opacity: 0;
  display: block;
}

.hero-2.new {
  color: var(--telos-white);
  text-align: center;
  max-width: none;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
}

.hero-2.grey {
  opacity: .3;
  color: var(--telos-white);
  height: 2rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2rem;
}

.hero-3 {
  max-width: 36ch;
  font-weight: 300;
}

.hero-3.hide {
  display: block;
}

.hero-text-wrapper {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.text-span-24 {
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(113deg, #012025 5%, #014355 26%, #02beff);
  -webkit-background-clip: text;
  background-clip: text;
}

.image-88 {
  display: none;
}

.cta {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-top: -13rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: block;
  position: sticky;
  inset: 0 0%;
}

.cta.sticky {
  position: sticky;
  top: 50vh;
}

.cta.relative {
  align-items: center;
  margin-top: 3rem;
  position: relative;
}

.cta.new {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1.61803fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.cta.bottom {
  max-width: none;
  position: absolute;
  inset: 0%;
}

.text-span-25, .text-span-26, .text-span-27, .text-span-28 {
  font-size: 5rem;
}

.second-title {
  font-weight: 800;
}

.second-title.hide {
  display: none;
}

.second-title.fade-in-animatiion-block {
  margin-bottom: 3rem;
}

.second-title.shorter-width {
  max-width: 17ch;
}

.second-title.second {
  color: var(--life-span);
}

.second-title.spent-every-day {
  color: var(--telos-white);
}

.text-span-29 {
  color: #6c6a6a;
}

.div-block-3244 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 4rem;
  display: flex;
}

.image-89 {
  width: 4rem;
  margin-top: 7px;
  margin-left: 10px;
  margin-right: -13px;
}

.left-side {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-shadow: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.feature-icon {
  background-image: linear-gradient(to bottom, var(--telos-primary-brand-color), var(--telos-primary-brand-color));
  border: 1px solid #ffffff4d;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: .6rem;
  display: flex;
  position: relative;
}

.feature-icon.round {
  border-radius: 20rem;
  width: 5rem;
  height: 5rem;
  padding: .25rem;
}

.feature-icon.white-version {
  background-image: linear-gradient(to bottom, var(--telos-primary-brand-color), var(--telos-primary-brand-color));
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-width: 0;
  border-color: #ffffffc4;
  border-radius: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  padding: .9rem;
}

.renderings {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.the-app {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  background-color: var(--background-white);
  flex-direction: column;
  width: 100vw;
  padding-bottom: 10rem;
  display: none;
  position: relative;
}

.feature-explained-text {
  font-weight: 300;
}

.correct-feature-heading {
  color: var(--grey-on-white);
  max-width: 40ch;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.3rem;
  position: relative;
}

.housing-numbers {
  grid-column-gap: 3px;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
  transform: perspective(10px)perspective(20px);
}

.housing-numbers.fixed-width {
  width: 9rem;
}

.housing-numbers.leaning-left {
  justify-content: flex-start;
  align-items: center;
}

.minus-indication {
  color: #d42339;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  position: relative;
  bottom: 2px;
}

.minus-indication.second {
  color: var(--health-span);
  margin-top: -6px;
  font-size: 1.5rem;
}

.minus-indication.counterup {
  margin-top: 0;
}

.minus-indication.mini {
  color: var(--wake-span);
  font-size: 2rem;
  top: -1px;
}

.minus-indication.anxiety {
  color: #ef3f3f;
}

.minus-indication.companionships {
  color: #5926e0;
}

.minus-indication.suicide {
  color: #c32059;
}

.bottem-section {
  grid-column-gap: .5rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.div-block-3246 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: block;
  position: absolute;
}

.picture-holder {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642e6c272db706448ffbdeab_iPhone-14-Pro-015-min.jpg");
  background-position: 50%;
  background-size: 113%;
  width: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.picture-holder._1 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642e6c263e207bdf5b74776c_iPhone-14-Pro-02-min.jpg");
  inset: 0% auto 0% 0%;
}

.picture-holder._2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642e6c29e42d3111975a3c6a_iPhone-14-Pro-016-2-min.jpg");
}

.picture-holder._3 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642e6c266932b70e1ff45598_iPhone-14-Pro-013-min.jpg");
  height: 100%;
  position: relative;
  inset: 0% auto 0% 0%;
}

.text-span-30 {
  color: #6f6d6d;
  font-size: 2rem;
  font-weight: 500;
}

.slide-animation-block {
  z-index: 5;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.picture-masker {
  background-color: #f4f4f4;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 50rem;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.picture-masker._1 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642e6c263e207bdf5b74776c_iPhone-14-Pro-02-min.jpg");
  inset: 0% auto 0% 0%;
}

.picture-masker._2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642e6c29e42d3111975a3c6a_iPhone-14-Pro-016-2-min.jpg");
}

.picture-masker._3 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642e6c266932b70e1ff45598_iPhone-14-Pro-013-min.jpg");
  inset: 0% auto 0% 0%;
}

.picture-masker.left {
  inset: 0% auto 0% 0%;
}

.mockup {
  border-top: 3px solid var(--black-background);
  object-fit: cover;
  height: 101%;
  position: relative;
}

.black-out {
  z-index: 2;
  background-color: var(--background-white);
  width: 0%;
  height: 104%;
  position: absolute;
  inset: -2% auto 0% 0%;
}

.extra-mask {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 1% 0% 0%;
  overflow: hidden;
}

.image-90 {
  display: none;
  position: absolute;
  inset: 0%;
}

.founder {
  grid-column-gap: 3rem;
  width: 100vw;
  display: flex;
}

.body-3-copy {
  color: var(--telos-white);
  font-size: 1rem;
  line-height: 1.5rem;
}

.body-3-copy.middle {
  text-align: center;
  max-width: none;
}

.body-3-copy.hide {
  display: none;
}

.body-3-copy.second {
  color: var(--life-span);
}

.heading-36 {
  max-width: 20ch;
}

.sectioin-title {
  color: var(--telos-white);
  text-align: left;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7rem;
  font-weight: 800;
  line-height: 120%;
  position: relative;
}

.sectioin-title.lean-leaft {
  text-align: left;
  max-width: none;
  margin-top: 0;
}

.sectioin-title.smaller {
  max-width: 16ch;
}

.sectioin-title.black {
  color: var(--black-background);
  text-align: left;
}

.sectioin-title.black.special {
  color: var(--black-background);
  max-width: 70ch;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
}

.sectioin-title.black.special.middle {
  text-align: center;
}

.sectioin-title.huge-text {
  text-align: left;
  font-size: 6rem;
  line-height: 6rem;
}

.sectioin-title.huge-text.black {
  max-width: 23ch;
  margin-top: auto;
  font-size: 5rem;
  font-weight: 800;
  line-height: 5.1rem;
}

.sectioin-title.huge-text.white {
  max-width: 22ch;
  margin-top: auto;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 4rem;
}

.sectioin-title.huge-text.white.small-width {
  max-width: 10ch;
  margin-top: 0;
  font-weight: 800;
}

.sectioin-title.huge-text.white.small-width.black.middle {
  text-align: center;
}

.sectioin-title.huge-text.white.small-width.black.differeny {
  text-align: center;
  max-width: 21ch;
}

.sectioin-title.huge-text.white.special {
  color: var(--black-background);
  font-weight: 800;
}

.sectioin-title.special {
  max-width: 10ch;
}

.sectioin-title.middle {
  max-width: 25rem;
  font-weight: 500;
  line-height: 2.5rem;
}

.two-feature {
  grid-column-gap: 2rem;
  justify-content: space-between;
  max-width: 100%;
  display: flex;
}

._1-feature {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.feature-text {
  color: var(--grey-on-white);
  max-width: 28ch;
  font-size: 1.2rem;
  font-weight: 200;
  line-height: 1.5rem;
}

.image-91 {
  color: var(--telos-white);
  width: 20px;
}

.bold-text-9 {
  color: var(--black-background);
  font-weight: 400;
}

.feeature-icon {
  color: var(--black-background);
}

.div-block-3249 {
  grid-column-gap: .5rem;
  margin-bottom: 10rem;
  display: flex;
}

.core-section-seperation-line {
  background-color: var(--telos-white);
  border-radius: 1rem;
  width: 2rem;
  height: 1px;
  display: block;
}

.core-section-seperation-line.extra-margin {
  margin-top: 16px;
  margin-bottom: 2rem;
}

.core-section-seperation-line.black {
  background-color: var(--black-background);
}

.text-span-31 {
  color: #fff3;
}

.text-span-32 {
  color: #fff6;
}

.investors {
  flex-direction: column;
  width: 100%;
  margin-bottom: 3rem;
  display: none;
}

.smalll-quote {
  font-size: 2rem;
  line-height: 2rem;
}

.image-92 {
  border-radius: 1.5rem;
  width: 100%;
  margin-bottom: 2rem;
  position: absolute;
}

.headline-title-copy {
  max-width: 17ch;
  margin-top: 0;
  line-height: 4rem;
}

.headline-title-copy.text-color-black {
  color: var(--black-background);
}

.lkjdnvsdbv {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.75em;
}

.lkjdnvsdbv.fs-copyclip-message {
  font-size: .8rem;
  font-weight: 600;
}

.lkjdnvsdbv.fs-copyclip-message.text-color-black {
  text-decoration: none;
}

.lkjdnvsdbv.cc-copied {
  display: none;
}

.c-icon {
  margin-right: 0;
}

.c-icon.cc-copied {
  width: 18px;
  display: none;
}

.ieabjkh {
  grid-column-gap: 2px;
  align-items: center;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.ieabjkh.cc-copy.button-primary.part-of-two {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: flex-start;
}

.ieabjkh.cc-copy.sdobljdvsj {
  grid-column-gap: 2px;
  border-radius: 2px;
  text-decoration: none;
  display: flex;
}

.share-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-3251 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.div-block-3252 {
  grid-column-gap: 5px;
  align-items: center;
  display: flex;
}

.conatiner-for-messages {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-3254 {
  grid-column-gap: 1rem;
  display: flex;
}

.repeat-sign-up {
  background-color: var(--background-white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  padding-top: 20vh;
  display: flex;
  position: relative;
}

.irl-collage {
  position: absolute;
  inset: 0%;
}

.div-block-3255 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-bottom: 10vh;
  display: flex;
  position: sticky;
  top: 5vh;
}

.image-94 {
  position: static;
}

.image-95 {
  position: absolute;
  top: 57%;
  left: -2%;
}

.image-96 {
  position: absolute;
  top: 55%;
  left: 86%;
}

.image-97 {
  position: absolute;
  top: 2%;
  left: 82%;
}

.image-98 {
  position: absolute;
  top: 50%;
  left: 7%;
}

.image-99 {
  z-index: -1;
  width: 100%;
}

.text-over-items {
  z-index: 5;
  grid-column-gap: 2.5rem;
  grid-row-gap: 3rem;
  text-shadow: 0 10px 30px #00000091;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.proposition {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  max-width: 20ch;
  display: flex;
}

.div-block-3256 {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  grid-template: "Area Area"
                 ". ."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-holder {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.proposition-life {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1rem;
}

.description-proposiiotn {
  display: none;
}

.collage {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 90vw;
  display: flex;
  position: relative;
}

.image-98-copy {
  position: absolute;
  top: 26%;
  left: 13%;
}

.image-100 {
  z-index: 2;
  position: absolute;
  top: 15%;
  left: 25%;
}

.image-101 {
  z-index: 2;
  position: absolute;
  top: 84%;
  left: 39%;
}

._3-reasons {
  margin-top: 6px;
}

.div-block-3257 {
  grid-column-gap: .5rem;
  display: flex;
}

.div-block-3258 {
  border-radius: 1.5rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-92-copy {
  border-radius: 1.5rem;
  width: 100%;
  margin-bottom: 2rem;
  position: absolute;
}

.html-embed-6 {
  display: none;
  position: absolute;
  inset: -14% 0% 0% -9%;
}

.middle {
  text-align: center;
}

.div-block-3260 {
  display: none;
}

.quote-william-james {
  z-index: 1;
  background-color: var(--black-background);
  width: 100vw;
  margin-top: 0;
  position: relative;
}

.quote-william-james.no-background {
  z-index: 0;
  background-color: var(--black-background);
  flex-direction: column;
  align-items: center;
  max-width: 100vw;
  display: flex;
}

.image-102 {
  width: 2.5rem;
}

.image-103, .feature-proposition {
  width: 2.5rem;
  height: 2.5rem;
}

.feature-proposition.smaller {
  align-self: center;
  width: 2rem;
}

.div-block-3261 {
  z-index: 3;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 16rem;
  display: flex;
  position: absolute;
  inset: -23% 0% 0% auto;
}

.youtube-strcuture {
  opacity: .05;
}

.div-block-3262 {
  grid-column-gap: 1rem;
  display: flex;
}

.div-block-3263 {
  grid-column-gap: 1rem;
  display: none;
}

.body-7-copy {
  z-index: 2;
  color: var(--telos-white);
  text-align: center;
  align-self: center;
  font-size: .8rem;
}

.body-7-copy.footnote {
  color: var(--secondairy-grey);
  text-align: left;
  align-self: flex-start;
  display: none;
}

.div-block-3264 {
  margin-bottom: 3rem;
}

.heading-37 {
  font-weight: 600;
}

.heading-37.text-color-bblack.width-size {
  max-width: 34ch;
}

.to-small-mobile {
  display: none;
}

.div-block-3267 {
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 200vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3268 {
  background-color: var(--black-background);
  border-radius: .7rem;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 3rem;
  display: flex;
}

.shadow {
  box-shadow: 0 10px 20px #0006;
}

.html-embed-7 {
  width: 50rem;
  height: 50rem;
}

.body-8 {
  background-color: #2b2b2b;
}

.html-embed-8 {
  opacity: .7;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  width: 100vw;
  height: 100vw;
  display: none;
  position: fixed;
  inset: 0%;
}

.dsdv {
  justify-content: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.text-block-42 {
  text-align: center;
  font-size: 10rem;
  font-weight: 600;
  line-height: 10rem;
}

.text-block-42-copy {
  text-align: center;
  font-size: 6rem;
  font-weight: 500;
  line-height: 6rem;
}

.div-block-3269 {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.div-block-3270 {
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

._2-part-right {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  width: 20rem;
  display: flex;
}

.bold {
  font-weight: 900;
}

.horizontal-devider {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 3fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.horizontal-devider.middle {
  flex-direction: column;
  align-items: center;
}

._2-part-left {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.special-text-color {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #2b4adc;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(87deg, #1b3eda 35%, #1b60eb00 79%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Cabinetgrotesk Black, sans-serif;
}

.special-text-color.red {
  background-image: linear-gradient(87deg, var(--telos-primary-brand-color), #3f7efc0f 79%);
  -webkit-text-stroke-color: var(--telos-primary-brand-color);
}

.special-text-color.purple {
  -webkit-text-stroke-color: #c961e5;
  background-image: linear-gradient(87deg, #c961e5, #3f7efc0f 79%);
}

.special-text-color.gradient-picture {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff6;
  background-image: linear-gradient(#0003, #0003);
}

.special-text-color.gradient-picture._2 {
  background-image: none;
}

.special-text-color.gradient-picture._3 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/665d6c0a2c891cf04e5b009b_Screenshot%202024-06-03%20at%2012.04.35%E2%80%AFAM-min.png");
  background-repeat: no-repeat;
}

.special-text-color.gradient-picture._4 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/665d5fd8f19f6e360f5fb84e_Screenshot%202024-06-02%20at%2011.11.51%E2%80%AFPM-min.png");
  background-position: 0 0;
  background-size: 120%;
}

.section-12 {
  background-color: #0e101200;
  margin-top: 10rem;
  display: block;
}

.the-hard-reality {
  background-color: var(--black-background);
  justify-content: center;
  align-items: center;
  height: 160vh;
  padding-top: 20rem;
  display: flex;
  position: relative;
}

.div-block-3274 {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.second-line {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  display: flex;
}

.switch {
  background-color: var(--telos-primary-brand-color);
  border: 4px solid #ffffff26;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 9.7rem;
  height: 6rem;
  padding: .4rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 5px 2px #000;
}

.knob {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  height: 100%;
}

.pill-switch {
  align-items: center;
  display: flex;
  position: relative;
  top: -1px;
}

.heading-38 {
  align-items: center;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 800;
  display: flex;
  position: absolute;
  inset: 0% 1.5rem 0% auto;
}

.heading-39 {
  opacity: .5;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
}

.heading-40 {
  text-align: left;
  max-width: 50ch;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.5rem;
}

.heading-40.center {
  text-align: center;
  max-width: none;
}

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

.hard-reality-1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
}

.hard-reality-1.black {
  color: var(--black-background);
}

.hard-reality-1.white {
  color: var(--telos-white);
  text-align: left;
}

.hidden-words {
  align-self: stretch;
  width: 3rem;
  margin-left: 10px;
  position: relative;
}

.f2 {
  opacity: .5;
  height: 100%;
  margin-top: 17px;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 800;
  position: absolute;
  inset: auto auto auto 0;
}

.n {
  color: var(--telos-white);
  height: 100%;
  margin-top: 11px;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 600;
  position: absolute;
  inset: 6px auto 0% 0%;
}

.switch-metaphore {
  flex-direction: column;
  align-self: stretch;
  height: 50vh;
  position: relative;
  top: 0;
}

.sticky-section-breaking-narrative {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 40vh;
}

.italic-text-5 {
  letter-spacing: -19px;
}

.core-body {
  background-color: var(--black-background);
  flex-flow: column;
}

.core-body.dark {
  background-color: var(--black-background);
}

.core-body.dark.eco-font {
  font-family: Exo, sans-serif;
  font-weight: 400;
}

.iphone-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 100vh;
  max-height: 1650px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.image-104 {
  align-self: stretch;
}

.image-105 {
  align-self: stretch;
  margin-bottom: -1rem;
}

.bottem-shader {
  background-image: linear-gradient(to bottom, black, #0e101200 0%, #0e101226 56%, var(--black-background) 90%, #0e1012);
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.notification-bubble {
  background-color: var(--red);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: -9% -16% auto auto;
}

.notification-bubble._1 {
  width: 4rem;
  height: 4rem;
  top: -10%;
  right: -7%;
}

.notification-bubble._1.big {
  width: 7rem;
  height: 7rem;
  font-size: 4rem;
}

.notification-bubble.huge {
  z-index: 4;
  border-radius: 100rem;
  width: 60vh;
  height: 60vh;
  font-size: 12rem;
  line-height: 4rem;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.notification-bubble.floating {
  top: auto;
  right: auto;
}

.notification-bubble.floating._1 {
  filter: blur(2px);
  width: 1.5rem;
  height: 1.5rem;
  top: 191px;
}

.notification-bubble.floating._2 {
  filter: blur(13px);
  width: 9rem;
  height: 9rem;
  font-size: 3rem;
  bottom: -149%;
  right: 81%;
}

.notification-bubble.floating._3 {
  top: -13%;
  right: 64%;
}

.notification-bubble.floating._4 {
  filter: blur(4px);
  top: 63%;
  left: 5%;
}

.div-block-3280 {
  background-color: var(--red);
  border-radius: 5rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.app {
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  margin: 10px;
  display: block;
  position: relative;
}

.app._1 {
  filter: blur(4px);
  bottom: -7%;
  left: -92px;
}

.app._2 {
  width: 10rem;
  height: 10rem;
  left: 105px;
}

.app._3 {
  opacity: .5;
  filter: blur(2px);
  top: 6%;
  left: -86px;
}

.app._4 {
  top: 213px;
  left: 68px;
}

.app._5 {
  opacity: .69;
  filter: blur(4px);
  width: 4rem;
  height: 4rem;
  top: -82px;
}

.app._6 {
  left: -146px;
}

.app._7 {
  opacity: .75;
  width: 5rem;
  height: 5rem;
  bottom: -53px;
  left: 99px;
}

.app._8 {
  filter: blur(3px);
  width: 23rem;
  height: 23rem;
  top: 22%;
  left: 17px;
}

.app._9 {
  text-shadow: none;
  top: 191px;
  left: 171px;
}

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

.image-106.absolute {
  width: 47rem;
  height: 47rem;
  position: absolute;
  inset: 50% 50% auto auto;
}

.notifictaion-count {
  font-weight: 600;
}

.notification-canvas {
  width: 100vw;
  height: 100vh;
  padding-top: 6rem;
  position: absolute;
}

.right-side {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-shadow: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.notification-message {
  width: 100%;
}

.div-block-3281 {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding-left: .125rem;
  padding-right: .125rem;
  display: flex;
  position: relative;
}

.div-block-3282 {
  flex: 1;
  width: 100vw;
  display: flex;
}

.a {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 1;
  justify-content: space-between;
  width: 100vw;
  display: flex;
  position: absolute;
  top: 0;
}

.b {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
}

.bigger {
  font-size: 10rem;
  font-weight: 500;
}

.blinking-pointer {
  background-color: var(--white-2);
  border-radius: 5px;
  width: 5px;
  height: 2rem;
  margin-left: 10px;
  display: none;
  position: relative;
  left: 9px;
}

.telos-notificatiioin {
  z-index: 10;
  background-color: #807e78;
  border-radius: 2.3rem;
  width: 580px;
  height: 114px;
  display: none;
  position: absolute;
}

.div-block-3286 {
  align-items: center;
  display: flex;
  position: relative;
}

.image-107, .image-108 {
  align-self: stretch;
}

.ritual-popup {
  z-index: 1;
  background-color: var(--telos-primary-brand-color);
  background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6457c9464853341fed0f9b07_Background-min.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-top-left-radius: 12vw;
  border-top-right-radius: 12vw;
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100vw;
  height: 60vw;
  max-height: 65rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 40px 10px #0006;
}

.image-109 {
  align-self: center;
  width: 87%;
  margin-top: 2.5rem;
  position: relative;
}

.image-110 {
  align-self: center;
  width: 35%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.image-111 {
  width: 25%;
  max-width: 25rem;
}

.div-block-3288 {
  z-index: 2;
  grid-column-gap: 5rem;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  width: 100%;
  display: flex;
  position: relative;
}

.image-112 {
  height: 100%;
}

.image-113 {
  width: 30%;
  max-width: 30rem;
}

.clouds {
  opacity: .8;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cloud {
  width: 60%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.cloud._2 {
  top: 57%;
  left: 51%;
}

.cloud._1 {
  top: 6%;
  left: -31%;
}

.white-hide-section {
  z-index: 5;
  background-color: var(--background-white);
  border-top-left-radius: 12vw;
  border-top-right-radius: 12vw;
  flex-direction: column;
  align-items: center;
  height: 20vh;
  margin-top: -60vw;
  margin-bottom: -2px;
  display: flex;
  position: sticky;
  top: 85vh;
}

.telos-clockwork {
  z-index: 1;
  background-color: var(--background-white);
  flex-flow: column;
  width: 100vw;
  padding-top: 5rem;
  display: none;
  position: relative;
}

.white-space {
  width: 100%;
  position: relative;
}

.white-space._10rem {
  justify-content: center;
  align-items: center;
  height: 10rem;
  display: flex;
}

.white-space._10rem.white {
  background-color: var(--telos-white);
}

.white-space._10rem.black {
  background-color: var(--black-background);
}

.white-space._5rem {
  height: 5rem;
}

.white-space.black {
  background-color: var(--black-background);
}

.white-space.white._1rem {
  height: 1rem;
}

.white-space.white._20rem {
  height: 20rem;
}

.white-space._2rem {
  height: 2rem;
}

.white-space._1rem {
  height: 1rem;
}

.white-space._40rem {
  height: 40rem;
}

.white-space._20rem {
  height: 20rem;
}

.white-space._15rem {
  height: 15rem;
}

.white-space._70vh {
  justify-content: space-between;
  align-items: center;
  height: 70vh;
  display: flex;
}

.white-space._7rem {
  height: 7rem;
}

.div-block-3289 {
  position: relative;
}

.heading-42 {
  color: var(--black-background);
  font-size: 1.5rem;
  font-weight: 800;
}

.step-by-step {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.iillustratiion-div {
  background-color: #e8e8e9;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 20rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.iillustratiion-div._2 {
  background-image: none;
  overflow: hidden;
}

.drag {
  opacity: .5;
  align-self: center;
  height: 1rem;
  position: relative;
  top: 2.5rem;
}

.image-114 {
  width: 70%;
  margin-left: -14px;
  position: absolute;
}

.image-115 {
  width: 100%;
  position: absolute;
}

.image-116 {
  position: absolute;
  inset: 0%;
}

.image-116._1 {
  transform: rotate(-1deg);
}

.image-116._2 {
  position: relative;
  transform: rotate(4deg);
}

.image-116._3 {
  transform: rotate(-7deg);
}

.div-block-3290 {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-self: stretch;
  margin-bottom: 0;
  display: flex;
}

.image-117 {
  width: 100%;
  position: absolute;
  inset: 10% 0% 0%;
}

.mobile-appear {
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 1rem;
  display: none;
  position: relative;
}

.image-118 {
  width: 55%;
}

.extra-scroll-full-of-notifications {
  align-self: stretch;
}

.div-block-3291 {
  width: 69%;
  height: 80%;
  position: absolute;
}

.image-119 {
  position: absolute;
  right: 2%;
}

.image-120 {
  width: 100%;
  margin-top: 64px;
  position: absolute;
  inset: 51% 0% 0% -65%;
}

.image-121 {
  width: 100%;
  position: absolute;
  bottom: 0%;
  left: -78%;
  right: 0%;
}

.div-block-3292 {
  width: 125px;
  position: relative;
  inset: 0% auto 0% 0%;
}

.heading-43 {
  color: var(--telos-white);
  max-width: 20ch;
  font-weight: 800;
}

.second-grey-title {
  color: var(--secondairy-grey);
  text-align: left;
  flex: 1;
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.second-grey-title._25ch {
  flex: 1;
}

.second-grey-title.whte {
  color: var(--grey-on-white);
  flex: 1;
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 2rem;
}

.second-grey-title.text-white {
  color: var(--white-2);
}

.second-grey-title.differeent {
  color: var(--black-background);
  flex: 0 auto;
  max-width: 30ch;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 2.2rem;
}

.second-grey-title.top {
  color: var(--black-background);
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 800;
  line-height: 2.2rem;
}

.div-block-3293 {
  z-index: 4;
  grid-column-gap: 2rem;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: -1.7rem;
  display: none;
  position: relative;
}

.bold-text-10 {
  font-weight: 500;
}

.div-block-3294 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-43 {
  color: var(--black-background);
  font-weight: 300;
}

.picture {
  opacity: .6;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/645c09508c424372e9844e73_matheo-jbt-KraZK-NLCq0-unsplash-min-min.jpg");
  background-position: 50%;
  background-size: cover;
  height: 120%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3295 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 90vh;
  padding-bottom: 10rem;
  display: flex;
}

.div-block-3296 {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block-3297 {
  flex-direction: column;
  align-self: stretch;
  display: flex;
  position: relative;
}

.div-block-3298 {
  justify-content: space-between;
  padding-top: .5rem;
  display: flex;
}

.div-block-3299 {
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.nigh-sky {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/645d500beb13f6c84278ce80_Group%2014-min.jpg");
  background-position: 50%;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.div-block-3300 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.call-to-adventure {
  z-index: 3;
  background-color: var(--black-background);
  width: 100vw;
  padding-top: 1rem;
  padding-bottom: 4rem;
  position: relative;
}

.call-to-adventure.hide {
  display: none;
}

.div-block-3301 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-block-44 {
  color: var(--grey-on-white);
  margin-bottom: 2rem;
  font-weight: 500;
}

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

.grid-15 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  align-self: stretch;
  justify-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.cta-main-header {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-main-header.hide {
  display: none;
}

.html-embed-9, .html-embed-10, .html-embed-11 {
  margin-bottom: 1rem;
}

.part-1 {
  z-index: 2;
  background-color: #0e1012;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  max-height: 1500px;
  margin-top: -8rem;
  padding-top: 8rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.heading-44 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700;
}

.text-span-33 {
  background-image: linear-gradient(92deg, #d42339, #9f1024);
  border-radius: 6px;
  padding-left: 5px;
  padding-right: 5px;
}

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

.messae {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.messae.hide {
  display: none;
}

.message-succes-text {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

._864320 {
  z-index: 0;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.text-span-33-copy {
  background-image: linear-gradient(92deg, var(--wake-span), #109f9d);
  border-radius: 6px;
  padding-left: 5px;
  padding-right: 5px;
}

.html-embed-12 {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.what-s-yours {
  width: 100%;
}

.form-4 {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  max-width: 30rem;
  display: flex;
}

.heading-45 {
  margin-top: 0;
  font-weight: 600;
}

.reason {
  grid-column-gap: 1rem;
  border-bottom: 1px solid var(--secondairy-grey);
  color: var(--telos-white);
  align-items: center;
  display: flex;
}

.reason:hover {
  border-bottom-color: var(--telos-primary-brand-color);
}

.reason:focus {
  border-bottom-color: var(--telos-white);
}

.line-text-field {
  border: 1px solid var(--black-background);
  opacity: 1;
  background-color: #0000;
  font-size: 1rem;
}

.line-text-field:focus-visible, .line-text-field[data-wf-focus-visible] {
  border-color: var(--black-background);
  color: var(--telos-primary-brand-color);
}

.line-text-field::placeholder {
  color: #ffffff4d;
}

.field-label {
  color: var(--secondairy-grey);
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 400;
}

.text-field-2 {
  background-color: var(--black-background);
}

.success-message-5 {
  background-color: var(--wake-span);
  border-radius: .5rem;
}

.text-block-45 {
  color: var(--black-background);
  font-weight: 600;
}

.antecedence {
  background-color: var(--background-white);
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

._2-part-right-copy {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: none;
  display: flex;
}

.app-area {
  position: relative;
}

.social-media-app-icon {
  z-index: 1;
  width: 5rem;
  height: 5rem;
  position: relative;
}

.grid-16 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
  display: flex;
}

.delete {
  z-index: 3;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #908c8c61;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 14%;
  display: flex;
  position: absolute;
  inset: -14% auto auto -15%;
}

.image-122 {
  position: relative;
}

.div-block-3303 {
  width: 100%;
  height: 100%;
  position: absolute;
}

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

.part-2 {
  z-index: 1;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100vw;
  margin-top: -8rem;
  padding-top: 8rem;
  display: flex;
  position: relative;
}

.feature-left-side {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-shadow: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.feature-left-side.new-right-side {
  align-items: flex-end;
}

.div-block-3304 {
  flex-direction: column;
  align-items: center;
  width: 53rem;
  display: flex;
}

.blue-highlight {
  color: var(--telos-primary-brand-color);
}

.headline, .text-span-35, .black-font-color {
  color: var(--black-background);
}

.text-span-36 {
  text-decoration: line-through;
}

.div-block-3305 {
  grid-column-gap: 5rem;
  justify-content: space-between;
  align-self: flex-start;
  width: 100%;
  display: flex;
}

.my-overlay {
  z-index: 2;
  position: relative;
}

.hero-title {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-89-copy {
  width: 12.1rem;
  margin-top: 10px;
  margin-left: -24px;
  margin-right: -13px;
}

.quick-5-propositions {
  grid-column-gap: 1.25rem;
  margin-top: 1rem;
  margin-left: -12px;
  display: none;
}

.main-feature {
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.maiin-feature-text {
  text-align: center;
  width: 5.2rem;
  max-width: 12ch;
  font-weight: 600;
}

.text-span-37 {
  color: var(--secondairy-grey);
}

.random {
  text-align: center;
  font-size: 3rem;
  position: absolute;
  inset: auto 0% 20px;
}

.random-title, .final-testb {
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  display: none;
  position: absolute;
  inset: auto 0% 8rem;
}

.makee-memories {
  margin-top: 0;
  font-size: 7rem;
  font-weight: 800;
  line-height: 6rem;
}

.div-block-3307 {
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.grey-text {
  opacity: .75;
  color: var(--grey-on-white);
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.text-span-38 {
  color: var(--social-media);
}

.chapter-div-illustratiion {
  background-color: #1b1b1b;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64b4359a823bb6aa2124f6ed_1-min.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: .5rem;
  flex-direction: row;
  align-self: stretch;
  height: 10rem;
  margin-bottom: 2rem;
  display: flex;
}

.chapter-div-illustratiion._2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64b4359a492cef83ccde7eb5_2-min.jpg");
  background-size: cover;
}

.chapter-div-illustratiion._3 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64b4359a8883c0cbf9d68412_3-min.jpg");
  background-size: cover;
}

.small {
  color: #92656b;
  letter-spacing: -4px;
  font-size: 1.3rem;
}

.div-block-3308 {
  align-items: center;
  display: flex;
}

.link-block-22 {
  color: var(--grey-on-white);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block-22:hover {
  color: var(--telos-primary-brand-color);
}

.icon-link {
  padding-top: 6px;
}

.div-block-3309 {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-end;
  display: flex;
}

.small-text {
  color: #fff;
  max-width: 28ch;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 2.2rem;
}

.text-span-39 {
  color: var(--telos-primary-brand-color);
}

.image-124 {
  object-fit: contain;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.image-124-copy {
  display: block;
  position: relative;
  inset: 0%;
}

.image-124-copy-copy {
  display: block;
  position: absolute;
  inset: 0%;
}

.notification-bubble-copy {
  background-color: var(--red);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
}

.notification-bubble-copy._1 {
  width: 4rem;
  height: 4rem;
  top: -10%;
  right: -7%;
}

.notification-bubble-copy._1.big {
  width: 7rem;
  height: 7rem;
  font-size: 4rem;
}

.notification-bubble-copy.huge {
  z-index: 4;
  border-radius: 20rem;
  width: 60vh;
  height: 60vh;
  font-size: 12rem;
  line-height: 4rem;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.notification-bubble-copy.floating {
  top: auto;
  right: auto;
}

.notification-bubble-copy.floating._1 {
  filter: blur(2px);
  width: 1.5rem;
  height: 1.5rem;
  top: 191px;
}

.notification-bubble-copy.floating._2 {
  filter: blur(13px);
  width: 9rem;
  height: 9rem;
  font-size: 3rem;
  bottom: -149%;
  right: 81%;
}

.notification-bubble-copy.floating._3 {
  top: -13%;
  right: 64%;
}

.notification-bubble-copy.floating._4 {
  filter: blur(4px);
  top: 63%;
  left: 5%;
}

.notification-bubble-copy.a {
  top: 66px;
  left: 9.33px;
}

.notification-bubble-copy.b {
  top: 252px;
  left: 273.33px;
}

.notification-bubble-copy.c {
  bottom: 62px;
  right: 42.33px;
}

.notification-bubble-copy.d {
  bottom: 95px;
  left: -12.67px;
}

.notification-bubble-copy.e {
  top: 123px;
  left: 311.33px;
}

.notification-bubble-copy.h {
  bottom: 10px;
  left: 99.33px;
}

.notification-bubble-copy.t {
  top: 38px;
  left: 218.33px;
}

.notification-bubble-copy.k {
  top: -14px;
  left: 110.33px;
}

.notification-bubble-copy.x {
  top: 127px;
  left: 92.33px;
}

.div-block-3310 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.new-highlight {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  border-radius: 20px;
  position: relative;
}

.text-block-46 {
  margin-left: 10px;
  margin-right: 10px;
  font-size: .8rem;
  font-weight: 600;
}

.text-span-40 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #000, #ddd);
  -webkit-background-clip: text;
  background-clip: text;
}

.telos-clockwork-explenation.hide {
  display: none;
}

.role-model {
  background-color: var(--background-white);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 140vh;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: relative;
}

.image-125 {
  object-fit: cover;
  width: 100vw;
  position: absolute;
}

.div-block-3312 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  padding: 0 1rem 5rem;
  display: flex;
  position: sticky;
  top: 10vh;
  bottom: 10vh;
}

.small-top-text {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1rem;
}

.image-126 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64bd06108af9633908840fca_neal-e-johnson-eBSfm9H1Nlc-unsplash-min.jpg");
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.road-photo {
  background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64bd06108af9633908840fca_neal-e-johnson-eBSfm9H1Nlc-unsplash-min.jpg");
  background-position: 0 0, 50%;
  background-size: auto, 2448px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 130%;
  display: flex;
  position: relative;
  inset: 0%;
}

.road-masks {
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

._83253 {
  text-align: center;
  max-width: 14ch;
  font-weight: 700;
}

.spline-hourglass {
  z-index: 0;
  opacity: 1;
  width: 60vw;
  height: 100vh;
  position: fixed;
  inset: 0 0 0 auto;
}

._3d-scene {
  z-index: 1;
  pointer-events: none;
  border-radius: 3rem;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 115vh;
  margin-top: -9.4rem;
  display: flex;
  position: relative;
  bottom: 0;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

._3d-scene.small {
  height: 70vh;
  margin-top: 0;
}

.flex-block {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: block;
}

.success-text {
  font-weight: 600;
}

.error-text {
  color: #fff;
}

.main-link-white {
  color: #000;
  border-width: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.main-link-white:hover {
  color: #9a9ea5;
}

.main-link-white.w--current {
  color: #686d76;
  padding-top: 0;
  padding-bottom: 0;
}

.main-link-white.w--current:hover {
  color: #25272a;
}

.main-link-white.button {
  grid-column-gap: .7rem;
  color: #e6e7e8;
  background-color: #25272a;
  border-radius: 50rem;
  flex-direction: row;
  width: auto;
  min-width: auto;
  height: auto;
  padding: 10px 20px;
  display: inline-block;
  position: static;
  overflow: hidden;
}

.main-link-white.button.white {
  background-color: var(--telos-white);
  color: var(--black-background);
}

.sign-page-form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 300px;
  display: grid;
}

.form-input-4 {
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  backdrop-filter: saturate(140%) blur(10px);
  color: #f4efea;
  background-color: #ffffff0d;
  border: 1px solid #0000;
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: .8rem;
  line-height: 1.6;
  transition: all .3s;
}

.form-input-4:hover {
  background-color: #ffffff1a;
}

.form-input-4:active {
  background-color: #fff3;
  border-style: solid;
  border-color: #2b4adc;
}

.form-input-4:focus {
  border-style: solid;
  border-color: var(--telos-primary-brand-color);
}

.form-input-4::placeholder {
  color: #eee3;
}

.form-input-4.is-text-area {
  height: auto;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.form-input-4.is-text-area::placeholder {
  color: #fff3;
}

.contact1_component {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.error-message-3 {
  background-color: #f65a2d;
  border-radius: .5rem;
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.success-message-6 {
  -webkit-backdrop-filter: saturate(120%) blur(5px);
  backdrop-filter: saturate(120%) blur(5px);
  background-color: #0000;
  background-image: linear-gradient(#3f7dfc, #3f7dfc);
  border: 1px solid #3f7dfc;
  border-radius: .5rem;
  padding: 1.5rem;
}

.container-29 {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  max-width: 42rem;
  margin-top: -7rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
}

.paragrraph {
  color: var(--grey-on-white);
  margin-bottom: 2rem;
  font-weight: 500;
}

.paragrraph.width-special {
  text-align: center;
}

.flex-block-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}

.paragrraph-new {
  color: var(--grey-on-white);
  font-weight: 500;
}

.paragrraph-new.width-special {
  text-align: center;
}

.guidelines {
  color: var(--grey-on-white);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: .7rem;
  font-weight: 300;
  line-height: 1rem;
}

.guidelines.width-special {
  text-align: center;
}

._3d-scene-form {
  z-index: 1;
  width: 100vw;
  height: 80vh;
  margin-top: -8.3rem;
  position: relative;
  inset: 0%;
}

.linkedin-simple {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
}

.linkedin-simple:hover {
  opacity: .5;
}

.social-icon-normal {
  color: var(--telos-white);
  width: 3rem;
  height: 3rem;
  margin-left: 12px;
}

.flex-block-3 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.flex-block-4 {
  width: 100%;
}

.top-banner {
  z-index: 100;
  background-color: var(--black-background);
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.top-banner.black-bg {
  background-color: #000;
}

.flex-block-5 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  font-size: .8rem;
}

.link-block-23 {
  background-color: var(--telos-primary-brand-color);
  color: #fff;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.link-block-23:hover {
  background-image: linear-gradient(#0006, #0006);
}

.text-block-47 {
  font-weight: 700;
}

.flex-block-6 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
}

.text-span-41 {
  font-size: 1rem;
}

.text-block-48 {
  text-align: center;
  max-width: 58ch;
}

.header-form {
  opacity: 1;
}

.background-glow {
  z-index: 1;
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/65c6e00d55c43bd89ca394e2_%2305%20Mash-88%20Copy-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  position: relative;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.div-block-3316 {
  background-color: #000;
  align-self: center;
  width: 100vw;
  height: 100%;
  position: relative;
}

.the-grid {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1.61803fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
  position: relative;
}

.div-block-3317 {
  z-index: 3;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: saturate(200%) blur(15px);
  backdrop-filter: saturate(200%) blur(15px);
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-color: #02000026;
  background-image: linear-gradient(130deg, #ffffff26, #fff0);
  background-clip: content-box;
  border-radius: 1rem;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.summary-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #ffffff1a;
  border-radius: 2rem;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: start;
  display: flex;
  position: relative;
}

.feature {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: flex-start;
  min-width: 10rem;
  padding: 2rem;
  display: flex;
  position: relative;
}

.feature.left {
  border-bottom-left-radius: 2rem;
  justify-content: space-around;
  align-items: flex-start;
}

.feature.right {
  border-bottom-right-radius: 2rem;
}

.irl {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4rem;
}

.mit-logo, .mit-logo.center {
  align-self: center;
}

._12 {
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.2rem;
}

.text-1 {
  color: var(--telos-white);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
  display: flex;
}

.pictogram {
  align-self: flex-start;
}

.offline {
  font-weight: 900;
}

.hero-4 {
  color: #f4f4f4;
  text-indent: -2px;
  text-transform: uppercase;
  max-width: 8ch;
  margin-top: -1rem;
  margin-bottom: 0;
  font-size: 5.1rem;
  font-weight: 900;
  line-height: 4rem;
}

.special-text-color-2 {
  background-image: linear-gradient(87deg, var(--telos-primary-brand-color) 23%, #3f7efc0f 41%);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--telos-primary-brand-color);
  text-indent: 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
}

.special-text-color-2.smaller.new-color {
  background-image: linear-gradient(87deg, var(--telos-primary-brand-color), var(--telos-primary-brand-color) 23%, #0000000f 41%);
  text-align: center;
  -webkit-text-stroke-color: var(--telos-primary-brand-color);
  margin-top: 10px;
  font-size: 4.5rem;
  line-height: 4rem;
}

.text-span-42 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1rem;
}

.darkening-overlay {
  z-index: 5;
  background-image: linear-gradient(#0f101200, #0f1012);
  display: block;
  position: absolute;
  inset: 0%;
}

.core-button {
  background-color: var(--telos-primary-brand-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 10rem;
  font-weight: 600;
  transition: all .1s cubic-bezier(.55, .055, .675, .19);
  position: relative;
}

.core-button:hover {
  background-color: #2d5dbd;
  transform: scale(.9);
}

.heading-47 {
  color: var(--black-background);
}

.exclusive-mit {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #ffffff0d;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  flex-direction: column;
  align-self: stretch;
  padding: 1rem 2rem;
  display: flex;
}

.exclusive-mit.center {
  align-items: center;
}

.exclusive-mit.center.special {
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

.bottom {
  font-size: .75rem;
  line-height: 1rem;
}

.text-span-43 {
  -webkit-text-fill-color: transparent;
  background-color: #ffffff03;
  background-image: linear-gradient(104deg, #ffffff4d, #fff0);
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
}

.text-block-49 {
  word-break: break-all;
  width: 100%;
  font-size: .75rem;
}

.div-block-3320 {
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 2% 0% 0%;
  overflow: hidden;
}

.top-block-text {
  position: absolute;
  top: 20px;
}

.image-cover {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.apple-grid-block {
  color: #fff;
  text-align: center;
  background-color: #1a1a1a1a;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.apple-grid-block.green {
  background-color: #0c3138;
}

.image-nudge-down {
  position: relative;
  bottom: -8px;
}

.middle-block-text {
  position: absolute;
}

.apple-grid {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
  position: relative;
}

.bottom-block-text {
  position: absolute;
  bottom: 20px;
}

.grid-container-highlight {
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: block;
}

.image-nudge-up {
  position: relative;
  top: -15px;
}

.feature-grid {
  background-color: var(--background-white);
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.secret {
  font-size: 3rem;
  line-height: 4rem;
}

.mystery-text {
  color: var(--black-background);
  font-weight: 600;
}

.new-cta {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #181818bd;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1.61803fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.new-cta.different {
  position: relative;
}

.filler {
  align-self: center;
  height: 2rem;
}

.div-block-3321 {
  text-align: center;
  background-color: #ffffff03;
  width: 20rem;
  padding: 2rem 1rem;
}

.grid-header {
  font-size: 2rem;
  line-height: 2rem;
}

.text-bottom {
  opacity: .35;
  font-size: .85rem;
  line-height: 1rem;
  display: none;
}

.biggest-letters-ever {
  z-index: 100;
  filter: grayscale();
  color: #f4f4f4;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(142deg, #fff3, #fff0);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  font-size: 20rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.appear-visable {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.success-message-1-copy {
  z-index: 0;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.section-13 {
  display: none;
}

.html-embed-13 {
  color: #f4f4f400;
  border-radius: 13px;
  justify-content: center;
  display: none;
}

.blue {
  color: var(--telos-primary-brand-color);
}

.message {
  -webkit-backdrop-filter: saturate(187%) blur(50px);
  backdrop-filter: saturate(187%) blur(50px);
  background-color: #ffffff4d;
  border: .33px solid #fff6;
  border-radius: 1rem 1rem 1rem 5px;
  max-width: 290px;
  padding: .5rem 1rem;
  box-shadow: 0 10px 15px #00000082;
}

.message.image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: auto;
  width: 300px;
  height: 15rem;
}

.message.action {
  border-width: 2px;
  padding-top: 0;
  padding-bottom: 0;
}

.message.action.send {
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 1rem;
  align-self: flex-end;
}

.message.image-copy {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 300px;
  min-height: 15rem;
}

.message.image-copy._1 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/65e4d1e29dfb1e57e75797cb_Screenshot%202024-03-03%20at%202.38.00%E2%80%AFPM-min.png");
  background-size: cover;
}

.message.image-copy._2 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/65e4d2bb40f3a800502743f2_Screenshot%202024-03-03%20at%202.42.24%E2%80%AFPM.png");
}

.message-text {
  color: #f4f4f4e0;
}

.chat-interface {
  background-color: var(--black-background);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  padding-top: 7rem;
  display: flex;
  position: fixed;
}

.chat-interface.locked {
  flex: 1;
  display: flex;
}

.chat-structure {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #e4e0e014;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/65e35cbe92a2687a5ed09694_fcfe65272f02ca4ee988a7ed0e79c2d1-min.jpg");
  background-position: 50%;
  background-size: cover;
  border: 4px solid #5a5a5acc;
  border-radius: 5rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 64rem;
  max-height: 30rem;
  padding: 5rem 10rem;
  display: flex;
  position: relative;
  overflow: scroll;
}

.chat-structure.interns {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/65f060317b4d165b2c760829_3c8fddfa6ff49321bf23ebaa52aa2d17-min.jpg");
  border-color: #6e4f56;
  box-shadow: 0 19px 50px -20px #e935914d;
}

.button-10 {
  background-color: #3898ec00;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
}

.image-127 {
  height: 13px;
}

.shadow-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.autograph-copy {
  z-index: 2;
  width: 12rem;
  margin-top: 0;
  position: relative;
}

.post-it-note {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
  transform: translate(0);
}

.text-block-50 {
  color: #f4f4f466;
  text-align: center;
  font-size: .8rem;
}

.text-block-50.hide {
  display: none;
}

.button-11 {
  color: #fff;
  text-align: center;
  background-color: #3898ec00;
  border: 1px solid #ffffff1a;
  border-radius: 5px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .8rem;
}

.button-11:hover {
  background-color: #ffffff1a;
}

.button-11:active {
  background-color: #fff3;
}

.button-11.hide {
  display: none;
}

.cta-early-access {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-span-45 {
  color: #fff6;
}

.small-letters {
  opacity: .5;
  font-size: .5rem;
}

.locked-message {
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.italic {
  font-style: italic;
}

.text-span-46 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
}

.div-block-3322 {
  max-width: 50rem;
}

.flex-block-7 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.opening-slide-in-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.opening-slide-in-div.no-side {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.central-card-element {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  perspective: 954px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: block;
  transform: perspective(294px);
}

.card_wrapper-2 {
  border-radius: 2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 20rem;
  position: relative;
}

.heading-48 {
  line-height: 1.2;
}

.heading-type-2 {
  color: #fbf9fc80;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 200;
}

.card-img-2 {
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 15rem;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.card_cta-2 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #68686894;
  border-radius: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

.card_cta-2.hide {
  display: none;
}

.card_side-2 {
  border: 1px solid var(--corner);
  backface-visibility: hidden;
  background-color: #2c2c2c;
  background-image: linear-gradient(214deg, #2c2c2c, #131313);
  border-radius: 2rem;
  height: 38rem;
  padding: 3.5rem 1rem 1rem;
  position: relative;
  inset: 0%;
  box-shadow: 0 8px 50px #00000073;
}

.card_side-2.is-back {
  transform-style: preserve-3d;
  padding-top: 9rem;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card_side-2.is-front {
  grid-column-gap: .5rem;
  grid-row-gap: 5rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-bottom: 3.5rem;
  display: flex;
  position: absolute;
}

.back-pointer {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.back-pointer.is-back {
  bottom: 1.5rem;
  left: 1.5rem;
}

.upgraded-cards {
  padding-bottom: 3rem;
  display: flex;
  position: static;
}

.card_hole-2 {
  border-style: solid;
  border-width: 4px 1px 1px 4px;
  border-color: var(--telos-primary-brand-color) var(--corner) var(--corner) var(--telos-primary-brand-color);
  background-color: var(--black-background);
  border-radius: 100rem;
  flex: none;
  width: 6rem;
  height: .75rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 1rem 0% auto;
  box-shadow: inset 0 2px 5px #000;
}

.card_hole-2.back {
  border-width: 0;
  border-color: #000;
}

.card_stamp-img-2 {
  width: 100%;
  display: block;
}

.text-span-47 {
  font-weight: 100;
}

.name-section {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-bottom: 1rem;
}

.university {
  opacity: .35;
  align-self: flex-start;
  height: 2rem;
}

.headshot {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(1.15);
}

.button-housing.centre {
  align-self: center;
  text-decoration: none;
}

.moveable-cards {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #dcbaa5;
  border-radius: 30px;
  grid-template-rows: 38rem;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
}

.div-block-3323 {
  background-color: #fff;
  flex: 1;
  width: 1px;
}

.text-block-51 {
  width: 5px;
  font-size: .75rem;
  position: relative;
  top: -7px;
  transform: rotate(90deg);
}

.flex-block-8 {
  grid-column-gap: 2.1rem;
  grid-row-gap: 2.1rem;
  opacity: .35;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: 1rem;
}

.overlay {
  background-color: #0000000d;
  position: absolute;
  inset: 0%;
}

.flex-block-9 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.image-129 {
  opacity: .4;
  width: 70%;
}

.div-block-3324 {
  z-index: -1;
  background-color: var(--telos-primary-brand-color);
  border-radius: 2rem;
  width: 20rem;
  height: 38rem;
  margin-left: 4px;
  position: absolute;
  inset: 0%;
}

.hide {
  display: none;
}

.text-span-48 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 3rem;
}

.flex-block-10 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footnote {
  color: var(--header);
  font-size: .6rem;
}

.flex-block-13 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.main-footer-block {
  background-color: var(--footer-background);
  width: 100vw;
}

.soft-footer-rnrs {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-top: -8vw;
  display: flex;
}

.page-bg-colors {
  background-image: linear-gradient(#f0f0f0, #f0f0f0);
  border-bottom-right-radius: 30rem;
  border-bottom-left-radius: 30rem;
  height: 5rem;
}

.page-bg-colors.dark {
  background-image: linear-gradient(to bottom, var(--black-background), var(--black-background));
}

.div-block-3326 {
  border-top-right-radius: 0;
  width: 8vw;
  height: 8vw;
}

.footer-corner {
  border-radius: 0;
  width: 8vw;
  height: 8vw;
}

.mask-div {
  position: sticky;
  bottom: 0;
  overflow: hidden;
}

.div-block-3327 {
  background-color: var(--telos-primary-brand-color);
  display: none;
}

.horizontal-seperation-line {
  background-color: var(--secondary-text);
  flex: 1;
  width: 100%;
  height: .5px;
  margin-top: 1rem;
}

.darkening-layer-black {
  z-index: 5;
  opacity: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
}

.heading-49 {
  font-size: 4rem;
  line-height: 4rem;
}

.div-block-3329 {
  opacity: .19;
  background-image: radial-gradient(circle, #000, #000 35%, #0e101200 52%);
  width: 3rem;
  height: 3rem;
  position: absolute;
  inset: -32% -19% -19% -37%;
  overflow: hidden;
}

.top-left-text-hero {
  text-align: center;
  max-width: 58ch;
  font-weight: 600;
}

.div-block-3330 {
  border: 1px solid var(--telos-white);
  border-radius: .5rem;
  padding: 5px;
}

.flex-block-14 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}

.mit {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: none;
}

.h-cta-top-section {
  z-index: 10;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: center;
  align-items: center;
  position: relative;
}

.seperation-line-verticale {
  background-color: var(--telos-white);
  align-self: stretch;
  width: 1px;
  display: none;
}

.full-screen-image {
  background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6881c556ecdcaef7a0fdb303_robert-redford-jeremiah-johnson%20(1).gif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.full-screen-image.negative-botom-padding {
  margin-bottom: -20vh;
}

.felix-s-signature {
  flex: 1;
  width: 100%;
  left: -10px;
}

.felix-s-signature.black {
  object-fit: contain;
  padding: 16px;
}

.open-position {
  display: none;
}

.fn-button-secondery-2 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 137px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1.6em;
  transition: background-color .25s;
  display: flex;
}

.fn-button-secondery-2:hover {
  background-color: #3e4545;
}

.fn-link-arrow-2 {
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 18px;
  margin-left: 10px;
  display: flex;
}

.fn-link-with-arrow-2 {
  color: #df0;
  align-items: center;
  margin-top: auto;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  text-decoration: underline;
  display: flex;
}

.fn-paragraph {
  color: #cdd3d2;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.6em;
}

.fn-heading-9 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
}

.fn-category-pill {
  outline-offset: 0px;
  color: #ecf0ef;
  text-align: center;
  background-color: #ffffff0d;
  border-radius: 9px;
  outline: .5px solid #ecf0ef33;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 3px 7px;
  line-height: 1em;
  display: flex;
}

.fn-category-pill.round {
  border-radius: 10rem;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.fn-category-pill.round.advanced {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--black-background);
  background-color: #fff;
  flex-flow: row;
}

.fn-category-pill.round.intermediate {
  outline-color: var(--telos-white);
  background-color: #ffffff1f;
}

.fn-blog-info-wrapper-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bottom-section-blog {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--secondary);
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.blog-card {
  object-fit: cover;
  width: 100%;
  height: 105%;
  position: absolute;
  inset: 0%;
}

.blog-card.big {
  height: 300px;
}

.book-main-link {
  transform-origin: 50%;
  color: #ecf0ef;
  transform-style: preserve-3d;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 30rem;
  padding: 0;
  text-decoration: none;
  display: flex;
  transform: translate(0, -20px)perspective(500px)rotateX(39deg)rotateY(0)rotateZ(0);
}

.book-main-link:hover {
  color: #ecf0ef;
  transform: scale(.95)translate(0, -20px)perspective(500px)rotateX(39deg)rotateY(0)rotateZ(0);
}

.book-main-link:active {
  opacity: .6;
}

.book-main-link.portfolio-card {
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  position: relative;
  transform: perspective(1064px);
}

.fn-heading-10 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3em;
}

.fn-blog-slider-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.fn-paragraph-no-margin-4 {
  color: #cdd3d2;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  overflow: hidden;
}

.fn-heading-11 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 52px;
  line-height: 1.2em;
}

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

.fn-container-grid-6 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1310px;
  display: flex;
}

.fn-section-4 {
  color: #ecf0ef;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.blog-post-structure {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.blog-post-item {
  border-bottom: .5px solid #e8e8e847;
  height: 20rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
  display: flex;
  position: relative;
}

.div-block-3332 {
  flex-flow: column;
  display: flex;
}

.heading-50 {
  height: 4rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.flex-block-16 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.link-block-24 {
  text-decoration: none;
}

.blog-section-slide-in {
  background-color: var(--telos-white);
  margin-top: 90vh;
  position: relative;
  box-shadow: 0 -20px 40px 15px #0e10128c;
}

.blog-section-slide-in.light {
  box-shadow: 0 -20px 40px 15px #0e101233;
}

.top-blog-picture {
  background-color: var(--black-background);
  object-fit: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.core-bg-image-blog {
  object-fit: cover;
  align-self: flex-start;
  width: 100vw;
  height: 80vh;
  display: block;
  position: fixed;
  inset: 0%;
}

.light {
  color: var(--black-background);
}

.dark {
  color: var(--black-background);
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph {
  line-height: 1.5rem;
}

.div-block-3333 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  height: 75vh;
}

.core-blog-collection-component {
  order: 1;
  width: 100%;
  padding-right: 3rem;
  position: relative;
}

.core-blog-collection-component.old {
  display: none;
}

.flex-block-17 {
  align-items: center;
  height: 16rem;
  margin-bottom: 3rem;
  position: relative;
}

.heading-51 {
  color: var(--secondary-text);
  text-align: center;
  max-width: 40rem;
  font-weight: 400;
  line-height: 1.4rem;
  display: none;
  position: absolute;
  top: 159px;
}

.more-1px-line {
  background-color: var(--telos-white);
  align-self: flex-start;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.there-is-so-much-more {
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.4rem;
}

.flex-block-18 {
  justify-content: flex-start;
  align-items: center;
  height: 5rem;
  position: absolute;
  inset: auto 0% 2rem;
}

.amazing-sticky-header {
  z-index: 2;
  background-color: var(--telos-white);
  align-self: center;
  width: 100vw;
  position: sticky;
  top: 0;
}

.rl-heading-style-h2-copy-mobile {
  margin-top: 2rem;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  line-height: 4rem;
}

.rl-heading-style-h2-copy-mobile.align-left {
  text-align: left;
}

.seperation-line-nav {
  background-color: #fff3;
  width: 100%;
  height: .5px;
  margin-top: 60px;
  position: absolute;
  inset: 0% 0% auto;
}

.seperation-line-nav.small {
  background-color: var(--header);
  align-self: stretch;
  width: 88%;
  height: 1px;
  margin-top: 0;
  position: absolute;
  inset: auto 0% 28%;
}

.seperation-line-nav.content {
  inset: auto 0% 0%;
}

.seperation-line-nav.content.below {
  margin-bottom: -20px;
  position: relative;
  inset: auto 0% 0%;
}

.seperation-line-nav.footer, .seperation-line-nav.seperation {
  margin-top: 0;
}

.heading-52 {
  color: var(--telos-primary-brand-color);
  line-height: 4rem;
}

.heading-53 {
  line-height: 4rem;
}

.div-block-3334 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: -73%;
}

.iphone-oinous-reveal {
  opacity: .16;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66d578fdc91e1855b7939afc_01-Free-iPhone-15-Pro-Mockup-21-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 1% 0% -54%;
}

.text-span-50 {
  font-size: 6rem;
}

.div-block-3335 {
  background-color: var(--black-background);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-53 {
  font-weight: 300;
}

.felix-meritis-profile {
  aspect-ratio: 1;
  background-color: #f1e9dd;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6701866ac06cf9596943142a_aaaaa.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 1000px;
  width: 5rem;
}

.felix-meritis-profile.blog {
  width: 3rem;
}

.author-h-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.job-title {
  color: #686565;
  font-size: .8rem;
  font-weight: 200;
  line-height: 1rem;
}

.writer-credits {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}

.writer-credits.middle {
  justify-content: flex-start;
  align-items: center;
}

.text-block-54 {
  color: var(--black-background);
  line-height: 1rem;
}

.text-block-54.white {
  color: var(--body-dark);
}

.flex-block-20 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  text-align: right;
  justify-content: flex-start;
  align-items: flex-end;
}

.flex-block-20.white {
  justify-content: flex-start;
  align-items: flex-start;
}

.top-section-blog {
  border-bottom: .5px solid #464646;
  width: 100%;
  height: 12rem;
  position: relative;
  overflow: hidden;
}

.seperation-line-blog {
  background-color: var(--secondairy-grey);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: .5px;
  position: relative;
  inset: auto 0% 0;
}

.seperation-line-blog.small {
  color: #686565;
  background-color: #686565;
  align-self: stretch;
  width: 88%;
  height: .5px;
  margin-top: 0;
  position: absolute;
  inset: 65% 0% 0%;
}

.seperation-line-blog.content {
  inset: auto 0% 0%;
}

.seperation-line-blog.content.below {
  margin-bottom: -20px;
  position: relative;
  inset: auto 0% 0%;
}

.seperation-line-blog.footer, .seperation-line-blog.seperation {
  margin-top: 0;
}

.div-block-3336 {
  align-self: stretch;
  position: relative;
}

.depth-effect-overlay {
  z-index: 20;
  background-image: linear-gradient(180deg, var(--footer-background), #0000 100%, white);
  opacity: 0;
  pointer-events: none;
  align-self: flex-end;
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-129-copy {
  opacity: .4;
  align-self: center;
  width: 70%;
}

.outer-space-bg {
  background-color: var(--black-background);
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66e97b2adc4428db25ea1ca2_pexels-francesco-ungaro-998641-min.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.sources {
  color: var(--secondairy-grey);
  font-size: .7rem;
}

.seperation-line-blog-relative {
  background-color: var(--secondairy-grey);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: .5px;
  margin-top: 60px;
  position: relative;
  inset: auto 0% 0%;
}

.seperation-line-blog-relative.small {
  color: #686565;
  background-color: #686565;
  align-self: stretch;
  width: 88%;
  height: .5px;
  margin-top: 0;
  position: absolute;
  inset: 65% 0% 0%;
}

.seperation-line-blog-relative.content {
  inset: auto 0% 0%;
}

.seperation-line-blog-relative.content.below {
  margin-bottom: -20px;
  position: relative;
  inset: auto 0% 0%;
}

.seperation-line-blog-relative.footer, .seperation-line-blog-relative.seperation {
  margin-top: 0;
}

.flex-block-21 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.flex-block-22 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
}

.text-block-55 {
  width: 37ch;
}

.div-block-3337 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.porfolio--hero {
  z-index: 0;
  background-color: #f2e8dc;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 102vh;
  padding-top: 7rem;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.porfolio--service-overview {
  z-index: 2;
  background-color: var(--black-background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.porfolio--skills-overview {
  background-color: var(--black-background);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -14rem;
  display: flex;
  position: relative;
}

.porfolio--work-catelog {
  z-index: 2;
  background-color: var(--black-background);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  margin-top: 102vh;
  display: flex;
  position: relative;
}

.slider-titles_component {
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-gallery_button {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4.13em;
  height: 4.13em;
  transition: background-color .2s, color .2s;
  display: flex;
}

.slider-gallery_button:hover {
  color: #000;
  background-color: #fff;
}

.slider-gallery_button.my-journey {
  z-index: 10;
  aspect-ratio: 1;
  background-color: #f2e8dc54;
  width: 2em;
  height: auto;
  position: absolute;
  right: 0;
}

.slider-gallery_button.my-journey.left {
  position: absolute;
  inset: 0% auto 0% 0%;
}

.slider-gallery_button.my-journey.extra {
  height: auto;
  position: relative;
  inset: 0% 0% 0% auto;
}

.slider-gallery_button.my-journey.extra:hover {
  background-color: #f2e8dccf;
}

.slider-gallery_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  perspective: 2000px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 1200px;
  display: flex;
  position: relative;
}

.slider-thumbs_wrapper {
  width: 25%;
}

.slider-bg_component {
  background-color: #000;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.global-symbol {
  position: static;
  inset: 0% 0% auto;
}

.swiper-slide.is-slider-titles {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding: 4%;
  display: flex;
}

.swiper-slide.is-slider-bg {
  width: 100%;
  height: 700px;
  position: static;
  overflow: hidden;
}

.swiper-slide.is-slider-thumbs {
  flex: none;
  width: 100%;
  max-height: 5rem;
  padding-right: .5em;
}

.page-wrapper-2 {
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.slider-gallery_button-icon {
  width: 40%;
  height: 40%;
}

.slider-gallery_button-icon.is-reversed {
  transform: rotate(-180deg);
}

.slider-gallery_button-icon.tilted {
  transform: rotate(-45deg);
}

.global-embed {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.swiper.is-slider-bg {
  opacity: 1;
  border-radius: 5px;
  height: 100%;
}

.swiper.is-slider-thumbs {
  width: 100%;
  overflow: visible;
}

.swiper.is-slider-titles {
  height: 100%;
}

.slider-gallery_bottom-wrapper {
  grid-column-gap: 0em;
  grid-row-gap: 2em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-thumbs_component {
  width: 40%;
}

.slider-gallery_numbers {
  color: var(--telos-white);
  letter-spacing: .04em;
  font-size: 1.38em;
  line-height: 1;
}

.section-14 {
  border-bottom: 1px solid #000;
  transition: background-color .4s;
}

.section-14.is-slider-gallery {
  border-bottom-style: none;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.page-main {
  perspective: 2000px;
}

.swiper-wrapper.is-slider-thumbs {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.swiper-wrapper.is-slider-titles {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.swiper-wrapper.is-slider-bg {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0 30px 50px #000000d9;
}

.slider-gallery_button-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  align-items: center;
  width: 40%;
  display: flex;
}

.slider-thumbs_overflow {
  position: relative;
  overflow: hidden;
}

.slider-titles_heading {
  color: #f4f4f400;
  letter-spacing: -.04em;
  text-shadow: 0 10px 20px #0006;
  white-space: pre;
  cursor: default;
  font-family: EB Garamond, sans-serif;
  font-size: 8em;
  line-height: 7rem;
}

.slider-bg_img-copy {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.slider-thumbs_img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slider-thumbs_height {
  border-radius: .2rem;
  height: 4rem;
  position: relative;
  overflow: hidden;
}

.div-block-3338 {
  min-height: 100vh;
}

.slider-bg_img {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 1rem;
  width: 100%;
  height: 700px;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.black-bg {
  background-color: var(--black-background);
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100vw;
  margin-top: -5rem;
  padding-top: 5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper {
  align-self: stretch;
}

.wrapper._1rem {
  padding-left: 2rem;
  padding-right: 2rem;
}

.wrapper._1rem.negative-top {
  margin-top: -9vh;
}

.wrapper._1rem.centre {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.insane-title {
  color: var(--black-background);
  text-align: left;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #151515, #4d4d4d);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 16ch;
  margin-top: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 8vh;
  font-weight: 600;
  line-height: 90%;
}

.heading-54 {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1rem;
}

.heading-54-copy {
  align-self: stretch;
  margin-bottom: 0;
  font-weight: 300;
}

.flex-block-23 {
  justify-content: flex-start;
  align-items: center;
}

.flex-block-24 {
  transform-style: preserve-3d;
  max-width: 100%;
  height: 700px;
  margin-left: 5rem;
  margin-right: 5rem;
  position: relative;
  transform: rotateX(35deg)rotateY(0)rotateZ(0);
}

.web-page-slider {
  border-top-left-radius: 1rem;
  height: 100%;
  position: static;
  overflow: hidden;
}

.safari-header-ui {
  background-color: #363435;
  border: 1px solid #ffffff0d;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1.6rem;
  padding-left: 19px;
  padding-right: 19px;
  font-size: .6rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.safari-header-ui.small {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  height: 1.2rem;
  font-size: .6rem;
  inset: 0% 0% auto;
}

.safari-header-ui.mobile {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 2.9rem;
  padding-bottom: 19px;
  padding-left: 26px;
  padding-right: 26px;
  font-size: .5rem;
  inset: auto 0% 0%;
}

.safari-header-ui.top {
  inset: 0% 0% auto;
}

.safari-header-ui.bottom {
  border-radius: 0 0 1rem 1rem;
}

.search-ui {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 5px;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  height: 70%;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.search-ui.super-small {
  max-width: 290px;
}

.search-ui.mobile {
  padding-top: 6px;
  padding-bottom: 6px;
}

.url-ui {
  color: var(--telos-white);
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.white-glare {
  aspect-ratio: 1;
  opacity: .38;
  filter: blur(200px);
  background-color: #fff;
  border-radius: 300rem;
  width: 50%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.white-glare.more-top-right {
  left: 24%;
}

.white-glare.mobile {
  width: 110%;
  top: -13%;
  left: -31%;
}

.glare-wrapper {
  border-radius: 1rem;
  width: 100%;
  height: 780px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.glare-wrapper.mini-verison-webbrowser {
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.glare-wrapper.special {
  height: 100%;
}

.porfolio--goodbye {
  background-color: var(--black-background);
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cards-highlights {
  color: #fff;
  background-color: #ffffff0d;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cards-highlights.green {
  background-color: #0c3138;
}

.cards-highlights.mobile-portrait-hidden {
  min-height: 100px;
}

.cards-highlights.align-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.cards-highlights.align-left.v-stack {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.cards-highlights.align-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.cards-highlights.align-top.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.skill-grid {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
  position: relative;
}

.skill-grid.contained {
  grid-template-rows: auto 1fr .5fr auto auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.card-content-1 {
  justify-content: center;
  align-items: center;
  position: relative;
}

.card-content-1._3d-variant {
  text-align: left;
  margin-top: 2rem;
  margin-left: 2rem;
  display: flex;
}

.card-content-1.gird {
  flex: 1;
  grid-template-rows: auto minmax(1px, 1fr) auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  place-items: start stretch;
  display: grid;
}

.content-wrapper {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--body-dark);
  flex-flow: column;
  max-width: 420px;
  padding: 2rem;
  line-height: 1.3;
  display: flex;
  position: relative;
}

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

.card-heading {
  color: var(--telos-white);
  letter-spacing: -.02em;
  max-width: 22ch;
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.2;
}

.card-heading.left {
  text-align: left;
  max-width: 7ch;
  position: relative;
}

.card-heading.quote-variant {
  text-align: left;
  font-family: EB Garamond, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 110%;
}

.investor-grid-2 {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.investor-grid-2.contained {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.card-3 {
  cursor: pointer;
  background-color: #ffffff0d;
  background-image: linear-gradient(#fff0, #ffffff0d);
  border-radius: .63rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-content-2 {
  opacity: .85;
  justify-content: center;
  align-items: center;
  position: relative;
}

.c-autotabs {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100vw;
  max-width: 75rem;
  height: 85vh;
  display: flex;
}

.c-autotabs_image {
  margin-left: auto;
  display: block;
}

.c-autotabs_image.cc-pane-crypto-mobile {
  display: none;
}

.inner-progress {
  background-image: linear-gradient(90deg, #3f7dfc 47%, #d6e0f5);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.c-autotabs_content {
  perspective: 2000px;
  background-color: #1a1c1e;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
  inset: 0% 0% 0% auto;
  overflow: hidden;
  transform: none;
}

.c-autotabs_pane {
  aspect-ratio: 2;
  background-color: var(--black-background);
  transform-style: preserve-3d;
  border-radius: 1rem;
  align-self: center;
  height: 50%;
  position: absolute;
  inset: 17% 0% auto;
  overflow: visible;
  transform: perspective(2000px)rotateX(45deg)rotateY(-20deg)rotateZ(0);
  box-shadow: 20px 30px 50px #00000042;
}

.c-title-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.c-title-wrapper.cc-title-nomargin {
  margin-bottom: 0;
}

.c-text-1 {
  color: #5f6668;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.c-title-3 {
  color: var(--telos-white);
  text-transform: uppercase;
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.c-autotabs_paragraph {
  color: #5f6668;
}

.tabs-list {
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: flex-start start;
  display: flex;
}

.c-autotabs_summary {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.outer-progress {
  width: 0%;
  height: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0;
  overflow: hidden;
}

.tab-text-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  margin-top: 0;
  padding: 2rem;
  display: flex;
}

.tab-text-box:hover {
  background-color: #ffffff0d;
}

.tab-text-box.w--current {
  background-color: #ffffff0d;
  background-image: linear-gradient(123deg, var(--telos-primary-brand-color), #114da3);
  color: var(--telos-white);
  align-self: stretch;
}

.text-block-57 {
  line-height: 110%;
}

.iocn {
  width: 1.6rem;
}

.div-block-3342 {
  position: relative;
}

.gify-slider {
  background-color: var(--telos-primary-brand-color);
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.gify-slider._1 {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66ff127f28360e26b5c2590a_878934528974-ezgif.com-optimize.gif");
  background-position: 50% 20%;
  background-size: cover;
}

.gify-slider._2 {
  background-color: #dc3ffc;
}

.gify-slider._3 {
  background-color: #fc3fef;
}

.gify-slider._4 {
  background-color: #fc3f62;
  border-radius: 10px;
}

.portfolio-headers {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.portfolio-headers.new-left-side {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  place-items: start;
  display: flex;
}

.tab-screen-right-side {
  transform: none;
}

.grey-line {
  opacity: 0;
  background-color: #ffffff0d;
  border-radius: 1rem;
  width: 100%;
  height: 3px;
  position: absolute;
  inset: auto 0% 0%;
}

.little-search-lock {
  height: 100%;
}

.text-block-portfolio {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  max-width: 65%;
}

.text-block-portfolio.dark {
  color: var(--black-background);
}

.text-block-portfolio.dark.middle {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
}

.text-block-portfolio.dark.middle.special {
  justify-content: flex-start;
  align-items: center;
  margin-top: -7vh;
}

.text-block-portfolio.slide {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
}

.text-block-portfolio.middle {
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.div-block-3343 {
  width: 1.5rem;
  height: 1.5rem;
}

.div-block-3344 {
  flex: 1;
}

.portfolio-header {
  color: var(--telos-white);
  text-transform: uppercase;
  background-image: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-weight: 700;
}

.portfolio-header.black {
  color: #0e101270;
  text-transform: capitalize;
}

.portfolio-header.white {
  color: var(--telos-white);
  text-align: left;
}

.portfolio-header.cool-gradient {
  background-image: linear-gradient(318deg, #858585, var(--body-dark));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.portfolio-header.cool-gradient.limited-last-word-count {
  justify-content: center;
  align-items: flex-start;
  max-width: 16ch;
}

.portfolio-header.cool-gradient.lefttext--align {
  text-align: left;
}

.portfolio-header.cool-gradient.lefttext--align.about-me-title {
  color: var(--black-background);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 4rem;
}

.craft-highlight {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000042;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: auto 0% 0%;
}

.service-setup {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 9rem;
}

.service-icon {
  width: 4rem;
}

.sevice-title {
  color: var(--telos-white);
  text-align: center;
  font-size: .75rem;
  font-weight: 600;
  line-height: 110%;
}

.bottom-hero-section {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 10vh;
  position: relative;
}

.core-portfolio-cta-button {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #ffffff0d;
  background-image: linear-gradient(118deg, #ffffff1a, #fff0);
  border-radius: 20rem;
  outline: 2px solid #ffffff42;
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: 4px;
  font-size: 1.7rem;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 10px 20px -10px #000000d1;
}

.core-portfolio-cta-button:hover {
  outline-width: 2px;
  transform: scale(1.05);
  box-shadow: 0 2px 20px -5px #000000d1;
}

.contact-me-button-tetx {
  text-align: center;
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 700;
  display: flex;
}

.contact-me-button-tetx.no-cost {
  color: #b4c4ea;
  justify-content: center;
  align-items: center;
  font-size: .7rem;
  font-weight: 500;
}

.button-icon-mail {
  aspect-ratio: 1;
  background-color: var(--telos-primary-brand-color);
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-3346 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 1rem;
  display: flex;
}

.div-block-3347 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.logo-catalogue {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
  place-content: stretch flex-start;
  align-self: flex-start;
  place-items: stretch start;
  width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: none;
}

.logo-catalogue.book-version {
  width: auto;
  margin-left: -2rem;
}

.logo-carousal {
  grid-column-gap: 2rem;
  flex: none;
  padding: .5rem 1rem;
  transform: none;
}

.logo-carousal.book-version-carausal {
  grid-column-gap: 0rem;
  margin-bottom: 2rem;
  margin-left: -2.5rem;
}

.logo-frame {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 100%;
  display: flex;
}

.logo-frame.hide {
  display: none;
}

.logo-frame.book-version {
  perspective: 294px;
  flex-flow: row;
  width: 11rem;
  margin-right: -2.5rem;
  transform: none;
}

.logo1_logo {
  object-fit: contain;
  width: 100%;
  height: 5rem;
  display: block;
}

.logo1_logo.jogo {
  padding-left: 33px;
  padding-right: 33px;
}

.logo1_logo.teal {
  padding-left: 27px;
  padding-right: 27px;
}

.logo1_logo.pebble {
  padding-left: 36px;
  padding-right: 36px;
}

.logo1_logo.rthm {
  padding-bottom: 11px;
  padding-left: 54px;
  padding-right: 54px;
}

.logo1_logo.toptal {
  padding-left: 49px;
  padding-right: 49px;
}

.logo1_logo.growlabs {
  padding-left: 40px;
  padding-right: 40px;
}

.logo1_logo.digitzen {
  padding-left: 20px;
  padding-right: 20px;
}

.logo1_logo.nomu {
  padding-left: 58px;
  padding-right: 58px;
}

.logo1_logo.i-am {
  padding-left: 57px;
  padding-right: 57px;
}

.porfolio--logos {
  background-color: var(--black-background);
  position: relative;
}

.portfolio--felix {
  justify-content: center;
  align-items: center;
  display: none;
}

.porfolio--work {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: var(--black-background);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.image-132 {
  width: 80px;
  position: relative;
}

.image-133 {
  width: 60px;
  position: relative;
}

.design-asset {
  aspect-ratio: 3 / 2;
  opacity: .7;
  background-color: #ffffff0d;
  border-bottom: 3px solid #646464;
  border-radius: 1rem;
  width: 35rem;
  position: relative;
  overflow: hidden;
}

.design-asset.mobile {
  aspect-ratio: 1 / 2.45;
  background-color: #ffffff0d;
  border-radius: 1.9rem;
  width: 16rem;
  overflow: hidden;
}

.design-asset.note {
  aspect-ratio: 3 / 3;
  border-radius: 1rem;
}

.design-asset.sketch {
  aspect-ratio: 2 / 3;
  width: 21rem;
}

.design-asset.desktop {
  width: 44rem;
}

.iphone-structure {
  z-index: 10;
  object-fit: contain;
  position: absolute;
  inset: 0%;
}

.image-135 {
  height: 100%;
  font-size: .3rem;
}

.row-work-highlight {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  transform-origin: 50%;
  transform-style: preserve-3d;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  margin-bottom: -18rem;
  padding: 2rem 5rem 5rem;
  position: relative;
  transform: rotateX(20deg)rotateY(0)rotateZ(0);
}

.row-work-highlight.last {
  margin-bottom: 25rem;
}

.row-work-highlight.note {
  margin-bottom: -27.1rem;
  padding-bottom: 5rem;
}

.row-work-highlight.note.last {
  margin-bottom: -10.8rem;
}

.row-work-highlight.note.last.row-3 {
  z-index: 1;
}

.row-work-highlight.note.row-1 {
  z-index: 3;
}

.row-work-highlight.note.row-2 {
  z-index: 2;
}

.amazing-stickyness {
  z-index: 19;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-bottom: 3rem;
  position: sticky;
  top: 40%;
}

.amazing-stickyness.notes {
  pointer-events: none;
  align-self: center;
  margin-bottom: 15rem;
  padding-top: 2rem;
  padding-bottom: 46px;
}

.mask-overview-work {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  margin-top: -15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fade-out-bg {
  z-index: 20;
  background-image: linear-gradient(180deg, #0e101200 15%, var(--black-background) 36%);
  pointer-events: none;
  width: 100%;
  height: 45rem;
  position: absolute;
  inset: auto 0% 0%;
}

.horizontal-movement {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  perspective: 2000px;
  perspective-origin: 50% 100%;
  margin-top: -5.8rem;
  position: relative;
}

.overview-work {
  flex-flow: column;
  width: 100vw;
  display: flex;
  position: relative;
}

.image-136 {
  filter: saturate(130%);
  object-fit: cover;
  object-position: 0% 50%;
  flex: 1;
  height: 53%;
  position: relative;
  box-shadow: 0 5px 30px #0000004d;
}

.div-block-3348 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.mini-spline {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-3349 {
  pointer-events: none;
  width: 100%;
  height: 100%;
  padding-top: 115px;
  position: absolute;
}

.space-bg-mini {
  opacity: 1;
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/66e97b2adc4428db25ea1ca2_pexels-francesco-ungaro-998641-min.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-137 {
  position: relative;
}

.image-138 {
  outline-offset: 0px;
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 1.5rem 0 1.5rem 1.5rem;
  outline: 1px solid #3f3f3f;
  height: 18rem;
  box-shadow: 0 10px 20px #0006;
}

.div-block-3350 {
  width: 100%;
  height: 100%;
  margin-bottom: 2rem;
  margin-left: 2rem;
}

.iphone-3d {
  aspect-ratio: 1 / 2.167;
  filter: saturate(160%);
  transform-style: preserve-3d;
  border-radius: 1rem;
  width: 7rem;
  margin-bottom: -59%;
  position: absolute;
  transform: rotateX(0)rotateY(-42deg)rotateZ(0)rotateX(55deg)rotateY(0)rotateZ(0);
}

.iphone-3d.special-boyy {
  z-index: 4;
  object-fit: contain;
  object-position: 50% 100%;
}

.iphone-3d._1 {
  z-index: 5;
  position: relative;
}

.iphone-3d._3 {
  z-index: 3;
}

._3d-stack {
  perspective: 2000px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 15rem;
  margin-bottom: 5rem;
  display: flex;
  position: relative;
}

.dials-example {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #ffffff0d;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
}

.dial-one {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-58 {
  color: #716f6f;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.outer-progress-class {
  width: 100%;
  height: 2px;
  position: relative;
  inset: auto 0 0%;
  overflow: hidden;
}

.grey-line-new {
  background-color: #ffffff0d;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.flex-block-26 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 2rem;
  margin-right: 2rem;
}

.image-139 {
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-3351 {
  opacity: .55;
  width: 70%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-3352 {
  background-image: linear-gradient(#1a1c1e, #1a1c1e00 26% 79%, #1a1c1e);
  position: absolute;
  inset: 0%;
}

.image-140 {
  border-top-left-radius: 1rem;
  width: 75%;
  margin-top: 10%;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 0 2px 30px #000000a8;
}

.div-block-3353 {
  opacity: .5;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.dial-grabhold {
  background-color: #716f6f;
  border-radius: 20px;
  width: 2.5px;
  height: .7rem;
}

.book {
  object-fit: contain;
  flex-flow: column;
  align-self: center;
  width: 100%;
  display: flex;
}

.books-collection {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11rem;
  display: flex;
  position: relative;
}

.grid-container-highlight-copy {
  flex-flow: column;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.flex-block-27 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.fog {
  pointer-events: none;
  background-image: linear-gradient(#0e1012, #0e1012 32%, #0e101200 77%);
  position: absolute;
  inset: 0%;
}

.book-cover-left {
  z-index: 5;
  background-color: #fff;
  background-image: linear-gradient(90deg, #0006, #0000);
  border-top-left-radius: .125rem;
  border-bottom-left-radius: .125rem;
  width: .5rem;
  height: 110%;
  margin-right: -8px;
  position: relative;
}

.book-cover-left.contagious {
  background-color: #da631d;
}

.book-cover-left.blue {
  background-color: #0b71a8;
}

.book-cover-left.luck {
  background-color: #d1cdc6;
}

.book-cover-left.service {
  background-color: #1e191a;
}

.book-cover-left.hook {
  background-color: #bfa839;
}

.book-cover-left.momemt {
  background-color: #0087b6;
}

.porfolio--my-story {
  background-color: #f2e8dc;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.my-story-slider {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  aspect-ratio: 16 / 9;
  background-color: #ddd0;
  width: 90vw;
  max-width: 100vw;
  min-height: 35rem;
  position: static;
}

.mask-5 {
  aspect-ratio: 2;
  width: 100%;
  min-height: 100%;
  position: static;
  overflow: visible;
}

.slider-my-story {
  z-index: 1;
  border-radius: 4rem;
  min-height: 100%;
  margin-right: 2rem;
  padding: 1.9rem;
  overflow: hidden;
}

.slider-my-story._1 {
  z-index: 3;
}

.slide-nav-3 {
  display: none;
}

.left-arrow-2 {
  justify-content: space-between;
  align-items: center;
  width: 40%;
  position: relative;
  inset: 0% auto 0% 0%;
}

.right-arrow-2 {
  width: 40%;
  inset: 0% 0% 0% auto;
}

.amazing-sticky-slider {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 140vh;
  display: flex;
  position: relative;
  top: 0;
}

.masking-slide {
  background-color: #741616;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 115vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-3354 {
  width: 100vw;
  height: 100vh;
}

._100vh-sticky {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.pill-collection {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pills-of-skills {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pill-horizontal-collection-r {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pill-horizontal-collection-r.leftside {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
}

.back-forth-image {
  width: 32px;
}

.screen {
  filter: saturate(160%);
  object-fit: contain;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.screen.bottom {
  object-fit: cover;
  object-position: 50% 100%;
}

.screen.special {
  object-fit: contain;
  top: -2%;
}

.screen.cover {
  object-fit: fill;
}

.image-141 {
  border-radius: .5rem;
  width: 140px;
  position: absolute;
  inset: 0% auto 0% -8%;
}

.image-142 {
  z-index: 5;
  border-radius: .5rem;
  width: 170px;
  position: absolute;
  top: -15%;
  left: 5%;
  transform: translate(0);
}

.image-143 {
  z-index: 2;
  border-radius: .5rem;
  width: 140px;
  position: absolute;
  inset: auto auto -18% 7%;
}

.image-144 {
  border-radius: .5rem;
  width: 170px;
  position: absolute;
  inset: -3% 0% auto 50%;
  box-shadow: 0 2px 11px #000000a3;
}

.image-145 {
  border-radius: .5rem;
  width: 290px;
  position: absolute;
  inset: auto 0% -21% 37%;
  transform: translate(0);
  box-shadow: 0 2px 12px #000000ad;
}

.image-146 {
  z-index: 7;
  width: 60px;
  position: absolute;
  top: -16%;
  left: -11%;
  right: -11%;
}

.image-147 {
  width: 100px;
  position: absolute;
  top: 97%;
  bottom: 0%;
  left: 18%;
}

.image-148 {
  width: 100px;
  position: absolute;
  top: -14%;
  left: 42%;
}

.image-149 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-3355 {
  color: var(--color);
  width: 100%;
  position: relative;
}

.hero-text-top {
  z-index: 4;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: flex-start;
  height: 70%;
  position: fixed;
  top: 7.7rem;
}

.placeholder-class {
  filter: saturate(140%);
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 0 0 1rem 1rem;
  width: 100%;
  height: 100%;
  margin-top: 26px;
  position: relative;
  inset: 0%;
}

.core-portfolio-cta-button-new {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  border-radius: 20rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: .35rem;
  font-size: 1.7rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 40px #00000040;
}

.main-special-button-section {
  z-index: 9;
  background-color: var(--telos-primary-brand-color);
  border-radius: 100rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.glow {
  z-index: 21;
  aspect-ratio: 1;
  background-image: radial-gradient(circle, #3f7dfcbf, #3f7dfcbf 21%, #fff0 62%);
  height: 120%;
  position: absolute;
  inset: auto auto -36% -5%;
}

.glow._2 {
  inset: -38% -8% auto auto;
}

.glow-copy {
  z-index: 10;
  aspect-ratio: 1;
  background-image: radial-gradient(circle, #ffffffe0, #ffffffc7 21%, #fff0 62%);
  height: 120%;
  position: absolute;
  inset: auto auto -36% -5%;
}

.glow-copy._2 {
  z-index: 21;
  inset: -38% -8% auto auto;
}

.glass-overlay-effect {
  z-index: 25;
  color: #fff;
  background-image: linear-gradient(0deg, #00000080, #0000 34%, #fff0 60%, #fff6), linear-gradient(#a9a5a529, #a9a5a529);
  border-radius: 20rem;
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: .35rem;
  font-size: 1.7rem;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.glass-overlay-effect:hover {
  outline-width: 2px;
  transform: scale(1.05);
  box-shadow: 0 2px 20px -5px #000000d1;
}

.light-sweep {
  z-index: 25;
  background-image: linear-gradient(135deg, #fff0 31%, #ffffff80 51%, #fff0 72%);
  width: 10rem;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 87%;
}

.felix-meritis-headshot {
  z-index: 5;
  object-fit: scale-down;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.highlight-blue {
  color: var(--telos-primary-brand-color);
  font-weight: 400;
}

.bg-blur-dark {
  filter: blur(20px);
  background-color: #000000bf;
  padding-top: 4rem;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-3357 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3358 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-150 {
  opacity: .2;
  position: relative;
  top: -5px;
  left: -11px;
  transform: rotate(23deg);
}

.joke-large-text-end {
  opacity: 0;
  color: #292c2b;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 50px #4b7add, 0 1px 1px #000000a6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #5283ee, #c7d2ed);
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 40vw;
  font-weight: 700;
  line-height: 33vw;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-3359 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
}

.text-span-51 {
  font-size: 10vw;
  line-height: 10vw;
}

.button-text-mask {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-right: 2rem;
  line-height: 70%;
  display: flex;
  overflow: hidden;
}

.div-block-3360, .div-block-3361 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

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

.div-block-3363 {
  width: 5rem;
  height: 5rem;
}

.heading-55 {
  margin-bottom: 0;
}

.felix-meritis-headshot-2 {
  z-index: 2;
  object-fit: cover;
  width: 70%;
  height: 130%;
  position: absolute;
  inset: auto 0 0 auto;
}

.blog-top-section-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.portfoliio-top-section {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  height: 30rem;
  padding-top: 2rem;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

.craft-highlight-2 {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000042;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  position: relative;
  inset: auto 0% 0%;
}

.flex-block-28 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.bottom-hero-section-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

.flex-block-29 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.flex-block-30 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
}

.dfhjfls {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #ffffff40;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.link-block-25 {
  text-decoration: none;
}

.different-button-thingy {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4.13em;
  height: 4.13em;
  transition: background-color .2s, color .2s;
  display: flex;
}

.different-button-thingy:hover {
  color: #000;
  background-color: #fff;
}

.different-button-thingy.swiper-next {
  position: relative;
}

.different-button-thingy.blue {
  background-color: var(--telos-primary-brand-color);
}

.different-button-thingy.blue:hover {
  color: #9fbefe;
  background-color: #28509f;
}

.different-button-thingy.blue.behance {
  width: auto;
  position: relative;
}

.behance-logo {
  max-width: 2rem;
}

.behance-logo.is-reversed {
  transform: rotate(-180deg);
}

.behance-logo.tilted {
  width: auto;
  max-width: 1rem;
  height: auto;
  max-height: 1rem;
  margin-right: 1rem;
  display: block;
  transform: rotate(-45deg);
}

.behance-logo.behance {
  flex: 0 auto;
  width: auto;
  height: 100%;
  max-height: 1.5rem;
  transition: all .3s cubic-bezier(0, 0, .5, 1);
  position: relative;
}

.behance-logo.behance:hover {
  opacity: .4;
}

.text-block-59 {
  text-align: left;
  width: 33%;
}

.div-block-3364 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3365 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 6rem;
  margin-bottom: 1rem;
  display: flex;
}

.div-block-3366 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3367 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.div-block-3368 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: flex;
  position: relative;
}

.div-block-3369 {
  position: absolute;
}

.headshot-1 {
  object-fit: cover;
  height: 100%;
  display: block;
  position: absolute;
}

.headshot-1.mobile {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6701866ac06cf9596943142a_aaaaa.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 6% -19% 0% auto;
}

.darkening-layer-20 {
  background-color: #0003;
  position: absolute;
  inset: 0%;
}

.omg-text {
  opacity: 0;
  align-self: center;
  width: 100vw;
  position: absolute;
  inset: -20vw auto auto;
}

.joke-large-text-end-core {
  color: #292c2b;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 50px #4b7add, 0 1px 1px #000000a6;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #5283ee, #c7d2ed);
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 40vw;
  font-weight: 700;
  line-height: 33vw;
  display: flex;
}

.dot-copy {
  z-index: 3;
  justify-content: center;
  margin-top: 10px;
  display: flex;
  position: sticky;
  top: 50vh;
}

.trigger-omg-text {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-section-slide-in-2 {
  background-color: var(--telos-white);
  position: relative;
}

.blog-section-slide-in-2.light {
  box-shadow: 0 -20px 40px 15px #0e101233;
}

.writer-credits-h {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.writer-credits-h.middle {
  justify-content: flex-start;
  align-items: center;
}

.icon-font-awesome {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.75em;
}

.icon-font-awesome.fs-copyclip-message {
  font-size: .8rem;
  font-weight: 600;
}

.icon-font-awesome.fs-copyclip-message.text-color-black {
  text-decoration: none;
}

.icon-font-awesome.cc-copied {
  display: none;
}

.button-journey-slider {
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  padding-right: 7rem;
  display: flex;
  position: absolute;
}

.button-journey-slider.left {
  justify-content: center;
  align-items: flex-start;
  padding-left: 7rem;
  padding-right: 0;
  inset: 0% auto 0% 0%;
}

.button-left-slider {
  z-index: 100;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  margin: 0;
  padding-left: 7rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-3371 {
  background-color: #a21313;
  width: 30rem;
  height: 5rem;
  margin-top: -65px;
  position: relative;
}

.left-arrow-3 {
  width: 40%;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.left-arrow-4 {
  z-index: 20;
  background-color: #ca1010;
  width: 40vw;
  display: block;
  position: absolute;
}

.negative-top {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  margin-top: -18vh;
  display: flex;
  overflow: hidden;
}

.link-block-26 {
  text-decoration: none;
}

.available-for-hire-now {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #d7a40b;
  letter-spacing: 1.5px;
  -webkit-text-stroke-color: #09af41;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #09af41, #058330);
  -webkit-background-clip: text;
  background-clip: text;
  border: 1.5px solid #09af41;
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  padding: .25rem .65rem;
  font-weight: 600;
  display: flex;
  box-shadow: inset 0 0 20px #09af4199, 0 0 30px -5px #09af41cc;
}

.blinker {
  aspect-ratio: 1;
  background-image: linear-gradient(#09af41, #09af41);
  border-radius: 100px;
  width: .4rem;
}

.text-block-60 {
  margin-bottom: -2px;
  padding-bottom: 0;
  font-size: .6rem;
}

.arrow {
  color: #fff;
  width: 2rem;
  font-family: "Fa Solid 900", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: block;
}

.arrow.brands {
  font-family: "Fa Brands 400", sans-serif;
}

.arrow._1rem {
  width: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 3rem;
}

.arrow._1rem.squared {
  line-height: 1rem;
}

.arrow._1rem.squared.black {
  color: var(--black-background);
}

.arrow._1rem.squared.black.tilted {
  margin-right: -7px;
  transform: rotate(-45deg);
}

.arrow._1rem.mystory-arrow {
  display: none;
}

.arrow.special {
  width: 0;
}

.arrow._2rem {
  text-align: center;
}

.arrow._1rem-y {
  width: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 3rem;
}

.arrow._1rem-y.squared {
  line-height: 1rem;
}

.arrow._1rem-y.squared.black {
  color: var(--black-background);
}

.arrow._1rem-y.squared.black.tilted {
  margin-right: -7px;
  transform: rotate(-45deg);
}

.arrow._1rem-y.mystory-arrow {
  display: none;
}

.bulleton-body {
  font-weight: 700;
}

.skill-level {
  object-fit: contain;
  width: 1rem;
  height: 100%;
  overflow: visible;
}

.mini-icon {
  margin-right: 10px;
  font-family: "Fa Solid 900", sans-serif;
}

.text-span-52 {
  color: #2f2f2f;
  -webkit-text-stroke-color: var(--telos-primary-brand-color);
  text-decoration: line-through;
}

.link-block-27 {
  justify-content: flex-start;
  align-items: center;
  width: 10rem;
  text-decoration: none;
  overflow: hidden;
}

.div-block-3372 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sub-section-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-section {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 300;
}

.page-section.light {
  color: #00000080;
}

.page-section.black {
  color: #000;
}

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

.header {
  color: var(--telos-white);
  flex: 1;
  font-size: 2rem;
  font-weight: 600;
  line-height: 150%;
}

.header.center {
  text-align: center;
  margin-bottom: 0;
}

.header.center.smaller {
  text-align: left;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.header.small {
  color: var(--telos-white);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.header.small.sticky {
  flex: 0 auto;
  width: auto;
  font-size: .9rem;
}

.header.decrease {
  flex: 0 auto;
  font-size: 1.6rem;
}

.header.small-heade {
  font-size: .8rem;
}

.header.capitalized {
  text-transform: capitalize;
}

.header.enormous {
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5vw;
  line-height: 5vw;
}

.header.enormous.no-wrapping {
  text-align: center;
  white-space: nowrap;
  font-weight: 600;
}

.header.enormous._100 {
  width: 100%;
  font-size: 3vw;
  line-height: 4rem;
}

.header.enormous.capitalised {
  text-transform: capitalize;
}

.header.medium {
  font-size: 1.5rem;
}

.header.medium.width-40 {
  flex: 0 auto;
}

.header.cover {
  white-space: nowrap;
  margin-bottom: 0;
  font-size: .7rem;
  top: 4px;
}

.header.blog {
  color: var(--telos-white);
  font-size: 1.5rem;
  font-weight: 400;
}

.fn-heading-12 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 52px;
  line-height: 1.2em;
}

.fn-paragraph-5 {
  color: #cdd3d2;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 1.6em;
}

.testimonial-section {
  color: #ecf0ef;
  background-color: #1d1f1e;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.testimonial-section.overflow-none {
  background-color: var(--black-background);
  position: relative;
  overflow: hidden;
}

.fn-container-grid-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  display: grid;
}

.fn-column-6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
}

.fn-column-center-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.fn-link-with-arrow-3 {
  color: #df0;
  align-items: center;
  margin-top: auto;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  text-decoration: underline;
  display: flex;
}

.fn-link-arrow-3 {
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 18px;
  margin-left: 10px;
  display: flex;
}

.fn-author-wrapper-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #ecf0ef;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-size: 16px;
  line-height: 1.6em;
  display: flex;
}

.fn-author-image-2 {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.fn-slide-item-wrapper-testimonial {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #939b9b;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.testimonials-stars {
  object-fit: contain;
  width: 164px;
  height: 24px;
  margin-bottom: 24px;
}

.spacer-s {
  width: 24px;
  height: 24px;
}

.fn-testimonial-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.big-quote {
  width: 2rem;
}

.big-quote._50 {
  opacity: .5;
  position: relative;
}

.quote-text-section {
  overflow: visible;
}

.c-title-3-copy {
  color: var(--telos-white);
  text-transform: none;
  height: 10rem;
  margin-top: 0;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.7rem;
}

.tail-quote {
  z-index: 0;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6781019c5743ff60dc2f6667_Quote2.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.quote-surface {
  z-index: 0;
  background-color: #1a1c1e;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  margin-bottom: 1.6rem;
  position: absolute;
  inset: 0%;
}

.quote-content {
  position: relative;
}

.darkening-layer-spline {
  opacity: .15;
  background-color: #000;
  position: fixed;
  inset: 0%;
}

.darkening-layer-spline.blog {
  opacity: .38;
  position: absolute;
}

.heading-top-section {
  width: 100%;
  position: relative;
}

.heading-top-section._10rem {
  height: 10rem;
}

.heading-top-section._10rem.white {
  background-color: var(--telos-white);
}

.heading-top-section._10rem.black {
  background-color: var(--black-background);
}

.heading-top-section._5rem {
  height: 5rem;
}

.heading-top-section.black {
  background-color: var(--black-background);
}

.heading-top-section.white._1rem {
  height: 1rem;
}

.heading-top-section.white._20rem {
  height: 20rem;
}

.heading-top-section._2rem {
  height: 2rem;
}

.heading-top-section._1rem {
  height: 1rem;
}

.heading-top-section._40rem {
  height: 40rem;
}

.heading-top-section._20rem {
  height: 20rem;
}

.heading-top-section._15rem {
  height: 15rem;
}

.heading-top-section._70vh {
  z-index: 1;
  border: 0 #000;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 70vh;
  display: flex;
}

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

.background-image-graints {
  border: 0 #000;
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.heading-56 {
  color: var(--color);
  font-size: 1rem;
}

.heading-57 {
  color: var(--color);
  width: 21ch;
  font-size: 3rem;
}

.qoue-symbol {
  padding: 1.5rem;
}

.round-white {
  aspect-ratio: 1;
  background-color: var(--borders);
  mix-blend-mode: overlay;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  height: 1.1rem;
  font-family: Comfortaa, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
}

.round-white.large {
  background-color: var(--telos-primary-brand-color);
  width: 1.5rem;
  height: 1.5rem;
}

.round-white.black {
  color: var(--black-background);
  background-color: #00000026;
}

.number-chapter {
  width: 1rem;
  height: 1rem;
  font-size: 8px;
  font-weight: 700;
  position: relative;
  top: -3px;
  left: 2px;
  right: 0%;
}

.number-chapter.large {
  font-size: 11px;
  font-weight: 700;
  left: 5px;
}

.timeline-border {
  background-color: var(--telos-white);
  mix-blend-mode: overlay;
  flex: 1;
  height: .5px;
}

.timeline-border.white {
  background-color: var(--black-background);
}

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

.main-header {
  text-align: left;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
}

.main-header.first-2.absolute {
  position: absolute;
}

.secondary-main-header {
  color: #525252;
}

.secondary-main-header.cross-through {
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--telos-primary-brand-color);
  text-decoration-color: var(--telos-primary-brand-color);
  text-decoration-thickness: 7px;
}

.top-left-main-header {
  z-index: 10;
  width: 38.8rem;
  height: 60vh;
  position: relative;
}

.white_space {
  width: 100%;
  height: 34vh;
}

.top-left-headline {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3rem;
}

.top-left-headline.text-reveal {
  color: var(--second);
}

.top-left-headline.line-4, .top-left-headline.secondary {
  color: var(--second);
  margin-top: 1rem;
}

.top-left-headline.limited-width-44rem {
  width: 44rem;
}

.top-left-headline.limited-width-44rem.seoncdary-color {
  color: var(--second);
}

.main-cta-body {
  text-transform: uppercase;
  margin-top: .1rem;
  margin-bottom: 0;
  font-size: 1rem;
}

.main-cta-body.large {
  margin-top: .3rem;
  font-size: 1.5rem;
}

.div-block-3376 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.chapter-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chapter-text {
  color: var(--header);
  text-align: left;
  letter-spacing: 5px;
  text-transform: uppercase;
  object-fit: fill;
  font-size: .9rem;
  font-weight: 100;
  line-height: 1.5rem;
}

.chapter-text.new {
  margin-top: 40px;
  margin-bottom: 60px;
}

.chapter-text.new.middle {
  text-align: center;
  margin-bottom: 20px;
}

.chapter-text.middle {
  color: var(--black-background);
  text-align: center;
}

.chapter-text.black {
  opacity: 1;
  color: var(--black-background);
  margin-bottom: 0;
  font-weight: 400;
}

.chapter-text.white {
  opacity: 1;
  color: var(--color);
}

.chapter-text.white.category-text {
  letter-spacing: 2px;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1rem;
}

.chapter-text.blue {
  opacity: 1;
  color: var(--secondairy-grey);
}

.chapter-text.secondary {
  color: var(--secondairy-grey);
}

.chapter-text.secondary.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.chapter-text.pill {
  text-align: center;
  white-space: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  font-weight: 400;
}

.chapter-text.pill.black-font {
  color: var(--black-background);
}

.chapter-text.no-margin {
  margin-bottom: 0;
}

.bold-text-11 {
  font-size: .5rem;
  font-weight: 400;
}

.nav-link-3 {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding: 5px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s;
  display: flex;
}

.nav-link-3:hover {
  color: #9a9ea5;
}

.nav-link-3.w--current {
  color: #686d76;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-link-3.w--current:hover {
  color: #25272a;
}

.nav-link-3.button {
  grid-column-gap: .7rem;
  color: #e6e7e8;
  background-color: #60a774;
  border: 1.5px solid #fff9;
  border-radius: 50rem;
  flex-direction: row;
  width: auto;
  min-width: auto;
  height: 3rem;
  padding: 0 20px;
  position: relative;
  overflow: hidden;
}

.nav-link-3.button.primary {
  background-color: #385193;
  background-image: linear-gradient(128deg, #385193, #1f2e54);
  border-color: #0000001a;
  align-self: flex-start;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  box-shadow: 0 10px 20px -4px #0006;
}

.nav-link-3.button.primary:hover {
  border-color: #fff9;
}

.color {
  grid-column-gap: .7rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .8rem 1.125rem;
  display: flex;
}

.color.blue {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  border-radius: 999px;
  position: relative;
  box-shadow: 0 5px 5px 2px #000;
}

.color.seconary {
  color: var(--telos-white);
}

.color.white {
  background-color: #e8e8e8;
}

.color.white.no-white-space {
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.titlte-button {
  white-space: nowrap;
  margin-top: 2px;
  position: relative;
}

.icon-section {
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}

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

.scroll-down {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
}

.line {
  color: #363636;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 100;
  line-height: 3rem;
}

.final-word {
  color: #525252;
}

.text-span-55 {
  background-color: var(--red);
  background-image: linear-gradient(98deg, var(--red), #491b19);
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--telos-white);
  text-decoration-color: var(--telos-white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-decoration-thickness: 5px;
}

.div-block-3378 {
  background-color: #993434;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.spreader {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.text-between {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: -10px;
  display: flex;
  position: relative;
}

.text-between.unlimited {
  width: 100%;
}

.text-between.invis {
  opacity: 0;
}

.text-between.with-border {
  border-bottom: 1px solid var(--borders);
  margin-bottom: 0;
  padding-bottom: 15px;
  padding-left: 0;
}

.ending-story {
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.div-block-3379 {
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
}

.or-activities {
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.full-height {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 0 auto;
  display: flex;
  position: sticky;
  top: 50vh;
}

.combined-timeblock {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  opacity: 1;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.combined-timeblock.low-index {
  z-index: 0;
}

.right-combined {
  flex: 1;
  position: relative;
}

.scroll-in-content {
  z-index: 1;
  width: 100%;
  position: relative;
}

.scroll-in-content.low-index {
  z-index: 0;
}

.scroll-down-div {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.scroll-down-div.left-side {
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 5px;
}

.link-block-28 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #7e7e7e;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block-28:hover {
  color: #3f7efc;
}

.text-link {
  color: #908c8c;
  text-shadow: none;
  max-width: 25ch;
  margin-left: 0;
  margin-right: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3rem;
  position: relative;
}

.text-link.link {
  max-width: none;
  font-size: .6rem;
  line-height: 1rem;
}

.text-link.link:hover {
  color: #3f7efc;
  -webkit-text-stroke-color: #3f7efc;
}

.text-span-56 {
  color: var(--secondary);
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--telos-primary-brand-color);
  text-decoration-color: var(--telos-primary-brand-color);
}

.left-side-verticale-carousal {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  align-items: center;
  display: flex;
}

.hour-cunter {
  display: flex;
}

.extra-corner {
  pointer-events: none;
  border: 1px solid #000;
  position: absolute;
  inset: 5px;
}

.extra-corner.pd-10 {
  border-radius: 59px;
}

.extra-corner.pd-10.c2-20 {
  border-color: #fff3;
}

.extra-corner.pd-10.c1-10 {
  border-color: #0000001a;
}

.button-container-cta {
  width: 50%;
}

.we-don-t-bite {
  font-size: .75rem;
}

.sticky-vta-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 90rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.sticky-vta-container.back-to-top {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
}

.profile-container {
  aspect-ratio: 1;
  border: 2px solid #c2c0c0;
  border-radius: 1000px;
  width: 3rem;
  height: 3rem;
  margin-left: -.5rem;
  position: relative;
  overflow: hidden;
  box-shadow: 10px 10px 20px #00000080;
}

.profile-picture-2 {
  background-color: #0c0f23;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6880b19771ff5806c4bd3791_Abbe.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: -5% -5% -5% -10%;
}

.profile-picture-2.sil {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6880b19771ff5806c4bd37a0_Sil-min.jpg");
}

.profile-picture-2.abbe {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6880b19771ff5806c4bd37ae_Abb-min.jpg");
}

.profile-picture-2.tom {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6880b19771ff5806c4bd37a7_Bart-min.jpg");
}

.profile-picture-2.bart {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6880b19771ff5806c4bd3799_SIll-min.jpg");
}

.middle-cta {
  z-index: 1000;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  box-shadow: 0 1.5rem 1.5rem #0009;
}

.right-bottom-button {
  z-index: 99;
  aspect-ratio: 1;
  color: #a3a3a3;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: .3rem;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  box-shadow: 1.5rem 1.5rem 1.5rem #0000004d;
}

.right-bottom-button:hover {
  color: #fff;
}

.right-bottom-button.w--current {
  overflow: hidden;
}

.right-bottom-button.w--current:hover {
  background-color: #e8e8e833;
  border-radius: 999px;
}

.div-block-3381 {
  grid-column-gap: .5rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-62 {
  color: #fff;
  margin-top: 2px;
  font-size: .85rem;
  font-weight: 500;
}

.left-side-cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.happy-faces {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  padding-left: .5rem;
  display: flex;
}

.bottom-cta-helper {
  z-index: 100;
  width: 100vw;
  height: 4rem;
  margin-bottom: 2.5rem;
  display: none;
  position: sticky;
  bottom: 2.5rem;
}

.filler-2._4rem {
  width: 4rem;
  height: 4rem;
}

.white-spacing-left {
  opacity: 0;
}

.grain-surface {
  z-index: 0;
  opacity: .47;
  pointer-events: none;
  mix-blend-mode: difference;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6880b512ce9f69af3482c913_6842cbf2c73ab2410bdfc927_Grain%20Inverted-min.jpg");
  background-position: 0 0;
  background-size: 260px;
  border-radius: 15px;
  position: absolute;
  inset: 0%;
}

.progress-line-section-2 {
  z-index: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-right: .6rem;
  display: flex;
  position: absolute;
  inset: 0% 0 0% auto;
}

.timeline-beam-and-shadows {
  z-index: 2;
  background-color: var(--borders);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0 0%;
}

.timeline_circle-2 {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: relative;
  box-shadow: 0 0 0 8px #0e1012;
}

.front-head {
  z-index: 0;
  opacity: .73;
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6880d1c338a2d9659d0cf9a4_2b63b92bf07b892ef3aaf418652b6c8e_Fade-min.png");
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 15rem;
  height: 18rem;
  margin-bottom: -30px;
  margin-right: 7px;
  position: absolute;
  inset: auto auto 0;
}

.left-block-timeline {
  justify-content: center;
  align-items: flex-start;
  width: 10rem;
  height: 100%;
  margin-bottom: 6px;
  margin-left: -3.9rem;
  display: flex;
  position: absolute;
}

.vh50-total-hight-container {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
}

.progress-line-blocker {
  background-color: var(--black-background);
  width: 100vw;
  height: 90vh;
  position: absolute;
}

.div-block-3382 {
  height: 100%;
  position: sticky;
  top: 0;
  bottom: 0;
}

.ff {
  color: var(--telos-white);
  align-items: center;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0% 1.5rem 0% auto;
}

.div-block-3383 {
  margin-top: 17px;
  margin-left: 17px;
}

.heading-58 {
  color: #e8e8e8;
  max-width: 20ch;
  font-weight: 800;
}

.text-effect-wrapper-2 {
  height: 200vh;
  margin-top: -20vh;
}

.text-effect-gradient-core {
  background-image: linear-gradient(180deg, var(--black-background) 6%, var(--telos-primary-brand-color) 26%, var(--streaming) 38%, var(--social-media) 50%, var(--wake-span) 62%, var(--telos-primary-brand-color) 75%, var(--black-background) 90%, var(--black-background) 98%);
  mix-blend-mode: darken;
  height: 230vh;
  position: absolute;
  inset: 0%;
}

.text-overlap-end-2 {
  background-color: var(--black-background);
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.qoute-section-black {
  z-index: -3;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.text-effect-inner-2 {
  background-color: var(--black-background);
  position: relative;
  overflow: hidden;
}

.section-15 {
  display: block;
}

.autogrpah-section {
  z-index: 1;
  width: 100vw;
  margin-top: 0;
  position: relative;
}

.max-width-large-3 {
  width: 100%;
}

.max-width-large-3.align-center {
  grid-row-gap: 2rem;
  align-items: center;
}

.ending-youtbube {
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.ending-youtbube.rl-container-medium {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.ending-youtbube.rl-container-medium.extra {
  grid-row-gap: 0rem;
  margin-bottom: 0;
}

.ending-youtbube.hide {
  display: none;
}

.number-text-2 {
  color: #e8e8e8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lcd 2 B", Georgia, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.number-text-2._3 {
  color: #f82f47;
}

.number-text-2.digtal-tech {
  font-family: Digital tech, sans-serif;
  font-weight: 400;
}

.number-text-2._1 {
  color: #f8862f;
}

.number-text-2.all-cap {
  font-family: Exo, sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
}

.number-text-2.all-cap._2 {
  color: #f8502f;
  font-family: Exo, sans-serif;
  font-weight: 600;
}

.number-text-2.all-cap._4 {
  color: #e8e8e8;
}

.number-text-2.all-cap._1 {
  color: #f8862f;
}

.number-text-2.all-cap._6 {
  color: #e8e8e8;
  font-family: Exo, sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
}

.number-text-2.all-cap._3 {
  color: #f82f47;
}

.number-text-2._2 {
  color: #f8502f;
}

.leganda-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-start;
  display: flex;
}

.card-2 {
  background-color: #161616;
  border: 1px solid #ffffff0d;
  border-radius: 20px;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  transition: all .4s;
  position: static;
  transform: rotate(0);
}

.heading-59 {
  color: #0e1012;
  text-align: center;
  margin-top: 10px;
  font-family: Protomono, sans-serif;
  font-weight: 500;
}

.heading-59.social-emdia {
  color: #fff;
}

.heading-59.streaming {
  color: #e8e8e8;
}

.card-text-2 {
  color: #5c595f;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .7rem;
  font-weight: 400;
}

.skill-header-2 {
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
}

.card__header-2 {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-3385 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.skill-2 {
  margin-bottom: 1.5rem;
}

.rigth-section-2 {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rigth-section-2.rl-container-medium {
  margin-left: 0;
}

.leganda-3 {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.progress-line-section-3 {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
  position: relative;
}

.heading-60 {
  color: #0e1012;
  text-align: center;
  margin-top: 10px;
  font-family: Protomono, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.3rem;
}

.heading-60.social-emdia {
  color: #fff;
}

.heading-60.streaming {
  color: #e8e8e8;
}

.card__skills-container-3 {
  z-index: 2;
  flex-flow: column;
  position: relative;
}

.dot-2 {
  z-index: 3;
  justify-content: center;
  margin-top: 10px;
  display: flex;
  position: sticky;
  top: 50vh;
}

.time-section-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-top: 2rem;
  display: flex;
  position: relative;
}

.compartment-section-2 {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
  min-width: 5rem;
  position: relative;
}

.timeline_circle-3 {
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: relative;
  box-shadow: 0 0 0 8px #0e1012;
}

.div-block-3386 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.timeline_date-text-2 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 5px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.section-l {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 23px 0%;
}

.signature-amsterdam-crafted {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 2rem;
}

.top-of-page-hook {
  height: 1px;
}

.inner-button-top {
  z-index: 99;
  aspect-ratio: 1;
  color: #a3a3a3;
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
}

.inner-button-top:hover {
  color: #fff;
  background-color: #e8e8e833;
  transform: scale(.9);
}

.inner-button-top.w--current {
  overflow: hidden;
}

.inner-button-top.w--current:hover {
  background-color: #e8e8e833;
  border-radius: 999px;
}

.core-button-housing {
  perspective: 300px;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  padding: .5rem;
  display: flex;
  position: relative;
}

.core-button-housing:focus {
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.core-button-housing.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.core-button-housing.is-button-large.white {
  border-width: 1px;
  border-color: var(--telos-white);
}

.core-button-housing.text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  max-width: none;
  height: 100%;
}

.core-button-housing.text.part-two {
  background-color: var(--telos-white);
  color: var(--black-background);
  border-color: #999;
  border-radius: 0 .5rem .5rem 0;
}

.core-button-housing.jdbks {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  align-self: center;
  height: 100%;
}

.core-button-housing.discord {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  max-width: none;
}

.core-button-housing.discord:hover {
  background-color: #7289da;
}

.core-button-housing.discord:active {
  background-color: #6073b8;
}

.core-button-housing.discord.max-length {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  align-self: center;
}

.core-button-housing.shortcut {
  align-self: stretch;
  max-width: none;
}

.core-button-housing.blue {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  border-top: 1px solid #ffffff87;
}

.core-button-housing.blue.behance {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  border-radius: 2rem;
  justify-content: flex-start;
  align-items: center;
  max-height: none;
  padding: .5rem;
  text-decoration: none;
}

.core-button-housing.blue.behance:hover {
  flex: 0 auto;
}

.core-button-housing.blue-text {
  color: var(--telos-primary-brand-color);
  margin-right: .1rem;
  padding-top: .5rem;
  font-weight: 700;
}

.core-button-housing.big {
  height: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.core-button-housing.absolute {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.core-button-housing.secondary {
  grid-column-gap: .5rem;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  color: var(--telos-white);
  background-color: #e8e8e800;
  padding: .325rem 1rem;
  font-weight: 700;
  overflow: hidden;
  box-shadow: inset 0 -2px 2px #0000, inset 0 2px 2px #fff0;
}

.core-button-housing.secondary:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #e8e8e833;
}

.core-button-housing.no-white-space {
  padding: 0;
}

.highlight-overlay-dark {
  position: absolute;
  inset: 0%;
}

.border-top {
  border-radius: 20rem;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 -2px 2px #0000004d, inset 0 2px 2px #fff3;
}

.border-top:focus {
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.border-top.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.border-top.is-button-large.white {
  border-width: 1px;
  border-color: var(--telos-white);
}

.border-top.text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  max-width: none;
  height: 100%;
}

.border-top.text.part-two {
  background-color: var(--telos-white);
  color: var(--black-background);
  border-color: #999;
  border-radius: 0 .5rem .5rem 0;
}

.border-top.jdbks {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  align-self: center;
  height: 100%;
}

.border-top.discord {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  max-width: none;
}

.border-top.discord:hover {
  background-color: #7289da;
}

.border-top.discord:active {
  background-color: #6073b8;
}

.border-top.discord.max-length {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  align-self: center;
}

.border-top.shortcut {
  align-self: stretch;
  max-width: none;
}

.border-top.blue {
  background-color: var(--telos-primary-brand-color);
  color: var(--telos-white);
  border-top: 1px solid #ffffff87;
}

.border-top.blue.behance {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: left;
  border-radius: 2rem;
  justify-content: flex-start;
  align-items: center;
  max-height: none;
  padding: .5rem;
  text-decoration: none;
}

.border-top.blue.behance:hover {
  flex: 0 auto;
}

.border-top.blue-text {
  color: var(--telos-primary-brand-color);
  margin-right: .1rem;
  padding-top: .5rem;
  font-weight: 700;
}

.border-top.big {
  height: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.border-top.absolute {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.border-top.secondary {
  grid-column-gap: .5rem;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  color: var(--telos-white);
  background-color: #e8e8e800;
  padding: .325rem 1rem;
  font-weight: 700;
  overflow: hidden;
  box-shadow: inset 0 -2px 2px #0000, inset 0 2px 2px #fff0;
}

.border-top.secondary:hover {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #e8e8e833;
}

.border-top.opacity-0 {
  opacity: 0;
}

.success-message-7 {
  background-color: #1eca80;
  background-image: linear-gradient(#0003, #0003), linear-gradient(90deg, #1eca80, #1ecac7);
  border: 1px solid #ffffff80;
  border-radius: 50rem;
  padding: 1rem;
  display: none;
  box-shadow: 0 0 30px #1eca804d;
}

.text-block-63 {
  color: #0a0b0d;
  text-align: center;
  font-weight: 600;
}

.text-block-64 {
  letter-spacing: 1px;
  white-space: nowrap;
  font-size: .9rem;
  display: none;
}

.div-block-3388 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: -73%;
}

.signup-form_form-2 {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: none;
  -webkit-backdrop-filter: saturate(200%) blur(15px);
  backdrop-filter: saturate(200%) blur(15px);
  background-color: #fff3;
  border: 2px solid #e8e8e8;
  border-radius: 50rem;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  padding: .25rem;
  transition: all .3s;
  position: relative;
}

.signup-form_form-2:focus {
  border: 1px solid #3f7efc;
}

.image-152 {
  width: 1.4rem;
  display: none;
  position: absolute;
}

.core-button-inner-2 {
  grid-column-gap: 0rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
  border-radius: 20rem;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s cubic-bezier(0, 0, .5, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 5px 2px #0000;
}

.core-button-inner-2:focus {
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.text-block-65 {
  color: #e8e8e8;
}

.image-153 {
  width: 1.6rem;
  margin-left: .5rem;
  display: none;
  position: relative;
}

.div-block-3389 {
  z-index: 1;
  background-color: #3770e2;
  background-image: linear-gradient(90deg, #3770e2, #1b3b7a);
  border-radius: 50rem;
  justify-content: space-between;
  align-items: center;
  padding: .1rem .1rem .1rem 0;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 40px -5px #000c;
}

.div-block-3389:hover {
  background-image: linear-gradient(#0000004d, #0000004d), linear-gradient(90deg, #3770e2, #1b3b7a);
}

.form-input-5 {
  color: #101010;
  background-color: #fff;
  border: 1px solid #101010;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem .5rem 1rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input-5:focus {
  border-color: #000;
}

.form-input-5::placeholder {
  color: #0009;
}

.form-input-5.is-footer {
  color: #0a0b0d;
  background-color: #0000;
  border-style: none;
  border-color: #e8e8e8;
  border-radius: .5rem;
  transition: border-color .2s ease-in-out;
}

.form-input-5.is-footer:focus {
  border-color: #a3a3a3;
}

.form-input-5.is-footer::placeholder {
  color: #ffffff7a;
}

.form-input-5.is-footer.main:focus {
  color: #fff;
}

.form-input-5.is-footer.main::placeholder {
  color: #ffffff73;
  font-weight: 500;
}

.blinking-pointer-2 {
  background-color: #fff;
  border-radius: 5px;
  width: 5px;
  height: 2rem;
  margin-left: 10px;
  display: none;
  position: relative;
  left: 9px;
}

.border-top-2 {
  border-radius: 20rem;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 -2px 2px #0000004d, inset 0 2px 2px #fff3;
}

.border-top-2:focus {
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.div-block-3390 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: block;
  position: absolute;
}

.core-button-housing-2 {
  perspective: 300px;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  padding: .5rem;
  display: flex;
  position: relative;
}

.core-button-housing-2:focus {
  border-color: #424242;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f5f5f5;
}

.core-button-housing-2.no-white-space {
  padding: 0;
}

.signup-form_form-block-2 {
  z-index: 20;
  border-radius: 50rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  min-width: 20rem;
  max-width: 100%;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.signup-form_form-block-2:focus-visible, .signup-form_form-block-2[data-wf-focus-visible] {
  border-color: #3f7efc;
  transform: translate(0);
}

.div-block-3391 {
  border-radius: 50rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3392 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.bottom-absolute-hook {
  position: absolute;
  bottom: 0;
}

.submit-button-1 {
  z-index: 2;
  opacity: .01;
  position: absolute;
  inset: 0%;
}

.spline-planet-earth {
  opacity: 1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
}

.div-block-3393 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 2.7rem;
  display: flex;
  position: relative;
  left: -7px;
}

.light-glow-blue {
  aspect-ratio: 1;
  background-image: linear-gradient(to bottom, var(--telos-primary-brand-color), var(--telos-primary-brand-color));
  opacity: .5;
  filter: blur(40px);
  border-radius: 999px;
  width: 7rem;
  display: none;
  position: absolute;
}

.div-block-3394 {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.section-r {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.end-section {
  flex: 1;
  width: 100%;
}

.bottom-border {
  background-color: var(--telos-white);
  opacity: .4;
  width: 6rem;
  height: .5px;
  position: relative;
  inset: auto 0% 0%;
}

.leson-to-be-learned {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.texten {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lean-left-scroll {
  margin-bottom: 1rem;
  display: flex;
}

.header-lifespand {
  color: #e8e8e8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lcd 2 B", Georgia, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.header-lifespand._3 {
  color: #f82f47;
}

.header-lifespand.digtal-tech {
  font-family: Digital tech, sans-serif;
  font-weight: 400;
}

.header-lifespand._1 {
  color: #f8862f;
}

.header-lifespand.all-cap {
  line-height: 2rem;
}

.header-lifespand.all-cap._2 {
  color: #f8502f;
  font-family: Exo, sans-serif;
  font-weight: 600;
}

.header-lifespand.all-cap._4 {
  color: #e8e8e8;
  font-family: Exo, sans-serif;
  font-size: 1.3rem;
}

.header-lifespand.all-cap._1 {
  color: #f8862f;
}

.header-lifespand.all-cap._6 {
  color: #e8e8e8;
}

.header-lifespand.all-cap._3 {
  color: #f82f47;
}

.header-lifespand._2 {
  color: #f8502f;
}

.red-gradient-highlight {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(94deg, #bb0d25, #5e191c);
  -webkit-background-clip: text;
  background-clip: text;
}

.sticky-chapter {
  grid-column-gap: .5px;
  grid-row-gap: .5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 50vh;
}

.sticky-chapter.blog {
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1rem;
  top: 0;
}

.glass-border {
  filter: none;
  pointer-events: none;
  mix-blend-mode: overlay;
  border: .5px solid #fff6;
  border-bottom-width: 2.5px;
  border-radius: 15px;
  position: absolute;
  inset: 0%;
}

.glass-border.square {
  border-width: .5px .5px 2.5px;
  border-color: #fff3;
  border-radius: 0;
}

.glass-border.square.r {
  border-width: 0 .5px 0 0;
  margin-top: .5px;
  margin-bottom: 2.5px;
}

.glass-border.square.r.white {
  border-right-color: #0003;
}

.glass-border.square.white {
  border-color: #0003;
}

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

.div-block-3396 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  flex: 1;
  padding-top: 1rem;
  display: flex;
}

.div-block-3397 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.div-block-3398 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.milestone-content {
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 140px;
  display: flex;
  position: relative;
  inset: 0%;
}

.milestone-content.intro {
  margin-top: 70px;
  margin-bottom: 0;
}

.milestone-content.intro.slide {
  z-index: 1;
  width: 100vw;
  margin-top: 0;
  margin-bottom: auto;
  position: relative;
}

.milestone-content.intro.slide.low-index {
  z-index: 0;
}

.spline-telos-app {
  z-index: 0;
  opacity: 1;
  width: 60vw;
  height: 100vh;
  position: fixed;
  inset: 0 0 0 auto;
}

.text-span-57, .blue-highlicht-text {
  color: var(--telos-primary-brand-color);
}

.colors {
  background-image: linear-gradient(142deg, #1037b2, var(--telos-primary-brand-color) 11%, #5b98b1 19%, #5a1949 43%, #4d1757 49%, #741b8c 61%, #b42147 71%, #cb8d48 82%, white);
  opacity: .83;
  filter: blur(20px);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.colors.no-blur {
  filter: none;
}

.cover-book {
  aspect-ratio: 2;
  background-color: #d4d4d45c;
  border: 1px solid #ffffff26;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.caft {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  border: 1px solid #ffffff26;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  justify-content: flex-end;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: perspective(800px)rotateX(-60deg)rotateY(0)rotateZ(0);
}

.cover-book-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 100%;
  background-size: cover;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cover-book-image.side {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.main-section-cover {
  z-index: 2;
  background-color: #ffffff1a;
  border-radius: 0;
  flex: 1;
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  overflow: hidden;
}

.line-book {
  background-color: var(--telos-white);
  opacity: .09;
  mix-blend-mode: soft-light;
  width: 100%;
  height: 1px;
}

.lines-cover-book {
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.overlay-book-cover {
  mix-blend-mode: multiply;
  background-image: linear-gradient(#0000001a, #ffffff45);
  position: absolute;
  inset: 0%;
}

.bottom-book-cover {
  z-index: 2;
  border: 2px solid var(--telos-white);
  border-radius: 1rem;
  width: 5rem;
  padding: .5rem 1.5rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.black-section {
  background-image: linear-gradient(180deg, var(--black-background), #0000);
  position: absolute;
  inset: 0%;
}

.div-block-3399 {
  transform-style: preserve-3d;
  transform: rotateX(-34deg)rotateY(0)rotateZ(0);
}

.div-block-3400 {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #00000070;
  position: absolute;
  inset: 0%;
}

.link-block-29 {
  width: 100%;
  text-decoration: none;
  position: relative;
}

.h-two-section-blog {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-3402 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 25rem;
  height: 15rem;
  display: flex;
}

.text-block-66 {
  color: var(--telos-white);
  text-align: left;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  overflow: hidden;
}

.text-block-66.secondary {
  color: var(--second);
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.flex-block-31 {
  flex-flow: row;
  width: 100%;
  position: relative;
}

.sie-black-section-copy {
  background-image: linear-gradient(2deg, #080a0bcc, #080a0b00);
  position: absolute;
  inset: 0%;
}

.progress-line-section-blog {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: .2rem;
  bottom: 0;
  right: 0;
}

.progress-line-section-blog.last {
  padding-bottom: 5.7rem;
}

.flex-block-31-copy {
  flex-flow: column;
  width: 100%;
  position: relative;
}

.right-block-timeline-blog {
  justify-content: center;
  align-items: flex-start;
  width: 0;
  height: 100%;
  display: flex;
  position: absolute;
}

.flex-block-32 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-right: 3rem;
}

.item-progress-white {
  background-color: var(--telos-white);
  flex: 1;
  width: 3px;
  max-height: 50vh;
  position: sticky;
  top: 50vh;
}

.progress-line {
  justify-content: flex-start;
  align-items: center;
  width: 15px;
  height: 100%;
  position: absolute;
}

.progress-line-section-6 {
  z-index: 0;
  opacity: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0;
}

.div-block-3403 {
  height: 50vh;
  position: sticky;
  top: 0;
  bottom: 0;
}

.vh50-total-hight-container-2 {
  justify-content: center;
  align-items: flex-end;
  height: 50vh;
  display: flex;
  position: absolute;
  top: 0;
}

.timeline-beam-and-shadows-2 {
  z-index: 2;
  background-color: #fff;
  background-image: linear-gradient(#060d19, #3f7efc 38%, #fff);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 50vh;
  display: flex;
  position: absolute;
  inset: 0 0%;
  box-shadow: 0 -20px 50px 4px #3f7efc;
}

.book-main-link-in-template {
  transform-origin: 50%;
  color: #ecf0ef;
  transform-style: preserve-3d;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 39rem;
  max-width: 30rem;
  padding: 0;
  text-decoration: none;
  display: flex;
  transform: rotate(60deg)perspective(500px)rotateX(39deg)rotateY(0)rotateZ(0);
}

.book-main-link-in-template:hover {
  color: #ecf0ef;
}

.book-main-link-in-template.portfolio-card {
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  position: relative;
  transform: perspective(1064px);
}

.flex-block-33 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 3rem;
}

.div-block-3404 {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  position: absolute;
  inset: 0%;
}

.shadow-effect-blog {
  background-image: linear-gradient(0deg, #000000d9, #0000 20%);
  position: absolute;
  inset: 0%;
}

.div-block-3405 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.menu-button-core {
  transform-style: preserve-3d;
  display: none;
}

.hamburger {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: .5rem 1rem;
  display: none;
}

.mobile-burger-line-2 {
  background-color: #fff;
  width: 1.5rem;
  height: .5px;
}

.mobile-burger-line-absolute {
  background-color: #fff;
  width: 1.54rem;
  height: .5px;
}

.telos-logo-block {
  width: 100%;
}

.nav-link-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 34px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s, opacity .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.nav-link-text:hover {
  opacity: 1;
  background-color: #ffffff40;
  border-radius: 5px;
  transform: scale(.96);
}

.nav-link-text.w--current {
  transition: all .25s, opacity .2s cubic-bezier(.645, .045, .355, 1);
}

.nav-link-text.logo {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc0d5e04f8e0_apple-logo.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 44px;
}

.nav-link-text.search {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc3f9f04f8df_search.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.nav-link-text.bag {
  background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc280704f8ea_bag.svg");
  background-position: 50%;
  background-repeat: no-repeat;
}

.nav-link-text.download {
  color: #000;
  width: 88px;
  height: 34px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 2px;
}

.nav-link-text.see-all {
  margin-bottom: 15px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.nav-link-text.schedule-today {
  color: #000;
  text-transform: capitalize;
  background-color: #ca9c6d;
  border: 2px solid #ffffff4d;
  border-radius: 20px;
  width: 190px;
  margin-top: 59px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  transition: all .25s, all .25s, opacity .2s cubic-bezier(.645, .045, .355, 1);
  box-shadow: 0 0 8px 4px #ca9c6d4a;
}

.nav-link-text.schedule-today:hover {
  background-color: #9c7853;
}

.nav-link-text.schedule-today.complete {
  box-shadow: none;
  color: #fff;
  text-transform: none;
  background-color: #fff3;
}

.div-block-3406 {
  display: none;
  position: absolute;
  top: 22rem;
}

.div-block-3407 {
  position: relative;
}

.hide-mobile-extra {
  display: none;
}

.mask-container, .mask-container-line {
  justify-content: center;
  align-items: flex-end;
  width: 1px;
  height: 3rem;
  position: relative;
}

.scroll-down-container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.more {
  background-color: var(--telos-white);
  align-self: flex-start;
  position: absolute;
  inset: 0% 0% auto;
}

.container-for-line-more {
  width: 1px;
  height: 3rem;
  position: relative;
  overflow: hidden;
}

._1px-line-for-more-indicator {
  background-color: var(--telos-white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

@media screen and (min-width: 1920px) {
  .purpose-content.intro.slide {
    z-index: 1;
  }

  .success-message-1 {
    position: absolute;
  }

  .matrix-text_component {
    display: flex;
    position: static;
  }

  .bg-circle {
    width: 20vw;
    height: 20vw;
  }

  .bg-circle._75 {
    width: 100%;
    height: 100%;
  }

  .logo-full {
    width: 8rem;
    display: block;
  }

  .image-logo-icon, .logo-icon {
    display: none;
  }

  .spacer-copy {
    height: auto;
    margin-top: 6rem;
    margin-bottom: 4rem;
    position: relative;
  }

  .div-block-214 {
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/642dc2bf10145c101e17e0c7_iPhone-14-Pro-07-min.jpg");
    background-position: 50%;
    background-size: 100%;
    inset: 0%;
  }

  .share-links {
    position: sticky;
  }

  .conatiner-for-messages {
    position: relative;
  }

  .to-small-mobile {
    display: none;
  }

  .notification-bubble.huge {
    padding-bottom: 10px;
  }

  .messae {
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .notification-bubble-copy.huge {
    padding-bottom: 10px;
  }

  .spline-hourglass {
    z-index: 0;
    height: 100vh;
    position: fixed;
  }

  .success-message-1-copy {
    position: absolute;
  }

  .porfolio--skills-overview {
    justify-content: flex-start;
    align-items: center;
  }

  .slider-gallery_bottom-wrapper {
    padding-top: 3rem;
  }

  .slider-titles_heading {
    letter-spacing: -.04em;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #f4f4f400;
    white-space: normal;
    max-width: 10ch;
    font-size: 5em;
    line-height: 12rem;
  }

  .slider-thumbs_img {
    height: 100%;
  }

  .slider-thumbs_height {
    height: 6rem;
    padding-top: 62px;
    position: relative;
  }

  .logo-catalogue {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .amazing-stickyness {
    pointer-events: auto;
  }

  .porfolio--my-story {
    justify-content: flex-start;
    align-items: center;
  }

  .omg-text {
    left: auto;
    right: auto;
  }

  .fn-slide-item-wrapper-testimonial {
    background-image: none;
    position: relative;
  }

  .tail-quote {
    width: 5rem;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .quote-surface {
    background-color: #1a1c1e;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    margin-bottom: 1.6rem;
    position: absolute;
    inset: 0%;
  }

  .spline-planet-earth {
    z-index: 0;
    height: 100vh;
    position: fixed;
  }

  .milestone-content.intro.slide {
    z-index: 1;
  }

  .spline-telos-app {
    z-index: 0;
    height: 100vh;
    position: fixed;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 4rem;
  }

  .image-20 {
    top: -25%;
    left: -48%;
  }

  .image-20.b {
    bottom: -14%;
    right: -60%;
  }

  .caption {
    font-size: 9px;
  }

  .telos-font {
    display: none;
  }

  .app-walkthrough {
    height: 50vh;
    min-height: auto;
  }

  .navigator-bar {
    margin-top: 1rem;
  }

  .background {
    object-fit: fill;
    width: 100vw;
    inset: auto 0% 0%;
  }

  .hero-scroll-container {
    max-width: 100vw;
  }

  .sticky-container {
    width: 692px;
  }

  .hero-bullet-text {
    max-width: 100vw;
    font-size: 2rem;
    line-height: 2rem;
    top: 0;
  }

  .hero-headline {
    font-size: 96px;
  }

  .sticky-container-2 {
    max-width: 100vw;
  }

  .watch-the-film {
    font-size: 21px;
  }

  .summary-texts {
    max-width: 100vw;
  }

  .nav-content {
    max-width: 100%;
    margin-right: 0;
  }

  .nav-menu {
    margin-right: 20px;
  }

  .div-block-40 {
    width: 350px;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-auto-flow: row;
  }

  .blog-header {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
    grid-auto-flow: row;
  }

  .div-block-49 {
    width: 80vw;
    margin-top: 40px;
  }

  .div-block-50 {
    height: 50vh;
  }

  .gallery-grid-container {
    align-self: stretch;
  }

  .card-header {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
    grid-auto-flow: row;
  }

  .quote-blogs {
    grid-template-rows: 350px 350px 300px 300px 33vw;
  }

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

  .quote-text {
    width: 210px;
    font-size: 15px;
    line-height: 20px;
  }

  .card-picture {
    height: 50vh;
  }

  .gallery-container {
    max-width: 95vw;
    overflow: hidden;
  }

  .telos-logo-nav {
    width: auto;
  }

  .iphones {
    margin-bottom: -88px;
  }

  .gratitude-night {
    margin-left: 40px;
    margin-right: 40px;
    font-size: 80px;
    line-height: 80px;
  }

  .color-white {
    height: 59vw;
    inset: 0% 0% auto;
  }

  .div-block-60 {
    justify-content: center;
  }

  .heading-2.heropage {
    font-size: 13px;
  }

  .heading-2.heropage.new {
    font-size: 14px;
  }

  .newsletter-sign-up {
    width: 350px;
  }

  .collection-item.out-of-6 {
    width: 49%;
    margin-right: 1%;
  }

  .collection-item.surface.partnerships {
    width: auto;
  }

  .collection-list {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .visual-representation.big {
    width: 200px;
    height: 380px;
  }

  .visual-representation.big.blog {
    height: 230px;
    margin-top: 0;
    margin-bottom: 105px;
    position: relative;
  }

  .visual-representation.big.sticky {
    height: 470px;
    margin-right: 20px;
  }

  .visual-representation.medium {
    max-width: 100%;
  }

  .text-structure {
    margin-left: 0;
  }

  .collection-sample {
    width: 210px;
  }

  .autograph.smaller {
    margin-right: 0;
  }

  .list-structure.rl-container-medium {
    flex-direction: row;
  }

  .summary-structure {
    align-items: flex-start;
  }

  .icon-logo {
    aspect-ratio: 1;
    flex: 0 auto;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-structure-true {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .collection-list-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-self: center;
    max-width: 100%;
  }

  .text-block-16 {
    font-size: 190px;
    line-height: 150px;
  }

  .mobile-library {
    max-width: 100vw;
  }

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

  .text-filled-with-image.blue.middle.smaller-font {
    top: 0;
  }

  .text-span-7 {
    line-height: 2rem;
  }

  .telos-text-logo {
    display: none;
  }

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

  ._404__body {
    justify-content: space-between;
    align-items: center;
  }

  ._404__lottie {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .media-assets, .photos {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pages-on-the-right {
    grid-column-gap: 1.7em;
    grid-row-gap: 3em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .pages-selection {
    grid-template-rows: auto auto;
  }

  .bnn-fd-wrap-center-1 {
    padding-left: 5em;
    padding-right: 5em;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl-padding-section-medium {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .rl-padding-global {
    max-width: 100vw;
    padding-left: 5%;
    padding-right: 5%;
  }

  .rl-padding-global.full-scroll-r {
    padding-left: 0%;
    padding-right: 0%;
  }

  .rl-container-large.cards-padding {
    padding-left: 1rem;
  }

  .rl-container-medium.hero-new {
    padding-left: 0;
    padding-right: 0;
  }

  .rl-heading-style-h4 {
    font-size: 1.75rem;
  }

  .rl-heading-style-h3 {
    font-size: 2.25rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.75rem;
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem;
  }

  .featured-recipe-list {
    overflow: scroll;
  }

  .search-icon {
    left: 3%;
  }

  .search-input-1 {
    height: 50px;
    padding-left: 40px;
  }

  .heading-xxlarge {
    font-size: 3.25rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-medium.background.extra-bottem {
    width: auto;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-large {
    font-size: 2.25rem;
  }

  .container-medium.footer-section {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .container-medium.footer-section._5rem-corners {
    max-width: 100%;
  }

  .container-medium.horizontal {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-self: center;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .signup-form_form-block {
    max-width: none;
  }

  .search-input {
    height: 40px;
    padding-left: 40px;
  }

  .fn-button-secondery {
    transition: none;
  }

  .fn-button-secondery:hover {
    background-color: #0000;
  }

  .paragraph-core.no-margin {
    line-height: 160%;
  }

  .paragraph-core.large {
    font-size: .85rem;
  }

  .paragraph-core.large.middle {
    color: var(--telos-white);
  }

  .paragraph-core.large.black {
    font-size: 1rem;
  }

  .fn-features-card-with-image.slider-cards {
    flex: none;
    width: 411px;
  }

  .fn-heading-3 {
    font-size: 32px;
  }

  .fn-blog-slider {
    width: 100vw;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;
  }

  .fn-heading-2 {
    margin-bottom: 12px;
    font-size: 40px;
  }

  .fn-container-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .blog-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fn-slider-column {
    padding-right: 34px;
  }

  .fn-heading-6 {
    margin-bottom: 12px;
    font-size: 40px;
  }

  .fn-banner-dark-column {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .download-the-app {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fn-footer-legal-link {
    transition: none;
  }

  .fn-footer-legal-link:hover {
    color: #939b9b;
  }

  .fn-standard-white-link {
    transition: none;
  }

  .fn-standard-white-link:hover {
    color: #ecf0ef;
  }

  .fn-brand-footer {
    z-index: 2;
    margin-bottom: 11px;
  }

  .fn-container-grid-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-footer-first {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .rl_footer3_spacing-block-4 {
    padding-bottom: 4.5rem;
  }

  .rl_footer3_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .rl-padding-section-medium-2 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .page-wrapper {
    height: 80rem;
  }

  .header_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
    min-height: auto;
    padding-top: 6rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .header_content-left {
    background-color: var(--black-background);
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
    top: 0;
  }

  .header_content-right {
    height: 40rem;
    padding-left: 5vw;
  }

  .heading-xxlarge-2 {
    font-size: 3.5rem;
  }

  .search-balk.rl-container-medium {
    max-width: 95%;
  }

  .rl_blogpost1_spacing-block-8, .rl_blogpost1_spacing-block-7 {
    padding-bottom: 2.5rem;
  }

  .rl_blogpost1_spacing-block-5 {
    padding-bottom: 3.5rem;
  }

  .rl_blogpost1_content {
    margin-bottom: 3rem;
  }

  .rl_blogpost1_spacing-block-4 {
    padding-bottom: 3.5rem;
  }

  .rl_blogpost1_image-wrapper {
    padding-top: 56.25%;
  }

  .rl_blogpost1_spacing-block-3 {
    padding-bottom: 4.5rem;
  }

  .rl_blogpost1_spacing-block-2 {
    padding-bottom: 2.5rem;
  }

  .rl-heading-style-h2-2 {
    font-size: 2.75rem;
  }

  .rl-padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .hero-text-9 {
    font-size: 4rem;
    line-height: 5rem;
  }

  .big-letters.top.worlds {
    letter-spacing: 0;
    font-size: 3rem;
  }

  .big-letters.top.worlds.bigger {
    font-size: 2rem;
  }

  .corner {
    display: none;
    bottom: -24%;
  }

  .footer-link {
    border-bottom-width: .7rem;
  }

  .blog-svg {
    width: 28em;
    margin-top: -2.4em;
  }

  .gib-body {
    padding-top: 0;
  }

  .text-black.width-limit {
    width: 62%;
  }

  .cta-col {
    width: auto;
  }

  .footer-text-wrapper {
    margin-top: 16em;
  }

  .wrapper-div {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .central-mockup-wrapper {
    z-index: 30;
  }

  .tinkoff-about.p16 {
    flex-direction: column;
  }

  .pyaterka-mock-right {
    height: 60em;
    bottom: -12em;
    right: 10em;
  }

  .caption-2 {
    font-size: 1.3em;
  }

  .main-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 42em 62em 62em 62em 42em 32em 32em;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 62em;
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .gib-text {
    text-align: left;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .underline {
    height: .05em;
  }

  .body-text {
    font-size: 1.3em;
  }

  .body-text.text-secondary.gib-desc-width {
    width: 20em;
  }

  .spy-club-mock-left {
    width: 24em;
    bottom: 20em;
    left: 18em;
  }

  .design-career {
    width: 40em;
  }

  .pyaterka-mock-left {
    height: 60em;
    bottom: -24em;
    left: 12em;
  }

  .tinkoff-preview.p16 {
    background-position: 80%;
  }

  .contacts-text {
    font-size: 18.6em;
  }

  .spy-club-mock-right {
    width: 24em;
    top: 16em;
    right: 20em;
  }

  .hero-3d-top-text-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-body {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer1_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .padding-vertical-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .fn-rich-text h2 {
    font-size: 40px;
  }

  .fn-rich-text h4 {
    font-size: 28px;
  }

  .fn-rich-text h1 {
    font-size: 52px;
  }

  .fn-rich-text h3 {
    font-size: 32px;
  }

  .fn-rich-text h5 {
    font-size: 22px;
  }

  .fn-rich-text h6 {
    font-size: 16px;
  }

  .fn-container-grid-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .rl_blogpost1_spacing-block-8-2, .rl_blogpost1_spacing-block-7-2 {
    padding-bottom: 2.5rem;
  }

  .rl_blogpost1_spacing-block-5-2 {
    padding-bottom: 3.5rem;
  }

  .rl_blogpost1_content-2 {
    margin-bottom: 3rem;
  }

  .rl_blogpost1_spacing-block-4-2 {
    padding-bottom: 3.5rem;
  }

  .rl_blogpost1_image-wrapper-2 {
    padding-top: 56.25%;
  }

  .rl_blogpost1_spacing-block-3-2 {
    padding-bottom: 4.5rem;
  }

  .rl_blogpost1_spacing-block-2-2 {
    padding-bottom: 2.5rem;
  }

  .rl-heading-style-h2-3 {
    font-size: 2.75rem;
  }

  .rl-padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .collection-item-blog {
    width: 46vw;
  }

  .collection-item-blog.out-of-6 {
    width: 49%;
    margin-right: 1%;
  }

  .light-bar {
    width: 300%;
    position: relative;
    left: -100%;
  }

  .feature-img-wrap.feature-img-wrap--issues._2 {
    max-width: 200px;
  }

  .feature-img._2 {
    max-width: 100%;
  }

  .application-cliffhanger {
    max-width: 100vw;
  }

  .text-span-16.smaller-font, .text-span-17.smaller-font, .smaller-font {
    top: 0;
  }

  .moving-background {
    border-radius: 2rem;
  }

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

  .hero-image {
    max-height: 1450px;
    margin-left: -39vw;
  }

  .fn-heading-7 {
    margin-bottom: 12px;
    font-size: 40px;
  }

  .fn-container-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-13 {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .div-block-180 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .fn-heading-8 {
    margin-bottom: 12px;
    font-size: 40px;
  }

  .fn-container-grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq6_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .card_img:hover {
    opacity: 1;
  }

  .cards-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .card_side {
    backface-visibility: hidden;
  }

  .card_traits-list {
    grid-row-gap: 2rem;
  }

  .button-9 {
    white-space: nowrap;
  }

  .nav_column.is-ctas {
    align-self: stretch;
  }

  .nav_column.is-post-name {
    justify-content: space-between;
    align-self: stretch;
  }

  .nav_column.is-logo {
    grid-row-gap: 1rem;
    flex-direction: column;
    order: 1;
    align-items: center;
    display: flex;
  }

  .nav_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr 1fr;
    justify-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .logo-full {
    max-height: 100%;
    display: block;
  }

  .front-back-txt-anim_img {
    width: 50%;
  }

  .button-wrapper {
    justify-content: flex-end;
    width: 100%;
  }

  .nav_progress-wrapper {
    justify-content: center;
    align-self: stretch;
  }

  .nav_logo-wrapper {
    order: 1;
    margin-right: 0;
  }

  .image-logo-icon {
    display: none;
  }

  .button-secondary-2 {
    white-space: nowrap;
  }

  .button-secondary-2.is-small {
    min-width: 12px;
  }

  .logo-icon {
    display: none;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .statisic-numbers {
    font-size: 2rem;
  }

  .statisic-numbers.psychology.usage.counterup4.width-set {
    width: 9rem;
  }

  .card-layout {
    flex-flow: column;
    width: auto;
    padding: 1rem;
    display: flex;
  }

  .eating-away {
    width: 14%;
  }

  .leganda {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    position: static;
  }

  .deck-of-four.griddy {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-self: stretch;
  }

  .rigth-section.rl-container-medium {
    flex: 1;
    margin-right: .5rem;
  }

  .rigth-section.rl-container-medium.extra {
    max-width: 100%;
    padding-right: 3rem;
    overflow: hidden;
  }

  .section-text-gradient-effect {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-effect-text {
    width: 100%;
    max-width: 100%;
    font-size: 1em;
  }

  .text-effect-text.quote-life {
    font-size: 1.1em;
  }

  .hours {
    font-size: 4rem;
    line-height: 4rem;
  }

  .hours.counterup4.max-width {
    height: 5rem;
  }

  .time-section {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 100vw;
  }

  .slider-3 {
    width: 700px;
  }

  .compartment-section {
    width: 8rem;
  }

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

  .hero-2.new {
    max-width: 50ch;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .cta {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sectioin-title.huge-text.white.small-width.black.differeny {
    font-size: 3rem;
  }

  .repeat-sign-up, .the-hard-reality {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .switch {
    width: 5.7rem;
    height: 3.9rem;
  }

  .hidden-words {
    width: 1.5rem;
    margin-left: 19px;
  }

  .n {
    font-size: 2.5rem;
    top: -10px;
  }

  .mobile-appear {
    width: auto;
    padding-right: 0;
  }

  .div-block-3294, .div-block-3297 {
    align-self: center;
  }

  .antecedence {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .part-2 {
    padding-left: 0;
    padding-right: 0;
  }

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

  .role-model {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .spline-hourglass {
    width: 80vw;
    right: -20vw;
  }

  ._3d-scene {
    margin-top: -.7rem;
  }

  .main-link-white {
    padding-left: 0;
  }

  .container-29 {
    align-self: center;
    margin-top: -7rem;
  }

  .paragrraph {
    text-align: center;
  }

  .paragrraph.width-special {
    align-self: center;
    max-width: 50ch;
  }

  .paragrraph-new {
    text-align: center;
  }

  .paragrraph-new.width-special {
    align-self: center;
    max-width: 50ch;
  }

  .guidelines {
    text-align: center;
  }

  .guidelines.width-special {
    align-self: center;
    max-width: 50ch;
  }

  ._3d-scene-form {
    width: auto;
    height: 100vh;
    margin-top: 0;
  }

  .div-block-3313 {
    width: 100vw;
    margin-top: -8rem;
    overflow: hidden;
  }

  .the-grid {
    flex-direction: column;
    grid-auto-flow: column;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .pictogram {
    margin-bottom: 2rem;
  }

  .special-text-color-2.smaller.new-color, .text-span-42, .apple-grid-block.tablet-hidden {
    display: none;
  }

  .apple-grid {
    grid-template-rows: 1fr 1fr 1fr;
  }

  .grid-container-highlight {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .chat-interface {
    width: 100vw;
  }

  .chat-structure {
    margin-left: 2rem;
    margin-right: 2rem;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .card_side-2 {
    backface-visibility: hidden;
  }

  .upgraded-cards {
    max-width: 100%;
    padding-top: 1rem;
    padding-left: 5%;
    padding-right: 5%;
    overflow: scroll;
  }

  .moveable-cards {
    flex-flow: row;
  }

  .heading-49 {
    font-size: 3rem;
  }

  .fn-button-secondery-2 {
    transition: none;
  }

  .fn-button-secondery-2:hover {
    background-color: #0000;
  }

  .blog-card {
    inset: auto 0% 0% auto;
  }

  .book-main-link {
    max-width: 20rem;
  }

  .book-main-link.portfolio-card {
    flex: none;
  }

  .fn-heading-10 {
    font-size: 32px;
  }

  .fn-blog-slider-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: auto;
  }

  .fn-heading-11 {
    margin-bottom: 12px;
    font-size: 40px;
  }

  .fn-container-grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-section-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-post-structure {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .blog-post-item {
    height: 16rem;
  }

  .core-bg-image-blog {
    aspect-ratio: auto;
  }

  .core-blog-collection-component {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
  }

  .rl-heading-style-h2-copy-mobile {
    font-size: 2.75rem;
  }

  .div-block-3336 {
    flex-flow: column;
    display: flex;
  }

  .slider-titles_component, .slider-gallery_component, .swiper.is-slider-titles {
    width: 100vw;
  }

  .slider-gallery_bottom-wrapper {
    width: 100vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .slider-thumbs_component {
    width: 100%;
  }

  .slider-gallery_button-wrapper {
    width: auto;
  }

  .slider-titles_heading {
    font-size: 5em;
  }

  .slider-thumbs_height {
    height: 6rem;
  }

  .slider-bg_img {
    height: 450px;
  }

  .wrapper._1rem {
    align-self: stretch;
    max-width: 100vw;
    padding-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .insane-title {
    font-size: 5vh;
  }

  .flex-block-24 {
    justify-content: flex-start;
    align-items: center;
    width: 90%;
  }

  .cards-highlights.tablet-hidden {
    display: none;
  }

  .skill-grid {
    grid-template-rows: 1fr 1fr 1fr;
  }

  .investor-grid-2.contained {
    grid-template-columns: 1fr 1fr;
  }

  .card-3 {
    height: 10rem;
  }

  .c-autotabs_pane {
    height: 30%;
    left: 3.6%;
  }

  .c-title-3 {
    font-size: 28px;
  }

  .portfolio-headers.new-left-side {
    flex-flow: column;
  }

  .text-block-portfolio {
    max-width: none;
  }

  .portfolio-header.cool-gradient.limited-last-word-count {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .div-block-3347 {
    justify-content: center;
    align-items: flex-start;
  }

  .logo-catalogue {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .logo-frame.hide {
    display: none;
  }

  .logo1_logo {
    max-height: 4rem;
  }

  .mask-overview-work {
    margin-top: -1.3rem;
  }

  .horizontal-movement {
    margin-top: -17.9rem;
  }

  .book {
    width: 80%;
  }

  .grid-container-highlight-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .hero-text-top {
    padding-left: 1rem;
  }

  .felix-meritis-headshot {
    object-fit: cover;
  }

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

  .felix-meritis-headshot-2 {
    object-fit: cover;
    height: 100%;
  }

  .headshot-1 {
    object-fit: cover;
  }

  .headshot-1.mobile {
    object-fit: cover;
    background-position: 50% 0;
    background-size: cover;
    top: 6.5vh;
  }

  .button-journey-slider {
    padding-right: 4rem;
  }

  .button-journey-slider.left {
    padding-left: 4rem;
  }

  .header.decrease {
    font-size: 1.2rem;
  }

  .header.enormous {
    text-align: center;
    font-size: 2.5rem;
  }

  .header.enormous.capitalised {
    text-align: left;
  }

  .fn-heading-12 {
    margin-bottom: 12px;
    font-size: 40px;
  }

  .testimonial-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fn-container-grid-7 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-testimonial-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .c-title-3-copy {
    font-size: 1.6rem;
  }

  .desktop-pages {
    margin-right: 1rem;
  }

  .top-left-main-header {
    width: 100%;
  }

  .chapter-text {
    font-size: 9px;
  }

  .nav-link-3 {
    padding-left: 0;
  }

  .hide-on-tablet {
    display: none;
  }

  .right-bottom-button.w--current {
    bottom: 2rem;
  }

  .ff {
    font-size: 2.5rem;
    right: .8rem;
  }

  .ending-youtbube.rl-container-medium {
    flex: 1;
    margin-right: .5rem;
  }

  .ending-youtbube.rl-container-medium.extra {
    max-width: 100%;
    padding-right: 3rem;
    overflow: hidden;
  }

  .leganda-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    position: static;
  }

  .card-2 {
    flex-flow: column;
    width: auto;
    display: flex;
  }

  .rigth-section-2.rl-container-medium {
    flex: 1;
    margin-right: .5rem;
  }

  .leganda-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    position: static;
  }

  .time-section-2 {
    max-width: 100vw;
  }

  .inner-button-top.w--current {
    bottom: 2rem;
  }

  .signup-form_form-block-2 {
    max-width: none;
  }

  .cover-book {
    height: 10rem;
  }

  .h-two-section-blog {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .text-block-66 {
    margin-bottom: .5rem;
    font-size: 1rem;
  }

  .text-block-66.secondary {
    font-size: .8rem;
  }

  .book-main-link-in-template.portfolio-card {
    flex: none;
  }

  .flex-block-33 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .image {
    width: 100vw;
  }

  .text-block-2, .div-block-27 {
    opacity: 0;
  }

  .caption.no-margin.datum {
    text-align: left;
  }

  .telos-logo-final.big, .telos-logo-final.big.blur, .telos-logo-final.big.new-blur {
    max-width: none;
  }

  .telos-font {
    max-width: 39vw;
    display: none;
  }

  .summary-texts {
    display: none;
  }

  .container-3 {
    align-items: center;
    margin-top: 100vw;
    padding-top: 140px;
    padding-left: 0;
  }

  .nav-content {
    grid-template-columns: 1fr .25fr 1fr;
  }

  .nav-link, .nav-link.w--current {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .up-content {
    grid-template-columns: 1fr;
  }

  .main-content {
    max-width: 100vw;
    padding: 40px 20px;
  }

  .main-content.blog1 {
    max-width: 100vw;
  }

  .blog-hero {
    opacity: 1;
    position: static;
  }

  .gallery {
    padding: 40px 20px;
  }

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }

  .block-quote._33 {
    width: 100%;
  }

  .card-hero {
    position: static;
  }

  .sticky-nav {
    position: relative;
  }

  .nav-grid {
    text-align: center;
  }

  .mobile-nav {
    display: block;
  }

  .menu-right {
    max-width: 29vw;
  }

  .heading-2.heropage {
    font-size: 20px;
  }

  .newsletter-sign-up {
    display: none;
  }

  .visual-representation.big {
    margin-right: 0;
  }

  .visual-representation.big.blog {
    justify-content: center;
    width: 90vw;
    height: 270px;
    margin-top: 0;
    margin-bottom: 92px;
    position: relative;
  }

  .visual-representation.big.sticky {
    width: 170px;
    height: 320px;
  }

  .text-structure {
    align-items: center;
    margin-left: 0;
  }

  .collection-sample {
    width: 180px;
  }

  .blog-container {
    flex-direction: column;
    align-items: center;
  }

  .molecule-structure {
    flex-direction: column;
    display: flex;
  }

  .list-structure.rl-container-medium {
    flex-direction: column;
  }

  .summary-structure {
    flex-direction: column;
    padding-left: 10px;
  }

  .text-structure-true {
    max-width: none;
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative;
  }

  .banner {
    height: 210px;
  }

  .banner-text {
    font-size: 50px;
    line-height: 50px;
  }

  .div-block-98 {
    margin-left: 10px;
    margin-right: 10px;
  }

  ._404__link {
    padding-left: 15px;
    padding-right: 15px;
  }

  ._404__body {
    justify-content: space-between;
  }

  .pages-on-the-right {
    grid-column-gap: 2em;
    grid-row-gap: 3em;
  }

  .div-block-110 {
    margin-left: 10px;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl-padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .rl-heading-style-h5 {
    font-size: 1.25rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl-text-style-large, .rl-heading-style-h6 {
    font-size: 1.125rem;
  }

  .rl-heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .rl-heading-style-h3 {
    font-size: 2rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.25rem;
  }

  .rl-heading-style-h1 {
    font-size: 2.5rem;
  }

  .search-input-wrapper {
    width: 100%;
    margin-bottom: 25px;
  }

  .featured-recipe-wrapper {
    align-items: center;
    display: flex;
    overflow: visible;
  }

  .featured-recipe-list {
    flex-wrap: nowrap;
    height: 2rem;
  }

  .search-input-1 {
    width: 100%;
  }

  .hero-search-item {
    width: 100%;
    min-width: auto;
  }

  .heading-xxlarge {
    font-size: 2.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-large {
    font-size: 2rem;
  }

  .container-medium.footer-section._5rem-corners {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2.5fr 1fr 1fr;
    max-width: 100%;
  }

  .footer_credit-text {
    margin-top: 1rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .search-input {
    width: 100%;
  }

  .paragraph-core {
    margin-bottom: 24px;
  }

  .paragraph-core.hide-on-mobile {
    display: none;
  }

  .paragraph-core.no-margin {
    height: 7rem;
  }

  .paragraph-core.large {
    color: var(--telos-white);
  }

  .paragraph-core.large.middle {
    font-size: 1rem;
  }

  .paragraph-core.large.black {
    text-align: center;
    align-self: center;
    margin-bottom: .5rem;
  }

  .paragraph-core.text-left-align {
    column-count: 1;
    width: 100%;
  }

  .paragraph-core.bold {
    margin-bottom: 0;
  }

  .fn-heading-5 {
    font-size: 18px;
  }

  .fn-blog-info-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
  }

  .fn-features-card-image {
    height: 170px;
  }

  .fn-features-card-with-image.slider-cards {
    width: 260px;
  }

  .fn-heading-3 {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .fn-heading-2 {
    font-size: 34px;
  }

  .fn-container-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .blog-section {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .fn-slider-column {
    padding: 15px;
  }

  .fn-slider-image {
    height: 280px;
  }

  .fn-slide-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .fn-cta-banner-dark-image {
    display: none;
  }

  .fn-button {
    width: 100%;
  }

  .fn-paragraph-2 {
    margin-bottom: 24px;
  }

  .fn-heading-6 {
    font-size: 34px;
  }

  .fn-banner-dark-column {
    padding: 12px;
  }

  .download-the-app {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .fn-footer-line {
    margin-top: 12px;
  }

  .fn-social-share-wrapper {
    flex-direction: row;
    margin-top: 12px;
  }

  .fn-brand-footer {
    margin-right: 0;
    padding-left: 0;
  }

  .fn-container-grid-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-footer-first {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .rl_footer3_legal-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: max-content 1fr 1fr;
    grid-auto-flow: row;
  }

  .rl_footer3_credit-text {
    margin-top: 2rem;
  }

  .rl_footer3_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .rl_footer3_spacing-block-5 {
    padding-bottom: 1.5rem;
  }

  .rl_footer3_spacing-block-4 {
    padding-bottom: 3rem;
  }

  .rl_footer3_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .rl_footer3_spacing-block-3 {
    padding-bottom: 1.5rem;
  }

  .rl_footer3_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl_footer3_spacing-block-1 {
    padding-bottom: 1.5rem;
  }

  .rl_footer3_top-wrapper {
    grid-row-gap: 3rem;
  }

  .rl-padding-section-medium-2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .grit-border-block {
    border-right-width: 0;
  }

  .grit-border-block.align-center.lbr.bottem {
    border-right-width: 1px;
  }

  .grit-border-block.l {
    border-bottom-width: 0;
    border-right-width: 1px;
  }

  .grit-border-block.r {
    border-right-width: 1px;
  }

  .header_component {
    padding-top: 4rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .header_content-right {
    height: 30rem;
  }

  .button-7 {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-7:hover {
    background-color: #525252;
    border-color: #525252;
  }

  .button-7.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-row {
    align-self: stretch;
  }

  .heading-xxlarge-2 {
    font-size: 2.5rem;
  }

  .button-secondary {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .button-secondary:hover {
    background-color: #fafafa;
  }

  .button-secondary.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .hero-search-item-2 {
    width: 100%;
    min-width: auto;
  }

  .back-to-top_button-2 {
    display: none;
  }

  .rl_blogpost1_author-text-large {
    font-size: 1rem;
  }

  .rl_blogpost1_spacing-block-8 {
    padding-bottom: 2rem;
  }

  .rl_blogpost1_divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .rl_blogpost1_spacing-block-7 {
    padding-bottom: 2rem;
  }

  .rl_blogpost1_spacing-block-6 {
    padding-bottom: 1rem;
  }

  .rl-heading-style-h6-2 {
    font-size: 1.125rem;
  }

  .rl_blogpost1_spacing-block-5 {
    padding-bottom: 2.5rem;
  }

  .rl_blogpost1_content {
    margin-bottom: 2rem;
  }

  .rl_blogpost1_spacing-block-4 {
    padding-bottom: 2.5rem;
  }

  .rl_blogpost1_spacing-block-3 {
    padding-bottom: 3rem;
  }

  .rl_blogpost1_spacing-block-2 {
    padding-bottom: 2rem;
  }

  .rl-heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .rl_blogpost1_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

  .rl-padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .telos-font-footer {
    max-width: 39vw;
    display: none;
  }

  .corner {
    bottom: -16%;
  }

  .footer-link {
    border-bottom-width: .4rem;
    padding-bottom: .5rem;
  }

  .blog-svg {
    width: 40em;
    margin-top: -3em;
  }

  .cta-wrapper {
    inset: auto auto 0% 0%;
  }

  .text-black.width-limit {
    width: 100%;
  }

  .footer-text-wrapper {
    margin-top: 16em;
  }

  .pyaterka-mock-right {
    height: 72em;
    right: 8em;
  }

  .caption-2, .caption-2.text-secondary {
    font-size: 2em;
  }

  .main-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: 50em 50em 100em 100em 100em 50em 66.6em 66.6em 66.6em 66.6em;
    grid-template-columns: 1fr;
    grid-auto-rows: 66.6em;
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .gib-text {
    display: block;
  }

  .underline {
    height: .1em;
  }

  .body-text {
    font-size: 2em;
  }

  .body-text.text-secondary.gib-desc-width {
    width: 80%;
  }

  .spy-club-mock-left {
    width: 30em;
    bottom: -16em;
    left: 10em;
  }

  .tinkoff-logo {
    width: 24em;
    height: 24em;
  }

  .design-career {
    width: 60em;
  }

  .pyaterka-mock-left {
    height: 72em;
    bottom: -24em;
    left: 4em;
  }

  .head-text {
    display: block;
  }

  .gib-mock {
    width: 100%;
    margin-top: 8em;
  }

  .spy-club-mock-right {
    width: 30em;
    top: 50.8em;
    right: 15em;
  }

  .heading-9 {
    font-size: 12em;
  }

  .hero-3d-top-text-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer1_credit-text {
    margin-top: 1.5rem;
  }

  .footer1_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer1_legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .footer1_menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .footer1_top-wrapper {
    grid-row-gap: 3rem;
  }

  .padding-vertical-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .fn-rich-text figure {
    margin-bottom: 36px;
  }

  .fn-rich-text h1 {
    font-size: 48px;
  }

  .fn-rich-text h3 {
    font-size: 32px;
  }

  .fn-container-grid-3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-section {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .rl_blogpost1_author-text-large-2 {
    font-size: 1rem;
  }

  .rl_blogpost1_spacing-block-8-2 {
    padding-bottom: 2rem;
  }

  .rl_blogpost1_divider-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .rl_blogpost1_spacing-block-7-2 {
    padding-bottom: 2rem;
  }

  .rl_blogpost1_spacing-block-6-2 {
    padding-bottom: 1rem;
  }

  .rl-heading-style-h6-3 {
    font-size: 1.125rem;
  }

  .rl_blogpost1_spacing-block-5-2 {
    padding-bottom: 2.5rem;
  }

  .rl_blogpost1_content-2 {
    margin-bottom: 2rem;
  }

  .rl_blogpost1_spacing-block-4-2 {
    padding-bottom: 2.5rem;
  }

  .rl_blogpost1_spacing-block-3-2 {
    padding-bottom: 3rem;
  }

  .rl_blogpost1_spacing-block-2-2 {
    padding-bottom: 2rem;
  }

  .rl-heading-style-h2-3 {
    font-size: 2.25rem;
  }

  .rl_blogpost1_spacing-block-1-2 {
    padding-bottom: 1.25rem;
  }

  .rl-padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-block-27 {
    margin-top: 1rem;
  }

  .div-block-145 {
    display: none;
  }

  .trigger {
    position: relative;
    top: 45px;
  }

  .illustrations {
    width: 90vw;
  }

  .feature-img-wrap {
    border-radius: 8px;
  }

  .application-cliffhanger {
    display: block;
  }

  .heading-19 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .hero-image {
    margin-left: -64vw;
    display: block;
    overflow: hidden;
  }

  .fn-form-advance {
    grid-template-columns: 1fr;
  }

  .fn-paragraph-3 {
    margin-bottom: 24px;
  }

  .fn-heading-7 {
    font-size: 34px;
  }

  .fn-label-small {
    margin-bottom: 12px;
  }

  .fn-container-grid-4 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-section-2 {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .fn-form-advance-2 {
    grid-template-columns: 1fr;
  }

  .fn-paragraph-4 {
    margin-bottom: 24px;
  }

  .fn-heading-8 {
    font-size: 34px;
  }

  .fn-label-small-2 {
    margin-bottom: 12px;
  }

  .fn-container-grid-5 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-section-3 {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .div-block-190 {
    margin-left: 1rem;
    position: static;
  }

  .text-size-medium-3 {
    font-size: 1rem;
  }

  .faq6_question {
    padding: 1rem 1.25rem;
  }

  .faq6_component {
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .faq6_accordion.bottem-line {
    border-bottom-width: 0;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .faq6_icon {
    width: 1.75rem;
  }

  .faq6_answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .card_front-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: row;
    justify-content: center;
  }

  .card_img {
    width: 100%;
    padding: 2rem;
  }

  .cards-2 {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .text-size-large {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .card_component {
    grid-row-gap: 1.5rem;
    place-items: start;
    height: auto;
    padding-bottom: 1rem;
  }

  .core-button-inner.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .core-button-inner.no-touch:hover {
    background-color: #fafafa00;
  }

  .heading-xxl {
    font-size: 6rem;
  }

  .section_tip {
    align-items: center;
    overflow: auto;
  }

  .page-padding-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .front-back-txt-anim_component {
    height: 30rem;
  }

  .front-back-txt-anim_img-decor {
    width: 4rem;
    height: 1rem;
  }

  .nav_column.is-ctas {
    width: 100%;
  }

  .nav_column.is-post-name {
    flex-direction: row;
    align-self: stretch;
    width: 100%;
  }

  .nav_wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .nav_tip-title {
    overflow: hidden;
  }

  .front-back-txt-anim_img {
    width: 50%;
    max-width: 25rem;
  }

  .heading-xlarge {
    font-size: 4rem;
  }

  .page-padding-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .main-wrapper-2 {
    grid-template-columns: 100%;
    width: 100%;
  }

  .button-wrapper {
    justify-content: center;
  }

  .nav_progress-bar {
    flex: none;
  }

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

  .statisic-numbers {
    margin-bottom: 20px;
  }

  .card-layout {
    width: 100%;
    max-width: none;
    height: 64vh;
    padding: 24px 33px 24px 32px;
  }

  .card-layout.jakbibucd {
    width: auto;
    min-width: auto;
  }

  .card-layout.big-counter {
    height: 6rem;
  }

  .number-text.special.secondary.set-width {
    width: 5rem;
  }

  .deck-of-four.griddy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .rigth-section {
    flex: 0 auto;
    width: 100%;
  }

  .text-effect-text {
    font-size: 2.3em;
  }

  .text-effect-text.quote-life.smaller {
    max-width: 100%;
  }

  .hours {
    font-size: 3rem;
  }

  .time-section {
    max-width: none;
  }

  .progress-line-section {
    left: 0;
  }

  .timeline_quote-image {
    margin-top: 24px;
    margin-right: 0;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .base-timeline_progress {
    left: 6px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline_quote-wrapper {
    flex-direction: column-reverse;
  }

  .timeline_text {
    font-size: 20px;
  }

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

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .div, .base-timeline_progress-2 {
    left: 6px;
  }

  .minus-indication {
    margin-bottom: 20px;
  }

  .lkjdnvsdbv {
    font-size: 16px;
    line-height: 28px;
  }

  .div-block-3251 {
    flex-direction: column;
  }

  .cta-main-header.line-5 {
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .small {
    width: 30px;
  }

  .sign-page-form {
    min-width: auto;
  }

  .container-29 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .flex-block-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .paragrraph-new, .guidelines {
    text-align: left;
  }

  .apple-grid-block.mobile-hidden {
    display: none;
  }

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

  .grid-container-highlight {
    padding-left: 40px;
    padding-right: 40px;
  }

  .upgraded-cards {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .fn-paragraph {
    margin-bottom: 24px;
  }

  .fn-paragraph.hide-on-mobile {
    display: none;
  }

  .fn-heading-9 {
    font-size: 18px;
  }

  .fn-blog-info-wrapper-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
  }

  .bottom-section-blog {
    justify-content: center;
    align-items: flex-start;
  }

  .book-main-link {
    max-width: none;
  }

  .fn-heading-10 {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .fn-heading-11 {
    font-size: 34px;
  }

  .fn-container-grid-6 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-section-4 {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .blog-post-structure {
    grid-template-columns: 1fr 1fr;
  }

  .blog-post-item {
    height: auto;
    margin-bottom: 0;
    padding-left: 0;
  }

  .core-blog-collection-component {
    flex: 1;
    align-self: stretch;
    padding-right: 5rem;
  }

  .rl-heading-style-h2-copy-mobile {
    font-size: 2.25rem;
  }

  .slider-thumbs_wrapper {
    width: 33.3333%;
  }

  .insane-title {
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
  }

  .safari-header-ui.small {
    width: 100%;
    height: .6rem;
  }

  .search-ui {
    max-width: 150px;
  }

  .url-ui {
    font-size: .3rem;
  }

  .cards-highlights.mobile-hidden {
    display: none;
  }

  .cards-highlights.align-left.h {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cards-highlights.align-top {
    min-height: 29rem;
  }

  .cards-highlights.align-top.flex {
    min-height: auto;
  }

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

  .skill-grid.contained {
    grid-template-rows: 1fr auto auto .5fr .25fr;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-auto-rows: .5fr;
  }

  .c-autotabs {
    flex-flow: column-reverse;
    height: auto;
  }

  .c-autotabs_image {
    margin-right: auto;
  }

  .c-autotabs_image.cc-pane-crypto {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .c-autotabs_image.cc-pane-crypto-mobile {
    margin-right: -24px;
    display: block;
  }

  .c-autotabs_content {
    border-bottom: 2px solid var(--black-background);
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70vw;
    margin-bottom: 30px;
    position: sticky;
    top: 0;
  }

  .c-autotabs_pane {
    aspect-ratio: 2;
    border-radius: .5rem;
    height: 59%;
    inset: 11% 17% 0% 6%;
  }

  .c-text-1 {
    font-size: 16px;
    line-height: 28px;
  }

  .c-title-3 {
    font-size: 24px;
    line-height: 38px;
  }

  .tabs-list {
    width: 100%;
  }

  .portfolio-headers {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .portfolio-header.cool-gradient {
    text-align: left;
  }

  .portfolio-header.cool-gradient.limited-last-word-count {
    text-align: center;
  }

  .logo-catalogue.book-version {
    min-height: 14rem;
  }

  .logo-frame {
    width: 7.5rem;
  }

  .logo1_logo {
    max-height: 3rem;
    padding-left: 0;
    padding-right: 0;
  }

  .amazing-stickyness.notes {
    top: 5rem;
  }

  .horizontal-movement {
    margin-top: -25.3rem;
  }

  .image-136 {
    flex: 0 auto;
    height: 23%;
  }

  .book {
    width: 90%;
  }

  .grid-container-highlight-copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-141 {
    width: 80px;
  }

  .image-142 {
    width: 120px;
  }

  .image-143 {
    width: 80px;
  }

  .image-144 {
    width: 130px;
  }

  .image-145 {
    width: 200px;
  }

  .image-147 {
    width: 80px;
  }

  .hero-text-top {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .felix-meritis-headshot {
    width: 120vw;
  }

  .div-block-3357 {
    flex-flow: column;
  }

  .felix-meritis-headshot-2 {
    object-fit: cover;
    object-position: 76% 50%;
    width: 100%;
    height: 70%;
    left: 0;
  }

  .portfoliio-top-section {
    justify-content: center;
    align-items: flex-start;
    height: 40rem;
    padding-left: 0;
  }

  .bottom-hero-section-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .flex-block-29 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .flex-block-30 {
    justify-content: flex-start;
    align-items: center;
  }

  .dfhjfls {
    justify-content: center;
    align-items: flex-start;
  }

  .headshot-1 {
    display: none;
  }

  .headshot-1.mobile {
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6701866ac06cf9596943142a_aaaaa.png");
    background-position: 55%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 115vw;
    display: block;
    position: absolute;
    top: 18%;
    left: 0%;
    right: 0%;
  }

  .dot-copy {
    justify-content: flex-start;
  }

  .icon-font-awesome {
    font-size: 16px;
    line-height: 28px;
  }

  .header {
    font-size: 1.3rem;
  }

  .header.center.smaller {
    width: 100%;
  }

  .header.decrease {
    font-size: .9rem;
  }

  .header.enormous {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .fn-heading-12 {
    font-size: 34px;
  }

  .fn-paragraph-5 {
    margin-bottom: 24px;
  }

  .testimonial-section {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .fn-container-grid-7 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-testimonial-wrapper {
    grid-template-columns: 1fr;
  }

  .c-title-3-copy {
    font-size: 24px;
    line-height: 38px;
  }

  .heading-top-section._70vh {
    height: 30vh;
  }

  .main-header.first-2 {
    font-size: 2.5rem;
    font-weight: 600;
  }

  .main-header.line-3 {
    font-size: 2.5rem;
    font-weight: 500;
  }

  .secondary-main-header.cross-through {
    text-decoration-thickness: 4px;
  }

  .top-left-headline.line-4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .color.white.no-white-space {
    border-radius: 999px;
  }

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

  .right-combined {
    flex: 0 auto;
    width: 100%;
  }

  .we-don-t-bite {
    display: none;
  }

  .sticky-vta-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sticky-vta-container.back-to-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .middle-cta {
    flex: 1;
  }

  .right-bottom-button.w--current {
    display: none;
  }

  .text-block-62 {
    font-size: .7rem;
  }

  .bottom-cta-helper {
    bottom: 2rem;
  }

  .filler-2._4rem {
    display: none;
  }

  .number-text-2 {
    font-size: .8rem;
  }

  .number-text-2.all-cap, .number-text-2.all-cap._6 {
    font-size: 1.1rem;
  }

  .card-2 {
    min-width: 350px;
    max-width: none;
    height: 64vh;
    padding: 24px 33px 24px 32px;
  }

  .heading-60 {
    font-size: .6rem;
  }

  .dot-2 {
    justify-content: flex-start;
  }

  .compartment-section-2 {
    text-align: left;
  }

  .timeline_date-text-2 {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .inner-button-top.w--current {
    display: none;
  }

  .core-button-housing.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .highlight-overlay-dark {
    border-radius: 999px;
    overflow: hidden;
  }

  .border-top {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .border-top:hover {
    background-color: #fafafa;
  }

  .border-top.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .core-button-inner-2 {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .core-button-inner-2:hover {
    background-color: #fafafa;
  }

  .border-top-2 {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .border-top-2:hover {
    background-color: #fafafa;
  }

  .core-button-housing-2 {
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .core-button-housing-2:hover {
    background-color: #fafafa;
  }

  .submit-button-1 {
    border-radius: 999px;
    overflow: visible;
  }

  .header-lifespand.all-cap._4 {
    font-size: 1.1rem;
  }

  .sticky-chapter.blog {
    width: 100%;
  }

  .div-block-3395 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    width: 100%;
  }

  .h-two-section-blog {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-3402 {
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: -2rem;
  }

  .flex-block-32 {
    margin-top: 2rem;
    padding-right: 5rem;
  }

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

  .menu-button-core {
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    display: none;
  }

  .hamburger {
    border-radius: 10px;
    width: 70%;
    height: 70%;
    display: flex;
    position: relative;
  }

  .hamburger:active {
    background-color: #0000000a;
  }

  .mobile-burger-line-2 {
    background-color: #000;
    height: 2px;
  }

  .mobile-burger-line-absolute {
    background-color: #000;
    height: 2px;
    position: absolute;
    inset: auto;
  }

  .nav-link-text, .nav-link-text.w--current {
    margin-left: 10px;
    margin-right: 10px;
  }

  .flex-block-35 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }

  p {
    font-size: 1rem;
  }

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

  .image {
    z-index: 0;
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc356104f6a2_Background%20Copy-min.png");
    background-position: 50%;
    background-size: auto;
    width: 100vw;
    max-width: none;
    margin-top: -68px;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .image._4 {
    opacity: 1;
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc311f04f6ac_Background-min.png");
    background-position: 0 0;
    margin-top: -21px;
    position: fixed;
  }

  .image-2 {
    z-index: 1;
    width: 94%;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: -18px;
    position: fixed;
    inset: auto 0% 50px;
  }

  .image-3 {
    z-index: 5;
    object-fit: scale-down;
    width: 450px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .image-4 {
    width: 110px;
    max-width: none;
    display: block;
    position: relative;
    left: auto;
    right: auto;
  }

  .image-4.ani {
    z-index: 4;
    width: 60px;
  }

  .image-5 {
    object-fit: scale-down;
    width: 150px;
    max-width: none;
    height: 100px;
    margin: -21px -12px auto auto;
    padding-right: 0;
    display: inline-block;
    position: relative;
  }

  .div-block {
    filter: blur(11px);
    -webkit-text-fill-color: inherit;
    background-color: #d8d8d8;
    background-image: linear-gradient(#00000080, #00000080);
    background-clip: border-box;
  }

  .body-2 {
    background-color: #0b0b0c;
  }

  .div-block-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    display: flex;
  }

  .div-block-4 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 79px;
    display: flex;
  }

  .div-block-5 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100vw;
    margin-top: 35px;
    padding-right: 15px;
    display: flex;
    overflow: visible;
  }

  .container {
    background-color: #000;
    flex-direction: column;
    display: flex;
    overflow: visible;
  }

  .container.main {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .div-block-6 {
    opacity: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    display: flex;
  }

  .div-block-6.home {
    position: fixed;
    inset: 0%;
  }

  .image-6 {
    z-index: 8;
    opacity: 1;
    object-fit: scale-down;
    width: 61%;
    min-width: 240px;
    height: 50px;
    margin-top: -55px;
    position: relative;
  }

  .image-7 {
    z-index: 5;
    opacity: 0;
    text-shadow: -1px -7px 6px #000;
    width: 95vw;
    max-width: none;
    margin-top: 8px;
    position: absolute;
  }

  .image-8 {
    width: 100vw;
    max-width: none;
    position: relative;
  }

  .image-9 {
    width: 100vw;
    max-width: none;
    position: relative;
    top: -11px;
  }

  .button {
    -webkit-text-fill-color: inherit;
    object-fit: scale-down;
    background-color: #0000;
    background-image: none;
    background-clip: border-box;
    width: 100vw;
    max-width: 500px;
    height: 70px;
    margin-top: -12px;
    position: relative;
  }

  .button._2 {
    object-fit: none;
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc859d04f6a3_PDF-min.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 95vw;
    background-attachment: scroll;
    width: 100%;
    height: auto;
    min-height: 20vw;
    margin-top: 0;
  }

  .button._2.a {
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc354f04f882_Contact-min-6.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 95vw;
    background-attachment: scroll;
    margin-top: auto;
  }

  .button._2.a.new {
    object-fit: none;
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9accc8f804f6d8_Contact-min-3.png");
    background-position: 50% 0;
    background-size: cover;
    width: 90%;
    margin-bottom: 0;
  }

  .div-block-7 {
    opacity: 1;
    background-image: linear-gradient(#0000, #000 50%);
    flex-direction: column;
    align-self: auto;
    align-items: center;
    width: 102%;
    margin-top: 58px;
    display: block;
    position: relative;
    inset: auto 0% 0%;
  }

  .image-10 {
    width: 15px;
    margin-right: 5px;
    transition: opacity .2s;
    position: relative;
    top: 0%;
    bottom: auto;
    right: auto;
  }

  .div-block-8 {
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    display: flex;
    position: static;
    inset: 0% 0% auto auto;
  }

  .div-block-9 {
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .text-block {
    color: #fff;
    width: 250px;
    margin-left: 10px;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    font-weight: 400;
    overflow: visible;
  }

  .intro-text {
    object-fit: fill;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .div-block-11 {
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .image-11 {
    object-fit: scale-down;
    height: 10px;
    margin-right: 5px;
  }

  .image-12 {
    object-fit: scale-down;
    height: 13px;
    margin-bottom: 2px;
  }

  .image-13 {
    height: 12px;
    margin-bottom: 2px;
    margin-right: 5px;
    padding-right: 0;
  }

  .image-14 {
    height: 10px;
    margin-right: 5px;
  }

  .image-15 {
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-image: linear-gradient(#000000d9, #000000d9);
    background-clip: border-box;
    border-radius: 10px;
    width: 90vw;
    height: auto;
    position: relative;
    overflow: visible;
  }

  .div-block-12 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    transition: none;
    display: flex;
    position: relative;
  }

  .div-block-12._2 {
    align-items: flex-start;
  }

  .image-16 {
    z-index: 1;
    object-fit: scale-down;
    width: 200px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 20px;
    position: relative;
  }

  .div-block-13 {
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    overflow: hidden;
  }

  .div-block-14 {
    z-index: 2;
    float: none;
    clear: none;
    object-fit: fill;
    background-color: #0000005c;
    width: 90%;
    position: static;
    inset: 0% auto auto 0%;
  }

  .div-block-15 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-bottom: 40px;
    display: flex;
  }

  .image-17 {
    object-fit: scale-down;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 15px;
  }

  .image-18 {
    object-fit: scale-down;
    padding-left: 10px;
    padding-right: 15px;
  }

  .image-18.spring {
    background-image: linear-gradient(#0000, #000000d4 25%, #000);
  }

  .image-19 {
    margin-top: -165px;
    position: relative;
  }

  .intro {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .gif {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: auto;
    transition: none;
    display: flex;
    position: relative;
  }

  .gif._2 {
    align-items: flex-start;
  }

  .offering {
    background-image: linear-gradient(#0000, #000 50%);
    flex-direction: column;
    align-items: center;
    display: block;
    position: relative;
    inset: 27px 0% 0%;
  }

  .messages {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100vw;
    margin-top: 35px;
    padding-right: 23px;
    display: flex;
    overflow: visible;
  }

  .message-30 {
    z-index: 5;
    object-fit: scale-down;
    width: 360px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .message-30.ik-hoop {
    width: 320px;
  }

  .message-30.new {
    margin-bottom: 5px;
  }

  .message-20 {
    z-index: 5;
    object-fit: scale-down;
    width: 360px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .message-20._60 {
    width: 240px;
  }

  .message-20.mauricio {
    width: 120px;
    margin-bottom: 5px;
  }

  .message-10 {
    z-index: 5;
    object-fit: scale-down;
    width: 220px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .message-10.schatje {
    width: 130px;
  }

  .message-10.tsibo, .message-10.louise {
    width: 160px;
  }

  .message-10.remi {
    width: 180px;
  }

  .message-10.rutger {
    width: 260px;
  }

  .message-10.dear-madam {
    width: 160px;
  }

  .message-10.marcel {
    width: 190px;
    margin-bottom: -11px;
  }

  .message-10.jaron {
    width: 240px;
  }

  .message-10.rob {
    width: 180px;
    margin-bottom: -15px;
  }

  .message-10.sander-volk {
    width: 120px;
  }

  .message-10.roger {
    width: 240px;
  }

  .message-10.hi {
    width: 80px;
  }

  .message-10.adriaan {
    width: 130px;
  }

  .div-block-16 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
    position: absolute;
  }

  .div-block-17 {
    align-items: center;
    max-width: 100vw;
    margin-top: 45px;
    position: relative;
    inset: 0%;
  }

  .image-20 {
    width: 2000px;
    inset: -17% auto 0% -48%;
  }

  .image-20.b {
    top: auto;
    bottom: -24%;
    left: 60%;
  }

  .text-block-2 {
    opacity: 1;
    margin-top: 0;
    padding-top: 10px;
    font-size: 9px;
    line-height: 18px;
  }

  .div-block-18 {
    width: 80vw;
    min-width: 400px;
    margin-top: 2px;
    position: static;
  }

  .div-block-20 {
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acce2b804f6df_Message%201.png");
    background-position: 0 0;
    background-size: auto;
  }

  .image-21 {
    margin-bottom: 17px;
    margin-right: -15px;
  }

  .message-basic {
    z-index: 5;
    object-fit: scale-down;
    width: 360px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .message-basic.small {
    width: 230px;
  }

  .message-basic.small.correction {
    margin-top: 10px;
  }

  .message-basic.small._4 {
    width: 160px;
  }

  .message-basic.small._5 {
    width: 220px;
  }

  .message-basic.b {
    width: 250px;
  }

  .message-basic.b.nl {
    width: 210px;
  }

  .message-basic._5 {
    width: 160px;
  }

  .message-basic.tehn {
    width: 250px;
  }

  .message-basic.kind {
    width: 230px;
    margin-right: -6px;
  }

  .message-basic.groetjes {
    width: 200px;
    margin-right: -7px;
  }

  .message-basic.thank-you {
    width: 130px;
  }

  .message-50 {
    z-index: 5;
    object-fit: scale-down;
    width: 360px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .message-50.smaller {
    width: 210px;
  }

  .message-50.succes {
    width: 260px;
  }

  .message-50.special {
    max-width: 80vw;
    margin-top: 10px;
    margin-right: 6px;
  }

  .message-60 {
    z-index: 5;
    object-fit: scale-down;
    width: 360px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .message-60.new {
    width: 360px;
    margin-bottom: 5px;
  }

  .message-70 {
    z-index: 5;
    object-fit: scale-down;
    width: 290px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .message-80 {
    z-index: 5;
    object-fit: scale-down;
    width: 350px;
    max-width: 95vw;
    margin-bottom: -17px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

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

  .body-3.link {
    text-align: left;
  }

  .heading {
    font-size: 50vw;
  }

  .div-block-23 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

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

  .div-block-25 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }

  .div-block-27 {
    opacity: 1;
    margin-bottom: 60px;
  }

  .div-block-27.grey {
    margin-bottom: 78px;
    display: flex;
    position: relative;
  }

  .image-22 {
    text-align: left;
    width: 45vw;
    margin-top: 27px;
    margin-bottom: 20px;
  }

  .text-block-3 {
    max-width: 92vw;
    margin-top: 10px;
    font-size: 12px;
  }

  .main-button.link {
    min-width: 130px;
  }

  .main-button.link.donwload {
    margin-bottom: 20px;
  }

  .main-button.link.donwload.absolute {
    width: 130px;
    height: 44px;
    margin-top: 7px;
  }

  .main-button.link.donwload.absolute.banner {
    width: 130px;
  }

  .main-button.card.link.positive-psychology {
    height: 140vw;
  }

  .main-button.card.link.positive-psychology.big {
    margin-top: 60px;
  }

  .main-button.card.link.social-dilemma {
    height: 140vw;
  }

  .main-button.card.link.our-story {
    min-width: auto;
    height: 140vw;
  }

  .main-button.card.link._164-note {
    height: 140vw;
  }

  .main-button.card.link.blog, .main-button.card.link.blog-2 {
    min-height: 200px;
  }

  .caption {
    position: relative;
  }

  .caption.secondary.no-margin.white {
    color: var(--secondary);
  }

  .caption.no-margin.datum.right {
    text-align: right;
    justify-content: center;
    align-items: flex-end;
  }

  .caption.no-margin.book-caft {
    white-space: nowrap;
    width: 6.1rem;
    margin-left: 1rem;
    font-weight: 400;
  }

  .div-block-29 {
    align-items: center;
    max-width: 95vw;
  }

  .telos-logo-final {
    aspect-ratio: 1;
    width: 1.7rem;
    position: relative;
  }

  .telos-logo-final.blur {
    filter: blur(4px);
  }

  .telos-font {
    align-self: auto;
    width: 100%;
    max-width: 12.4rem;
    padding-top: 0;
    display: block;
    position: static;
    inset: 0%;
  }

  .left-content {
    align-items: center;
    width: 95vw;
    max-width: 350px;
    margin-bottom: 100px;
  }

  .button-3 {
    margin-bottom: auto;
    font-size: 9px;
  }

  .action-calls {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .button-4 {
    background-color: #000;
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acc5e7704f861_Group%202-min.png");
    background-position: 0 0;
    background-size: contain;
    width: 500px;
    height: 280px;
    padding-left: 55px;
  }

  .button-4.feel-it {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/637e79822c9acca06c04f87a_Group%202-min-3.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 95%;
    background-attachment: scroll;
    border: 1px #0000;
    width: 95%;
    max-width: 500px;
    height: 50vw;
    margin-bottom: 6px;
  }

  .div-block-33 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .html-embed {
    max-width: 90vw;
  }

  .polaris {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    display: block;
  }

  .polaris._50 {
    text-align: center;
  }

  .polaris._50.small {
    margin-bottom: 60px;
  }

  .main-body.special {
    padding-top: 0;
  }

  .looped-teaser {
    object-fit: contain;
    margin-top: 0;
    overflow: hidden;
  }

  .app-walkthrough {
    flex-flow: row;
    align-items: center;
    max-width: 100vw;
    height: 250vw;
    overflow: hidden;
  }

  .navigator-bar {
    width: 100vw;
    height: 4rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    top: 0;
  }

  .background {
    z-index: -3;
    opacity: 0;
    max-height: none;
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .sticky-container {
    width: 87.5%;
  }

  .hero-bullet-points._1 {
    opacity: 1;
  }

  .hero-bullet-points._2 {
    opacity: 0;
    white-space: break-spaces;
  }

  .hero-bullet-points._4 {
    opacity: 0;
  }

  .hero-bullet-text {
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 60px;
  }

  .hero-headline {
    font-size: 62px;
    line-height: 1.09;
  }

  .sticky-container-2 {
    width: 98vw;
  }

  .watch-the-film {
    font-size: 17px;
  }

  .summary-texts {
    width: 100vw;
    max-width: 100vw;
    display: block;
    overflow: visible;
  }

  .lotti-icon {
    max-width: 100vw;
    overflow: hidden;
  }

  .container-3 {
    padding-top: 105px;
    padding-left: 0;
  }

  .div-block-38 {
    padding-top: 53px;
  }

  .hero-video {
    max-width: 100vw;
    height: 100vh;
    overflow: hidden;
  }

  .nav-content {
    z-index: 60;
    height: 4rem;
  }

  .nav-menu {
    z-index: 50;
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-right: 5px;
    display: flex;
  }

  .mobile-burger {
    justify-content: center;
    width: 40px;
    height: 100%;
    transition: all .2s;
    display: flex;
  }

  .mobile-burger:hover {
    transform: scale(.75);
  }

  .mobile-burger-line {
    background-color: #fff9;
    width: 20px;
    height: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .nav-link {
    letter-spacing: 3px;
    border-radius: 999rem;
    flex-flow: row;
    width: 100%;
    height: auto;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 200;
    display: flex;
  }

  .nav-link:hover {
    background-color: #ffffff1a;
    border-radius: 999px;
  }

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

  .nav-link.logo {
    display: block;
  }

  .nav-link.search {
    display: none;
  }

  .nav-link.bag {
    display: block;
  }

  .nav-link.download {
    white-space: normal;
    padding-top: 10px;
    font-weight: 700;
    text-decoration: none;
  }

  .nav-link.schedule-today {
    border-color: #ffffff61;
    border-radius: 40px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    display: flex;
  }

  .nav-link.schedule-today.general {
    border-radius: 40px;
    width: 95vw;
    height: 50px;
    font-size: 20px;
  }

  .nav-link.white {
    color: var(--black-background);
  }

  .nav-link.black:hover {
    background-color: #0000001a;
  }

  .div-block-40 {
    width: 100vw;
  }

  .purpose-content {
    position: static;
  }

  .purpose-content.intro.slide {
    width: 100vw;
  }

  .grid {
    grid-column-gap: 12px;
    grid-template-columns: minmax(auto, auto) .5fr;
    grid-auto-columns: .5fr;
    grid-auto-flow: row;
    align-content: stretch;
  }

  .grid-2 {
    grid-template-columns: 1fr;
    max-width: 90vw;
  }

  .peteer-thiel-quote {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 10px;
  }

  .bakchround-blur {
    z-index: 51;
    flex: 0 auto;
    align-self: auto;
    height: 4rem;
    box-shadow: 0 5px 15px 2px #00000026;
  }

  .blurred-surface {
    background-color: #070808b5;
  }

  .blurred-surface.small {
    border-radius: 10px;
    max-width: 95vw;
    height: 60px;
  }

  .grid-3 {
    grid-row-gap: 35px;
    grid-template-columns: 1fr;
  }

  .footer {
    position: relative;
    overflow: visible;
  }

  .text-block-4 {
    text-align: left;
    width: 90%;
    max-width: 95vw;
    margin-left: 10px;
    font-size: 25px;
    line-height: 30px;
  }

  .up-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 95vw;
    display: flex;
  }

  .blog-header {
    margin-top: 70px;
  }

  .image-31 {
    max-width: 95vw;
    max-height: 140vw;
  }

  .div-block-49 {
    width: 96vw;
  }

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

  .blog-hero {
    opacity: 1;
    height: auto;
    position: static;
  }

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

  .blog-1 {
    max-width: 100%;
  }

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

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .card-hero {
    height: auto;
    position: static;
  }

  .card-header {
    margin-top: 70px;
  }

  .card-header.width {
    max-width: 100vw;
  }

  .quote-blogs {
    grid-template: "Area-9 Area-9 Area-9 Area-9 Area-9" 200px
                   "Area-2 Area-2 Area-2 Area-2 ." 200px
                   ". Area-3 Area-3 . ." 200px
                   "Area-4 Area-4 . . ." 200px
                   "Area-5 Area-6 . . ." 200px
                   "Area-7 Area-8 . . ." 200px
                   ". . . . ."
                   ". . . . ."
                   / 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    width: 95vw;
    min-width: auto;
    display: block;
    position: relative;
  }

  .container-7 {
    align-items: center;
    position: relative;
  }

  .main-blog {
    height: auto;
  }

  .quote-frame {
    height: 200px;
  }

  .quote-text {
    max-width: 100%;
    font-size: 12px;
  }

  .quote-structure {
    max-width: 80%;
    margin-left: 5px;
  }

  .card-picture {
    width: 100%;
    height: auto;
    margin-top: 60px;
  }

  .gallery-container {
    position: static;
    overflow: visible;
  }

  .gallery-container.intro {
    align-items: flex-start;
    margin-top: 60px;
  }

  .sticky-nav {
    padding: 0;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-link-2 {
    border-top: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .telos-logo-nav {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .div-block-55 {
    background-color: #000;
    width: 100vw;
    height: 100vh;
    position: absolute;
    inset: 0%;
  }

  .mobile-nav {
    z-index: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    margin-top: 50px;
    display: block;
  }

  .m-nav-toggle-description {
    width: 100%;
  }

  .hamburger-menu {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    margin-right: 5px;
    transition: all .3s;
    display: block;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .hamburger-menu:active {
    background-color: #ffffff24;
    border-radius: 9px;
    width: 40px;
    height: 40px;
    inset: 0% 0% auto auto;
  }

  .m-nav-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding-bottom: 7rem;
    display: flex;
  }

  .m-nav-close-icon {
    width: 50px;
    height: 23px;
  }

  .m-nav-link-item {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .m-nav-toggle-inner {
    background-color: #0000;
    padding: 0;
    position: static;
  }

  .m-nav-close-icon-wrapper {
    background-color: #fff;
    width: auto;
  }

  .m-nav-toggle-close {
    z-index: 10000;
    flex-direction: column;
    align-items: center;
    width: 50px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .m-nav-toggle-close:active {
    background-color: #ffffff4d;
    border-radius: 5px;
    align-items: flex-end;
  }

  .m-nav-content {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    flex: 1;
    left: 0;
    right: 0;
    overflow: visible;
  }

  .nav-overlay-gradient-bottom {
    background-image: linear-gradient(to top, #000, #000 25%, #24242300);
  }

  .m-nav-overlay {
    z-index: 50;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #24242300;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% 0% 0;
  }

  .div-block-56 {
    width: 100vw;
    height: 100%;
  }

  .menu-left, .menu-right {
    display: none;
  }

  .seperation-line {
    margin-top: 49px;
  }

  .seperation-line.footer {
    position: absolute;
  }

  .gratitude-night-challenge {
    max-width: 100vw;
    margin-top: 60px;
    margin-bottom: 25px;
    overflow: hidden;
  }

  .iphones {
    opacity: 0;
    width: 160%;
    margin-bottom: auto;
    display: none;
    position: absolute;
    inset: auto 0% 0%;
  }

  .image-phone-mobile {
    z-index: 5;
    opacity: 1;
    object-fit: contain;
    align-self: stretch;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .gratitude-night {
    opacity: 0;
    max-width: 100vw;
    font-size: 20px;
  }

  .color-white {
    height: 100%;
  }

  .div-block-64 {
    min-height: auto;
  }

  .direct-download-button {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .heading-2.heropage {
    margin-right: 0;
    padding-left: 5px;
    font-size: 16px;
    line-height: 18px;
  }

  .heading-2.heropage.new {
    font-size: 14px;
    position: absolute;
  }

  .newsletter-sign-up {
    width: 475px;
    max-width: 95vw;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .newsletter-sign-up.footer {
    max-width: 90vw;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .news-letter {
    flex-direction: column;
  }

  .collection-item.out-of-6 {
    width: 90vw;
  }

  .collection-item.slide {
    width: 330px;
    position: relative;
  }

  .card-content {
    width: 180px;
    margin-top: 10px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .card-content.slide {
    margin-left: 0;
    position: relative;
  }

  .collection-list {
    display: flex;
  }

  .collection-6 {
    overflow: scroll;
  }

  .collection-6.homepage {
    width: 100%;
  }

  .visual-representation {
    width: 100px;
    margin-left: 10px;
  }

  .visual-representation.big {
    z-index: 2;
    width: 100px;
    height: 180px;
    margin-top: 20px;
  }

  .visual-representation.big.blog {
    width: 90vw;
    height: 160px;
    margin-bottom: -16px;
    position: relative;
    top: 0;
  }

  .visual-representation.big.sticky {
    margin-top: -50px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .visual-representation.card {
    margin-left: 10px;
    margin-right: 175px;
    right: -79%;
  }

  .visual-representation.profile-picture {
    width: 150px;
    height: 200px;
    position: relative;
    top: 0;
  }

  .visual-representation.medium {
    width: 115px;
    height: 165px;
  }

  .container-10 {
    align-items: center;
    max-width: 100vw;
  }

  .container-11 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-70 {
    width: 100%;
    margin-right: -9px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-structure {
    z-index: 6;
    max-width: 96vw;
    margin-top: 79px;
    margin-left: 0;
    padding-right: 10px;
    position: relative;
  }

  .list {
    max-width: 98vw;
  }

  .div-block-75 {
    width: 10px;
    height: 40px;
    position: static;
    inset: 0%;
  }

  .div-block-76 {
    object-fit: cover;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .heading-5 {
    width: 100%;
    margin-left: 10px;
  }

  .mask {
    margin-bottom: -13px;
  }

  .back {
    padding-left: 20px;
  }

  .collection-row-content-hint {
    width: 100vw;
  }

  .slide-structure.summaries {
    max-width: 100vw;
    display: block;
    overflow: hidden;
  }

  .slide-structure.quick-wins {
    overflow: hidden;
  }

  .blog-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-block-84 {
    flex-direction: row;
  }

  .text-block-15 {
    max-width: 95vw;
  }

  .summary-structure {
    display: block;
  }

  .text-structure-true {
    z-index: 6;
    margin-top: 20px;
    margin-left: 1rem;
    position: relative;
  }

  .section-5 {
    margin-bottom: 0;
  }

  .icon-logo {
    object-fit: fill;
    height: 4rem;
  }

  .icon-logo.w--current {
    z-index: 150;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: 0;
    position: relative;
  }

  .investor-name {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    display: block;
  }

  .investor-name._50 {
    text-align: center;
  }

  .investor-name._50.small {
    margin-bottom: 60px;
  }

  .author-image {
    opacity: .5;
  }

  .section-seperation-line {
    margin-top: 20px;
  }

  .section-seperation-line.footer {
    position: absolute;
  }

  .section-seperation-line.big {
    margin-top: 20px;
  }

  .telos-app-icon {
    position: relative;
  }

  .personal-bio.slide {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .container-16 {
    flex-direction: column;
  }

  .div-block-89 {
    width: auto;
    max-width: 98vw;
    margin-left: 0;
  }

  .rich-text-block-6 {
    width: auto;
  }

  .rich-text-block-6.homepage {
    max-width: 80vw;
  }

  .our-story-content {
    max-width: 100vw;
  }

  .stop-scrolling {
    height: 100vh;
  }

  .div-block-90 {
    width: 100vw;
    margin-top: 48px;
    right: 0%;
  }

  .text-block-16 {
    max-width: 100vw;
    font-size: 100px;
    line-height: 80px;
  }

  .image-39 {
    margin-top: 100px;
  }

  .image-40 {
    width: 90vw;
    margin-top: -15px;
  }

  .div-block-92 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .circle {
    width: 70vw;
    height: 70vw;
    margin-left: 105px;
  }

  .card {
    display: block;
  }

  .cards {
    object-fit: cover;
    object-position: 53% 50%;
    height: 540px;
    margin-bottom: 99px;
  }

  .beatiful-illustration {
    margin-bottom: 100px;
  }

  .masking-layer {
    width: 100vw;
  }

  .closing.dark {
    margin-top: 0;
    font-size: 40px;
    line-height: 40px;
  }

  .container-19 {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-span-5.black {
    color: #000000ab;
  }

  .list-homepage {
    margin-bottom: -100px;
  }

  .section-6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-block-17 {
    max-width: 100vw;
    margin-top: 10px;
    margin-left: 5px;
    font-size: 8px;
  }

  .container-20 {
    padding-left: 0;
  }

  .banner {
    height: 170px;
  }

  .image-43 {
    object-fit: cover;
    object-position: 50% 50%;
  }

  .banner-text {
    font-size: 29px;
    line-height: 30px;
  }

  .div-block-98 {
    margin-left: 10px;
    margin-right: 9px;
  }

  .counterup {
    font-size: 60px;
  }

  .div-block-101 {
    border-radius: 15px;
    width: 80px;
    height: 100px;
  }

  .counting {
    margin-left: 5px;
    margin-right: 5px;
  }

  .content-numbers {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: grid;
  }

  .div-block-102, .div-block-103 {
    display: none;
  }

  .div-block-104 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: relative;
  }

  .telos-text-logo {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

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

  .grid-6 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr;
    max-width: 100vw;
  }

  ._404__message-text {
    max-width: 95ch;
    padding-left: 0;
    padding-right: 0;
    font-size: 10px;
  }

  ._404__logo {
    margin-bottom: 0;
  }

  .link {
    text-align: center;
    font-size: 18px;
  }

  ._0, ._4b {
    font-size: 140px;
  }

  ._404__letters {
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 0;
    display: flex;
  }

  ._404__link {
    padding-left: 10px;
    padding-right: 10px;
  }

  ._404__link.is--hidden {
    display: none;
  }

  .c-404 {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  ._404__body {
    flex: 1;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    inset: 0%;
  }

  ._404__message {
    min-width: 96vw;
  }

  ._4a {
    font-size: 140px;
  }

  ._404__links {
    text-align: center;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 15%;
    display: flex;
    overflow: hidden;
  }

  ._404__lottie {
    width: 80vw;
  }

  .grid-7 {
    grid-template: "Area-2 Area-2 Area-3 Area-3" 200px
                   "Area-4 Area-5 Area-6 Area-7" 200px
                   ". . . ." 200px
                   / 1fr 1fr 1fr 1fr;
  }

  .grid-8 {
    grid-template-rows: 150px 150px;
  }

  .pages-on-the-right {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bnn-fd-wrap-center-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .enormous-title {
    font-size: 60px;
    line-height: 60px;
  }

  .small-header {
    margin-top: 10px;
    font-size: 16px;
  }

  .even-small-header {
    width: auto;
    max-width: 100vw;
    margin-top: 20px;
  }

  .div-block-110 {
    max-width: 100vw;
    padding: 10px;
  }

  .sign-up {
    max-width: 100%;
  }

  .text-block-24 {
    max-width: 95vw;
    font-size: 12px;
  }

  .back-to-top_container {
    display: none;
  }

  .rl-container-large.verticale.black.limiited-length {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .rl-container-medium.navigation {
    height: auto;
  }

  .rl-container-medium.mission {
    margin-top: 0;
  }

  .rl-heading-style-h4 {
    font-size: 1.9rem;
    line-height: 120%;
  }

  .rl-heading-style-h2 {
    display: none;
  }

  .rl-heading-style-h2.mobile {
    width: 11rem;
    margin-top: 0;
    font-size: 3rem;
    line-height: 3rem;
    display: block;
  }

  .content-padding.flex {
    grid-column-gap: 0px;
  }

  .hero-heading {
    font-size: 3.5rem;
  }

  .search-form {
    margin-bottom: 0;
  }

  .search-cms-item-1 {
    display: flex;
  }

  .search-input-wrapper {
    margin-bottom: 0;
  }

  .featured-recipe-item {
    margin-bottom: 7px;
  }

  .featured-recipe-list {
    flex-wrap: wrap;
  }

  .search-icon {
    width: 17px;
    top: 30%;
    left: 3%;
  }

  .no-results-1 {
    display: none;
  }

  .search-input-1 {
    padding-left: 33px;
    font-size: 16px;
  }

  .search-input-1::placeholder {
    font-size: 12px;
  }

  .hero-search-item {
    width: 100%;
    min-width: auto;
  }

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

  .introduction {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .search-item {
    grid-template-columns: 1fr .75fr;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .prep-time-wrapper, .search-content-bottom {
    flex-wrap: wrap;
  }

  .search-name {
    font-size: 15px;
    line-height: 1.2;
  }

  .actions-collection {
    border-radius: 3rem;
  }

  .text-align-center-2.hero-section {
    margin-top: -6.3rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-6.is-footer-form {
    width: 6rem;
  }

  .container-medium.footer-section {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-height: none;
    display: grid;
  }

  .container-medium.footer-section._5rem-corners {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

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

  .footer_credit-text {
    text-align: center;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .signup-form_form-block {
    align-self: center;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .signup-form_form {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .search-cms-item {
    display: flex;
  }

  .no-results {
    display: none;
  }

  .search-input {
    padding-left: 33px;
    font-size: 16px;
  }

  .search-input::placeholder {
    font-size: 12px;
  }

  .fn-button-secondery {
    width: 100%;
  }

  .paragraph-core.very-small {
    margin-bottom: 0;
    font-size: .7rem;
  }

  .paragraph-core.blue-special {
    padding: 1rem;
  }

  .paragraph-core.large {
    color: var(--telos-white);
    font-size: .85rem;
  }

  .paragraph-core.large.black {
    margin-bottom: 5px;
    font-size: .9rem;
  }

  .paragraph-core.text-left-align {
    column-count: 1;
    width: 100%;
  }

  .length.white {
    display: none;
  }

  .fn-author-image {
    flex: none;
  }

  .fn-author-wrapper {
    font-size: 14px;
  }

  .fn-button {
    width: 100%;
  }

  .fn-legal-links-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .fn-links-wrapper {
    margin-bottom: 12px;
  }

  .rl_footer3_bottom-wrapper.text-style-muted {
    grid-row-gap: 1rem;
  }

  .rl_footer3_menu-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grit-border-block {
    border-right-width: 1px;
  }

  .grit-border-block.l {
    border-top-right-radius: .5rem;
    border-bottom-left-radius: 0;
    max-width: 100vw;
  }

  .grit-border-block.right-corners {
    border-radius: 0;
  }

  .grit-border-block.m {
    border-left-width: 1px;
    border-right-width: 1px;
  }

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

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .search-cms-item-2 {
    display: flex;
  }

  .hero-search-item-2 {
    width: 100%;
    min-width: auto;
  }

  .search-item-2 {
    grid-template-columns: 1fr .75fr;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .prep-time-wrapper-2 {
    flex-wrap: wrap;
  }

  .back-to-top_container-2 {
    display: none;
  }

  .chapter {
    justify-content: flex-start;
    margin-top: 250px;
  }

  .icon._1rem.mystory-arrow {
    opacity: 1;
    text-align: center;
    display: block;
  }

  .rl_blogpost1_author-wrapper {
    margin-bottom: 1rem;
  }

  .rl_blogpost1_tag-list {
    justify-content: flex-start;
  }

  .rl_blogpost1_tag-list-wrapper {
    width: 100%;
  }

  .rl_blogpost1_share-wrapper {
    width: 100%;
    margin-bottom: 2rem;
  }

  .rl_blogpost1_content-bottom, .blog-essentials {
    flex-direction: column;
    align-items: flex-start;
  }

  .darkening-50 {
    background-color: #0b0c0ee0;
    border-radius: 0;
  }

  .darkening-50.white {
    background-color: #d4d4d4cc;
  }

  .border {
    border-width: 0 0 1px;
    display: flex;
  }

  .underline-link, .underline-link.hide {
    display: none;
  }

  .telos-font-footer {
    width: 100%;
    max-width: none;
    height: 5rem;
    margin-top: -6px;
    margin-left: 0;
    display: block;
  }

  .telos-text-logo-footer {
    overflow: visible;
  }

  .menu-right-section {
    display: none;
  }

  .hero-text-9 {
    letter-spacing: 0;
    font-size: 2rem;
    line-height: 3rem;
  }

  .depth-effect {
    min-width: 100%;
    height: 20rem;
  }

  .category-text.text-color-bblack {
    font-size: .6rem;
  }

  .corner {
    bottom: -16%;
  }

  .footer-link {
    border-bottom-width: .3rem;
    font-size: 1em;
    line-height: .7;
  }

  .blog-svg {
    width: 50em;
    margin-top: -4em;
  }

  .footer-text-wrapper {
    margin-top: 24em;
  }

  .central-mockup-wrapper {
    z-index: 0;
  }

  .pyaterka-mock-right {
    width: 56em;
    height: 100em;
    bottom: -38em;
    right: -4em;
  }

  .caption-2, .caption-2.text-secondary {
    font-size: 3.1em;
  }

  .main-grid {
    grid-row-gap: 16px;
    grid-template-rows: 86em 64.5em 128em 128em 128em 86em 86em 86em 86em 128em;
    grid-auto-rows: 600px;
    margin-top: 16px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .underline {
    height: .1em;
  }

  .body-text {
    font-size: 3.1em;
  }

  .body-text.text-secondary.gib-desc-width {
    width: 100%;
  }

  .section-footer.body-text.caps.diff {
    mix-blend-mode: difference;
  }

  .section-footer.body-text.caps.posa.cta-left {
    display: block;
  }

  .spy-club-mock-left {
    width: 40em;
    height: 110em;
    bottom: -44em;
    left: 1em;
  }

  .tinkoff-logo {
    width: 28em;
    height: 32em;
  }

  .design-career {
    width: 62em;
    margin-bottom: 20px;
  }

  .pyaterka-mock-left {
    width: 56em;
    height: 100em;
    bottom: -53em;
    left: -4em;
  }

  .contacts-text {
    text-align: left;
    white-space: normal;
    font-size: 32em;
    line-height: .9;
  }

  .gib-mock {
    margin-top: 12em;
  }

  .spy-club-mock-right {
    width: 40em;
    top: 80em;
    right: 0;
  }

  .heading-9 {
    font-size: 16em;
  }

  .hero-3d-top-text-section {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-body {
    margin-left: 0;
    margin-right: 0;
  }

  .footer1_form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .footer1_menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer1_top-wrapper {
    grid-row-gap: 48px;
  }

  .padding-vertical-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .rl_blogpost1_author-wrapper-2 {
    margin-bottom: 1rem;
  }

  .rl_blogpost1_tag-list-2 {
    justify-content: flex-start;
  }

  .rl_blogpost1_tag-list-wrapper-2 {
    width: 100%;
  }

  .rl_blogpost1_share-wrapper-2 {
    width: 100%;
    margin-bottom: 2rem;
  }

  .rl_blogpost1_content-bottom-2, .rl_blogpost1_content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-block-27 {
    justify-content: center;
    margin-top: 0;
    position: static;
  }

  .collection-item-blog {
    width: 98vw;
  }

  .collection-item-blog.out-of-6 {
    width: 90vw;
  }

  .collection-item-blog.slide {
    width: 330px;
    position: relative;
  }

  .light-bar {
    width: 200%;
    margin-bottom: -420px;
    left: -50%;
  }

  .trigger {
    top: 50px;
  }

  .illustrations {
    width: 100vw;
    height: 60vh;
    position: absolute;
    top: -2.6rem;
  }

  .image-67._3d-turn {
    left: 16%;
  }

  .books._3d-turn-right {
    top: 22px;
    left: 86px;
  }

  .search._3d-turn-right {
    top: 78px;
  }

  ._3d-turn.references {
    top: -2%;
  }

  ._3d-turn-right.community {
    top: 103px;
  }

  .right {
    right: 12%;
  }

  .image-68 {
    margin-top: -12.5rem;
  }

  .image-70._3d-turn-right {
    margin-top: -76px;
    top: -22px;
  }

  .application-cliffhanger {
    width: 100vw;
    max-width: 100vw;
    display: block;
    overflow: visible;
  }

  .headline-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .molucle-housing {
    width: 100px;
    margin-left: 10px;
  }

  .molucle-housing.profile-picture {
    width: 150px;
    height: 200px;
    position: relative;
    top: 0;
  }

  .section-seperation-line-2, .section-seperation-line-2.big {
    margin-top: 20px;
  }

  .heading-19 {
    margin-right: .5rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .moving-background {
    border-radius: 0;
    max-height: 100vh;
    margin-bottom: 0;
    top: 0;
    bottom: 0;
  }

  .div-block-167 {
    top: 0;
  }

  .hero-image {
    width: 800px;
    max-height: 100vh;
    margin-top: 28vh;
    margin-left: 5.1rem;
  }

  .how-to-s {
    grid-column-gap: 1rem;
    flex-direction: row;
    overflow: scroll;
  }

  .step {
    width: 100px;
    height: 100px;
  }

  .form-block-4 {
    width: 95vw;
  }

  .div-block-190 {
    align-self: stretch;
    max-width: 100%;
    margin-right: 1rem;
  }

  .text-block-35 {
    align-self: center;
  }

  .hamburger-menu-2-0 {
    z-index: 10;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    margin-right: 5px;
    transition: all .3s;
    display: block;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .hamburger-menu-2-0:active {
    background-color: #ffffff24;
    border-radius: 9px;
    width: 40px;
    height: 40px;
    inset: 0% 0% auto auto;
  }

  .menu-button {
    z-index: 100;
    transform: scale3d(1none, 1none, 1none);
    padding-left: .5rem;
    padding-right: .5rem;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .heading-21 {
    font-size: .7rem;
  }

  .step-text {
    font-size: .8rem;
    line-height: .8rem;
  }

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

  .frequently-asked-questions {
    display: none;
  }

  .card_front-content {
    justify-content: center;
  }

  .card_img {
    min-height: 12rem;
  }

  .cards-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: center;
    display: flex;
  }

  .card_logo {
    width: 6rem;
    font-size: 0;
  }

  .card_component {
    justify-items: start;
    padding-bottom: 2.5rem;
  }

  .the-hook {
    display: none;
  }

  .the-hook.new.light-bbg {
    padding-left: 30px;
    padding-right: 30px;
  }

  .core-button-inner:hover {
    color: var(--telos-white);
  }

  .core-button-inner.text {
    align-self: stretch;
    height: auto;
    max-height: none;
    display: flex;
  }

  .core-button-inner.discord.max-length {
    justify-content: center;
    align-items: center;
  }

  .core-button-inner.absolute {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }

  .card-img {
    position: relative;
  }

  .card_traits-icon-wrapper {
    display: none;
  }

  .card_side.is-back {
    padding: 6rem 1.5rem 1.5rem;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .card_side.is-front {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .card_cta-wrapper {
    inset: auto auto .5rem .5rem;
  }

  .card_cta-wrapper.is-back {
    bottom: 2rem;
    left: 1.5rem;
  }

  .company-position {
    margin-bottom: 1.5rem;
  }

  .card_traits-list {
    grid-column-gap: .5rem;
    grid-row-gap: 1rem;
  }

  .card_stamp-wrapper {
    width: 3.4rem;
  }

  .heading-type {
    font-size: .75rem;
  }

  .card_wrapper {
    width: 19rem;
    height: 29.5rem;
  }

  .card_traits-item {
    grid-column-gap: .5rem;
  }

  .section_tip {
    overflow: visible;
  }

  .page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-size-medium-4 {
    font-size: 1rem;
  }

  .typedjs-simple.heading-small {
    font-size: 1.5rem;
  }

  .submit-button-true {
    height: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
    font-size: .6rem;
    position: relative;
  }

  .default {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .front-back-txt-anim_component {
    height: 24rem;
  }

  .front-back-txt-anim_img-decor {
    width: 2.7rem;
  }

  .nav_wrapper {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

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

  .front-back-txt-anim_img {
    background-color: #0000;
    background-image: linear-gradient(#8f00ff82, #8f00ff82), url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/64288d05f48759e934b684d0_Frame%2018.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    width: 70%;
    max-width: 10rem;
  }

  .icon-1x1-xsmall-2.text-color-white {
    z-index: -1;
    position: relative;
  }

  .page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tip-title, .hide-mobile-portrait {
    display: none;
  }

  .confetti-button.is-footer-form {
    width: 6rem;
  }

  .confetti-button.is-footer-form.main {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .spacer-copy {
    height: auto;
    min-height: 100vh;
    padding-bottom: 5rem;
  }

  .large-version {
    width: 3rem;
    height: 3rem;
    position: relative;
  }

  .telos-app-logo-large {
    position: relative;
  }

  .telos-text-logo-footer-large {
    flex: 1;
    align-self: center;
    overflow: visible;
  }

  .virus-of-doubt.no-background._5rem {
    width: auto;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .progres-bar-2 {
    width: 100%;
    margin-right: 8px;
  }

  .progres-bar-2.card-bar.big-volume {
    flex-flow: column;
  }

  .skill-header {
    margin-bottom: 0;
  }

  .card-text {
    font-size: 14px;
  }

  .card__header {
    margin-bottom: 16px;
  }

  .heading-31 {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .progress-bar__content-4 {
    width: 14%;
  }

  .progress-bar__content-4._4.large._2.color-2, .card__skills-container {
    flex-flow: column;
    display: flex;
  }

  .statisic-numbers {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 2rem;
  }

  .statisic-numbers.counterup2 {
    letter-spacing: -5px;
    letter-spacing: 0;
  }

  .statisic-numbers.psychology.special {
    letter-spacing: -3px;
    width: 36px;
  }

  .statisic-numbers.psychology.usage {
    letter-spacing: -4px;
  }

  .statisic-numbers.psychology.usage.counterup4.width-set {
    width: 6rem;
  }

  .statisic-numbers.psychology.anxiety-depression {
    letter-spacing: -3px;
  }

  .hole-container {
    margin-bottom: 24px;
  }

  .card-layout {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    padding: 16px 24px;
  }

  .card-layout.jakbibucd {
    width: 100%;
    overflow: hidden;
  }

  .card-layout.jakbibucd.intro {
    justify-content: center;
    align-items: flex-end;
  }

  .number-text {
    font-size: 14px;
  }

  .number-text.special {
    font-size: .7rem;
    line-height: 1rem;
  }

  .eating-away {
    width: 14%;
  }

  .masking-layers {
    flex-flow: row;
  }

  .deck-of-four.griddy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: stretch;
    display: grid;
  }

  .card__header-copy {
    grid-row-gap: .5rem;
    margin-bottom: 16px;
  }

  .rigth-section.rl-container-medium {
    margin-right: .5rem;
  }

  .rigth-section.rl-container-medium.extra {
    padding-right: 1rem;
  }

  .heading-34.shorter-width {
    font-size: 2rem;
    line-height: 3rem;
  }

  .section-text-gradient-effect {
    padding-right: 0;
  }

  .text-effect-text.quote-by {
    max-width: none;
    margin-bottom: 1rem;
  }

  .text-effect-text.quote-life {
    max-width: none;
  }

  .telos-is-coming {
    display: none;
  }

  .fade-in-animation-block {
    width: 100%;
  }

  .text-block-40 {
    font-size: 34px;
    line-height: 34px;
  }

  .download-the-app-reminder {
    display: none;
  }

  .download-the-app-reminder.show-mobile {
    display: block;
  }

  .youtube-play {
    width: 9rem;
  }

  .pause {
    width: 2rem;
  }

  .div-block-3231 {
    background-position: 70%;
  }

  .slider-3 {
    width: 400px;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .compartment-section {
    min-width: 2rem;
    padding-left: 5px;
    display: none;
  }

  .timeline_date-text {
    text-align: right;
    font-size: .75rem;
  }

  .div-block-3241 {
    margin-left: auto;
  }

  .hero-1 {
    max-width: 10ch;
    margin-top: 0;
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .hero-2.thin {
    opacity: .45;
    margin-bottom: -21px;
  }

  .cta, .the-app {
    display: none;
  }

  .housing-numbers {
    max-width: none;
  }

  .minus-indication {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 3rem;
  }

  .div-block-3246 {
    width: auto;
    position: absolute;
  }

  .body-3-copy {
    background-color: #000;
  }

  .sectioin-title.huge-text.white.small-width {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .sectioin-title.huge-text.white.small-width.black.differeny {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 2rem;
  }

  .headline-title-copy {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

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

  .conatiner-for-messages {
    max-width: 100vw;
  }

  .div-block-3254 {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .repeat-sign-up {
    display: none;
  }

  .div-block-3258 {
    width: 90%;
  }

  .quote-william-james {
    display: none;
  }

  .heading-37 {
    font-size: 1rem;
  }

  .to-small-mobile {
    z-index: 500;
    background-color: var(--black-background);
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    height: 100%;
    padding-top: 5rem;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .div-block-3266 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .html-embed-8 {
    inset: 0%;
  }

  .horizontal-devider {
    flex-flow: wrap;
  }

  .second-line {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .switch {
    height: 50px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .knob {
    width: 40px;
    height: 40px;
  }

  .heading-38 {
    font-size: 3rem;
  }

  .hard-reality-1.black {
    font-size: 2rem;
    line-height: 2rem;
  }

  .f2 {
    font-size: 3rem;
  }

  .n {
    top: -16px;
  }

  .telos-clockwork {
    display: none;
  }

  .white-space._10rem.black {
    height: 5rem;
  }

  .mobile-appear {
    opacity: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .second-grey-title {
    font-size: 1rem;
  }

  .div-block-3294 {
    justify-content: center;
    align-self: stretch;
  }

  .div-block-3297 {
    align-self: stretch;
  }

  .div-block-3298 {
    grid-row-gap: 1rem;
    flex-direction: column;
    margin-top: 2rem;
  }

  .social-media-app-icon {
    width: 3.5rem;
    height: 3.5rem;
  }

  .delete {
    width: 1.5rem;
    height: 1.5rem;
  }

  .hero-title {
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: -33px;
  }

  .makee-memories {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .small {
    letter-spacing: -3px;
  }

  .small-text {
    font-size: 1.5rem;
  }

  .role-model {
    display: none;
  }

  .spline-hourglass {
    opacity: .85;
    width: 220vw;
    inset: 0% 0% 0% auto;
  }

  ._3d-scene.small {
    width: 130vw;
    height: 470px;
    margin-top: -3.5rem;
  }

  .main-link-white.button.white {
    width: 100%;
  }

  .form-input-4 {
    background-color: #ffffff1a;
  }

  .form-input-4::placeholder {
    color: #eeeeee59;
  }

  .form-input-4.is-text-area::placeholder {
    color: #ffffff59;
  }

  .success-message-6 {
    border-color: #407ffc;
  }

  .container-29 {
    -webkit-backdrop-filter: saturate(300%) blur(8px);
    backdrop-filter: saturate(300%) blur(8px);
    background-color: #1f1f1fb3;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    max-width: 100vw;
    margin-top: 300px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    box-shadow: 0 2px 50px #000;
  }

  .paragrraph-new {
    text-align: center;
    align-self: center;
  }

  ._3d-scene-form {
    align-self: center;
    height: 100vh;
    margin-top: -5.3rem;
    position: relative;
  }

  ._3d-scene-form.hide {
    display: none;
  }

  .div-block-3313 {
    justify-content: center;
    max-width: 100%;
    margin-top: 0;
    display: flex;
    position: fixed;
    top: 3rem;
  }

  .autograph-copy {
    width: 14rem;
    margin-top: 0;
  }

  .flex-block-4 {
    display: none;
  }

  .top-banner {
    height: auto;
  }

  .div-block-3314 {
    background-color: #fff3;
    border-radius: 20rem;
    align-self: center;
    width: 50px;
    height: 6px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hero-4 {
    max-width: 10ch;
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .darkening-overlay {
    display: none;
  }

  .core-button.large {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .exclusive-mit.center.special {
    justify-content: flex-start;
    align-items: stretch;
  }

  .apple-grid-block.mobile-portrait-hidden, .apple-grid-block.mobile-hidden, .apple-grid-block.tablet-hidden {
    display: block;
  }

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

  .new-cta {
    padding-bottom: 10rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .appear-visable {
    opacity: 1;
    height: 30vh;
    margin-top: 4rem;
    padding-top: 5px;
    display: none;
  }

  .message.image {
    position: absolute;
  }

  .chat-interface {
    height: 90vh;
    margin-top: 0;
    padding-top: 3.5rem;
  }

  .chat-structure {
    border-radius: 3rem;
    align-self: flex-start;
    height: 100vw;
    min-height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .chat-structure.interns {
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .autograph-copy {
    width: 10rem;
  }

  .post-it-note {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .text-block-50 {
    color: #f4f4f466;
    text-align: left;
    font-size: .6rem;
    line-height: 1rem;
  }

  .button-11 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-span-44 {
    color: #f4f4f466;
    text-align: center;
  }

  .cta-early-access {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .text-span-46 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .flex-block-7 {
    flex-flow: wrap;
  }

  .opening-slide-in-div {
    padding-left: 0;
    padding-right: 0;
  }

  .card_wrapper-2 {
    width: 18rem;
  }

  .heading-type-2 {
    font-size: .75rem;
  }

  .card-img-2 {
    height: 9rem;
  }

  .card_side-2 {
    height: 33rem;
  }

  .card_side-2.is-back {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .back-pointer {
    inset: auto auto .5rem .5rem;
  }

  .back-pointer.is-back {
    bottom: 2rem;
    left: 1.5rem;
  }

  .upgraded-cards {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .university {
    position: relative;
  }

  .button-housing {
    display: flex;
  }

  .button-housing.centre {
    flex-flow: row;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
  }

  .moveable-cards {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    grid-template-columns: .25fr;
    grid-template-areas: "."
                         "Area";
    place-content: start center;
    align-self: center;
    align-items: center;
  }

  .flex-block-8 {
    align-self: stretch;
  }

  .div-block-3324 {
    width: 14rem;
    height: 28rem;
  }

  .div-block-3328 {
    margin-bottom: 2rem;
  }

  .div-block-3329 {
    width: 3rem;
    height: 3rem;
    position: absolute;
    inset: -29% 0% 0% -33%;
  }

  .h-cta-top-section {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .seperation-line-verticale {
    display: none;
  }

  .fn-button-secondery-2 {
    width: 100%;
  }

  .bottom-section-blog {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1rem .5rem 1rem 1rem;
  }

  .blog-card {
    height: 100%;
  }

  .book-main-link {
    margin-top: 3rem;
    position: relative;
    bottom: 1rem;
  }

  .book-main-link.portfolio-card {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: center;
    width: 100%;
    display: flex;
  }

  .fn-blog-slider-2 {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fn-container-grid-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-post-structure {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .blog-post-item {
    height: auto;
    padding-left: 0;
  }

  .core-blog-collection-component {
    padding-right: 3rem;
  }

  .flex-block-17 {
    height: auto;
    margin-top: 3rem;
  }

  .heading-51 {
    position: relative;
    top: 0;
  }

  .flex-block-18 {
    display: none;
  }

  .amazing-sticky-header {
    padding-top: 0;
  }

  .rl-heading-style-h2-copy-mobile {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .seperation-line-nav {
    margin-top: 0;
    inset: auto 0% 1px;
  }

  .seperation-line-nav.footer {
    position: absolute;
  }

  .heading-52 {
    line-height: 3rem;
  }

  .text-block-52 {
    max-width: 50%;
    font-size: .7rem;
    line-height: 1rem;
  }

  .flex-block-19 {
    padding-right: 1rem;
    position: relative;
  }

  .iphone-oinous-reveal {
    background-position: 50% 0;
    background-size: 300%;
    width: 100vw;
    bottom: 0%;
  }

  .text-span-50 {
    font-size: 4rem;
  }

  .felix-meritis-profile.blog {
    width: 2.5rem;
  }

  .seperation-line-blog {
    overflow: hidden;
  }

  .seperation-line-blog.footer {
    position: absolute;
  }

  .seperation-line-blog-relative {
    margin-top: 49px;
  }

  .seperation-line-blog-relative.footer {
    position: absolute;
  }

  .porfolio--hero {
    padding-top: 5rem;
  }

  .slider-gallery_button.my-journey.extra {
    display: none;
  }

  .slider-bg_component {
    height: auto;
    position: relative;
  }

  .swiper-slide.is-slider-titles {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-end;
    align-items: center;
  }

  .swiper-slide.is-slider-bg {
    height: 100%;
  }

  .swiper.is-slider-bg {
    height: auto;
    position: relative;
  }

  .slider-gallery_bottom-wrapper {
    margin-top: -4.5rem;
  }

  .swiper-wrapper.is-slider-bg {
    height: 63vw;
  }

  .slider-titles_heading {
    color: var(--telos-white);
    -webkit-text-stroke-width: 0px;
    text-shadow: none;
    font-size: 3em;
    line-height: 3rem;
  }

  .slider-bg_img {
    border-radius: 1rem;
    height: 100%;
    overflow: hidden;
  }

  .wrapper._1rem {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .insane-title {
    max-width: none;
    font-size: 3vh;
    line-height: 111%;
  }

  .flex-block-24 {
    height: auto;
    margin-bottom: 2rem;
    transform: rotateX(35deg)rotateY(0)rotateZ(0);
  }

  .safari-header-ui.top {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    height: 1.2rem;
  }

  .search-ui {
    max-width: 100px;
  }

  .cards-highlights {
    height: 60vh;
  }

  .cards-highlights.mobile-portrait-hidden, .cards-highlights.mobile-hidden, .cards-highlights.tablet-hidden {
    display: block;
  }

  .cards-highlights.align-left.v-stack, .cards-highlights.align-left.h {
    height: auto;
  }

  .cards-highlights.align-top {
    height: auto;
    min-height: auto;
  }

  .cards-highlights.align-top.flex {
    height: auto;
    min-height: 11rem;
  }

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

  .skill-grid.contained {
    flex-flow: column;
    grid-template-rows: 1fr auto auto .75fr auto 1fr .25fr;
    grid-template-columns: 2fr;
    display: flex;
  }

  .investor-grid-2.contained {
    grid-template-columns: 1fr;
  }

  .c-autotabs_image.cc-pane-crypto-mobile {
    width: auto;
    height: auto;
    margin-right: 0;
    position: static;
    transform: translate(16px);
  }

  .c-title-3 {
    font-size: 20px;
    line-height: 34px;
  }

  .outer-progress {
    left: 25px;
  }

  .tab-text-box.w--current {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .portfolio-headers {
    flex-flow: column;
  }

  .text-block-portfolio.slide {
    position: relative;
    inset: 0%;
  }

  .portfolio-header.black {
    font-size: 2rem;
    line-height: 2rem;
  }

  .portfolio-header.cool-gradient {
    text-align: left;
  }

  .portfolio-header.cool-gradient.lefttext--align.about-me-title {
    font-size: 2rem;
  }

  .service-setup {
    width: 7rem;
  }

  .bottom-hero-section {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    padding-top: 1rem;
    padding-bottom: 5rem;
    display: grid;
  }

  .contact-me-button-tetx {
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
  }

  .logo-catalogue {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .logo-catalogue.book-version {
    min-height: 13rem;
  }

  .logo1_logo.jogo, .logo1_logo.teal, .logo1_logo.pebble, .logo1_logo.rthm, .logo1_logo.toptal, .logo1_logo.growlabs, .logo1_logo.digitzen, .logo1_logo.nomu, .logo1_logo.i-am {
    padding-left: 0;
    padding-right: 0;
  }

  .image-132, .image-133 {
    width: 50px;
  }

  .design-asset {
    width: 23rem;
  }

  .design-asset.mobile {
    width: 7.9rem;
    height: 23.6rem;
    margin-bottom: -43px;
  }

  .design-asset.note {
    width: 23rem;
  }

  .row-work-highlight {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    margin-bottom: -19.2rem;
  }

  .row-work-highlight.last {
    margin-bottom: 32.2rem;
  }

  .row-work-highlight.note {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .horizontal-movement {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    margin-top: -11.1rem;
  }

  .image-136 {
    box-shadow: none;
    object-fit: cover;
    height: 4rem;
    padding-left: 2rem;
    overflow: visible;
  }

  .book {
    width: 16rem;
  }

  .mask-5 {
    width: 85%;
  }

  .slider-my-story {
    padding: 0;
  }

  .screen {
    object-fit: cover;
    width: auto;
  }

  .image-141 {
    width: 60px;
  }

  .image-142 {
    width: 80px;
  }

  .image-143 {
    width: 60px;
  }

  .image-144 {
    left: 71%;
  }

  .image-145 {
    width: 120px;
    left: 55%;
  }

  .image-146 {
    width: 40px;
  }

  .image-147 {
    width: 60px;
  }

  .image-148 {
    width: 50px;
  }

  .div-block-3355 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-top: 135%;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    position: absolute;
    inset: 0% 0% 0;
    overflow: scroll;
  }

  .hero-text-top {
    top: 5.5rem;
  }

  .placeholder-class {
    object-fit: fill;
    object-position: 50% 0%;
    border-radius: 0;
    height: 100%;
    margin-top: 1.3rem;
  }

  .core-portfolio-cta-button-new {
    width: 100%;
  }

  .main-special-button-section {
    justify-content: center;
    align-items: center;
  }

  .felix-meritis-headshot {
    object-fit: cover;
    object-position: 48% 60%;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    height: 110%;
    padding-top: 50px;
    display: flex;
    overflow: hidden;
  }

  .bg-blur-dark {
    background-color: #0000004d;
    width: 100%;
    height: 100%;
    inset: 0%;
  }

  .div-block-3358 {
    opacity: 0;
  }

  .felix-meritis-headshot-2 {
    object-position: 72% 50%;
  }

  .craft-highlight-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: block;
  }

  .bottom-hero-section-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: grid;
  }

  .dfhjfls {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1rem .5rem 1rem 1rem;
  }

  .different-button-thingy {
    aspect-ratio: 1;
    width: 2.5em;
  }

  .different-button-thingy.blue {
    height: 2.5em;
  }

  .div-block-3365 {
    margin-top: 5rem;
  }

  .div-block-3368 {
    width: 100%;
  }

  .div-block-3369 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .headshot-1 {
    object-fit: cover;
    object-position: 48% 60%;
    background-image: url("https://cdn.prod.website-files.com/637e79822c9acc271e04f632/6701866ac06cf9596943142a_aaaaa.png");
    background-position: 0 0;
    background-size: auto;
    width: 120vw;
    height: auto;
    margin-top: -23px;
    padding-top: 0;
    display: none;
    position: absolute;
    overflow: visible;
  }

  .headshot-1.mobile {
    object-position: 50% 50%;
    background-position: 54% 0;
    background-size: cover;
    width: 140vw;
    height: 100%;
    margin-left: -10vw;
    display: block;
    top: 16%;
  }

  .image-151 {
    width: 5px;
  }

  .writer-credits-h {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .block-quote-2 {
    font-size: 1.5rem;
  }

  .button-journey-slider, .button-journey-slider.left {
    display: none;
  }

  .negative-top {
    margin-top: -9vh;
  }

  .arrow._1rem.mystory-arrow, .arrow._1rem-y.mystory-arrow {
    opacity: 1;
    text-align: center;
    display: block;
  }

  .header {
    font-size: 1.5rem;
  }

  .header.enormous.no-wrapping {
    margin-bottom: 0;
  }

  .header.enormous.capitalised {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .header.blog {
    font-size: 1.2rem;
  }

  .fn-author-wrapper-2 {
    font-size: 14px;
  }

  .fn-author-image-2 {
    flex: none;
  }

  .fn-slide-item-wrapper-testimonial {
    padding: 16px;
  }

  .testimonials-stars {
    object-position: 0% 50%;
    height: 18px;
  }

  .c-title-3-copy {
    font-size: 20px;
    line-height: 34px;
  }

  .darkening-layer-spline {
    opacity: .5;
  }

  .heading-top-section._10rem.black {
    height: 5rem;
  }

  .heading-top-section._70vh {
    justify-content: flex-start;
    align-items: flex-end;
    height: 20vh;
  }

  .number-chapter.large.navigation {
    left: 1px;
  }

  .desktop-pages {
    margin-right: 0;
    display: none;
  }

  .main-header.first-2, .main-header.line-3 {
    font-size: 2.2rem;
  }

  .top-left-main-header {
    height: 75vh;
    padding-top: 6rem;
  }

  .chapter-text {
    position: relative;
  }

  .scroll-down {
    display: none;
  }

  .text-between {
    min-width: 2rem;
    padding-left: 5px;
  }

  .combined-timeblock {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .text-link {
    background-color: #000;
  }

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

  .sticky-vta-container.back-to-top {
    justify-content: center;
    align-items: center;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .middle-cta {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex: 0 auto;
  }

  .right-bottom-button, .white-spacing-left {
    display: none;
  }

  .progress-line-section-2 {
    margin-left: .5rem;
    margin-right: 1.1rem;
  }

  .left-block-timeline {
    margin-left: -5.05rem;
  }

  .ff {
    font-size: 3rem;
  }

  .text-effect-wrapper-2 {
    flex: 1;
  }

  .autogrpah-section {
    display: none;
  }

  .ending-youtbube.rl-container-medium {
    margin-right: .5rem;
  }

  .ending-youtbube.rl-container-medium.extra {
    padding-right: 1rem;
  }

  .number-text-2 {
    font-size: 14px;
  }

  .card-2 {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    padding: 16px 24px;
  }

  .card__skills-container-2 {
    flex-flow: column;
    display: flex;
  }

  .card-text-2 {
    font-size: 14px;
  }

  .skill-header-2 {
    margin-bottom: 0;
  }

  .card__header-2 {
    margin-bottom: 16px;
  }

  .rigth-section-2.rl-container-medium {
    margin-right: .5rem;
  }

  .progress-line-section-3 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .card__skills-container-3 {
    flex-flow: column;
    display: flex;
  }

  .compartment-section-2 {
    min-width: 2rem;
    padding-left: 5px;
  }

  .timeline_date-text-2 {
    text-align: right;
    font-size: .75rem;
  }

  .inner-button-top {
    display: none;
  }

  .core-button-housing:hover {
    color: var(--telos-white);
  }

  .core-button-housing.text {
    align-self: stretch;
    height: auto;
    max-height: none;
    display: flex;
  }

  .core-button-housing.discord.max-length {
    justify-content: center;
    align-items: center;
  }

  .core-button-housing.absolute {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }

  .border-top {
    flex: 1;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .border-top:hover {
    color: var(--telos-white);
    background-color: #305fbe;
  }

  .border-top.text {
    align-self: stretch;
    height: auto;
    max-height: none;
    display: flex;
  }

  .border-top.discord.max-length {
    justify-content: center;
    align-items: center;
  }

  .border-top.absolute {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }

  .signup-form_form-2 {
    grid-row-gap: .75rem;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .core-button-inner-2 {
    flex: 1;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .core-button-inner-2:hover {
    color: #e8e8e8;
    background-color: #305fbe;
  }

  .border-top-2 {
    flex: 1;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .border-top-2:hover {
    color: #e8e8e8;
    background-color: #305fbe;
  }

  .div-block-3390 {
    width: auto;
    position: absolute;
  }

  .core-button-housing-2 {
    flex: 1;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .core-button-housing-2:hover {
    color: #e8e8e8;
    background-color: #305fbe;
  }

  .signup-form_form-block-2 {
    align-self: center;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .spline-planet-earth {
    opacity: .85;
    width: 180vw;
    inset: 0% 0% 0% auto;
  }

  .header-lifespand {
    font-size: 14px;
  }

  .milestone-content {
    position: static;
  }

  .milestone-content.intro.slide {
    width: 100vw;
  }

  .spline-telos-app {
    opacity: .85;
    width: 100vw;
    height: 80vh;
    inset: auto 0% -25% -21px;
  }

  .cover-book {
    height: 9rem;
  }

  .caft {
    max-height: 2rem;
    top: -2px;
  }

  .h-two-section-blog {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .div-block-3402 {
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
  }

  .progress-line-section-blog {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .flex-block-32 {
    justify-content: flex-start;
    align-items: flex-end;
    padding-right: 0;
  }

  .progress-line-section-6 {
    z-index: 5;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .vh50-total-hight-container-2 {
    display: none;
  }

  .book-main-link-in-template.portfolio-card {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: center;
    width: 100%;
    display: flex;
  }

  .flex-block-33 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    margin-top: 7rem;
  }

  .div-block-3405 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .menu-button-core {
    z-index: 0;
    aspect-ratio: 1;
    transform: scale3d(1none, 1none, 1none);
    justify-content: center;
    align-items: center;
    width: auto;
    height: 4rem;
    display: flex;
  }

  .menu-button-core:active {
    opacity: .3;
  }

  .hamburger {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    transition: all .2s;
  }

  .mobile-burger-line-2 {
    background-color: var(--telos-white);
    height: 1px;
  }

  .mobile-burger-line-2.black {
    background-color: var(--black-background);
  }

  .mobile-burger-line-absolute {
    background-color: var(--telos-white);
    height: 1px;
  }

  .mobile-burger-line-absolute.black {
    background-color: var(--black-background);
  }

  .telos-logo-block {
    justify-content: center;
    align-items: center;
    height: 4rem;
    display: flex;
  }

  .nav-link-text {
    letter-spacing: 3px;
    border-radius: 999rem;
    width: 13rem;
    height: auto;
    padding: .5rem 1rem;
    font-size: .8rem;
    font-weight: 200;
    display: flex;
  }

  .nav-link-text:hover {
    background-color: #fff0;
  }

  .nav-link-text.w--current {
    color: var(--telos-primary-brand-color);
    display: flex;
  }

  .nav-link-text.logo {
    display: block;
  }

  .nav-link-text.search {
    display: none;
  }

  .nav-link-text.bag {
    display: block;
  }

  .nav-link-text.download {
    white-space: normal;
    padding-top: 10px;
    font-weight: 700;
    text-decoration: none;
  }

  .nav-link-text.schedule-today {
    border-color: #ffffff61;
    border-radius: 40px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    display: flex;
  }

  .nav-link-text.schedule-today.general {
    border-radius: 40px;
    width: 95vw;
    height: 50px;
    font-size: 20px;
  }

  .nav-link-text.black {
    color: var(--black-background);
  }

  .div-block-3409 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: absolute;
    inset: 0%;
  }

  .hide-mobile-extra {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .scroll-down-container {
    display: none;
  }
}

#w-node-_0030954e-0106-3d84-790c-ef76c2b76819-85e84280 {
  justify-self: stretch;
}

#w-node-b053c4b0-052d-1114-022f-3d7ed33cfe98-276b0731, #w-node-_65fac267-b243-b7b2-4a00-17d5d1f64fd7-276b0731, #w-node-_65fac267-b243-b7b2-4a00-17d5d1f64fda-276b0731, #w-node-_65fac267-b243-b7b2-4a00-17d5d1f64fdd-276b0731, #w-node-_99669cd8-4cea-bae0-f4af-985e79b28fb8-276b0731, #w-node-_58379446-fe7e-72ba-b5f2-2e3ee24e93cc-276b0731, #w-node-_58379446-fe7e-72ba-b5f2-2e3ee24e93cf-276b0731, #w-node-_58379446-fe7e-72ba-b5f2-2e3ee24e93d2-276b0731 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8833e4a8-5fc4-e529-bf03-128570099544-276b0731 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b043c28f-ee3b-ebb7-87b9-63c80834135f-b410b119 {
  align-self: start;
}

#w-node-afc08a49-1a15-5335-2c8f-0298b8f4ac98-b410b119, #w-node-f827e121-f137-cf87-c7a5-5373ce7d3ef6-b410b119 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5cd2942f-ddd0-3c41-f1e1-ca073e33d717-b410b119 {
  grid-area: 1 / 3 / 2 / 11;
}

#w-node-b3b6fd49-1f09-cfdb-d795-a156ac1c4da0-b410b119, #w-node-_28f103da-33c9-6ff0-1f61-2bd2178b9d9d-7210b13d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5bbbdfd6-e2f4-9c7e-5686-f6aea488d4db-7210b13d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3375db9-5850-ceee-9f81-c67443e6964a-7210b13d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c02b0e9c-9318-7f7e-3c33-69989d53d661-7210b13d {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_2cce6871-92cb-725e-4673-cb5f16e04125-7210b13d, #w-node-_16566224-bb66-ce02-5325-fe3a03c0f196-7210b13d, #w-node-_909460cc-60b9-fc8a-8945-d4bed8067fff-7210b13d, #w-node-_9d915a74-4b57-d370-b614-2b81a629e8aa-7210b13d, #w-node-_2d0171fc-6d9f-4e5c-b0ee-6b1f93ad4e12-0e10b142, #w-node-fe669d4d-6b44-39c4-00ff-02abacce44fc-0e10b142, #w-node-f9e67bf1-e7c4-4353-47dd-cbbb29e730a1-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45dfde06-09c8-9e46-289b-c65e74cd07be-0e10b142 {
  justify-self: stretch;
}

#w-node-_45dfde06-09c8-9e46-289b-c65e74cd07cb-0e10b142 {
  align-self: start;
}

#w-node-_45dfde06-09c8-9e46-289b-c65e74cd07ee-0e10b142 {
  justify-self: stretch;
}

#w-node-_45dfde06-09c8-9e46-289b-c65e74cd07fb-0e10b142 {
  align-self: start;
}

#w-node-_1d34968c-3a50-83de-c256-16630cfce799-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4a77b34d-5a71-ca3e-70b7-54be6c2cf4ac-0e10b142, #w-node-_4a77b34d-5a71-ca3e-70b7-54be6c2cf4b5-0e10b142 {
  align-self: center;
}

#w-node-_4a77b34d-5a71-ca3e-70b7-54be6c2cf4c9-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_4a77b34d-5a71-ca3e-70b7-54be6c2cf4cd-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6be142fd-5534-80e9-aeec-821ea6c54105-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_0b759525-3eda-5323-b741-8a218a96c65f-0e10b142 {
  align-self: stretch;
}

#w-node-ab9d8da6-6725-8ec5-8667-e03ba2859ee7-0e10b142 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5a9ae5b2-07b3-7fdb-0799-00b5e42b8c85-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab9d8da6-6725-8ec5-8667-e03ba2859ee9-0e10b142 {
  place-self: stretch center;
}

#w-node-_985b0f20-c2c2-9838-32ca-188206c236c0-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-_985b0f20-c2c2-9838-32ca-188206c236d3-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236d4-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236d5-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236d6-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236d7-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236d8-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236d9-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236da-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236db-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236e6-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236e7-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236e8-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236e9-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236ea-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236eb-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236ec-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236ed-0e10b142, #w-node-_985b0f20-c2c2-9838-32ca-188206c236ee-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_26ac5b9c-36fd-986a-ae38-1c2df3d7b86c-0e10b142 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_76495d0f-a91b-920a-3200-d78c4d3468ba-0e10b142 {
  place-self: center;
}

#w-node-d7861d8e-8041-0aca-c510-29fcd30231b9-c018910a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_7de64569-8db0-73d5-b243-5e886ecd67ce-c018910a {
  align-self: start;
}

#w-node-af0a2651-3de7-3e9e-5f77-e0b75524f546-c018910a, #w-node-_69045103-6762-3fbe-f8b4-488d3f8249d4-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad3032db-cd10-85a9-eb47-d16f5c570680-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-f808c51c-eae3-92a3-b5dc-683d1b537616-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25ca27fe-8540-fac8-faff-653fdd2ce8fa-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c3021a7a-094e-fd54-ac55-5a99b1f31d1d-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd211dbf-8d58-8e92-8eda-3f1505389ec9-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-cd211dbf-8d58-8e92-8eda-3f1505389ecb-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb5ab214-e729-8f08-73e0-5bf6cec3dece-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-cb5ab214-e729-8f08-73e0-5bf6cec3ded0-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4741a9f9-b8f9-60b0-0e64-c3a9ec3f63af-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4741a9f9-b8f9-60b0-0e64-c3a9ec3f63b1-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_590d985b-df43-a687-521e-0d43596a656d-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_590d985b-df43-a687-521e-0d43596a656f-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e6e6007-77c9-07a1-9b14-1b6b4366f70d-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_1e6e6007-77c9-07a1-9b14-1b6b4366f70f-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d9f3b24-8462-757f-7111-5657cef24e91-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_6d9f3b24-8462-757f-7111-5657cef24e93-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b935c1a-c934-77b5-9959-8948e20fe9c6-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2b935c1a-c934-77b5-9959-8948e20fe9c8-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b089dae-f763-c746-dec2-15a113eec12a-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2b089dae-f763-c746-dec2-15a113eec12c-c018910a, #w-node-_2063490c-2bec-71a6-4d76-500ef4e1b7d9-c018910a, #w-node-a40d94f2-a830-b403-3946-5c04dae5a31c-c018910a, #w-node-d3230483-a351-3ca8-aa99-9c5637b24cb2-c018910a, #w-node-_2be23d7e-a846-faea-870a-9cf0dc5e33b5-c018910a, #w-node-_2be23d7e-a846-faea-870a-9cf0dc5e33b6-c018910a, #w-node-a3a40ab8-c455-36af-944d-c6e0f8028a2f-c018910a, #w-node-a3a40ab8-c455-36af-944d-c6e0f8028a30-c018910a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b1-e10987f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_132b8501-506b-50ac-6e7d-dbbd6e1ecbee-e10987f7, #w-node-_63313866-7ba4-b81d-3274-2eacecbe85a7-e10987f7, #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b2-e10987f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b3-e10987f7 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#First-Name-3.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0c0-e10987f7 {
  align-self: center;
}

#Email-4.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0c2-e10987f7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Profile-Picture-Link.w-node-_38782cd7-c426-e1c8-8940-904d8ef7e5c3-e10987f7, #Quotation.w-node-_778b9844-567f-a4a3-222a-3fe4a6a7c3ad-e10987f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Content-Name.w-node-dc3b82a4-7f5e-56e2-1b5d-e4f5b2fa5743-e10987f7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Content-Reference-Link.w-node-_0f506360-ae7f-5163-365d-905a225048dd-e10987f7, #Websitee.w-node-bd3ecb1f-f930-623c-08c0-e1a49d8e6e9e-e10987f7, #LinkedIn.w-node-cfb4470c-07c2-0dbe-73bc-bba7f5bc20c9-e10987f7, #Public-email.w-node-a79fd905-0395-232b-b7a0-56790368244b-e10987f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#field-2.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e8-e10987f7, #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e9-e10987f7, #w-node-a1c56956-fa71-552a-4fdc-9729709775d0-0eca3121 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e07e9890-7045-f999-6ec9-0b18cde409a5-0eca3121 {
  grid-column: span 1 / span 1;
  grid-row-start: span 3.2;
  grid-row-end: span 3.2;
}

#w-node-_41a10311-2fb9-c7fd-e369-ae45e52bbd8c-0eca3121 {
  justify-self: end;
}

#w-node-_49e056ec-208a-9cb1-3bb7-7a035eb4a703-0eca3121 {
  justify-self: center;
}

#w-node-_3a5b36db-6125-982d-8648-84428f9c5b5c-0eca3121 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1c56956-fa71-552a-4fdc-9729709775e4-0eca3121 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center;
}

#w-node-a1c56956-fa71-552a-4fdc-97297097763a-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-97297097763e-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-972970977642-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-972970977646-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-97297097764a-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-97297097764e-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-972970977652-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-972970977656-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-97297097765a-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-97297097765e-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-972970977662-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-972970977666-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-97297097766a-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-97297097766e-0eca3121, #w-node-a1c56956-fa71-552a-4fdc-972970977672-0eca3121 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-a0f8afcd-b255-bd2b-3112-831ba27ba9c6-2d209338, #w-node-_4cf3f3ed-1c86-f274-25cd-5587ffd74eda-ffd74ed5, #w-node-f096c056-2de0-def3-ef6b-3b742fb45010-2fb4500c, #w-node-_68cd08db-bbb0-492b-023b-00e96ffb9ec1-6ffb9ebf, #w-node-_68cd08db-bbb0-492b-023b-00e96ffb9ed0-6ffb9ebf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b1-3629ec65, #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b2-3629ec65 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b3-3629ec65 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#Your-Name.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0c0-3629ec65 {
  align-self: center;
}

#Email-4.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0c2-3629ec65, #Content-Name.w-node-dc3b82a4-7f5e-56e2-1b5d-e4f5b2fa5743-3629ec65, #Type.w-node-d66880a3-883f-5047-6f33-336be70c8bcd-3629ec65, #Content-Reference-Link.w-node-_0f506360-ae7f-5163-365d-905a225048dd-3629ec65, #Description.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e8-3629ec65, #Lists.w-node-be2e019d-b8b4-d148-67d4-9ca989747bc6-3629ec65 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Personal-Message.w-node-_70c3e0f9-fa60-72f6-0309-1a6a5b6e3884-3629ec65 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e9-3629ec65 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-_22110058-d7fa-db15-4799-e4b79cebf245-5cdbed57 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc055f-9e08fbed, #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc0570-9e08fbed {
  justify-self: stretch;
}

#w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc0581-9e08fbed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc0592-9e08fbed, #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05a9-9e08fbed, #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05d4-9e08fbed {
  justify-self: stretch;
}

#w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05c1-9e08fbed {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a3b-9e08fbed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a87-9e08fbed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_750a3423-b57e-dfdf-0d3f-e15ede186abf-9e08fbed, #w-node-_47a591fb-5658-a542-af3f-5c323f95b879-9e08fbed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47a591fb-5658-a542-af3f-5c323f95b87b-9e08fbed {
  grid-column: span 1 / span 1;
  grid-row-start: span 3.2;
  grid-row-end: span 3.2;
}

#w-node-_47a591fb-5658-a542-af3f-5c323f95b88f-9e08fbed {
  justify-self: end;
}

#w-node-_47a591fb-5658-a542-af3f-5c323f95b89c-9e08fbed {
  justify-self: center;
}

#w-node-_47a591fb-5658-a542-af3f-5c323f95b8b3-9e08fbed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47a591fb-5658-a542-af3f-5c323f95b8b8-9e08fbed {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: center;
}

#w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c23e-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c244-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c246-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c24c-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c24e-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c254-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c256-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c25c-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c25e-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c264-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c266-1fb0b195, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c26c-1fb0b195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1b6-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1bc-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1be-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1c4-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1c6-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1cc-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1ce-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1d4-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1d6-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1dc-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1de-b2ebf195, #w-node-_668444ea-40f3-f723-0c42-8222b2ebf1e4-b2ebf195 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e03e2a80-e622-f718-ca57-2de217997dfd-17997de8 {
  justify-self: stretch;
}

#w-node-_222fe2fc-f7f0-58c6-e5c6-01fdaa5c1357-eaed7721 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-_76ccb94b-a530-7ec7-6059-aa6ed2a30608-eaed7721 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1452e791-8404-8df9-aedc-df79d5d7ce98-eaed7721 {
  place-self: stretch end;
}

#w-node-afd07e55-0fb0-30c0-9075-7474e71681dd-eaed7721 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4aed-eaed7721 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4af5-eaed7721 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4af7-eaed7721 {
  align-self: start;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4afc-eaed7721 {
  align-self: center;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b18-eaed7721, #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b21-eaed7721 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b2a-eaed7721 {
  grid-area: span 2 / span 6 / span 2 / span 6;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b35-eaed7721 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b3e-eaed7721 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b72-eaed7721 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c23e-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c244-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c246-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c24c-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c24e-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c254-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c256-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c25c-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c25e-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c264-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c266-eaed7721, #w-node-_6bf1dcfd-14e1-d30a-235b-056bc3a5c26c-eaed7721 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_996f745e-6242-021d-9bef-f2e5ff78b932-ff78b932 {
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_5cd2942f-ddd0-3c41-f1e1-ca073e33d717-b410b119 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-_985b0f20-c2c2-9838-32ca-188206c236c0-0e10b142 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start;
  }

  #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b3-e10987f7, #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b3-3629ec65 {
    grid-column: span 3 / span 3;
  }

  #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc054f-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc055f-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc0570-9e08fbed, #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc0581-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05a9-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05d4-9e08fbed {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05c1-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a3b-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a50-9e08fbed, #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a61-9e08fbed, #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a87-9e08fbed, #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a98-9e08fbed {
    justify-self: stretch;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186aae-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186abf-9e08fbed {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_222fe2fc-f7f0-58c6-e5c6-01fdaa5c1357-eaed7721 {
    grid-column: span 8 / span 8;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b2a-eaed7721 {
    grid-area: span 2 / span 6 / span 2 / span 6;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b3e-eaed7721, #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b72-eaed7721 {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5cd2942f-ddd0-3c41-f1e1-ca073e33d717-b410b119 {
    grid-column: span 4 / span 4;
  }

  #w-node-ab9d8da6-6725-8ec5-8667-e03ba2859ee9-0e10b142, #w-node-_76495d0f-a91b-920a-3200-d78c4d3468ba-0e10b142 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b3-e10987f7 {
    grid-column: span 4 / span 4;
  }

  #field-2.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e8-e10987f7, #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e9-e10987f7 {
    grid-column: span 1 / span 1;
  }

  #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0b3-3629ec65 {
    grid-column: span 4 / span 4;
  }

  #Type.w-node-d66880a3-883f-5047-6f33-336be70c8bcd-3629ec65, #Description.w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e8-3629ec65, #Lists.w-node-be2e019d-b8b4-d148-67d4-9ca989747bc6-3629ec65, #Personal-Message.w-node-_70c3e0f9-fa60-72f6-0309-1a6a5b6e3884-3629ec65, #w-node-_30d9bb71-b95f-0c68-608d-1f532cd4c0e9-3629ec65 {
    grid-column: span 1 / span 1;
  }

  #w-node-_19f06fd3-0aa1-7af7-c2ad-f1f5e60d2eb8-9e08fbed {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_19f06fd3-0aa1-7af7-c2ad-f1f5e60d2eba-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09b8-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09bc-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09bf-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09c2-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09c5-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09c8-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09cb-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09ce-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09d1-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09d4-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09d7-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09da-9e08fbed, #w-node-_0da7f6ae-0ae6-57ea-f014-fb6504fe09dd-9e08fbed {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede18699a-9e08fbed {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede18699c-9e08fbed {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3e103788-f57b-8c43-d290-53ef8e02d8f3-9e08fbed {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-fa70d4e8-1085-f248-569f-ca042b3cba61-9e08fbed, #w-node-_3e103788-f57b-8c43-d290-53ef8e02d8ef-9e08fbed {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c78c1506-f23f-2864-60d7-3bed599b5454-9e08fbed {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-c78c1506-f23f-2864-60d7-3bed599b5507-9e08fbed {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ec947bae-108b-0c80-8f42-53d43238f7a0-9e08fbed, #w-node-ea7e50af-449d-087c-f0ca-be375588d37c-1fb0b195 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_222fe2fc-f7f0-58c6-e5c6-01fdaa5c1357-eaed7721 {
    grid-column: span 4 / span 4;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4aed-eaed7721 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4af5-eaed7721 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b18-eaed7721 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b21-eaed7721 {
    grid-area: span 2 / span 4 / span 2 / span 4;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b2a-eaed7721, #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b35-eaed7721, #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b3e-eaed7721, #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b72-eaed7721 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b053c4b0-052d-1114-022f-3d7ed33cfe92-276b0731 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_22c4fdd1-b753-2718-e69a-2134195eb87d-276b0731, #w-node-_2c0c3f27-d409-368e-4892-8824673164f3-276b0731 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8833e4a8-5fc4-e529-bf03-128570099544-276b0731, #w-node-c02b0e9c-9318-7f7e-3c33-69989d53d661-7210b13d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-fd134ba6-d5c8-a125-adff-e003b18995f9-b18995f6 {
    justify-self: end;
  }

  #w-node-_22110058-d7fa-db15-4799-e4b79cebf245-5cdbed57 {
    justify-self: stretch;
  }

  #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc0581-9e08fbed, #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05d4-9e08fbed, #w-node-ce61ad31-fa53-ca4f-0dbc-2f38bcdc05c1-9e08fbed, #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186a3b-9e08fbed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186aae-9e08fbed {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_750a3423-b57e-dfdf-0d3f-e15ede186abf-9e08fbed {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4af5-eaed7721, #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b18-eaed7721 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b2a-eaed7721 {
    grid-area: span 2 / span 4 / span 2 / span 4;
  }

  #w-node-b59aae76-8ce2-e602-e31b-a1b1ca5f4b35-eaed7721 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}