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: rgba(0, 0, 0, 0);
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: 0.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: -0.5em;
}

sub {
    bottom: -0.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: rgba(0, 0, 0, 0) !important;
}

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

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

.w-webflow-badge,
.w-webflow-badge * {
    z-index: auto;
    visibility: visible;
    box-sizing: border-box;
    float: none;
    clear: none;
    box-shadow: none;
    opacity: 1;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    background: none;
    border: 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    list-style-type: disc;
    transition: none;
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: visible;
    transform: none;
}

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    visibility: visible !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    opacity: 1 !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;
    top: auto !important;
    bottom: 12px !important;
    left: auto !important;
    right: 12px !important;
    overflow: visible !important;
    transform: none !important;
}

.w-webflow-badge > img {
    visibility: visible !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:-moz-placeholder,
.w-select:-moz-placeholder {
    color: #999;
}

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

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-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: 0.1px;
    height: 0.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;
    -ms-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 rgba(0, 0, 0, 0);
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0)
        rgba(117, 134, 150, 0);
    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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0)
        rgba(255, 255, 255, 0);
    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 rgba(0, 0, 0, 0);
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    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;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
}

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

.w-background-video--control {
    background-color: rgba(0, 0, 0, 0);
    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: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    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: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 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: 0.2em 0.5em;
}

.w-slider-nav.w-shadow > div {
    box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}

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

.w-slider-nav-invert > div {
    background-color: rgba(34, 34, 34, 0.4);
}

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

.w-slider-dot {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    width: 1em;
    height: 1em;
    margin: 0 3px 0.5em;
    transition: background-color 0.1s, color 0.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: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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;
    -ms-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: rgba(0, 0, 0, 0.9);
    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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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: rgba(0, 0, 0, 0.4);
    padding: 0.5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-lightbox-control {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 4em;
    transition: all 0.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-x: auto;
    overflow-y: 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: 0.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 rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: 0.8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%;
}

.w-lightbox-spinner:after {
    content: '';
    border: 3px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -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: 0.5;
        display: block;
    }

    .w-lightbox-close {
        opacity: 0.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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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: 0.6;
}

.w-richtext figure div {
    color: rgba(0, 0, 0, 0);
    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: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-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;
}

.w-code-component > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

:root {
    --dark: #000;
    --secondary: rgba(20, 20, 19, 0.6);
    --transparent: rgba(0, 0, 0, 0);
    --blue: #474bff;
    --dropdown: #e3e6e3;
    --light: #f5f6f5;
    --color: #b1aeae;
    --background: #f4f1ea;
    --light-orange: #fceccc;
    --carina-teal: #4f878e;
    --boombox-orange: #f0a202;
    --light-purple: #e1ddf7;
    --footer-orange: #f4bd4d;
}

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

h1 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 400;
    line-height: 52px;
}

h2 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
}

h3 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
}

h4 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
}

h5 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
}

h6 {
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
}

p {
    margin-bottom: 25px;
    line-height: 30px;
}

a {
    color: var(--dark);
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    border-bottom-color: #ccf2df;
}

ul {
    margin-top: 0;
    margin-bottom: 25px;
}

ol {
    margin-top: 0;
    margin-bottom: 25px;
    padding-left: 40px;
}

img {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
}

blockquote {
    border-left: 3px solid var(--dark);
    margin-bottom: 25px;
    padding: 10px 20px;
    font-family: Switzer, sans-serif;
    font-size: 24px;
    line-height: 36px;
}

figure {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 0;
}

figcaption {
    color: var(--secondary);
    margin-top: 15px;
    font-size: 16px;
}

.body {
    background-color: var(--transparent);
    color: var(--dark);
    font-family: Switzer, sans-serif;
    font-size: 1.3vw;
    font-weight: 300;
    line-height: 1.7;
    overflow: visible;
}

.section {
    overflow: hidden;
}

.container {
    z-index: 2;
    width: 100%;
    max-width: 1290px;
    height: 100%;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    transition: background-color 0.2s, color 0.2s;
    position: -webkit-sticky;
    position: sticky;
}

.sg-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid var(--dark);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 150px;
    display: grid;
}

.sg-section.cc-border-bottom-none {
    border-bottom-style: none;
}

.sg-block {
    margin-bottom: 40px;
    display: block;
}

.sg-button-block {
    margin-right: 60px;
    display: inline-block;
}

.sg-margin-block {
    background-color: rgba(20, 20, 19, 0.1);
    width: 100%;
    display: flex;
}

.text-secondary {
    color: #b8b9b9;
}

.display-1 {
    letter-spacing: -0.03em;
    flex: none;
    margin-bottom: 0;
    font-size: 6em;
    font-weight: 400;
    line-height: 1.1;
}

.display-1.margin-bottom-45.cc-narrow {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    font-family: Unicons, sans-serif;
    font-size: 7em;
    line-height: 1;
    display: flex;
}

.display-1.stroke {
    -webkit-text-stroke-color: var(--blue);
}

.header-heading {
    letter-spacing: -0.03em;
    margin-bottom: 15px;
    font-family: Satoshi Variable, sans-serif;
    font-size: 5.5em;
    font-weight: 300;
    line-height: 1;
}

.header-heading.margin-bottom-40.cc-narrow {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    max-width: 75%;
}

.header-heading.margin-bottom-20 {
    text-align: left;
    font-family: 'P 22 Mackinacpro Book 25', sans-serif;
    font-size: 70px;
}

.header-heading.types-of-desiger {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 12px 18px;
}

.label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

.label.text-secondary {
    color: rgba(20, 20, 19, 0.6);
}

.button-link {
    grid-column-gap: 8px;
    color: var(--dark);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    display: flex;
}

.button-link:hover {
    color: var(--secondary);
    border-style: none;
}

.button-link.w--current {
    transition: color 0.2s;
}

.paragraph-large {
    margin-bottom: 30px;
    font-family: Satoshi Variable, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
}

.paragraph-large.margin-bottom-80 {
    font-family: Satoshi Variable, sans-serif;
    font-size: 1.6em;
    line-height: 1.4;
}

.paragraph-extra-large {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 42px;
}

.paragraph-extra-large.cc-narrow {
    max-width: 80%;
}

.utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 300px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.utility-page-form {
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
}

.margin-bottom-none {
    color: #bebebe;
    margin-bottom: 0;
    font-family: Satoshi Variable, sans-serif;
    font-size: 14px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

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

.margin-bottom-25 {
    margin-bottom: 25px;
}

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

.margin-bottom-35 {
    margin-bottom: 35px;
}

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

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-55 {
    margin-bottom: 55px;
}

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

.margin-bottom-65 {
    margin-bottom: 65px;
}

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

.margin-bottom-75 {
    margin-bottom: 75px;
}

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

.navbar-wrapper {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}

.navbar {
    z-index: 1999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: left;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.nav-menu-wrapper {
    width: 100%;
}

.navbar-inner {
    z-index: 5;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.nav-menu {
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
}

.nav-menu.cc-right {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.nav-menu-flex {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: auto;
    display: flex;
    position: static;
}

.nav-link {
    color: var(--dark);
    text-transform: uppercase;
    flex: 0 auto;
    order: -1;
    align-self: auto;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-family: Satoshi Variable, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    transition: color 0.2s;
    display: flex;
}

.nav-link:hover {
    color: var(--secondary);
}

.nav-link:focus-visible {
    outline-offset: 0px;
    outline: 2px #ccf2df;
}

.nav-link[data-wf-focus-visible] {
    outline-offset: 0px;
    outline: 2px #ccf2df;
}

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

.navbar-border {
    background-color: rgba(207, 183, 183, 0);
    width: 100%;
    height: 1px;
    display: none;
}

.dropdown {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

.dropdown-list {
    background-color: #212223;
    position: absolute;
}

.dropdown-list.w--open {
    background-color: var(--dropdown);
    min-width: 180px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.dropdown-item {
    text-transform: uppercase;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 25px 0;
    transition: color 0.2s;
    display: flex;
}

.dropdown-item:focus-visible {
    outline-offset: 0px;
    border-radius: 4px;
    outline: 2px solid #ccf2df;
}

.dropdown-item[data-wf-focus-visible] {
    outline-offset: 0px;
    border-radius: 4px;
    outline: 2px solid #ccf2df;
}

.dropdown-link {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 26px;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
    display: block;
}

.dropdown-link:hover {
    color: var(--secondary);
}

.dropdown-link:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

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

.nav-dropdown-icon {
    margin: 0 0 0 4px;
    font-size: 13px;
    position: relative;
}

.navbar-wrapper-mobile {
    justify-content: space-between;
    align-items: center;
    display: none;
}

.dropdown-list-mobile {
    background-color: rgba(0, 0, 0, 0);
    position: relative;
}

.dropdown-mobile {
    font-size: 14px;
}

.navbar-brand-mobile {
    display: none;
}

.navbar-inner-mobile {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: none;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.nav-menu-flex-mobile {
    display: flex;
}

.nav-link-mobile {
    color: #303030;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    align-items: center;
    height: 143px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
}

.nav-link-mobile:hover {
    color: #99bab8;
}

.nav-link-mobile:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.nav-link-mobile[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-item-mobile {
    color: #303030;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    align-items: center;
    height: 143px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 18px 0 0;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
}

.dropdown-item-mobile:hover {
    color: #99bab8;
}

.dropdown-item-mobile:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-item-mobile[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-link-mobile {
    color: #303030;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
    display: block;
}

.dropdown-link-mobile:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-link-mobile[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.burger-line {
    background-color: var(--dark);
    width: 25px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar-space {
    height: 20px;
}

.unicon {
    font-family: Unicons, sans-serif;
    font-size: 21px;
}

.button {
    border: 2px solid var(--dark);
    color: var(--dark);
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    padding: 13px 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    transition: color 0.2s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button:hover {
    border-color: var(--dark);
    color: var(--dark);
}

.button.cc-form {
    cursor: pointer;
    align-self: center;
    display: inline-block;
}

.button-background {
    background-color: var(--dark);
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0%;
    right: 0%;
}

.button-background-inner {
    position: absolute;
    bottom: 100%;
    left: 0%;
    right: 0%;
}

.button-circle {
    background-color: var(--dark);
    border-radius: 50%;
    width: 150%;
    height: 200%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%);
}

.button-text {
    grid-column-gap: 5px;
    color: var(--dark);
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 0;
    font-family: Satoshi Variable, sans-serif;
    font-size: 1em;
    line-height: 1.6;
    display: flex;
    position: relative;
}

.wrapper {
    height: 100%;
}

.section-onepage.cc-viewport {
    height: 100vh;
    min-height: 100vh;
    margin-top: -120px;
    padding-top: 120px;
}

.hero {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
}

.text-emphasize {
    color: var(--blue);
    font-family: IBM Plex Serif, sans-serif;
    font-style: italic;
    font-weight: 500;
}

.shape-flower {
    white-space: nowrap;
    background-image: url('https://cdn.prod.website-files.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad011_shape1.svg');
    background-position: 50% 65%;
    background-repeat: no-repeat;
    background-size: 60px;
    margin-left: 5px;
}

.shape-star {
    white-space: nowrap;
    background-image: url('https://cdn.prod.website-files.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacffd_shape2.svg');
    background-position: 50% 63%;
    background-repeat: no-repeat;
    background-size: 60px;
    margin-left: 5px;
}

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

.sc-links {
    grid-column-gap: 20px;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.sc-link {
    justify-content: center;
    align-items: center;
    transition: color 0.2s;
    display: flex;
}

.sc-link:hover {
    color: var(--secondary);
}

.sc-link-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex;
}

.container-inner {
    padding: 160px 5em;
}

.container-inner.cc-padding-bottom-none {
    padding-bottom: 0;
}

.headline-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 0;
    display: grid;
}

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

.shape-label {
    background-image: url('https://cdn.prod.website-files.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad00d_shape4.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    margin-right: 5px;
}

.unicon-large {
    margin-top: -8px;
    font-family: Unicons, sans-serif;
    font-size: 38px;
    line-height: 1;
}

.works-grid {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    width: 100%;
    max-width: 100%;
    margin-bottom: -80px;
    display: grid;
}

.image-link {
    cursor: none;
    width: 100%;
    transition: color 0.2s;
}

.works-grid-post-details {
    padding-bottom: 30px;
}

.post-title {
    text-align: left;
    margin-bottom: 15px;
    font-family: Satoshi Variable, sans-serif;
    font-size: 2.2em;
    line-height: 1.2;
}

.post-title-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    transition: color 0.2s;
    display: flex;
}

.post-title-link:hover {
    color: var(--secondary);
}

.work-image {
    object-fit: cover;
    width: 100%;
}

.scrolling-text {
    grid-column-gap: 3.5em;
    grid-row-gap: 3.5em;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    overflow: hidden;
}

.scrolling-text-row {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.services-grid {
    grid-column-gap: 180px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.features-grid {
    grid-column-gap: 90px;
    grid-row-gap: 70px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.feature {
    padding-bottom: 40px;
}

.feature.cc-border-bottom {
    border-bottom: 1px solid var(--dark);
}

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

.about-grid-item {
    border-top: 1px solid var(--dark);
    padding-top: 50px;
}

.bullet-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    list-style-type: none;
    display: flex;
}

.bullet {
    background-image: url('https://cdn.prod.website-files.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad002_shape3.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-right: 7px;
}

.ticker-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    flex: none;
    width: auto;
    display: flex;
    transform: perspective(1px);
}

.ticker-inner {
    align-items: center;
    display: flex;
}

.ticker {
    flex-direction: row;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.ticker-item {
    padding-left: 50px;
    padding-right: 50px;
}

.contact-grid {
    grid-column-gap: 180px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.address {
    max-width: 64%;
    margin-bottom: 30px;
}

.form-fields-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 50px;
    display: grid;
}

.text-field {
    border-style: solid;
    border-width: 1px;
    border-color: transparent transparent var(--dark);
    color: var(--dark);
    background-color: rgba(0, 0, 0, 0);
    align-self: center;
    min-height: 54px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Satoshi Variable, sans-serif;
    font-size: 18px;
}

.text-field:focus {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(20, 20, 19, 0.4);
}

.text-field::placeholder {
    color: var(--dark);
}

.textarea {
    border-style: solid;
    border-width: 1px;
    border-color: transparent transparent var(--dark);
    color: var(--dark);
    background-color: rgba(0, 0, 0, 0);
    min-height: 150px;
    margin-bottom: 0;
    padding: 0 0 20px;
    font-family: Satoshi Variable, sans-serif;
    font-size: 18px;
}

.textarea:focus {
    color: var(--dark);
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(20, 20, 19, 0.4);
}

.textarea::placeholder {
    color: var(--dark);
}

.footer {
    padding-bottom: 40px;
}

.footer-nav {
    grid-column-gap: 50px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
}

.project-info {
    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;
    justify-content: space-around;
    align-items: flex-start;
    display: flex;
}

.divider {
    background-color: var(--dark);
    width: 100%;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.divider.cc-more-space {
    margin-top: 50px;
    margin-bottom: 50px;
}

.hero-wrapper {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 40px;
    display: flex;
}

.hidden {
    display: none;
}

.cursor-wrapper {
    z-index: 9999;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.cursor {
    z-index: 99999;
    opacity: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(246, 247, 245, 0.8);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
    position: absolute;
    overflow: hidden;
}

.cursor-text-view {
    letter-spacing: -0.01em;
    margin-right: -0.1em;
    font-weight: 500;
    line-height: 22px;
    position: absolute;
}

.stroke {
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--dark);
}

.sticky {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 80px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
}

.ticker-gradient {
    width: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.ticker-gradient.cc-left {
    background-image: linear-gradient(to right, var(--light) 15%, transparent);
}

.ticker-gradient.cc-right {
    background-image: linear-gradient(270deg, var(--light) 15%, transparent);
    left: auto;
    right: 0;
}

.summary-grid {
    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%;
    height: 90svh;
    margin-top: 100px;
    margin-bottom: 160px;
    display: grid;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.gallery {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template:
        'Area Area'
        '. .'
        / 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.cta {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 160px;
    padding-bottom: 160px;
    display: flex;
}

.gallery-large-image-wrapper {
    margin-bottom: 50px;
}

.text-block {
    padding-right: 5px;
}

.rich-text-block.margin-bottom-10 {
    font-family: Satoshi Variable, sans-serif;
    font-weight: 400;
}

.rich-text-block a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: border-color 0.2s, color 0.2s;
}

.rich-text-block a:hover {
    border-bottom-color: #ccf2df;
}

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

.body-link:hover {
    color: var(--secondary);
}

.link-hover {
    color: var(--secondary);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: border-color 0.2s, color 0.2s;
}

.link-hover:hover {
    border-bottom-color: var(--secondary);
}

.footer-flex {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.flex-horizontal {
    display: flex;
}

.page-title {
    letter-spacing: -0.03em;
    flex: none;
    font-family: Satoshi Variable, sans-serif;
    font-size: 200px;
    font-weight: 500;
    line-height: 208px;
}

.details {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    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: center;
    align-items: flex-start;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 160px;
    padding-bottom: 135px;
    display: flex;
}

.wrapper-narrow {
    width: 65%;
}

.wrapper-narrow.cc-center {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.field-label {
    display: none;
}

.page-headline {
    width: 80%;
    padding-top: 100px;
}

.success-message {
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    padding: 0;
}

.error-message {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
}

.brand-2 {
    color: var(--dark);
    align-items: center;
    display: flex;
}

.brand-2.w--current {
    opacity: 1;
    text-align: center;
    border: 1px #000;
    flex-direction: row;
    font-weight: 500;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.div-block {
    flex-direction: column;
    display: flex;
}

.div-block-2 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 4em;
    display: flex;
}

.text-span {
    margin-right: 0;
}

.text-span-2 {
    align-items: center;
    display: flex;
}

.text-span-2.name {
    color: var(--blue);
    font-family: IBM Plex Serif, sans-serif;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

.text-span-2.hi {
    font-family: Satoshi Variable, sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 1;
}

.content-wrap {
    align-items: center;
    display: flex;
}

.heading {
    color: #242424;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 38px;
    font-weight: 400;
}

.words-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 20px;
    font-family: Montserrat, sans-serif;
    display: flex;
    position: relative;
}

.heading-2 {
    color: #242424;
    font-family: Montserrat, sans-serif;
    font-size: 38px;
    font-weight: 400;
}

.changing-heading {
    color: #242424;
    font-family: Montserrat, sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 40px;
    position: absolute;
}

.home-hero__things-text {
    z-index: 1;
    position: relative;
}

.rotating-text__embed {
    display: none;
}

.home-hero_images-wrapper {
    width: 15rem;
    height: 15rem;
    position: absolute;
    top: 0;
    right: 0.5rem;
}

.home-hero_heading {
    text-transform: uppercase;
    overflow: hidden;
}

.home-hero__words {
    width: 3.5em;
    height: 0.89em;
    margin-bottom: -0.05em;
    margin-right: 0;
    transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.home-hero_heading-wrapper {
    position: relative;
}

.home-hero_image {
    aspect-ratio: 1;
    transform-origin: 50% 100%;
    width: 100%;
    transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
    position: absolute;
    top: 0%;
    left: 0%;
    transform: scale(0) translate(0, 8rem);
}

.home-hero_image.active {
    transform-origin: 50% 0;
    transform: scale(1) translate(0);
}

.home-hero_image.active.completed {
    transform: scale(0) translate(0, -8.6rem);
}

.home-hero_text-column {
    padding: 4.5rem 2.5rem 2rem;
    position: relative;
}

.home-hero_video-column {
    background-color: #7f8687;
    border-radius: 1.5rem;
    overflow: hidden;
}

.button-text-wrapper {
    position: relative;
    overflow: hidden;
}

.button-2 {
    color: #02021e;
    text-transform: uppercase;
    background-color: #fdc448;
    border-radius: 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 1.5rem;
    display: flex;
}

.home-hero_cta_button-wrap {
    display: flex;
}

.home-hero_video-image {
    width: 100%;
    height: 100%;
}

.home-hero_cta__content-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
    max-width: 28rem;
    display: flex;
}

.icon-small_wrapper {
    background-color: #f5f5f7;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
}

.home-hero_cta-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    display: flex;
}

.home-hero_cta-yes {
    font-size: 3.5rem;
    line-height: 1;
}

.home-hero_cta-text {
    text-transform: uppercase;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
        Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans,
        Droid Sans, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
}

.padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.container-2 {
    width: 100%;
    max-width: 82rem;
    margin-left: auto;
    margin-right: auto;
}

.section-2.home-hero {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
}

.home-hero_bg {
    background-color: #3719ca;
    width: 100%;
    height: 100%;
}

.icon-embed {
    padding: 0.675rem;
}

.button-wrapper {
    align-items: center;
    text-decoration: none;
    display: flex;
}

.home-hero_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.lightbox_link-block {
    text-decoration: none;
}

.home-hero_bg-wrapper {
    z-index: -1;
    border-radius: 1.5rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.home-hero_parent {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-direction: column;
    display: flex;
}

.padding-section-large {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.button-text-2.is__2 {
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: translate(0, 100%);
}

.text-rotate-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 110px;
    margin-left: 0;
    display: flex;
    overflow: hidden;
}

.rotating-text {
    color: var(--blue);
    margin: 0 0.2em;
    font-family: Gt Sectra Fine, sans-serif;
    font-size: 6.5em;
    font-style: italic;
    font-weight: 700;
    line-height: 110px;
    display: block;
}

.div-block-3,
.div-block-4 {
    margin-right: 20px;
}

.rich-text-block-copy a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: border-color 0.2s, color 0.2s;
}

.rich-text-block-copy a:hover {
    border-bottom-color: #ccf2df;
}

.heade {
    object-fit: fill;
    height: 200svh;
    position: relative;
}

.quick-stack {
    height: 100svh;
    position: static;
}

.grid-mask {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.fading {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.main-image {
    text-align: left;
    object-fit: contain;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.main-image-mask {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.cell {
    text-align: left;
    justify-content: center;
    align-items: center;
}

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

.header-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    color: var(--dark);
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    overflow: hidden;
}

.header-text-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
}

.image {
    width: 50%;
}

.header-labels {
    flex-flow: row;
    display: flex;
}

.labels {
    color: var(--color);
    border: 1px solid gray;
    border-radius: 10svw;
    margin-left: 0;
    margin-right: 7px;
    padding: 2px 10px;
    font-family: Satoshi Variable, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.div-block-10 {
    background-color: var(--background);
}

.header-image {
    width: 50%;
}

.header-subtext {
    text-align: left;
    font-family: Switzer, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.66;
}

.header {
    height: 250svh;
    position: relative;
}

.title {
    text-align: left;
    text-transform: capitalize;
    justify-content: center;
    align-items: center;
    font-family: 'P 22 Mackinacpro Book 25', sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 78px;
    display: block;
}

.title.features {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: -15vh;
    font-size: 40px;
    display: block;
    position: static;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.div-block-11 {
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    padding: 0;
    display: flex;
}

.question {
    color: var(--color);
    text-align: left;
    text-transform: uppercase;
    font-family: Satoshi Variable, sans-serif;
    font-weight: 500;
}

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

.methodology {
    background-color: var(--transparent);
    padding: 100px;
}

.div-block-13 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-13.goal-and-hypothesis-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: block;
}

.div-block-13.goal-and-hypothesis-container.embed {
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.text-block-2 {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
    font-family: Switzer, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.66;
}

.text-block-2.problem-statement {
    width: 75%;
    padding-left: 0;
    padding-right: 0;
    font-family: Switzer, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.66;
}

.text-block-2.problem-statement.deliverables {
    font-weight: 600;
}

.text-block-2.problem-statement.deliverables.goal {
    font-family: Satoshi Variable, sans-serif;
}

.text-block-2.problem-statement.hypothesis {
    text-align: left;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-family: Satoshi Variable, sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.text-block-2.problem-statement.hypothesis.nextsteplabel {
    text-align: left;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 400;
}

.text-block-2.problem-statement.goal {
    text-align: left;
    width: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Switzer, sans-serif;
}

.text-block-2.problem-statement.goal.hypothesis {
    text-align: center;
    font-family: Satoshi, sans-serif;
    font-size: 26px;
    font-style: italic;
    font-weight: 300;
}

.text-block-2.problem-statement.goal.sublabel {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    font-family: Satoshi Variable, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.text-block-2.problem-statement.goal.process {
    font-family: Satoshi Variable, sans-serif;
}

.text-block-2.problem-statement.goal.arrow {
    font-size: 24px;
}

.text-block-2.problem-statement.goal.featurepri {
    margin-bottom: 25px;
}

.text-block-2.copy {
    text-align: left;
    width: auto;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    font-weight: 400;
}

.text-block-2.copy.testingbullet {
    margin-top: 10px;
}

.text-block-2.projectoverview {
    width: 50%;
}

.divider-section {
    margin-bottom: 20px;
}

.impact {
    background-color: #f4f1ea;
    border-radius: 50px;
    margin-top: 0;
    padding: 100px;
}

.bullet-list-item {
    font-family: Switzer, sans-serif;
    font-size: 16px;
    line-height: 1.66;
}

.div-block-14 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
}

.product-reveal {
    background-color: var(--background);
    padding: 100px;
}

.product-reveal.product_reveal {
    background-color: var(--transparent);
    padding-bottom: 40px;
}

.html-embed {
    aspect-ratio: auto;
    text-align: left;
    object-fit: fill;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    padding-left: 100px;
    padding-right: 60px;
    text-decoration: none;
    display: flex;
    overflow: visible;
}

.image-2 {
    width: 50%;
}

.container-3 {
    max-width: 1920px;
    padding-left: 60px;
    padding-right: 60px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.grid {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    display: flex;
}

.column {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.copy-wrap {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
}

.image-wrap {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: visible;
}

.carina-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.section-3 {
    position: relative;
}

.teaser-copy {
    max-width: 650px;
    padding-right: 20px;
}

.teaser-copy._1 {
    margin-top: -260px;
    padding-top: 0;
}

.teaser-copy._3 {
    padding-top: 200px;
}

.p-xs-start {
    padding-top: 0;
}

.teaser-container {
    max-width: 1920px;
    padding-left: 100px;
    padding-right: 100px;
}

.teaser-container.testingteaser {
    padding-left: 0;
    padding-right: 0;
}

.title1 {
    color: var(--carina-teal);
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: Satoshi Variable, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.2em;
}

.title1.testingtitle {
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.title1.boombox {
    color: var(--boombox-orange);
}

.teaser-grid {
    align-items: stretch;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.teaser-grid.testinggrid {
    padding-left: 0;
    padding-right: 0;
}

.teaser-copy-wrap {
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    display: flex;
}

.copy-small {
    font-family: Switzer, sans-serif;
    font-size: 0.95em;
}

.testing-design {
    background-color: var(--transparent);
}

.teaser-column {
    width: 50%;
    position: relative;
}

.teaser-column._1 {
    width: 65%;
}

.teaser-column._2 {
    width: 30%;
    margin-right: 100px;
}

.teaser-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.teaser-img._2 {
    z-index: 3;
    width: auto;
    max-width: none;
    height: 60vw;
    margin-top: 0%;
    margin-bottom: 50px;
}

.teaser-img._2.testingimage {
    height: 45vw;
    margin-top: 15vh;
    padding-left: 100px;
}

.teaser-img._3 {
    z-index: 2;
    width: auto;
    max-width: none;
    height: 60vw;
    margin-top: 0%;
    margin-bottom: 50px;
}

.teaser-img._3.testingimage {
    height: 45vw;
    margin-top: 15vh;
    padding-left: 100px;
}

.teaser-img._4 {
    z-index: 1;
    width: auto;
    max-width: 100vh;
    height: 60vw;
    margin-top: 0%;
    margin-bottom: 50px;
}

.teaser-img._1 {
    z-index: 4;
    width: auto;
    max-width: none;
    height: 60vw;
    margin-top: 0%;
    margin-bottom: 0;
}

.teaser-img._1.testingimage {
    height: 45vw;
    margin-top: 15vh;
    padding-left: 100px;
}

.teaser-img._5 {
    z-index: 0;
    width: auto;
    max-width: 100vh;
    height: 60vw;
    margin-top: 0%;
    margin-bottom: 50px;
}

.p-teaser-img-wrap {
    object-fit: fill;
    height: 80vh;
    position: -webkit-sticky;
    position: sticky;
    top: 10vh;
    overflow: hidden;
}

.p-teaser-img-wrap.testingimgwrap {
    padding-left: 60px;
}

.teaser-img-tablet-down {
    display: none;
}

.prototype {
    text-align: left;
    width: auto;
    font-family: Satoshi Variable, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}

.svg-arrow {
    justify-content: center;
    align-items: center;
    width: 25vh;
    max-width: 25vh;
    height: 20vh;
    max-height: 13vh;
    display: flex;
}

.div-block-15 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.svg-arrow-2 {
    color: #7d6cae;
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 20vh;
    max-width: 20vh;
    height: 8vh;
    max-height: 8vh;
    margin-left: 0;
    display: flex;
}

.bold-text {
    font-family: Satoshi Variable, sans-serif;
    font-weight: 800;
}

.div-block-16 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--light-purple);
    text-align: center;
    border-radius: 20px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 40px;
    display: grid;
}

.div-block-16.mobile {
    display: none;
}

.div-block-16.boombox {
    background-color: var(--light-orange);
}

.results {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.image-3 {
    width: 50%;
    height: 50%;
}

.impact-image {
    width: 60%;
    max-width: 70%;
    margin-bottom: 40px;
}

.bold-text-2,
.text-span-3,
.text-span-4 {
    font-weight: 900;
}

.div-block-17 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-block-18 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    display: flex;
}

.image-4 {
    background-image: linear-gradient(
        to bottom,
        var(--carina-teal),
        var(--carina-teal)
    );
}

.image-4.method-image,
.image-4.discoveryimage {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-radius: 0;
    padding: 20px;
}

.method-image {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 40px;
}

.method-subtext {
    text-align: center;
    text-transform: capitalize;
    font-family: Satoshi Variable, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.project {
    background-color: var(--background);
    padding: 100px;
}

.project.project-overview {
    background-color: var(--transparent);
    border-radius: 20px;
}

.impact-copy {
    margin-top: 0;
    padding: 100px;
}

.discovery {
    background-color: #f4f1ea;
    border-radius: 50px;
    margin-top: 0;
    padding: 100px;
}

.synthesis {
    background-color: var(--transparent);
    padding: 100px;
}

.ideation {
    background-color: #f4f1ea;
    border-radius: 50px;
    margin-top: 0;
    padding: 100px;
}

.next-steps {
    background-color: var(--background);
    border-radius: 50px;
    padding: 100px;
}

.delivery {
    margin-top: 0;
    padding: 100px 100px 0;
}

.div-block-19 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}

.image-5 {
    align-self: center;
    width: 60%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.image-6,
.image-7 {
    width: 70%;
    margin-top: 20px;
}

.image-8 {
    width: 70%;
    margin-top: 40px;
    margin-bottom: 40px;
}

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

.div-block-21 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 0.25fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: stretch;
    align-items: center;
    justify-items: center;
    padding: 20px;
    display: grid;
}

.image-9,
.image-10,
.image-11 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.image-12 {
    width: 70%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.image-13 {
    align-self: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.image-14 {
    align-self: center;
    max-width: 75%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.features,
.additional-features {
    background-color: var(--transparent);
}

.image-15 {
    align-self: center;
    width: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.image-16 {
    width: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.image-17,
.image-18,
.image-19 {
    width: 70%;
}

.design {
    background-color: var(--transparent);
    padding: 100px;
}

.synthesisimage {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    width: 60%;
    max-width: none;
    padding: 0;
}

.disoveryimage {
    background-image: linear-gradient(
        to bottom,
        var(--carina-teal),
        var(--carina-teal)
    );
}

.disoveryimage.method-image {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-radius: 0;
    padding: 20px;
}

.disoveryimage.discoveryimage {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-radius: 0;
    width: 60%;
    max-width: none;
    padding: 0;
}

.ideationimage,
.designimage,
.deliveryimage {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    width: 60%;
    max-width: none;
    padding: 0;
}

.businessanalysis {
    text-align: center;
    width: 50%;
    margin: 40px auto;
    display: block;
}

.image-20 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.image-21 {
    width: auto;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.carousel-container {
    display: flex;
    overflow: hidden;
}

.logo-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    justify-content: space-around;
    align-items: stretch;
    min-width: 440%;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative;
    left: 0;
    overflow: visible;
}

.logo-container._2 {
    left: 0;
}

.prototype-images {
    height: 400px;
}

.goal-hypothesis {
    -webkit-text-fill-color: inherit;
    background-color: #f4f1ea;
    background-clip: border-box;
    border-radius: 50px;
    margin-top: 0;
    padding: 100px;
}

.carousel {
    background-color: var(--transparent);
    border-radius: 0;
    padding: 100px;
}

.brand-3 {
    color: var(--dark);
    text-align: left;
    word-break: normal;
    overflow-wrap: normal;
    flex: 0 auto;
    align-self: auto;
    width: 100%;
    font-family: Gt Sectra Fine Book, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.brand-3.w--current {
    width: 150px;
}

.image-22 {
    width: 24px;
}

.anchor {
    z-index: 999;
    object-fit: fill;
    position: fixed;
    top: auto;
    bottom: 7%;
    left: auto;
    right: 6%;
}

.image-23 {
    width: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.div-block-24 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex: 0 auto;
    justify-content: center;
    align-self: baseline;
    align-items: center;
    display: flex;
}

.link-block {
    align-self: center;
    width: 16px;
    padding-bottom: 3px;
}

.next-case-study {
    background-color: var(--carina-teal);
    border-radius: 0;
    padding: 70px 217px;
}

.next-case-study.boombox {
    background-color: var(--footer-orange);
}

.div-block-25 {
    align-items: center;
    display: flex;
}

.text-block-3 {
    color: #fff;
    text-align: left;
    margin-bottom: 12px;
    font-family: Inconsolata, monospace;
    font-size: 16px;
    line-height: 26px;
}

.text-block-4 {
    color: #fff;
    font-family: Gt Sectra Fine, sans-serif;
    font-size: 32px;
    line-height: 32px;
}

.image-24 {
    width: 30px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 12px;
    padding-left: 0;
}

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

.div-block-26 {
    padding-bottom: 30px;
}

.div-block-27 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.link-block-2 {
    width: 16px;
    padding-bottom: 3px;
}

.text-rotate-cell {
    align-items: center;
    display: flex;
    position: relative;
}

.works.cc-viewport {
    height: 100vh;
    min-height: 100vh;
    margin-top: -120px;
    padding-top: 120px;
}

.hero-landing.cc-viewport {
    height: 90vh;
    min-height: 90vh;
    margin-top: 0;
    padding-top: 0;
}

.contact.cc-viewport {
    height: 100vh;
    min-height: 100vh;
    margin-top: -120px;
    padding-top: 120px;
}

.image-25 {
    width: 1.3em;
    margin-bottom: 22px;
    font-size: 14px;
}

.image-26 {
    width: 1.3em;
    font-size: 14px;
}

.post-title-link-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    transition: color 0.2s;
    display: flex;
}

.post-title-link-2:hover {
    color: rgba(20, 20, 19, 0.6);
}

.text-block-6 {
    padding-right: 5px;
}

.text-block-6.text-secondary {
    color: #9e9e9e;
    text-align: left;
    font-family: Satoshi Variable, sans-serif;
    font-size: 1em;
    line-height: 1.6;
}

.sublabel {
    display: flex;
}

.div-block-28,
.div-block-29,
.div-block-30 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.image-27,
.link-block-3 {
    cursor: none;
}

.link-block-3.side {
    cursor: pointer;
}

.nav-link-mobile-2 {
    color: #303030;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    align-items: center;
    height: 143px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
}

.nav-link-mobile-2:hover {
    color: #99bab8;
}

.nav-link-mobile-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.nav-link-mobile-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.navbar-wrapper-mobile-2 {
    justify-content: space-between;
    align-items: center;
    display: none;
}

.button-3 {
    color: #141413;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #141413;
    border-radius: 8px;
    padding: 13px 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    transition: color 0.2s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.button-3:hover {
    color: #141413;
    border-color: #141413;
}

.container-4 {
    z-index: 2;
    width: 100%;
    max-width: 1290px;
    height: 100%;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    transition: background-color 0.2s, color 0.2s;
    position: relative;
}

.button-background-2 {
    background-color: #141413;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0%;
    right: 0%;
}

.nav-menu-flex-mobile-2 {
    display: flex;
}

.hidden-2 {
    display: none;
}

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

.dropdown-link-2 {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 26px;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
    display: block;
}

.dropdown-link-2:hover {
    color: rgba(20, 20, 19, 0.6);
}

.dropdown-link-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-link-2.w--current {
    color: #c7acac;
}

.dropdown-link-mobile-2 {
    color: #303030;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
    display: block;
}

.dropdown-link-mobile-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-link-mobile-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-list-2 {
    background-color: #212223;
    position: absolute;
}

.dropdown-list-2.w--open {
    background-color: #e3e6e3;
    min-width: 180px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.navbar-2 {
    z-index: 1999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.button-circle-2 {
    background-color: #141413;
    border-radius: 50%;
    width: 150%;
    height: 200%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%);
}

.nav-link-2 {
    color: #141413;
    text-transform: uppercase;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 25px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    transition: color 0.2s;
    display: flex;
}

.nav-link-2:hover {
    color: rgba(20, 20, 19, 0.6);
}

.nav-link-2:focus-visible {
    outline-offset: 0px;
    outline: 2px #ccf2df;
}

.nav-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    outline: 2px #ccf2df;
}

.nav-link-2.w--current {
    color: rgba(20, 20, 19, 0.6);
}

.navbar-inner-mobile-2 {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: none;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.nav-menu-2 {
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
}

.nav-menu-2.cc-right {
    justify-content: flex-end;
}

.burger-line-2 {
    background-color: #141413;
    width: 25px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.button-text-3 {
    grid-column-gap: 5px;
    color: #141413;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    padding: 0;
    display: flex;
    position: relative;
}

.dropdown-item-mobile-2 {
    color: #303030;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    align-items: center;
    height: 143px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 18px 0 0;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
}

.dropdown-item-mobile-2:hover {
    color: #99bab8;
}

.dropdown-item-mobile-2:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-item-mobile-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.navbar-border-2 {
    background-color: rgba(207, 183, 183, 0.3);
    width: 100%;
    height: 1px;
    display: none;
}

.hidden-3 {
    display: none;
}

.dropdown-link-mobile-3 {
    color: #303030;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
    display: block;
}

.dropdown-link-mobile-3:focus-visible {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.dropdown-link-mobile-3[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
}

.navbar-inner-mobile-3 {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    display: none;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.div-block-31,
.div-block-32 {
    flex-flow: column;
    display: flex;
}

.text-block-7 {
    height: 100vh;
    display: flex;
}

.div-block-33 {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
}

.text-block-8 {
    font-size: 100px;
    line-height: 100px;
}

.navbar-404 {
    z-index: 1999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

._404-content.cc-viewport {
    height: auto;
    min-height: 0;
    margin-top: 0;
    padding-top: 0;
}

._404-footer {
    z-index: 2;
    width: 100%;
    max-width: 1290px;
    height: auto;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    transition: background-color 0.2s, color 0.2s;
    position: -webkit-sticky;
    position: sticky;
}

._404 {
    flex-flow: column;
    justify-content: space-between;
    height: 100vh;
    display: flex;
}

.heading-3 {
    font-family: Satoshi Variable, sans-serif;
}

.password {
    flex-flow: column;
    justify-content: space-between;
    height: 100vh;
    display: flex;
}

.navbar-password {
    z-index: 1999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.password-content.cc-viewport {
    height: auto;
    min-height: 0;
    margin-top: 0;
    padding-top: 0;
}

.heading-4 {
    font-family: Satoshi Variable, sans-serif;
}

.div-block-34 {
    align-self: center;
}

.about {
    flex-flow: column;
    justify-content: space-around;
    height: 90vh;
    display: flex;
}

.about-navbar {
    z-index: 1999;
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.about-footer {
    z-index: 2;
    width: 100%;
    max-width: 1290px;
    height: auto;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    transition: background-color 0.2s, color 0.2s;
    position: -webkit-sticky;
    position: sticky;
}

.about-content {
    justify-content: space-around;
    align-items: stretch;
    display: flex;
}

.about-content.cc-viewport {
    height: auto;
    min-height: 0;
    margin-top: 0;
    padding-top: 0;
}

.image-28 {
    width: 40vw;
    max-width: none;
    height: auto;
    max-height: 750px;
    margin: 0 5vw;
}

.text-block-9 {
    text-align: left;
    align-self: center;
    margin-top: 1vh;
    margin-bottom: 1vh;
    font-family: Switzer, sans-serif;
    font-size: 1.6vw;
    font-weight: 300;
    line-height: 26px;
}

.text-block-10 {
    color: #00f;
    text-align: left;
    font-family: IBM Plex Serif, sans-serif;
    font-size: 3vh;
    font-weight: 500;
    line-height: 1;
}

.div-block-35 {
    align-self: center;
    padding-left: 5vw;
    padding-right: 5vw;
}

.image-29 {
    object-fit: contain;
    width: 20vw;
    max-width: none;
    max-height: 300px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -250px;
    position: fixed;
    top: auto;
    bottom: -3%;
    left: auto;
    right: auto;
}

.image-30 {
    object-fit: contain;
    width: 22vw;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: 400px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -200px;
    position: absolute;
    top: -8%;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: clip;
}

.body-2 {
    overflow: hidden;
}

@media screen and (min-width: 1280px) {
    body {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }

    .body {
        font-size: 10px;
    }

    .section {
        margin-top: 120px;
        display: block;
        overflow: hidden;
    }

    .container {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        object-fit: fill;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: -webkit-sticky;
        position: sticky;
    }

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

    .display-1 {
        font-size: 100px;
        line-height: 108px;
    }

    .display-1.margin-bottom-45.cc-narrow {
        max-width: 100%;
        font-family: Ubuntu, Helvetica, sans-serif;
        font-size: 100px;
        font-weight: 400;
    }

    .display-1.stroke {
        -webkit-text-stroke-color: var(--blue);
    }

    .header-heading {
        font-family: Satoshi Variable, sans-serif;
        font-size: 90px;
        font-weight: 300;
        line-height: 98px;
    }

    .header-heading.margin-bottom-40.cc-narrow {
        max-width: 70%;
    }

    .header-heading.margin-bottom-20 {
        font-size: 90px;
    }

    .paragraph-large.margin-bottom-80 {
        text-align: left;
        font-size: 26px;
        line-height: 38px;
    }

    .paragraph-extra-large.cc-narrow {
        max-width: 70%;
    }

    .navbar {
        opacity: 1;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

    .button {
        transition: color 0.2s;
        overflow: hidden;
    }

    .button-text {
        font-size: 16px;
    }

    .text-emphasize {
        color: var(--blue);
        font-family: IBM Plex Serif, sans-serif;
    }

    .sc-link-item {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .container-inner {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .container-inner.contact {
        padding-bottom: 160px;
    }

    .works-grid-post-details {
        padding-bottom: 50px;
    }

    .post-title {
        align-self: auto;
        font-size: 36px;
        line-height: 44px;
    }

    .scrolling-text {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .address {
        max-width: 63%;
    }

    .text-field {
        font-size: 18px;
        line-height: 26px;
    }

    .hero-wrapper {
        justify-content: space-between;
        align-items: stretch;
        height: 90vh;
        padding-bottom: 3em;
        display: flex;
    }

    .cursor-text-view {
        font-size: 18px;
    }

    .page-title {
        font-family: Satoshi Variable, sans-serif;
    }

    .details {
        width: 60%;
    }

    .wrapper-narrow {
        width: 55%;
    }

    .page-headline {
        width: 65%;
    }

    .text-span-2 {
        font-family: Gt Sectra Fine Book, sans-serif;
    }

    .text-span-2.name {
        color: var(--blue);
        margin-top: 0.1em;
        font-size: 130px;
        line-height: 130px;
    }

    .text-span-2.hi {
        justify-content: center;
        align-items: center;
        font-family: Satoshi Variable, sans-serif;
        font-size: 110px;
        font-weight: 300;
        line-height: 110px;
    }

    .rotating-text {
        color: var(--blue);
        font-size: 96px;
        font-style: italic;
    }

    .heade {
        height: 200svh;
    }

    .header-container {
        flex-flow: row;
        justify-content: center;
        align-items: center;
        height: 100svh;
        padding-left: 50px;
        padding-right: 50px;
        display: flex;
        position: static;
        top: 0;
        overflow: hidden;
    }

    .header-text-container {
        padding-right: 100px;
    }

    .div-block-8 {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        overflow: hidden;
    }

    .title.features {
        margin-bottom: -10vh;
    }

    .div-block-11 {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .methodology {
        background-color: var(--transparent);
        margin-left: 0;
        margin-right: 0;
    }

    .div-block-13 {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .text-block-2 {
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
        font-family: Switzer, sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.66;
    }

    .text-block-2.problem-statement {
        width: 75%;
        font-size: 20px;
        font-weight: 400;
    }

    .text-block-2.problem-statement.goal {
        text-align: left;
    }

    .text-block-2.problem-statement.goal.sublabel {
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
        font-weight: 300;
        text-decoration: none;
    }

    .divider-section {
        margin-bottom: 20px;
    }

    .teaser-copy._3 {
        padding-top: 0;
        padding-right: 0;
    }

    .teaser-container {
        padding-left: 100px;
        padding-right: 100px;
    }

    .title1 {
        color: var(--carina-teal);
    }

    .teaser-grid {
        padding-top: 0;
    }

    .teaser-img._2 {
        width: auto;
        max-width: none;
        height: 60vw;
        max-height: 768px;
        margin-top: 20%;
    }

    .teaser-img._2.testingimage {
        height: 45vw;
        max-height: 648px;
        margin-top: 20%;
        margin-bottom: 0;
    }

    .teaser-img._3 {
        width: auto;
        max-width: none;
        height: 60vw;
        max-height: 768px;
        margin-top: 20%;
        margin-bottom: 0;
    }

    .teaser-img._3.testingimage {
        height: 45vw;
        max-height: 648px;
        margin-top: 20%;
    }

    .teaser-img._4,
    .teaser-img._1 {
        width: auto;
        max-width: none;
        height: 60vw;
        max-height: 768px;
        margin-top: 20%;
        margin-bottom: 50px;
    }

    .teaser-img._1.testingimage {
        height: 45vw;
        max-height: 648px;
        margin-top: 20%;
        padding-left: 100px;
    }

    .teaser-img._5 {
        height: 60vw;
        max-height: 768px;
        margin-top: 20%;
    }

    .p-teaser-img-wrap {
        height: 100vh;
        top: 0;
    }

    .p-teaser-img-wrap.testingimgwrap {
        height: 100vh;
        padding-left: 0;
    }

    .div-block-16 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        border-radius: 50px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .results {
        object-fit: fill;
        justify-content: center;
        position: static;
    }

    .project {
        background-color: var(--background);
        margin-left: 0;
        margin-right: 0;
    }

    .synthesis {
        background-color: var(--transparent);
        margin-left: 0;
        margin-right: 0;
    }

    .next-steps {
        background-color: var(--background);
        margin-left: 0;
        margin-right: 0;
    }

    .image-11,
    .image-14 {
        align-self: center;
    }

    .design,
    .carousel {
        background-color: var(--transparent);
        margin-left: 0;
        margin-right: 0;
    }

    .brand-3.w--current {
        width: 100%;
    }

    .div-block-22 {
        margin-left: auto;
        margin-right: auto;
    }

    .next-case-study {
        background-color: var(--carina-teal);
        margin-left: 0;
        margin-right: 0;
    }

    .div-block-27 {
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .link-block-2 {
        width: 16px;
        padding-bottom: 3px;
    }

    .text-block-5 {
        font-family: Satoshi Variable, sans-serif;
        font-weight: 400;
    }

    .hero-landing.cc-viewport {
        height: 90vh;
        min-height: 90vh;
    }

    .text-block-6.text-secondary {
        text-align: left;
        font-size: 16px;
        line-height: 26px;
    }

    .button-3 {
        transition: color 0.2s;
        overflow: hidden;
    }

    .container-4 {
        max-width: 1500px;
    }

    ._404-footer {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        object-fit: fill;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: -webkit-sticky;
        position: sticky;
    }

    .about-navbar {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .about-footer {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        object-fit: fill;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        align-items: center;
        max-width: 1500px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: -webkit-sticky;
        position: sticky;
    }

    .image-28 {
        max-width: none;
        margin-left: 100px;
        margin-right: 50px;
    }

    .text-block-9 {
        font-size: 20px;
        line-height: 30px;
    }

    .div-block-35 {
        padding-left: 100px;
        padding-right: 50px;
    }

    .image-29 {
        vertical-align: baseline;
        max-width: none;
        margin: 0 0 0 -250px;
        padding-top: 0;
        display: inline-block;
        position: fixed;
        top: auto;
        bottom: -3%;
        left: auto;
        right: auto;
    }

    .text-block-11 {
        font-size: 37px;
        position: -webkit-sticky;
        position: sticky;
    }

    .image-30 {
        max-width: none;
        margin-left: -200px;
        position: absolute;
        top: -8%;
        bottom: auto;
        left: auto;
        right: auto;
    }
}

@media screen and (max-width: 991px) {
    .container {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        transition: background-color 0.2s, color 0.2s;
    }

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

    .display-1 {
        font-size: 8em;
        line-height: 1.1;
    }

    .header-heading {
        font-size: 5.5em;
        line-height: 1;
    }

    .header-heading.margin-bottom-40.cc-narrow {
        max-width: none;
        font-size: 6em;
        line-height: 1;
    }

    .header-heading.margin-bottom-25 {
        font-size: 5.4em;
        line-height: 1;
    }

    .header-heading.margin-bottom-20 {
        line-height: 78px;
    }

    .paragraph-large {
        margin-bottom: 30px;
    }

    .paragraph-large.margin-bottom-80 {
        font-size: 3em;
    }

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

    .paragraph-extra-large {
        margin-bottom: 30px;
    }

    .paragraph-extra-large.cc-narrow {
        max-width: none;
    }

    .navbar {
        opacity: 1;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: rgba(0, 0, 0, 0);
    }

    .nav-menu-wrapper {
        z-index: 999;
        background-color: #fff;
        width: 100%;
        height: auto;
        position: absolute;
    }

    .navbar-inner {
        display: none;
        position: relative;
    }

    .nav-menu {
        grid-row-gap: 0px;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        flex-flow: column wrap;
        justify-content: space-around;
        align-items: flex-start;
        padding-left: 0;
        display: flex;
    }

    .nav-menu-flex {
        flex-direction: column;
        padding-left: 30px;
        padding-right: 30px;
    }

    .nav-link {
        height: auto;
        padding: 6px 0;
    }

    .navbar-border {
        display: none;
    }

    .dropdown-item {
        height: auto;
        padding: 6px 0;
    }

    .dropdown-link {
        color: #fff;
        padding: 6px 0;
    }

    .navbar-wrapper-mobile {
        display: flex;
    }

    .nav-menu-wrapper-mobile {
        z-index: 1999;
        background-color: var(--transparent);
        opacity: 1;
        -webkit-backdrop-filter: blur(5px) blur(9px);
        backdrop-filter: blur(5px) blur(9px);
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .nav-menu-wrapper-mobile.nav {
        position: static;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: auto;
    }

    .dropdown-list-mobile {
        padding-left: 10px;
    }

    .navbar-brand-mobile {
        padding-top: 24px;
        padding-bottom: 24px;
        display: flex;
    }

    .navbar-inner-mobile {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .nav-menu-flex-mobile {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        flex-direction: column;
        padding: 30px 40px;
        display: block;
    }

    .nav-link-mobile {
        color: var(--dark);
        height: auto;
        padding: 6px 0;
    }

    .nav-link-mobile:hover {
        color: var(--secondary);
    }

    .nav-link-mobile.w--current {
        color: var(--dark);
    }

    .dropdown-item-mobile {
        height: auto;
        padding: 6px 0;
    }

    .dropdown-item-mobile:hover {
        color: var(--secondary);
    }

    .dropdown-link-mobile {
        color: var(--transparent);
        padding: 6px 0;
    }

    .dropdown-link-mobile.w--current {
        color: #c7acac;
    }

    .menu-button {
        margin-left: 10px;
        padding: 0;
    }

    .menu-button.w--open {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        color: #60697b;
        background-color: rgba(0, 0, 0, 0);
    }

    .burger-line.cc-top,
    .burger-line.cc-middle,
    .burger-line.cc-bottom {
        width: 20px;
        height: 2px;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .navbar-space {
        display: none;
    }

    .shape-flower,
    .shape-star {
        background-size: 50px;
    }

    .explore {
        padding-top: 40px;
    }

    .headline-grid {
        flex-direction: column;
        display: flex;
    }

    .flex-vertical {
        justify-content: flex-start;
        align-items: center;
    }

    .works-grid {
        flex-direction: column;
        grid-template-columns: 1fr;
        display: flex;
    }

    .works-grid-post-details.margin-bottom-80 {
        margin-bottom: 0;
    }

    .post-title {
        text-align: left;
        font-size: 3em;
        line-height: 1.2;
    }

    .services-grid {
        grid-column-gap: 0px;
        grid-row-gap: 80px;
        flex-direction: column;
        grid-template-columns: 1fr;
        display: flex;
    }

    .about-grid {
        flex-direction: column;
        display: flex;
    }

    .contact-grid {
        flex-direction: column;
        width: 100%;
        display: flex;
    }

    .address {
        max-width: none;
    }

    .text-field,
    .textarea {
        font-size: 18px;
    }

    .hidden {
        display: block;
    }

    .cursor-text-view {
        font-size: 2vw;
    }

    .sticky {
        margin-bottom: 0;
        position: static;
    }

    .shape {
        width: 50px;
    }

    .summary-grid {
        grid-row-gap: 50px;
        flex-direction: column;
        display: flex;
    }

    .cta {
        text-align: center;
    }

    .page-title {
        font-size: 140px;
        line-height: 148px;
    }

    .details {
        display: block;
    }

    .wrapper-narrow {
        width: 100%;
    }

    .home-hero_images-wrapper {
        width: 10rem;
        height: 10rem;
        right: 0;
    }

    .home-hero_text-column {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .home-hero_cta__content-wrap {
        grid-column-gap: 0.5rem;
        grid-row-gap: 0.5rem;
        max-width: 18rem;
    }

    .home-hero_cta-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 1.5rem;
    }

    .home-hero_cta-yes {
        font-size: 2rem;
    }

    .home-hero_cta-text {
        font-size: 1rem;
    }

    .padding-global {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .home-hero_parent {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
    }

    .padding-section-large {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .text-rotate-wrap {
        margin-left: 0;
    }

    .grid-mask,
    .header-container {
        position: static;
    }

    .labels {
        word-break: normal;
        position: static;
    }

    .header-image {
        display: none;
    }

    .header {
        height: 100svh;
    }

    .div-block-13 {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }

    .text-block-2 {
        padding-bottom: 30px;
    }

    .text-block-2.problem-statement {
        width: 100%;
    }

    .text-block-2.problem-statement.goal.sublabel {
        padding: 0;
    }

    .text-block-2.projectoverview {
        width: 100%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .html-embed {
        width: 60%;
        padding-left: 0;
        padding-right: 100px;
    }

    .teaser-copy {
        margin-top: 1.5em;
        margin-bottom: 5em;
    }

    .teaser-copy._1 {
        margin-top: 1.5em;
    }

    .teaser-copy._3 {
        padding-top: 0;
    }

    .teaser-container.testingteaser {
        padding-left: 100px;
        padding-right: 100px;
    }

    .title1 {
        font-size: 28px;
        line-height: 1.66;
    }

    .title1.testingtitle {
        font-size: 26px;
        line-height: 1.66;
    }

    .teaser-grid {
        flex-direction: column;
    }

    .teaser-grid.testinggrid {
        padding-left: 100px;
        padding-right: 100px;
    }

    .teaser-copy-wrap {
        flex-direction: column;
        height: auto;
    }

    .teaser-column {
        width: 100%;
    }

    .teaser-column._2 {
        width: 100%;
        margin-right: 0;
    }

    .teaser-img {
        width: 70vw;
        max-width: none;
        height: auto;
        margin-top: 15vh;
        padding-left: 0;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .teaser-img._2,
    .teaser-img._3,
    .teaser-img._4 {
        width: 70vw;
        max-width: none;
        height: auto;
        margin-bottom: 20px;
    }

    .p-teaser-img-wrap {
        display: none;
    }

    .teaser-img-tablet-down {
        display: block;
    }

    .div-block-16 {
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-columns: 1fr;
        padding: 20px;
        display: none;
    }

    .div-block-16.mobile {
        background-color: var(--light-orange);
        display: block;
    }

    .impact-image {
        width: 25%;
        margin: 0 0 20px;
    }

    .div-block-18 {
        justify-content: space-around;
        width: 100%;
        display: flex;
    }

    .image-17,
    .image-18,
    .image-19 {
        width: 70%;
    }

    .synthesisimage {
        padding: 0;
    }

    .disoveryimage.discoveryimage {
        width: 60%;
        padding: 0;
    }

    .ideationimage,
    .designimage,
    .deliveryimage {
        padding: 0;
    }

    .carousel-container {
        justify-content: space-around;
        align-items: stretch;
    }

    .logo-container {
        min-width: 500%;
        left: auto;
    }

    .prototype-images {
        height: 250px;
    }

    .brand-3 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .brand-3.w--current {
        width: 150px;
    }

    .image-22 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .anchor {
        display: block;
    }

    .anchor.w--current {
        display: none;
    }

    .next-case-study {
        padding-left: 25%;
    }

    .link-block-2 {
        padding-bottom: 0;
        display: block;
    }

    .text-rotate-cell {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-landing.cc-viewport {
        height: 80vh;
        min-height: 80vh;
    }

    .text-block-6.text-secondary {
        text-align: left;
        font-size: 0.9em;
    }

    .link-block-3 {
        cursor: pointer;
    }

    .nav-link-mobile-2 {
        color: #141413;
        height: auto;
        padding: 6px 0;
    }

    .nav-link-mobile-2:hover,
    .nav-link-mobile-2.w--current {
        color: rgba(20, 20, 19, 0.6);
    }

    .navbar-wrapper-mobile-2 {
        display: flex;
    }

    .nav-menu-flex-mobile-2 {
        flex-direction: column;
        padding: 30px 40px;
    }

    .hidden-2 {
        display: none;
    }

    .nav-menu-flex-2 {
        flex-direction: column;
        padding-left: 30px;
        padding-right: 30px;
    }

    .dropdown-link-2,
    .dropdown-link-mobile-2 {
        color: #fff;
        padding: 6px 0;
    }

    .dropdown-link-mobile-2.w--current {
        color: #c7acac;
    }

    .nav-link-2 {
        height: auto;
        padding: 6px 0;
    }

    .navbar-inner-mobile-2 {
        align-items: center;
        display: flex;
    }

    .menu-button-2 {
        margin-left: 10px;
        padding: 0;
    }

    .menu-button-2.w--open {
        color: #60697b;
        background-color: rgba(0, 0, 0, 0);
    }

    .nav-menu-2 {
        grid-row-gap: 0px;
        flex-flow: column wrap;
        justify-content: space-around;
        align-items: flex-start;
        padding-left: 0;
        display: flex;
    }

    .nav-menu-wrapper-mobile-2 {
        background-color: #fcfcfc;
        margin-left: 50px;
        margin-right: 50px;
        top: 72px;
        transform: translate(0, 10px);
    }

    .dropdown-item-mobile-2 {
        height: auto;
        padding: 6px 0;
    }

    .dropdown-item-mobile-2:hover {
        color: rgba(20, 20, 19, 0.6);
    }

    .hidden-3 {
        display: none;
    }

    .dropdown-link-mobile-3 {
        color: #fff;
        padding: 6px 0;
    }

    .dropdown-link-mobile-3.w--current {
        color: #c7acac;
    }

    .navbar-inner-mobile-3 {
        align-items: center;
        display: flex;
    }

    .menu-button-3 {
        margin-left: 10px;
        padding: 0;
    }

    .menu-button-3.w--open {
        color: #60697b;
        background-color: rgba(0, 0, 0, 0);
    }

    ._404-footer,
    .about-footer {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        transition: background-color 0.2s, color 0.2s;
    }

    .about-content {
        flex-flow: column;
    }

    .image-28 {
        align-self: center;
        width: 40vw;
    }

    .text-block-9 {
        font-size: 2.2vw;
        line-height: 30px;
    }

    .div-block-35 {
        padding: 5vh 15vw;
    }

    .image-29 {
        display: none;
    }

    .text-block-11 {
        font-size: 2.5vh;
    }

    .image-30 {
        display: none;
    }

    .body-2 {
        overflow: visible;
    }
}

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

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

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

    h4 {
        font-size: 24px;
        line-height: 34px;
    }

    h5 {
        font-size: 22px;
        line-height: 32px;
    }

    h6 {
        font-size: 20px;
        line-height: 30px;
    }

    .sg-section {
        grid-row-gap: 60px;
        grid-template-columns: 1fr;
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .display-1 {
        font-size: 8em;
        line-height: 1;
    }

    .header-heading {
        font-size: 6.6em;
        line-height: 1;
    }

    .header-heading.margin-bottom-40.cc-narrow {
        font-size: 9em;
    }

    .header-heading.margin-bottom-25 {
        font-size: 7em;
    }

    .header-heading.margin-bottom-20 {
        line-height: 78px;
    }

    .paragraph-large {
        font-size: 22px;
        line-height: 34px;
    }

    .paragraph-large.margin-bottom-80 {
        font-size: 3em;
    }

    .paragraph-extra-large {
        font-size: 26px;
        line-height: 38px;
    }

    .nav-menu {
        flex-direction: column;
        padding-left: 0;
    }

    .nav-link,
    .dropdown-item,
    .dropdown-link {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .navbar-brand-mobile {
        padding-left: 0;
    }

    .dropdown-item-mobile {
        display: flex;
    }

    .shape-flower,
    .shape-star {
        background-size: 35px;
    }

    .container-inner {
        padding-top: 10em;
        padding-bottom: 10em;
    }

    .unicon-large {
        font-size: 32px;
    }

    .works-grid {
        grid-column-gap: 0px;
        grid-row-gap: 70px;
    }

    .post-title {
        text-align: left;
        font-size: 30px;
        line-height: 38px;
    }

    .scrolling-text-row {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .features-grid {
        flex-direction: column;
        display: flex;
    }

    .feature.cc-border-bottom-mobile {
        border-bottom: 1px solid var(--transparent);
    }

    .contact-form-block {
        width: 100%;
    }

    .form-fields-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .text-field {
        font-size: 18px;
    }

    .textarea {
        padding-top: 8px;
        font-size: 18px;
    }

    .project-info {
        grid-row-gap: 30px;
        flex-direction: column;
        align-items: flex-start;
    }

    .cursor-text-view {
        font-size: 3vw;
    }

    .shape {
        width: 35px;
    }

    .summary-grid {
        margin-top: 60px;
        margin-bottom: 120px;
    }

    .gallery {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
        display: flex;
    }

    .cta {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .gallery-large-image-wrapper {
        margin-bottom: 30px;
    }

    .footer-flex {
        grid-row-gap: 15px;
        flex-direction: column;
    }

    .brand {
        padding-left: 0;
    }

    .page-title {
        font-size: 50px;
        line-height: 58px;
    }

    .details {
        padding-top: 120px;
        padding-bottom: 95px;
    }

    .text-span-2.name {
        font-size: 1.5em;
    }

    .text-span-2.hi {
        font-size: 1.2em;
    }

    .home-hero_images-wrapper {
        width: 8rem;
        height: 8rem;
    }

    .home-hero_video-column {
        max-height: 30rem;
    }

    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .section-2.home-hero {
        height: auto;
    }

    .home-hero_component {
        grid-template-columns: 1fr;
    }

    .padding-section-large {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .text-block-2.problem-statement.goal {
        text-align: left;
    }

    .teaser-copy {
        padding-right: 0%;
    }

    .teaser-container {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .teaser-container.testingteaser {
        padding-left: 75px;
        padding-right: 75px;
    }

    .title1 {
        font-size: 2.6em;
    }

    .teaser-grid.testinggrid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .image-17,
    .image-18,
    .image-19 {
        width: 70%;
    }

    .text-block-6.text-secondary {
        font-size: 0.8em;
    }

    .dropdown-link-2,
    .nav-link-2 {
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }

    .nav-menu-2 {
        flex-direction: column;
        padding-left: 0;
    }

    .dropdown-item-mobile-2 {
        display: flex;
    }

    .image-28 {
        width: 50vw;
        min-width: 300px;
    }

    .text-block-9 {
        font-size: 18px;
        line-height: 26px;
    }

    .text-block-11 {
        font-size: 30px;
    }
}

@media screen and (max-width: 479px) {
    .container {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sg-button-block {
        margin-bottom: 20px;
    }

    .display-1 {
        font-size: 10em;
    }

    .header-heading {
        white-space: nowrap;
        font-size: 7em;
    }

    .header-heading.margin-bottom-40.cc-narrow {
        font-size: 14em;
    }

    .header-heading.margin-bottom-25 {
        font-size: 8em;
    }

    .header-heading.margin-bottom-20 {
        white-space: normal;
        font-size: 50px;
        line-height: 58px;
    }

    .paragraph-large.margin-bottom-80 {
        font-size: 5em;
    }

    .nav-menu-wrapper {
        width: 80%;
    }

    .nav-menu {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        flex-direction: column;
    }

    .navbar-wrapper-mobile {
        flex-flow: row;
        overflow: hidden;
    }

    .nav-menu-wrapper-mobile {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        width: auto;
        margin-top: -2px;
        margin-left: 20px;
        margin-right: 20px;
        overflow: hidden;
    }

    .nav-menu-wrapper-mobile.nav {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        text-align: center;
        position: static;
    }

    .navbar-inner-mobile {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .nav-menu-flex-mobile {
        opacity: 1;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        text-align: center;
        display: block;
    }

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

    .scrolling-text {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
    }

    .text-field,
    .textarea {
        font-size: 18px;
    }

    .cursor-text-view {
        font-size: 4vw;
    }

    .home-hero__things-text {
        display: block;
    }

    .home-hero_images-wrapper {
        width: 7rem;
        height: 7rem;
        top: 3rem;
    }

    .home-hero_heading {
        font-size: 2.5rem;
    }

    .home-hero_text-column {
        padding-top: 2.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .home-hero_video-column {
        border-radius: 1rem;
    }

    .home-hero_cta-wrapper {
        flex-direction: column;
    }

    .home-hero_bg-wrapper {
        border-radius: 1rem;
    }

    .header-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .header-text-container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        position: static;
    }

    .header-labels {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }

    .labels {
        align-self: flex-start;
    }

    .title {
        font-size: 40px;
        line-height: 60px;
    }

    .methodology {
        padding: 40px;
    }

    .div-block-13 {
        flex-flow: column;
        justify-content: center;
        align-self: auto;
        align-items: flex-start;
    }

    .div-block-13.goal-and-hypothesis-container.embed {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
    }

    .text-block-2 {
        align-self: auto;
        width: 100%;
        line-height: 1.66;
    }

    .text-block-2.problem-statement {
        align-self: flex-start;
        width: 100%;
    }

    .text-block-2.problem-statement.hypothesis {
        width: 100%;
        font-size: 20px;
    }

    .text-block-2.problem-statement.goal {
        white-space: normal;
        overflow: visible;
    }

    .text-block-2.problem-statement.goal.hypothesis {
        font-size: 20px;
    }

    .text-block-2.problem-statement.goal.sublabel {
        font-size: 14px;
    }

    .text-block-2.projectoverview {
        background-color: var(--light-orange);
        border-radius: 20px;
        padding: 15px;
    }

    .impact,
    .product-reveal.product_reveal {
        padding: 40px;
    }

    .html-embed {
        width: 100%;
        padding-right: 0;
    }

    .teaser-container,
    .teaser-container.testingteaser {
        padding-left: 0;
        padding-right: 0;
    }

    .title1 {
        font-size: 2em;
    }

    .teaser-grid,
    .teaser-grid.testinggrid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .teaser-column._1 {
        width: 100%;
    }

    .teaser-img._2 {
        margin-bottom: 0;
    }

    .teaser-img._1.testingimage {
        width: 100%;
        height: 100%;
        padding-left: 0;
    }

    .prototype {
        text-align: center;
        font-size: 24px;
    }

    .svg-arrow-2 {
        display: none;
    }

    .div-block-18 {
        justify-content: space-around;
        align-self: auto;
        align-items: baseline;
    }

    .method-subtext {
        font-size: 14px;
    }

    .project.project-overview,
    .discovery,
    .synthesis,
    .ideation,
    .next-steps {
        padding: 40px;
    }

    .image-17,
    .image-18,
    .image-19 {
        width: 70%;
    }

    .design {
        padding: 40px;
    }

    .disoveryimage.discoveryimage {
        width: 60%;
    }

    .businessanalysis {
        width: 100%;
    }

    .logo-container {
        left: 21px;
    }

    .prototype-images {
        height: 150px;
    }

    .goal-hypothesis {
        padding: 40px;
    }

    .carousel {
        padding: 30px;
    }

    .brand-3.w--current {
        width: 150px;
    }

    .bold-text-3,
    .bold-text-4,
    .bold-text-5,
    .bold-text-6,
    .bold-text-7,
    .bold-text-8 {
        font-size: 20px;
    }

    .div-block-23 {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

    .next-case-study {
        padding: 40px;
    }

    .text-rotate-cell {
        display: none;
    }

    .text-block-6.text-secondary {
        font-size: 0.7em;
    }

    .container-4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-menu-2 {
        flex-direction: column;
    }

    .nav-menu-wrapper-mobile-2 {
        background-color: #ececec;
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    ._404-footer,
    .about-footer {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        padding-left: 20px;
        padding-right: 20px;
    }

    .image-28 {
        min-width: 200px;
    }
}

#w-node-_3bb57079-fb73-2276-6192-9e80e29648af-1dbacfd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
}

#w-node-_054fbe68-656c-9c85-1290-512c621df78d-1dbacfd8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_054fbe68-656c-9c85-1290-512c621df79c-1dbacfd8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: auto;
}

#w-node-_32cb99e2-5005-3c6e-acd1-6b3341811868-1dbacfd8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_19f79d42-4a3a-6fdc-e6a5-45428cec3fa7-1dbacfd8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
    justify-self: stretch;
}

#w-node-_181b7183-fd20-6bb3-7347-33988138c3ce-1dbacfd8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_303d8ee9-c2a9-bd28-76dd-26135ffbc6f8-1dbacfd8,
#w-node-_26235fa3-ba97-ff5b-574e-29d3ef193518-1dbacfd8,
#w-node-_41f63857-891d-fa5b-1131-ca0bfc2b8c73-1dbacfd8,
#w-node-_2cb77f1b-dba7-e8eb-614f-0f8154cced90-1dbacfd8,
#w-node-_56b53fb4-6813-d8b7-bd09-e2a0fa1c5f0d-1dbacfd8,
#w-node-_1767b4ba-342e-3fa3-4dd7-23bdd1c2dcb1-1dbacfd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25381d88-8ffe-1b29-f3c0-d9dabf7e8ac1-1dbacfd8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_25381d88-8ffe-1b29-f3c0-d9dabf7e8ac6-1dbacfd8 {
    grid-area: 1 / 4 / 2 / 6;
    justify-self: end;
}

#w-node-_69eccf6d-a201-df7c-5c41-babcd44bf910-1dbacfd8,
#w-node-_6704a491-0e2a-0657-2f2f-ea281550b4a4-1dbacfd8,
#w-node-_4978ec99-fc61-0b94-b5bc-5d0b901a5be9-1dbacfd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c96677ea-1326-053d-6dfb-fcfd63235acc-1dbacfda {
    grid-area: 1 / 3 / 2 / 11;
    justify-self: center;
}

#w-node-_561e2d32-731f-a0c6-07f3-86416b7a0f5b-1dbacfdb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db964ad1-114f-3fd6-816f-c19209fd8fa6-1dbacfdb {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_561e2d32-731f-a0c6-07f3-86416b7a0f5b-1dbacfde {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-db964ad1-114f-3fd6-816f-c19209fd8fa6-1dbacfde,
#w-node-_9672e5c7-58ae-97ec-952f-30c407df0acb-1dbacfde,
#w-node-ae55a73c-cf05-f567-78d8-7e17ce88c9ab-1dbacfde,
#w-node-_68ec6a57-d8f0-a442-a3b1-543b1c629876-1dbacfde,
#w-node-cd193904-5227-c440-3b84-8eef6d854f4a-1dbacfdf,
#w-node-_4c39dfb2-5ce4-1ed4-24d9-01cf5a682158-1dbacfdf,
#w-node-_9f7e7334-9ae7-5911-fafe-fba726522020-1dbacfdf,
#w-node-c2b652eb-a6a6-0a7e-9c10-9efbc862e0e4-1dbacfdf {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d1e8287a-0c9e-622b-8ecc-80b067766519-62d2166e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d66fc26d-a1bf-0588-9e08-06a54ac5c07d-62d2166e,
#w-node-a10cc46f-1b04-6705-00ae-81b54651ad77-62d2166e,
#w-node-_7afc804e-fbc9-d804-f553-c9f02bd47d4c-62d2166e,
#w-node-a521677d-286d-b141-3670-95670e891cf1-62d2166e,
#w-node-a521677d-286d-b141-3670-95670e891cf2-62d2166e,
#w-node-a521677d-286d-b141-3670-95670e891cf3-62d2166e {
    align-self: center;
    justify-self: center;
}

#w-node-_48a79420-d484-3dd4-7324-7b6d7e53293c-62d2166e {
    align-self: auto;
}

#w-node-_20dfe665-879f-4d4b-86da-f32c71e90df1-62d2166e {
    justify-self: start;
}

#w-node-be27dc9d-4962-3bd8-829d-f6387270c187-62d2166e,
#w-node-_7e8ffdc9-566f-9c9f-abf3-0b731321287c-62d2166e,
#w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ed2-62d2166e {
    align-self: auto;
}

#w-node-fcc882cd-59b5-f952-2747-0e1daadf3cdf-62d2166e {
    justify-self: start;
}

#w-node-fcc882cd-59b5-f952-2747-0e1daadf3ce2-62d2166e {
    align-self: auto;
}

#w-node-fcc882cd-59b5-f952-2747-0e1daadf3ce8-62d2166e {
    justify-self: start;
}

#w-node-fcc882cd-59b5-f952-2747-0e1daadf3ceb-62d2166e,
#w-node-fcc882cd-59b5-f952-2747-0e1daadf3cf4-62d2166e,
#w-node-fcc882cd-59b5-f952-2747-0e1daadf3cf7-62d2166e {
    align-self: auto;
}

#w-node-d1e8287a-0c9e-622b-8ecc-80b067766519-4dec652c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d66fc26d-a1bf-0588-9e08-06a54ac5c07d-4dec652c,
#w-node-a10cc46f-1b04-6705-00ae-81b54651ad77-4dec652c,
#w-node-_7afc804e-fbc9-d804-f553-c9f02bd47d4c-4dec652c,
#w-node-a521677d-286d-b141-3670-95670e891cf1-4dec652c,
#w-node-a521677d-286d-b141-3670-95670e891cf2-4dec652c,
#w-node-a521677d-286d-b141-3670-95670e891cf3-4dec652c {
    align-self: center;
    justify-self: center;
}

#w-node-_383efa26-1694-cf8f-68be-85ef515f228a-4dec652c {
    justify-self: start;
}

#w-node-_48a79420-d484-3dd4-7324-7b6d7e53293c-4dec652c {
    align-self: auto;
}

#w-node-c07e43f4-07c1-5cdf-abd8-8d6d775a56e6-4dec652c,
#w-node-_20dfe665-879f-4d4b-86da-f32c71e90df1-4dec652c {
    justify-self: start;
}

#w-node-be27dc9d-4962-3bd8-829d-f6387270c187-4dec652c {
    align-self: auto;
}

#w-node-_20dfe665-879f-4d4b-86da-f32c71e90dfb-4dec652c,
#w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ec8-4dec652c {
    justify-self: start;
}

#w-node-_7e8ffdc9-566f-9c9f-abf3-0b731321287c-4dec652c {
    align-self: auto;
}

#w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ed2-4dec652c {
    align-self: auto;
    justify-self: start;
}

#w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d7d-4dec652c {
    justify-self: start;
}

#w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d80-4dec652c {
    align-self: auto;
}

#w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d86-4dec652c {
    justify-self: start;
}

#w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d89-4dec652c,
#w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d92-4dec652c,
#w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d95-4dec652c {
    align-self: auto;
}

@media screen and (min-width: 1280px) {
    #w-node-db964ad1-114f-3fd6-816f-c19209fd8fa3-1dbacfdb {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-db964ad1-114f-3fd6-816f-c19209fd8fa6-1dbacfdb {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-db964ad1-114f-3fd6-816f-c19209fd8fa3-1dbacfde {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-db964ad1-114f-3fd6-816f-c19209fd8fa6-1dbacfde {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-_9672e5c7-58ae-97ec-952f-30c407df0ac8-1dbacfde {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_9672e5c7-58ae-97ec-952f-30c407df0acb-1dbacfde {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-ae55a73c-cf05-f567-78d8-7e17ce88c9a8-1dbacfde {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-ae55a73c-cf05-f567-78d8-7e17ce88c9ab-1dbacfde {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-_68ec6a57-d8f0-a442-a3b1-543b1c629873-1dbacfde {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_68ec6a57-d8f0-a442-a3b1-543b1c629876-1dbacfde {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-cd193904-5227-c440-3b84-8eef6d854f47-1dbacfdf {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-cd193904-5227-c440-3b84-8eef6d854f4a-1dbacfdf {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-_4c39dfb2-5ce4-1ed4-24d9-01cf5a682155-1dbacfdf {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_4c39dfb2-5ce4-1ed4-24d9-01cf5a682158-1dbacfdf {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-_9f7e7334-9ae7-5911-fafe-fba72652201d-1dbacfdf {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_9f7e7334-9ae7-5911-fafe-fba726522020-1dbacfdf {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-c2b652eb-a6a6-0a7e-9c10-9efbc862e0e1-1dbacfdf {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-c2b652eb-a6a6-0a7e-9c10-9efbc862e0e4-1dbacfdf {
        grid-area: 1 / 2 / 2 / 4;
    }

    #w-node-_383efa26-1694-cf8f-68be-85ef515f228a-62d2166e,
    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ec8-62d2166e,
    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ed2-62d2166e,
    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3cee-62d2166e,
    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3cf1-62d2166e,
    #w-node-_383efa26-1694-cf8f-68be-85ef515f228a-4dec652c,
    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ec8-4dec652c,
    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ed2-4dec652c,
    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d7d-4dec652c,
    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d8f-4dec652c,
    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d95-4dec652c {
        justify-self: start;
    }
}

@media screen and (max-width: 991px) {
    #w-node-_3bb57079-fb73-2276-6192-9e80e29648af-1dbacfd8 {
        grid-area: span 1 / span 5 / span 1 / span 5;
    }

    #w-node-_19f79d42-4a3a-6fdc-e6a5-45428cec3fa7-1dbacfd8 {
        grid-column: span 4 / span 4;
    }

    #w-node-_181b7183-fd20-6bb3-7347-33988138c3ce-1dbacfd8 {
        grid-area: 2 / 1 / 3 / 6;
    }

    #w-node-_25381d88-8ffe-1b29-f3c0-d9dabf7e8ac1-1dbacfd8 {
        grid-area: span 1 / span 5 / span 1 / span 5;
    }

    #w-node-_25381d88-8ffe-1b29-f3c0-d9dabf7e8ac6-1dbacfd8 {
        grid-area: 2 / 1 / 3 / 5;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_32cb99e2-5005-3c6e-acd1-6b3341811860-1dbacfd8,
    #w-node-_32cb99e2-5005-3c6e-acd1-6b3341811862-1dbacfd8 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_383efa26-1694-cf8f-68be-85ef515f228a-62d2166e {
        align-self: center;
    }

    #w-node-_48a79420-d484-3dd4-7324-7b6d7e53293c-62d2166e,
    #w-node-c07e43f4-07c1-5cdf-abd8-8d6d775a56e6-62d2166e {
        align-self: center;
        justify-self: start;
    }

    #w-node-_20dfe665-879f-4d4b-86da-f32c71e90df1-62d2166e {
        align-self: center;
    }

    #w-node-be27dc9d-4962-3bd8-829d-f6387270c187-62d2166e,
    #w-node-_20dfe665-879f-4d4b-86da-f32c71e90dfb-62d2166e {
        align-self: center;
        justify-self: start;
    }

    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ec8-62d2166e {
        align-self: center;
    }

    #w-node-_7e8ffdc9-566f-9c9f-abf3-0b731321287c-62d2166e {
        align-self: center;
        justify-self: start;
    }

    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ed2-62d2166e,
    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3cdf-62d2166e,
    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3ce2-62d2166e {
        align-self: center;
    }

    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3ce5-62d2166e {
        align-self: center;
        justify-self: start;
    }

    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3ce8-62d2166e {
        align-self: center;
    }

    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3ceb-62d2166e {
        align-self: center;
        justify-self: start;
    }

    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3cee-62d2166e,
    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3cf1-62d2166e {
        align-self: center;
    }

    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3cf4-62d2166e,
    #w-node-fcc882cd-59b5-f952-2747-0e1daadf3cf7-62d2166e {
        align-self: center;
        justify-self: start;
    }

    #w-node-_383efa26-1694-cf8f-68be-85ef515f228a-4dec652c {
        align-self: center;
    }

    #w-node-_48a79420-d484-3dd4-7324-7b6d7e53293c-4dec652c,
    #w-node-c07e43f4-07c1-5cdf-abd8-8d6d775a56e6-4dec652c {
        align-self: center;
        justify-self: start;
    }

    #w-node-_20dfe665-879f-4d4b-86da-f32c71e90df1-4dec652c {
        align-self: center;
    }

    #w-node-be27dc9d-4962-3bd8-829d-f6387270c187-4dec652c,
    #w-node-_20dfe665-879f-4d4b-86da-f32c71e90dfb-4dec652c {
        align-self: center;
        justify-self: start;
    }

    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ec8-4dec652c {
        align-self: center;
    }

    #w-node-_7e8ffdc9-566f-9c9f-abf3-0b731321287c-4dec652c {
        align-self: center;
        justify-self: start;
    }

    #w-node-_5bb0c2a7-bd2b-084c-6f24-d024d04e5ed2-4dec652c,
    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d7d-4dec652c {
        align-self: center;
    }

    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d80-4dec652c,
    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d83-4dec652c {
        align-self: center;
        justify-self: start;
    }

    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d86-4dec652c {
        align-self: center;
    }

    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d89-4dec652c,
    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d8c-4dec652c {
        align-self: center;
        justify-self: start;
    }

    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d8f-4dec652c {
        align-self: center;
    }

    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d92-4dec652c {
        align-self: center;
        justify-self: start;
    }

    #w-node-_4aa96146-eaa6-dea2-ee15-7fb683c23d95-4dec652c {
        align-self: center;
    }
}

@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacffa_Switzer-SemiboldItalic.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacffe_Switzer-SemiboldItalic.woff')
            format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad010_Switzer-Regular.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacff6_Switzer-Regular.woff')
            format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad017_Switzer-Semibold.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad032_Switzer-Semibold.woff')
            format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad008_Switzer-Italic.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad00b_Switzer-Italic.woff')
            format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad009_Switzer-Bold.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacff1_Switzer-Bold.woff')
            format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacff4_Switzer-Light.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacff2_Switzer-Light.woff')
            format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad00c_Switzer-LightItalic.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad028_Switzer-LightItalic.woff')
            format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacfef_Switzer-BoldItalic.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad00f_Switzer-BoldItalic.woff')
            format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad000_Switzer-Medium.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad001_Switzer-Medium.woff')
            format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Switzer';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacfff_Switzer-MediumItalic.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbacff8_Switzer-MediumItalic.woff')
            format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: block;
}
@font-face {
    font-family: 'Unicons';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad03f_unicons-line.woff2')
            format('woff2'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c641865df7fa651dbad034_unicons-line.woff')
            format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Satoshi Complete';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f3553b26dc98f5591792c0_Satoshi_Complete.zip')
        format('undefined');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c68559d73ea76425c80eb4_GT-Sectra-Fine-Black-Italic.ttf')
        format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c68559f0b06c16de81cb5e_GT-Sectra-Fine-Medium.ttf')
        format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c685599b6f2a3365679c4e_GT-Sectra-Fine-Regular.ttf')
            format('truetype'),
        url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c685599b6f2a3365679c4e_GT-Sectra-Fine-Regular.ttf')
            format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c68559c8ff309bff48dd04_GT-Sectra-Fine-Bold-Italic.ttf')
        format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine Book';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c685593659dc912a612b9a_GT-Sectra-Fine-Book.ttf')
        format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine Book';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c68559e2f31a021d005f4b_GT-Sectra-Fine-Book-Italic.ttf')
        format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c68559fd0c4195428516b3_GT-Sectra-Fine-Bold.ttf')
        format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c68559325d30badb27beea_GT-Sectra-Fine-Medium-Italic.ttf')
        format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c685590ccab3e936818108_GT-Sectra-Fine-Black.ttf')
        format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gt Sectra Fine';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65c685592bda3f9953d5b8d0_GT-Sectra-Fine-Regular-Italic.ttf')
        format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f3558ad1cb86c0e7ea4a90_Satoshi-VariableItalic.ttf')
        format('truetype');
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi Variable';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f3558a6b7b39cb28205561_Satoshi-Variable.ttf')
        format('truetype');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro 15';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f3560914276f99132044d7_P22MackinacPro-BookItalic_15.otf')
        format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro 16';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f35609fd0e360fcd24cf96_P22MackinacPro-Bold_16.otf')
        format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro 17';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f3560920006a14aa35bd37_P22MackinacPro-ExBoldItalic_17.otf')
        format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro Book 25';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f35609ef46534666967f49_P22MackinacPro-Book_25.otf')
        format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro 26';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f3560938042f11266c6900_P22MackinacPro-Medium_26.otf')
        format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro 11';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f35609709f9ec942df497b_P22MackinacPro-BoldItalic_11.otf')
        format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro 12';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f35609a7b49953370d3438_P22MackinacPro-ExtraBold_12.otf')
        format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'P 22 Mackinacpro 18';
    src: url('https://uploads-ssl.webflow.com/65c641865df7fa651dbacf7d/65f356092bddf9b41277b2e9_P22MackinacPro-MedItalic_18.otf')
        format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}