html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
color: inherit;
position-anchor: auto;
position-area: top center;
background-color: #0000;
border: 0;
margin: 8px;
padding: 0;
position: fixed;
inset: auto;
overflow: visible;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Switzer;
src: url("https://cdn.prod.website-files.com/69ccb44929c20307aa9617ab/69d72ae7797c661a74759f1a_Switzer-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Switzer;
src: url("https://cdn.prod.website-files.com/69ccb44929c20307aa9617ab/69d72ae62035e04a971afb26_Switzer-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Switzer;
src: url("https://cdn.prod.website-files.com/69ccb44929c20307aa9617ab/69d72ae61bbf3e416f3812a4_Switzer-BoldItalic.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Switzer;
src: url("https://cdn.prod.website-files.com/69ccb44929c20307aa9617ab/69d72ae73a78e43a5612fe89_Switzer-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Switzer;
src: url("https://cdn.prod.website-files.com/69ccb44929c20307aa9617ab/69d72ae650c312953ce79b14_Switzer-LightItalic.otf") format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
:root {
--_theme---background: var(--swatch--light-200);
--_text-style---font-family: var(--_typography---font--primary-family);
--_theme---text: var(--swatch--dark-900);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--site--gutter: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem);
--_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem);
--radius--main: 1rem;
--_theme---background-2: var(--swatch--light-100);
--swatch--dark-900: #0f0918;
--site--column-count: 12;
--site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count));
--_responsive---large: 1;
--_responsive---medium: 0;
--_responsive---small: 0;
--_responsive---xsmall: 0;
--_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem);
--_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem);
--_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem);
--max-width--small: 50rem;
--site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem);
--_column-count---value: 1;
--_gap---size: var(--site--gutter);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--border-width--main: .094rem;
--swatch--stroke: #30302e;
--swatch--transparent: transparent;
--swatch--light-100: white;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_typography---font--primary-family: Switzer, Arial, sans-serif;
--_text-style---text-white-60: #fff9;
--_typography---font-size--sub-hero: clamp(1.55rem, 1.75vw, 1.75rem);
--_typography---line-height--medium: 1.1;
--_typography---font-size--h2: clamp(3.5rem, 6.5vw, 5.5rem);
--swatch--brand-500: #a78bfa;
--swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%);
--_typography---font--primary-regular: 400;
--swatch--light-200: #f2f0ec;
--_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem);
--_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem);
--_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem);
--_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem);
--_spacing---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem);
--max-width--main: calc(var(--site--viewport-max) * 1rem);
--max-width--full: 100%;
--_typography---font--primary-medium: 500;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem);
--_typography---line-height--small: 1;
--_typography---line-height--large: 1.3;
--_typography---line-height--huge: 1.5;
--_typography---letter-spacing--tight: -.03em;
--_typography---letter-spacing--normal: 0em;
--_theme---heading-accent: var(--swatch--brand-600);
--_spacing---space--1: 0px;
--_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem);
--_typography---font--primary-bold: 700;
--radius--small: .5rem;
--radius--round: 100vw;
--_theme---border: var(--swatch--dark-900-o20);
--_typography---font--roboto: "Roboto Condensed", sans-serif;
--_typography---font-size--text-large: clamp(1.15rem, 1.2vw, 1.25rem);
--_trigger---on: 1;
--_trigger---off: 0;
--focus--offset-inner: calc(var(--focus--width) * -1);
--_button-styles---button-primary--border: var(--_theme---button-primary--border);
--_button-styles---button-primary--background: var(--_theme---button-primary--background);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_typography---font--primary-semi-bold: 600;
--button-size--medium: 3rem;
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--button-size--large: 5rem;
--_state---false: 0;
--_state---true: 1;
--swatch--dark-800: #170e25;
--nav--max-width-outer: var(--max-width--main);
--nav--spacing-outer-horizontal: var(--site--margin);
--nav--radius: var(--radius--small);
--_theme---nav--background: var(--_theme---background-2);
--nav--max-width-inner: var(--max-width--main);
--nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical));
--nav--spacing-outer-vertical: var(--site--margin);
--nav--height: 4rem;
--nav--hamburger-thickness: var(--border-width--main);
--nav--hamburger-gap: var(--_spacing---space--2);
--nav--spacing-inner-horizontal: var(--_spacing---space--5);
--focus--width: .125rem;
--_button-styles---button-primary--text: var(--_theme---button-primary--text);
--swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 80%);
--swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%);
--_theme---text-link--border-hover: var(--_theme---text);
--_typography---font-size--display: clamp(5.5rem, 9vw, 8rem);
--_typography---font-size--text-pill: clamp(1.125rem, 1.6vw, 1.375rem);
--_button-styles---button-primary--icon-bg: var(--_theme---button-primary--icon-bg);
--swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%);
--swatch--brand-text: var(--swatch--dark-900);
--swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%);
--_radius---round: 100%;
--divider-dark: #2d2d2d;
--_typography---font-size--text-small: clamp(.95rem, .9vw, 1rem);
--_typography---font--secondary-family: "Instrument Serif", sans-serif;
--_typography---font-size--h4: clamp(1.7rem, 2vw, 2rem);
--_spacing---section-space--none: 0px;
--swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%);
--_typography---font-size--text-main: clamp(1.05rem, 1vw, 1.125rem);
--swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 40%);
--_typography---font-size--h6: clamp(1.05rem, 1.1vw, 1.125rem);
--_text-style---white-text\: #f2f2f2;
--swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent);
--swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent);
--_text-style---text-grey: #6f6b74;
--_typography---font-size--h1: clamp(4.8rem, 8vw, 7rem);
--_typography---font-size--h3: clamp(2.2rem, 2.9vw, 3rem);
--_text-style---text-grey-60: #41414199;
--_theme---button-primary-outline--text: var(--swatch--light-100);
--border-white-20: #fff3;
--_typography---font-size--h5: clamp(1.35rem, 1.5vw, 1.5rem);
--_text-style---light-text-bg-dark-light: #7e7e7e;
--swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%);
--_typography---font-size--counter: clamp(4.375rem, 7.5vw, 5.625rem);
--swatch--yellow: #f2f791;
--divider-light: #fbfaf9;
--_button-styles---button-primary--background-hover: var(--_theme---button-primary--background-hover);
--_button-styles---button-primary--border-hover: var(--_theme---button-primary--border-hover);
--_text-style---text-transform: var(--_typography---text-transform--none);
--site--viewport-max: 90;
--site--viewport-min: 20;
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--focus--offset-outer: .1875rem;
--swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent);
--_button-styles---button-primary--text-hover: var(--_theme---button-primary--text-hover);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
--nav--banner-height: 2.4rem;
--_typography---font--primary-trim-top: .33em;
--_typography---font--primary-trim-bottom: .38em;
--_typography---text-transform--none: var(--text-transform, none);
--_typography---text-transform--uppercase: uppercase;
--_typography---text-transform--capitalize: capitalize;
--_typography---text-transform--lowercase: lowercase;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--_theme---background);
font-family: var(--_text-style---font-family);
color: var(--_theme---text);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
text-transform: var(--_text-style---text-transform, none);
}
h1 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
margin-top: 0;
margin-bottom: 0;
display: flow-root;
}
h2 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-wrap: var(--_text-style---text-wrap);
text-transform: var(--_text-style---text-transform, none);
margin-top: 0;
margin-bottom: 0;
display: flow-root;
}
h3 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
margin-top: 0;
margin-bottom: 0;
display: flow-root;
}
h4 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
margin-top: 0;
margin-bottom: 0;
display: flow-root;
}
h5 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
margin-top: 0;
margin-bottom: 0;
display: flow-root;
}
h6 {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
margin-top: 0;
margin-bottom: 0;
display: flow-root;
}
p {
display: flow-root;
}
a {
color: inherit;
outline-width: var(--focus--width);
outline-offset: var(--focus--offset-outer);
text-decoration: none;
}
ul, ol {
margin-bottom: 0;
padding-left: 0;
list-style: "";
}
li {
display: block;
}
img {
object-fit: cover;
width: 100%;
max-width: 100%;
}
strong {
font-weight: bold;
}
blockquote {
border-style: none;
padding: 0;
}
figure {
margin-bottom: 0;
}
.u-layout-wrapper {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--_spacing---space--8);
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.u-layout-wrapper:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout-wrapper:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
position: relative;
overflow: clip;
}
.u-layout-wrapper:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3), .u-layout-wrapper:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) {
grid-column-gap: var(--site--gutter);
flex-flow: row;
justify-content: center;
align-items: stretch;
display: flex;
}
.u-layout-wrapper:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout-wrapper:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.u-layout-wrapper:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) {
border-radius: var(--radius--main);
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
overflow: clip;
}
.u-layout-wrapper:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) {
z-index: 2;
color: var(--swatch--dark-900);
position: relative;
}
.u-layout-wrapper.stack-centered {
z-index: 2;
position: relative;
}
.u-layout-wrapper.case-study--hero_headline:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) {
grid-column-gap: 32px;
}
.u-layout-wrapper.stack-centered-5 {
z-index: 2;
color: var(--swatch--dark-900);
position: relative;
}
.u-layout {
grid-column-gap: inherit;
grid-row-gap: inherit;
flex-flow: column;
grid-template-rows: auto;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.u-layout:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) {
display: var(--flex-medium, grid);
flex-flow: column;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.u-layout:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3), .u-layout:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) {
grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end];
width: calc(100vw * var(--_responsive---large) + 100% * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall)));
display: var(--flex-medium, grid);
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: center;
}
.u-layout:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) {
display: var(--flex-medium, grid);
flex-flow: column;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.u-layout:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) {
flex-flow: column;
justify-content: center;
align-items: stretch;
min-height: 26rem;
display: flex;
position: relative;
}
.u-layout:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) {
width: 100vw;
display: var(--flex-medium, grid);
flex-flow: column;
flex: none;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.u-layout:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) {
display: var(--flex-medium, grid);
flex-flow: column;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.u-layout:where(.w-variant-1b1d171f-31c6-739b-bff9-2d7efa9674c4) {
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
}
.u-layout.case-study--hero_headline:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.u-layout-column-1 {
align-self: center;
width: 100%;
position: relative;
}
.u-layout-column-1:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b), .u-layout-column-1:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) {
padding: var(--_spacing---space--6);
}
.u-layout-column-1:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3) {
padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large));
padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large));
grid-column: 2 / span 5;
}
.u-layout-column-1:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) {
padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large));
padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large));
grid-column: 9 / span 5;
}
.u-layout-column-1:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) {
text-align: center;
justify-content: center;
align-items: center;
}
.u-layout-column-1:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) {
z-index: 1;
padding-top: var(--_spacing---section-space--main);
padding-right: var(--_spacing---space--5);
padding-bottom: var(--_spacing---section-space--main);
padding-left: var(--_spacing---space--5);
text-align: center;
justify-content: center;
align-items: center;
position: relative;
}
.u-layout-column-1:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85), .u-layout-column-1:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) {
max-width: var(--max-width--small);
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
width: calc(100% - var(--site--margin) * 2);
margin-left: auto;
margin-right: auto;
}
.u-layout-column-1:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) {
top: calc(12rem * var(--_responsive---large) + 0rem * var(--_responsive---medium));
position: var(--relative-medium, sticky);
align-self: start;
}
.u-layout-column-1:where(.w-variant-1b1d171f-31c6-739b-bff9-2d7efa9674c4) {
width: auto;
}
.u-layout-column-1.stack-centered-3, .u-layout-column-1.stack-centered-7 {
text-align: center;
justify-content: center;
align-items: center;
}
.u-layout-column-2 {
aspect-ratio: 16 / 9;
border-radius: var(--radius--main);
width: 100%;
height: 100%;
position: relative;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) {
aspect-ratio: 16 / 9;
grid-row-start: 1;
grid-column-start: 1;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-329f6899-ba0f-e4db-0449-3c5b8ba4f388) {
aspect-ratio: 16 / 9;
border-radius: 0;
grid-row-start: 1;
grid-column-start: 1;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-4fee4cc0-701f-2817-944f-2c0261b9c2f3) {
aspect-ratio: 16 / 9;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: calc(var(--radius--main) * var(--_responsive---large));
border-bottom-left-radius: calc(var(--radius--main) * var(--_responsive---large));
width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall)));
grid-column: 8 / full;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-6bb5e515-55a9-1fc8-d29b-ff898d8b40f7) {
aspect-ratio: 16 / 9;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: calc(var(--radius--main) * var(--_responsive---large));
border-bottom-right-radius: calc(var(--radius--main) * var(--_responsive---large));
width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall)));
grid-column: full / span 7;
grid-row-start: 1;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-ebfcdcb1-ac53-1b15-fcb9-eaeda25808f5) {
aspect-ratio: auto;
opacity: .5;
pointer-events: none;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible;
}
.u-layout-column-2:where(.w-variant-560ed4d9-9e8c-5c39-4619-fc154cdf9f19) {
aspect-ratio: 1;
border-radius: 0;
grid-row-start: 1;
grid-column-start: 1;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-58b19052-6f23-ab5e-5e89-54288af57e85) {
aspect-ratio: 1;
border-radius: 0;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-31f8ed75-2c88-945a-a737-1b9b50b4494b) {
aspect-ratio: 16 / 9;
border-radius: 0;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) {
grid-column-gap: 15px;
grid-row-gap: 15px;
aspect-ratio: 16 / 9;
justify-content: center;
align-items: center;
display: flex;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout-column-2:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) {
aspect-ratio: 16 / 9;
overflow: clip;
}
.u-layout-column-2:where(.w-variant-1b1d171f-31c6-739b-bff9-2d7efa9674c4) {
aspect-ratio: auto;
width: auto;
height: auto;
}
.u-layout-column-2.stack-centered-4 {
aspect-ratio: 16 / 9;
overflow: clip;
}
.u-layout-column-2.stack-centered-8 {
grid-column-gap: 15px;
grid-row-gap: 15px;
aspect-ratio: 16 / 9;
justify-content: center;
align-items: center;
display: flex;
overflow: clip;
}
.u-grid-wrapper {
grid-column-gap: 22px;
grid-row-gap: 22px;
width: 100%;
display: flex;
}
.u-grid-wrapper:where(.w-variant-b8204f2e-764d-b421-dc96-2c59d3054271) {
container-type: inline-size;
}
.u-grid {
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
grid-column-gap: inherit;
grid-row-gap: inherit;
flex-flow: column;
width: 100%;
display: grid;
}
.u-grid:where(.w-variant-d58244bf-290f-ebb3-3aa0-352d6fa8e84f) {
grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
}
.u-grid:where(.w-variant-129319ac-a2cd-9e88-2ebd-a33b4bb85fa5) {
grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
}
.u-content-wrapper {
width: 100%;
text-align: inherit;
align-items: inherit;
justify-content: inherit;
}
.u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) {
text-align: center;
justify-content: center;
align-items: center;
}
.u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) {
text-align: end;
justify-content: end;
align-items: end;
}
.u-content-wrapper:where(.w-variant-e98b91c1-a8bf-9b6d-a119-f398c9e3f46b) {
text-align: var(--center-medium, start);
align-items: var(--center-medium, start);
justify-content: var(--center-medium, start);
}
.u-content-wrapper:where(.w-variant-e85a4315-14bc-e5ef-0d3e-2c8c9ed7d2f1) {
text-align: start;
justify-content: start;
align-items: start;
}
.u-background-slot {
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-video {
aspect-ratio: 2;
background-color: var(--_theme---background-skeleton);
width: 100%;
height: 100%;
padding: 0;
}
.u-video:where(.w-variant-db26956a-7929-76af-05b0-02971cbab2f4) {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
aspect-ratio: unset !important;
}
.u-video:where(.w-variant-0b00a75a-35ba-66c2-fce0-21c117d62ce0) {
aspect-ratio: 16 / 9;
}
.u-video:where(.w-variant-a9490bed-5b56-7b46-8413-993d16d77e88) {
aspect-ratio: 3 / 2;
}
.u-video:where(.w-variant-ec7f8a9f-99ac-b5a5-140b-730400a62670) {
aspect-ratio: 1;
}
.u-video:where(.w-variant-8157ca33-45d5-df1a-bd25-894298c8e117) {
aspect-ratio: 5 / 4;
}
.u-video:where(.w-variant-f3f45657-6a73-93f9-25db-a80af56ad72a) {
aspect-ratio: 4 / 5;
}
.u-video:where(.w-variant-c3ccbb6c-6fa7-1113-0f2e-08b77dffca68) {
aspect-ratio: 2 / 3;
}
.u-image-wrapper {
aspect-ratio: 2;
background-color: var(--_theme---background-skeleton);
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
overflow: clip;
}
.u-image-wrapper:where(.w-variant-4972adff-107c-1f37-d19c-526a2bf55c28) {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
aspect-ratio: unset !important;
}
.u-image-wrapper:where(.w-variant-a5f35569-5171-ee3d-f7bb-c5b2372249ac) {
aspect-ratio: 1;
}
.u-image-wrapper:where(.w-variant-27d05669-180c-3169-9b64-0eda31f8d4d3) {
aspect-ratio: 16 / 9;
}
.u-image-wrapper:where(.w-variant-a93327ec-aace-62d3-860b-21ee12acd25a) {
aspect-ratio: auto;
}
.u-image-wrapper:where(.w-variant-57c7d8f5-d942-5de8-0712-e12fff699502) {
aspect-ratio: 3 / 2;
}
.u-image-wrapper:where(.w-variant-35ea7d22-774e-1ba9-1dcc-8a392636f83d) {
aspect-ratio: 4 / 5;
}
.u-image-wrapper:where(.w-variant-8e41429f-9f9e-7697-357e-815bd3e59383) {
aspect-ratio: 5 / 4;
}
.u-image-wrapper.cover {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
aspect-ratio: unset !important;
}
.u-image {
object-position: calc(var(--x, 50) * 1%) calc(var(--y, 50) * 1%);
object-fit: inherit;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.u-image:where(.w-variant-a93327ec-aace-62d3-860b-21ee12acd25a) {
object-fit: inherit;
}
.u-iframe-wrapper {
aspect-ratio: 16 / 9;
position: relative;
}
.u-iframe {
border: none;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.u-overlay {
background-color: var(--_theme---background);
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-overlay:where(.w-variant-9653c0cc-21fc-fb82-1373-c98b1644e5a8) {
background-image: linear-gradient(#0000, #0000009e 84%);
background-color: color-mix(in srgb, black calc(var(--number) / 100 * 60%), transparent);
}
.u-eyebrow-wrapper {
z-index: 1;
margin-bottom: var(--_spacing---space--5);
justify-content: inherit;
display: flex;
}
.u-eyebrow-layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
vertical-align: baseline;
display: inline-flex;
}
.u-eyebrow-marker {
width: var(--border-width--main);
background-color: currentColor;
flex: none;
padding-bottom: 0;
padding-right: 0;
}
.u-eyebrow-marker.hide {
display: none;
}
.u-eyebrow-text {
margin-top: 0;
margin-bottom: 0;
}
.u-eyebrow-text.u-text-style-main {
border: 1px none var(--swatch--stroke);
background-color: var(--swatch--transparent);
color: var(--swatch--light-100);
letter-spacing: .1em;
text-transform: uppercase;
border-radius: 8rem;
padding: 8px 10px 7px;
font-family: Roboto Condensed, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 0;
}
.u-eyebrow-text.u-text-style-main:where(.w-variant-f9e70b2f-0961-16dd-c867-fd86e304acbc) {
background-color: var(--swatch--transparent);
color: var(--swatch--dark-900);
border-style: none;
border-color: #0000000f;
padding-top: 9px;
}
.u-eyebrow-text.u-text-style-main.no-border {
background-color: var(--swatch--transparent);
text-align: center;
border-style: none;
flex: 0 auto;
width: 100%;
padding: 0;
}
.u-eyebrow-text.u-text-style-main.light-4 {
background-color: var(--swatch--transparent);
color: var(--swatch--dark-900);
border-style: none;
border-color: #0000000f;
padding-top: 9px;
}
.u-heading {
min-width: 100%;
margin-bottom: var(--_text-style---margin-bottom);
font-family: var(--_text-style---font-family);
color: var(--swatch--light-100);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
justify-content: center;
align-items: inherit;
max-width: calc(var(--number) * 1ch);
flex-flow: column;
display: flex;
}
.u-heading:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .u-heading:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-26cc9f23-e71c-deee-cd61-36dc24f35fae) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-47e40b0d-02af-2673-f429-546cac42dc5a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-heading:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) {
z-index: 1;
font-family: var(--_typography---font--primary-family);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-heading:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-d3719104-513e-39e6-fa68-a77e5e48f1c1) {
color: var(--_text-style---text-white-60);
font-size: var(--_typography---font-size--sub-hero);
line-height: var(--_typography---line-height--medium);
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8b) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8c) {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8e) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8f) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f90) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f91) {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f92) {
z-index: 1;
font-family: var(--_typography---font--primary-family);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f93) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f94) {
color: var(--_text-style---text-white-60);
font-size: var(--_typography---font-size--sub-hero);
line-height: var(--_typography---line-height--medium);
}
.u-heading h1 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-wrap: inherit;
margin-top: 0;
margin-bottom: 0;
}
.u-heading h2 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-wrap: inherit;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.u-heading h3, .u-heading h4, .u-heading h5, .u-heading h6 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-wrap: inherit;
margin-top: 0;
margin-bottom: 0;
}
.u-heading.h2 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading.u-align-items-center {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.u-heading.u-align-items-center.u-margin-bottom-2 {
font-family: var(--_typography---font--primary-family);
text-transform: var(--_text-style---text-transform, none);
margin-bottom: 2px;
font-size: 120px;
}
.u-heading.h3 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
margin-bottom: 0;
}
.u-heading.h6 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading.h3-2 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading.h2-2, .u-heading.h2-3 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading.text-light {
color: var(--swatch--light-100);
}
.u-heading.text-dark, .u-heading.text-dark:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f), .u-heading.text-dark:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249), .u-heading.text-dark:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994), .u-heading.text-dark:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986), .u-heading.text-dark:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a), .u-heading.text-dark:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c), .u-heading.text-dark:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0), .u-heading.text-dark:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f90) {
color: var(--swatch--dark-900);
}
.u-heading.text-center:where(.w-variant-d3719104-513e-39e6-fa68-a77e5e48f1c1) {
text-align: center;
}
.u-heading.margin-bot-0:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) {
margin-bottom: 0;
}
.u-heading.h2-4 {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-heading.h4 {
margin-bottom: 0;
}
.u-heading.p {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-heading.p.large {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
margin-bottom: 0;
}
.u-heading.stat.accent-light {
color: var(--swatch--brand-500);
margin-bottom: 0;
}
.u-heading strong {
color: var(--swatch--brand-400);
font-weight: 500;
}
.u-heading.h2-5 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-text {
min-width: 100%;
margin-bottom: var(--_text-style---margin-bottom);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
justify-content: center;
align-items: inherit;
max-width: calc(var(--number) * 1ch);
flex-flow: column;
display: flex;
}
.u-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .u-text:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-26cc9f23-e71c-deee-cd61-36dc24f35fae) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-47e40b0d-02af-2673-f429-546cac42dc5a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text.u-rich-text {
z-index: 1;
font-size: var(--_text-style---font-size);
font-weight: var(--_typography---font--primary-regular);
}
.u-text.u-rich-text.text-small, .u-text.u-rich-text.text-small-2 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.u-text.u-rich-text.text-small-3 {
color: var(--swatch--light-200);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
margin-bottom: 0;
font-size: 14px;
line-height: 21px;
}
.u-text.u-rich-text.text-dark:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) {
color: var(--swatch--dark-900);
}
.u-text.u-rich-text.text-dark:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
color: var(--swatch--light-100);
}
.u-text.u-rich-text.text-colour-50 {
color: var(--swatch--brand-400);
}
.u-text.u-rich-text.text-colour-white-50:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6), .u-text.u-rich-text.text-colour-white-50.cta:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
color: var(--swatch--light-100);
}
.u-button-wrapper {
z-index: 9999;
margin-top: var(--_spacing---space--4);
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
align-content: center;
align-items: center;
justify-content: inherit;
flex-flow: wrap;
display: flex;
position: relative;
}
.u-button-wrapper.case-study-cta {
position: absolute;
inset: auto 0% 42%;
}
.u-section {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
background-color: var(--_theme---background);
color: var(--_theme---text);
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
position: relative;
}
.u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) {
background-color: var(--swatch--light-100);
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) {
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) {
--_theme---background: var(--swatch--brand-500);
--_theme---text: var(--swatch--brand-text);
--_theme---background-2: var(--swatch--brand-600);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%);
--_theme---border: var(--swatch--brand-text-o20);
--_theme---button-primary--text: var(--swatch--brand-500);
--_theme---button-primary--text-hover: var(--_theme---button-primary--text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-text);
--_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section.white {
background-color: var(--swatch--light-100);
}
.u-section.dark-16 {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
padding-top: 40px;
padding-bottom: 40px;
}
.u-section.dark-16.scroll-3_trigger {
padding-left: 0;
padding-right: 0;
}
.u-section.dark-19, .u-section.dark-22 {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section.dark-22.margin-base {
margin-bottom: -986px;
}
.u-section.top-radius:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 2rem 2rem 0 0;
overflow: clip;
}
.u-section.top-radius.dark-25, .u-section.dark-28 {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section.u-theme-dark.section_work {
z-index: 2;
}
.u-section.dark-31 {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-section-spacer {
padding: 0;
position: relative;
}
.u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) {
height: var(--_spacing---section-space--small);
}
.u-section-spacer:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) {
height: var(--_spacing---section-space--main);
}
.u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) {
height: var(--_spacing---section-space--large);
}
.u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) {
height: var(--radius--main);
}
.u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) {
height: var(--_spacing---section-space--page-top);
}
.u-container {
max-width: var(--max-width--main);
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
width: calc(100% - var(--site--margin) * 2);
flex-flow: column;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
container-type: inline-size;
}
.u-container:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) {
color: var(--swatch--dark-900);
}
.u-container.nav-container {
grid-column-gap: 0;
grid-row-gap: 0;
}
.u-container-small {
z-index: 1;
max-width: var(--max-width--small);
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
width: calc(100% - var(--site--margin) * 2);
flex-flow: column;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
container-type: inline-size;
}
.u-container-full {
z-index: 1;
max-width: var(--max-width--full);
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
width: calc(100% - var(--site--margin) * 2);
flex-flow: column;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
container-type: inline-size;
}
.u-svg {
width: 100%;
height: 100%;
display: block;
overflow: visible !important;
}
.u-svg:where(.w-variant-1c3f028b-116e-d4eb-db7f-8484491bbf2e) {
transform: rotate(-180deg);
}
.u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) {
transform: rotate(-90deg);
}
.u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) {
transform: rotate(90deg);
}
.u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) {
transform: rotate(-180deg);
}
.u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) {
transform: rotate(-90deg);
}
.u-svg:where(.w-variant-caa8b8e9-e8ec-6eb3-4526-30f19f7326f5) {
transform: rotate(90deg);
}
.u-path {
stroke-width: var(--border-width--main);
stroke: currentColor;
vector-effect: non-scaling-stroke;
}
.u-embed-css, .u-embed-js {
display: none;
}
.u-theme-light {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-theme-dark {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-theme-brand {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--brand-500);
--_theme---text: var(--swatch--brand-text);
--_theme---background-2: var(--swatch--brand-600);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%);
--_theme---border: var(--swatch--brand-text-o20);
--_theme---button-primary--text: var(--swatch--brand-500);
--_theme---button-primary--text-hover: var(--_theme---button-primary--text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-text);
--_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.u-text-style-display {
font-family: var(--_typography---font--primary-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_typography---font--primary-regular);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-h1 {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--light-100);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_typography---font--primary-regular);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-h2, .u-text-style-h3 {
font-family: var(--_typography---font--primary-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_typography---font--primary-regular);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-h4 {
font-family: var(--_typography---font--primary-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_typography---font--primary-medium);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-h5 {
font-family: var(--_typography---font--primary-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_typography---font--primary-regular);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-h6 {
font-family: var(--_typography---font--primary-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_typography---font--primary-regular);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-large {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-main {
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
display: flow-root;
}
.u-text-style-small {
font-family: Roboto Condensed, sans-serif;
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
letter-spacing: var(--_text-style---letter-spacing);
text-transform: uppercase;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-wrap: var(--_text-style---text-wrap);
font-weight: 600;
display: flow-root;
}
.u-rich-text {
text-wrap: var(--_text-style---text-wrap);
align-items: inherit;
justify-content: inherit;
}
.u-rich-text h1, .u-rich-text h2, .u-rich-text h3, .u-rich-text h4, .u-rich-text h5, .u-rich-text h6 {
margin-top: var(--_text-style---margin-top);
margin-bottom: var(--_text-style---margin-bottom);
}
.u-rich-text p {
margin-top: var(--_text-style---margin-top);
margin-bottom: var(--_text-style---margin-bottom);
color: inherit;
}
.u-rich-text blockquote {
margin-top: var(--_spacing---space--6);
margin-bottom: var(--_spacing---space--6);
font-family: var(--_text-style---font-family);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
border-left-style: solid;
border-left-width: .2rem;
padding: .5rem 1rem;
}
.u-rich-text ol {
margin-top: var(--_text-style---margin-top);
margin-bottom: var(--_text-style---margin-bottom);
grid-column-gap: .9em;
grid-row-gap: .9em;
align-items: inherit;
flex-flow: column;
padding-left: 1.2em;
list-style-type: decimal;
display: flex;
overflow: visible;
}
.u-rich-text li {
margin-top: calc(var(--_text-style---trim-top) * -1);
margin-bottom: calc(var(--_text-style---trim-bottom) * -1);
display: list-item;
}
.u-rich-text ul {
margin-top: var(--_text-style---margin-top);
margin-bottom: var(--_text-style---margin-bottom);
grid-column-gap: .9em;
grid-row-gap: .9em;
align-items: inherit;
flex-flow: column;
padding-left: 1.2em;
list-style-type: disc;
display: flex;
overflow: visible;
}
.u-rich-text figure {
margin-top: var(--_spacing---space--7);
margin-bottom: var(--_spacing---space--7);
}
.u-line-height-small {
line-height: var(--_typography---line-height--small);
}
.u-line-height-medium {
line-height: var(--_typography---line-height--medium);
}
.u-line-height-large {
line-height: var(--_typography---line-height--large);
}
.u-line-height-huge {
line-height: var(--_typography---line-height--huge);
}
.u-letter-spacing-tight {
letter-spacing: var(--_typography---letter-spacing--tight);
}
.u-letter-spacing-normal {
letter-spacing: var(--_typography---letter-spacing--normal);
}
.u-sr-only {
white-space: nowrap;
clip: rect(0, 0, 0, 0);
border-width: 0;
width: 1px;
height: 1px;
margin-left: auto;
margin-right: auto;
padding: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.u-heading-accent {
color: var(--swatch--brand-500);
}
.u-heading-accent strong {
color: var(--_theme---heading-accent);
font-weight: inherit;
}
.u-flex-horizontal-wrap {
align-content: center;
align-items: center;
justify-content: inherit;
flex-flow: wrap;
display: flex;
}
.u-flex-vertical-nowrap {
justify-content: center;
align-items: inherit;
flex-flow: column;
display: flex;
}
.u-flex-horizontal-nowrap {
align-content: center;
align-items: center;
justify-content: inherit;
flex-flow: row;
display: flex;
}
.u-flex-vertical-wrap {
justify-content: center;
align-items: inherit;
flex-flow: column wrap;
display: flex;
}
.u-flex-grow {
flex: 1;
}
.u-flex-shrink {
flex: 0 auto;
}
.u-flex-noshrink {
flex: none;
}
.u-grid-custom {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
--_column-count---value: 12;
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr));
flex-flow: column;
display: grid;
}
.u-grid-subgrid {
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: subgrid;
grid-column-gap: inherit;
grid-row-gap: inherit;
grid-column: auto / span 1;
display: grid;
}
.u-grid-autofit {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--site--gutter);
--_column-count---value: 12;
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
display: grid;
}
.u-grid-autofill {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--site--gutter);
--_column-count---value: 12;
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr));
display: grid;
}
.u-grid-breakout {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: minmax(0, 1fr);
grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end];
display: grid;
}
.u-align-self-inherit {
align-self: inherit;
}
.u-align-self-start {
align-self: flex-start;
}
.u-align-self-center {
align-self: center;
}
.u-align-self-end {
align-self: flex-end;
}
.u-align-self-stretch {
align-self: stretch;
}
.u-align-items-stretch {
align-items: stretch;
}
.u-align-items-start {
align-items: flex-start;
}
.u-align-items-center {
align-items: center;
}
.u-align-items-end {
align-items: flex-end;
}
.u-align-items-inherit {
align-items: inherit;
}
.u-justify-content-start {
justify-content: flex-start;
}
.u-justify-content-center {
justify-content: center;
}
.u-justify-content-end {
justify-content: flex-end;
}
.u-justify-content-between {
justify-content: space-between;
}
.u-justify-content-around {
justify-content: space-around;
}
.u-justify-content-inherit {
justify-content: inherit;
}
.u-color-inherit {
color: inherit;
}
.u-color-faded {
color: color-mix(in srgb, currentColor 70%, transparent);
}
.u-background-transparent {
background-color: #0000;
}
.u-background-1 {
background-color: var(--_theme---background);
}
.u-background-2 {
background-color: var(--_theme---background-2);
}
.u-background-skeleton {
background-color: var(--_theme---background-skeleton);
}
.u-gap-0 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: 0rem;
}
.u-gap-inherit {
grid-column-gap: inherit;
grid-row-gap: inherit;
}
.u-gap-1 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--1);
}
.u-gap-2 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--2);
}
.u-gap-gutter {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--site--gutter);
}
.u-gap-3 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--3);
}
.u-gap-4 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--4);
}
.u-gap-5 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--5);
}
.u-gap-6 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--6);
}
.u-gap-7 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--7);
}
.u-gap-8 {
grid-column-gap: var(--_gap---size);
grid-row-gap: var(--_gap---size);
--_gap---size: var(--_spacing---space--8);
}
.u-gap-row-0 {
grid-row-gap: 0rem;
}
.u-gap-row-inherit {
grid-row-gap: inherit;
}
.u-gap-row-1 {
grid-row-gap: var(--_spacing---space--1);
}
.u-gap-row-2 {
grid-row-gap: var(--_spacing---space--2);
}
.u-gap-row-gutter {
grid-row-gap: var(--site--gutter);
}
.u-gap-row-3 {
grid-row-gap: var(--_spacing---space--3);
}
.u-gap-row-4 {
grid-row-gap: var(--_spacing---space--4);
}
.u-gap-row-5 {
grid-row-gap: var(--_spacing---space--5);
}
.u-gap-row-6 {
grid-row-gap: var(--_spacing---space--6);
}
.u-gap-row-7 {
grid-row-gap: var(--_spacing---space--7);
}
.u-gap-row-8 {
grid-row-gap: var(--_spacing---space--8);
}
.u-margin-top-auto {
margin-top: auto;
}
.u-margin-top-0 {
margin-top: 0;
}
.u-margin-top-gutter {
margin-top: var(--site--gutter);
}
.u-margin-top-text {
margin-top: var(--_text-style---margin-top);
}
.u-margin-top-1 {
margin-top: var(--_spacing---space--1);
}
.u-margin-top-2 {
margin-top: var(--_spacing---space--2);
}
.u-margin-top-3 {
margin-top: var(--_spacing---space--3);
}
.u-margin-top-4 {
margin-top: var(--_spacing---space--4);
}
.u-margin-top-5 {
margin-top: var(--_spacing---space--5);
}
.u-margin-top-6 {
margin-top: var(--_spacing---space--6);
}
.u-margin-top-7 {
margin-top: var(--_spacing---space--7);
}
.u-margin-top-8 {
margin-top: var(--_spacing---space--8);
}
.u-margin-bottom-auto {
margin-bottom: auto;
}
.u-margin-bottom-0 {
margin-bottom: 0;
}
.u-margin-bottom-gutter {
margin-bottom: var(--site--gutter);
}
.u-margin-bottom-text {
margin-bottom: var(--_text-style---margin-bottom);
}
.u-margin-bottom-1 {
margin-bottom: var(--_spacing---space--1);
}
.u-margin-bottom-2 {
margin-bottom: var(--_spacing---space--2);
}
.u-margin-bottom-3 {
margin-bottom: var(--_spacing---space--3);
}
.u-margin-bottom-4 {
margin-bottom: var(--_spacing---space--4);
}
.u-margin-bottom-5 {
margin-bottom: var(--_spacing---space--5);
}
.u-margin-bottom-6 {
margin-bottom: var(--_spacing---space--6);
}
.u-margin-bottom-7 {
margin-bottom: var(--_spacing---space--7);
}
.u-margin-bottom-8 {
margin-bottom: var(--_spacing---space--8);
}
.u-weight-regular {
font-family: var(--_typography---font--primary-family);
font-weight: var(--_typography---font--primary-regular);
}
.u-weight-medium {
font-family: var(--_typography---font--primary-family);
font-weight: var(--_typography---font--primary-medium);
}
.u-weight-bold {
font-family: var(--_typography---font--primary-family);
font-weight: var(--_typography---font--primary-bold);
}
.u-min-height-screen {
min-height: 100svh;
}
.u-column-span-full {
grid-column: 1 / -1;
}
.u-column-span-indent {
grid-column: 2 / -2;
}
.u-column-span-1 {
grid-column-end: span 1;
}
.u-column-span-2 {
grid-column-end: span 2;
}
.u-column-span-3 {
grid-column-end: span 3;
}
.u-column-span-4 {
grid-column-end: span 4;
}
.u-column-span-5 {
grid-column-end: span 5;
}
.u-column-span-6 {
grid-column-end: span 6;
}
.u-column-span-7 {
grid-column-end: span 7;
}
.u-column-span-8 {
grid-column-end: span 8;
}
.u-column-span-9 {
grid-column-end: span 9;
}
.u-column-span-10 {
grid-column-end: span 10;
}
.u-column-span-11 {
grid-column-end: span 11;
}
.u-column-span-12 {
grid-column-end: span 12;
}
.u-alignment-inherit {
text-align: inherit;
justify-content: inherit;
align-items: inherit;
}
.u-alignment-start {
text-align: start !important;
justify-content: start !important;
align-items: start !important;
}
.u-alignment-center {
text-align: center !important;
justify-content: center !important;
align-items: center !important;
}
.u-alignment-end {
text-align: end !important;
justify-content: end !important;
align-items: end !important;
}
.u-text-transform-none {
text-transform: none;
}
.u-text-transform-uppercase {
text-transform: uppercase;
}
.u-text-transform-capitalize {
text-transform: capitalize;
}
.u-text-transform-lowercase {
text-transform: lowercase;
}
.u-text-wrap-default {
text-wrap: wrap;
}
.u-text-wrap-balance {
text-wrap: balance;
}
.u-text-wrap-pretty {
text-wrap: pretty;
}
.u-max-width-none {
max-width: none;
}
.u-max-width-full {
max-width: 100%;
}
.u-radius-none {
border-radius: 0;
}
.u-radius-inherit {
border-radius: inherit;
}
.u-radius-small {
border-radius: var(--radius--small);
}
.u-radius-main {
border-radius: var(--radius--main);
}
.u-radius-round {
border-radius: var(--radius--round);
}
.u-overflow-visible {
overflow: visible;
}
.u-overflow-hidden {
overflow: hidden;
}
.u-overflow-clip {
overflow: clip;
}
.u-overflow-x-auto {
overflow: auto clip;
}
.u-overflow-y-auto {
overflow: clip auto;
}
.u-overflow-hidden-left {
clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%);
}
.u-display-block {
display: block;
}
.u-display-inline {
display: inline;
}
.u-display-inline-block {
display: inline-block;
}
.u-display-inline-flex {
display: inline-flex;
}
.u-display-inline-grid {
display: inline-grid;
}
.u-display-contents {
cursor: grab;
align-items: inherit;
justify-content: inherit;
text-align: inherit;
display: contents;
}
.u-display-none {
display: none;
}
.u-zindex-negative {
z-index: -1;
position: relative;
}
.u-zindex-0 {
z-index: 0;
position: relative;
}
.u-zindex-unset {
z-index: unset;
position: relative;
}
.u-zindex-1 {
z-index: 1;
position: relative;
}
.u-zindex-2 {
z-index: 2;
position: relative;
}
.u-zindex-3 {
z-index: 3;
position: relative;
}
.u-position-static {
position: static;
}
.u-position-relative {
position: relative;
}
.u-position-absolute {
position: absolute;
}
.u-position-sticky {
position: sticky;
top: 0;
}
.u-position-fixed {
position: fixed;
}
.u-height-full {
height: 100%;
}
.u-height-auto {
height: auto;
}
.u-width-full {
width: 100%;
}
.u-cover {
width: 100%;
height: 100%;
}
.u-cover-absolute {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-width-auto {
width: auto;
}
.u-min-width-auto {
min-width: auto;
}
.u-pointer-on {
pointer-events: auto;
}
.u-pointer-off {
pointer-events: none;
}
.u-ratio-1-1 {
aspect-ratio: 1;
}
.u-ratio-16-9 {
aspect-ratio: 16 / 9;
}
.u-ratio-3-2 {
aspect-ratio: 3 / 2;
}
.u-ratio-2-3 {
aspect-ratio: 2 / 3;
}
.u-ratio-2-1 {
aspect-ratio: 2;
}
.u-ratio-5-4 {
aspect-ratio: 5 / 4;
}
.u-ratio-4-5 {
aspect-ratio: 4 / 5;
}
.u-margin-inline-auto {
margin-left: auto;
margin-right: auto;
}
.u-order-first {
order: -1;
}
.u-order-last {
order: 1;
}
.u-object-fit-cover {
object-fit: cover;
}
.u-object-fit-contain {
object-fit: contain;
}
.u-padding-sitemargin {
padding: var(--site--margin);
}
.u-padding-gutter {
padding: var(--site--gutter);
}
.u-padding-0 {
padding: 0;
}
.u-padding-1 {
padding: var(--_spacing---space--1);
}
.u-padding-2 {
padding: var(--_spacing---space--2);
}
.u-padding-3 {
padding: var(--_spacing---space--3);
}
.u-padding-4 {
padding: var(--_spacing---space--4);
}
.u-padding-5 {
padding: var(--_spacing---space--5);
}
.u-padding-6 {
padding: var(--_spacing---space--6);
}
.u-padding-7 {
padding: var(--_spacing---space--7);
}
.u-padding-8 {
padding: var(--_spacing---space--8);
}
.u-padding-small {
padding: var(--_spacing---section-space--small);
}
.u-padding-main {
padding: var(--_spacing---section-space--main);
}
.u-padding-large {
padding: var(--_spacing---section-space--large);
}
.u-padding-block-sitemargin {
padding-top: var(--site--margin);
padding-bottom: var(--site--margin);
}
.u-padding-block-gutter {
padding-top: var(--site--gutter);
padding-bottom: var(--site--gutter);
}
.u-padding-block-0 {
padding-top: 0;
padding-bottom: 0;
}
.u-padding-block-1 {
padding-top: var(--_spacing---space--1);
padding-bottom: var(--_spacing---space--1);
}
.u-padding-block-2 {
padding-top: var(--_spacing---space--2);
padding-bottom: var(--_spacing---space--2);
}
.u-padding-block-3 {
padding-top: var(--_spacing---space--3);
padding-bottom: var(--_spacing---space--3);
}
.u-padding-block-4 {
padding-top: var(--_spacing---space--4);
padding-bottom: var(--_spacing---space--4);
}
.u-padding-block-5 {
padding-top: var(--_spacing---space--5);
padding-bottom: var(--_spacing---space--5);
}
.u-padding-block-6 {
padding-top: var(--_spacing---space--6);
padding-bottom: var(--_spacing---space--6);
}
.u-padding-block-7 {
padding-top: var(--_spacing---space--7);
padding-bottom: var(--_spacing---space--7);
}
.u-padding-block-8 {
padding-top: var(--_spacing---space--8);
padding-bottom: var(--_spacing---space--8);
}
.u-padding-block-small {
padding-top: var(--_spacing---section-space--small);
padding-bottom: var(--_spacing---section-space--small);
}
.u-padding-block-main {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
}
.u-padding-block-large {
padding-top: var(--_spacing---section-space--large);
padding-bottom: var(--_spacing---section-space--large);
}
.u-padding-inline-sitemargin {
padding-right: var(--site--margin);
padding-left: var(--site--margin);
}
.u-padding-inline-gutter {
padding-right: var(--site--gutter);
padding-left: var(--site--gutter);
}
.u-padding-inline-0 {
padding-left: 0;
padding-right: 0;
}
.u-padding-inline-1 {
padding-right: var(--_spacing---space--1);
padding-left: var(--_spacing---space--1);
}
.u-padding-inline-2 {
padding-right: var(--_spacing---space--2);
padding-left: var(--_spacing---space--2);
}
.u-padding-inline-3 {
padding-right: var(--_spacing---space--3);
padding-left: var(--_spacing---space--3);
}
.u-padding-inline-4 {
padding-right: var(--_spacing---space--4);
padding-left: var(--_spacing---space--4);
}
.u-padding-inline-5 {
padding-right: var(--_spacing---space--5);
padding-left: var(--_spacing---space--5);
}
.u-padding-inline-6 {
padding-right: var(--_spacing---space--6);
padding-left: var(--_spacing---space--6);
}
.u-padding-inline-7 {
padding-right: var(--_spacing---space--7);
padding-left: var(--_spacing---space--7);
}
.u-padding-inline-8 {
padding-right: var(--_spacing---space--8);
padding-left: var(--_spacing---space--8);
}
.u-padding-top-sitemargin {
padding-top: var(--site--margin);
}
.u-padding-top-gutter {
padding-top: var(--site--gutter);
}
.u-padding-top-0 {
padding-top: 0;
}
.u-padding-top-1 {
padding-top: var(--_spacing---space--1);
}
.u-padding-top-2 {
padding-top: var(--_spacing---space--2);
}
.u-padding-top-3 {
padding-top: var(--_spacing---space--3);
}
.u-padding-top-4 {
padding-top: var(--_spacing---space--4);
}
.u-padding-top-5 {
padding-top: var(--_spacing---space--5);
}
.u-padding-top-6 {
padding-top: var(--_spacing---space--6);
}
.u-padding-top-7, .u-padding-top-8 {
padding-top: var(--_spacing---space--7);
}
.u-padding-top-small {
padding-top: var(--_spacing---section-space--small);
}
.u-padding-top-main {
padding-top: var(--_spacing---section-space--main);
}
.u-padding-top-large {
padding-top: var(--_spacing---section-space--large);
}
.u-padding-bottom-sitemargin {
padding-bottom: var(--site--margin);
}
.u-padding-bottom-gutter {
padding-bottom: var(--site--gutter);
}
.u-padding-bottom-0 {
padding-bottom: 0;
}
.u-padding-bottom-1 {
padding-bottom: var(--_spacing---space--1);
}
.u-padding-bottom-2 {
padding-bottom: var(--_spacing---space--2);
}
.u-padding-bottom-3 {
padding-bottom: var(--_spacing---space--3);
}
.u-padding-bottom-4 {
padding-bottom: var(--_spacing---space--4);
}
.u-padding-bottom-5 {
padding-bottom: var(--_spacing---space--5);
}
.u-padding-bottom-6 {
padding-bottom: var(--_spacing---space--6);
}
.u-padding-bottom-7 {
padding-bottom: var(--_spacing---space--7);
}
.u-padding-bottom-8 {
padding-bottom: var(--_spacing---space--8);
}
.u-padding-bottom-small {
padding-bottom: var(--_spacing---section-space--small);
}
.u-padding-bottom-main {
padding-bottom: var(--_spacing---section-space--main);
}
.u-padding-bottom-large {
padding-bottom: var(--_spacing---section-space--large);
}
.u-padding-left-sitemargin {
padding-left: var(--site--margin);
}
.u-padding-left-gutter {
padding-left: var(--site--gutter);
}
.u-padding-left-0 {
padding-left: 0;
}
.u-padding-left-1 {
padding-left: var(--_spacing---space--1);
}
.u-padding-left-2 {
padding-left: var(--_spacing---space--2);
}
.u-padding-left-3 {
padding-left: var(--_spacing---space--3);
}
.u-padding-left-4 {
padding-left: var(--_spacing---space--4);
}
.u-padding-left-5 {
padding-left: var(--_spacing---space--5);
}
.u-padding-left-6 {
padding-left: var(--_spacing---space--6);
}
.u-padding-left-7 {
padding-left: var(--_spacing---space--7);
}
.u-padding-left-8 {
padding-left: var(--_spacing---space--8);
}
.u-padding-right-sitemargin {
padding-right: var(--site--margin);
}
.u-padding-right-gutter {
padding-right: var(--site--gutter);
}
.u-padding-right-0 {
padding-right: 0;
}
.u-padding-right-1 {
padding-right: var(--_spacing---space--1);
}
.u-padding-right-2 {
padding-right: var(--_spacing---space--2);
}
.u-padding-right-3 {
padding-right: var(--_spacing---space--3);
}
.u-padding-right-4 {
padding-right: var(--_spacing---space--4);
}
.u-padding-right-5 {
padding-right: var(--_spacing---space--5);
}
.u-padding-right-6 {
padding-right: var(--_spacing---space--6);
}
.u-padding-right-7 {
padding-right: var(--_spacing---space--7);
}
.u-padding-right-8 {
padding-right: var(--_spacing---space--8);
}
.u-column-start-auto {
grid-column-start: auto;
}
.u-column-start-1 {
grid-column-start: 1;
}
.u-column-start-2 {
grid-column-start: 2;
}
.u-column-start-3 {
grid-column-start: 3;
}
.u-column-start-4 {
grid-column-start: 4;
}
.u-column-start-5 {
grid-column-start: 5;
}
.u-column-start-6 {
grid-column-start: 6;
}
.u-column-start-7 {
grid-column-start: 7;
}
.u-column-start-8 {
grid-column-start: 8;
}
.u-column-start-9 {
grid-column-start: 9;
}
.u-column-start-10 {
grid-column-start: 10;
}
.u-column-start-11 {
grid-column-start: 11;
}
.u-column-start-12 {
grid-column-start: 12;
}
.u-row-start-auto {
grid-row-start: auto;
}
.u-row-start-1 {
grid-row-start: 1;
}
.u-row-start-2 {
grid-row-start: 2;
}
.u-row-start-3 {
grid-row-start: 3;
}
.u-row-start-4 {
grid-row-start: 4;
}
.u-row-start-5 {
grid-row-start: 5;
}
.u-row-start-6 {
grid-row-start: 6;
}
.u-row-span-1 {
grid-row-end: span 1;
}
.u-row-span-2 {
grid-row-end: span 2;
}
.u-row-span-3 {
grid-row-end: span 3;
}
.u-row-span-4 {
grid-row-end: span 4;
}
.u-row-span-5 {
grid-row-end: span 5;
}
.u-row-span-6 {
grid-row-end: span 6;
}
.styleguide_subheading {
margin-bottom: 0;
}
.styleguide_card_wrap {
height: 100%;
padding: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.styleguide_card_wrap.u-theme-brand {
background-color: var(--_theme---background-2);
}
.styleguide_footer {
padding-top: var(--_spacing---section-space--small);
padding-bottom: var(--_spacing---section-space--small);
border-top: var(--border-width--main) solid var(--_theme---border);
text-align: center;
}
.tag_wrap {
border-radius: var(--radius--small);
background-color: var(--_theme---text);
min-width: 4rem;
color: var(--_theme---background);
line-height: var(--_typography---line-height--small);
text-align: center;
padding: .5rem .75rem;
display: inline-block;
}
.styleguide_font_item {
padding-top: var(--_spacing---space--5);
padding-bottom: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--4);
grid-row-gap: var(--_spacing---space--4);
border-bottom: var(--border-width--main) solid var(--_theme---border);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
display: flex;
}
.form_label_wrap {
width: 100%;
color: var(--swatch--light-100);
text-align: left;
border-radius: 170px;
flex-flow: column;
display: flex;
position: relative;
}
.form_label_text {
color: var(--swatch--light-100);
margin-bottom: 3px;
display: inline-block;
}
.form_label_text:where(.w-variant-46933b79-cf19-81b4-bc00-8af5c19b08b3) {
white-space: nowrap;
clip: rect(0, 0, 0, 0);
border-width: 0;
width: 1px;
height: 1px;
margin-left: auto;
margin-right: auto;
padding: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.form_label_text:where(.w-variant-e8e97384-daa0-7ce7-bc12-14efcd69bcd4) {
margin-bottom: var(--_spacing---space--2);
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-large);
font-weight: var(--_typography---font--primary-bold);
text-transform: uppercase;
}
.form_wrap {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 0;
display: flex;
}
.form_success_wrap {
border: var(--border-width--main) solid var(--_theme---border);
border-radius: var(--radius--main);
background-color: var(--swatch--transparent);
width: 100%;
padding: 1.2rem;
}
.form_element {
grid-column-gap: 47px;
grid-row-gap: 47px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 650px;
display: flex;
}
.form_error_wrap {
border: var(--border-width--main) solid var(--_theme---border);
background-color: #0000;
align-self: flex-start;
width: 100%;
margin-top: 0;
padding: .8rem 1.4rem;
}
.form_field {
border-top-style: solid;
border-top-width: var(--border-width--main);
border-top-color: var(--swatch--stroke);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-right-color: var(--swatch--stroke);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-bottom-color: var(--swatch--stroke);
border-left-style: solid;
border-left-width: var(--border-width--main);
border-left-color: var(--swatch--stroke);
width: 100%;
height: 3rem;
font-family: var(--_text-style---font-family);
color: var(--swatch--light-100);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
text-transform: var(--_text-style---text-transform, none);
appearance: none;
border-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off)));
outline-offset: var(--focus--offset-inner);
background-color: #0000;
border-radius: 2rem;
margin-bottom: 0;
padding-left: 1.7rem;
padding-right: 1.7rem;
display: block;
}
.form_field::placeholder {
color: color-mix(in srgb, var(--_theme---text) 60%, transparent);
}
.form_field.is-textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
height: auto;
min-height: 5rem;
padding-top: 1.2rem;
padding-left: 1.7rem;
padding-right: .9rem;
}
.button_main_element {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-top-style: solid;
border-top-width: var(--border-width--main);
border-top-color: var(--_button-styles---button-primary--border);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-right-color: var(--_button-styles---button-primary--border);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-bottom-color: var(--_button-styles---button-primary--border);
border-left-style: solid;
border-left-width: var(--border-width--main);
border-left-color: var(--_button-styles---button-primary--border);
background-color: var(--_button-styles---button-primary--background);
text-align: center;
vertical-align: middle;
--_column-count---value: 1;
--_responsive---large: 1;
--_responsive---medium: 0;
--_responsive---small: 0;
--_responsive---xsmall: 0;
color: color-mix(in srgb, var(--_theme---button-primary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--text-hover) calc(100% * var(--_trigger---off)));
border-radius: inherit;
justify-content: center;
align-items: center;
padding: .5rem .6rem;
line-height: 1;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.button_main_element:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) {
color: color-mix(in srgb, var(--_theme---button-secondary-light--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--text-hover) calc(100% * var(--_trigger---off)));
background-color: color-mix(in srgb, var(--_theme---button-secondary-light--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
}
.button_main_element:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) {
border-top-style: none;
border-right-style: none;
border-bottom-color: var(--_theme---text-link--border);
color: color-mix(in srgb, var(--_theme---text-link--text) calc(100% * var(--_trigger---on)), var(--_theme---text-link--text-hover) calc(100% * var(--_trigger---off)));
background-color: #0000;
border-left-style: none;
padding: .5rem 0;
}
.button_main_element.button_main_wrap.button_main_text {
font-family: var(--_typography---font--primary-family);
font-weight: var(--_typography---font--primary-semi-bold);
text-transform: var(--_text-style---text-transform, none);
}
.button_main_text {
line-height: inherit;
position: relative;
}
.button_main_text.u-text-style-main {
letter-spacing: 1px;
text-transform: uppercase;
font-family: Roboto Condensed, sans-serif;
font-size: 18px;
font-weight: 700;
}
.button_toggle_element {
width: var(--button-size--medium);
aspect-ratio: 1;
border-top-style: solid;
border-top-width: var(--border-width--main);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-left-style: solid;
border-left-width: var(--border-width--main);
vertical-align: middle;
color: color-mix(in srgb, var(--_theme---button-primary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--text-hover) calc(100% * var(--_trigger---off)));
background-color: color-mix(in srgb, var(--_theme---button-primary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-radius: inherit;
justify-content: center;
align-items: center;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.button_toggle_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) {
width: var(--button-size--medium);
color: color-mix(in srgb, var(--_theme---button-secondary-light--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--text-hover) calc(100% * var(--_trigger---off)));
background-color: color-mix(in srgb, var(--_theme---button-secondary-light--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
}
.button_toggle_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) {
---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01;
}
.button_toggle_element:where(.w-variant-d47b6b31-1410-4123-4cbe-47472b6d649d) {
width: var(--button-size--large);
}
.button_toggle_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb) {
width: var(--button-size--large);
color: color-mix(in srgb, var(--_theme---button-secondary-light--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--text-hover) calc(100% * var(--_trigger---off)));
background-color: color-mix(in srgb, var(--_theme---button-secondary-light--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
}
.button_toggle_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) {
---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01;
}
.button_toggle_icon {
aspect-ratio: 1;
width: 36%;
position: relative;
}
.page_wrap {
z-index: 0;
background-color: var(--swatch--dark-900);
flex-flow: column;
min-height: 100svh;
display: flex;
overflow: clip;
}
.page_wrap.test {
height: 200vh;
min-height: 0;
position: fixed;
inset: 0%;
overflow: visible;
}
.page_main {
flex-flow: column;
flex: 1;
display: flex;
}
.styleguide_group {
padding-top: var(--_spacing---space--7);
grid-column-gap: var(--_spacing---space--5);
grid-row-gap: var(--_spacing---space--5);
flex-flow: column;
display: flex;
}
.styleguide_visual {
width: 100%;
max-height: 7rem;
padding: var(--_spacing---space--1);
aspect-ratio: 3 / 1.5;
border: var(--border-width--main) solid var(--_theme---border);
border-radius: var(--radius--small);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.styleguide_icon {
width: 3rem;
height: 3rem;
}
.hero_utility-page_wrap {
text-align: center;
}
.hero_utility-page_contain {
min-height: 100svh;
padding-top: var(--_spacing---section-space--page-top);
padding-bottom: var(--_spacing---section-space--main);
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.hero_utility-page_content {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
flex-flow: column;
max-width: 26rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.guide_wrap {
z-index: 2000;
pointer-events: none;
display: none;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.guide_contain.u-container {
display: none;
}
.guide_layout {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-rows: auto;
grid-auto-columns: 1fr;
grid-template-columns: repeat(var(--site--column-count), minmax(0, 1fr));
display: grid;
}
.guide_column {
color: #8a8a8a80;
background-color: #9292920f;
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: 100vh;
padding-top: .6rem;
padding-bottom: .6rem;
display: flex;
}
.styleguide_list {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
flex-flow: column;
align-items: stretch;
display: flex;
}
.styleguide_card_visual {
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
opacity: .1;
pointer-events: none;
background-color: currentColor;
width: 100%;
min-width: 3rem;
min-height: 3rem;
padding: 0;
}
.styleguide_flex_wrap {
aspect-ratio: 1;
background-image: url("https://cdn.prod.website-files.com/69ccb44929c20307aa9617ab/69ccb44c29c20307aa961859_dots.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 88%;
flex-flow: column;
width: 100%;
display: flex;
container-type: inline-size;
}
.styleguide_flex_dot {
opacity: .1;
pointer-events: none;
background-color: currentColor;
border-radius: 100vw;
min-width: 16cqw;
min-height: 16cqw;
padding: 0;
}
.styleguide_scroll {
padding-right: var(--site--margin);
padding-left: var(--site--margin);
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
margin-left: calc(var(--site--margin) * -1);
scrollbar-color: var(--_theme---text) transparent;
margin-right: calc(var(--site--margin) * -1);
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr);
grid-auto-columns: minmax(16rem, 1fr);
grid-auto-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: grid;
overflow: auto clip;
-webkit-mask-image: linear-gradient(to right, #0000, #000 3% 97%, #0000);
mask-image: linear-gradient(to right, #0000, #000 3% 97%, #0000);
}
.styleguide_section {
padding-top: var(--_spacing---section-space--small);
}
.clickable_wrap {
z-index: 3;
border-radius: inherit;
}
.clickable_link {
border-radius: inherit;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.clickable_link:where(.w-variant-b793638f-e9bb-2cea-c2d9-27bf5a1f754a) {
outline-offset: var(--focus--offset-inner);
}
.clickable_btn {
border-radius: inherit;
width: 100%;
height: 100%;
padding: 0;
position: absolute;
inset: 0%;
}
.clickable_btn:where(.w-variant-b793638f-e9bb-2cea-c2d9-27bf5a1f754a) {
outline-offset: var(--focus--offset-inner);
}
.styleguide_layout {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--_spacing---space--8);
flex-flow: column;
grid-auto-columns: 1fr;
align-items: start;
}
.styleguide_content {
grid-column: 1 / span 8;
width: 100%;
}
.styleguide_nav_card {
border-top-left-radius: var(--radius--small);
border-top-right-radius: var(--radius--small);
border-bottom-left-radius: var(--radius--small);
border-bottom-right-radius: var(--radius--small);
width: 100%;
padding: 1rem;
overflow: clip auto;
}
.styleguide_nav_list {
border-left: var(--border-width--main) solid var(--_theme---border);
}
.styleguide_nav_item {
margin-left: calc(var(--border-width--main) * -.5);
}
.styleguide_nav_link {
outline-offset: var(--focus--offset-inner);
padding-top: .125rem;
padding-bottom: .125rem;
padding-left: .75rem;
display: block;
}
.styleguide_nav_link.w--current {
border-left-style: solid;
border-left-width: var(--border-width--main);
border-left-color: currentColor;
}
.styleguide_nav_sub_list {
overflow: hidden;
}
.styleguide_nav_sub_link {
--_trigger---on: 1;
--_trigger---off: 0;
outline-offset: var(--focus--offset-inner);
opacity: calc(1 - .4 * var(--_trigger---on));
padding: .125rem 1.1rem;
line-height: 1.3em;
display: block;
}
.styleguide_nav_sub_link.w--current {
opacity: 1;
}
.styleguide_nav_sub_wrap {
grid-template-rows: 0fr;
grid-template-columns: minmax(0, 1fr);
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: grid;
}
.button_toggle_pause {
opacity: var(--_state---false);
display: block;
}
.button_toggle_play {
opacity: var(--_state---true);
display: block;
}
.styleguide_card_inner {
grid-column-gap: var(--_spacing---space--3);
grid-row-gap: var(--_spacing---space--3);
flex-flow: wrap;
place-content: center;
align-items: center;
width: 100%;
display: flex;
}
.styleguide_card_hidden {
display: none;
}
.hero_utility-page_header {
grid-column-gap: var(--_spacing---space--5);
grid-row-gap: var(--_spacing---space--5);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.form_fieldset_wrap {
align-items: inherit;
justify-content: inherit;
width: 100%;
position: relative;
container-type: inline-size;
}
.form_fieldset_list {
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
align-items: stretch;
justify-content: inherit;
flex-flow: column;
display: flex;
}
.form_fieldset_list:where(.w-variant-14c165fa-7397-02ef-8dc0-6e307b6c980f) {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--_spacing---space--2);
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.form_fieldset_list:where(.w-variant-5fdb0361-c340-58a0-00d3-b0e0b17257ad) {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--_spacing---space--2);
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.form_fieldset_list:where(.w-variant-ccbf2df7-16d0-30d7-0afb-0df098785596) {
justify-content: inherit;
flex-flow: wrap;
}
.form_ui_label {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
font-weight: inherit;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.form_ui_label:where(.w-variant-e3978449-fef8-38a6-7f29-4e26ca4f8f53) {
border-top-style: solid;
border-top-width: var(--border-width--main);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-left-style: solid;
border-left-width: var(--border-width--main);
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false)));
padding: .6rem 1rem .6rem .6rem;
}
.form_ui_input {
z-index: 2;
cursor: pointer;
appearance: none;
outline-style: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.form_ui_visual_wrap {
aspect-ratio: 1;
border-top-style: solid;
border-top-width: var(--border-width--main);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-left-style: solid;
border-left-width: var(--border-width--main);
border-top-left-radius: var(--radius--small);
border-top-right-radius: var(--radius--small);
border-bottom-left-radius: var(--radius--small);
border-bottom-right-radius: var(--radius--small);
width: 1.6rem;
color: var(--_theme---background);
border-top-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
border-right-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
border-left-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
flex: none;
justify-content: center;
align-items: center;
padding: 0;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
}
.form_ui_visual_wrap:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9) {
aspect-ratio: auto;
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
background-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
border-style: none;
justify-content: flex-start;
align-items: center;
width: 3.1rem;
height: 1.6rem;
padding: .2rem;
}
.form_ui_visual_wrap:where(.w-variant-e3978449-fef8-38a6-7f29-4e26ca4f8f53) {
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
background-color: color-mix(in srgb, var(--swatch--transparent) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false)));
color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
}
.form_ui_visual_wrap:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) {
border-color: var(--_theme---border);
border-radius: var(--radius--round);
background-color: #0000;
}
.form_ui_visual_icon {
width: 100%;
opacity: var(--_state---false);
display: block;
overflow: visible !important;
}
.form_ui_visual_icon:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9), .form_ui_visual_icon:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) {
display: none;
}
.form_ui_text {
color: var(--swatch--dark-800);
}
.form_select_wrap {
border-radius: 0;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.form_select_icon {
pointer-events: none;
width: .8em;
margin-right: .9rem;
display: block;
position: absolute;
overflow: visible !important;
}
.section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) {
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) {
--_theme---background: var(--swatch--brand-500);
--_theme---text: var(--swatch--brand-text);
--_theme---background-2: var(--swatch--brand-600);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%);
--_theme---border: var(--swatch--brand-text-o20);
--_theme---button-primary--text: var(--swatch--brand-500);
--_theme---button-primary--text-hover: var(--_theme---button-primary--text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-text);
--_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.slider_bullet_list {
grid-column-gap: var(--_spacing---space--1);
grid-row-gap: var(--_spacing---space--1);
justify-content: flex-start;
align-items: center;
display: flex;
width: auto !important;
}
.swiper-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: center;
align-items: center;
display: flex;
}
.slider_bullet_item {
aspect-ratio: 1;
border: .09rem solid var(--_theme---border);
background-color: #eee0;
border-radius: 100vw;
width: 1rem;
min-width: 0;
padding: 0;
}
.slider_bullet_item.is-active {
border-color: var(--_theme---text);
background-color: var(--_theme---text);
}
.slider_wrap {
grid-column-gap: 0rem;
grid-row-gap: var(--_spacing---space--4);
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.slider_offset {
margin-left: calc(var(--_gap---size) * -.5);
margin-right: calc(var(--_gap---size) * -.5);
flex: 1;
display: flex;
}
.slider_list {
height: 100%;
}
.slider_list.swiper-wrapper {
display: flex;
}
.slider_controls {
grid-column-gap: var(--_spacing---space--3);
grid-row-gap: var(--_spacing---space--3);
flex-flow: wrap;
place-content: center space-between;
align-items: center;
display: flex;
}
.slider_button_layout {
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.slider_element.swiper {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
overflow: visible;
}
.slider_element.swiper:where(.w-variant-bfb8c45c-dbfa-13cc-2dfc-0c02a34504e4) {
overflow: hidden;
}
.slider_element.swiper:where(.w-variant-b8ee48da-439e-7156-5d2e-5b4f080e200e) {
clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%);
}
.card_primary_wrap {
width: 100%;
height: 100%;
display: flex;
}
.card_primary_element {
grid-column-gap: var(--_spacing---space--4);
grid-row-gap: var(--_spacing---space--4);
border-top-style: solid;
border-top-width: var(--border-width--main);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-left-style: solid;
border-left-width: var(--border-width--main);
background-color: var(--_theme---background-2);
border-top-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, transparent calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off)));
border-radius: inherit;
width: 100%;
padding-top: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--5) * max(var(--_responsive---small), var(--_responsive---xsmall)));
padding-left: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--4) * max(var(--_responsive---small), var(--_responsive---xsmall)));
padding-right: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--4) * max(var(--_responsive---small), var(--_responsive---xsmall)));
padding-bottom: calc(var(--_spacing---space--7) * max(var(--_responsive---large), var(--_responsive---medium)) + var(--_spacing---space--5) * max(var(--_responsive---small), var(--_responsive---xsmall)));
flex-flow: column;
align-items: stretch;
transition-property: border-color;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
}
.card_primary_element:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) {
background-color: var(--_theme---background);
color: var(--_theme---text);
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
border-style: none;
}
.card_primary_element:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) {
background-color: var(--swatch--transparent);
border-style: none;
padding: 0;
}
.button_arrow_element {
width: var(--button-size--medium);
aspect-ratio: 1;
border-top-style: solid;
border-top-width: var(--border-width--main);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-left-style: solid;
border-left-width: var(--border-width--main);
vertical-align: middle;
background-color: color-mix(in srgb, var(--_theme---button-primary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--background-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in srgb, var(--_theme---button-primary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--text-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-radius: inherit;
justify-content: center;
align-items: center;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.button_arrow_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) {
---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01;
}
.button_arrow_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) {
width: var(--button-size--medium);
background-color: color-mix(in srgb, var(--_theme---button-secondary-light--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in srgb, var(--_theme---button-secondary-light--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--text-hover) calc(100% * var(--_trigger---off)));
}
.button_arrow_element:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec), .button_arrow_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb) {
---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01;
}
.button_arrow_element:where(.w-variant-d7d7e32c-ac47-de0c-eb2d-07f19dfa19d2) {
width: var(--button-size--large);
}
.button_arrow_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) {
width: var(--button-size--large);
background-color: color-mix(in srgb, var(--_theme---button-secondary-light--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in srgb, var(--_theme---button-secondary-light--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--text-hover) calc(100% * var(--_trigger---off)));
}
.button_arrow_element:where(.w-variant-c6d40e5e-3298-1af4-067d-37896ebd2a45) {
---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01;
}
.button_arrow_icon {
aspect-ratio: 1;
width: 36%;
position: relative;
}
.accordion_wrap {
padding-top: 1px;
}
.accordion_toggle_icon {
aspect-ratio: 1;
width: 1.4rem;
transform: rotate(calc(-180deg * var(--_state---false)));
flex: none;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease;
}
.accordion_content_wrap {
width: 100%;
display: none;
position: relative;
overflow: visible clip;
}
.accordion_content_padding {
padding-bottom: var(--_spacing---space--5);
}
.accordion_component {
border-bottom: var(--border-width--main) solid var(--_theme---border);
}
.accordion_toggle_heading {
margin-top: 0;
margin-bottom: 0;
}
.accordion_list {
margin-top: calc(var(--_spacing---space--4) * -1);
}
.accordion_toggle_button {
width: 100%;
padding-top: var(--_spacing---space--4);
padding-bottom: var(--_spacing---space--4);
grid-column-gap: var(--_spacing---space--3);
grid-row-gap: var(--_spacing---space--3);
outline-offset: var(--focus--offset-inner);
justify-content: space-between;
align-items: center;
display: flex;
}
.nav_links_svg {
width: 1rem;
transform: rotate(calc(-180deg * var(--_state---false)));
flex: none;
margin-left: auto;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease;
overflow: visible !important;
}
.nav_mobile_contain {
max-width: var(--nav--max-width-outer);
width: calc(100% - var(--nav--spacing-outer-horizontal) * 2);
margin-left: auto;
margin-right: auto;
}
.nav_banner_close_wrap {
outline-offset: var(--focus--offset-inner);
flex: none;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
display: flex;
position: relative;
outline-color: var(--_theme---background) !important;
}
.nav_links_wrap {
flex: 1;
}
.nav_links_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
flex-flow: row;
justify-content: center;
align-items: stretch;
display: flex;
}
.nav_banner_wrap {
z-index: 1;
background-color: var(--_theme---text);
pointer-events: auto;
color: var(--_theme---background);
font-size: var(--text-small--font-size);
height: var(--nav--banner-height);
position: relative;
}
.nav_links_item {
display: flex;
}
.nav_dropdown_mega_content {
position: relative;
}
.nav_dropdown_mega_content:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
border-radius: var(--nav--radius);
background-color: var(--_theme---nav--background);
}
.nav_dropdown_mega_contain {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.nav_dropdown_mega_contain:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
max-width: var(--nav--max-width-inner);
padding-top: var(--_spacing---space--7);
padding-bottom: var(--_spacing---space--8);
}
.nav_dropdown_main_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
border-top-left-radius: var(--nav--radius);
border-top-right-radius: var(--nav--radius);
border-bottom-left-radius: var(--nav--radius);
border-bottom-right-radius: var(--nav--radius);
background-color: var(--_theme---nav--background);
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
position: relative;
overflow-x: hidden;
overflow-y: auto !important;
}
.nav_component {
z-index: 1000;
pointer-events: none;
background-color: #0000;
position: sticky;
inset: 0% 0% auto;
container-type: inline-size;
}
.nav_component:where(.w-variant-dd866659-1d7d-6447-6461-66ca86ca367f) {
position: fixed;
}
.nav_dropdown_main_wrap {
background-color: #0000;
min-width: 0;
position: relative;
}
.nav_dropdown_main_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
width: 10rem;
padding-top: var(--_spacing---space--1);
position: absolute;
}
.nav_dropdown_backdrop {
z-index: 0;
opacity: 0;
pointer-events: none;
background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent);
width: 100%;
height: 100vh;
display: none;
position: absolute;
inset: 0%;
}
.nav_search_field {
width: 100%;
min-width: 0;
max-width: 100%;
height: 2.9em;
font-size: inherit;
color: inherit;
background-color: #0000;
border-style: none;
border-width: 0;
border-radius: 0;
margin-bottom: 0;
padding: 0 0;
}
.nav_search_field::placeholder {
color: color-mix(in srgb, var(--_theme---text) 60%, transparent);
}
.nav_dropdown_mega_layout {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
}
.nav_dropdown_mega_layout:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--_spacing---space--6);
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.nav_desktop_layout {
width: 100%;
height: var(--nav--height);
max-width: var(--nav--max-width-inner);
grid-column-gap: var(--_spacing---space--3);
pointer-events: auto;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
}
.nav_dropdown_component {
width: 100%;
height: 100%;
z-index: unset;
margin-left: 0;
margin-right: 0;
position: static;
}
.nav_dropdown_link {
z-index: 2;
width: 100%;
padding-top: var(--_spacing---space--1);
padding-right: 0;
padding-bottom: var(--_spacing---space--1);
grid-column-gap: var(--_spacing---space--2);
cursor: pointer;
color: inherit;
font-size: var(--text-small--font-size);
flex: 1;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
position: relative;
outline-offset: var(--focus--offset-inner) !important;
}
.nav_dropdown_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
padding-top: var(--_spacing---space--2);
padding-bottom: var(--_spacing---space--2);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-bottom-color: var(--_theme---border);
padding-left: calc(var(--_spacing---space--6) / 2);
padding-right: calc(var(--_spacing---space--6) / 2);
font-size: inherit;
display: block;
}
.nav_mobile_menu_wrap {
max-width: var(--nav--max-width-outer);
padding-top: var(--nav--height);
border-top-left-radius: var(--nav--radius);
border-top-right-radius: var(--nav--radius);
border-bottom-left-radius: var(--nav--radius);
border-bottom-right-radius: var(--nav--radius);
background-color: var(--_theme---nav--background);
pointer-events: auto;
text-align: left;
width: calc(100% - var(--nav--spacing-outer-horizontal) * 2);
margin-left: auto;
margin-right: auto;
inset: 0% 0% auto;
transform: none !important;
}
.nav_links_search_icon {
width: 1.1rem;
}
.nav_dropdown_text {
transition: opacity .1s;
}
.nav_button_line {
width: 100%;
height: var(--nav--hamburger-thickness);
pointer-events: auto;
background-color: currentColor;
flex: none;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
}
.nav_button_line.is-1 {
transform: translateY(calc((var(--nav--hamburger-thickness) * .5 + var(--nav--hamburger-gap) * .5) * var(--_state---false))) rotate(calc(-45deg * var(--_state---false)));
}
.nav_button_line.is-2 {
transform: translateY(calc((var(--nav--hamburger-thickness) * -.5 + var(--nav--hamburger-gap) * -.5) * var(--_state---false))) rotate(calc(45deg * var(--_state---false)));
}
.nav_mobile_layout {
z-index: 2;
width: 100%;
height: var(--nav--height);
padding: 0px var(--nav--spacing-inner-horizontal);
grid-column-gap: var(--_spacing---space--3);
border-radius: var(--nav--radius);
background-color: var(--_theme---nav--background);
pointer-events: auto;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.nav_menu_backdrop {
z-index: 0;
opacity: 0;
pointer-events: none;
background-color: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent);
width: 100%;
height: 100vh;
display: block;
position: absolute;
inset: 0%;
}
.nav_banner_close_svg {
width: 100%;
overflow: visible !important;
}
.nav_screen-reader-text {
white-space: nowrap;
clip: rect(0, 0, 0, 0);
border-width: 0;
width: 1px;
height: 1px;
margin-left: auto;
margin-right: auto;
padding: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.nav_buttons_item {
z-index: 2;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.nav_buttons_item.is-main {
margin-top: var(--_spacing---space--6);
margin-bottom: var(--_spacing---space--3);
}
.nav_buttons_item.is-main:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
margin: 0px var(--_spacing---space--3);
}
.nav_links_link {
z-index: 2;
width: 100%;
padding-top: var(--_spacing---space--2);
padding-right: 0;
padding-bottom: var(--_spacing---space--2);
grid-column-gap: var(--_spacing---space--2);
cursor: pointer;
color: inherit;
flex: 1;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
position: relative;
outline-offset: var(--focus--offset-inner) !important;
}
.nav_links_link:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
height: 100%;
padding: 0px var(--_spacing---space--3);
}
.nav_mobile_wrap {
z-index: 1;
margin-top: var(--nav--spacing-outer-vertical);
background-color: #0000;
position: relative;
}
.nav_banner_svg {
width: 1rem;
transform: rotate(calc(-45deg * var(--_state---false)));
overflow: visible !important;
}
.nav_banner_link {
grid-column-gap: var(--_spacing---space--2);
grid-column-start: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
outline-offset: var(--focus--offset-inner) !important;
outline-color: var(--_theme---background) !important;
}
.nav_button_wrap {
z-index: 2;
flex: none;
width: 2rem;
padding: 0;
outline-width: var(--focus--width) !important;
outline-color: var(--_theme---text) !important;
outline-offset: var(--focus--offset-inner) !important;
}
.nav_button_wrap.w--open {
color: inherit;
background-color: #0000;
}
.nav_search_label {
width: 100%;
}
.nav_mobile_logo {
z-index: 2;
outline-offset: var(--focus--offset-inner);
justify-content: flex-start;
align-items: center;
width: 6rem;
display: flex;
position: relative;
}
.nav_skip_wrap {
z-index: 2;
border-width: var(--border-width--main);
border-radius: var(--nav--radius);
background-color: var(--_theme---background);
outline-offset: var(--focus--offset-inner);
pointer-events: auto;
color: var(--_theme---text);
margin: .5rem;
padding: .5rem;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-200%);
}
.nav_skip_wrap:focus {
transform: translate(0%);
}
.nav_button_layout {
grid-column-gap: var(--nav--hamburger-gap);
grid-row-gap: var(--nav--hamburger-gap);
pointer-events: none;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.nav_actions_wrap {
flex-flow: column;
flex: none;
display: flex;
}
.nav_actions_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
flex-flow: row;
justify-content: flex-start;
}
.nav_search_btn_icon {
width: 1.1rem;
overflow: visible !important;
}
.nav_links_component {
padding-top: var(--_spacing---space--3);
padding-bottom: var(--_spacing---space--8);
grid-column-gap: var(--_spacing---space--3);
flex-flow: column;
flex: 1;
display: flex;
}
.nav_links_component:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
flex-flow: row;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.nav_dropdown_mega_scroll {
position: relative;
}
.nav_dropdown_mega_scroll:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
margin-top: var(--nav--height);
padding-right: var(--nav--spacing-inner-horizontal);
padding-left: var(--nav--spacing-inner-horizontal);
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
overflow: hidden auto;
}
.nav_banner_contain {
grid-column-gap: var(--_spacing---space--4);
grid-template-rows: auto;
grid-template-columns: minmax(1.1rem, 1.1rem) minmax(0, 1fr) minmax(1.1rem, 1.1rem);
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
display: grid;
}
.nav_dropdown_mega_wrap {
z-index: 1;
background-color: #0000;
width: 100%;
position: relative;
inset: 0% auto auto 0%;
}
.nav_dropdown_mega_wrap:where(.w-variant-23049969-09ac-2789-520b-3c6ae895bbc6) {
max-width: var(--nav--max-width-outer);
min-width: 0;
width: calc(100% - var(--nav--spacing-outer-horizontal) * 2);
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.nav_search_btn_wrap {
outline-offset: var(--focus--offset-inner);
justify-content: center;
align-items: center;
margin-left: -1rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.nav_mobile_menu_scroll {
padding-right: var(--nav--spacing-inner-horizontal);
padding-left: var(--nav--spacing-inner-horizontal);
max-height: calc(100svh - var(--nav--height-total) - var(--nav--spacing-outer-vertical) * 2);
overflow: hidden auto;
}
.nav_links_locales_hide {
display: none;
}
.nav_search_wrap {
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-bottom-color: color-mix(in srgb, var(--_theme---border) calc(100% * var(--_trigger---on)), var(--_theme---text) calc(100% * var(--_trigger---off)));
margin-bottom: 0;
display: flex;
}
.nav_desktop_wrap {
z-index: 1;
margin-top: var(--nav--spacing-outer-vertical);
background-color: #0000;
display: none;
position: relative;
}
.nav_desktop_contain {
max-width: var(--nav--max-width-outer);
padding-right: var(--nav--spacing-inner-horizontal);
padding-left: var(--nav--spacing-inner-horizontal);
border-top-left-radius: var(--nav--radius);
border-top-right-radius: var(--nav--radius);
border-bottom-left-radius: var(--nav--radius);
border-bottom-right-radius: var(--nav--radius);
background-color: var(--_theme---nav--background);
width: calc(100% - var(--nav--spacing-outer-horizontal) * 2);
margin-left: auto;
margin-right: auto;
}
.nav_desktop_logo {
z-index: 2;
outline-offset: var(--focus--offset-inner);
justify-content: flex-start;
align-items: center;
width: 6rem;
display: flex;
position: relative;
}
.modal_backdrop {
background-color: color-mix(in srgb, var(--swatch--dark-900) 50%, var(--swatch--transparent));
width: 100%;
height: 100vh;
position: absolute;
inset: 0% 0% auto;
}
.modal_scroll {
height: 100%;
padding-top: var(--_spacing---space--5);
padding-right: var(--_spacing---space--5);
padding-bottom: var(--_spacing---space--5);
padding-left: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--5);
grid-row-gap: var(--_spacing---space--5);
border-radius: inherit;
flex-flow: column;
display: flex;
position: relative;
overflow: hidden auto;
}
.modal_scroll:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278), .modal_scroll:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) {
padding: var(--site--margin);
}
.modal_dialog {
z-index: 1010;
width: 100%;
max-width: none;
height: 100vh;
max-height: none;
color: inherit;
background-color: #0000;
border-style: none;
border-width: 0;
margin: 0;
padding: 0;
position: fixed;
inset: 0% 0% auto;
overflow: clip;
}
.modal_content {
border-radius: var(--radius--main);
background-color: var(--_theme---background-2);
width: 100%;
max-width: 38rem;
max-height: 100%;
color: var(--_theme---text);
position: relative;
}
.modal_content:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) {
border-radius: 0;
max-width: none;
height: 100vh;
}
.modal_content:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) {
border-radius: 0;
max-width: 31rem;
height: 100vh;
}
.modal_inner {
width: 100%;
height: 100dvh;
padding: var(--site--margin);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.modal_inner:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278) {
padding: 0;
}
.modal_inner:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) {
justify-content: center;
align-items: flex-end;
padding: 0;
}
.modal_slot {
flex-flow: column;
flex: 1;
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.modal_slot:where(.w-variant-abed2e46-044e-db8d-e420-f41a8503c278), .modal_slot:where(.w-variant-ce8c84b8-072d-28eb-fa41-e255213771e0) {
max-width: var(--max-width--main);
}
.button_close_element {
width: var(--button-size--medium);
aspect-ratio: 1;
border-top-style: solid;
border-top-width: var(--border-width--main);
border-right-style: solid;
border-right-width: var(--border-width--main);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-left-style: solid;
border-left-width: var(--border-width--main);
vertical-align: middle;
background-color: color-mix(in srgb, var(--_theme---button-primary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--background-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in srgb, var(--_theme---button-primary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--text-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-radius: inherit;
justify-content: center;
align-items: center;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.button_close_element:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57), .button_close_element:where(.w-variant-bb0688d1-65b6-14b6-81e5-21e2cd39bbda) {
---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01;
}
.button_close_element:where(.w-variant-c144d67f-2c62-4dbf-0fd8-0b6056b717ec) {
width: var(--button-size--medium);
color: color-mix(in srgb, var(--_theme---button-secondary-light--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--text-hover) calc(100% * var(--_trigger---off)));
background-color: color-mix(in srgb, var(--_theme---button-secondary-light--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
}
.button_close_element:where(.w-variant-3970b3f9-2fa6-52d8-098a-2260caaa12bb), .button_close_element:where(.w-variant-6c75cae2-0734-1bbf-191f-bfe0f8ed1797) {
---mode--collection-8527ce3f-b0ac-c719-bfe1-e5f32af64e3f: mode-002406cf-227a-62a3-cf03-f9d5a175ec01;
}
.button_close_element:where(.w-variant-7198e0ca-f9f4-9662-3fe9-d7114404c9cb) {
width: var(--button-size--large);
}
.button_close_element:where(.w-variant-c6d40e5e-3298-1af4-067d-37896ebd2a45) {
width: var(--button-size--large);
color: color-mix(in srgb, var(--_theme---button-secondary-light--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--text-hover) calc(100% * var(--_trigger---off)));
background-color: color-mix(in srgb, var(--_theme---button-secondary-light--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--background-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in srgb, var(--_theme---button-secondary-light--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary-light--border-hover) calc(100% * var(--_trigger---off)));
}
.button_close_icon {
aspect-ratio: 1;
width: 36%;
position: relative;
}
.footer_contain {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
}
.footer_content {
grid-column-gap: var(--site--gutter);
grid-row-gap: inherit;
flex: auto;
grid-column: span 4;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.footer_social_link {
width: 2.5rem;
padding: .5rem;
display: block;
}
.footer_social_list {
flex-flow: wrap;
place-content: center flex-start;
align-items: center;
margin: -.5rem;
display: flex;
}
.footer_logo_wrap {
align-self: start;
width: 8rem;
}
.footer_bottom_list {
flex-flow: wrap;
place-content: center flex-start;
align-items: center;
margin: -.5rem;
display: flex;
}
.footer_social_wrap {
margin-top: auto;
}
.footer_layout {
grid-row-gap: var(--_spacing---space--8);
flex-flow: column;
justify-content: space-between;
align-items: stretch;
}
.footer_bottom_link_wrap {
opacity: calc(1 - .5 * var(--_trigger---off));
padding: .5rem;
transition-property: opacity;
transition-duration: .1s;
transition-timing-function: ease;
}
.footer_bottom_layout {
grid-column-gap: var(--_spacing---space--4);
grid-row-gap: var(--_spacing---space--4);
border-top: var(--border-width--main) solid var(--_theme---border);
flex-flow: wrap;
place-content: center space-between;
align-items: center;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
display: flex;
}
.footer_group_item {
display: flex;
}
.footer_group_list {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer_bottom_item {
display: flex;
}
.footer_link_wrap {
padding-top: var(--_spacing---space--2);
padding-bottom: var(--_spacing---space--2);
opacity: calc(1 - .5 * var(--_trigger---off));
transition-property: opacity;
transition-duration: .1s;
transition-timing-function: ease;
}
.modal_close {
z-index: 2;
align-self: flex-end;
position: sticky;
inset: 0 auto auto 0%;
}
.tab_control_wrap {
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.tab_button_item {
width: 100%;
min-width: 10rem;
padding-top: var(--_spacing---space--4);
padding-right: var(--_spacing---space--4);
padding-bottom: var(--_spacing---space--4);
padding-left: var(--_spacing---space--4);
border-bottom-style: solid;
border-bottom-width: var(--border-width--main);
border-bottom-color: var(--_theme---border);
text-align: center;
cursor: pointer;
outline-offset: var(--focus--offset-inner);
outline-width: var(--focus--width);
position: relative;
}
.tab_button_item:where(.w-variant-8ffc88d1-7ba2-15f6-9b67-306f6d86c1bd) {
width: auto;
min-width: auto;
padding-top: var(--_spacing---space--3);
padding-bottom: var(--_spacing---space--3);
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--_theme---border);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--_theme---border);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--_theme---border);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--_theme---border);
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
background-color: color-mix(in srgb, transparent calc(100% * var(--_state---true)), var(--_theme---text) calc(100% * var(--_state---false)));
color: color-mix(in srgb, currentColor calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false)));
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.tab_button_list {
padding-right: var(--site--margin);
padding-left: var(--site--margin);
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-left: calc(var(--site--margin) * -1);
margin-right: calc(var(--site--margin) * -1);
display: flex;
overflow: auto clip;
}
.tab_button_list:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) {
flex-direction: var(--row-medium, column);
align-items: start;
}
.tab_content_list {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
flex-flow: column;
display: flex;
position: relative;
}
.tab_button_text {
opacity: calc(1 - .3 * var(--_state---true));
}
.tab_button_text.u-text-style-main {
font-weight: calc(var(--_typography---font--primary-regular) * var(--_state---true) + var(--_typography---font--primary-bold) * var(--_state---false));
}
.tab_wrap {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--_spacing---space--5);
flex-flow: column;
display: flex;
}
.tab_wrap:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) {
display: var(--flex-medium, grid);
flex-flow: column;
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.tab_button_line {
height: var(--border-width--main);
opacity: var(--_state---false);
width: calc(100% * var(--progress, 1));
background-color: currentColor;
padding: 0;
position: absolute;
inset: auto auto 0% 0%;
transform: translate(0, 100%);
}
.tab_button_line:where(.w-variant-8ffc88d1-7ba2-15f6-9b67-306f6d86c1bd) {
height: 100%;
width: calc(100% * var(--progress, 0));
border-radius: inherit;
background-color: color-mix(in srgb, currentColor 10%, transparent);
inset: 0% auto 0% 0%;
transform: none;
}
.tab_content_wrap {
padding-right: var(--site--margin);
padding-left: var(--site--margin);
margin-left: calc(var(--site--margin) * -1);
margin-right: calc(var(--site--margin) * -1);
overflow-x: clip;
}
.tab_arrow_wrap {
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.card_primary_image {
height: 100%;
transform: scale(calc(1 + .1 * var(--_trigger---off)));
transition-property: transform;
transition-duration: .3s;
transition-timing-function: ease;
position: absolute;
inset: 0%;
}
.card_primary_image:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) {
display: block;
}
.card_primary_group {
border-radius: var(--radius--main);
width: 100%;
display: flex;
position: relative;
}
.card_primary_group:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) {
border-radius: 0;
}
.card_primary_visual {
z-index: 1;
border-radius: inherit;
display: none;
position: relative;
overflow: clip;
}
.card_primary_visual:where(.w-variant-51efa20c-c7be-48fe-973a-11367f19d622) {
opacity: .6;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.card_primary_visual:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) {
aspect-ratio: 16 / 9;
border-radius: var(--radius--small);
background-color: var(--_theme---background-skeleton);
display: block;
}
.card_primary_title {
margin-bottom: var(--_text-style---margin-bottom);
}
.card_primary_title.u-text-style-h4:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) {
margin-bottom: var(--_spacing---space--3);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.card_primary_content {
z-index: 1;
position: relative;
}
.button_main_wrap {
border-radius: var(--radius--round);
pointer-events: auto;
color: var(--_button-styles---button-primary--text);
--_button-styles---button-primary--border: var(--_theme---button-primary--border);
--_button-styles---button-primary--background: var(--_theme---button-primary--background);
--_button-styles---button-primary--text: var(--_theme---button-primary--text);
--_button-styles---button-primary--icon-bg: var(--_theme---button-primary--icon-bg);
--_button-styles---button-primary--background-hover: var(--_theme---button-primary--background-hover);
--_button-styles---button-primary--border-hover: var(--_theme---button-primary--border-hover);
--_button-styles---button-primary--text-hover: var(--_theme---button-primary--text-hover);
display: inline-block;
position: relative;
}
.button_main_wrap:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) {
border-radius: 0;
}
.button_main_wrap:where(.w-variant-8c5c688d-e10d-ab53-13d9-2c77a93ca53d) {
--_button-styles---button-primary--border: var(--_theme---button-primary-outline--border);
--_button-styles---button-primary--background: var(--_theme---button-primary-outline--background);
--_button-styles---button-primary--text: var(--_theme---button-primary-outline--text);
--_button-styles---button-primary--icon-bg: var(--_theme---button-primary-outline--icon-bg);
--_button-styles---button-primary--background-hover: var(--_theme---button-primary-outline--background-hover);
--_button-styles---button-primary--border-hover: var(--_theme---button-primary-outline--border-hover);
--_button-styles---button-primary--text-hover: var(--_theme---button-primary-outline--text-hover);
}
.button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) {
--_button-styles---button-primary--border: var(--_theme---button-secondary-light--border);
--_button-styles---button-primary--background: var(--_theme---button-secondary-light--background);
--_button-styles---button-primary--text: var(--_theme---button-secondary-light--text);
--_button-styles---button-primary--icon-bg: var(--_theme---button-secondary-light--icon-bg);
--_button-styles---button-primary--background-hover: var(--_theme---button-secondary-light--background-hover);
--_button-styles---button-primary--border-hover: var(--_theme---button-secondary-light--border-hover);
--_button-styles---button-primary--text-hover: var(--_theme---button-secondary-light--text-hover);
}
.button_main_wrap:where(.w-variant-5d2fc817-0cb8-ae3c-faad-98245affef6b) {
--_button-styles---button-primary--border: var(--_theme---button-secondary-dark--border);
--_button-styles---button-primary--background: var(--_theme---button-secondary-dark--background);
--_button-styles---button-primary--text: var(--_theme---button-secondary-dark--text);
--_button-styles---button-primary--icon-bg: var(--_theme---button-secondary-dark--icon-bg);
--_button-styles---button-primary--background-hover: var(--_theme---button-secondary-dark--background-hover);
--_button-styles---button-primary--border-hover: var(--_theme---button-secondary-dark--border-hover);
--_button-styles---button-primary--text-hover: var(--_theme---button-secondary-dark--text-hover);
}
.button_main_wrap:where(.w-variant-2e0642af-728a-71b0-5ad8-cf48783a09a4) {
--_button-styles---button-primary--border: var(--_theme---button-secondary-outline--border);
--_button-styles---button-primary--background: var(--_theme---button-secondary-outline--background);
--_button-styles---button-primary--text: var(--_theme---button-secondary-outline--text);
--_button-styles---button-primary--icon-bg: var(--_theme---button-secondary-outline--icon-bg);
--_button-styles---button-primary--background-hover: var(--_theme---button-secondary-outline--background-hover);
--_button-styles---button-primary--border-hover: var(--_theme---button-secondary-outline--border-hover);
--_button-styles---button-primary--text-hover: var(--_theme---button-secondary-outline--text-hover);
}
.button_toggle_wrap, .button_arrow_wrap, .button_close_wrap {
border-radius: var(--radius--round);
display: inline-block;
position: relative;
}
.button_main_icon {
aspect-ratio: 1;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: .8rem;
margin-top: -.5rem;
margin-bottom: -.5rem;
display: flex;
}
.form_range_input {
background-color: var(--swatch--brand-100);
border-radius: inherit;
width: 100%;
height: .7rem;
display: block;
}
.form_range_element {
border-radius: var(--radius--round);
background-color: var(--_theme---background-2);
margin-top: .3rem;
display: block;
position: relative;
}
.form_range_fill {
background-color: var(--swatch--brand-500);
pointer-events: none;
height: 100%;
width: calc(var(--progress) * 100% + var(--thumb-size) * -1 * (var(--progress) - .5));
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
padding: 0;
position: absolute;
inset: 0% auto 0% 0%;
}
.form_range_thumb_wrap {
pointer-events: none;
width: 100%;
height: 100%;
transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size)));
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.form_range_thumb_element {
aspect-ratio: 1;
border-top-style: none;
border-top-width: .3rem;
border-top-color: var(--_theme---text);
border-right-style: none;
border-right-width: .3rem;
border-right-color: var(--_theme---text);
border-bottom-style: none;
border-bottom-width: .3rem;
border-bottom-color: var(--_theme---text);
border-left-style: none;
border-left-width: .3rem;
border-left-color: var(--_theme---text);
background-color: var(--swatch--brand-900);
width: var(--thumb-size);
border-radius: var(--thumb-radius);
padding: 0;
}
.form_range_output_wrap {
pointer-events: none;
transform: translateX(calc((var(--progress) - .5) * 100% - (var(--progress) - .5) * var(--thumb-size)));
justify-content: center;
align-items: center;
padding-top: 1rem;
display: flex;
}
.form_range_output_element {
border-radius: var(--radius--small);
background-color: var(--_theme---background-2);
pointer-events: auto;
padding: .1rem .6rem;
}
.tab_left {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
flex-flow: column;
display: flex;
}
.tab_left:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) {
grid-column: span 3;
}
.tab_right {
grid-column-gap: var(--_spacing---space--5);
grid-row-gap: var(--_spacing---space--5);
flex-flow: column;
display: flex;
}
.tab_right:where(.w-variant-490ac534-1fb5-5322-5b2f-0dc20ea2f909) {
grid-column: span 9;
}
.form_ui_visual_inner {
width: 63%;
height: auto;
transition: all .2s;
}
.form_ui_visual_inner:where(.w-variant-05ff758a-80c8-4344-649b-149f87b62cc9) {
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
background-color: color-mix(in srgb, var(--_theme---background) calc(100% * var(--_state---true)), var(--_theme---background) calc(100% * var(--_state---false)));
width: 70%;
height: 100%;
transform: translateX(calc(43% * var(--_state---false)));
}
.form_ui_visual_inner:where(.w-variant-c18f59b8-0331-9f8c-c106-08818710cc20) {
background-color: var(--_theme---text);
width: 70%;
height: 70%;
opacity: var(--_state---false);
border-radius: inherit;
}
.styleguide_nav_wrap {
top: var(--site--margin);
max-height: calc(100svh - var(--site--margin) * 2);
order: 1;
grid-column: 10 / -1;
display: flex;
position: sticky;
}
.button_main_line {
height: var(--border-width--main);
pointer-events: none;
transform: translateY(100%) scaleX(calc(100% * var(--_trigger---off)));
transform-origin: calc(100% * var(--_trigger---on)) 100%;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: auto 0% 0%;
}
.button_main_line:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) {
background-color: var(--_theme---text-link--border-hover);
}
.form_component {
flex-flow: row;
display: flex;
}
.dropdown_toggle_wrap {
padding-top: var(--_spacing---space--1);
padding-bottom: var(--_spacing---space--1);
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.dropdown_toggle_arrow {
width: 1rem;
transform: rotate(calc(-180deg * var(--_state---false)));
flex: none;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease;
}
.dropdown_content {
z-index: 2;
border-top-left-radius: var(--radius--small);
border-top-right-radius: var(--radius--small);
border-bottom-left-radius: var(--radius--small);
border-bottom-right-radius: var(--radius--small);
background-color: var(--_theme---background-2);
color: var(--_theme---text);
max-width: min(20rem, 100cqw);
display: none;
position: absolute;
overflow: clip;
}
.dropdown_toggle_clickable {
border-radius: inherit;
width: 100%;
height: 100%;
padding: 0;
position: absolute;
inset: 0%;
}
.dropdown_slot {
max-height: 90svh;
padding-top: var(--_spacing---space--4);
padding-right: var(--_spacing---space--4);
padding-bottom: var(--_spacing---space--4);
padding-left: var(--_spacing---space--4);
overflow: clip auto;
}
.search_contain {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.search_group {
margin-top: var(--_spacing---space--7);
}
.search_list {
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
flex-flow: column;
display: flex;
}
.search_card {
width: 100%;
padding: var(--_spacing---space--5);
border-radius: var(--radius--small);
background-color: var(--_theme---background-2);
position: relative;
}
.search_title {
margin-bottom: var(--_spacing---space--4);
}
.search_url {
margin-top: 0;
}
.search_url.u-text-style-small {
margin-top: var(--_spacing---space--6);
}
.u-ratio-auto {
aspect-ratio: auto;
}
.hero_contain {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.hero_layout {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
position: relative;
overflow: clip;
}
.hero_content {
z-index: 2;
text-align: center;
max-width: 60rem;
padding-top: var(--_spacing---space--8);
padding-bottom: var(--_spacing---space--8);
position: relative;
}
.hero_title {
letter-spacing: -.02em;
margin-bottom: var(--_spacing---space--5);
line-height: .95;
}
.hero_title_word {
display: block;
}
.hero_title_word.is-pink {
color: var(--_theme---accent);
font-size: 1.1em;
}
.hero_title_emoji {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
vertical-align: baseline;
margin-left: .1em;
display: inline-block;
}
.hero_text {
max-width: 50ch;
margin-left: auto;
margin-right: auto;
}
.hero_visual_wrap {
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
container-type: inline-size;
}
.hero_visual_inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 1cqw;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.hero_visual_mockup {
background-color: var(--_theme---background-skeleton);
border-radius: 1em;
position: absolute;
overflow: clip;
}
.hero_visual_mockup.is-1 {
aspect-ratio: 4 / 3;
width: 20em;
top: 0;
left: 0;
transform: translate(8em, 12em);
}
.hero_visual_mockup.is-2 {
aspect-ratio: 3 / 4;
width: 16em;
bottom: 0;
left: 0;
transform: translate(13em, -12em);
}
.hero_visual_mockup.is-3 {
aspect-ratio: 4 / 3;
width: 20em;
top: 0;
right: 0;
transform: translate(-8em, 18em);
}
.hero_visual_mockup.is-4 {
aspect-ratio: 16 / 10;
width: 22em;
top: 0;
right: 0;
transform: translate(-28em, 45em);
}
.hero_visual_mockup.is-5 {
aspect-ratio: 3 / 4;
width: 15em;
bottom: 0;
right: 0;
transform: translate(-15em, -18em);
}
.hero_visual_mockup_img {
width: 100%;
height: 100%;
}
.hero_logos {
z-index: 1;
opacity: .6;
grid-row-gap: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--6);
margin-top: var(--_spacing---space--8);
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.hero_logo {
object-fit: contain;
filter: brightness(0) invert();
flex-shrink: 0;
width: auto;
height: 2.5rem;
}
.hero_wrap.u-section {
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
background-color: #0000;
}
.hero_visual_mockup-2 {
background-color: var(--_theme---background-skeleton);
will-change: transform;
border-radius: 1em;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: ease-out;
position: absolute;
overflow: clip;
}
.hero_visual_mockup-2.is-1 {
aspect-ratio: 4 / 3;
width: 20em;
top: 0;
left: 0;
transform: translate(8em, 12em);
}
.hero_visual_mockup-2.is-2 {
aspect-ratio: 3 / 4;
width: 16em;
bottom: 0;
left: 0;
transform: translate(13em, -12em);
}
.hero_visual_mockup-2.is-3 {
aspect-ratio: 4 / 3;
width: 20em;
top: 0;
right: 0;
transform: translate(-8em, 18em);
}
.hero_visual_mockup-2.is-4 {
aspect-ratio: 16 / 10;
width: 22em;
top: 0;
right: 0;
transform: translate(-28em, 45em);
}
.hero_visual_mockup-2.is-5 {
aspect-ratio: 3 / 4;
width: 15em;
bottom: 0;
right: 0;
transform: translate(-15em, -18em);
}
.hero_visual_mockup-3 {
background-color: var(--_theme---background-skeleton);
will-change: transform;
border-radius: 1em;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: ease-out;
position: absolute;
overflow: clip;
}
.hero_visual_mockup-3.is-1 {
aspect-ratio: 4 / 3;
width: 20em;
top: 0;
left: 0;
transform: translate(8em, 12em);
}
.hero_visual_mockup-3.is-2 {
aspect-ratio: 3 / 4;
width: 16em;
bottom: 0;
left: 0;
transform: translate(13em, -12em);
}
.hero_visual_mockup-3.is-3 {
aspect-ratio: 4 / 3;
width: 20em;
top: 0;
right: 0;
transform: translate(-8em, 18em);
}
.hero_visual_mockup-3.is-4 {
aspect-ratio: 16 / 10;
width: 22em;
top: 0;
right: 0;
transform: translate(-28em, 45em);
}
.hero_visual_mockup-3.is-5 {
aspect-ratio: 3 / 4;
width: 15em;
bottom: 0;
right: 0;
transform: translate(-15em, -18em);
}
.div-block {
position: relative;
}
.hero_layout-2 {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
position: relative;
overflow: visible;
}
.hero_content-2 {
z-index: 2;
text-align: center;
max-width: 70rem;
padding-top: var(--_spacing---space--8);
padding-bottom: var(--_spacing---space--8);
padding-left: var(--_spacing---space--8);
padding-right: var(--_spacing---space--8);
position: relative;
}
.hero_title-3 {
letter-spacing: -.03em;
margin-bottom: var(--_spacing---space--6);
font-size: clamp(3.5rem, 10vw, 8rem);
font-weight: 900;
line-height: .85;
}
.hero_title_emoji-3 {
vertical-align: baseline;
margin-left: .15em;
font-size: .9em;
display: inline-block;
}
.hero_text-3 {
max-width: 50ch;
margin-left: auto;
margin-right: auto;
font-size: 1.125rem;
}
.hero_visual_mockup-5 {
background-color: var(--_theme---background-skeleton);
will-change: transform;
border-radius: 1em;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: ease-out;
position: absolute;
overflow: clip;
box-shadow: 0 2em 6em #0000004d;
}
.hero_visual_mockup-5.is-1 {
aspect-ratio: 4 / 3;
width: 16em;
top: 0;
left: -60px;
right: auto;
transform: translate(2em, 8em);
}
.hero_visual_mockup-5.is-2 {
aspect-ratio: 16 / 11;
width: 14em;
top: -60px;
left: -10px;
transform: translate(1em, 32em);
}
.hero_visual_mockup-5.is-3 {
aspect-ratio: 4 / 5;
width: 14em;
bottom: -50px;
left: 0;
transform: translate(4em, -12em);
}
.hero_visual_mockup-5.is-4 {
aspect-ratio: 16 / 10;
width: 18em;
top: -80px;
right: 0;
transform: translate(-2em, 8em);
}
.hero_visual_mockup-5.is-5 {
aspect-ratio: 16 / 10;
width: 18em;
top: -110px;
right: -330px;
transform: translate(-22em, 34em);
}
.hero_visual_mockup-5.is-6 {
aspect-ratio: 9 / 16;
width: 10em;
bottom: -30px;
right: -50px;
transform: translate(-4em, -12em);
}
.hero_logos-3 {
z-index: 1;
opacity: .5;
grid-row-gap: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--7);
margin-top: var(--_spacing---space--8);
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.summer-drive_wrap {
background-color: var(--_theme---background);
color: var(--_theme---text);
padding-top: var(--_spacing---section-space--page-top);
padding-bottom: var(--_spacing---section-space--main);
overflow: clip;
}
.summer-drive_wrap.u-section.u-theme-brand {
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.summer-drive_contain {
position: relative;
}
.summer-drive_layout {
grid-row-gap: var(--_spacing---space--8);
grid-column-gap: var(--_spacing---space--8);
flex-direction: column;
width: 100%;
display: flex;
}
.summer-drive_hero_wrap {
grid-row-gap: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--5);
width: 100%;
padding-bottom: var(--_spacing---space--6);
border-bottom: var(--border-width--main) solid var(--_theme---border);
flex-direction: column;
display: flex;
}
.summer-drive_branding_wrap {
width: 100%;
min-height: 18rem;
display: block;
position: relative;
}
.summer-drive_meta_wrap {
pointer-events: none;
grid-row-gap: var(--_spacing---space--2);
grid-column-gap: var(--_spacing---space--2);
flex-direction: column;
width: 100%;
padding: 0;
display: flex;
position: absolute;
inset: auto auto 0 0;
}
.summer-drive_date_wrap {
text-align: left;
width: 12rem;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.summer-drive_time_wrap {
text-align: right;
width: 12rem;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
.summer-drive_meta_label {
text-transform: uppercase;
margin-bottom: var(--_spacing---space--3);
}
.summer-drive_meta_value {
text-transform: uppercase;
letter-spacing: var(--_typography---letter-spacing--tight);
font-size: clamp(2.75rem, 6vw, 5.5rem);
line-height: .92;
}
.summer-drive_title_wrap {
justify-content: center;
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.summer-drive_title {
text-align: center;
text-transform: uppercase;
width: 100%;
letter-spacing: var(--_typography---letter-spacing--tight);
font-size: clamp(4.5rem, 12vw, 11rem);
line-height: .82;
font-weight: var(--_typography---font--primary-bold);
margin-bottom: 0;
}
.summer-drive_subtitle_wrap {
width: 100%;
padding-top: var(--_spacing---space--2);
justify-content: center;
display: flex;
}
.summer-drive_subtitle {
text-align: center;
text-transform: uppercase;
width: 100%;
max-width: 58ch;
margin-bottom: 0;
}
.summer-drive_feature_wrap {
width: 100%;
display: var(--flex-medium, grid);
grid-row-gap: var(--_spacing---space--6);
grid-column-gap: var(--_spacing---space--6);
padding-top: var(--_spacing---space--5);
padding-bottom: var(--_spacing---space--8);
border-bottom: var(--border-width--main) solid var(--_theme---border);
flex-direction: column;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: center;
}
.summer-drive_card_wrap {
text-align: center;
align-self: center;
width: 100%;
display: block;
}
.summer-drive_card_wrap.is-left {
grid-column: 1 / span 3;
}
.summer-drive_card_wrap.is-right {
grid-column: 10 / span 3;
}
.summer-drive_eyebrow {
text-transform: uppercase;
margin-bottom: var(--_spacing---space--3);
}
.summer-drive_card_title_wrap {
margin-bottom: var(--_spacing---space--5);
justify-content: center;
display: flex;
}
.summer-drive_card_title {
text-transform: uppercase;
width: 100%;
max-width: 9ch;
letter-spacing: var(--_typography---letter-spacing--tight);
margin-bottom: 0;
font-size: clamp(2.75rem, 5vw, 4.75rem);
line-height: .95;
}
.summer-drive_button_wrap {
justify-content: center;
width: 100%;
display: flex;
}
.summer-drive_button {
text-transform: uppercase;
min-width: 9rem;
padding-top: var(--_spacing---space--3);
padding-right: var(--_spacing---space--5);
padding-bottom: var(--_spacing---space--3);
padding-left: var(--_spacing---space--5);
border-style: solid;
border-top-width: var(--border-width--main);
border-right-width: var(--border-width--main);
border-bottom-width: var(--border-width--main);
border-left-width: var(--border-width--main);
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
background-color: color-mix(in hsl, var(--_theme---button-secondary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--background-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in hsl, var(--_theme---button-secondary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--text-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
justify-content: center;
align-items: center;
text-decoration: none;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-flex;
}
.summer-drive_visual_wrap {
grid-column: 4 / span 6;
justify-content: center;
align-items: center;
width: 100%;
min-height: 18rem;
padding: 0;
display: flex;
position: relative;
}
.summer-drive_car_wrap {
aspect-ratio: 1.55;
width: min(100%, 34rem);
padding: 0;
position: relative;
}
.summer-drive_shadow {
opacity: .95;
filter: blur(.2rem);
background-color: var(--_theme---text);
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
height: 16%;
padding: 0;
position: absolute;
bottom: 7%;
left: 7%;
right: 12%;
transform: skewX(-16deg);
}
.summer-drive_road-mark {
aspect-ratio: 4;
filter: blur(.35rem);
background-color: color-mix(in hsl, var(--_theme---text) 18%, transparent);
width: 18%;
padding: 0;
position: absolute;
bottom: 10%;
right: -2%;
transform: rotate(-18deg);
}
.summer-drive_car_svg {
z-index: 1;
width: 100%;
height: auto;
color: var(--_theme---text);
position: relative;
}
.summer-drive_car_path, .summer-drive_car_line, .summer-drive_car_circle {
stroke: currentColor;
stroke-width: var(--border-width--main);
}
.summer-drive_car_body {
fill: color-mix(in hsl, var(--_theme---background) 78%, var(--_theme---text) 22%);
stroke: currentColor;
stroke-width: var(--border-width--main);
}
.summer-drive_car_tone {
fill: color-mix(in hsl, var(--_theme---background) 58%, var(--_theme---text) 42%);
}
.summer-drive_car_dark {
fill: currentColor;
}
.summer-drive_car_light {
fill: var(--_theme---background);
}
.summer-drive_car_green {
fill: color-mix(in hsl, var(--_theme---text) 45%, var(--_theme---background) 55%);
stroke: currentColor;
stroke-width: var(--border-width--main);
}
.summer-drive_badge_wrap {
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 2.25rem;
padding: 0;
display: flex;
position: absolute;
top: -.75rem;
left: 50%;
transform: translate(-50%);
}
.summer-drive_badge_svg {
width: 100%;
height: auto;
color: var(--_theme---text);
}
.summer-drive_badge_circle, .summer-drive_badge_path {
stroke: currentColor;
stroke-width: var(--border-width--main);
fill: none;
}
.summer-drive_badge_fill {
fill: var(--_theme---background);
stroke: currentColor;
stroke-width: var(--border-width--main);
}
.hero_content-2 {
z-index: 2;
text-align: center;
max-width: 70rem;
padding-top: var(--_spacing---space--8);
padding-bottom: var(--_spacing---space--8);
position: relative;
}
.hero_title-2 {
letter-spacing: -.03em;
margin-bottom: var(--_spacing---space--6);
font-size: clamp(4rem, 12vw, 10rem);
font-weight: 900;
line-height: .85;
}
.hero_title_word-2 {
display: block;
}
.hero_title_word-2.is-pink {
color: var(--_theme---accent);
font-size: 1.1em;
}
.hero_title_emoji-2 {
vertical-align: baseline;
margin-left: .15em;
font-size: .9em;
display: inline-block;
}
.hero_text-2 {
max-width: 50ch;
margin-left: auto;
margin-right: auto;
font-size: 1.125rem;
}
.hero_visual_mockup-4 {
background-color: var(--_theme---background-skeleton);
will-change: transform;
border-radius: 1em;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: ease-out;
position: absolute;
overflow: clip;
box-shadow: 0 2em 6em #0000004d;
}
.hero_visual_mockup-4.is-1 {
aspect-ratio: 4 / 3;
width: 18em;
top: 0;
left: 0;
transform: translate(5em, 8em);
}
.hero_visual_mockup-4.is-2 {
aspect-ratio: 16 / 11;
width: 16em;
top: 0;
left: 0;
transform: translate(3em, 30em);
}
.hero_visual_mockup-4.is-3 {
aspect-ratio: 4 / 5;
width: 16em;
bottom: 0;
left: 0;
transform: translate(8em, -12em);
}
.hero_visual_mockup-4.is-4 {
aspect-ratio: 16 / 10;
width: 18em;
top: 0;
right: 0;
transform: translate(-5em, 8em);
}
.hero_visual_mockup-4.is-5 {
aspect-ratio: 16 / 10;
width: 28em;
top: 0;
right: 0;
transform: translate(-18em, 32em);
}
.hero_visual_mockup-4.is-6 {
aspect-ratio: 9 / 16;
width: 12em;
bottom: 0;
right: 0;
transform: translate(-8em, -12em);
}
.hero_logos-2 {
z-index: 1;
opacity: .5;
grid-row-gap: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--7);
margin-top: var(--_spacing---space--8);
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.summer-drive_wrap-2 {
background-color: var(--_theme---background);
color: var(--_theme---text);
padding-top: var(--_spacing---section-space--page-top);
padding-bottom: var(--_spacing---section-space--main);
overflow: clip;
}
.summer-drive_layout-2 {
grid-row-gap: var(--_spacing---space--8);
grid-column-gap: var(--_spacing---space--8);
flex-direction: column;
width: 100%;
display: flex;
}
.summer-drive_hero_wrap-2 {
grid-row-gap: var(--_spacing---space--5);
grid-column-gap: var(--_spacing---space--5);
width: 100%;
padding-bottom: var(--_spacing---space--6);
border-bottom: var(--border-width--main) solid var(--_theme---border);
flex-direction: column;
display: flex;
}
.summer-drive_branding_wrap-2 {
width: 100%;
min-height: 18rem;
display: block;
position: relative;
}
.summer-drive_meta_wrap-2 {
pointer-events: none;
grid-row-gap: var(--_spacing---space--2);
grid-column-gap: var(--_spacing---space--2);
flex-direction: column;
width: 100%;
padding: 0;
display: flex;
position: absolute;
inset: auto auto 0 0;
}
.summer-drive_date_wrap-2 {
text-align: left;
width: 12rem;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.summer-drive_time_wrap-2 {
text-align: right;
width: 12rem;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
.summer-drive_meta_label-2 {
text-transform: uppercase;
margin-bottom: var(--_spacing---space--3);
}
.summer-drive_meta_value-2 {
text-transform: uppercase;
letter-spacing: var(--_typography---letter-spacing--tight);
font-size: clamp(2.75rem, 6vw, 5.5rem);
line-height: .92;
}
.summer-drive_title_wrap-2 {
justify-content: center;
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.summer-drive_title-2 {
text-align: center;
text-transform: uppercase;
width: 100%;
letter-spacing: var(--_typography---letter-spacing--tight);
font-size: clamp(4.5rem, 12vw, 11rem);
line-height: .82;
font-weight: var(--_typography---font--primary-bold);
margin-bottom: 0;
}
.summer-drive_subtitle_wrap-2 {
width: 100%;
padding-top: var(--_spacing---space--2);
justify-content: center;
display: flex;
}
.summer-drive_subtitle-2 {
text-align: center;
text-transform: uppercase;
width: 100%;
max-width: 58ch;
margin-bottom: 0;
}
.summer-drive_feature_wrap-2 {
width: 100%;
display: var(--flex-medium, grid);
grid-row-gap: var(--_spacing---space--6);
grid-column-gap: var(--_spacing---space--6);
padding-top: var(--_spacing---space--5);
padding-bottom: var(--_spacing---space--8);
border-bottom: var(--border-width--main) solid var(--_theme---border);
flex-direction: column;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: center;
}
.summer-drive_card_wrap-2 {
text-align: center;
align-self: center;
width: 100%;
display: block;
}
.summer-drive_card_wrap-2.is-left {
grid-column: 1 / span 3;
}
.summer-drive_card_wrap-2.is-right {
grid-column: 10 / span 3;
}
.summer-drive_eyebrow-2 {
text-transform: uppercase;
margin-bottom: var(--_spacing---space--3);
}
.summer-drive_card_title-2 {
text-transform: uppercase;
width: 100%;
max-width: 9ch;
letter-spacing: var(--_typography---letter-spacing--tight);
margin-bottom: 0;
font-size: clamp(2.75rem, 5vw, 4.75rem);
line-height: .95;
}
.summer-drive_button_wrap-2 {
justify-content: center;
width: 100%;
display: flex;
}
.summer-drive_button-2 {
text-transform: uppercase;
min-width: 9rem;
padding-top: var(--_spacing---space--3);
padding-right: var(--_spacing---space--5);
padding-bottom: var(--_spacing---space--3);
padding-left: var(--_spacing---space--5);
border-style: solid;
border-top-width: var(--border-width--main);
border-right-width: var(--border-width--main);
border-bottom-width: var(--border-width--main);
border-left-width: var(--border-width--main);
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
background-color: color-mix(in hsl, var(--_theme---button-secondary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--background-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in hsl, var(--_theme---button-secondary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--text-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in hsl, var(--_theme---button-secondary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-secondary--border-hover) calc(100% * var(--_trigger---off)));
justify-content: center;
align-items: center;
text-decoration: none;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-flex;
}
.summer-drive_visual_wrap-2 {
grid-column: 4 / span 6;
justify-content: center;
align-items: center;
width: 100%;
min-height: 18rem;
padding: 0;
display: flex;
position: relative;
}
.summer-drive_car_wrap-2 {
aspect-ratio: 1.55;
width: min(100%, 34rem);
padding: 0;
position: relative;
}
.summer-drive_shadow-2 {
opacity: .95;
filter: blur(.2rem);
background-color: var(--_theme---text);
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
height: 16%;
padding: 0;
position: absolute;
bottom: 7%;
left: 7%;
right: 12%;
transform: skewX(-16deg);
}
.summer-drive_road-mark-2 {
aspect-ratio: 4;
filter: blur(.35rem);
background-color: color-mix(in hsl, var(--_theme---text) 18%, transparent);
width: 18%;
padding: 0;
position: absolute;
bottom: 10%;
right: -2%;
transform: rotate(-18deg);
}
.summer-drive_badge_wrap-2 {
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 2.25rem;
padding: 0;
display: flex;
position: absolute;
top: -.75rem;
left: 50%;
transform: translate(-50%);
}
.u-section-2 {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
flex-direction: column;
display: flex;
}
.u-container-2 {
max-width: var(--max-width--main);
width: calc(100% - var(--site--margin) * 2);
grid-row-gap: var(--_spacing---space--8);
grid-column-gap: var(--_spacing---space--8);
flex-direction: column;
margin-left: auto;
margin-right: auto;
display: flex;
container-type: inline-size;
}
.u-button-wrapper-2 {
grid-row-gap: var(--_spacing---space--3);
grid-column-gap: var(--_spacing---space--3);
flex-wrap: wrap;
display: flex;
}
.u-alignment-center-2 {
text-align: center;
justify-content: center;
align-items: center;
}
.u-text-style-h1-2 {
letter-spacing: -.02em;
font-size: clamp(2.5rem, 8vw, 8rem);
font-weight: 300;
line-height: .85;
}
.u-text-style-h2-2 {
letter-spacing: -.02em;
font-size: clamp(1.5rem, 4vw, 3.5rem);
font-weight: 300;
line-height: 1;
}
.u-text-style-h3-2 {
letter-spacing: -.01em;
font-size: clamp(1.2rem, 2.5vw, 2rem);
font-weight: 300;
line-height: 1;
}
.u-text-style-large-2 {
font-size: clamp(1rem, 1.5vw, 1.25rem);
font-weight: 300;
line-height: 1.3;
}
.u-text-style-main-2 {
font-size: clamp(.875rem, 1.1vw, 1rem);
font-weight: 300;
line-height: 1.4;
}
.u-text-style-small-2 {
font-size: .8rem;
font-weight: 300;
line-height: 1.4;
}
.hero_wrap-2 {
padding-top: 2rem;
padding-bottom: 0;
}
.hero_contain-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
max-width: 100%;
padding: 0 2rem;
}
.hero_top_bar {
border-bottom: var(--border-width--main) solid var(--_theme---text);
justify-content: space-between;
align-items: flex-end;
padding-bottom: 1.5rem;
display: flex;
position: relative;
}
.hero_date_wrap, .hero_time_wrap {
text-align: center;
flex-shrink: 0;
width: 14rem;
}
.hero_date_label, .hero_time_label {
letter-spacing: .02em;
text-transform: uppercase;
margin-bottom: var(--_spacing---space--2);
font-size: 1rem;
display: block;
}
.hero_date_value, .hero_time_value {
letter-spacing: -.02em;
text-transform: uppercase;
font-size: clamp(2.5rem, 5vw, 5rem);
line-height: .9;
}
.hero_wordmark_wrap {
align-items: flex-end;
width: calc(100% - 34rem);
display: flex;
position: absolute;
bottom: 1.5rem;
left: 50%;
transform: translate(-50%);
}
.hero_wordmark_svg {
width: 100%;
height: auto;
}
.hero_subtitle {
text-align: center;
padding: 1.5rem 0;
}
.hero_subtitle_text {
letter-spacing: -.02em;
text-transform: uppercase;
font-size: clamp(1rem, 2.2vw, 2rem);
font-weight: 300;
line-height: 1;
}
.hero_info_strip {
border-bottom: var(--border-width--main) solid var(--_theme---text);
grid-row-gap: var(--_spacing---space--6);
grid-column-gap: var(--_spacing---space--6);
justify-content: space-between;
align-items: center;
padding: 0 0 5rem;
display: flex;
}
.hero_venue_wrap, .hero_rsvp_wrap {
text-align: center;
flex-shrink: 0;
width: 14rem;
}
.hero_venue_label, .hero_rsvp_label {
letter-spacing: .02em;
text-transform: uppercase;
margin-bottom: var(--_spacing---space--2);
font-size: 1rem;
display: block;
}
.hero_venue_name, .hero_rsvp_text {
letter-spacing: -.02em;
text-transform: uppercase;
margin-bottom: var(--_spacing---space--4);
font-size: clamp(2rem, 4vw, 4rem);
line-height: 1;
}
.hero_car_wrap {
flex: 1;
justify-content: center;
align-items: center;
min-width: 0;
display: flex;
}
.hero_car_visual {
width: 100%;
max-width: 45rem;
height: auto;
}
.hero_ticket_button {
letter-spacing: -.01em;
text-transform: uppercase;
cursor: pointer;
border: var(--border-width--main) solid var(--_theme---button-primary--border);
border-top-left-radius: var(--radius--round);
border-top-right-radius: var(--radius--round);
border-bottom-right-radius: var(--radius--round);
border-bottom-left-radius: var(--radius--round);
background-color: color-mix(in hsl, var(--_theme---button-primary--background) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--background-hover) calc(100% * var(--_trigger---off)));
color: color-mix(in hsl, var(--_theme---button-primary--text) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--text-hover) calc(100% * var(--_trigger---off)));
border-top-color: color-mix(in hsl, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-right-color: color-mix(in hsl, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-bottom-color: color-mix(in hsl, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
border-left-color: color-mix(in hsl, var(--_theme---button-primary--border) calc(100% * var(--_trigger---on)), var(--_theme---button-primary--border-hover) calc(100% * var(--_trigger---off)));
justify-content: center;
align-items: center;
padding: .65rem 2.5rem .85rem;
font-size: 1.5rem;
font-weight: 300;
text-decoration: none;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-flex;
}
.hero_what_strip {
text-transform: uppercase;
justify-content: space-between;
padding: .75rem 0;
display: flex;
}
.hero_what_item {
letter-spacing: -.02em;
font-size: clamp(1.2rem, 2.2vw, 2rem);
font-weight: 300;
line-height: 1;
}
.hero_about_wrap {
padding: 6rem 0;
}
.hero_about_title {
text-align: center;
letter-spacing: -.02em;
text-transform: uppercase;
margin-bottom: var(--_spacing---space--6);
font-size: clamp(3rem, 8vw, 8rem);
font-weight: 300;
line-height: 1;
}
.hero_about_text_wrap {
max-width: 38rem;
margin: 0 auto;
}
.hero_about_text {
text-align: justify;
margin-bottom: 1.5rem;
font-size: 1.2rem;
font-weight: 300;
line-height: 1.4;
}
.hero_marquee_wrap {
width: 100%;
overflow: clip;
}
.hero_marquee_track {
white-space: nowrap;
align-items: center;
animation: 50s linear infinite marquee-scroll;
display: flex;
}
.hero_marquee_item {
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 12rem;
height: 7rem;
padding: 0 3rem;
display: flex;
}
.hero_marquee_svg {
object-fit: contain;
width: 100%;
height: 100%;
}
.schedule_wrap {
background-color: var(--_theme---background);
color: var(--_theme---text);
}
.schedule_contain {
grid-row-gap: var(--_spacing---space--8);
grid-column-gap: var(--_spacing---space--8);
}
.schedule_layout {
display: var(--flex-medium, grid);
grid-row-gap: var(--_spacing---space--8);
grid-column-gap: var(--_spacing---space--8);
flex-direction: column;
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.schedule_header_wrap {
grid-column: span 5;
width: 100%;
}
.schedule_title {
letter-spacing: -.02em;
text-transform: uppercase;
font-size: clamp(3rem, 8vw, 8rem);
font-weight: 300;
line-height: 1;
}
.schedule_table_wrap {
grid-column: 7 / span 6;
width: 100%;
}
.schedule_row {
text-transform: uppercase;
border-bottom: var(--border-width--main) solid var(--_theme---border);
grid-template-columns: 2fr 2fr 1fr;
align-items: center;
padding: .5rem 0;
display: grid;
}
.schedule_row_name, .schedule_row_company {
font-size: 1rem;
font-weight: 400;
}
.schedule_row_time {
text-align: right;
font-size: 1rem;
font-weight: 400;
}
.schedule_footer {
text-transform: uppercase;
justify-content: space-between;
align-items: center;
width: 100%;
font-size: 1rem;
display: flex;
}
.schedule_footer_link {
letter-spacing: .02em;
color: inherit;
border-bottom: var(--border-width--main) solid currentColor;
padding-bottom: .1rem;
text-decoration: none;
transition-property: opacity;
transition-duration: .25s;
transition-timing-function: ease;
}
.hover-8_wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.hover-8_canvas {
color: #017afc;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hover-8_embed {
display: none;
}
.scroll-7_wrap {
pointer-events: none;
color: #0f0f0f;
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
inset: 0%;
}
.scroll-7_svg {
background-color: var(--swatch--light-100);
pointer-events: none;
flex: none;
width: 100%;
height: clamp(20rem, 45vw, 40rem);
margin-top: calc(clamp(20rem, 45vw, 40rem) / -2);
margin-bottom: -2px;
}
.scroll-7_color {
width: 100%;
height: 100%;
min-height: 0;
color: var(--swatch--light-200);
background-color: currentColor;
padding: 0;
display: block;
}
.scroll-7_embed {
display: none;
}
.path {
color: var(--swatch--light-200);
}
.scroll-6_embed {
display: none;
}
.scroll-6_component {
font-size: var(--_typography---font-size--display);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
display: flow-root;
}
.scroll-3_trigger {
border-bottom: .13rem none var(--swatch--stroke);
padding: 6rem 4em;
overflow: clip;
}
.scroll-3_trigger.background-light-grey {
background-color: var(--swatch--light-200);
color: var(--swatch--dark-800);
padding-top: 6rem;
padding-bottom: 6rem;
}
.scroll-3_trigger.background-light {
background-color: #2b2928;
border-bottom-style: none;
}
.scroll-3_trigger.bg-light {
background-color: var(--swatch--brand-500);
}
.scroll-3_target {
flex-flow: column;
padding: 0;
}
.scroll-3_target.is-1 {
padding: 0%;
}
.rotating-image-trail {
z-index: 1;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.rotating-image-trail__collection {
opacity: 0;
pointer-events: none;
}
.rotating-image-trail__list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: wrap;
display: flex;
}
.rotating-image-trail__item {
z-index: 10;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.rotating-image-trail__card {
aspect-ratio: 3 / 4;
width: 10vw;
position: relative;
}
.rotating-image-trail__card-img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.btn-icon-content__mask {
z-index: 1;
letter-spacing: 1px;
text-transform: uppercase;
flex: none;
justify-content: flex-start;
align-items: center;
height: 2rem;
font-family: Roboto Condensed, sans-serif;
font-size: .8em;
font-weight: 700;
display: flex;
position: relative;
overflow: hidden;
}
.btn-icon-content__mask.light {
color: var(--swatch--brand-400);
}
.btn-icon-icon__list {
border-radius: 60px;
flex: none;
justify-content: flex-start;
align-items: center;
height: 90%;
display: flex;
}
.btn-icon-link {
grid-column-gap: .5em;
grid-row-gap: .5em;
justify-content: flex-start;
align-items: center;
font-size: 1em;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.btn-icon-link.image {
justify-content: flex-start;
align-items: center;
}
.btn-icon-link.dark {
aspect-ratio: auto;
border-radius: 110px;
position: absolute;
bottom: 2rem;
}
.btn-icon-link.nav {
height: 100%;
}
.btn-icon-content__text {
color: var(--_button-styles---button-primary--text);
font-size: var(--_text-style---font-size);
margin-left: -.25rem;
}
.btn-icon-content__text:where(.w-variant-9cd3934a-3156-26d4-76c4-651ad73d51a2) {
color: var(--swatch--light-100);
}
.btn-icon-content__text:where(.w-variant-be1f7ba7-7ab5-99bd-5b30-ba410d4f668b) {
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-pill);
}
.btn-icon-content__text:where(.w-variant-625d5df4-ad91-f7dc-9e2f-2e69f3fd7400) {
--_button-styles---button-primary--border: var(--_theme---button-primary-outline--border);
--_button-styles---button-primary--background: var(--_theme---button-primary-outline--background);
--_button-styles---button-primary--text: var(--_theme---button-primary-outline--text);
--_button-styles---button-primary--icon-bg: var(--_theme---button-primary-outline--icon-bg);
--_button-styles---button-primary--background-hover: var(--_theme---button-primary-outline--background-hover);
--_button-styles---button-primary--border-hover: var(--_theme---button-primary-outline--border-hover);
--_button-styles---button-primary--text-hover: var(--_theme---button-primary-outline--text-hover);
}
.btn-icon-content__text.light {
color: var(--swatch--brand-900);
margin-left: 0;
}
.btn-icon-content__text.light:where(.w-variant-b6c10a3e-accb-5786-7247-38519a7464f5), .btn-icon-content__text.light.dark-4, .btn-icon-content__text.light.grey-5:where(.w-variant-39b4e9db-7e4c-dcdc-18bb-5f7f7b415cfc) {
color: var(--swatch--light-100);
}
.btn-icon-content__text.outline {
color: var(--swatch--light-200);
}
.btn-icon-content__text.small {
font-size: .9em;
}
.btn-icon-content__text.is_without_images {
margin-left: .5rem;
}
.btn-group {
grid-column-gap: 3em;
grid-row-gap: 3em;
justify-content: center;
display: flex;
}
.btn-icon-icon__bg {
background-color: var(--_button-styles---button-primary--icon-bg);
border-radius: 3em;
width: 90%;
height: 90%;
position: absolute;
}
.btn-icon-icon__bg:where(.w-variant-be1f7ba7-7ab5-99bd-5b30-ba410d4f668b) {
display: none;
}
.btn-icon-icon__wrap {
color: #a29a65;
border-radius: 60px;
justify-content: flex-end;
align-items: center;
width: 90%;
height: 90%;
display: flex;
position: relative;
overflow: hidden;
}
.btn-icon-icon__wrap:where(.w-variant-be1f7ba7-7ab5-99bd-5b30-ba410d4f668b) {
display: none;
}
.btn-icon-icon__wrap.color--white {
color: #fff;
}
.btn-icon-content__bg {
z-index: 0;
background-color: var(--swatch--brand-900);
width: 120%;
position: absolute;
bottom: 0%;
left: -10%;
transform: translate(0, 175%)rotate(15deg);
}
.btn-icon-content__bg.light {
background-color: var(--swatch--brand-200);
}
.btn-icon-content__bg.outline {
background-color: var(--swatch--brand-900);
}
.btn-icon-content {
grid-column-gap: .5em;
grid-row-gap: .5em;
background-color: var(--swatch--brand-400);
color: #fff;
border-radius: 3em;
justify-content: flex-start;
align-items: center;
height: 54px;
padding: 14px .5rem 14px 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.btn-icon-content.light {
background-color: var(--swatch--light-100);
height: 52px;
padding: 1em .5em 1em 1em;
}
.btn-icon-content.light:where(.w-variant-b6c10a3e-accb-5786-7247-38519a7464f5) {
background-color: var(--swatch--dark-900);
}
.btn-icon-content.light:where(.w-variant-c4a63340-66f0-602e-dc61-fe3f8089bd48) {
background-color: #f3f3f3;
height: 62px;
}
.btn-icon-content.light.dark-2 {
background-color: var(--swatch--dark-900);
}
.btn-icon-content.light.dark-2:hover {
background-color: var(--swatch--dark-800);
color: var(--swatch--dark-900);
}
.btn-icon-content.light.grey-3 {
background-color: var(--swatch--brand-400);
height: 62px;
padding-right: 1.5em;
}
.btn-icon-content.light.grey-3:where(.w-variant-39b4e9db-7e4c-dcdc-18bb-5f7f7b415cfc) {
background-color: var(--swatch--dark-900);
}
.btn-icon-content.light.grey-3:where(.w-variant-b30af316-703a-d9b7-4f9b-1c0d46678fd9) {
background-color: #f3f3f3;
height: 52px;
padding-left: 1em;
padding-right: 1em;
}
.btn-icon-content.outline {
border: 1px solid var(--swatch--light-200);
background-color: var(--swatch--transparent);
color: #fff0;
padding-left: 1em;
}
.btn-icon-content.image {
background-color: var(--swatch--brand-400);
height: 52px;
padding: 1em .5em;
}
.btn-icon-content.image:where(.w-variant-9cd3934a-3156-26d4-76c4-651ad73d51a2) {
background-color: var(--swatch--dark-900);
}
.btn-icon-content.image:where(.w-variant-22cd896e-60d9-1445-a466-b6245889a85d) {
background-color: #f3f3f3;
}
.btn-icon-content.image:where(.w-variant-be1f7ba7-7ab5-99bd-5b30-ba410d4f668b) {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-radius: 8px;
height: 54px;
padding: 20px 14px;
}
.btn-icon-content.nav {
height: 52px;
padding-top: .5em;
padding-bottom: .5em;
padding-right: .5em;
}
.btn-icon-icon__arrow {
width: 2em;
height: 60%;
color: var(--swatch--brand-text);
border-radius: 60px;
flex: none;
padding: .125em .2em .125em .3em;
}
.btn-icon-icon__arrow.small {
width: 1em;
height: 90%;
}
.btn-icon-icon {
z-index: 1;
flex: none;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
margin-left: .5rem;
display: flex;
position: relative;
}
.btn-icon-icon:where(.w-variant-be1f7ba7-7ab5-99bd-5b30-ba410d4f668b) {
width: auto;
height: auto;
}
.btn-icon-icon.light {
color: var(--swatch--brand-400);
}
.btn-icon-icon.small {
width: 1em;
height: 1em;
}
.path-2 {
color: var(--swatch--dark-900);
-webkit-text-stroke-color: var(--swatch--dark-900);
}
.path-2.light {
color: var(--swatch--brand-900);
}
.path-3 {
color: var(--swatch--brand-400);
-webkit-text-stroke-color: var(--swatch--dark-900);
}
.path-3.light {
color: var(--swatch--brand-900);
}
.path-4 {
color: var(--swatch--dark-900);
-webkit-text-stroke-color: var(--swatch--dark-900);
}
.path-4.light {
color: var(--swatch--brand-900);
}
.btn-icon-link-2 {
grid-column-gap: .5em;
grid-row-gap: .5em;
color: #a29a65;
justify-content: flex-start;
align-items: center;
font-size: 1em;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.btn-icon-content__bg-2 {
z-index: 0;
background-color: #302d1c;
width: 120%;
height: 100%;
position: absolute;
bottom: 0%;
left: -10%;
transform: translate(0, 175%)rotate(15deg);
}
.btn-icon-content-2 {
grid-column-gap: .5em;
grid-row-gap: .5em;
color: #fff;
background-color: #a29a65;
border-radius: .25em;
justify-content: flex-start;
align-items: center;
padding: .6125em .75em;
display: flex;
position: relative;
overflow: hidden;
}
.tea-bttn-image {
object-fit: cover;
width: 84px;
margin-right: 8px;
overflow: hidden;
}
.tea-bttn-image:where(.w-variant-be1f7ba7-7ab5-99bd-5b30-ba410d4f668b) {
display: none;
}
.mega-nav__container {
color: var(--swatch--light-100);
height: var(--nav-height);
justify-content: space-between;
align-items: center;
padding: 1em .5em 1em 1.5em;
display: flex;
}
.mega-nav__card-cta, .mega-nav__bar-cta {
color: #f2f2f2;
background-color: #6840ff;
border-radius: .25em;
justify-content: center;
align-items: center;
padding: .375em .625em;
text-decoration: none;
display: flex;
}
.mega-nav__bar-cta.is--secondary {
color: #6840ff;
background-color: #0000;
border: 1px solid #6840ff;
}
.mega-nav__panel-link {
color: var(--swatch--light-100);
border-radius: .25em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1em;
text-decoration: none;
transition: all .3s;
display: flex;
}
.mega-nav__panel-link:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
color: var(--swatch--dark-800);
}
.mega-nav__panel-link:hover {
background-color: #cbb9fc1a;
border-radius: .8em;
padding: 1em;
}
.mega-nav__dropdown-inner {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #1e1230a6;
display: flex;
}
.mega-nav__dropdown-inner:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
background-color: #d8d8d8ba;
}
.mega-nav__panel-col {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
border-right: 1px solid var(--swatch--brand-700);
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 2.5em 1.5em;
display: flex;
}
.mega-nav__panel-col:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
border-right-color: var(--swatch--light-200);
}
.mega-nav__panel-col.is--colored {
justify-content: flex-start;
align-items: flex-start;
}
.mega-nav__panel-col.is--colored.has--card {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.mega-nav__dropdown-bg {
will-change: transform;
border-bottom-right-radius: .25em;
border-bottom-left-radius: .25em;
position: absolute;
inset: 0;
}
.mega-nav {
z-index: 100;
color: var(--swatch--light-100);
position: fixed;
top: 1.25em;
left: 1.25em;
right: 1.25em;
}
.mega-nav.v2 {
margin-top: 97px;
}
.mega-nav__card-cta-label {
font-size: .9375em;
font-weight: 500;
line-height: 1.2;
}
.mega-nav__bar-start {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.mega-nav__burger {
grid-column-gap: .2em;
grid-row-gap: .2em;
background-color: #e4e0f5;
border-radius: .25em;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
padding: 0;
display: flex;
}
.mega-nav__bar-logo {
flex: none;
width: 5.75em;
margin-right: 3em;
display: flex;
}
.mega-nav__backdrop {
z-index: 0;
visibility: hidden;
opacity: 0;
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
pointer-events: none;
background-color: #4736777d;
position: fixed;
inset: 0%;
}
.mega-nav__bar {
z-index: 3;
border: 1px none var(--swatch--stroke);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
width: 100%;
max-width: 1280px;
color: var(--swatch--light-100);
background-color: #1e1230a6;
border-radius: 8em;
margin-left: auto;
margin-right: auto;
position: relative;
}
.mega-nav__bar:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
background-color: #d8d8d8ba;
}
.mega-nav__bar-link-icon {
width: 1.25em;
}
.mega-nav__bar-link-icon.is--dropdown:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
color: var(--divider-dark);
}
.mega-nav__bar-inner {
grid-column-gap: .75em;
grid-row-gap: .75em;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.mega-nav__card {
border: 1px solid var(--swatch--stroke);
background-color: #fff;
border-radius: .5em;
flex-flow: column;
width: 100%;
display: flex;
overflow: hidden;
}
.mega-nav__card-content {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
background-color: var(--swatch--dark-800);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.5em;
display: flex;
}
.mega-nav__panel-link-desc {
opacity: .6;
font-size: var(--_typography---font-size--text-small);
font-weight: 400;
}
.mega-nav__panel-link-text {
text-transform: uppercase;
font-family: Roboto Condensed, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: .9;
}
.mega-nav__back {
z-index: 2;
opacity: 0;
visibility: hidden;
position: absolute;
left: -.625em;
}
.mega-nav__panel-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin-bottom: 0;
padding: 0;
list-style: none;
display: flex;
}
.mega-nav__bar-end {
grid-column-gap: .75em;
grid-row-gap: .75em;
justify-content: flex-end;
align-items: center;
display: none;
}
.mega-nav__card-text {
grid-column-gap: .125em;
grid-row-gap: .125em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.mega-nav__bar-link-label {
color: var(--swatch--light-100);
letter-spacing: .1rem;
text-transform: uppercase;
font-family: Roboto Condensed, sans-serif;
font-size: 1em;
font-weight: 600;
line-height: 1.2;
}
.mega-nav__bar-link-label:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
color: var(--swatch--dark-800);
}
.mega-nav__dropdown-wrapper {
z-index: 2;
pointer-events: none;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
position: absolute;
top: calc(100% + 1em);
left: 0;
right: 0;
}
.mega-nav__card-cta-icon {
width: 1.25em;
}
.mega-nav__card-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.mega-nav__panel-label {
color: var(--swatch--brand-400);
-webkit-text-stroke-color: var(--swatch--brand-500);
text-transform: uppercase;
padding-left: 1em;
font-family: Roboto Condensed, sans-serif;
font-size: 1em;
font-weight: 600;
line-height: 1;
}
.mega-nav__panel-label:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
color: var(--swatch--brand-400);
}
.mega-nav__bar-link {
color: #201d1d;
background-color: #0000;
border-radius: .25em;
justify-content: flex-start;
align-items: center;
padding: .375em .625em;
text-decoration: none;
display: flex;
}
.mega-nav__bar-link.is--dropdown {
color: var(--swatch--light-100);
}
.mega-nav__bar-list {
grid-column-gap: .75em;
grid-row-gap: .75em;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.mega-nav__bar-list.is--actions {
margin-left: auto;
}
.mega-nav__dropdown-panel {
pointer-events: none;
visibility: hidden;
position: absolute;
inset: 0 0 auto;
overflow: hidden;
}
.mega-nav__dropdown-container {
border: 1px none var(--swatch--stroke);
border-radius: 1.5em;
position: relative;
overflow: hidden;
}
.mega-nav__card-visual {
width: 100%;
height: 16.25em;
position: relative;
}
.mega-nav__burger-line {
z-index: 1;
background-color: #6840ff;
border-radius: .125em;
flex: none;
width: 1.25em;
height: .125em;
padding: 0;
display: block;
position: relative;
}
.transition {
z-index: 100;
pointer-events: none;
position: fixed;
inset: 0;
overflow: clip;
}
.transition__panel {
background-color: var(--swatch--brand-500);
width: 100%;
height: 100%;
color: var(--swatch--brand-500);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 100%;
left: 0;
}
.transition__panel-top {
transform-origin: bottom;
flex-flow: column;
align-items: center;
width: 100%;
height: 0%;
display: flex;
position: absolute;
bottom: calc(100% - 1px);
left: 0;
overflow: hidden;
}
.transition__panel-circle {
aspect-ratio: auto;
background-color: currentColor;
border-radius: 50%;
width: 125%;
height: 500%;
position: absolute;
}
.transition__panel-bottom {
transform-origin: top;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 0%;
display: flex;
position: absolute;
top: calc(100% - 1px);
left: 0;
overflow: hidden;
}
.transition__logo {
color: #f4f4f4;
opacity: 0;
width: 11em;
display: flex;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.marquee-advanced__scroll {
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
will-change: transform;
width: 100%;
display: flex;
position: relative;
}
.double-logo {
color: #ff4c24;
width: 41%;
}
.double-logo.grey {
filter: saturate(0%);
}
.marquee-advanced__item-width {
border: 1px none var(--swatch--stroke);
background-color: var(--swatch--dark-800);
border-radius: 1vw;
justify-content: center;
align-items: center;
width: 10vw;
height: 7vw;
margin: .8vw;
display: flex;
}
.marquee__advanced__p {
white-space: nowrap;
margin-bottom: 0;
margin-right: .25em;
font-size: 1em;
}
.section-resource {
grid-column-gap: 0em;
grid-row-gap: 0em;
background-color: var(--_theme---background);
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 100%;
margin-top: 0;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
}
.marquee__advanced__arrow-svg {
color: #ff4c24;
width: 1em;
margin-right: .25em;
position: relative;
}
.marquee-advanced__item {
justify-content: flex-start;
align-items: center;
font-size: max(4em, 8vw);
display: flex;
}
.marquee-advanced__collection {
will-change: transform;
display: flex;
position: relative;
}
.marquee-advanced {
width: 100vw;
position: relative;
overflow: hidden;
}
.logo-image {
object-fit: contain;
max-height: 230%;
}
.logo-image.grey-scale {
filter: grayscale();
}
.card-case-logo {
grid-column-gap: 32px;
grid-row-gap: 32px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: #f6f3ece0;
background-color: #ffffff0a;
border-radius: 13px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 104px;
padding: 20px;
text-decoration: none;
transition: all .425s;
display: flex;
box-shadow: 0 -1px #000, 0 1px #000;
}
.card-case-logo:hover {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transform: scale(1.1);
box-shadow: 0 5px 20px -13px #833aff, 0 -1px #ffffff14, 0 1px #ffffff14;
}
.home-c-feature {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.label {
letter-spacing: .7px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.main-container {
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.text-h0 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Instrument Serif, sans-serif;
font-size: 128px;
font-weight: 400;
line-height: 87.5%;
}
.section {
background-color: #fff;
padding-top: 80px;
padding-bottom: 80px;
position: static;
}
.section.bloac {
background-color: var(--swatch--dark-900);
}
.home-c-description {
text-align: center;
max-width: 1100px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.text-h4 {
letter-spacing: 0;
font-size: 40px;
font-weight: 500;
line-height: 120%;
}
.hide {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.home-c-thirds {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.odometer-h1 {
font-family: var(--_typography---font--secondary-family);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
display: flow-root;
}
.odometer-h1-2, .odometer-h1-3 {
margin-top: 0;
margin-bottom: 0;
}
.highlight-text-h {
max-width: 940px;
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
margin: 0 auto;
font-size: 3em;
font-weight: 500;
line-height: 1.2;
}
.sticky-features__tag {
background-color: #ffffff1a;
border-radius: 8em;
margin-bottom: 1.5em;
padding: .8em;
font-size: 1em;
line-height: 1;
}
.sticky-features__img-collection {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.sticky-features__img {
object-fit: cover;
width: 100%;
height: 100%;
}
.sticky-features__scroll {
height: 100vh;
max-width: var(--max-width--main);
justify-content: center;
align-items: center;
display: flex;
}
.sticky-features__wrap {
background-color: var(--_theme---background);
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.sticky-features__img-item {
clip-path: inset(50% round .75em);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sticky-features__text-collection {
height: 100%;
}
.sticky-features__img-list {
aspect-ratio: 1 / 1.3;
width: 100%;
position: relative;
}
.sticky-features__progress-bar {
background-color: var(--swatch--brand-500);
transform-origin: 0%;
width: 100%;
height: 100%;
transform-style: preserve-3d;
border-radius: 8rem;
transform: scale3d(0, 1, 1);
}
.sticky-feaures__col {
flex: 1;
position: relative;
}
.sticky-feaures__col.is--img {
border-radius: 1.5em;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.sticky-features__text-list {
height: 100%;
max-height: 100%;
color: var(--swatch--brand-200);
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.sticky-features__p {
color: #ffffffb3;
margin-bottom: 0;
font-size: 1.25em;
line-height: 1.2;
}
.sticky-features__p.is--link {
color: #fff;
text-decoration: underline;
}
.sticky-features__heading {
margin-top: 0;
margin-bottom: 0;
font-size: 3.75em;
font-weight: 500;
line-height: 1;
}
.sticky-features__progress-w {
background-color: #ffffff26;
border-radius: 8rem;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 90%;
height: .7em;
display: flex;
position: absolute;
inset: auto auto 20px;
}
.sticky-features__container {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.sticky-features__text-item {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
--_theme---background: var(--swatch--dark-900);
--_theme---text: var(--swatch--light-100);
--_theme---background-2: var(--swatch--dark-800);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-500);
--_theme---border: var(--swatch--light-100-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--swatch--brand-500);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
visibility: hidden;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 27.5em;
margin-left: auto;
display: flex;
position: absolute;
right: 0;
}
.sticky-features__wrap-2 {
background-color: var(--swatch--dark-900);
width: 100%;
padding-left: 1.25em;
padding-right: 1.25em;
position: relative;
}
.sticky-features__text-list-2 {
height: 100%;
max-height: 100%;
color: var(--swatch--brand-200);
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.sticky-features__text-item-2 {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
visibility: hidden;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 27.5em;
margin-left: auto;
display: flex;
position: absolute;
right: 0;
}
.cards-stack__item {
flex: none;
width: 100%;
max-width: 25em;
position: sticky;
top: 5em;
}
.cards-stack__item.is--wide {
max-width: 60em;
}
.cards-stack-card {
aspect-ratio: 2 / 3;
background-color: var(--swatch--brand-100);
border-radius: 2em;
flex-flow: column;
justify-content: space-between;
width: 100%;
padding: 2.5em;
display: flex;
}
.cards-stack-card.is--green {
background-color: var(--swatch--brand-400);
}
.cards-stack-card.is--wide {
aspect-ratio: 5 / 3;
}
.cards-stack-card.is--dark {
background-color: var(--swatch--dark-900);
color: #fff;
}
.cards-stack-card__h {
font-family: var(--_text-style---font-family);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 3.375em;
font-weight: 600;
line-height: .95;
}
.cards-stack-card__h.is--wide {
font-size: 4.5em;
}
.cards-stack-card__services {
flex-flow: column;
justify-content: flex-end;
min-height: 11em;
display: flex;
}
.container {
max-width: var(--size-container);
margin-left: auto;
margin-right: auto;
padding-left: 2em;
padding-right: 2em;
}
.cards-stack {
background-color: var(--swatch--light-100);
padding-top: 5dvh;
padding-bottom: 15dvh;
}
.cards-stack.hide {
display: none;
}
.cards-stack-card__number {
font-size: 6.75em;
font-weight: 500;
line-height: .95;
}
.cards-stack__list {
grid-column-gap: 5em;
grid-row-gap: 5em;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.cards-stack-card__services-p {
letter-spacing: -.01em;
margin-bottom: 4px;
font-size: 1.125em;
font-weight: 500;
line-height: 1.4;
}
.div-block-2 {
justify-content: center;
align-items: center;
width: 0%;
display: flex;
}
.body-tiny {
font-size: 16px;
font-weight: 500;
line-height: 112%;
}
.bottom-occasions {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.text-style-h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 35px;
font-weight: 500;
line-height: 122%;
}
.image-occasions {
width: 100%;
}
.main-container-2 {
width: 100%;
max-width: 1600px;
padding-left: 24px;
padding-right: 24px;
}
.section-2 {
color: #e6e0c6;
background-color: #0f100a;
padding-top: 70px;
padding-bottom: 70px;
font-size: 20px;
font-weight: 500;
line-height: 110%;
}
.top-text {
color: #e6e0c6cc;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
line-height: 110%;
}
.divider-top-text {
transform-origin: 0%;
background-color: #e6e0c6;
width: 100%;
height: 1px;
margin-bottom: 24px;
}
.column-occasions {
position: relative;
}
.column-occasions.third-column {
padding-top: 100vh;
}
.column-occasions.ssecond-column {
padding-top: 50vh;
}
.master-top-text {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.master-top-text.mg-bottom-80 {
margin-bottom: 80px;
}
.tile-occasions {
grid-column-gap: 52px;
grid-row-gap: 52px;
color: var(--swatch--light-100);
border-right: 1px solid #e6e0c64d;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 44px;
display: flex;
position: sticky;
top: 30vh;
}
.grid-scroll-occasions {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.vector-wiw {
color: #191818a3;
margin-left: auto;
margin-right: auto;
}
.vector-wiw.first {
justify-content: center;
align-items: center;
max-width: 118px;
max-height: 120px;
display: block;
}
.vector-wiw.third {
max-width: 120px;
}
.vector-wiw.second {
max-width: 155px;
}
.text-h2 {
letter-spacing: -2px;
font-size: 48px;
font-weight: 400;
line-height: 52px;
}
.main-container-3 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.wiw-thirds {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 1144px;
margin-left: auto;
margin-right: auto;
}
.headline-wiw {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 680px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.section-3 {
z-index: 2;
color: #191818e0;
background-color: #f7f7f2;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-3.wiw-section {
background-color: var(--swatch--dark-900);
padding-top: 20px;
padding-bottom: 120px;
}
.label-small {
letter-spacing: .75px;
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
line-height: 12px;
}
.body-medium {
font-family: var(--_typography---font--primary-family);
color: #191818a3;
font-size: 13px;
font-weight: var(--_typography---font--primary-medium);
}
.body-medium.tex-colour-white {
color: var(--swatch--light-100);
}
.label-master {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #191818e0;
text-align: center;
background-color: #efede7;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 4px 8px;
display: flex;
}
.wrap-card-wiw {
position: relative;
}
.card-wiw {
min-height: 600px;
padding: var(--_spacing---space--5);
border: 1px none var(--swatch--stroke);
background-color: var(--swatch--dark-800);
color: var(--swatch--light-100);
border-radius: 16px;
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
position: sticky;
top: 25%;
}
.card-wiw.third {
text-align: left;
margin-top: 200px;
}
.card-wiw.second {
margin-top: 100px;
}
.text-large {
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.radial-text-marquee {
width: 100vw;
position: relative;
}
.radial-text-marquee__text {
text-align: center;
letter-spacing: -.04em;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
justify-content: center;
align-items: center;
font-size: clamp(4.5em, 10vw, 10em);
display: flex;
}
.radial-text-marquee__text-2 {
text-align: center;
letter-spacing: -.04em;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
font-size: clamp(4.5em, 10vw, 10em);
}
.content-item__nr {
background-color: var(--swatch--brand-500);
color: #fff;
border: 1px solid #131313;
border-radius: 100em;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
margin-top: .2em;
font-family: Roboto Condensed, sans-serif;
font-size: 1em;
font-weight: 600;
transition: transform .4s cubic-bezier(.625, .05, 0, 1);
display: flex;
}
.tab-content__wrap {
width: 100%;
max-width: 36em;
height: 100%;
margin-left: auto;
margin-right: 0;
}
.content-item__heading {
font-size: var(--_typography---font-size--h4);
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
line-height: 1;
}
.tab-content__item-main {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.tab-visual__item {
visibility: hidden;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.tab-visual__item.active {
visibility: visible;
}
.tab-visual__wrap {
aspect-ratio: 1.6;
height: 42em;
position: relative;
}
.tab-content__inner {
grid-column-gap: 3em;
grid-row-gap: 3em;
min-height: 100%;
color: var(--swatch--light-100);
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 1em;
padding-bottom: 0;
padding-right: 2.5em;
display: flex;
}
.tab-content__bottom {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 30em;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.tab-content__item-bottom {
background-color: var(--swatch--brand-900);
width: 100%;
height: 1px;
transition: background-color .2s;
position: absolute;
inset: auto 0% 0%;
}
.tab-description__spacer {
padding-top: 1em;
}
.tab-layout__col {
width: 50%;
padding-left: .5em;
padding-right: .5em;
}
.tab-visual__inner {
border: 1px solid var(--swatch--brand-500);
background-color: var(--swatch--dark-800);
border-radius: 16px;
width: 100%;
height: 100%;
padding: .5em;
overflow: hidden;
}
.tab-image {
object-fit: cover;
object-position: 0% 50%;
border-radius: 16px;
width: 100%;
height: 100%;
position: relative;
}
.tab-content__item-detail {
width: 100%;
height: 0;
padding-left: 4em;
overflow: hidden;
}
.tab-heading {
margin-top: 0;
margin-bottom: 0;
font-size: 3.5em;
font-weight: 500;
line-height: 1;
}
.tab-progress {
background-color: var(--swatch--brand-500);
transform-origin: 0%;
width: 100%;
height: 1px;
transform-style: preserve-3d;
transform: scale3d(0, 1, 1);
}
.tab-layout__wrap {
z-index: 1;
grid-row-gap: 3em;
background-color: var(--swatch--dark-900);
flex-flow: wrap;
padding: 2rem 1em 8rem;
display: flex;
position: relative;
}
.tab-content__item {
outline-color: var(--swatch--brand-400);
width: 100%;
color: var(--swatch--light-100);
padding-top: 2em;
padding-bottom: 2em;
text-decoration: none;
transition: opacity .25s;
position: relative;
}
.tab-description {
margin-bottom: 0;
font-size: 1em;
}
.tab-content__top {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-block {
font-family: Switzer, Arial, sans-serif;
}
.content-item__nr-2 {
color: #fff;
background-color: #131313;
border: 1px solid #131313;
border-radius: 100em;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
margin-top: .2em;
font-size: .75em;
font-weight: 400;
transition: transform .4s cubic-bezier(.625, .05, 0, 1);
display: flex;
}
.tab-content__inner-2 {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
min-height: 100%;
padding-top: 1em;
padding-bottom: 0;
padding-right: 2.5em;
display: flex;
}
.tab-layout__wrap-2 {
z-index: 1;
grid-row-gap: 3em;
flex-flow: wrap;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: relative;
}
.tab-content__item-2 {
color: #131313;
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
text-decoration: none;
transition: opacity .25s;
position: relative;
}
.img-carousel__wrap {
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
}
.img-carousel__list {
z-index: 1;
perspective: 90vw;
perspective-origin: 50%;
width: 80vw;
height: 50vw;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-size: 1vw;
display: flex;
position: relative;
}
.img-carousel__panel {
z-index: 0;
flex-direction: column;
flex: none;
justify-content: space-between;
align-items: stretch;
width: 13em;
height: 39em;
display: flex;
position: absolute;
}
.img-carousel__item {
aspect-ratio: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.img-carousel__img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.content-item__nr-3 {
color: #fff;
background-color: #131313;
border: 1px solid #131313;
border-radius: 100em;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
margin-top: .2em;
font-size: .75em;
font-weight: 400;
transition: transform .4s cubic-bezier(.625, .05, 0, 1);
display: flex;
}
.tab-content__item-main-2 {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.tab-content__item-bottom-2 {
background-color: #0003;
width: 100%;
height: 1px;
transition: background-color .2s;
position: absolute;
inset: auto 0% 0%;
}
.tab-visual__inner-2 {
border: 1px solid #0003;
border-radius: .5em;
width: 100%;
height: 100%;
padding: .5em;
overflow: hidden;
}
.tab-image-2 {
object-fit: cover;
object-position: 0% 50%;
border-radius: .25em;
width: 100%;
height: 100%;
position: relative;
}
.tab-progress-2 {
transform-origin: 0%;
width: 100%;
height: 1px;
transform-style: preserve-3d;
background-color: #ff4c24;
transform: scale3d(0, 1, 1);
}
.tab-layout__wrap-3 {
z-index: 1;
grid-row-gap: 3em;
flex-flow: wrap;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: relative;
}
.tab-content__item-3 {
color: #131313;
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
text-decoration: none;
transition: opacity .25s;
position: relative;
}
.flick-card__h3 {
letter-spacing: -.025em;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
font-size: 4em;
font-weight: 500;
line-height: 1;
position: static;
}
.flick-card__btn {
background-color: #000;
border-radius: .375em;
justify-content: center;
align-items: center;
width: calc(100% - 4em);
height: 3.25em;
text-decoration: none;
display: flex;
position: absolute;
bottom: 2em;
left: 2em;
}
.flick-card__before {
padding-top: 150%;
}
.flick-group__relative-object-before {
padding-top: 75%;
}
.flick-group__relative-object {
opacity: 0;
pointer-events: none;
width: 47em;
position: relative;
}
.flick-group__item {
position: absolute;
}
.flick-card__btn-span {
color: #fff;
font-size: 1em;
font-weight: 500;
}
.flick-card {
color: #fff;
-webkit-user-select: none;
user-select: none;
background-color: #000;
border-radius: 1em;
justify-content: center;
align-items: center;
width: 23.5em;
display: flex;
position: relative;
overflow: hidden;
}
.cover-image {
filter: brightness(80%);
pointer-events: none;
object-fit: cover;
-webkit-user-select: none;
user-select: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: auto;
}
.flick-card__media {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.flick-group__list {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 0;
display: flex;
position: relative;
}
.flick-group {
background-color: var(--swatch--dark-900);
padding-top: 0;
padding-bottom: 8rem;
position: relative;
}
.flick-group__collection {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.flick-group__collection.hide {
display: none;
}
.flex-block {
position: absolute;
}
.flex-block-2 {
justify-content: space-between;
align-items: center;
height: 83%;
position: absolute;
inset: auto;
}
.flex-block-3 {
justify-content: center;
align-items: center;
width: 71%;
}
.demo-card__tag-p {
margin-bottom: 0;
font-size: 2em;
line-height: 1;
}
.gsap-slider__controls {
grid-column-gap: .5em;
grid-row-gap: .5em;
justify-content: center;
align-items: center;
display: flex;
}
.gsap-slider__collection {
width: 100%;
max-width: 72em;
}
.gsap-slider__list {
-webkit-user-select: none;
user-select: none;
will-change: transform;
touch-action: pan-y;
backface-visibility: hidden;
display: flex;
}
.osmo-icon-svg {
opacity: .1;
width: 40%;
position: absolute;
}
.demo-card__tag {
grid-column-gap: 42px;
grid-row-gap: 42px;
border: 1px none var(--swatch--stroke);
flex-flow: column;
flex: 1;
justify-content: space-around;
align-items: center;
min-height: auto;
padding: 20px 0 0;
display: flex;
}
.demo-card__tag.bottom {
top: auto;
bottom: 2em;
right: 2em;
}
.gsap-slider {
width: 100%;
padding-top: var(--_spacing---section-space--none);
padding-bottom: var(--_spacing---section-space--main);
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.gsap-slider__control {
color: #efeeec;
font-family: Roboto Condensed, sans-serif;
font-size: 1em;
font-weight: var(--_typography---font--primary-bold);
letter-spacing: .1em;
text-transform: uppercase;
background-color: #131313;
border: 1px solid #2c2c2c;
border-radius: 10em;
padding: .75em 1.5em;
}
.before__125 {
height: 600px;
padding-top: 125%;
}
.gsap-slider__item {
width: calc(((100% - 1px) - (var(--slider-spv) - 1) * var(--slider-gap)) / var(--slider-spv));
margin-right: var(--slider-gap);
flex: none;
}
.demo-card {
border: 1px solid var(--swatch--brand-800);
color: #170e258c;
background-color: #170e25b0;
border-radius: 1.9em;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.demo-card:where(.w-variant-f285a989-c8e9-d93a-1d65-1810a5b864ce) {
background-color: var(--swatch--transparent);
border-style: none;
}
.demo-card:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
background-color: #170e2569;
border-radius: 1.9em;
flex-flow: column;
}
.body {
background-color: var(--swatch--dark-900);
}
.demo-card__tag_bottom {
position: absolute;
inset: auto 2em 2em;
}
.progressive-blur {
z-index: 40;
pointer-events: none;
isolation: isolate;
contain: paint;
width: 100%;
height: 8em;
transform-style: preserve-3d;
position: fixed;
bottom: 0;
left: 0;
overflow: hidden;
transform: translateZ(0);
}
.progressive-blur__layer {
width: 100%;
height: 100%;
position: absolute;
}
.progressive-blur__layer.is--1 {
-webkit-backdrop-filter: blur(.09375em);
backdrop-filter: blur(.09375em);
-webkit-mask: linear-gradient(#0000 50%, #000 62.5% 75%, #0000 87.5%);
mask: linear-gradient(#0000 50%, #000 62.5% 75%, #0000 87.5%);
}
.progressive-blur__layer.is--2 {
-webkit-backdrop-filter: blur(.1875em);
backdrop-filter: blur(.1875em);
-webkit-mask: linear-gradient(#0000 62.5%, #000 75% 87.5%, #0000 100%);
mask: linear-gradient(#0000 62.5%, #000 75% 87.5%, #0000 100%);
}
.progressive-blur__layer.is--3 {
-webkit-backdrop-filter: blur(.375em);
backdrop-filter: blur(.375em);
-webkit-mask: linear-gradient(#0000 75%, #000 87.5% 100%);
mask: linear-gradient(#0000 75%, #000 87.5% 100%);
}
.progressive-blur__layer.is--4 {
-webkit-backdrop-filter: blur(.75em);
backdrop-filter: blur(.75em);
-webkit-mask: linear-gradient(#0000 82%, #000 92% 100%);
mask: linear-gradient(#0000 82%, #000 92% 100%);
}
.progressive-blur__layer.is--5 {
-webkit-backdrop-filter: blur(1.5em);
backdrop-filter: blur(1.5em);
-webkit-mask: linear-gradient(#0000 88%, #000 100%);
mask: linear-gradient(#0000 88%, #000 100%);
}
.preview-item__heading {
color: var(--swatch--light-100);
margin-top: 0;
margin-bottom: 0;
font-size: 3.5em;
font-weight: 400;
line-height: 1;
}
.preview-item__inner {
border-top: 1px solid var(--swatch--stroke);
outline-color: var(--swatch--stroke);
width: 100%;
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.preview-collection {
width: 100%;
margin-top: .5em;
}
.preview-container__label {
color: #0a0a0a80;
text-transform: uppercase;
font-size: .75em;
}
.preview-item {
width: 100%;
transition: opacity .2s;
}
.preview-follower__inner {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.preview-list {
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.preview-item__col {
flex: 1;
}
.preview-item__col.is--large {
max-width: 90%;
}
.preview-item__col.is--small {
max-width: 15%;
}
.preview-item__col.is--medium {
max-width: 20%;
}
.preview-follower {
z-index: 100;
aspect-ratio: 1 / 1.25;
pointer-events: none;
border-radius: .75em;
justify-content: center;
align-items: center;
width: 20em;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
overflow: hidden;
}
.preview-item__visual {
aspect-ratio: 1 / 1.25;
width: 20em;
display: none;
position: absolute;
overflow: hidden;
}
.preview-item__text {
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-main);
margin-bottom: 0;
font-weight: 400;
line-height: 1.2;
}
.preview-follower__label-span {
text-transform: uppercase;
background-color: #fff;
border-radius: 8em;
padding: .75em 1.25em;
font-family: Roboto Condensed, sans-serif;
font-size: 1em;
font-weight: 600;
}
.preview-follower__label-span.btn-icon-content.light {
border-radius: 8em;
}
.preview-follower__label {
z-index: 2;
position: absolute;
}
.preview-container {
width: 100%;
max-width: 76em;
margin-left: auto;
margin-right: auto;
padding-bottom: 6em;
padding-left: 2em;
padding-right: 2em;
}
.preview-item__visual-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.preview-item__row {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.feature-pills__item-bg {
z-index: 0;
background-color: var(--swatch--dark-900);
border-radius: 2em;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.feature-pills__visual-collection {
z-index: 0;
width: 100%;
height: 100%;
position: relative;
}
.feature-pills__item-button {
z-index: 1;
grid-column-gap: .625em;
grid-row-gap: .625em;
background-color: #0000;
border: 1px #000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: .75em 1.25em;
display: flex;
position: relative;
}
.feature-pills__visual-cover {
z-index: 1;
border-radius: 0;
width: 100%;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
position: absolute;
inset: 0%;
}
.feature-pills__visual-list {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.feature-pills__layout {
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.feature-pills__info-collection {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding-left: 5.55em;
padding-right: 5.55em;
display: flex;
}
.feature-pills__info-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
flex: none;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
list-style: none;
display: flex;
}
.feature-pills__item-icon {
aspect-ratio: 1;
background-color: var(--swatch--brand-300);
border-radius: 100em;
flex: none;
justify-content: center;
align-items: center;
width: 1.25em;
padding: 0;
display: flex;
position: relative;
}
.feature-pills__item-label {
letter-spacing: -.015em;
white-space: nowrap;
flex: none;
font-size: 1.2em;
font-weight: 500;
}
.feature-pills__close {
z-index: 2;
position: absolute;
top: 1em;
right: 1em;
}
.feature-pills__item-body-span {
margin-top: var(--_spacing---space--4);
opacity: 1;
letter-spacing: 0;
font-size: .9em;
font-weight: 400;
}
.feature-pills__col {
width: 50%;
position: relative;
}
.feature-pills__visual-cover-img {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: 100%;
}
.feature-pills__close-button {
aspect-ratio: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #ffffff14;
border: 0 #000;
border-radius: 10em;
justify-content: center;
align-items: center;
width: 2em;
padding: 8px;
display: flex;
position: relative;
}
.feature-pills__item-content {
z-index: 2;
pointer-events: none;
position: absolute;
inset: 0%;
}
.feature-pills__item-body {
font-size: 1.2em;
line-height: var(--_typography---font-size--h6);
margin-bottom: 0;
font-weight: 500;
}
.feature-pills__wrap {
border: 1px solid var(--swatch--stroke);
background-color: var(--swatch--dark-800);
color: #f2f2f2;
border-radius: 1.25em;
width: 100%;
max-width: 100%;
height: 43em;
position: relative;
overflow: clip;
}
.feature-pills__visual-item {
opacity: 0;
width: 100%;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
position: absolute;
inset: 0%;
}
.feature-pills__item-mask {
width: 100%;
height: 100%;
overflow: hidden;
}
.feature-pills__info-item {
padding: 0;
position: relative;
}
.feature-pills__item-inner {
width: max-content;
max-width: var(--content-item-expanded);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.5em 1.5em 2em;
display: flex;
}
.feature-pills__item-icon-bar {
background-color: var(--swatch--dark-900);
flex: none;
width: 1px;
height: 50%;
padding: 0;
position: absolute;
}
.feature-pills__item-icon-bar.is--horizontal {
-webkit-text-stroke-color: var(--swatch--dark-900);
width: 50%;
height: 1px;
}
.feature-pills__visual-img {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: 100%;
}
.display-none {
display: none;
}
.flex-block-4 {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.mega-nav__container-2 {
height: var(--nav-height);
justify-content: space-between;
align-items: center;
padding: 1em 1.5em;
display: flex;
}
.mega-nav__panel-link-2 {
color: #201d1d;
border-radius: .25em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: .625em .75em;
text-decoration: none;
display: flex;
}
.mega-nav__dropdown-inner-2 {
display: flex;
}
.mega-nav__panel-col-2 {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
border-right: 1px solid #0000001a;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 2.5em 1.5em;
display: flex;
}
.mega-nav__panel-col-2.is--colored {
background-color: #f7f5ff;
}
.mega-nav__panel-col-2.is--colored.has--card {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.mega-nav__dropdown-bg-2 {
will-change: transform;
background-color: #fff;
border-bottom-right-radius: .25em;
border-bottom-left-radius: .25em;
position: absolute;
inset: 0;
}
.mega-nav-2 {
z-index: 100;
position: fixed;
top: 1.25em;
left: 1.25em;
right: 1.25em;
}
.mega-nav__bar-2 {
z-index: 3;
background-color: #774545;
border-bottom: 1px solid #0000001a;
border-radius: .25em;
width: 100%;
max-width: 80em;
margin-left: auto;
margin-right: auto;
position: relative;
}
.mega-nav__bar-inner-2 {
grid-column-gap: .75em;
grid-row-gap: .75em;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.mega-nav__card-2 {
background-color: #fff;
border-radius: .5em;
flex-flow: column;
width: 100%;
display: flex;
overflow: hidden;
}
.mega-nav__card-content-2 {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.5em;
display: flex;
}
.mega-nav__panel-link-text-2 {
font-weight: 500;
}
.mega-nav__bar-link-label-2 {
font-size: .9375em;
font-weight: 500;
line-height: 1.2;
}
.mega-nav__dropdown-wrapper-2 {
z-index: 2;
pointer-events: none;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
position: absolute;
top: calc(100% - .25em);
left: 0;
right: 0;
}
.mega-nav__panel-label-2 {
text-transform: uppercase;
padding-left: 1em;
font-size: .75em;
line-height: 1;
}
.mega-nav__dropdown-panel-2 {
opacity: 0;
pointer-events: none;
visibility: hidden;
position: absolute;
inset: 0 0 auto;
overflow: hidden;
}
.mega-nav__dropdown-container-2 {
position: relative;
overflow: hidden;
}
.dbl-icon {
object-fit: contain;
width: 100%;
height: 100%;
}
.horizontal__wrap {
flex-flow: row;
display: flex;
overflow: hidden;
}
.horizontal__panel {
flex: none;
}
.horizontal__panel-inner {
width: 426px;
height: 100%;
padding: 1.25em 1em;
}
.demo-card-2 {
border-radius: 1.25em;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 3em;
display: flex;
position: relative;
overflow: hidden;
}
.demo-card__bg {
z-index: 0;
position: absolute;
inset: 0%;
}
.demo-card__bg-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.demo-card__inner {
z-index: 1;
position: relative;
}
.demo-header__h1 {
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
font-weight: 500;
line-height: .95;
}
.dbl-ill {
object-fit: cover;
object-position: 50% 50%;
padding-bottom: 35px;
}
.div {
color: var(--_text-style---white-text\);
font-size: var(--_typography---font-size--text-small);
}
.demo-header {
grid-column-gap: 7.5em;
grid-row-gap: 7.5em;
font-variation-settings: "wght" 670;
letter-spacing: -.02em;
border-bottom: 1px solid #201d1d26;
flex-flow: column;
justify-content: space-between;
width: 100%;
min-height: 100svh;
padding: 2.5em;
font-weight: 600;
display: flex;
position: relative;
}
.demo-footer__col {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
width: calc(33.3333% - 1.66667em);
display: flex;
}
.demo-footer {
grid-column-gap: 7.5em;
grid-row-gap: 7.5em;
font-variation-settings: "wght" 670;
letter-spacing: -.02em;
flex-flow: column;
justify-content: space-between;
min-height: 100svh;
padding: 2.5em;
font-weight: 600;
display: flex;
position: relative;
}
.demo-header__nav-a {
margin-bottom: 0;
font-size: 1.3125em;
font-weight: 600;
}
.footer-wrap__dark {
opacity: 0;
pointer-events: none;
background-color: #201d1d;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.demo-header__logo {
width: 15em;
}
.demo-eyebrow {
opacity: .5;
margin-bottom: 0;
font-size: 1.3125em;
font-weight: 600;
}
.demo-header__nav-row {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.demo-footer__a {
color: inherit;
font-size: 2.75em;
line-height: 1;
text-decoration: none;
}
.demo-header__img {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
}
.demo-header__h1-2 {
letter-spacing: -.03em;
max-width: 11em;
font-size: 4em;
font-weight: 600;
line-height: .95;
}
.demo-header__title-row {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
padding-left: calc(33.3333% + .833333em);
display: flex;
}
.demo-footer__links-row {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
display: flex;
}
.demo-p {
max-width: 19em;
margin-bottom: 0;
font-size: 1.3125em;
font-weight: 600;
}
.demo-footer__logo-row {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
display: flex;
}
.demo-main {
overflow: clip;
}
.footer-wrap {
position: relative;
overflow: hidden;
}
.demo-header__info-row {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
display: flex;
}
.demo-header__col {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
justify-content: space-between;
width: calc(33.3333% - 1.66667em);
display: flex;
}
.demo-footer__links {
grid-column-gap: .25em;
grid-row-gap: .25em;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.newsletter-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
width: 100%;
display: flex;
}
.footer-right {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 640px;
padding-right: 0;
display: grid;
}
.text-h4-2 {
color: var(--swatch--light-200);
letter-spacing: -2px;
font-size: 32px;
font-weight: 500;
line-height: 100%;
}
.footer-last-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: center;
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-bottom-tile {
border-top: 1px solid #ffffff29;
border-bottom: 1px #ffffff29;
margin-top: 37px;
}
.newsletter-field-master {
max-width: 456px;
color: var(--_theme---background);
position: relative;
}
.text-field {
color: #181e25;
letter-spacing: -.25px;
background-color: #fff;
border: 1px solid #0000;
border-radius: 8px;
width: 100%;
height: auto;
min-height: 56px;
margin-bottom: 0;
padding: 16px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.text-field:focus {
color: #181e25;
border-color: #181e257a;
}
.text-field::placeholder {
color: #181e257a;
}
.text-field.newsletter {
border-color: var(--swatch--stroke);
background-color: var(--swatch--dark-900-o20);
color: var(--swatch--light-100);
padding-right: 50px;
}
.text-field.newsletter::placeholder {
color: #181e257a;
}
.label-small-2 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
line-height: 120%;
}
.newsletter-form-top {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
display: flex;
}
.icon-social {
color: var(--swatch--light-100-o20);
justify-content: center;
align-items: center;
display: flex;
}
.success-message-newsletter {
color: #181e25;
text-align: center;
background-color: #d6fd70;
border-radius: 8px;
max-width: 400px;
}
.label-2 {
color: var(--swatch--dark-900);
letter-spacing: 1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-end;
font-family: Roboto Condensed, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 133.3%;
}
.submit-button-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 65px;
height: 100%;
padding-left: 10px;
display: flex;
position: absolute;
inset: 0% 0 0% auto;
}
.label-master-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
border: 1px solid #ffffff52;
border-radius: 24px;
justify-content: center;
align-items: center;
padding: 8px 12px;
display: inline-flex;
}
.label-master-2.dark {
border-color: #181e2552;
}
.footer-bottom-wrap {
z-index: 1;
position: relative;
}
.main-container-4 {
z-index: 2;
width: 100%;
max-width: 1800px;
color: var(--swatch--light-200);
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.heading-footer {
max-width: 314px;
}
.cta-master {
z-index: 1;
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 850px;
margin: 100px auto 160px;
display: flex;
position: relative;
}
.cta-button-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
display: flex;
}
.footer-component {
z-index: 2;
background-color: var(--swatch--transparent);
border-top-left-radius: 4rem;
border-top-right-radius: 4rem;
padding: 0;
position: relative;
overflow: hidden;
}
.footer-component:where(.w-variant-e5df36f0-d406-fe20-f247-d72830ebe1c6) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.footer-component.scroll-3_trigger {
z-index: 1;
position: relative;
}
.section-divider {
border-bottom: 1px solid #181e2552;
width: 100%;
height: 0;
margin-right: auto;
}
.section-divider.footer-divider-2 {
margin-bottom: 32px;
}
.section-divider.footer-divider {
border-style: none none solid;
border-width: 1px;
border-color: var(--swatch--stroke);
color: var(--swatch--stroke);
margin-top: 32px;
margin-bottom: 48px;
}
.footer-halves {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.footer-links-column {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
display: flex;
}
.footer-left {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.footer-social-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-rights-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-icon {
width: 64px;
height: 64px;
position: absolute;
inset: 0% 0% auto auto;
}
.footer-link {
color: var(--swatch--dark-900);
letter-spacing: -.25px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.error-message {
color: #fff;
text-align: center;
background-color: #fa4149;
border-radius: 8px;
}
.cta-arrow {
color: #181e25;
justify-content: center;
align-items: center;
height: 16px;
display: flex;
}
.footer {
border-style: solid solid none;
border-width: 1px;
border-color: var(--swatch--stroke);
background-color: var(--swatch--dark-800);
background-image: linear-gradient(180deg, var(--swatch--transparent) 44%, #a180fc33);
border-radius: 16px 16px 0 0;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-top: 32px;
padding-bottom: 32px;
position: relative;
}
.footer.hide {
display: flex;
}
.button-bg {
background-color: #181e25;
border-radius: 32px;
position: absolute;
inset: 0%;
}
.button-bg.accent {
background-color: #d6fd70;
}
.button-bg.dark-outlined {
background-color: #ffffff29;
border: 1px solid #181e2552;
}
.footer-top-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.cta-main {
color: #fff;
letter-spacing: -.5px;
border-radius: 32px;
flex: none;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
transition: color .2s, background-color .2s, border-color .2s;
display: flex;
position: relative;
}
.cta-main.dark-outlined, .cta-main.accent {
color: #181e25;
}
.footer-column {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: var(--swatch--dark-900);
flex-flow: column;
flex: none;
display: flex;
}
.button-text-mask {
flex: none;
height: 22px;
margin-top: 1px;
margin-bottom: 3px;
overflow: hidden;
}
.button-text {
z-index: 1;
letter-spacing: -.5px;
margin-top: -.03em;
font-size: 16px;
font-weight: 600;
line-height: 150%;
position: relative;
}
.text-underline {
text-decoration: underline;
}
.cta-top-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.submit-button {
background-color: #0000;
padding-right: 24px;
position: absolute;
inset: 0%;
}
.text-h1 {
z-index: 1;
letter-spacing: -4px;
font-size: 72px;
font-weight: 500;
line-height: 100%;
}
.text-small {
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 133.3%;
}
.text-small.text-dark-64 {
color: var(--swatch--dark-900);
}
.social-link {
color: #181e25;
border-radius: 100vw;
transition: opacity .2s;
}
.social-link:hover {
opacity: .5;
object-fit: fill;
}
.newsletter-form-block {
grid-column-gap: 51px;
grid-row-gap: 51px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.double-footer-logo {
max-width: 50%;
padding-top: 100px;
}
.hero-2 {
height: 100vh;
position: relative;
}
.image-1 {
border-radius: 10px;
max-width: 160px;
position: absolute;
inset: 15% auto auto 6%;
}
.image-2 {
border-radius: 10px;
max-width: 192px;
position: absolute;
inset: 45% auto auto 0%;
}
.image-3 {
border-radius: 10px;
max-width: 143px;
position: absolute;
inset: auto auto 10% 10%;
}
.image-4 {
border-radius: 10px;
max-width: 130px;
position: absolute;
inset: 17% 10% auto auto;
}
.image-5 {
border-radius: 10px;
max-width: 127px;
position: absolute;
inset: 43% 0% auto auto;
}
.image-6 {
border-radius: 10px;
max-width: 127px;
position: absolute;
inset: auto 6% 10% auto;
}
.hero-image-wrapper {
z-index: 1;
width: 100%;
height: 100vh;
position: absolute;
inset: 0%;
}
.stacking-cards__item {
color: #fff;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
margin-top: -1em;
padding-top: 5em;
padding-bottom: 5em;
display: flex;
position: relative;
}
.stacking-cards__item.is--green {
background-color: #1a261e;
}
.stacking-cards__item.is--purple {
background-color: #544a58;
}
.stacking-cards__item.is--brown {
background-color: #62594c;
}
.stacking-cards__item.is--red {
background-color: #1f1715;
}
.stacking-cards__item.is--blue {
background-color: #1a232e;
}
.stacking-cards__collection {
width: 100%;
}
.stacking-cards__list {
flex-flow: column;
display: flex;
}
.stacking-card__heading-faded {
opacity: .5;
}
.stacking-cards__item-h {
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 10vw;
font-weight: 700;
line-height: .8;
}
.stacking-cards__item-img {
aspect-ratio: 1;
border-radius: .75em;
width: 30vw;
margin-top: -1vw;
}
.stacking-card__top-span {
font-size: 1em;
font-weight: 500;
}
.stacking-cards__item-top {
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
top: 2.5em;
left: 2.5em;
right: 2.5em;
}
.demo-footer-2 {
border-top: 1px solid #ffffff26;
padding-top: 2em;
padding-bottom: 2em;
}
.sticky-tab__title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 1.2em;
font-weight: 600;
line-height: 1;
}
.container-2 {
margin-right: auto;
padding-left: 2em;
padding-right: 2em;
}
.osmo-icon-svg-2 {
width: 8em;
}
.demo-nav__ul {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.sticky-tab-group__nav-bg {
z-index: 2;
background-color: var(--swatch--dark-800);
border-bottom: 1px solid #ffffff26;
width: 100%;
height: 6em;
position: sticky;
top: 0;
left: 0;
}
.sticky-tab__content {
justify-content: space-between;
align-items: center;
display: flex;
}
.sticky-tab-group {
max-width: 1280px;
color: var(--swatch--light-100);
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: block;
overflow: clip;
}
.sticky-tab {
background-color: #131313;
position: relative;
overflow: clip;
}
.demo-section__title {
max-width: 6em;
font-size: 7em;
font-weight: 500;
line-height: 1;
}
.demo-footer__title {
max-width: 6em;
font-size: 2.25em;
font-weight: 500;
line-height: 1;
}
.sticky-tab__inner {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #1f1e1dbd;
border-top: 1px #ffffff26;
border-bottom: 1px #ffffff26;
border-radius: 5em;
justify-content: space-between;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
}
.demo-nav__li {
font-size: 1.25em;
line-height: 1;
list-style: none;
}
.demo-nav__logo-svg {
width: 7em;
}
.demo-section {
padding-top: 45vh;
padding-bottom: 45vh;
}
.demo-nav {
z-index: 20;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
.demo-header-2 {
background-color: var(--swatch--dark-900);
padding-top: 25vh;
padding-bottom: 10vh;
}
.demo-nav__content {
justify-content: space-between;
align-items: center;
height: 6em;
display: flex;
}
.sticky-tab__placeholder-content {
grid-column-gap: 35px;
grid-row-gap: 35px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 4fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-items: center;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
display: grid;
}
.sticky-tab__sticky {
z-index: 1;
top: calc(var(--nav-height) - 1px);
border-radius: 5em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-top: -1px;
padding-right: 2em;
display: flex;
position: sticky;
}
.body-2 {
background-color: var(--swatch--dark-900);
}
.label-small-3 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
line-height: 120%;
}
.main-container-5 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.text-h5 {
letter-spacing: -1px;
font-size: 28px;
font-weight: 500;
line-height: 114%;
}
.headline-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 530px;
margin-bottom: 64px;
display: flex;
}
.data-1-list {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
flex-flow: column;
width: 100%;
display: flex;
}
.data-1-item {
grid-column-gap: 50px;
grid-row-gap: 50px;
border: 1px solid var(--swatch--stroke);
background-color: var(--swatch--dark-800);
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
padding: 32px;
display: grid;
}
.section-4 {
z-index: 2;
background-color: #f8f7f5;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-4.paddings-big {
background-color: var(--swatch--dark-900);
padding-top: 0;
padding-bottom: 160px;
}
.no-margins {
margin-top: 0;
margin-bottom: 0;
}
.text-large-2 {
letter-spacing: -.4px;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 140%;
}
.image-flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
max-width: 34.8919%;
}
.services-image {
border: 1px none var(--swatch--stroke);
border-radius: 1em;
height: 100%;
padding: 0;
}
.hero-3 {
height: auto;
min-height: 100vh;
position: relative;
}
.footer-column-wrapper {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-flow: column;
display: flex;
}
.div-block-3 {
color: var(--swatch--light-100);
}
.service-item {
grid-column-gap: 7.1rem;
grid-row-gap: 4.2rem;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start stretch;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.service-item:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62) {
grid-column-gap: 51px;
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-pill);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
padding: 22px;
text-decoration: underline;
transition: all .2s ease-in-out;
display: block;
}
.service-item:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
grid-column-gap: 51px;
color: var(--_text-style---text-grey);
font-size: var(--_typography---font-size--text-pill);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
padding: 22px;
text-decoration: underline;
transition: all .2s ease-in-out;
display: block;
}
.service-item:hover:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62), .service-item:hover:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
color: var(--swatch--brand-400);
}
.service-item.text-dark {
grid-column-gap: 4.2rem;
grid-row-gap: 7rem;
color: var(--swatch--dark-800);
grid-template-columns: 2fr 1fr;
}
.service-item.extra-padding {
padding-top: 3.8rem;
padding-bottom: 3.8rem;
}
.service-category-item-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: end;
width: 100%;
display: grid;
}
.flex-block-5 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: space-between;
align-items: flex-start;
height: 100%;
}
.heading {
font-size: var(--_typography---font-size--h1);
font-weight: var(--_typography---font--primary-medium);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.heading:where(.w-variant-3763ac0d-0ceb-040c-e469-5b3958546f7e) {
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--h1);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.heading:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47) {
color: var(--swatch--light-100);
}
.heading:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
color: var(--swatch--dark-900);
}
.heading-2 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.heading-2:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
color: var(--swatch--light-100);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
font-size: clamp(3.125rem, 6vw, 5rem);
}
.heading-2:where(.w-variant-5888ad68-b3d2-fecb-64d7-71b9be9b198f) {
color: var(--swatch--light-100);
font-size: clamp(3.125rem, 6vw, 5rem);
}
.heading-2:where(.w-variant-b640c427-64d9-6ed0-d4bb-b18be0f7e69f) {
color: var(--_text-style---text-grey);
font-size: clamp(3.125rem, 6vw, 5rem);
}
.heading-2:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
color: var(--swatch--dark-900);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
font-size: clamp(3.125rem, 6vw, 5rem);
}
.service-heading {
border-bottom: 1px solid var(--swatch--dark-900-o20);
justify-content: space-between;
align-items: flex-start;
padding-bottom: 4rem;
}
.service-category-item {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--swatch--dark-800);
}
.divider-line {
background-color: var(--swatch--stroke);
height: 1px;
}
.divider-line:where(.w-variant-7feac57f-4514-1ec3-e0d6-175c00e97e0a) {
background-color: var(--divider-dark);
}
.divider-line:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e) {
background-color: var(--_text-style---text-grey-60);
}
.divider-line:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
background-color: var(--swatch--dark-900-o20);
}
.button-bg-2 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #191818;
border: 1px solid #f7f7f214;
border-radius: 16px;
transition: background-color .3s;
position: absolute;
inset: 0%;
box-shadow: 0 -1px #f7f7f229, 0 1px #f7f7f214;
}
.button-bg-2:hover {
background-color: #191818e0;
border-color: #f7f7f214;
}
.cta-c-columns {
margin-left: 0;
margin-right: 0;
display: flex;
}
.label-large {
letter-spacing: .75px;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-end;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.label-large.text-input-label {
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 600;
}
.button-icon-wrap {
flex: none;
justify-content: flex-end;
align-items: center;
width: 16px;
height: 16px;
display: flex;
overflow: hidden;
}
.button-icon-wrap.left {
margin-left: -4px;
}
.button-icon-wrap.right {
margin-right: -4px;
}
.success-message {
color: #191818;
background-color: #2ad87f;
border: 1px solid #2ad87f;
border-radius: 12px;
}
.logo-shadow {
z-index: 1;
background-image: linear-gradient(90deg, var(--swatch--dark-800), var(--swatch--dark-800) #0000% % % % % , #0000);
width: 80px;
height: 80px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0% auto 0% 0%;
}
.logo-shadow.right {
background-image: linear-gradient(90deg, transparent #0000% % % % % , var(--swatch--dark-800));
inset: 0% 0% 0% auto;
}
.right-cta-c {
padding-left: 132px;
padding-right: 0;
}
.wrap-cta-logos {
grid-column-gap: 32px;
grid-row-gap: 32px;
border-top: 1px solid #19181829;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 32px;
display: flex;
}
.content-cta-c {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.main-container-6 {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.cta-logos {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.input-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
display: flex;
}
.headline-cta-c {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.icon-button {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
width: 16px;
display: flex;
position: relative;
}
.section-5 {
z-index: 2;
color: #191818e0;
background-color: #f7f7f2;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-5.cta-c-section {
background-color: var(--swatch--dark-900);
padding-top: 120px;
padding-bottom: 120px;
}
.section-5.cta-c-section.scroll-3_trigger {
padding-left: 0;
padding-right: 0;
}
.overlay-blur {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: #19181852;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.label-small-4 {
letter-spacing: .75px;
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
line-height: 12px;
}
.marquee-logo {
color: #191818a3;
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.single-logo-marquee {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex: none;
align-items: center;
display: flex;
}
.submit-absolute {
z-index: 1;
color: #0000;
background-color: #0000;
position: absolute;
inset: 0%;
}
.left-cta-c {
padding-left: 0;
padding-right: 0;
}
.label-master-3 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #191818e0;
text-align: center;
background-color: #efede7;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 4px 8px;
display: flex;
}
.body-strong {
color: #191818e0;
}
.button-text-2 {
z-index: 1;
text-shadow: 0 1.5em #f7f7f2;
position: relative;
}
.button-text-2.secondary {
text-shadow: 0 1.5em #f7f7f2;
}
.button-text-2.is-dark {
text-shadow: 0 1.5em #191818;
}
.master-marquee {
width: 100%;
position: relative;
overflow: clip;
}
.error-message-2 {
color: #f7f7f2;
text-align: center;
background-color: #c94040;
border-radius: 12px;
}
.text-field-2 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--swatch--stroke);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--swatch--stroke);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--swatch--stroke);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--swatch--stroke);
background-color: var(--swatch--dark-900);
width: 100%;
height: auto;
color: var(--swatch--light-100);
letter-spacing: 0;
appearance: none;
border-radius: 8px;
margin-bottom: 0;
padding: 12px 16px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.text-field-2:focus, .text-field-2:focus-visible, .text-field-2[data-wf-focus-visible] {
border-color: var(--swatch--brand-300);
background-color: var(--swatch--dark-900);
color: var(--swatch--light-100);
}
.text-field-2::placeholder {
color: #191818a3;
}
.text-field-2.textarea-cta {
border-color: var(--swatch--stroke);
background-color: var(--swatch--dark-900);
height: 125px;
}
.text-field-2.textarea-cta:focus {
border-color: var(--swatch--brand-300);
}
.master-cta-c {
border: 1px solid var(--swatch--stroke);
background-color: var(--swatch--dark-800);
width: 100%;
max-width: 1280px;
color: var(--swatch--light-100);
border-radius: 16px;
padding: 64px;
}
.button-text-mask-2 {
pointer-events: none;
flex: none;
height: 24px;
overflow: hidden;
}
.cta-main-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #f7f7f2;
letter-spacing: 0;
cursor: pointer;
border-radius: 16px;
flex: none;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
}
.submit-wrap {
position: relative;
}
.form-block-cta-c {
margin-bottom: 0;
}
.form-cta-c {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.wrap-marquee-logos {
grid-column-gap: 80px;
grid-row-gap: 80px;
align-items: center;
display: flex;
}
.form-logo {
height: 25px;
}
.scroll-3_target-end {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
padding: 0% 2em;
display: flex;
}
.scroll-3_target-end.is-1 {
padding: 0%;
}
.button-text-mask-small {
pointer-events: none;
flex: none;
justify-content: center;
align-items: center;
height: 16px;
display: flex;
overflow: clip;
}
.icon-button-2 {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
width: 16px;
display: flex;
position: relative;
}
.icon-button-2.left {
color: #f1eee6;
}
.icon-button-2.left.light-16 {
color: #0e0e0e;
}
.icon-button-2.light-16 {
color: #f1eee6;
}
.wrap-article-body {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.overlay-journal-card {
background-color: #0e0e0e7a;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.main-container-7 {
z-index: 2;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.article-hero-right {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 564px;
display: flex;
}
.button-bg-3 {
background-color: #f1eee6;
border-radius: 24px;
transition: background-color .735s cubic-bezier(.645, .045, .355, 1);
position: absolute;
inset: 0%;
}
.button-bg-3:hover {
background-color: #f1eee629;
}
.button-bg-3.light-16 {
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
background-color: #f1eee629;
}
.button-bg-3.light-16:hover {
background-color: #f1eee6;
}
.image-cover {
z-index: 1;
aspect-ratio: auto;
object-fit: cover;
width: 100%;
height: 100%;
}
.journal-halves {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button-icon-wrap-2 {
pointer-events: none;
flex: none;
justify-content: flex-end;
align-items: center;
width: 16px;
height: 16px;
margin-left: 8px;
display: flex;
overflow: hidden;
}
.headline-journal {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.journal-card-bottom-info {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 1px solid #f1eee629;
justify-content: space-between;
align-items: center;
padding-top: 24px;
display: flex;
}
.image-journal-card {
aspect-ratio: 3.5 / 2.1;
width: 100%;
position: relative;
overflow: hidden;
}
.button-text-small {
z-index: 1;
color: #0e0e0e;
letter-spacing: 1.5px;
text-transform: uppercase;
text-shadow: 0 1.5em #f1eee6;
font-size: 12px;
font-weight: 400;
line-height: 16px;
position: relative;
}
.button-text-small.light-16 {
color: #f1eee6;
text-shadow: 0 1.5em #0e0e0e;
}
.text-h5-2 {
letter-spacing: -1px;
font-family: Instrument Serif, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 40px;
}
.label-3 {
letter-spacing: 1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-end;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 16px;
}
.label-3.text-light-64 {
color: #f1eee6a3;
}
.section-6 {
z-index: 2;
color: #f1eee6;
background-color: #0c0c0c;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-6.article-body-section {
border-top: 1px solid var(--swatch--stroke);
background-color: var(--swatch--dark-900);
padding-top: 100px;
padding-bottom: 150px;
}
.section-6.article-more-section {
background-color: var(--swatch--dark-900);
padding-top: 0;
}
.section-6.hero-article {
background-color: var(--swatch--dark-900);
min-height: 74vh;
padding-top: 184px;
}
.headline-article {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.card-article {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--swatch--stroke);
color: #f1eee6;
border-radius: 8px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
text-decoration: none;
display: grid;
overflow: hidden;
}
.article-tag-master {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.master-article-body {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
max-width: 912px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.article-body {
font-weight: var(--_text-style---font-weight);
}
.cta-small {
color: #0e0e0e;
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: pointer;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
transition: color .45s;
display: flex;
position: relative;
}
.label-small-5 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
line-height: 12px;
}
.journal-card-bottom-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--swatch--dark-800);
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding: 24px;
display: flex;
}
.text-h4-3 {
letter-spacing: -2px;
font-family: Instrument Serif, sans-serif;
font-size: 64px;
font-weight: 400;
line-height: 64px;
}
.journals.hide-cms {
display: none;
}
.text-h2-2 {
letter-spacing: -1px;
font-size: 120px;
line-height: 104px;
}
.article-hero-halves {
grid-column-gap: 120px;
grid-row-gap: 120px;
grid-template-rows: auto;
}
.article-thumbnail {
border-bottom-right-radius: 24px;
width: 30%;
position: absolute;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.body-3 {
background-color: var(--swatch--dark-900);
}
.avatar-contact {
border: 2px solid #f7f7f2;
border-radius: 100vw;
flex: none;
width: 48px;
height: 48px;
overflow: hidden;
}
.avatar-contact.inward {
margin-left: -16px;
}
.image-wrap-home-a {
border-radius: 12px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.content-case-small {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.home-a-hero-case {
background-color: #f7f7f2;
border-top-left-radius: 12px;
padding-top: 8px;
padding-left: 8px;
position: absolute;
inset: auto 0% 0% auto;
}
.button-bg-4 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #191818;
border: 1px solid #f7f7f214;
border-radius: 16px;
transition: background-color .3s;
position: absolute;
inset: 0%;
box-shadow: 0 -1px #f7f7f229, 0 1px #f7f7f214;
}
.button-bg-4:hover {
background-color: #191818e0;
border-color: #f7f7f214;
}
.button-bg-4.secondary {
background-color: #0000;
border-color: #19181829;
}
.button-bg-4.secondary:hover {
background-color: #191818e0;
border-color: #f7f7f214;
}
.left-home-a {
grid-column-gap: 48px;
grid-row-gap: 48px;
max-width: 564px;
color: var(--swatch--light-200);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.cta-avatars {
display: flex;
}
.text-h1-2 {
z-index: 1;
letter-spacing: -2.5px;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 400;
line-height: 72px;
}
.main-container-8 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.heading-home-a {
flex-flow: column;
display: flex;
}
.icon-button-3 {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
width: 16px;
display: flex;
position: relative;
}
.text-wrap-hero-home-a {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.card-case-small {
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
color: #191818;
background-color: #efede7;
border-radius: 12px;
justify-content: flex-start;
align-items: stretch;
max-width: 361px;
padding: 12px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 -1px #f7f7f229, 0 1px #f7f7f214;
}
.section-7 {
z-index: 2;
color: #191818e0;
background-color: #f7f7f2;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-7.hero-home-a-section {
background-color: var(--swatch--dark-900);
min-height: 100vh;
padding-top: 120px;
padding-bottom: 32px;
display: flex;
overflow: clip;
}
.icon-case-small {
color: #191818a3;
flex: none;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.hide-cms {
display: none;
}
.label-small-6 {
letter-spacing: .75px;
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
line-height: 12px;
}
.image-cover-2 {
z-index: 1;
object-fit: cover;
color: gray;
width: 100%;
height: 100%;
}
.image-cover-2.horizontal {
aspect-ratio: 2.39;
height: 100%;
}
.icon-radius-bottom {
z-index: 1;
width: 24px;
height: 24px;
position: absolute;
inset: auto auto -2px 2px;
transform: translate(-100%);
}
.icon-radius-bottom.bottom-reverse {
bottom: 2px;
left: -2px;
transform: rotate(0)translate(0%, 100%);
}
.icon-radius-bottom.bottom-reverse.parallel {
inset: -2px 2px auto auto;
transform: rotate(0)translate(100%);
}
.icon-radius-bottom.bottom-reverse.parallel.has-base-color, .icon-radius-bottom.bottom-reverse.has-base-color {
color: var(--swatch--dark-900);
}
.icon-radius-bottom.up {
inset: 2px -2px auto auto;
transform: translate(0%, -100%);
}
.icon-radius-bottom.up.has-base-color, .icon-radius-bottom.has-base-color {
color: #f7f7f2;
}
.headline-home-a {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.master-home-a {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.label-master-4 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #191818e0;
text-align: center;
background-color: #efede7;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 4px 8px;
display: flex;
}
.label-master-4.depth {
background-color: #e1dcd5;
}
.text-small-2 {
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.animation-wrap-home-a {
white-space: nowrap;
height: 76px;
overflow: clip;
}
.home-a-avatars {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.image-wrap-case-small {
border-radius: 8px;
flex: none;
width: 96px;
height: 96px;
min-height: 100%;
display: flex;
overflow: hidden;
}
.button-wrap-centered {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.home-a-hero-mask {
background-color: var(--swatch--dark-900);
border-bottom-right-radius: 12px;
width: 10%;
height: 40%;
position: absolute;
inset: 0% auto auto 0%;
}
.cta-main-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #f7f7f2;
letter-spacing: 0;
cursor: pointer;
border-radius: 16px;
flex: none;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
}
.cta-main-3.secondary {
color: #191818;
}
.cta-main-3.secondary:hover {
color: #f7f7f2;
}
.case-small-bottom-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.text-wrap-animated-heading {
height: 76px;
}
.text-block-2 {
text-transform: uppercase;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 600;
}
.mwg000 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
height: 100vh;
display: grid;
position: relative;
overflow: hidden;
}
.mwg000-medias {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
grid-template-rows: auto auto;
grid-template-columns: repeat(4, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.mwg000-media-img {
pointer-events: none;
object-fit: cover;
will-change: transform;
border-radius: .4%;
width: 11vw;
height: 11vw;
display: block;
}
.code-embed {
position: absolute;
top: 0;
left: 0;
}
.u-overflow-photo-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.u-overflow-photo {
border-radius: 7px;
padding: 0;
}
.u-overflow-photo.u-overflow-photo-lv2 {
width: 100%;
height: 328px;
}
.u-overflow-photo.u-overflow-photo-lv1 {
width: 100%;
height: 420px;
}
.u-overflow-photo.u-overflow-photo-lv3 {
width: 100%;
height: 258px;
}
.u-overflow-photo-div {
background-color: var(--swatch--dark-800);
border-radius: 20px;
flex: none;
padding: 12px;
}
.u-overflow-photo-div.u-overflow-photo-div-lv2 {
width: 420px;
height: 310px;
}
.u-overflow-photo-div.hasmarginleft {
margin-left: -15%;
}
.u-overflow-photo-div.hasmarginleft.isfirstitem {
z-index: 3;
width: 40%;
position: relative;
}
.u-overflow-photo-div.hasmarginleft.isseconditem {
z-index: 2;
width: 32%;
margin-top: 40px;
position: relative;
}
.u-overflow-photo-div.isthirditem {
width: 30%;
margin-top: 60px;
}
.hero-1 {
z-index: 2;
min-height: 850px;
position: relative;
}
.haft-circle-slider-wrapper {
position: relative;
}
.swiper-slide {
border-radius: 5px 5px 0 0;
width: 16.6667%;
min-width: 250px;
height: 100%;
padding: 0;
}
.swiper-image {
background-color: var(--swatch--dark-800);
border-radius: 13px 13px 0 0;
height: 280px;
padding: 6px;
}
.swiper-title-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--swatch--dark-800);
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
justify-content: flex-start;
align-items: flex-end;
height: auto;
padding: 12px 12px 14px;
display: flex;
}
.swiper-title {
color: var(--swatch--light-100);
letter-spacing: 0;
text-transform: none;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
font-family: Switzer, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
display: flow-root;
}
.footer-right-2 {
grid-column-gap: 120px;
grid-row-gap: 120px;
justify-content: flex-start;
align-items: center;
padding-right: 0;
display: flex;
}
.text-h4-4 {
letter-spacing: -2px;
font-size: 32px;
font-weight: 500;
line-height: 100%;
}
.footer-bottom-tile-2 {
border-top: 1px solid #ffffff29;
border-bottom: 1px solid #ffffff29;
margin-top: 120px;
}
.newsletter-field-master-2 {
max-width: 456px;
position: relative;
}
.text-field-3 {
color: #181e25;
letter-spacing: -.25px;
background-color: #fff;
border: 1px solid #0000;
border-radius: 8px;
width: 100%;
height: auto;
min-height: 56px;
margin-bottom: 0;
padding: 16px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.text-field-3:focus {
color: #181e25;
border-color: #181e257a;
}
.text-field-3::placeholder {
color: #181e257a;
}
.text-field-3.newsletter {
color: #181e25;
background-color: #181e2514;
border-radius: 140px;
padding-right: 50px;
}
.text-field-3.newsletter::placeholder {
color: #181e257a;
}
.label-small-7 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
line-height: 120%;
}
.icon-social-2 {
justify-content: center;
align-items: center;
display: flex;
}
.label-4 {
letter-spacing: 1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-end;
font-family: Roboto Condensed, sans-serif;
font-size: 19px;
font-weight: 600;
line-height: 133.3%;
}
.label-master-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
border: 1px solid #ffffff52;
border-radius: 24px;
justify-content: center;
align-items: center;
padding: 8px 12px;
display: inline-flex;
}
.label-master-5.dark {
border-color: #181e2552;
}
.main-container-9 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 43px;
padding-right: 43px;
}
.footer-component-2 {
z-index: 1;
background-color: var(--swatch--light-100);
border: 1px solid #b4b4b4;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: hidden;
}
.footer-halves-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
display: grid;
}
.footer-link-2 {
color: var(--swatch--dark-800);
letter-spacing: -.25px;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.footer-2 {
background-color: #fff;
border-radius: 32px 32px 0 0;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-top: 32px;
padding-bottom: 32px;
position: relative;
overflow: clip;
}
.button-bg-5 {
background-color: #181e25;
border-radius: 32px;
position: absolute;
inset: 0%;
}
.button-bg-5.accent {
background-color: #d6fd70;
}
.button-bg-5.dark-outlined {
background-color: #ffffff29;
border: 1px solid #181e2552;
}
.cta-main-4 {
color: #fff;
letter-spacing: -.5px;
border-radius: 32px;
flex: none;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
transition: color .2s, background-color .2s, border-color .2s;
display: flex;
position: relative;
}
.cta-main-4.dark-outlined, .cta-main-4.accent {
color: #181e25;
}
.footer-column-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
flex: none;
display: flex;
}
.button-text-mask-3 {
flex: none;
height: 22px;
margin-top: 1px;
margin-bottom: 3px;
overflow: hidden;
}
.button-text-3 {
z-index: 1;
letter-spacing: -.5px;
margin-top: -.03em;
font-size: 16px;
font-weight: 600;
line-height: 150%;
position: relative;
}
.text-h1-3 {
z-index: 1;
letter-spacing: -4px;
font-size: 72px;
font-weight: 500;
line-height: 100%;
}
.double-footer-logo-padding-0 {
max-width: 30%;
padding-top: 0;
}
.mwg016 {
z-index: 10;
overflow: hidden;
}
.mwg016-pin-height {
height: 500vh;
overflow: hidden;
}
.mwg016-container {
aspect-ratio: 1;
width: 18%;
margin-top: 50vh;
margin-left: 50%;
transform: translate(-50%, -50%);
}
.mwg016-media-wrapper {
position: absolute;
inset: 0;
}
.mwg016-media {
object-fit: cover;
border-radius: 2%;
width: 100%;
height: 100%;
transform: translate(-60vw);
}
.mwg003 {
position: relative;
overflow: hidden;
}
.mwg003-pin-height {
height: 500vh;
}
.mwg003-container, .mwg003-circles {
height: 100vh;
}
.mwg003-circle {
will-change: transform;
flex-flow: column;
align-items: stretch;
width: 250vw;
height: 250vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
}
.mwg003-card {
aspect-ratio: .75;
will-change: transform;
background-color: #fff;
border: 1px solid #000;
border-radius: .7vw;
width: 25vw;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 55vh);
}
.mwg079-container {
align-items: center;
height: 100vh;
display: flex;
}
.mwg079-text {
color: var(--swatch--brand-400);
white-space: nowrap;
will-change: transform;
width: max-content;
padding-left: 100vw;
padding-right: 100vw;
font-size: max(60px, 12vw);
font-weight: 500;
}
.mwg059-pin-height {
height: 500vh;
}
.mwg059-container {
height: 100vh;
overflow: hidden;
}
.mwg023 {
z-index: 5;
height: 100vh;
position: relative;
}
.mwg023-container {
will-change: transform;
width: 300vw;
height: 300vw;
position: absolute;
left: -100vw;
}
.mwg023-inner-media {
justify-content: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.mwg023-media {
object-fit: contain;
will-change: transform;
object-position: 50% 100%;
width: 20vw;
height: 26vw;
margin-top: 50vh;
}
.mwg075 {
background-color: var(--swatch--dark-900);
}
.mwg075-pin-height {
height: 500vh;
}
.mwg075-container {
height: 100vh;
position: relative;
overflow: hidden;
}
.mwg075-circles {
aspect-ratio: 1;
width: 300%;
margin-top: 50vh;
margin-left: -100%;
position: relative;
}
.mwg075-circle {
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
}
.mwg075-media {
object-fit: cover;
aspect-ratio: .75;
border-radius: 1vw;
width: 27vw;
margin-left: auto;
margin-right: auto;
display: block;
overflow: clip;
transform: translate(0, -50%);
}
.mwg075-header {
margin-bottom: -177px;
}
.scroll-7_color-2 {
background-color: currentColor;
width: 100%;
height: 100%;
min-height: 0;
padding: 0;
display: block;
}
.scroll-7_color-3 {
background-color: var(--swatch--dark-900);
width: 100%;
height: 100%;
min-height: 0;
padding: 0;
display: block;
}
.dark {
background-color: var(--swatch--dark-900);
}
.mwg087-container {
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 120vh;
display: flex;
}
.mwg087-cards {
grid-column-gap: 20px;
grid-row-gap: 20px;
white-space: nowrap;
will-change: transform;
width: max-content;
padding-left: calc(100vw + 1px);
padding-right: calc(100vw + 1px);
display: flex;
}
.mwg087-card {
aspect-ratio: .75;
width: 370px;
position: relative;
}
.mwg087-card-content {
object-fit: cover;
will-change: transform;
border-radius: 20px;
width: 100%;
height: 100%;
}
.text-primary {
color: var(--swatch--brand-500);
}
.feature-container {
margin-bottom: var(--_spacing---space--7);
}
.feature-container.last-item {
margin-bottom: 0;
}
.feature-top-wrapper {
border-radius: 14px;
padding: 0;
position: relative;
}
.stats-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid var(--swatch--brand-500);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
background-color: #27193bc9;
border-radius: 14px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
min-height: 110px;
padding: 25px 20px;
display: flex;
position: absolute;
inset: auto auto 4px 4px;
}
.stats-number {
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--h4);
font-weight: var(--_typography---font--primary-medium);
}
.stats-number.counter-number {
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-200);
letter-spacing: -2px;
text-transform: uppercase;
font-size: 2rem;
line-height: .7;
}
.stats-bot {
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.stats-copy {
width: 180px;
color: var(--swatch--light-100);
font-size: 14px;
line-height: var(--_typography---line-height--small);
}
.stats-icon {
width: 24px;
}
.feature-title {
min-width: 50%;
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.feature-item {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
padding: 0 0 20px;
display: flex;
}
.feature-img {
border-radius: 14px;
max-height: 400px;
}
.feature-bot-wrapper {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.feature-bot-wrapper.verticle {
grid-column-gap: 17px;
grid-row-gap: 17px;
flex-flow: column;
}
.feature-desc {
max-width: 50%;
color: var(--_theme---button-primary-outline--text);
font-size: var(--_typography---font-size--text-small);
}
.feature-desc._100 {
max-width: 100%;
}
.feature-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.collection-list-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
display: flex;
}
.feature-list {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.feature-list.feature-list-reverse._3xcol {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.feature-works {
grid-column-gap: 54px;
grid-row-gap: 54px;
flex-flow: column;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.works-section {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
}
.filter-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.filter-title {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.filter-btn-group {
grid-column-gap: 14px;
grid-row-gap: 14px;
display: flex;
}
.filter-btn {
border: 1.6px solid var(--border-white-20);
color: var(--_text-style---text-white-60);
font-size: var(--_typography---font-size--h5);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
border-radius: 58px;
margin-bottom: 0;
padding: 11px 26px 14px;
transition: all .25s ease-in;
display: inline-block;
}
.filter-btn.is-list-active {
border-color: var(--swatch--brand-400);
background-color: var(--swatch--brand-400);
color: var(--swatch--light-100);
transition-duration: .2s;
}
.work-list {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--8);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.work-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
cursor: default;
flex-flow: column;
justify-content: space-between;
width: 100%;
padding: 0 0 20px;
display: flex;
}
.work-image {
cursor: auto;
object-fit: cover;
border-radius: 14px;
height: 300px;
}
.work-title {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.work-bot-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: default;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.work-desc {
color: var(--_text-style---light-text-bg-dark-light);
}
.work-content-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 80%;
display: flex;
}
.work-stats-wrapper {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.work-stats-number {
color: var(--swatch--light-100);
}
.work-stats-icon {
width: 24px;
}
.work-service-offering {
color: var(--swatch--light-100);
}
.services-offering-list {
opacity: 0;
position: absolute;
inset: 0% 0% auto auto;
}
.mwg070 {
margin-top: -100px;
}
.mwg070-pin-height {
height: 400vh;
}
.mwg070-container {
align-items: center;
height: 100vh;
display: flex;
overflow: hidden;
}
.mwg070-media {
aspect-ratio: auto;
object-fit: cover;
border-radius: 1.4vw;
width: 30%;
max-width: none;
position: absolute;
left: 100%;
}
.mwg011 {
position: relative;
overflow: hidden;
}
.mwg011-container {
align-items: center;
height: 100vh;
display: flex;
}
.mwg011-text {
color: var(--swatch--light-100);
white-space: nowrap;
width: max-content;
padding-left: 101vw;
padding-right: 101vw;
font-size: 20vw;
line-height: .9;
display: flex;
}
.logo-wall {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
width: 100%;
padding-left: 8rem;
padding-right: 8rem;
display: flex;
}
.logo-wall__collection {
width: 100%;
}
.logo-wall__list {
flex-flow: wrap;
display: flex;
}
.logo-wall__item {
border: 1px solid var(--swatch--stroke);
background-color: var(--swatch--dark-800);
border-radius: 1.2rem;
width: 252px;
margin: 20px;
position: relative;
}
.logo-wall__logo {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.logo-wall__logo-before {
padding-top: 66.66%;
}
.logo-wall__logo-target {
justify-content: center;
align-items: center;
width: 66.66%;
height: 40%;
display: flex;
position: absolute;
}
.logo-wall__logo-img {
object-fit: contain;
width: 100%;
height: 100%;
max-height: 100%;
}
.mwg094 {
z-index: 0;
justify-content: center;
align-items: flex-start;
overflow: hidden;
}
.mwg094.scroll-3_trigger {
padding-left: 0;
padding-right: 0;
}
.mwg094-container {
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.mwg094-text {
color: var(--swatch--light-100);
letter-spacing: -1px;
text-align: center;
font-size: 5vh;
font-weight: 500;
line-height: 1;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
}
.mwg094-cards {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
white-space: nowrap;
will-change: transform;
justify-content: flex-start;
align-items: center;
width: max-content;
padding: 0 105vw;
display: flex;
}
.mwg094-card {
border-radius: .5vw;
width: 12vw;
height: auto;
position: relative;
}
.mwg082-pin-height {
height: 400vh;
}
.mwg082-container {
perspective: 100vh;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.mwg082-media {
object-fit: contain;
aspect-ratio: 1;
opacity: 0;
width: 25vw;
max-width: none;
position: absolute;
}
.mwg082-media.width-80 {
aspect-ratio: auto;
width: 60vw;
}
.mwg093 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.mwg093-word {
color: var(--swatch--light-100);
text-align: center;
letter-spacing: -3px;
font-size: 8vw;
font-weight: 500;
line-height: 1;
display: flex;
}
.mwg093-medias {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.mwg093-media {
visibility: hidden;
width: 1px;
max-width: none;
height: 1px;
position: absolute;
}
.section-8 {
height: 431.695vh;
}
.filter-btn-wrapper {
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
margin-bottom: 0;
display: flex;
}
.filter-group {
letter-spacing: 0;
cursor: pointer;
border: 1px solid #0003;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 1rem 1.5rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.25rem;
transition: all .25s;
display: flex;
}
.filter-group:hover, .filter-group.is-list-active {
color: #fff;
background-color: #1c1c1c;
}
.filter-radio {
display: none;
}
.filter-label {
font-family: var(--_typography---font--roboto);
letter-spacing: 0;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
line-height: 100%;
}
.flick-card_client-name {
font-size: var(--_typography---font-size--h4);
line-height: var(--_typography---font-size--h3);
text-align: center;
text-transform: uppercase;
}
.case-style-hero:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47) {
padding-top: var(--_spacing---section-space--large);
padding-bottom: var(--_spacing---space--6);
background-color: var(--swatch--dark-900);
}
.case-style-hero:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
padding-top: var(--_spacing---section-space--large);
padding-bottom: var(--_spacing---space--6);
background-color: var(--swatch--light-100);
}
.case-study--category:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47) {
border: 1.6px none var(--swatch--brand-800);
background-color: var(--swatch--brand-500);
font-family: var(--_typography---font--roboto);
color: var(--swatch--dark-900);
font-size: 18px;
line-height: var(--_typography---line-height--small);
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 60px;
padding: 12px 22px;
font-weight: 600;
transition: all .2s ease-out;
display: inline-flex;
}
.case-study--category:where(.w-variant-c7c3265e-04d6-10fe-de45-0ce5b340fcfa) {
color: var(--_text-style---text-white-60);
font-size: var(--_typography---font-size--text-pill);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
border: 1.6px solid #000;
border-radius: 60px;
padding: 18px 26px;
transition: all .25s ease-in-out;
display: inline-flex;
}
.case-study--category:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
border: 1.6px none var(--swatch--brand-600);
background-color: var(--swatch--brand-200);
font-family: var(--_typography---font--roboto);
color: var(--swatch--brand-900);
font-size: 18px;
line-height: var(--_typography---line-height--small);
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 60px;
padding: 12px 22px;
font-weight: 600;
transition: all .2s ease-out;
display: inline-flex;
}
.case-study--category:hover:where(.w-variant-c7c3265e-04d6-10fe-de45-0ce5b340fcfa) {
background-color: var(--swatch--light-100);
color: var(--_theme---text-link--text);
}
.feature-stats-section:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81) {
padding-top: var(--_spacing---space--6);
padding-bottom: var(--_spacing---space--6);
background-color: var(--swatch--brand-text);
}
.feature-stats-section:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
padding-top: var(--_spacing---space--6);
padding-bottom: var(--_spacing---space--6);
background-color: var(--swatch--light-100);
}
.feature-stats-wrapper {
position: relative;
}
.feature-stats-wrapper:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-wrapper:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
display: flex;
}
.feature-stats-img {
border-radius: 14px;
}
.feature-stats-card:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81) {
grid-column-gap: 62px;
grid-row-gap: 62px;
background-image: linear-gradient(180deg, var(--swatch--brand-500), var(--swatch--brand-400));
border: 1.56px solid #ffffff03;
border-radius: 12px;
flex-flow: column;
width: fit-content;
min-width: 300px;
max-width: 100%;
padding: 32px 18px 32px 32px;
display: flex;
position: absolute;
inset: -51px -32px auto auto;
}
.feature-stats-card:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
grid-column-gap: 62px;
grid-row-gap: 62px;
background-image: linear-gradient(180deg, var(--swatch--brand-500), var(--swatch--brand-400));
border: 1.56px solid #ffffff03;
border-radius: 12px;
flex-flow: column;
width: fit-content;
max-width: 100%;
padding: 32px 18px 32px 32px;
display: flex;
position: absolute;
inset: -51px -32px auto auto;
}
.feature-stats-number:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-number:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
color: var(--swatch--light-100);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-semi-bold);
font-size: clamp(3.25rem, 5.5vw, 3.875rem);
}
.feature-stats-number.counter-number:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-number.counter-number:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
font-size: clamp(3.25rem, 5.5vw, 3.875rem);
}
.feature-stats-desc:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81) {
max-width: 190px;
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-pill);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
}
.feature-stats-desc:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
max-width: 117px;
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-pill);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
}
.feature-stats-card-bot:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-card-bot:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
justify-content: space-between;
align-items: center;
display: flex;
}
.feature-stats-icon:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-icon:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
width: 32px;
}
.feature-stats-number-container {
padding-top: var(--_spacing---section-space--small);
padding-bottom: var(--_spacing---section-space--small);
}
.feature-stats-number-container:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e) {
padding-top: var(--_spacing---space--8);
padding-bottom: var(--_spacing---space--8);
background-color: var(--swatch--brand-text);
font-size: var(--_typography---font-size--h5);
}
.feature-stats-number-container:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
padding-top: var(--_spacing---space--8);
padding-bottom: var(--_spacing---space--8);
background-color: var(--swatch--light-100);
font-size: var(--_typography---font-size--h5);
}
.feature-stats-number-wrapper:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e), .feature-stats-number-wrapper:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
flex-flow: column;
display: flex;
}
.stats-number-wrapper:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e), .stats-number-wrapper:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
justify-content: center;
align-items: flex-start;
display: flex;
}
.stats-item:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e), .stats-item:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 0 40px;
display: flex;
}
.stats-item-number:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e), .stats-item-number:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--counter);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-medium);
}
.stats-item-number.counter-number:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5), .stats-item-number.counter-number:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e) {
color: var(--swatch--brand-500);
}
.test:where(.w-variant-63d867ae-fdc5-52dc-451c-05764880f600) {
background-color: var(--swatch--light-100);
}
.heading-3:where(.w-variant-e8e61f94-e390-583e-d2d6-5602c8d355c7) {
color: var(--_theme---background);
}
.heading-3:where(.w-variant-63d867ae-fdc5-52dc-451c-05764880f600) {
color: var(--swatch--dark-800);
}
.stats-item-desc:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e), .stats-item-desc:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
max-width: 300px;
font-family: var(--_typography---font--roboto);
color: var(--_text-style---light-text-bg-dark-light);
font-size: 21px;
line-height: var(--_typography---line-height--medium);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;
}
.project-section {
padding-top: var(--_spacing---space--8);
padding-bottom: var(--_spacing---space--8);
}
.project-section:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
background-color: var(--swatch--brand-text);
}
.project-section:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
background-color: var(--swatch--light-100);
}
.project-wrapper {
grid-column-gap: 120px;
grid-row-gap: 120px;
justify-content: space-between;
display: flex;
}
.project-wrapper:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .project-wrapper:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
}
.project-info {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
display: flex;
}
.project-info:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .project-info:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
max-width: 692px;
padding-right: 46px;
}
.project-highlights:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
min-width: 540px;
max-width: 500px;
padding-top: 70px;
}
.project-highlights:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
max-width: 500px;
padding-top: 70px;
}
.project-info-categories:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .project-info-categories:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.project-info-categories--item:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
background-color: var(--swatch--brand-900);
color: var(--swatch--brand-100);
font-size: var(--_typography---font-size--text-large);
line-height: var(--_typography---line-height--medium);
font-weight: var(--_typography---font--primary-medium);
border: 1px #2c2c2c;
border-radius: 6px;
padding: 12px;
display: inline-flex;
}
.project-info-categories--item:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
background-color: var(--swatch--brand-100);
color: var(--swatch--brand-500);
font-size: var(--_typography---font-size--text-large);
line-height: var(--_typography---line-height--medium);
font-weight: var(--_typography---font--primary-medium);
border: 0 solid #2c2c2c;
border-radius: 6px;
padding: 12px;
display: inline-flex;
}
.body-text:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
color: var(--_text-style---light-text-bg-dark-light);
font-size: var(--_typography---font-size--text-large);
font-weight: var(--_typography---line-height--medium);
}
.body-text:where(.w-variant-5888ad68-b3d2-fecb-64d7-71b9be9b198f) {
color: var(--_text-style---text-white-60);
}
.body-text:where(.w-variant-b640c427-64d9-6ed0-d4bb-b18be0f7e69f) {
color: var(--_text-style---text-grey-60);
}
.body-text:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
color: var(--_text-style---light-text-bg-dark-light);
font-size: var(--_typography---font-size--text-large);
font-weight: var(--_typography---line-height--medium);
}
.btn-secondary:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .btn-secondary:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-large);
font-weight: var(--_typography---font--primary-bold);
text-transform: uppercase;
padding: 20px 14px;
display: inline-flex;
}
.btn-secondary-icon:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .btn-secondary-icon:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
width: 28px;
}
.btn-link-icon {
display: none;
}
.btn-link-icon:where(.w-variant-be1f7ba7-7ab5-99bd-5b30-ba410d4f668b) {
width: 24px;
display: block;
}
.project-highlights-title:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
font-family: var(--_text-style---font-family);
color: var(--swatch--brand-300);
font-size: var(--_typography---font-size--sub-hero);
line-height: var(--_typography---line-height--medium);
font-weight: var(--_typography---font--primary-medium);
margin-bottom: 20px;
}
.project-highlights-title:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
font-family: var(--_text-style---font-family);
color: var(--swatch--brand-500);
font-size: var(--_typography---font-size--sub-hero);
line-height: var(--_typography---line-height--medium);
font-weight: var(--_typography---font--primary-medium);
margin-bottom: 23px;
}
.project-highlights-item:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
border-bottom: 1px solid #fff3;
padding-top: 22px;
padding-bottom: 22px;
}
.project-highlights-item:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
color: var(--swatch--dark-900);
border-bottom: 1px solid #4141411a;
padding-top: 22px;
padding-bottom: 22px;
}
.project-highlights-desc:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-large);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-regular);
}
.project-highlights-desc:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
color: var(--swatch--dark-900);
font-size: var(--_typography---font-size--text-large);
line-height: var(--_typography---line-height--small);
font-weight: var(--_typography---font--primary-regular);
}
.section-small {
padding-top: var(--_spacing---space--4);
padding-bottom: var(--_spacing---space--4);
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.section-small:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8) {
background-color: var(--swatch--brand-text);
}
.section-small:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc), .section-small:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78), .section-small:where(.w-variant-4f6a1adf-7a9a-8362-b3a0-4b0380ef54bc) {
background-color: var(--swatch--light-100);
}
.gallery-container {
display: flex;
}
.gallery-container:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8), .gallery-container:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a), .gallery-container:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc), .gallery-container:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78) {
grid-column-gap: var(--_spacing---space--4);
grid-row-gap: var(--_spacing---space--4);
}
.photo-wrapper:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8) {
aspect-ratio: 1;
width: 33.3333%;
}
.photo-wrapper:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a) {
aspect-ratio: 1;
width: 50%;
}
.photo-wrapper:where(.w-variant-15c0baf1-8605-cbee-5ad8-93912ec19cb6) {
border-radius: 14px;
width: 100%;
}
.photo-wrapper:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc) {
aspect-ratio: 1;
width: 33.3333%;
}
.photo-wrapper:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78) {
aspect-ratio: 1;
width: 50%;
}
.photo-wrapper:where(.w-variant-4f6a1adf-7a9a-8362-b3a0-4b0380ef54bc) {
border-radius: 14px;
width: 100%;
}
.photo-wrapper.last-item:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a), .photo-wrapper.last-item:where(.w-variant-15c0baf1-8605-cbee-5ad8-93912ec19cb6), .photo-wrapper.last-item:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78), .photo-wrapper.last-item:where(.w-variant-4f6a1adf-7a9a-8362-b3a0-4b0380ef54bc), .photo-wrapper.second-item:where(.w-variant-15c0baf1-8605-cbee-5ad8-93912ec19cb6), .photo-wrapper.second-item:where(.w-variant-4f6a1adf-7a9a-8362-b3a0-4b0380ef54bc) {
display: none;
}
.photo-item:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8), .photo-item:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a) {
border-radius: 14px;
height: 100%;
}
.photo-item:where(.w-variant-15c0baf1-8605-cbee-5ad8-93912ec19cb6) {
border-radius: 14px;
}
.photo-item:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc), .photo-item:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78) {
border-radius: 14px;
height: 100%;
}
.photo-item:where(.w-variant-4f6a1adf-7a9a-8362-b3a0-4b0380ef54bc) {
border-radius: 14px;
}
.section-main {
padding-top: var(--_spacing---section-space--main);
padding-bottom: var(--_spacing---section-space--main);
}
.section-main:where(.w-variant-5888ad68-b3d2-fecb-64d7-71b9be9b198f), .section-main:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee), .section-main:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62) {
background-color: var(--swatch--brand-text);
}
.section-main:where(.w-variant-3763ac0d-0ceb-040c-e469-5b3958546f7e) {
background-color: var(--swatch--brand-900);
}
.section-main:where(.w-variant-b640c427-64d9-6ed0-d4bb-b18be0f7e69f), .section-main:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724), .section-main:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
background-color: var(--swatch--light-100);
}
.section-main.dark {
background-color: var(--swatch--dark-900);
color: var(--swatch--light-100);
padding-left: 0;
padding-right: 0;
}
.section-main.light {
background-color: var(--swatch--light-100);
color: var(--_text-style---text-grey);
}
.sub-section-wrapper:where(.w-variant-5888ad68-b3d2-fecb-64d7-71b9be9b198f), .sub-section-wrapper:where(.w-variant-b640c427-64d9-6ed0-d4bb-b18be0f7e69f) {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.testimonial-wrapper:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee), .testimonial-wrapper:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724) {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
flex-flow: column;
display: flex;
}
.testimonial-top:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee), .testimonial-top:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724) {
grid-column-gap: var(--_spacing---space--4);
grid-row-gap: var(--_spacing---space--4);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.testimonial-client:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee), .testimonial-client:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724) {
color: var(--_text-style---text-white-60);
font-size: var(--_typography---font-size--sub-hero);
}
.testimonial-heading:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee), .testimonial-heading:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724) {
color: var(--swatch--light-100);
font-size: clamp(2.2rem, 2.9vw, 3rem);
}
.testimonial-bot:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee), .testimonial-bot:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724) {
grid-column-gap: 22px;
grid-row-gap: 22px;
justify-content: center;
align-items: center;
display: flex;
}
.testimonial-photo:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee), .testimonial-photo:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724) {
aspect-ratio: 1;
border-radius: 100px;
width: 100%;
max-width: 80px;
}
.testimonial-name:where(.w-variant-bbb8f214-b5f6-5058-4ca9-d421aa4e91ee) {
font-family: var(--_typography---font--roboto);
color: var(--_text-style---text-white-60);
font-size: 17px;
font-weight: var(--_typography---font--primary-semi-bold);
text-transform: uppercase;
}
.testimonial-name:where(.w-variant-d229f2f2-829d-ca43-6519-9a212c75e724) {
font-family: var(--_typography---font--roboto);
color: var(--_text-style---text-grey-60);
font-size: 17px;
font-weight: var(--_typography---font--primary-semi-bold);
text-transform: uppercase;
}
.project-services-wrapper:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62), .project-services-wrapper:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.project-service-heading:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62) {
color: var(--swatch--light-100);
font-size: clamp(3.125rem, 6vw, 5rem);
}
.project-service-heading:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
color: var(--_text-style---text-grey);
font-size: clamp(3.125rem, 6vw, 5rem);
}
.services-list:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62), .services-list:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.new-wrapper {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
flex-flow: column;
display: flex;
}
.new-wrapper:where(.w-variant-3763ac0d-0ceb-040c-e469-5b3958546f7e) {
grid-column-gap: 54px;
grid-row-gap: 54px;
flex-flow: column;
display: flex;
}
.new-collection {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.new-collection:where(.w-variant-3763ac0d-0ceb-040c-e469-5b3958546f7e) {
display: block;
}
.new-list {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.new-list:where(.w-variant-3763ac0d-0ceb-040c-e469-5b3958546f7e) {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.new-item, .new-item:where(.w-variant-3763ac0d-0ceb-040c-e469-5b3958546f7e) {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.work-stats-wrapper-copy {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.service-category-list {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-flow: row;
display: flex;
}
.service-category {
opacity: .4;
font-family: var(--_typography---font--roboto);
font-size: 17px;
font-weight: var(--_typography---font--primary-semi-bold);
letter-spacing: .1em;
text-transform: uppercase;
text-decoration: none;
}
.new-title {
font-size: var(--_typography---font-size--h3);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.new-bot-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.case-study-hero-wrapper:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47), .case-study-hero-wrapper:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
grid-column-gap: var(--_spacing---space--4);
grid-row-gap: var(--_spacing---space--4);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.sub-hero:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47), .sub-hero:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
max-width: 500px;
color: var(--_text-style---light-text-bg-dark-light);
font-size: var(--_typography---font-size--sub-hero);
font-weight: var(--_typography---font--primary-regular);
text-align: center;
}
.category-pill-wrapper:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47), .category-pill-wrapper:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
margin-top: var(--_spacing---space--2);
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
display: flex;
}
.feature-img-wrapper {
width: 100%;
}
.transition__panel-2 {
color: #201d1d;
background-color: currentColor;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 100%;
left: 0;
}
.mwg093-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
height: 100dvh;
display: grid;
}
.mwg093-word-2 {
color: var(--swatch--light-100);
font-size: 10vw;
line-height: 1;
display: flex;
}
.mwg093-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
height: 100dvh;
display: grid;
}
.mwg093-word-3 {
color: var(--swatch--light-100);
font-size: 10vw;
line-height: 1;
display: flex;
}
.mwg097 {
padding-top: 50vh;
padding-bottom: 50vh;
}
.mwg097.scroll-3_trigger {
padding-left: 0;
padding-right: 0;
}
.mwg097-container {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.mwg097-paragraph {
color: #757575;
width: 60%;
margin-left: auto;
margin-right: auto;
font-size: 2.7rem;
font-weight: 400;
line-height: 1;
}
.mwg097-paragraph.accent {
color: #ffffff4a;
letter-spacing: 0;
}
.ai-sub {
font-family: var(--_typography---font--roboto);
color: var(--swatch--brand-500);
text-transform: uppercase;
font-size: 26px;
font-weight: 500;
}
.ai-header {
color: var(--swatch--light-100);
letter-spacing: -3px;
font-size: 80px;
}
.mwg061 {
perspective: 45vw;
position: relative;
overflow: hidden;
}
.mwg061-container {
width: 100%;
height: 40dvh;
transform-style: preserve-3d;
transform-origin: 50%;
will-change: transform;
}
.mwg061-media {
object-fit: cover;
width: 20vw;
max-width: none;
height: 20vw;
transform-origin: 50% 0 50vw;
border-radius: 1vw;
display: block;
position: absolute;
top: calc(50% - 10vw);
left: calc(50% - 10vw);
}
.radiocheck-field-icon {
opacity: 0;
pointer-events: none;
color: #cbc8c5;
-webkit-user-select: none;
user-select: none;
border-radius: .375em;
justify-content: center;
align-items: center;
width: 3.5em;
max-height: 3.5em;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: absolute;
top: 1px;
right: 1px;
}
.radiocheck-field-icon.is--error {
color: #ff4c24;
}
.form-label {
width: 100%;
color: var(--swatch--light-100);
margin-bottom: 0;
font-size: .875em;
font-weight: 500;
line-height: 1;
}
.form-field-group {
grid-column-gap: .75em;
grid-row-gap: .75em;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.form-inactive-text {
opacity: .35;
margin-left: auto;
padding-left: .5em;
}
.radiocheck-custom {
pointer-events: none;
color: #efeeec;
-webkit-user-select: none;
user-select: none;
background-color: #efeeec;
border: 1px solid #131313;
border-radius: .125em;
order: -1;
justify-content: center;
align-items: center;
width: 1.25em;
height: 1.25em;
margin-top: .066em;
margin-right: .75em;
display: flex;
position: absolute;
}
.radiocheck-custom.is--radio {
border-radius: 50%;
}
.radiocheck-group {
grid-column-gap: .75em;
grid-row-gap: .75em;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.radio-input {
cursor: pointer;
width: 0;
height: 0;
margin-top: 0;
margin-left: 0;
position: absolute;
}
.form-field-icon {
opacity: 0;
pointer-events: none;
color: #cbc8c5;
-webkit-user-select: none;
user-select: none;
border-radius: .375em;
justify-content: center;
align-items: center;
width: 3.5em;
max-height: 3.5em;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
}
.form-field-icon.is--error {
color: #ff4c24;
}
.form-field-icon.is--select {
right: 1.75em;
}
.form-submit-btn {
outline-offset: 0px;
color: #efeeec;
cursor: pointer;
background-color: #131313;
border: 1px solid #131313;
border-radius: .375rem;
outline: 0 #0000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: 1.005em 1.125em;
display: flex;
position: relative;
overflow: hidden;
box-shadow: inset 0 0 #0000;
}
.form-submit-btn:focus {
outline-offset: 0px;
border-width: 1px;
border-color: #cbc8c5;
outline-color: #131313;
}
.form {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-flow: column;
width: 100%;
display: flex;
}
.form-input {
outline-offset: 0px;
color: #131313;
appearance: none;
box-sizing: border-box;
vertical-align: middle;
background-color: #efeeec;
border: 1px solid #efeeec;
border-radius: .328125em;
outline: 0 #0000;
height: auto;
margin-bottom: 0;
padding: .9em 3.5em .9em 1em;
font-size: 1.125em;
font-weight: 500;
line-height: 1.2;
box-shadow: 0 0 #0000;
}
.form-input:focus {
border-color: #cbc8c5;
}
.form-input::placeholder {
color: #1313134d;
background-color: #efeeec;
}
.form-input.is--textarea {
resize: vertical;
min-height: 9em;
}
.form-notification-bg {
opacity: .1;
pointer-events: none;
color: inherit;
background-color: currentColor;
border-radius: calc(.375rem - 2px);
display: flex;
position: absolute;
inset: 0;
}
.radio-dot {
width: .375em;
height: .375em;
color: inherit;
background-color: currentColor;
border-radius: 50%;
}
.radiocheck-check-svg {
width: 1.5em;
position: absolute;
}
.form-field-chevron {
pointer-events: none;
color: #131313;
-webkit-user-select: none;
user-select: none;
border-radius: .375em;
justify-content: center;
align-items: center;
width: 3.5em;
max-height: 3.5em;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
}
.form-notification-icon {
pointer-events: none;
width: 3.5em;
color: inherit;
justify-content: center;
align-items: center;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.radiocheck-label {
color: #131313;
cursor: pointer;
flex-grow: 1;
margin-bottom: 0;
padding-left: 1.8em;
font-size: 1.125em;
font-weight: 500;
line-height: 1.2;
}
.radiocheck-label.is--small {
flex-grow: 1;
padding-left: 2em;
font-size: 1em;
}
.form-required {
color: #ff4c24;
}
.form-group {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
width: 25em;
color: var(--swatch--light-200);
flex-flow: column;
margin-bottom: 0;
display: flex;
}
.form-notifcation {
outline-offset: 0px;
color: #0ba954;
text-align: left;
border: 1px solid #0ba954;
border-color: inherit;
background-color: #efeeec;
border-radius: .375rem;
outline: 0 #0000;
width: 100%;
padding: 1.125em;
font-size: 1em;
position: relative;
}
.form-notifcation.is--error {
color: #ff4c24;
margin-top: 0;
padding-right: 3.5em;
}
.form-submit {
visibility: hidden;
opacity: 0;
position: absolute;
inset: 0;
}
.radiocheck-field {
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
}
.form-divider {
opacity: .15;
background-color: #131313;
width: 100%;
height: 1px;
}
.form-field {
width: 100%;
position: relative;
}
.form-notification-p {
color: inherit;
font-size: 1.125em;
font-weight: 500;
}
.form-submit-btn-p {
margin-bottom: 0;
font-size: 1.125em;
font-weight: 500;
line-height: 1.2;
}
.checkbox-input {
cursor: pointer;
width: 0;
height: 0;
margin-top: 0;
margin-left: 0;
position: absolute;
}
.checkbox-text {
margin-bottom: 0;
font-weight: 400;
}
.button-bg-6 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #191818;
border: 1px solid #f7f7f214;
border-radius: 16px;
transition: background-color .3s;
position: absolute;
inset: 0%;
box-shadow: 0 -1px #f7f7f229, 0 1px #f7f7f214;
}
.button-bg-6:hover {
background-color: #191818e0;
border-color: #f7f7f214;
}
.button-bg-6.is-dark {
background-color: #f7f7f2;
}
.button-bg-6.is-dark:hover {
background-color: #f7f7f2e0;
}
.contact-form-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 100%;
display: flex;
}
.checkbox-contact {
background-color: #19181814;
border: 1px solid #19181814;
border-radius: 16px;
flex: none;
width: 24px;
height: 24px;
margin-top: 0;
}
.checkbox-contact.w--redirected-checked {
background-color: #1e1c1b;
background-image: none;
background-position: 50%;
background-size: cover;
border-color: #19181814;
}
.checkbox-contact.is-light {
background-color: #f7f7f214;
border-color: #f7f7f214;
}
.main-container-10 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.master-service-contact {
max-width: 912px;
margin-left: auto;
margin-right: auto;
}
.headline-contact-services {
text-align: center;
margin-bottom: 64px;
}
.icon-select {
color: #1e1c1b;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.section-9 {
z-index: 2;
color: #191818e0;
background-color: #f7f7f2;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-9.services-contact-section {
color: #f7f7f2e0;
background-color: #191818;
padding-top: 160px;
padding-bottom: 160px;
}
.input-halves {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
}
.form-contact {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
width: 100%;
display: flex;
}
.select-field-overlay {
pointer-events: none;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
padding-left: 16px;
padding-right: 16px;
display: flex;
position: absolute;
inset: 0%;
}
.input-relative {
width: 100%;
position: relative;
}
.text-small-3 {
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.checkbox {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #191818;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 10px;
display: flex;
}
.checkbox.is-light {
color: #f7f7f2;
}
.error-message-3 {
color: #f7f7f2;
text-align: center;
background-color: #c94040;
border-radius: 12px;
}
.contact-form-top-tile {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.form-block {
background-color: #efede7;
border-radius: 12px;
margin-bottom: 0;
padding: 32px;
}
.form-block.is-dark {
color: #f7f7f2e0;
background-color: #1e1c1b;
}
.text-field-4 {
color: #1918187a;
letter-spacing: 0;
appearance: none;
background-color: #19181814;
border: 1px solid #19181814;
border-radius: 8px;
width: 100%;
height: auto;
margin-bottom: 0;
padding: 12px 16px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.text-field-4:focus {
color: #191818;
background-color: #19181814;
border-color: #1918187a;
}
.text-field-4:focus-visible, .text-field-4[data-wf-focus-visible] {
color: #191818;
background-color: #19181829;
border-color: #1918187a;
}
.text-field-4::placeholder {
color: #191818a3;
}
.text-field-4.is-light {
color: #f7f7f27a;
background-color: #f7f7f214;
}
.text-field-4.is-light::placeholder {
color: #f7f7f27a;
}
.text-field-4.textarea-contact-a {
height: 149px;
}
.contact-form-bottom-tile {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.button-text-mask-4 {
pointer-events: none;
flex: none;
height: 24px;
overflow: hidden;
}
.cta-main-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #f7f7f2;
letter-spacing: 0;
cursor: pointer;
border-radius: 16px;
flex: none;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
}
.cta-main-5.is-dark {
color: #191818;
}
.text-underline-2 {
color: #191818;
text-decoration: underline;
}
.text-underline-2.is-light {
color: #f7f7f2;
}
.label-large-2 {
letter-spacing: 1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-end;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.success-message-2 {
background-color: var(--swatch--brand-200);
color: #1a1a17;
border: 1px #1a1a1729;
border-radius: 8px;
padding-top: 40px;
padding-bottom: 40px;
}
.text-h6 {
width: 100%;
color: var(--swatch--dark-800);
letter-spacing: -.5px;
font-size: 24px;
font-weight: 500;
line-height: 28px;
}
.link-dark-underline {
color: #1a1a17;
text-decoration: underline;
}
.contact-form-bottom-tile-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.checkbox-text-2 {
margin-bottom: 0;
}
.input-halves-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
}
.text-small-4 {
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.contact-form-bottom-left {
flex-flow: column;
display: flex;
}
.section-10 {
z-index: 2;
background-color: #f4f3ea;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-10.hero-contact-b-section {
background-color: var(--swatch--light-100);
color: var(--swatch--light-100);
padding-top: 10px;
padding-bottom: 120px;
overflow: clip;
}
.section-10.hero-contact-b-section.scroll-3_trigger {
background-color: var(--swatch--dark-900);
}
.section-10.hero-contact-b-section.scroll-3_trigger.hide {
display: none;
}
.label-small-8 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 12px;
}
.input-wrap-contact {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
display: flex;
}
.eyebrow-circle {
background-color: #b6e400;
border-radius: 100vw;
width: 8px;
height: 8px;
}
.eyebrow {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #3f403c;
justify-content: flex-start;
align-items: center;
display: inline-flex;
}
.text-field-5 {
color: #1a1a17;
background-color: #e6e8ddcc;
border: 1px solid #0000;
border-radius: 8px;
width: 100%;
height: auto;
margin-bottom: 0;
padding: 12px 16px;
font-size: 16px;
line-height: 24px;
}
.text-field-5:focus {
color: #1a1a17;
border-color: #b6e400;
}
.text-field-5::placeholder {
color: #1a1a177a;
}
.text-field-5.light {
background-color: var(--swatch--light-100);
border-radius: 30px;
}
.text-field-5.light.select {
color: #1a1a177a;
appearance: none;
}
.text-field-5.light.textarea {
min-height: 237px;
}
.dots {
z-index: 0;
pointer-events: none;
width: 1440px;
max-width: none;
height: 1080px;
margin-left: 50%;
margin-right: 50%;
display: block;
position: absolute;
inset: 0% 0% auto;
transform: translate(-50%);
}
.master-contact-b {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
max-width: 880px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.form-block-2 {
border: 1px none var(--swatch--stroke);
background-color: var(--swatch--light-200);
border-radius: 16px;
margin-bottom: 0;
padding: 48px 48px 28px;
}
.form-contact-2 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: column;
display: flex;
}
.checkbox-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 10px;
display: flex;
}
.checkbox-contact-2 {
border: 1px solid #1a1a1729;
border-radius: 8px;
flex: none;
width: 24px;
height: 24px;
margin-top: 0;
}
.text-h1-4 {
z-index: 1;
letter-spacing: -2.5px;
font-family: Merriweather, serif;
font-size: 60px;
font-weight: 400;
line-height: 64px;
}
.cta-main-6 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #1a1a17;
letter-spacing: 0;
cursor: pointer;
border-radius: 32px;
flex: none;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
transition: color 1s;
display: flex;
position: relative;
}
.cta-main-6.submit {
background-color: #b6e400;
}
.main-container-11 {
z-index: 2;
width: 100%;
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.headline-contact-b {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 660px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.contact-form-inner-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.error-message-4 {
color: #f4f3ea;
text-align: center;
background-color: #c9372d;
border-radius: 8px;
}
.flex-block-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
padding-bottom: 0;
}
.image-7:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
filter: brightness(0%);
}
.client-logo-card {
filter: brightness(200%);
max-width: 60%;
}
.paid-ads-hero {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 60vw;
display: flex;
}
.paid-ads-hero.mwg082-media.hero-section-text {
width: 100%;
}
.mwg078 {
margin-top: -440px;
}
.mwg078-pin-height {
height: 600vh;
}
.mwg078-container {
perspective: 90vw;
height: 100vh;
overflow: hidden;
}
.mwg078-media {
object-fit: contain;
aspect-ratio: 1;
width: 14vw;
max-width: none;
position: absolute;
top: 0;
right: 100%;
}
.media {
border-radius: .5em;
width: 100%;
height: 100%;
position: relative;
}
.media.mwg078-media {
width: 14vw;
}
.aspect-ratio {
padding-top: 133.333%;
}
.cover-media {
border-radius: inherit;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cover-placeholder {
text-align: center;
border-radius: inherit;
background-color: #80808026;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 1em;
display: flex;
position: absolute;
top: 0;
left: 0;
container-type: inline-size;
}
.cover-placeholder__p {
margin-bottom: 0;
font-size: 5cqw;
}
.cover-video {
object-fit: cover;
border-radius: inherit;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cover-image-2 {
object-fit: cover;
border-radius: inherit;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.div-block-7 {
height: 20vh;
}
.transition__panel-3 {
color: #201d1d;
background-color: currentColor;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 100%;
left: 0;
}
.svg {
flex-flow: row;
display: flex;
}
.svg-2 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.sitckly-section {
z-index: 2;
position: sticky;
top: 0;
}
.spacer {
height: 150vh;
}
.background-zoom__start {
aspect-ratio: 1;
border-radius: 16em;
width: 16em;
position: relative;
}
.background-zoom__content {
border-radius: inherit;
will-change: width, height, transform;
background-color: #aba994;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: hidden;
}
.background-zoom__end {
width: 100vw;
height: 100dvh;
}
.background-zoom__h {
text-align: center;
letter-spacing: -.04em;
max-width: 7em;
margin-top: 0;
margin-bottom: -.375em;
font-size: 7.5em;
font-weight: 400;
line-height: .95;
}
.background-zoom__h.is--margin-top {
margin-top: 33dvh;
}
.background-zoom__img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.background-zoom__h1-span {
color: #aba994;
}
.background-zoom__play {
width: 4em;
height: 4em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.background-zoom {
color: #f4f4f4;
background-color: #353d35;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 100svh;
padding-top: calc(50dvh - 15em);
padding-left: 1em;
padding-right: 1em;
display: flex;
overflow: clip;
}
.background-zoom__text {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: column;
align-items: center;
width: 100%;
padding-bottom: calc(50dvh - 12em);
display: flex;
position: relative;
}
.background-zoom__pod {
color: #ff4800;
text-align: center;
letter-spacing: -.02em;
width: 100%;
font-size: 1.25em;
font-weight: 900;
line-height: 1;
position: absolute;
top: 1.25em;
}
.background-zoom-after__pod {
color: #ff4800;
text-align: center;
letter-spacing: -.02em;
width: 100%;
font-size: 1.25em;
font-weight: 900;
line-height: 1;
position: absolute;
bottom: 1.25em;
}
.background-zoom__play-svg {
width: 100%;
}
.background-zoom__dark {
opacity: 0;
background-color: #0d0f0d;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.background-zoom-after {
color: #353d35;
width: 100%;
min-height: 100dvh;
font-size: var(--size-font);
background-color: #f4f4f4;
justify-content: center;
align-items: center;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: relative;
}
.scaling-element__big-box {
border-radius: 1em;
width: 100%;
position: relative;
}
.scaling-element__small-box {
border-radius: 1em;
width: 20em;
position: relative;
}
.scaling-video__wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.scaling-element-header__h1 {
text-align: center;
max-width: 9em;
margin-top: 0;
margin-bottom: .25em;
font-size: 7em;
font-weight: 500;
line-height: 1;
}
.scaling-video__video {
object-fit: cover;
border-radius: 1em;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
}
.scaling-element-video {
grid-column-gap: 25vh;
grid-row-gap: 25vh;
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 0;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: relative;
}
.scaling-video {
background-color: var(--swatch--brand-900);
will-change: transform;
isolation: isolate;
border-radius: 1em;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
transform: translateX(0)rotate(.001deg);
}
.scaling-element-header {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 25vh 5vw 20vh;
display: flex;
position: relative;
}
.scaling-element-header__eyebrow {
color: #9d420a;
text-transform: uppercase;
font-size: 1.25em;
font-weight: 400;
}
.scaling-video__svg {
color: #fff;
mix-blend-mode: overlay;
width: 6.25em;
position: absolute;
}
.scaling-video__before {
padding-top: 56.25%;
}
.resource-wrapper {
position: relative;
overflow: hidden;
}
.demo-card__tag-2 {
position: absolute;
top: 2em;
left: 2em;
}
.gsap-slider-2 {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.gsap-slider__control-2 {
font-family: var(--_typography---font--roboto);
color: #efeeec;
font-size: 1em;
font-weight: var(--_typography---font--primary-semi-bold);
text-transform: uppercase;
background-color: #131313;
border: 1px solid #2c2c2c;
border-radius: 5em;
padding: .75em 1.5em;
}
.before__125-2 {
padding-top: 125%;
}
.demo-card-3 {
background-color: #2c2c2c;
border: 1px solid #2c2c2c;
border-radius: 1.5em;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-106 {
z-index: 1;
aspect-ratio: 1;
width: 100%;
position: relative;
}
.bg-video {
object-fit: cover;
border-radius: 8px;
width: auto;
height: 100%;
position: absolute;
}
.bg-video.radius-8px {
aspect-ratio: 1;
border-radius: var(--radius--small);
border-radius: 8px;
width: 100%;
position: static;
}
.what-we-do-video {
z-index: 1;
aspect-ratio: 1;
border-radius: var(--radius--small);
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.image-cover-3 {
z-index: 1;
box-sizing: border-box;
object-fit: fill;
border-radius: 20px;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 50%;
display: flex;
}
.div-block-107 {
aspect-ratio: 1;
width: 100%;
overflow: hidden;
}
.image-cover-4 {
z-index: 1;
box-sizing: border-box;
aspect-ratio: 1;
object-fit: fill;
border-radius: 20px;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.what-we-do-lotie {
box-sizing: border-box;
aspect-ratio: 1;
width: 100%;
overflow: hidden;
}
.image-cover-5 {
z-index: 1;
box-sizing: border-box;
object-fit: fill;
border-radius: 20px;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.sticky-steps__h2 {
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: min(5.5em, 15vw);
font-weight: 400;
line-height: .9;
}
.sticky-steps__cover-image {
object-fit: cover;
border-radius: 50px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.sticky-steps__media {
width: 50%;
height: 100%;
padding-left: 0;
position: absolute;
top: 0;
right: 0;
}
.sticky-steps__p {
opacity: .6;
margin-bottom: 0;
font-size: min(1.4375em, 5vw);
line-height: 1.4;
}
.sticky-steps__container {
max-width: 74em;
margin-left: auto;
margin-right: auto;
padding-left: 1.5em;
padding-right: 1.5em;
}
.sticky-steps {
min-height: 100dvh;
position: relative;
overflow: clip;
}
.sticky-steps__text {
grid-column-gap: .7em;
grid-row-gap: .7em;
width: 50%;
color: var(--swatch--light-100);
flex-flow: column;
padding-right: 6em;
display: flex;
}
.sticky-steps__eyebrow {
opacity: .5;
text-transform: uppercase;
font-size: 1.3125em;
font-weight: 700;
}
.sticky-steps__sticky {
align-items: center;
width: 100%;
min-height: 100dvh;
display: flex;
position: sticky;
top: 0;
}
.sticky-steps__visual {
aspect-ratio: 1;
border: 2px solid var(--swatch--brand-700);
border-radius: 2.1em;
width: 100%;
position: relative;
overflow: clip;
}
.sticky-steps__list {
grid-column-gap: 30dvh;
grid-row-gap: 30dvh;
flex-flow: column;
flex: 1;
padding-top: calc(50dvh - 7.5em);
padding-bottom: calc(50dvh - 7.5em);
display: flex;
}
.sticky-steps__collection {
min-height: 100dvh;
display: flex;
position: relative;
}
.demo-card__info {
width: 100%;
padding: .75em .5em .375em;
}
.demo-card__media-before {
padding-top: 62.5%;
}
.demo-card__media {
border-radius: .1875em;
width: 100%;
position: relative;
}
.cover-image-3 {
object-fit: cover;
border-radius: inherit;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.demo-card__visual {
width: 100%;
}
.demo-card-4 {
color: #f4f4f4;
background-color: #201d1d;
border-radius: .375em;
width: 18.125em;
padding: .5em;
}
.demo-card__h {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: .8125em;
font-weight: 400;
line-height: 1.2;
}
._2-col-service {
grid-column-gap: 67px;
grid-row-gap: 100px;
width: 100%;
height: 100%;
color: var(--swatch--dark-800);
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
align-content: end;
display: grid;
}
.u-heading-dark {
color: var(--swatch--dark-800);
}
.text-light {
color: var(--swatch--light-200);
}
.mwg031 {
grid-column-gap: var(--_spacing---space--1);
grid-row-gap: var(--_spacing---space--1);
padding-top: 6rem;
position: relative;
overflow: hidden;
}
.mwg031.u-container {
grid-column-gap: 2em;
grid-row-gap: 2em;
}
.mwg031-slide {
height: auto;
}
.mwg031-content-wrapper {
perspective: 250vw;
width: 100%;
height: 100%;
}
.mwg031-content {
background-color: var(--swatch--brand-300);
height: 100%;
transform-style: preserve-3d;
transform-origin: 50% 10%;
border-radius: 2rem;
padding: 3rem;
position: relative;
inset: 0;
box-shadow: 3px 3px 30px #00000024;
}
.mwg031-content.mid-light {
background-color: var(--swatch--light-200);
}
.mwg031-content.dark-purple {
background-color: var(--swatch--brand-400);
}
.mwg031-content.is_yellow {
background-color: var(--swatch--yellow);
}
.mwg031-text {
font-size: 10.5vw;
line-height: 1;
}
.flex-block-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-start;
height: 100%;
}
.heading-4 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.heading-5 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.flex-block-8 {
grid-column-gap: 24px;
grid-row-gap: 24px;
width: 100%;
height: 100%;
padding: 30px;
}
.flex-block-8:where(.w-variant-f285a989-c8e9-d93a-1d65-1810a5b864ce) {
width: 100%;
padding: 30px;
}
.flex-block-8:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
background-color: #a78bfa;
background-image: linear-gradient(180deg, var(--swatch--brand-500), var(--swatch--brand-800));
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.dbl-icon-bottom {
object-fit: contain;
width: 100%;
height: auto;
padding-left: 20px;
padding-right: 20px;
}
.flex-block-9 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
}
.flex-block-9:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
grid-column-gap: 23px;
grid-row-gap: 23px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.flex-block-9:where(.w-variant-0f001932-6ea4-43c1-c207-04241522c329) {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.flex-block-9:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.text-colour-50 {
opacity: .74;
color: var(--swatch--brand-500);
-webkit-text-stroke-color: var(--swatch--brand-500);
}
.heading-6 {
color: var(--swatch--light-200);
}
.heading-6:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.demo-card__tag-bg-light {
grid-column-gap: 19px;
grid-row-gap: 19px;
border: 0px none var(--swatch--stroke);
border-radius: 1em;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 0;
display: flex;
}
.demo-card__tag-bg-light:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.demo-card__tag-bg-light.bottom {
top: auto;
bottom: 2em;
right: 2em;
}
.testimonial-head {
color: var(--swatch--light-200);
padding-bottom: 20px;
}
.testimonial-head.top {
padding-top: 20px;
}
.padding-global-proper {
cursor: pointer;
margin-top: 100px;
margin-bottom: 100px;
padding-left: 5%;
padding-right: 5%;
}
.cs_section {
position: relative;
}
.tm_card_wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--swatch--brand-500);
border-radius: var(--radius--main);
background-color: #1a1523;
flex-flow: column;
grid-template-rows: .25fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
padding: 1.75rem;
transition: all .25s ease-in-out;
}
.tm_card_wrap.overflow-hidden {
overflow: hidden;
}
.g-rating-stars-wrapper {
grid-column-gap: 2px;
grid-row-gap: 2px;
align-items: center;
display: flex;
}
.card-m-footer-testimonial {
border-top: 1px solid #ffffff1a;
padding-top: 20px;
}
.icon-embed-xsmall-proper {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.2rem;
height: 1.2rem;
display: flex;
}
.text-medium {
font-family: var(--_typography---font--primary-family);
font-size: 1.125rem;
line-height: 150%;
}
.text-medium.semi-bold {
font-weight: 600;
}
.text-align-center-proper {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.h2-m {
letter-spacing: -.2rem;
margin-top: 0;
margin-bottom: 0;
font-size: 4.5rem;
font-weight: 600;
line-height: 116.5%;
}
.tm_layout {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: start stretch;
display: grid;
position: relative;
}
.gradient-h-span {
text-shadow: 0 10px 100px #9747ff;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(67deg, #9747ff, #5b2b99);
-webkit-background-clip: text;
background-clip: text;
box-shadow: 0 2px 5px #0003;
}
.testimonial-master-name-txt {
font-family: var(--_typography---font--roboto);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small-proper {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr .4fr;
grid-auto-columns: 1fr;
margin-bottom: 1rem;
}
.margin-bottom.margin-medium-proper {
margin: 0 0 3rem;
}
.margin-bottom.margin-large-proper {
margin: 0 0 5rem;
}
.padding-section-large-proper {
padding-top: 0;
padding-bottom: 4rem;
}
.card-m-head {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-bottom: 20px;
display: flex;
}
.card-m-head.testimonial-ver {
color: var(--swatch--light-200);
flex-flow: row;
align-items: center;
margin-bottom: 0;
}
.card-m-head.testimonial-ver.no-margin {
margin-bottom: 0;
}
.card-m-head.flex-horizontal {
flex-flow: row;
align-items: center;
margin-bottom: 0;
}
.card-m-head.stat-ver {
margin-bottom: 0;
}
.card-m-head.is-tab-ver {
flex-flow: row;
align-items: center;
margin-bottom: 0;
}
.card-m-head.stat-ver {
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
}
.big-type {
cursor: pointer;
}
.container-large {
cursor: pointer;
width: 100%;
max-width: 90rem;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.container-large.is-relative {
max-width: 100%;
}
.circle-headshot-m {
aspect-ratio: 1;
object-fit: cover;
object-position: 50% 0%;
border-radius: 100%;
flex-flow: column;
align-items: stretch;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
display: flex;
overflow: hidden;
}
.circle-headshot-m.is-smaller-ver {
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
}
.text-weight-light {
font-weight: 300;
}
.card-m-padding {
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 40px;
display: flex;
}
.testimonial--main-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.testimonial-style-rich-txt {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--light-100);
-webkit-text-stroke-color: var(--swatch--light-200);
font-size: 15px;
line-height: 1.3;
}
.testi-g-star-margin-m {
margin-bottom: 20px;
}
.icon-embed-medium-proper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.btn-flat {
text-align: center;
background-color: #833aff;
border: 2px solid #833aff;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 10px 2rem;
font-size: 1rem;
font-weight: 400;
line-height: 140%;
transition: all .3s;
}
.btn-flat:hover {
background-color: #5900d6;
border-color: #5900d6;
}
.btn-flat:active {
background-color: #6b01ff;
border-color: #6b01ff;
}
.btn-flat.no-cursor {
cursor: none;
}
.g-rating {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
font-size: 26px;
display: inline-flex;
}
.testimonial-container {
padding: 40px;
}
.testimonial-main-container {
grid-column-gap: 42px;
grid-row-gap: 42px;
border: 0px none var(--swatch--stroke);
background-color: var(--swatch--brand-900);
border-radius: 1em;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 0;
display: flex;
}
.testimonial-main-container.bottom {
top: auto;
bottom: 2em;
right: 2em;
}
.heading-7 {
font-family: var(--_typography---font--primary-family);
}
.accent-light {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--brand-300);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.heading-8 {
font-family: var(--_typography---font--primary-family);
}
.name {
line-height: 1.2;
}
.paragraph {
font-family: var(--_typography---font--primary-family);
-webkit-text-stroke-color: var(--swatch--light-200);
}
.demo-card-scroll {
border: 1px none var(--swatch--stroke);
background-color: var(--swatch--dark-800);
height: auto;
min-height: 400px;
color: var(--swatch--light-100);
border-radius: 1em;
justify-content: center;
align-items: center;
padding: 20px 40px 40px;
display: flex;
position: relative;
overflow: hidden;
}
.first-name {
font-family: var(--_typography---font--primary-family);
text-transform: none;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
}
.mwg044 {
position: relative;
}
.mwg044-containers {
pointer-events: none;
height: auto;
position: relative;
}
.mwg044-line {
grid-column-gap: 23px;
grid-row-gap: 23px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.mwg044-img {
aspect-ratio: auto;
object-fit: contain;
border-radius: .5vw;
width: 14vw;
}
.mwg044-root {
padding-bottom: .5rem;
position: relative;
}
.mwg044-container {
height: 100%;
color: var(--swatch--light-100);
flex-flow: column;
justify-content: center;
align-items: center;
padding: 1rem 25px;
display: flex;
position: relative;
}
.mwg044-container.mwg044-duplicate {
width: 100%;
color: var(--swatch--brand-500);
position: absolute;
top: 0;
left: 0;
}
.mwg044-p {
font-family: var(--_typography---font--primary-family);
font-size: var(--_typography---font-size--h2);
line-height: .9;
font-weight: var(--_typography---font--primary-medium);
letter-spacing: var(--_typography---letter-spacing--tight);
text-transform: none;
}
.mwg095 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
height: 100dvh;
display: grid;
overflow: hidden;
}
.mwg095-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.mwg095-container._4-col {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mwg095-media {
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 12vw;
display: flex;
transform: scale(1.1);
}
.mwg095-media-img {
border-radius: .5vw;
max-width: none;
display: block;
}
.mwg035 {
color: var(--swatch--light-100);
border-bottom: 1px solid #000;
flex-flow: column;
justify-content: center;
align-items: flex-start;
font-size: 16px;
line-height: 1;
display: flex;
position: relative;
}
.mwg035-ul {
border-bottom: 1px solid #000;
flex-flow: column;
width: 100%;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.mwg035-li {
border-top-style: solid;
border-top-width: .5px;
border-top-color: var(--swatch--light-100-o20);
border-right-style: none;
border-right-width: .5px;
border-right-color: var(--swatch--light-100-o20);
border-bottom-style: solid;
border-bottom-width: .5px;
border-bottom-color: var(--swatch--light-100-o20);
border-left-style: none;
border-left-width: .5px;
border-left-color: var(--swatch--light-100-o20);
flex-flow: column;
flex: 45px;
justify-content: center;
align-items: stretch;
min-height: 10rem;
display: flex;
position: relative;
overflow: hidden;
}
.mwg035-li.mwg035-li-first {
flex: 122px;
justify-content: center;
align-items: stretch;
min-height: 12rem;
}
.mwg035-medias {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: absolute;
top: 50%;
right: 25px;
overflow: hidden;
transform: translate(0, -50%);
}
.mwg035-media {
aspect-ratio: 12.6 / 18.7;
object-fit: cover;
border-radius: 4%;
width: auto;
min-width: 8rem;
max-width: 8rem;
height: auto;
min-height: 12rem;
max-height: 12rem;
position: relative;
transform: translate(0, 100%);
}
.mwg035-media.media_wide {
min-width: 14rem;
max-width: 14rem;
}
.stat {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.mwg035_inner_content {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.hero-heading-left {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-3 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px {
margin-bottom: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.shadow-two {
box-shadow: 0 4px 24px #96a3b514;
}
.service_pill {
background-color: var(--swatch--light-100);
font-size: var(--_typography---font-size--text-small);
border-radius: 80px;
justify-content: center;
align-items: center;
padding: .4rem .75rem;
display: flex;
}
.service_pill:where(.w-variant-37fe8d4b-3d1b-e3a6-b6fe-3db958d8c033) {
background-color: var(--swatch--brand-100);
}
.service_pill:where(.w-variant-fdb3bce2-9ff6-a81b-e134-0929afaab8fd) {
background-color: var(--swatch--brand-200);
}
.service_pill.bran-100 {
background-color: var(--swatch--brand-100);
}
.service-pill-container {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: wrap;
display: flex;
}
.stat-service-card {
background-color: var(--swatch--brand-100);
border-radius: 10px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-height: 170px;
padding: 18px;
display: flex;
}
.stat-service-card:where(.w-variant-37fe8d4b-3d1b-e3a6-b6fe-3db958d8c033) {
background-color: var(--swatch--brand-100);
}
.stat-service-card:where(.w-variant-fdb3bce2-9ff6-a81b-e134-0929afaab8fd) {
background-color: var(--swatch--brand-200);
}
.stat-service-card.bran-100 {
background-color: var(--swatch--brand-100);
}
.stat-service-card.brand-200 {
background-color: var(--swatch--brand-200);
}
.flex-block-11 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.service-image {
width: 112px;
}
.dbl-eyebrow {
font-family: var(--_typography---font--roboto);
font-size: var(--_typography---font-size--text-small);
font-weight: var(--_typography---font--primary-bold);
letter-spacing: .05em;
text-transform: uppercase;
}
.lottie-animation-2 {
border-radius: 30px;
display: flex;
position: static;
overflow: hidden;
}
.div-block-108 {
height: 100%;
}
.span:where(.w-variant-fdb3bce2-9ff6-a81b-e134-0929afaab8fd) {
font-size: 14px;
}
.btn_img_wrap {
justify-content: flex-start;
align-items: center;
display: flex;
}
.btn_img_block {
border: var(--border-width--main) solid var(--_button-styles---button-primary--background);
width: 2rem;
height: 2rem;
transition: border-color .3s;
}
.btn_img_block.u-radius-round.u-overflow-hidden.btn_img_block_2 {
position: relative;
left: -.4rem;
}
.btn_img_block.u-radius-round.u-overflow-hidden.btn_img_block_3 {
position: relative;
left: -.8rem;
}
.tm_collection_list {
grid-column-gap: var(--_spacing---space--4);
grid-row-gap: var(--_spacing---space--4);
flex-flow: column;
display: flex;
}
.tm_card_star_icon {
width: 1.25rem;
height: 1.25rem;
color: var(--swatch--brand-500);
display: flex;
}
.tm_card_title {
color: var(--swatch--brand-200);
}
.tm_rich_text, .tm_name_block {
font-size: var(--_typography---font-size--text-small);
}
.tm_img_block {
height: 100%;
}
.tm_img_wrap {
border: var(--border-width--main) solid var(--swatch--brand-500);
width: 2.75rem;
min-width: 2.75rem;
height: 2.75rem;
min-height: 2.75rem;
}
.tm_name_block_comma {
font-size: var(--_typography---font-size--text-small);
}
.tm_name_block_comma.u-color-faded.u-weight-regular.u-display-inline-block {
margin-right: .25rem;
}
.tm_star_wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex;
}
.tm_card_top_wrap {
grid-column-gap: var(--_spacing---space--3);
grid-row-gap: var(--_spacing---space--3);
flex-flow: column;
padding-bottom: 2rem;
display: flex;
}
.tm_card_btm_wrap {
border-top: 1px solid #ffffff1a;
padding-top: 1rem;
}
.tm_card_wrap_alt {
aspect-ratio: 39.8 / 39;
border-radius: var(--radius--main);
flex-flow: column;
justify-content: flex-end;
display: flex;
position: relative;
overflow: hidden;
}
.vimeo-player {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.tm_card_overlay {
z-index: 2;
pointer-events: none;
background-color: #0003;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.tm_card_text_wrap.u-zindex-3 {
padding: 1.75rem;
}
.image-8 {
vertical-align: baseline;
}
.image-9 {
padding-bottom: 0;
}
.mwg031-inner_wrap.u-grid-custom.u-height-full {
grid-column-gap: 68px;
grid-row-gap: 68px;
}
.mwg031-inner_column_left {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.mwg031-inner_column_right {
aspect-ratio: 10.8 / 13.5;
}
.mwg031-inner_column_right.u-column-span-5.u-overflow-hidden.u-radius-main.hide_mobile_landscape.u-position-relative {
background-color: var(--swatch--dark-900);
}
.mwg031-inner_column_right.u-column-span-5.u-overflow-hidden.u-radius-main.show_mobile_landscape {
display: none;
}
.mwg031-inner_content_wrap.u-grid-custom {
--_column-count---value: 4;
}
.mwg031-inner_pill_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.mwg031-inner_heading.u-weight-medium.u-text-style-h3 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg031-inner_btm_wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.mwg031-inner_stats_wrap.u-grid-custom {
--_column-count---value: 2;
}
.mwg031-inner_stats_block {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 1rem;
display: flex;
}
.mwg031-inner_stats_block.u-radius-main {
background-color: var(--swatch--brand-100);
}
.stat_eyebrow_text {
font-family: var(--_typography---font--roboto);
letter-spacing: .5px;
text-transform: uppercase;
font-size: .75rem;
}
.stat_p_block {
line-height: var(--_typography---line-height--large);
font-weight: var(--_typography---font--primary-regular);
font-size: clamp(.85rem, .9vw, 1rem);
}
.stat_heading_block {
font-size: var(--_typography---font-size--h4);
line-height: var(--_typography---font-size--h4);
}
.stat_top_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.stat_logo_icon {
width: 3rem;
height: 3rem;
}
.mgw031-inner_top_wrap {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
display: flex;
}
.stat_heading_percent {
font-size: var(--_typography---font-size--h6);
}
.dt-grid-faq-1 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
}
.expandable-bottom {
transform-origin: 50% 0;
flex-direction: column;
align-items: flex-start;
width: 90%;
display: flex;
}
.dt-main-container {
width: 100%;
max-width: 1720px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.dt-cta-outline {
background-color: #0b0b0b00;
border: 1px solid #fbfbfb;
border-radius: 70px;
justify-content: center;
align-items: center;
height: 52px;
padding: 4px 28px;
font-size: 18px;
transition: color .3s, background-color .3s;
display: flex;
}
.dt-cta-outline:hover {
color: #0b0b0b;
background-color: #fbfbfb;
}
.dt-master-faq-1 {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.dt-body-big {
font-size: 1.1em;
line-height: 135%;
}
.dt-left-faq-1 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 430px;
display: flex;
}
.dt-plus-wrap-faq {
background-color: var(--swatch--brand-400);
border-radius: 100rem;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
position: relative;
}
.dt-expandable-faq {
background-color: var(--swatch--dark-800);
cursor: pointer;
border-radius: 1.5rem;
max-width: 800px;
padding: 32px 40px;
}
.dt-h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 2.6em;
font-weight: 200;
line-height: 130%;
}
.dt-section {
color: #fbfbfb;
background-color: #0b0b0b;
padding-top: 80px;
padding-bottom: 80px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 130%;
}
.dt-text-faq {
transform-origin: 50% 0;
color: var(--swatch--light-100);
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 12px;
font-family: Switzer, Arial, sans-serif;
font-size: .9em;
font-weight: 400;
line-height: 129%;
}
.dt-top-faq {
justify-content: space-between;
align-items: center;
display: flex;
}
.dt-plus-line-faq {
background-color: var(--swatch--dark-800);
border-radius: 2px;
width: 18px;
height: 2px;
}
.dt-plus-line-faq.dt-vertical {
height: 2px;
position: absolute;
transform: rotate(-90deg);
}
.flex-cta-left {
justify-content: flex-start;
align-items: center;
display: flex;
}
.flex-cta-left.mg-top-8 {
margin-top: 8px;
}
.dt-faq-heading {
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
font-size: .9em;
font-weight: 400;
line-height: 135%;
}
.collection-list-wrapper {
flex-flow: column;
}
.collection-list-3 {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-flow: column;
display: flex;
}
.heading-9 {
color: var(--divider-light);
}
.swiper-stat {
color: var(--swatch--brand-400);
letter-spacing: -1px;
text-transform: uppercase;
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
font-family: Roboto Condensed, sans-serif;
font-size: 29px;
font-weight: 700;
display: flow-root;
}
.swiper-slide-link {
z-index: 10;
border: 1px solid var(--swatch--dark-800);
border-radius: 5px;
transition: all .3s;
position: relative;
}
.div-block-109 {
width: 30%;
}
.dbl-service-icon {
width: 60px;
min-width: 60px;
}
.dbl-service-icon:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
border-radius: 12px;
}
.dbl-service-icon:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
width: auto;
height: 60px;
}
.faq4_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
display: grid;
}
.faq4_dropdown_list {
background-color: var(--swatch--transparent);
position: relative;
}
.solution-lottie-rotate-1 {
width: 100%;
max-width: 180px;
position: absolute;
inset: auto 10% 20px auto;
transform: rotate(-6.5deg);
}
.solution-lottie-rotate-1.lottie-m {
bottom: 251px;
right: 19%;
}
.solution-lottie-rotate-1.lottie-m.mobile-ver {
bottom: 200px;
}
.text-small-5 {
font-size: .875rem;
line-height: 150%;
}
.text-small-5.text-color-p {
color: #999;
}
.text-small-5.light {
font-weight: 300;
}
.stat-description-wrap {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
width: 100%;
display: flex;
}
.decolottie-top-right {
width: 100%;
max-width: 100px;
position: absolute;
top: -49px;
left: auto;
right: 20px;
transform: rotate(2.8deg);
}
.decolottie-top-right.lottie-m {
top: 167px;
right: 76px;
}
.faq4_icon-wrappper {
width: 2rem;
margin-left: 1.5rem;
display: flex;
}
.h6-m {
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: .9rem;
font-weight: 500;
line-height: 140%;
}
.icon-stats-graph-cont {
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 2px;
display: flex;
}
.icon-container-m {
background-image: linear-gradient(133deg, #fff3, #fff0);
border-radius: 9px;
width: 50px;
height: 50px;
padding: 2px;
}
.icon-container-m.smaller-ver {
background-color: var(--swatch--brand-800);
background-image: none;
border-radius: 70px;
width: 40px;
height: 40px;
}
.case-study-feature-section {
cursor: pointer;
position: relative;
}
.div-xy-m {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px none var(--swatch--brand-800);
border-radius: 50px;
grid-template-rows: auto;
grid-template-columns: .45fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: visible;
}
._2grid-50-50-m {
grid-column-gap: 160px;
grid-row-gap: 160px;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
position: static;
}
.card-m {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--swatch--brand-800);
background-color: var(--swatch--dark-900);
border-radius: 1.5rem;
flex-flow: column;
grid-template-rows: .25fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
transition: all .25s ease-in-out;
display: flex;
}
.card-m:hover {
border-color: var(--swatch--brand-500);
}
.card-m.tab-w-icon-ver {
background-color: #0000;
border: 0 #0f0f0f;
}
.card-m.tab-w-icon-ver:hover {
box-shadow: none;
background-color: #101010;
border-color: #ffffff0d;
}
.card-m.tab-w-icon-ver.no-cursor {
grid-column-gap: 13px;
grid-row-gap: 13px;
border: 1px solid var(--swatch--brand-800);
cursor: pointer;
border-radius: 27rem;
}
.card-m.tab-w-icon-ver.no-cursor:hover {
border: 1px solid var(--swatch--brand-500);
background-color: var(--swatch--dark-800);
}
.card-m.is-relative:hover {
border-color: var(--swatch--brand-500);
}
.layout505_tab-content {
background-color: var(--swatch--dark-900);
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
height: 100%;
padding: 1rem 1.8rem 1.5rem;
display: flex;
}
.layout505_tab-content.is-default {
background-image: url("https://cdn.prod.website-files.com/69ccb44929c20307aa9617ab/6a4ed30e45f610e39d07b2a8_null%20tab.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.icon-embed-small-proper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.div-y {
grid-column-gap: 7px;
grid-row-gap: 7px;
border-right: 1px solid var(--swatch--brand-900);
background-color: var(--swatch--dark-900);
flex-flow: column;
padding: 1rem 1.5rem 1.4rem 1.4rem;
display: flex;
}
.solution-lottie-rotate-3 {
width: 100%;
max-width: 240px;
position: absolute;
inset: auto 30px 10px auto;
transform: rotate(2deg);
}
.solution-lottie-rotate-3.lottie-m {
max-width: 210px;
bottom: 251px;
right: 61px;
}
.div-x {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0f0f0f;
flex-flow: column;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
overflow: visible;
}
.text-tiny {
font-size: .75rem;
line-height: 150%;
}
.text-tiny.text-color-p {
color: #999;
}
.icon-embed-small {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.solution-lottie-rotate-4 {
width: 100%;
max-width: 320px;
position: absolute;
inset: auto 20px 20px auto;
transform: rotate(4.2deg);
}
.solution-lottie-rotate-4.lottie-m {
max-width: 260px;
bottom: 277px;
right: 78px;
}
.testimonial-headshot-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.tab-w-icon-button {
flex-flow: column;
justify-content: space-between;
width: 100%;
padding: 9px 14px 9px 9px;
display: flex;
}
.analytics_tabs_mobile_dropdown {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
}
.tab-arrow-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-left: auto;
display: flex;
}
.icon-embed-medium {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.faq4_question {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 1.25rem 1.5rem;
display: flex;
}
.icon-cont-padding-m {
background-color: var(--swatch--brand-500);
border-radius: 120px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 10px;
display: flex;
}
.stat-m-padding {
flex-flow: column;
justify-content: center;
width: 100%;
height: 100%;
padding: 1rem 1.5rem;
display: flex;
}
.default-tab-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
background-color: #0000;
border: 1px #0f0f0f;
border-radius: 12px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding: 1rem 0 2rem 8px;
display: flex;
}
.default-tab-link.w--current {
opacity: 1;
color: #fff;
background-color: #0000;
border-radius: 1rem;
}
.cursor-container-to-show {
cursor: pointer;
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.layout505_tab-pane {
height: 100%;
}
.h5-m {
font-family: var(--_typography---font--primary-family);
font-size: 1.9rem;
font-weight: 500;
line-height: 118%;
}
.tabs-item-heading {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
background-color: #0000;
border: 1px solid #0f0f0f;
border-radius: 12px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding: 1rem 0 2rem 4px;
display: flex;
}
.tabs-item-heading.w--current {
opacity: 1;
color: #fff;
background-color: #0000;
border: 1px solid #ffffff0d;
border-radius: 1rem;
}
.problem-solution-grid {
grid-column-gap: 11px;
grid-row-gap: 14px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .9fr;
}
.problem-solution-heading {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--light-200);
font-size: 1.8rem;
font-weight: 500;
line-height: 110%;
}
.faq4_component.hide-desktop.width-100 {
display: none;
}
.layout505_tab-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
cursor: none;
background-color: #0000;
border: 1px solid #0f0f0f;
border-radius: 1rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
display: flex;
}
.layout505_tab-link.w--current {
opacity: 1;
color: #fff;
background-color: #0000;
border: 1px #ffffff0d;
}
.bento-container {
background-color: var(--swatch--dark-800);
cursor: pointer;
border: 1px #ffffff1a;
border-radius: 61px;
padding: 1rem;
}
.solution-lottie-rotate-2 {
width: 100%;
max-width: 180px;
position: absolute;
inset: auto 20px 60px auto;
transform: rotate(9.5deg);
}
.solution-lottie-rotate-2.lottie-m {
bottom: 265px;
right: 68px;
}
.solution-lottie-rotate-2.lottie-m.mobile-ver {
bottom: 200px;
}
.solution-lottie-rotate-5 {
width: 100%;
max-width: 280px;
position: absolute;
inset: auto 55px 267px auto;
transform: rotate(2.7deg);
}
.solution-lottie-rotate-5.is-image-ver {
border-radius: 8px;
}
.card-m-padding-2 {
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 1.5rem 1.7rem;
display: flex;
}
.solution-lottie-rotate-4-5 {
width: 100%;
max-width: 320px;
position: absolute;
inset: auto 20px 20px auto;
transform: rotate(4.2deg);
}
.solution-lottie-rotate-4-5.lottie-m {
max-width: 300px;
bottom: 290px;
right: 80px;
}
.text-regular {
padding-bottom: 20px;
font-size: 1rem;
line-height: 140%;
}
.text-regular.semi-bold {
padding-bottom: 0;
font-weight: 600;
}
.btn-full-width-container {
flex-flow: column;
display: flex;
}
.text-block-3 {
font-family: var(--_typography---font--primary-family);
}
.text-block-4 {
font-family: var(--_typography---font--primary-family);
font-size: .7rem;
line-height: 140%;
}
.text-block-5, .text-block-6 {
font-family: var(--_typography---font--primary-family);
}
.text-block-7 {
color: var(--swatch--brand-100);
}
.text-block-8 {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--light-100);
}
.text-block-9 {
color: var(--swatch--brand-100);
}
.text-block-10 {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--light-100);
}
.heading-10 {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--light-100);
font-weight: var(--_typography---font--primary-semi-bold);
}
.text-block-11 {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--light-100);
}
.text-block-12, .text-block-13 {
font-family: var(--_typography---font--primary-family);
color: var(--swatch--brand-100);
}
.text-block-14 {
color: var(--swatch--light-100);
}
.text-block-15 {
color: var(--swatch--brand-100);
}
.text-block-16, .text-block-17 {
color: var(--swatch--light-100);
}
.text-block-18 {
color: var(--swatch--brand-100);
font-weight: 300;
}
.h6-m-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 600;
line-height: 140%;
}
._2grid-50-50-m-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
position: static;
}
.card-m-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #101010;
border: 1px solid #2d2d2d;
border-radius: 1rem;
flex-flow: column;
grid-template-rows: .25fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
transition: all .25s ease-in-out;
display: flex;
}
.card-m-2:hover {
background-color: #080808;
border-color: #9747ff;
}
.icon-cont-padding-m-2 {
background-color: #ffffff14;
background-image: linear-gradient(126deg, #5e5e5e54, #5e5e5e00);
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 10px;
display: flex;
}
.problem-solution-grid-2 {
grid-column-gap: 26px;
grid-row-gap: 26px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .9fr;
}
.problem-solution-heading-3 {
font-size: 1.8rem;
font-weight: 600;
line-height: 110%;
}
.solution-lottie-rotate-5-2 {
width: 100%;
max-width: 280px;
position: absolute;
inset: auto 32px 30px auto;
transform: rotate(2.7deg);
}
.solution-lottie-rotate-5-2.is-image-ver {
border-radius: 8px;
}
.card-m-padding-3 {
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 1.5rem 1.7rem;
display: flex;
}
.sticky-steps__h2-2 {
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: min(5.5em, 15vw);
font-weight: 500;
line-height: .9;
}
.sticky-steps__cover-image-2 {
object-fit: cover;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.sticky-steps__p-2 {
opacity: .6;
margin-bottom: 0;
font-size: min(1.4375em, 5vw);
line-height: 1.4;
}
.sticky-steps__text-2 {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-flow: column;
width: 50%;
padding-left: 1em;
padding-right: 7em;
display: flex;
}
.sticky-steps__eyebrow-2 {
opacity: 1;
color: var(--swatch--brand-500);
text-transform: uppercase;
font-size: 1.3125em;
font-weight: 700;
}
.mwg062 {
justify-content: center;
align-items: center;
height: 80vh;
display: flex;
position: relative;
overflow: visible;
}
.mwg062-medias {
z-index: 5;
position: relative;
}
.mwg062-media {
pointer-events: none;
visibility: hidden;
border-radius: 10px;
width: 1px;
max-width: none;
height: 1px;
position: absolute;
}
.team-of-experts {
z-index: 0;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.team {
max-width: 70%;
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
display: flow-root;
}
.team-div {
z-index: 1;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.accent {
color: var(--swatch--brand-500);
}
.u-hide {
display: none;
}
.mwg035_container.u-container {
position: static;
}
.mwg035_inner_container {
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.mwg035_p_wrap {
height: auto;
overflow: hidden;
}
.mwg035-media_img {
object-fit: cover;
border-radius: 4%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: translate(0, 100%);
}
.mwg035_heading_wrap_m {
display: none;
}
.mwg035_heading {
min-width: 100%;
margin-bottom: var(--_text-style---margin-bottom);
font-family: var(--_text-style---font-family);
color: var(--swatch--light-100);
font-size: var(--_text-style---font-size);
line-height: var(--_text-style---line-height);
font-weight: var(--_text-style---font-weight);
letter-spacing: var(--_text-style---letter-spacing);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
text-transform: var(--_text-style---text-transform, none);
text-wrap: var(--_text-style---text-wrap);
justify-content: center;
align-items: inherit;
max-width: calc(var(--number) * 1ch);
flex-flow: column;
display: flex;
}
.mwg035_heading:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .mwg035_heading:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-26cc9f23-e71c-deee-cd61-36dc24f35fae) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-47e40b0d-02af-2673-f429-546cac42dc5a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_heading:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) {
z-index: 1;
font-family: var(--_typography---font--primary-family);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_heading:where(.w-variant-41c609dc-9c80-9eef-75df-03bf0eea00b4) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-d3719104-513e-39e6-fa68-a77e5e48f1c1) {
color: var(--_text-style---text-white-60);
font-size: var(--_typography---font-size--sub-hero);
line-height: var(--_typography---line-height--medium);
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8a) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8b) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8c) {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8d) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8e) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h5);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f8f) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h4);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f90) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f91) {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f92) {
z-index: 1;
font-family: var(--_typography---font--primary-family);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h1);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f93) {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--display);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-regular);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--6);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f94) {
color: var(--_text-style---text-white-60);
font-size: var(--_typography---font-size--sub-hero);
line-height: var(--_typography---line-height--medium);
}
.mwg035_heading h1 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-wrap: inherit;
margin-top: 0;
margin-bottom: 0;
}
.mwg035_heading h2 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-wrap: inherit;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.mwg035_heading h3, .mwg035_heading h4, .mwg035_heading h5, .mwg035_heading h6 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-wrap: inherit;
margin-top: 0;
margin-bottom: 0;
}
.mwg035_heading.h2 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading.u-align-items-center {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.mwg035_heading.u-align-items-center.u-margin-bottom-2 {
font-family: var(--_typography---font--primary-family);
text-transform: var(--_text-style---text-transform, none);
margin-bottom: 2px;
font-size: 120px;
}
.mwg035_heading.h3 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
margin-bottom: 0;
}
.mwg035_heading.h6 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h6);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading.h3-2 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading.h2-2, .mwg035_heading.h2-3 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading.text-light {
color: var(--swatch--light-100);
}
.mwg035_heading.text-dark, .mwg035_heading.text-dark:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f), .mwg035_heading.text-dark:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249), .mwg035_heading.text-dark:where(.w-variant-701c4b6c-37cf-de59-d80d-80a1822c4994), .mwg035_heading.text-dark:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986), .mwg035_heading.text-dark:where(.w-variant-7c7eb163-b37d-338d-2369-5eae7e6d458a), .mwg035_heading.text-dark:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c), .mwg035_heading.text-dark:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0), .mwg035_heading.text-dark:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f90) {
color: var(--swatch--dark-900);
}
.mwg035_heading.text-center:where(.w-variant-d3719104-513e-39e6-fa68-a77e5e48f1c1) {
text-align: center;
}
.mwg035_heading.margin-bot-0:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) {
margin-bottom: 0;
}
.mwg035_heading.h2-4 {
color: var(--swatch--light-100);
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_heading.h4 {
margin-bottom: 0;
}
.mwg035_heading.p {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-small);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: 0px;
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
}
.mwg035_heading.p.large {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-large);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: 500;
--_text-style---letter-spacing: 0em;
--_text-style---text-wrap: pretty;
--_text-style---margin-bottom: var(--_spacing---space--4);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--4);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
margin-bottom: 0;
}
.mwg035_heading.stat.accent-light {
color: var(--swatch--brand-500);
margin-bottom: 0;
}
.mwg035_heading strong {
color: var(--swatch--brand-400);
font-weight: 500;
}
.mwg035_heading.h2-5 {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h2);
--_text-style---line-height: var(--_typography---line-height--small);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.mwg035_expand_wrap {
display: none;
}
.icon-wrap:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
width: 100%;
}
.icon-wrap:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 60px;
display: flex;
}
.mwg_section {
display: block;
}
.emoji-rain-container {
z-index: 150;
pointer-events: none;
position: fixed;
inset: 0%;
}
.tm_card_2btm_wrap {
grid-column-gap: var(--_spacing---space--3);
grid-row-gap: var(--_spacing---space--3);
border-top: 1px solid #ffffff1a;
flex-flow: column;
margin-top: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
}
.a_list_component {
display: none;
}
.a_toggle_icon {
aspect-ratio: 1;
flex: none;
width: 1.4rem;
}
.a_component-2 {
border-bottom-style: solid;
border-bottom-width: .09rem;
}
.a_content_wrap {
width: 100%;
display: none;
position: relative;
overflow: hidden;
}
.a_content_padding {
padding-bottom: 2rem;
}
.a_toggle_svg {
display: block;
overflow: visible !important;
}
.a_toggle_button {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
text-align: inherit;
background-color: #0000;
justify-content: space-between;
align-items: center;
padding: 1.5rem 0;
display: flex;
}
.a_toggle_heading {
margin-top: 0;
margin-bottom: 0;
}
.faq4_heading {
color: var(--swatch--light-100);
font-size: var(--_typography---font-size--h6);
line-height: 140%;
font-weight: var(--_typography---font--primary-semi-bold);
margin-top: 0;
margin-bottom: 0;
}
.mwg028 {
flex-flow: column;
justify-content: center;
height: 50vh;
display: flex;
position: relative;
overflow: clip;
}
.mwg028-container {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
cursor: grab;
-webkit-user-select: none;
user-select: none;
width: max-content;
padding-right: 1vw;
display: flex;
}
.mwg028-card {
pointer-events: none;
object-fit: cover;
aspect-ratio: .9;
transform-origin: 50% 100%;
white-space: nowrap;
border-radius: .3em;
width: 20vw;
display: block;
}
.mwg008 {
align-items: center;
padding-top: 20px;
padding-bottom: 50px;
display: flex;
position: relative;
overflow: visible;
}
.mwg008-container {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
cursor: grab;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
justify-content: flex-start;
align-items: center;
width: max-content;
height: auto;
padding-right: 1vw;
display: flex;
}
.mwg008-card {
pointer-events: none;
object-fit: contain;
border-radius: 10px;
width: 22vw;
max-width: none;
height: auto;
display: block;
}
.mwg008-card.mobile {
width: 11vw;
height: auto;
min-height: 20px;
}
.darker-grey {
color: #686868;
}
.darker-grey.padding {
padding-left: 5%;
padding-right: 5%;
}
.headshot-name {
color: #000;
margin-top: 1.875rem;
font-size: 1.1rem;
font-weight: 300;
line-height: 100%;
}
.abt__headshot-img-m {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-height: 300px;
}
.headshot-description-p {
color: #929292;
margin-top: 6px;
font-size: .9rem;
font-weight: 300;
line-height: 1.45rem;
}
.darker-purple {
color: #4c38a6;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.text-span-35 {
color: #1f1f1f;
text-align: center;
}
.headshot-cont {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 4rem;
display: grid;
}
.text-center-wrapper-about {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-center-wrapper-about._800px-width {
max-width: 800px;
}
.team-2 {
background-color: #fff;
padding-top: 120px;
padding-bottom: 120px;
}
.container-4 {
width: 95%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.black {
color: #000;
}
.member-image {
background-color: #f8f7f5;
border-radius: 8px;
width: 100%;
height: 370px;
overflow: hidden;
}
.member-card {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
display: flex;
}
.headline-team-about-b {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 64px;
display: flex;
}
.section-17 {
z-index: 2;
background-color: #f8f7f5;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-17.team-1 {
background-color: var(--swatch--dark-900);
color: #fff;
padding-top: 10px;
padding-bottom: 120px;
}
.image-cover-9 {
z-index: 1;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.image-cover-9.stat {
object-position: 50% 50%;
}
.dbl-label.text-colour-white {
font-family: var(--_typography---font--primary-family);
color: #fff;
font-size: var(--_typography---font-size--h4);
font-weight: var(--_typography---font--primary-medium);
}
.member-info-tile {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.team-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.dbl-h1 {
letter-spacing: -.25rem;
font-size: 5.75rem;
font-weight: 500;
line-height: 100%;
}
.main-container-15 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 8rem;
padding-right: 8rem;
}
.dbl-purple {
color: #833aff;
}
.dbl-label-2 {
color: #414141;
letter-spacing: -1px;
text-transform: none;
font-size: 26px;
font-weight: 500;
line-height: 100%;
}
.dbl-label-2.text-colour-grey {
color: #ffffff80;
letter-spacing: 0;
font-size: 17px;
font-weight: 400;
}
.dbl-serif-h3 {
font-family: Instrument Serif, sans-serif;
font-size: 2.2rem;
font-weight: 400;
line-height: 100%;
}
.pills-flex {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
padding-top: 14px;
}
.mwg008-2 {
align-items: center;
height: 100vh;
display: flex;
position: relative;
overflow: clip;
}
.mwg008-container-2 {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
cursor: grab;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
width: max-content;
padding-right: 1vw;
display: flex;
}
.mwg008-card-2 {
pointer-events: none;
object-fit: cover;
width: 25vw;
max-width: none;
height: 25vw;
display: block;
}
.u-color-dark {
color: var(--swatch--dark-800);
}
.u-color-white {
color: var(--swatch--light-100);
}
.mwg093-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
height: 100dvh;
display: grid;
}
.mwg093-word-4 {
max-width: 80%;
color: var(--swatch--light-100);
text-align: center;
font-size: 10vw;
line-height: 1;
display: flex;
}
.mega-nav__dropdown-bg-3 {
will-change: transform;
background-color: #fff;
border-bottom-right-radius: .25em;
border-bottom-left-radius: .25em;
position: absolute;
inset: 0;
}
.mega-nav-3 {
z-index: 100;
position: fixed;
top: 1.25em;
left: 1.25em;
right: 1.25em;
}
.mega-nav__burger-2 {
grid-column-gap: .2em;
grid-row-gap: .2em;
background-color: #e4e0f5;
border-radius: .25em;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
padding: 0;
display: flex;
}
.mega-nav__backdrop-2 {
z-index: 0;
opacity: 0;
pointer-events: none;
visibility: hidden;
background-color: #00000040;
position: fixed;
inset: 0%;
}
.mega-nav__panel-list-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin-bottom: 0;
padding: 0;
list-style: none;
display: flex;
}
.mega-nav__bar-end-2 {
grid-column-gap: .75em;
grid-row-gap: .75em;
justify-content: flex-end;
align-items: center;
display: none;
}
.mega-nav__bar-link-label-3 {
font-size: .9375em;
font-weight: 500;
line-height: 1.2;
}
.mega-nav__dropdown-wrapper-3 {
z-index: 2;
pointer-events: none;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
position: absolute;
top: calc(100% - .25em);
left: 0;
right: 0;
}
.mega-nav__panel-label-3 {
text-transform: uppercase;
padding-left: 1em;
font-size: .75em;
line-height: 1;
}
.mega-nav__dropdown-panel-3 {
opacity: 0;
pointer-events: none;
visibility: hidden;
position: absolute;
inset: 0 0 auto;
overflow: hidden;
}
.mega-nav__dropdown-container-3 {
position: relative;
overflow: hidden;
}
.mega-nav__burger-line-2 {
z-index: 1;
background-color: #6840ff;
border-radius: .125em;
flex: none;
width: 1.25em;
height: .125em;
padding: 0;
display: block;
position: relative;
}
.heading-style-h5 {
letter-spacing: 0;
font-size: 1.5rem;
font-weight: 400;
line-height: 2rem;
}
.nav_list {
flex-flow: column;
display: flex;
}
.nav_column {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 20.81rem;
display: flex;
}
.dropdown_inner-small {
flex-flow: column;
padding: .75rem;
display: flex;
}
.text-wrap_dropdown-item {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-wrap_dropdown-item.bigger-gap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.wrap_banner {
z-index: 2;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
overflow: hidden;
}
.logo_nav-cta {
justify-content: center;
align-items: center;
display: flex;
}
.nav_right {
z-index: 2;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.cta-small-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #f7f6f5;
letter-spacing: 0;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .5rem .75rem;
font-size: .875rem;
font-weight: 400;
line-height: 1rem;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
}
.cta-small-2:hover {
color: #f7f6f5;
}
.cta-small-2.secondary {
color: #231f23;
}
.cta-small-2.secondary:hover {
color: #f7f6f5;
}
.icon_dropdown-link {
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.heading-style-h6 {
letter-spacing: 0;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5rem;
}
.nav_label {
padding-left: .75rem;
}
.icon_button {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: relative;
}
.icon_button.right {
margin-left: .5rem;
}
.icon_button.left {
margin-right: .5rem;
}
.icon-wrap_dropdown-link {
color: #231f23;
background-color: #fff;
border-radius: .75rem;
flex: none;
justify-content: center;
align-items: center;
padding: .75rem;
display: flex;
}
.icon-wrap_dropdown-link.blue {
color: #231f23;
background-color: #d7e9ff;
}
.icon-wrap_dropdown-link.green {
color: #231f23;
background-color: #ccfdcf;
}
.icon-wrap_dropdown-link.yellow {
color: #231f23;
background-color: #f4e7c7;
}
.icon-wrap_dropdown-link.purple {
color: #231f23;
background-color: #cebffa;
}
.icon-wrap_dropdown-link.peach {
color: #231f23;
background-color: #ffe1d6;
}
.nav-menu_inner {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
}
.dropdown-list {
width: 100%;
transform-style: preserve-3d;
background-color: #f7f6f500;
position: fixed;
bottom: auto;
left: 0%;
right: 0%;
transform: translate3d(0, 0, 0);
}
.dropdown-list.w--open {
background-color: #f7f6f500;
padding-left: 2rem;
padding-right: 2rem;
bottom: auto;
left: 0%;
right: 0%;
}
.text-button {
z-index: 1;
text-shadow: 0 1.5em #f7f6f5;
position: relative;
}
.text-button.secondary {
text-shadow: 0 1.5em #f7f6f5;
}
.nav-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-radius: 1.25rem;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 112.5rem;
margin-left: auto;
margin-right: auto;
padding: 1rem 1.5rem;
display: flex;
position: relative;
}
.nav-menu {
z-index: 2;
}
.link_small-dropdown {
color: #231f23a3;
letter-spacing: 0;
font-size: .813rem;
font-weight: 300;
line-height: 1.25rem;
text-decoration: none;
transition: color .3s;
}
.link_small-dropdown:hover {
color: #231f23;
}
.logo-nav {
color: #231f23;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.link_dropdown {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #231f23;
border-radius: .75rem;
justify-content: flex-start;
align-items: flex-start;
padding: .75rem .75rem 1rem;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.link_dropdown:hover, .link_dropdown.w--current {
background-color: #ececec;
}
.link_dropdown.smaller {
padding-bottom: .75rem;
}
.menu_veriations {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.dropdown-toggle {
z-index: 0;
grid-column-gap: .25rem;
grid-row-gap: .25rem;
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
letter-spacing: 0;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding: .5rem .75rem;
font-size: 1rem;
font-weight: 600;
line-height: 1rem;
display: flex;
position: static;
}
.brand_navbar {
z-index: 2;
width: 120px;
max-width: 11rem;
}
.label-large-3 {
letter-spacing: .75px;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-end;
font-size: .75rem;
font-weight: 400;
line-height: 1rem;
}
.nav_bg {
opacity: 0;
pointer-events: none;
background-color: #231f237a;
width: 100%;
height: 100vh;
position: fixed;
inset: 0%;
}
.divider_mobile-menu {
display: none;
}
.icon_banner-close {
justify-content: center;
align-items: center;
display: flex;
}
.nav-menu_mobile-button {
display: none;
}
.dropdown {
z-index: 0;
position: static;
transform: none !important;
}
.dropdown.small {
position: relative;
}
.text-size-small {
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: .813rem;
font-weight: 300;
line-height: 1.25rem;
}
.text-size-small.tone-medium {
color: #231f23a3;
}
.icon-dropdown {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.cta_primary {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: #f7f6f5;
letter-spacing: 0;
cursor: pointer;
border-radius: .5rem;
flex: none;
justify-content: center;
align-items: center;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
}
.cta_primary:hover {
color: #f7f6f5;
}
.cta_primary.secondary {
color: #231f23;
}
.cta_primary.secondary:hover {
color: #f7f6f5;
}
.cta_primary.is-dark {
color: #231f23;
}
.cta_primary.is-dark:hover {
color: #f7f6f5;
}
.text_body-bold {
font-weight: 500;
}
.nav-cta_top-tile {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.navbar {
z-index: 2;
background-color: #f7f6f500;
padding-left: 2rem;
padding-right: 2rem;
}
.icon-wrap_button {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.cta_mobile-menu {
display: none;
}
.tone-medium {
color: #231f23a3;
text-decoration: none;
}
.master_navigation {
z-index: 999;
padding-top: .5rem;
position: fixed;
inset: 0% 0% auto;
}
.button-inner {
pointer-events: none;
flex: none;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
display: flex;
overflow: hidden;
}
.btn-bg {
background-color: #231f23;
border: 1px solid #f7f6f500;
border-radius: .5rem;
transition: background-color .3s;
position: absolute;
inset: 0%;
}
.btn-bg:hover {
background-color: #231f23;
border-color: #231f2300;
}
.btn-bg.is-dark {
background-color: #f7f6f5;
}
.btn-bg.is-dark:hover {
background-color: #231f23;
}
.btn-bg.secondary {
background-color: #231f2314;
border-color: #231f2300;
}
.btn-bg.secondary:hover {
background-color: #231f23;
border-color: #231f2300;
}
.icon-wrap_dropdown {
flex: none;
}
.icon-wrap_dropdown.not-visible {
display: none;
}
.link_banner {
color: #231f23;
letter-spacing: 0;
---mode--collection-a49bdcac-9684-253e-f2a5-ec790ca24346: base;
font-size: .813rem;
font-weight: 300;
line-height: 1.25rem;
text-decoration: underline;
}
.nav-cta_desktop {
color: #f7f6f5;
background-image: none;
background-position: 50%;
background-size: cover;
border-radius: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 17.75rem;
padding: 1.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.nav-container_bg {
z-index: 0;
opacity: 0;
background-color: #f7f6f5;
border-radius: 1.25rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
box-shadow: 0 4px 80px #231f2314;
}
.nav-container_bg.for-dropdown {
box-shadow: none;
opacity: 1;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: var(--swatch--brand-100);
background-color: #7363a094;
border-radius: 5rem;
}
.nav-container_bg.for-scroll {
box-shadow: 0 4px 80px #231f2314;
}
.banner {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #231f23;
background-color: #ccfdcf;
border-radius: 1.25rem;
justify-content: center;
align-items: center;
width: 100%;
max-width: 112.5rem;
margin-bottom: .5rem;
margin-left: auto;
margin-right: auto;
padding: .25rem 1.5rem;
display: flex;
position: relative;
}
.dropdown-bg {
z-index: 0;
background-color: #f7f6f5;
border-bottom-right-radius: 1.25rem;
border-bottom-left-radius: 1.25rem;
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.link_nav {
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
letter-spacing: 0;
text-transform: uppercase;
padding: .5rem .75rem;
font-size: 1.2rem;
font-weight: 600;
line-height: 1rem;
text-decoration: none;
}
.button_text-mask {
pointer-events: none;
flex: none;
height: 1.25rem;
overflow: hidden;
}
.button_text-mask.button {
height: 1rem;
}
.dropdown-animated-box {
display: none;
}
.name-wrap_dropdown-link {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.banner_close {
cursor: pointer;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
right: .75rem;
}
.dropdown-small_wrap {
background-color: #f7f6f5;
border-radius: 1.25rem;
flex: none;
display: flex;
overflow: hidden;
box-shadow: 0 4px 40px #231f2314;
}
.left_nav-menu {
z-index: 2;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
display: grid;
position: relative;
}
.dropdown-list_small.w--open {
background-color: #f7f6f500;
flex-flow: row;
padding-top: 2rem;
display: flex;
}
.dropdown_inner {
z-index: 2;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 3rem 1.5rem;
display: flex;
position: relative;
}
.dropdown-large_inner {
width: 100%;
max-width: 112.5rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.text-block-26 {
font-size: 1.2rem;
}
.footer_bg_wrap {
z-index: -1;
background-color: var(--_theme---background);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-mobile-spacer, .mwg044_mobile_heading, .nav_services_mobile_wrap {
display: none;
}
.services_desktop {
display: block;
}
.mwg109-media {
aspect-ratio: 1.5;
object-fit: cover;
border-radius: 4px;
width: 270px;
max-width: none;
display: block;
}
.mwg109-bottom-p {
width: 300px;
min-width: 300px;
margin-bottom: 0;
font-size: 16px;
line-height: 1.4;
}
.mwg109-title {
width: 100%;
font-size: 61px;
font-weight: 500;
line-height: .85;
}
.mwg109-slide {
background-color: var(--swatch--brand-400);
color: #0a0a0b;
border-radius: 20px;
flex: 0 0 88px;
height: 506px;
padding: 20px;
position: relative;
overflow: hidden;
}
.mwg109-bottom {
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
.mwg109-container {
align-items: center;
gap: 6px;
height: 506px;
display: flex;
}
.mwg109-small-title {
transform-origin: 0 100%;
justify-content: center;
width: 506px;
padding: 33px;
font-size: 22px;
line-height: 1;
display: flex;
position: absolute;
bottom: 0;
left: 100%;
transform: rotate(-90deg);
}
.mwg109-content {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.mwg109 {
place-items: center;
min-height: 100vh;
display: grid;
}
.mwg057 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
height: 100vh;
display: grid;
}
.mwg057-container {
grid-column-gap: .25em;
grid-row-gap: .25em;
cursor: pointer;
width: max-content;
font-size: 8vw;
line-height: 1;
display: flex;
position: relative;
}
.mwg057-left, .mwg057-right {
color: var(--swatch--brand-100);
letter-spacing: -5px;
display: inline-block;
}
.mwg057-media {
object-fit: contain;
pointer-events: none;
width: 15vw;
max-width: none;
height: 15vw;
position: absolute;
top: 0;
left: 0;
transform: scale(0);
}
.icon-wrap {
justify-content: flex-end;
align-items: flex-end;
width: 40%;
display: flex;
}
.headline-timeline {
max-width: 680px;
margin-bottom: 80px;
}
.left-timeline {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.main-container-16 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.timeline-halves {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
}
.content-timeline {
border-top: 1px solid #19181829;
}
.section-18 {
z-index: 2;
background-color: var(--swatch--dark-900);
color: #191818e0;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.image-wrap-timeline {
border: 1px solid #19181829;
border-radius: 12px;
width: 100%;
height: 100%;
overflow: hidden;
}
.label-small-9 {
letter-spacing: .75px;
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
line-height: 12px;
}
.label-small-9.label-strong {
font-family: var(--_typography---font--roboto);
font-size: 17px;
font-weight: 700;
}
.image-cover-10 {
z-index: 1;
object-fit: cover;
color: gray;
width: 100%;
height: 100%;
}
.image-cover-10.horizontal {
aspect-ratio: 2.39;
}
.text-h4-5 {
letter-spacing: -1px;
font-size: 32px;
font-weight: 400;
line-height: 36px;
}
.timeline-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-bottom: 1px solid var(--swatch--brand-800);
color: var(--swatch--light-100);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 24px;
padding-bottom: 24px;
display: grid;
}
.text-body-bold {
font-family: var(--_typography---font--primary-family);
font-size: 30px;
font-weight: 500;
line-height: 1.1;
}
.nav-menu-inner {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.mega-menu-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.nav-dropdown {
z-index: 1;
position: static;
}
.menu-page-bottom-tile {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
}
.menu-button-2 {
padding: 0;
}
.nav-container-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
border-bottom: 1px solid #1f191552;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
display: grid;
}
.label-5 {
letter-spacing: 0;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-end;
font-size: 16px;
font-weight: 600;
line-height: 133.3%;
}
.text-small-6 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.dropdown-icon {
color: var(--swatch--brand-300);
justify-content: center;
align-items: center;
display: flex;
}
.navigation-exand-icon-wrap {
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
display: flex;
position: relative;
}
.menu-page-image {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
width: 100%;
}
.menu-link {
font-family: var(--_typography---font--primary-family);
font-weight: 500;
transition: background-color .2s;
}
.navigation-link-hover-wrap {
justify-content: flex-start;
align-items: center;
}
.menu-cta-mobile {
display: none;
}
.navigation-icon-line-vertical {
background-color: #16231b;
width: 2px;
height: 14px;
position: absolute;
}
.dropdown-toggle-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.multi-layout-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
transition: background-color .2s;
display: flex;
}
.main-container-17 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-top: 0;
padding-left: 32px;
padding-right: 17px;
}
.text-underline-3 {
text-decoration: underline;
}
.navbar-2 {
background-color: #fffdf600;
width: 100%;
}
.navbar-2.static {
background-color: var(--swatch--brand-900);
color: var(--swatch--light-100);
border-radius: 8rem;
}
.menu-page-wrap {
background-color: #f0eee9;
border-radius: 8px;
justify-content: space-between;
align-items: flex-end;
width: 304px;
height: 180px;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.menu-divider {
display: none;
}
.text-body {
letter-spacing: -.25px;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 150%;
}
.dropdown-list-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000;
}
.dropdown-list-2.w--open {
z-index: 1;
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1800px;
margin-top: 45px;
padding-top: 50px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.dropdown-list-2.bigger-nav-list.w--open {
top: 30px;
}
.navigation-label-mobile {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
display: none;
}
.navigation-link-wrap {
flex-flow: column;
}
.multi-layout-link-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.nav-link {
z-index: 2;
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
text-transform: uppercase;
padding: 0;
position: relative;
}
.nav-link:hover {
color: var(--swatch--brand-400);
}
.nav-link.w--current {
color: #1f1915;
}
.nav-right {
z-index: 2;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.mega-menu-halves {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto .8fr auto;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start stretch;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: grid;
}
.menu-links-column {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.menu-column-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 700px;
display: flex;
}
.menu-bottom-tile {
display: none;
}
.menu-links-wrap {
overflow: hidden;
}
.mega-menu-wrap {
background-color: var(--swatch--dark-800);
transform-origin: 50% 0;
width: 100%;
padding-top: 32px;
padding-bottom: 48px;
}
.multi-layout-master {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.nav-brand {
z-index: 2;
width: 100px;
color: var(--swatch--light-100);
justify-content: flex-start;
align-items: center;
display: flex;
}
.banner-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
text-align: center;
background-color: #d4fd80;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 8px;
display: flex;
}
.label-small-10 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 120%;
}
.button-text-small-2 {
letter-spacing: .5px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.banner-master {
width: 100%;
padding: 4px;
position: relative;
}
.navigation-icon-line-horizontal {
background-color: #16231b;
width: 14px;
height: 2px;
}
.multi-layout-right {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
}
.menu-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.navigation-label-desktop {
font-family: var(--_typography---font--roboto);
color: var(--swatch--brand-300);
font-size: 26px;
font-weight: var(--_typography---font--primary-semi-bold);
text-transform: uppercase;
border: 1px solid #1f191552;
border-radius: 24px;
padding: 8px 16px 8px 0;
}
.icon-multi-layout {
width: 20px;
height: 20px;
}
.link-multi-layout {
color: #1f19157a;
letter-spacing: 0;
font-size: 12px;
font-weight: 500;
line-height: 133.3%;
}
.link-multi-layout:hover {
color: #16231b;
text-decoration: underline;
}
.megs-menu-right {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.dropdown-title {
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
font-weight: var(--_typography---font--primary-semi-bold);
text-transform: uppercase;
}
.nav-wrap {
z-index: 999;
position: fixed;
top: 0;
left: 0%;
right: 0%;
}
.nav-wrap.static {
color: var(--swatch--light-100);
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.nav-logo {
width: 100%;
}
.nav-logo.dark {
background-color: var(--swatch--transparent);
}
.nav-logo.light {
display: none;
}
.cta-main-7 {
color: #fffdf6;
letter-spacing: .5px;
text-transform: uppercase;
background-color: #1f1915;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
line-height: 150%;
transition: color .2s, background-color .2s, border-color .2s;
display: flex;
}
.cta-main-7:hover {
background-color: #1f1915a3;
}
.cta-main-7.cta-small {
letter-spacing: .5px;
border-radius: 8px;
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.image-placement {
height: 100%;
}
.column {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
display: flex;
}
.nav_text-link {
color: #ff4b0e;
flex-flow: row;
justify-content: flex-start;
align-items: center;
font-weight: 500;
text-decoration: none;
display: flex;
}
.button-ghost {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #000;
letter-spacing: -.08px;
background-color: #0000;
justify-content: center;
align-items: center;
padding: .5rem 1.25rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
text-decoration: none;
display: flex;
}
.text-size-small-2 {
letter-spacing: -.08px;
margin-bottom: 0;
font-size: .875rem;
line-height: 1.65;
}
.button {
color: #fff;
text-align: center;
white-space: nowrap;
cursor: pointer;
background-color: #000;
border-radius: 2rem;
justify-content: center;
align-items: center;
padding: .5rem 2rem;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
transition: color .3s, border .3s, background-color .3s;
display: flex;
}
.button:hover {
background-color: #ff4b0e;
}
.text-size-xsmall {
font-family: var(--_typography---font--primary-family);
color: #ffffffc2;
font-size: .75rem;
line-height: 1.65;
font-weight: var(--_typography---font--primary-medium);
margin-bottom: 0;
}
.banner_container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
max-width: 78.75rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav_link {
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
font-size: 1em;
line-height: 1.5rem;
font-weight: var(--_typography---font--primary-semi-bold);
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 0;
margin-right: 0;
padding: .25rem .75rem;
}
.icon-xsmall {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.icon-xsmall.text-color-purple {
color: #6153bd;
}
.nav_links-list {
flex-flow: column;
width: 100%;
display: flex;
}
.nav_dropdown-content {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
width: 100%;
display: flex;
}
.nav_dropdown-link {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #000;
background-color: #0000;
border-radius: 1rem;
justify-content: flex-start;
align-items: center;
padding: 1rem;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.nav_dropdown-link:hover {
background-color: #a78bfa21;
}
.nav_container {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: static;
}
.icon {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.banner_text-link {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #ff4b0e;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.nav_component-2 {
width: 100%;
color: var(--swatch--light-100);
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
.nav_icon-wrapper {
background-color: var(--swatch--brand-500);
border: 1px #edeef1;
border-radius: .7rem;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding: .75rem;
display: flex;
}
.nav_dropdown {
transition: all .3s;
}
.nav_link-caption {
padding: .75rem;
}
.caption-xsmall {
font-size: .75rem;
line-height: 1.25;
}
.caption-xsmall.text-color-tertiary {
font-family: var(--_typography---font--roboto);
color: var(--swatch--brand-300);
font-size: 1rem;
font-weight: var(--_typography---font--primary-semi-bold);
text-transform: uppercase;
}
.subheading-small {
font-family: var(--_typography---font--roboto);
color: var(--swatch--light-100);
letter-spacing: -.02em;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 600;
line-height: .8;
}
.nav_dropdown-toggle {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--swatch--light-100);
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem;
font-size: 1rem;
line-height: 1.5rem;
display: flex;
}
.nav_dropdown-toggle.w--open {
background-color: var(--swatch--brand-500);
color: var(--swatch--dark-900);
border-radius: 99px;
}
.nav_heading {
padding: .25rem .5rem .95rem;
}
.nav_logo {
width: 5.75em;
padding-left: 0;
display: flex;
}
.nav_featured-link {
color: #000;
background-color: #f7f8f8;
border: 1px solid #edeef1;
border-radius: .5rem;
flex-flow: column;
flex: none;
width: 12.5rem;
text-decoration: none;
transition: border-color .2s, background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.nav_featured-link:hover {
background-color: #edeef1;
border-color: #d8dbdf;
}
.nav_menu {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.banner_component {
background-color: #edeef1;
padding: .5rem 5%;
}
.nav_line-vertical {
background-color: var(--swatch--brand-800);
width: 1px;
height: 100%;
}
.nav_dropdown-list {
background-color: #fff;
border: 1px solid #edeef1;
border-radius: 1rem;
top: 3.5rem;
}
.nav_dropdown-list.w--open {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--swatch--brand-900);
border-style: none;
justify-content: space-around;
align-items: center;
width: 1020px;
min-width: 100%;
padding: 20px;
display: block;
position: absolute;
top: 68px;
left: -134px;
right: auto;
overflow: hidden;
}
.nav_buttons {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav_left {
grid-column-gap: 4.8rem;
grid-row-gap: 4.8rem;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav_right-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--swatch--light-100);
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex;
}
.icon-small {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.nav_vertical-divider {
background-color: #d8dbdf;
width: .094rem;
height: 1.25rem;
}
.nav_dropdown-icon {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.nav_bar {
z-index: 999;
border-bottom: 1px none var(--swatch--brand-700);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #1e1230a6;
border-radius: 50px;
justify-content: center;
align-items: center;
max-width: 100%;
margin-left: 10%;
margin-right: 10%;
padding: .5rem .5rem .5rem 2rem;
display: block;
position: fixed;
inset: 2% 0% auto;
}
.nav_links-row {
grid-column-gap: 1.7rem;
grid-row-gap: 1.7rem;
width: 100%;
display: flex;
}
.text-block-28 {
font-family: var(--_typography---font--roboto);
font-size: 1em;
font-weight: var(--_typography---font--primary-semi-bold);
letter-spacing: 1px;
text-transform: uppercase;
}
.nav1_component {
z-index: 99999;
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.u-embed-js-2.u-hide {
display: none;
}
.nav1_toggle_line {
background-color: #fff;
width: 100%;
height: .06rem;
}
.nav1_menu_dropdown {
width: 100%;
max-height: 100vh;
padding-right: var(--site--margin);
padding-left: var(--site--margin);
opacity: 0;
pointer-events: none;
visibility: hidden;
padding-top: var(--nav--height);
margin-left: auto;
margin-right: auto;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.nav1_dropdown_scroll {
pointer-events: auto;
max-height: calc(100vh - var(--nav--height));
overflow: auto;
}
.nav1_dropdown_scroll.u-pointer-off {
max-width: var(--max-width--main);
pointer-events: none;
margin-left: auto;
margin-right: auto;
}
.nav1_left_start_wrap {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav1_link_wrap {
z-index: 2;
grid-column-gap: .375rem;
grid-row-gap: .375rem;
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
transition: color .4s;
display: flex;
position: relative;
}
.nav1_link_wrap:hover {
color: var(--swatch--brand-400);
}
.nav1_logo_wrap {
z-index: 2;
justify-content: flex-start;
align-items: center;
transition: opacity .3s;
display: flex;
position: relative;
}
.nav1_logo_wrap:hover {
opacity: .6;
}
.nav1_link_text {
font-family: var(--_typography---font--roboto);
font-size: var(--_typography---font-size--text-small);
font-weight: var(--_typography---font--primary-semi-bold);
letter-spacing: .1rem;
text-transform: uppercase;
}
.nav1_link_text.is_dropdown_label {
color: var(--swatch--brand-400);
}
.nav1_dropdown_column {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: clamp(1.5rem, 1.32442rem + .714898vw, 2rem);
display: flex;
}
.nav1_dropdown_column.horizontal-tablet {
border-right: 1px solid var(--swatch--brand-700);
}
.nav1_dropdown_column.horizontal-tablet.no-divider-right {
border-right-style: none;
}
.nav1_dropdown_overflow {
padding-top: var(--_spacing---space--4);
}
.nav1_icon_wrap {
color: #0054ff;
width: 1rem;
height: 1rem;
}
.nav1_toggle_wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
background-color: currentColor;
border-radius: .25em;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding: .5rem;
display: none;
}
.nav1_dropdown_link_wrap1_text2 {
line-height: 1;
}
.nav1_dropdown_link_img_wrap2 {
aspect-ratio: 1;
border-radius: .5rem;
width: 100%;
max-width: 5.75rem;
height: 100%;
max-height: 5.75rem;
position: relative;
overflow: hidden;
}
.nav1_dropdown_link_wrap1 {
padding-top: .25rem;
padding-bottom: .25rem;
}
.nav1_dropdown_link_wrap1:hover, .nav1_btn_wrap:hover {
color: #cdebff;
}
.nav1_dropdown_contain {
z-index: 1;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.nav1_wrap {
border-radius: var(--radius--round);
background-color: #1e1230a6;
flex: 1;
justify-content: space-between;
align-items: center;
padding: .5rem .5rem .5rem 2rem;
display: flex;
}
.nav1_dropdown_layout {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #fff;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: hidden;
}
.nav_logo_svg {
width: 6rem;
}
.nav1_end_wrap {
z-index: 2;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.nav1_dropdown_label {
margin-bottom: clamp(1.25rem, 1.16221rem + .357449vw, 1.5rem);
}
.nav1_menu_end_wrap {
grid-row-gap: .25rem;
flex-flow: column;
display: none;
}
.nav1_contain {
z-index: 1;
width: 100%;
max-width: var(--max-width--main);
padding-top: 1rem;
padding-right: var(--site--margin);
padding-left: var(--site--margin);
min-height: var(--nav--height);
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
container-type: inline-size;
}
.nav1_mobile_divider {
will-change: opacity;
display: none;
}
.nav1_dropdown_layout2 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: var(--radius--small);
background-color: var(--swatch--dark-800);
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: hidden;
}
.nav1_button {
border-color: currentColor;
justify-content: center;
align-items: center;
height: 3em;
font-size: 1em;
line-height: 1.4;
display: flex;
}
.nav1_button:hover {
color: #29abe2;
}
.nav1_button.nav1-hide-tablet:hover {
color: #cdebff;
}
.nav1_menu_dropdown_wrap {
position: relative;
}
.nav1_dropdown_link_wrap2 {
padding: .5rem;
}
.nav1_dropdown_link_wrap2:hover {
background-color: #f5f4ee;
}
.nav1_menu_list {
grid-column-gap: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (94.5 - 24.56) * 24.56)) * 1rem + ((2 - 1.5) / (94.5 - 24.56)) * 100vw), 2 * 1rem);
grid-row-gap: clamp(1.5 * 1rem, ((1.5 - ((2 - 1.5) / (94.5 - 24.56) * 24.56)) * 1rem + ((2 - 1.5) / (94.5 - 24.56)) * 100vw), 2 * 1rem);
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.nav1_link_icon {
width: 1rem;
}
.nav1_dropdown_label-text {
color: var(--swatch--brand-400);
-webkit-text-stroke-color: var(--swatch--brand-500);
text-transform: uppercase;
padding-left: 1em;
font-family: Roboto Condensed, sans-serif;
font-size: 1em;
font-weight: 600;
line-height: 1;
}
.nav1_dropdown_label-text:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
color: var(--swatch--brand-400);
}
.nav1_dropdown_link_wrap {
margin-top: var(--_spacing---space--4);
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.nav1_dropdown_link_wrap:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
border-right-color: var(--swatch--light-200);
}
.nav1_dropdown_link_wrap.is--colored {
justify-content: flex-start;
align-items: flex-start;
}
.nav1_dropdown_link_wrap.is--colored.has--card {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.grid {
grid-template-columns: 1fr 1fr;
display: block;
}
.no-link {
cursor: default;
}
.collection-list-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-blog {
letter-spacing: -.05em;
text-transform: none;
font-family: Switzer, Arial, sans-serif;
font-size: 70px;
font-weight: 500;
line-height: 100%;
}
.option {
color: var(--swatch--light-100);
}
.select-field {
background-color: var(--swatch--transparent);
border-radius: 2rem;
}
@media screen and (min-width: 1440px) {
.mega-nav__panel-col {
justify-content: flex-start;
align-items: flex-start;
}
.wrap-article-body {
max-width: 47.222vw;
}
.image-journal-card {
height: 27.778vw;
}
.master-article-body {
max-width: 63.333vw;
}
.u-overflow-photo-wrapper {
justify-content: center;
align-items: center;
}
.feature-item {
width: 100%;
}
.photo-wrapper:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8), .photo-wrapper:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a), .photo-wrapper:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc), .photo-wrapper:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78), .photo-item:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8), .photo-item:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a), .photo-item:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc), .photo-item:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78) {
border-radius: 14px;
}
.error-message-4 {
background-color: var(--swatch--brand-300);
}
.nav1_dropdown_link_wrap {
justify-content: flex-start;
align-items: flex-start;
}
}
@media screen and (min-width: 1920px) {
.swiper-wrapper {
justify-content: space-between;
}
.wrap-article-body {
max-width: 37.778vw;
}
.image-journal-card {
height: 22.222vw;
}
.master-article-body {
max-width: 50.666vw;
}
.u-overflow-photo-wrapper {
justify-content: center;
align-items: center;
}
.u-overflow-photo.u-overflow-photo-lv2 {
width: 100%;
height: 400px;
}
.u-overflow-photo.u-overflow-photo-lv1 {
width: 100%;
height: 500px;
}
.u-overflow-photo.u-overflow-photo-lv3 {
width: 100%;
height: 300px;
}
.services-offering-list {
opacity: 0;
position: absolute;
inset: 0% auto auto 0%;
}
.logo-wall {
padding-left: 11rem;
padding-right: 11rem;
}
.logo-wall__list {
justify-content: center;
align-items: center;
}
.logo-wall__item {
width: 286px;
}
.member-image {
height: 460px;
}
.image-cover-10.horizontal {
object-position: 50% 50%;
}
}
@media screen and (max-width: 991px) {
.u-section.dark-31 {
z-index: 18;
}
.button_main_element:where(.w-variant-94eb8f5e-ca5d-d045-7f9a-8aeff84986fa) {
padding: .5rem .125rem;
}
.btn-icon-content__mask:where(.w-variant-94eb8f5e-ca5d-d045-7f9a-8aeff84986fa) {
height: 1rem;
font-size: .6em;
overflow: visible;
}
.btn-icon-icon__list:where(.w-variant-94eb8f5e-ca5d-d045-7f9a-8aeff84986fa) {
height: 100%;
}
.btn-icon-icon__arrow:where(.w-variant-94eb8f5e-ca5d-d045-7f9a-8aeff84986fa) {
width: 1.6em;
height: 60%;
}
.btn-icon-icon:where(.w-variant-94eb8f5e-ca5d-d045-7f9a-8aeff84986fa) {
width: 1.7em;
height: 1.7em;
}
.mega-nav__bar-cta {
padding: 1em .75em 1em 1em;
}
.mega-nav__panel-link {
padding: 0;
}
.mega-nav__panel-link:hover {
background-color: #0000;
padding: 0;
}
.mega-nav__dropdown-inner {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background-color: #1e123000;
flex-flow: column;
justify-content: flex-start;
padding-top: 0;
padding-bottom: 0;
}
.mega-nav__panel-col {
border-bottom: 1px solid var(--swatch--brand-700);
border-right-style: none;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.mega-nav__panel-col.is--colored {
border-bottom-color: var(--swatch--brand-700);
background-color: var(--swatch--transparent);
}
.mega-nav__dropdown-bg {
display: none;
}
.mega-nav {
height: 4.24rem;
top: 0;
left: 0;
right: 0;
}
.mega-nav__bar-start {
justify-content: space-between;
align-items: center;
}
.mega-nav__burger {
border-radius: var(--_radius---round);
background-color: var(--swatch--brand-400);
}
.mega-nav__backdrop {
display: none;
}
.mega-nav__bar {
background-color: #1e1230a6;
}
.mega-nav__bar-link-icon {
width: 1.5em;
}
.mega-nav__bar-link-icon.is--dropdown {
transform: rotate(-90deg);
}
.mega-nav__bar-inner {
visibility: hidden;
opacity: 0;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
bottom: 0%;
left: 0%;
right: 0%;
top: var(--nav-height);
background-color: #1e1230a6;
border-radius: 40px;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding: 2em 1.5em;
position: fixed;
overflow: visible;
}
.mega-nav__bar-inner:where(.w-variant-e08f900c-0660-227d-e24f-f40711cdcecf) {
background-color: #d8d8d8ba;
}
.mega-nav__panel-list {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.mega-nav__bar-end {
cursor: pointer;
display: flex;
}
.mega-nav__bar-link-label {
font-size: 1em;
}
.mega-nav__dropdown-wrapper {
z-index: 4;
bottom: 0;
top: var(--nav-height);
position: fixed;
}
.mega-nav__panel-label {
width: 100%;
}
.mega-nav__bar-link {
border-bottom: 1px solid var(--swatch--brand-400);
border-radius: 0;
width: 100%;
padding: 0 0 1em;
font-size: 1.25em;
}
.mega-nav__bar-link.w--current {
padding-top: 0;
padding-bottom: 1em;
}
.mega-nav__bar-link.is--back {
border-bottom-style: none;
font-size: 1em;
}
.mega-nav__bar-link.is--dropdown {
justify-content: space-between;
align-items: center;
}
.mega-nav__bar-list {
grid-column-gap: 1.1em;
grid-row-gap: 1.1em;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
}
.mega-nav__bar-list.is--actions {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
}
.mega-nav__bar-action {
flex: 1;
}
.mega-nav__dropdown-panel {
background-color: #1e1230a6;
border-radius: 16px;
padding-left: 0;
padding-right: 0;
bottom: 0;
overflow: auto;
}
.mega-nav__dropdown-container {
height: 100%;
overflow: auto;
}
.mega-nav__burger-line {
background-color: var(--swatch--light-100);
}
.marquee-advanced__item-width {
width: 20vw;
height: 14vw;
}
.text-h0 {
font-size: 80px;
}
.section {
padding-top: 64px;
padding-bottom: 64px;
}
.home-c-description {
margin-bottom: 80px;
}
.text-h4 {
font-size: 32px;
}
.highlight-text-h {
font-size: 2.1em;
}
.cards-stack-card.is--wide {
aspect-ratio: 5 / 4;
}
.text-style-h3 {
font-size: 26px;
}
.main-container-3 {
max-width: none;
}
.label-small {
font-size: 10px;
}
.tab-content__wrap {
max-width: none;
margin-left: 0;
}
.tab-visual__item {
overflow: hidden;
}
.tab-visual__wrap {
height: auto;
padding-left: 0;
padding-right: 0;
}
.tab-content__inner {
justify-content: space-between;
align-items: stretch;
padding: 0;
}
.tab-layout__col {
width: 100%;
}
.tab-content__top {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.tab-content__inner-2 {
justify-content: space-between;
align-items: stretch;
padding: 0;
}
.demo-card__tag {
padding: 40px;
}
.preview-item__heading {
font-size: 2em;
}
.preview-item__inner {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: var(--swatch--dark-800);
border: 1px #000;
border-radius: 32px;
flex-flow: row;
padding: 1em;
display: flex;
}
.preview-item {
width: calc(100% - .5em);
}
.preview-list {
grid-column-gap: 1em;
grid-row-gap: 4em;
flex-flow: column;
}
.preview-item__col.is--large {
flex: none;
order: -1;
width: 100%;
max-width: none;
}
.preview-item__col.is--small {
text-align: right;
max-width: 20%;
}
.preview-item__col.is--small.tablet--hide {
display: none;
}
.preview-item__col.is--medium {
order: -1;
max-width: 80%;
}
.preview-follower {
display: none;
}
.preview-item__visual {
border-radius: .75em;
order: -1;
width: 100%;
height: 220px;
margin-bottom: 0;
display: block;
position: relative;
}
.preview-item__text {
margin-top: 0;
}
.preview-item__row {
grid-column-gap: 0px;
grid-row-gap: 1.6em;
place-content: center flex-start;
align-items: center;
}
.preview-item__row.tablet--hide {
display: none;
}
.feature-pills__item-button {
justify-content: space-between;
align-items: center;
width: 100%;
}
.feature-pills__layout {
flex-flow: column;
}
.feature-pills__info-collection {
padding: 2.5em 0 4em;
}
.feature-pills__info-list {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
}
.feature-pills__col {
width: 100%;
}
.feature-pills__col.is--visual {
aspect-ratio: 1;
border-radius: 1.25em;
order: -9999;
overflow: hidden;
}
.feature-pills__wrap {
background-color: #0000;
border-style: none;
border-radius: 0;
height: auto;
}
.feature-pills__info-item {
width: var(--content-item-expanded);
}
.feature-pills__item-inner {
max-width: 100%;
}
.mega-nav__dropdown-inner-2 {
flex-flow: column;
}
.mega-nav__panel-col-2 {
border-bottom: 1px solid #0000001a;
border-right-style: none;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.mega-nav__dropdown-bg-2 {
display: none;
}
.mega-nav-2 {
top: 0;
left: 0;
right: 0;
}
.mega-nav__bar-inner-2 {
opacity: 0;
bottom: 0%;
left: 0%;
right: 0%;
top: var(--nav-height);
visibility: hidden;
background-color: #fff;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding: 2em 1.5em;
position: fixed;
overflow: auto;
}
.mega-nav__bar-link-label-2 {
font-size: 1.25em;
}
.mega-nav__dropdown-wrapper-2 {
z-index: 4;
bottom: 0;
top: var(--nav-height);
position: fixed;
}
.mega-nav__panel-label-2 {
width: 100%;
}
.mega-nav__dropdown-panel-2 {
background-color: #fff;
bottom: 0;
overflow: auto;
}
.mega-nav__dropdown-container-2 {
height: 100%;
overflow: auto;
}
.dbl-icon {
height: 100%;
}
.demo-footer__col {
width: 100%;
}
.demo-header__logo {
width: 50vw;
}
.demo-header__title-row {
padding-left: 0;
}
.demo-footer__links-row {
flex-flow: column;
}
.demo-footer__logo-row {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.demo-header__info-row {
flex-flow: column;
}
.demo-header__col {
width: 100%;
}
.footer-right {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-right: 0;
}
.cta-master {
margin-top: 80px;
margin-bottom: 80px;
}
.footer-halves {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.image-1 {
max-width: 120px;
}
.image-2 {
max-width: 100px;
}
.image-3 {
left: 5%;
}
.image-4 {
max-width: 100px;
right: 5%;
}
.image-5 {
max-width: 80px;
}
.image-6 {
max-width: 110px;
right: 2%;
}
.service-item {
flex-flow: column;
display: flex;
}
.service-item:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62), .service-item:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
padding: 16px;
}
.flex-block-5 {
grid-column-gap: 4.2rem;
grid-row-gap: 4.2rem;
justify-content: flex-start;
align-items: flex-start;
}
.cta-c-columns {
flex-flow: column;
}
.right-cta-c {
padding-left: 0;
}
.main-container-6 {
max-width: none;
}
.label-small-4 {
font-size: 10px;
}
.left-cta-c {
margin-bottom: 64px;
}
.main-container-7, .article-hero-right {
max-width: none;
}
.image-journal-card {
height: 300px;
}
.section-6.hero-article {
padding-bottom: 0;
}
.card-article {
flex-flow: column;
grid-auto-columns: 1fr;
}
.article-hero-halves {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-columns: 1fr;
}
.article-thumbnail {
border-radius: 8px;
width: 100%;
height: 350px;
position: static;
}
.image-wrap-home-a {
height: 550px;
}
.main-container-8 {
max-width: none;
}
.label-small-6 {
font-size: 10px;
}
.master-home-a {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-columns: 1fr;
}
.u-overflow-photo.u-overflow-photo-lv2 {
height: 220px;
}
.u-overflow-photo.u-overflow-photo-lv1 {
height: 260px;
}
.u-overflow-photo.u-overflow-photo-lv3 {
height: 180px;
}
.u-overflow-photo-div.hasmarginleft.isseconditem, .u-overflow-photo-div.isthirditem {
margin-top: 20px;
}
.swiper-slide {
width: 20%;
min-width: 250px;
}
.swiper-image {
height: 240px;
}
.footer-right-2 {
margin-right: 0;
}
.footer-halves-2 {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.stats-number.counter-number {
font-size: 2.1rem;
}
.feature-bot-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
}
.feature-desc {
max-width: none;
}
.feature-list.feature-list-reverse._3xcol {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.filter-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.filter-btn {
flex: none;
}
.work-list {
grid-template-columns: 1fr 1fr;
}
.work-image {
height: 350px;
}
.logo-wall {
padding-left: 4rem;
padding-right: 4rem;
}
.logo-wall__list {
justify-content: center;
align-items: center;
}
.logo-wall__item {
width: 21%;
margin: 10px;
}
.mwg094-text {
top: 40%;
}
.filter-btn-wrapper {
flex-wrap: wrap;
padding-bottom: 10px;
}
.feature-stats-card:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-card:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
padding: 18px;
top: -50px;
right: -20px;
}
.stats-number-wrapper:where(.w-variant-7c6d3077-82a3-a74b-08f3-3d9a4a4e893e), .stats-number-wrapper:where(.w-variant-759373f4-213d-6a6c-112c-a643b7b0e4d5) {
flex-wrap: wrap;
}
.project-wrapper:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .project-wrapper:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
flex-flow: column;
}
.project-info:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .project-info:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
padding-right: 0;
}
.project-highlights:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf), .project-highlights:where(.w-variant-d4417ef3-05dd-6394-f435-fc0c09c1eca9) {
padding-top: 0;
}
.project-services-wrapper:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62), .project-services-wrapper:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
grid-column-gap: 54px;
grid-row-gap: 54px;
}
.new-list {
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: stretch stretch;
display: grid;
}
.service-category-list {
flex-wrap: wrap;
}
.mwg097-paragraph {
width: 90%;
font-size: 2.2rem;
}
.mwg097-paragraph.accent {
width: 90%;
}
.ai-header {
font-size: 60px;
}
.main-container-10 {
max-width: none;
}
.div-block-106, .what-we-do-video {
position: relative;
top: 0;
}
.sticky-steps__media {
width: 100%;
height: auto;
padding-left: 0;
position: relative;
top: auto;
right: auto;
}
.sticky-steps__text {
width: 100%;
padding-bottom: 5em;
padding-right: 0;
}
.sticky-steps__sticky {
min-height: auto;
position: relative;
top: auto;
}
.sticky-steps__list {
grid-column-gap: 7.5em;
grid-row-gap: 7.5em;
padding-top: 10em;
padding-bottom: 10em;
}
.mwg031.u-container {
padding-bottom: var(--_spacing---section-space--main);
}
.mwg031-content {
padding: 3rem 2rem;
}
.mwg031-content.dark-purple {
padding: 4rem;
}
.flex-block-8 {
padding: 20px;
}
.flex-block-8:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
padding: 30px;
}
.dbl-icon-bottom {
height: 100%;
padding-left: 20px;
padding-right: 20px;
}
.demo-card__tag-bg-light {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 10px 10px 0;
}
.demo-card__tag-bg-light:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
padding: 0;
}
.demo-card__tag-bg-light:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
justify-content: space-between;
align-items: flex-start;
}
.padding-global-proper {
margin-top: 100px;
margin-bottom: 100px;
}
.tm_card_wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tm_card_wrap:hover {
box-shadow: 0 2px 30px #9747ff4d;
}
.h2-m {
font-size: 4rem;
}
.tm_layout {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-large-proper {
margin-bottom: 4rem;
}
.padding-section-large-proper {
padding-top: 4rem;
padding-bottom: 4rem;
}
.card-m-head.testimonial-ver {
grid-column-gap: .7rem;
grid-row-gap: .7rem;
}
.card-m-head.flex-horizontal {
width: 100%;
}
.card-m-head.flex-horizontal.margin-0 {
margin-bottom: 0;
}
.card-m-padding {
height: auto;
padding-left: 1.4rem;
padding-right: 1.4rem;
}
.testimonial-main-container {
padding: 40px;
}
.container-3 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.service_pill {
font-size: clamp(.75rem, .9vw, 1rem);
}
.tm_collection_list {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.tm_name_block.u-color-faded.u-weight-regular.u-display-inline-block {
line-height: 1.2;
}
.mwg031-inner_wrap.u-grid-custom.u-height-full {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.mwg031-inner_btm_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.mwg031-inner_stats_wrap.u-grid-custom {
grid-column-gap: var(--_spacing---space--2);
grid-row-gap: var(--_spacing---space--2);
}
.mwg031-inner_stats_block.u-radius-main {
padding: 1rem;
}
.mwg031-inner_space_wrap {
display: none;
}
.mwg031-inner_content2_column.u-column-span-3 {
grid-column-end: span 4;
}
.mgw031-inner_top_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.dt-grid-faq-1 {
grid-template-columns: 1fr;
}
.dt-left-faq-1 {
text-align: center;
justify-content: flex-start;
align-items: center;
max-width: 610px;
}
.dt-h2 {
font-size: 2.4em;
}
.faq4_list {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
width: 100%;
}
.faq4_dropdown_list {
background-color: #fff0;
position: relative;
}
.solution-lottie-rotate-1.lottie-m.mobile-ver {
bottom: -27px;
right: 156px;
}
.text-small-5.text-color-p.max-width-txt-special {
max-width: 200px;
}
.decolottie-top-right {
max-width: 120px;
top: -43px;
right: 10px;
}
.decolottie-top-right.lottie-m {
top: -46px;
right: 21px;
}
.faq4_icon-wrappper {
align-self: center;
}
.accordion-btn-content-lottie-1 {
width: 50%;
}
.h6-m {
font-size: 1.185rem;
}
.icon-container-m {
border-radius: 90px;
width: 54px;
height: 54px;
}
._2grid-50-50-m {
flex-flow: row;
align-items: stretch;
display: flex;
}
.card-m {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.layout505_tab-content {
padding: 2rem;
}
.accordion-btn-content-lottie-2 {
width: 60%;
}
.solution-lottie-rotate-3.lottie-m.mobile-ver {
min-width: 220px;
max-width: 24vw;
bottom: -39px;
}
.solution-lottie-rotate-4.lottie-m.mobile-ver {
max-width: 33vw;
bottom: -35px;
right: 41px;
}
.lottie1-mobile-wrap {
width: 48%;
position: relative;
}
.tab-w-icon-button {
height: auto;
}
.analytics_tabs_mobile_dropdown {
z-index: 1;
border: 1px solid var(--swatch--brand-800);
border-radius: 42px;
width: 100%;
overflow: hidden;
}
.faq4_question {
z-index: 1;
padding: 1rem;
}
.stat-m-padding {
height: auto;
}
.cursor-container-to-show {
display: none;
}
.h5-m {
font-size: 1.365rem;
}
.problem-solution-grid.mobile-ver {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-columns: 1fr;
padding: 1rem;
}
.problem-solution-heading {
font-family: var(--_typography---font--primary-family);
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 500;
}
.faq4_component.hide-desktop.width-100 {
width: 100%;
display: block;
}
.solution-lottie-rotate-2.lottie-m.mobile-ver {
bottom: -25px;
right: 17px;
}
.solution-lottie-rotate-5 {
max-width: 32vw;
}
.card-m-padding-2 {
height: auto;
padding-left: 1.4rem;
padding-right: 1.4rem;
}
.accordion-btn-content-lottie-3 {
width: 50%;
}
.h6-m-2 {
font-size: 1.185rem;
}
._2grid-50-50-m-2 {
flex-flow: row;
align-items: stretch;
display: flex;
}
.card-m-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-m-2:hover {
box-shadow: 0 2px 30px #9747ff4d;
}
.accordion-btn-content-lottie-4 {
width: 60%;
}
.icon-cont-padding-m-2 {
background-color: var(--swatch--brand-500);
border-radius: 70px;
}
.problem-solution-grid-2.mobile-ver {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-columns: 1fr;
padding-top: 4.5rem;
padding-bottom: 1rem;
}
.problem-solution-heading-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
}
.solution-lottie-rotate-5-2 {
max-width: 32vw;
bottom: -20px;
}
.card-m-padding-3 {
height: auto;
padding-left: 1.4rem;
padding-right: 1.4rem;
}
.sticky-steps__text-2 {
width: 100%;
padding-bottom: 5em;
padding-right: 0;
}
.mwg062 {
display: none;
}
.icon-wrap:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
justify-content: flex-start;
align-items: flex-end;
}
.faq4_heading {
font-family: var(--_typography---font--primary-family);
font-size: 1.185rem;
font-weight: var(--_typography---font--primary-medium);
}
.mwg008 {
height: 40vh;
}
.text-block-19 {
color: var(--swatch--light-100);
font-size: 1rem;
font-weight: var(--_typography---font--primary-medium);
}
.text-block-20 {
color: var(--swatch--brand-100);
font-size: 16px;
line-height: 140%;
}
.text-block-21 {
color: var(--swatch--light-100);
font-size: 1rem;
}
.mobile-testimonia-ga4 {
color: var(--swatch--brand-200);
font-size: 18px;
line-height: 139%;
}
.text-block-22, .text-block-23, .text-block-24, .text-block-25 {
color: var(--swatch--light-100);
font-size: 1rem;
}
.darker-grey {
font-size: .94rem;
}
.darker-grey.padding {
padding-left: 0%;
padding-right: 0%;
}
.headshot-cont {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.text-center-wrapper-about {
max-width: 700px;
}
.container-4 {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.member-image {
height: 280px;
}
.section-17.team-1 {
padding-top: 60px;
padding-bottom: 60px;
}
.dbl-label.text-colour-white {
font-size: 20px;
}
.team-grid {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}
.dbl-h1 {
max-width: 100%;
font-size: 4.2rem;
}
.main-container-15 {
padding-left: 2rem;
padding-right: 2rem;
}
.dbl-label-2.text-colour-grey {
font-size: 15px;
}
.div-block-110, .div-block-111 {
line-height: 1.1;
}
.div-block-112 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.mega-nav__dropdown-bg-3 {
display: none;
}
.mega-nav-3 {
top: 0;
left: 0;
right: 0;
}
.mega-nav__backdrop-2 {
display: none;
}
.mega-nav__bar-end-2 {
display: flex;
}
.mega-nav__bar-link-label-3 {
font-size: 1.25em;
}
.mega-nav__dropdown-wrapper-3 {
z-index: 4;
bottom: 0;
top: var(--nav-height);
position: fixed;
}
.mega-nav__panel-label-3 {
width: 100%;
}
.mega-nav__dropdown-panel-3 {
background-color: #fff;
bottom: 0;
overflow: auto;
}
.mega-nav__dropdown-container-3 {
height: 100%;
overflow: auto;
}
.menu-button {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: #231f23;
background-color: #231f2314;
border: 1px solid #231f2300;
border-radius: 1.5rem;
flex: none;
justify-content: center;
align-items: center;
padding: .75rem;
display: flex;
}
.menu-button.w--open {
color: #231f23;
background-color: #231f2314;
}
.nav_list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.nav_column {
max-width: none;
}
.dropdown_inner-small {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
padding: 0;
}
.nav_right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.nav_button-desktop {
display: none;
}
.nav_label {
padding-left: 0;
}
.nav-menu_inner {
width: 100%;
height: 68dvh;
min-height: 100%;
box-shadow: none;
background-color: #f7f6f5;
border-radius: 0 0 1.25rem 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
padding: .25rem 1.25rem 1rem;
overflow: scroll;
}
.dropdown-list.w--open {
padding: 0;
position: static;
}
.nav-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.nav_wrap-menu {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #f7f6f500;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding-bottom: .5rem;
display: flex;
}
.nav-menu {
background-color: #f7f6f500;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.link_dropdown {
padding: 0;
}
.link_dropdown:hover, .link_dropdown.w--current {
background-color: #f7f6f500;
}
.link_dropdown.smaller {
padding-bottom: 0;
}
.dropdown-toggle {
letter-spacing: 0;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0;
font-size: 1.5rem;
font-weight: 400;
line-height: 2rem;
}
.menu-button_inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.menu-button_inner.close {
color: #231f23;
display: none;
}
.icon_menu {
flex: none;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.divider_mobile-menu {
background-color: #231f2314;
flex: none;
width: 100%;
height: 1px;
display: block;
}
.nav-menu_mobile-button {
flex-flow: column;
margin-top: 1.5rem;
display: flex;
}
.dropdown {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.dropdown-line {
background-color: #231f23;
width: 90%;
height: .094rem;
}
.dropdown-line.absolute {
width: .094rem;
height: 90%;
position: absolute;
}
.icon-dropdown {
display: none;
}
.cta_mobile-menu {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
color: #231f23;
text-align: left;
---mode--collection-a49bdcac-9684-253e-f2a5-ec790ca24346: mode-432b6168-014b-d342-7aaf-e949cad7c195;
background-image: none;
background-position: 50%;
background-size: cover;
border-radius: 1.25rem;
flex-flow: column;
width: 100%;
margin-top: auto;
padding: 1.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.icon-wrap_dropdown {
justify-content: center;
align-items: center;
padding: .75rem;
display: flex;
}
.icon-wrap_dropdown.not-visible {
opacity: 0;
display: flex;
}
.nav-cta_desktop {
display: none;
}
.nav-container_bg.for-dropdown {
opacity: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.link_nav {
letter-spacing: 0;
justify-content: space-between;
align-items: center;
padding: 0;
font-size: 1.5rem;
font-weight: 400;
line-height: 2rem;
display: flex;
}
.dropdown-animated-box {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: relative;
}
.mobile-cta_bottom-tile {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.dropdown-small_wrap {
box-shadow: none;
background-color: #f7f6f500;
border-radius: 0;
flex: 0 auto;
overflow: visible;
}
.left_nav-menu {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.dropdown-list_small.w--open {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
position: static;
}
.dropdown_inner {
padding: 1.25rem 0;
}
.nav_services_mobile_wrap {
padding-left: 0;
display: block;
}
.nav_services_mobile_wrap.no-left-padding {
padding-left: 0;
}
.services_desktop {
display: none;
}
.mwg109-media {
order: 2;
}
.mwg109-title {
font-size: 50px;
}
.mwg109-slide {
flex: 0 0 74px;
width: 100%;
height: auto;
}
.mwg109-bottom {
flex-direction: column;
gap: 20px;
}
.mwg109-container {
flex-direction: column;
width: 90vw;
max-width: 600px;
height: auto;
}
.mwg109-small-title {
width: 100%;
padding: 26px;
left: 0;
right: auto;
transform: none;
}
.mwg109 {
height: auto;
padding: 50vh 0;
}
.main-container-16 {
max-width: none;
}
.timeline-halves {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.image-wrap-timeline {
height: 640px;
}
.label-small-9 {
font-size: 10px;
}
.nav-menu-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fffdf6;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
max-height: 87vh;
padding: 112px 32px 24px;
display: flex;
position: relative;
overflow: auto;
}
.mega-menu-left {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
width: 100%;
}
.nav-dropdown {
margin-left: 0;
margin-right: 0;
display: block;
}
.menu-button-2 {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.menu-button-2.w--open {
color: #1f1915;
background-color: #0000;
}
.nav-container-2 {
grid-template-columns: 1fr 1fr;
padding-top: 12px;
padding-bottom: 12px;
}
.icon-close {
justify-content: center;
align-items: center;
display: flex;
}
.menu-link {
padding: 0;
}
.menu-link:hover, .navigation-link-hover-wrap:hover {
background-color: #0000;
}
.menu-cta-mobile {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #f0eee9;
justify-content: space-between;
align-items: center;
padding-top: 8px;
padding-left: 24px;
padding-right: 24px;
display: flex;
position: absolute;
inset: 0 0% auto;
}
.dropdown-toggle-2 {
justify-content: space-between;
align-items: center;
display: none;
}
.multi-layout-row:hover, .nav-menu-2 {
background-color: #0000;
}
.menu-close {
justify-content: center;
align-items: center;
width: 20px;
padding: 2px;
display: none;
}
.menu-socials {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.menu-divider {
background-color: #1f191552;
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
display: block;
}
.dropdown-list-2 {
background-color: #0000;
display: block;
position: static;
}
.dropdown-list-2.w--open {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: static;
}
.dropdown-list-2.bigger-nav-list.w--open {
margin-top: 0;
}
.navigation-label-mobile {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.icon-menu {
justify-content: center;
align-items: center;
width: 20px;
display: flex;
}
.navigation-link-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
padding: 0;
}
.nav-link {
margin-left: 0;
margin-right: 0;
display: none;
}
.mega-menu-halves {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
padding-left: 0;
padding-right: 0;
display: flex;
}
.menu-links-column {
padding-top: 20px;
}
.menu-column-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
max-width: none;
}
.menu-bottom-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
display: flex;
}
.menu-template-image {
width: 137px;
}
.mega-menu-wrap {
border-style: none;
padding: 0;
}
.multi-layout-master {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.menu-cta-link-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.menu-column {
width: 100%;
}
.navigation-label-desktop, .icon-multi-layout, .megs-menu-right {
display: none;
}
.menu-open {
justify-content: center;
align-items: center;
width: 20px;
display: flex;
}
.link-menu-social {
width: 19px;
height: 19px;
}
.nav_menu-button {
border: 1px solid var(--swatch--brand-500);
background-color: var(--swatch--transparent);
color: #fff;
border-radius: 4rem;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
padding: .5rem;
display: flex;
}
.nav_menu-button.w--open {
background-color: var(--swatch--transparent);
}
.text-size-xsmall {
font-size: .8rem;
font-weight: var(--_typography---font--primary-regular);
}
.nav_link {
padding-top: .5rem;
padding-bottom: .5rem;
}
.nav_link.hide-tablet {
display: none;
}
.nav_dropdown-content {
flex-flow: column;
width: auto;
}
.nav_component-2 {
min-width: 100%;
max-width: 100%;
padding-top: 0;
}
.nav_dropdown {
width: 100%;
}
.subheading-small {
font-size: 1rem;
}
.nav_dropdown-toggle {
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem;
}
.nav_featured-link {
display: none;
}
.nav_menu {
background-color: #181027;
border-radius: 30px;
padding: 1rem 4%;
top: 77px;
}
.nav_dropdown-list {
margin-top: .25rem;
position: relative;
top: 0;
left: auto;
}
.nav_dropdown-list.w--open {
background-color: #0000;
width: 100%;
padding-left: 0;
padding-right: 0;
position: static;
top: 0;
}
.nav_vertical-divider {
display: none;
}
.nav_links-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
}
.icon-2 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.nav1_toggle_line {
height: .125rem;
}
.nav1_menu_dropdown {
opacity: 1;
visibility: visible;
height: auto;
max-height: none;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.nav1_dropdown_scroll {
grid-template-rows: 0fr;
width: 100%;
max-height: none;
display: grid;
position: relative;
overflow: hidden;
}
.nav1_menu_scroll {
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 1.5rem 3rem;
display: flex;
overflow: hidden auto;
}
.nav1_link_wrap {
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1rem .5rem;
}
.nav1_link_text {
font-size: 1em;
}
.nav1_dropdown_column {
padding: 0 0 1rem;
}
.nav1_dropdown_column.horizontal-tablet {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1rem;
}
.nav1_dropdown_column.u-bg-sky-100 {
border-radius: 1rem;
margin-bottom: 1rem;
padding: clamp(1.5rem, 1.32442rem + .714898vw, 2rem);
}
.nav1_dropdown_overflow {
flex-flow: column;
width: 100%;
height: 10000%;
display: flex;
position: relative;
overflow: hidden;
}
.nav1_dropdown_overflow.u-pointer-off {
padding-top: 0;
}
.nav1_toggle_wrap {
grid-column-gap: .19rem;
grid-row-gap: .19rem;
background-color: #0000;
display: flex;
}
.nav1_btn_wrap {
display: none;
}
.nav1_dropdown_contain {
background-color: #0000;
border-radius: 0;
max-width: none;
margin-top: 0;
padding: 0 0 0 1rem;
}
.nav1_dropdown_contain.u-pointer-on {
padding-left: 0;
left: auto;
}
.nav1_wrap {
padding-left: 1.5rem;
padding-right: 1rem;
}
.nav1_dropdown_layout {
background-color: #0000;
border-radius: 0;
grid-template-columns: minmax(0, 1fr);
margin-bottom: .5rem;
}
.nav_logo_svg {
width: 100%;
max-width: 10.875rem;
max-height: 2rem;
}
.nav1_end_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.nav1_menu_end_wrap {
grid-column-gap: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (94.5 - 24.56) * 24.56)) * 1rem + ((1.5 - 1.25) / (94.5 - 24.56)) * 100vw), 1.5 * 1rem);
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav1_dropdown_featured.u-vflex-left-top.u-gap-4 {
grid-column-gap: clamp(.5 * 1rem, ((.5 - ((.5 - .5) / (94.5 - 24.56) * 24.56)) * 1rem + ((.5 - .5) / (94.5 - 24.56)) * 100vw), .5 * 1rem);
grid-row-gap: clamp(.5 * 1rem, ((.5 - ((.5 - .5) / (94.5 - 24.56) * 24.56)) * 1rem + ((.5 - .5) / (94.5 - 24.56)) * 100vw), .5 * 1rem);
margin-bottom: 0;
}
.nav1_mobile_divider {
width: 100%;
height: .063rem;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.nav1_dropdown_layout2 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #0000;
border-radius: 0;
flex-flow: column;
grid-template-columns: minmax(0, 1fr) 1fr 1fr;
}
.nav1_menu_wrap {
background-color: var(--swatch--dark-800);
opacity: 0;
width: 100%;
height: 100dvh;
padding-top: var(--nav--height);
visibility: hidden;
position: fixed;
inset: 0%;
}
.nav1_button.nav1-hide-tablet {
display: none;
}
.nav1_dropdown_link_wrap2.u-hflex-left-top.u-gap-4 {
flex-flow: column;
}
.nav1_dropdown_link_wrap2.u-hflex-left-top.u-gap-4.u-mb-3 {
margin-bottom: .75rem;
}
.nav1_dropdown_link_wrap2.u-hflex-left-top.u-gap-4.u-mb-3.horizontal-tablet {
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
}
.nav1_menu_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: center;
align-items: stretch;
}
.nav1_link_icon {
width: 1rem;
}
.nav1_dropdown_label-text {
width: 100%;
}
.nav1_dropdown_link_wrap.is--colored {
border-bottom-color: var(--swatch--brand-700);
background-color: var(--swatch--transparent);
}
.collection-list-4 {
grid-template-columns: 1fr 1fr;
}
.collection-list-wrapper-2 {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.u-heading.h3.hide_mobile {
display: none;
}
.swiper-wrapper {
grid-column-gap: 22px;
grid-row-gap: 22px;
}
.hero_wrap.u-section {
--_theme---background: var(--swatch--light-200);
--_theme---text: var(--swatch--dark-900);
--_theme---background-2: var(--swatch--light-100);
--_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent);
--_theme---heading-accent: var(--swatch--brand-600);
--_theme---border: var(--swatch--dark-900-o20);
--_theme---button-primary--text: var(--swatch--brand-text);
--_theme---button-primary--text-hover: var(--swatch--brand-text);
--_theme---button-secondary-light--text: var(--swatch--dark-900);
--_theme---button-secondary-light--text-hover: var(--swatch--dark-900);
--_theme---button-secondary-light--background: var(--swatch--light-100);
--_theme---button-secondary-light--background-hover: var(--swatch--light-100);
--_theme---button-secondary-light--border: var(--swatch--light-100);
--_theme---button-secondary-light--border-hover: var(--swatch--light-100);
--_theme---text-link--border: var(--_theme---border);
--_theme---text-link--text: var(--_theme---text);
--_theme---text-link--text-hover: var(--_theme---text-link--text);
--_theme---button-primary--background: var(--swatch--brand-400);
--_theme---button-primary--background-hover: var(--swatch--brand-400);
--_theme---button-primary--border: var(--swatch--brand-400);
--_theme---button-primary--border-hover: var(--swatch--brand-400);
--_theme---nav--background: var(--_theme---background-2);
--_theme---text-link--border-hover: var(--_theme---text);
--_theme---button-primary-outline--text: var(--swatch--light-100);
--_theme---selection--background: var(--swatch--brand-300);
--_theme---selection--text: var(--swatch--brand-text);
--_theme---button-primary--icon-bg: var(--swatch--light-100);
--_theme---button-primary-outline--background: var(--swatch--dark-900);
--_theme---button-primary-outline--border: var(--swatch--brand-400);
--_theme---button-primary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-primary-outline--background-hover: var(--swatch--dark-900);
--_theme---button-primary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-primary-outline--text-hover: var(--swatch--light-100);
--_theme---button-secondary-light--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background: var(--swatch--dark-900);
--_theme---button-secondary-dark--border: var(--swatch--dark-900);
--_theme---button-secondary-dark--text: var(--swatch--light-100);
--_theme---button-secondary-dark--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-dark--background-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--border-hover: var(--swatch--dark-900);
--_theme---button-secondary-dark--text-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--background: var(--swatch--light-100);
--_theme---button-secondary-outline--border: var(--swatch--brand-400);
--_theme---button-secondary-outline--text: var(--swatch--dark-900);
--_theme---button-secondary-outline--icon-bg: var(--swatch--brand-400);
--_theme---button-secondary-outline--background-hover: var(--swatch--light-100);
--_theme---button-secondary-outline--border-hover: var(--swatch--brand-400);
--_theme---button-secondary-outline--text-hover: var(--swatch--dark-900);
}
.scroll-3_trigger {
padding: 4rem 2em;
}
.mega-nav__dropdown-inner {
height: auto;
}
.mega-nav__bar-inner {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border-radius: 40px;
}
.mega-nav__panel-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.marquee-advanced__item-width {
width: 28vw;
height: 17vw;
}
.card-case-logo {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 24px;
}
.text-h0 {
font-size: 64px;
}
.sticky-features__tag {
margin-bottom: 0;
}
.sticky-features__scroll {
justify-content: center;
align-items: center;
height: auto;
min-height: 100svh;
padding-top: 1.25em;
padding-bottom: 2.5em;
}
.sticky-features__img-list {
aspect-ratio: 1;
}
.sticky-features__text-list {
min-height: 20em;
max-height: none;
}
.sticky-features__p {
font-size: 1em;
}
.sticky-features__heading {
font-size: 2.5em;
}
.sticky-features__container {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.sticky-features__text-item {
max-width: none;
}
.sticky-features__text-list-2 {
min-height: 20em;
max-height: none;
}
.sticky-features__text-item-2 {
max-width: none;
}
.cards-stack__item.is--wide {
max-width: 25em;
}
.cards-stack-card {
font-size: .8em;
}
.cards-stack-card.is--wide {
aspect-ratio: 2 / 3;
}
.cards-stack-card__h.is--wide {
font-size: 3.375em;
}
.column-occasions.third-column, .column-occasions.ssecond-column {
padding-top: 0;
}
.tile-occasions {
border-left: 1px solid #e6e0c64d;
border-right-style: none;
padding-left: 44px;
padding-right: 0;
}
.grid-scroll-occasions {
grid-row-gap: 100px;
grid-template-columns: 1fr;
}
.text-h2 {
letter-spacing: -1.5px;
font-size: 36px;
line-height: 40px;
}
.main-container-3 {
padding-left: 16px;
padding-right: 16px;
}
.wiw-thirds {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr;
max-width: 1144px;
}
.headline-wiw {
grid-column-gap: 16px;
grid-row-gap: 16px;
max-width: 680px;
margin-bottom: 56px;
}
.section-3 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-3.wiw-section {
padding-top: 64px;
padding-bottom: 64px;
}
.label-small {
letter-spacing: .75px;
font-size: 8px;
line-height: 10px;
}
.label-master {
border-radius: 16px;
padding: 4px 8px;
}
.card-wiw {
border-radius: 16px;
min-height: 400px;
padding: 24px;
position: static;
}
.card-wiw.third, .card-wiw.second {
margin-top: 0;
}
.text-large {
letter-spacing: 0;
font-size: 16px;
line-height: 24px;
}
.content-item__nr {
margin-top: -.2em;
}
.content-item__heading {
font-size: 1.5em;
}
.tab-content__item-main {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.tab-visual__item {
border-radius: .25em;
}
.tab-content__bottom {
max-width: none;
}
.tab-layout__col {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.tab-heading {
font-size: 2.8em;
}
.tab-layout__wrap {
grid-row-gap: 2em;
}
.content-item__nr-2 {
margin-top: -.2em;
}
.tab-layout__wrap-2 {
grid-row-gap: 2em;
}
.img-carousel__panel {
grid-template-rows: max-content;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.img-carousel__img {
flex: none;
}
.content-item__nr-3 {
margin-top: -.2em;
}
.tab-content__item-main-2 {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.tab-layout__wrap-3 {
grid-row-gap: 2em;
}
.flick-card__h3 {
font-size: 10vw;
}
.flick-card__btn {
width: calc(100% - 2em);
bottom: 1em;
left: 1em;
}
.flick-group__relative-object {
width: 120vw;
}
.flick-card {
border-width: .25em;
width: 60vw;
}
.flick-group {
grid-column-gap: .5em;
grid-row-gap: .5em;
}
.demo-card__tag {
border-style: none;
min-height: 510px;
padding: 30px;
}
.gsap-slider {
padding-left: 1em;
padding-right: 1em;
}
.demo-card {
border-radius: 1.5em;
}
.preview-item {
width: 100%;
}
.preview-list {
grid-row-gap: 1em;
}
.preview-item__visual {
height: 200px;
}
.preview-container {
padding-left: 1em;
padding-right: 1em;
}
.feature-pills__item-icon.is-large {
width: 2em;
}
.feature-pills__item-icon.a_toggle_icon {
width: 2rem;
}
.horizontal__wrap {
flex-flow: column;
}
.horizontal__panel {
height: 30em;
}
.demo-card-2 {
padding: 1.25em;
}
.demo-header__h1 {
font-size: 2.5em;
}
.demo-header {
grid-column-gap: 5em;
grid-row-gap: 5em;
padding-left: 1em;
padding-right: 1em;
}
.demo-footer__col {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.demo-footer {
padding-left: 1em;
padding-right: 1em;
}
.demo-header__nav-a {
max-width: 100%;
font-size: 1em;
}
.demo-eyebrow {
font-size: 1em;
}
.demo-footer__a {
font-size: 1.75em;
}
.demo-header__h1-2 {
font-size: 3em;
}
.demo-p {
max-width: 100%;
font-size: 1.25em;
}
.demo-header__info-row {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.footer-right {
grid-column-gap: 64px;
grid-row-gap: 56px;
flex-flow: wrap;
padding-right: 0;
}
.footer-last-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
}
.footer-bottom-tile {
flex-flow: column;
display: flex;
}
.footer-bottom-wrap {
flex-direction: column;
}
.cta-master {
max-width: 500px;
margin-top: 64px;
margin-bottom: 64px;
}
.cta-button-wrap {
justify-content: center;
align-items: center;
}
.footer-component {
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.footer-halves {
flex-flow: column;
}
.footer-icon {
width: 48px;
height: 48px;
}
.image-1 {
inset: auto 0% 5% 42%;
}
.image-2 {
inset: auto auto 10% 5%;
}
.image-3 {
max-width: 100px;
inset: auto 0% 10% auto;
}
.image-4 {
top: 5%;
right: 40%;
}
.image-5 {
inset: 8% auto auto 5%;
}
.image-6 {
max-width: 80px;
inset: 8% 2% auto auto;
}
.sticky-tab__title {
font-size: 1.2em;
}
.demo-nav__ul {
display: none;
}
.demo-section__title, .demo-footer__title {
font-size: 4em;
}
.sticky-tab__placeholder-content {
grid-template-columns: 1fr;
}
.service-category-item-list {
grid-template-columns: 1fr 1fr;
}
.heading:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47), .heading:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
text-align: center;
}
.button-bg-2 {
border-radius: 16px;
}
.label-large {
letter-spacing: .75px;
font-size: 10px;
line-height: 12px;
}
.button-icon-wrap {
width: 12px;
height: 12px;
}
.button-icon-wrap.left {
margin-left: -2px;
}
.button-icon-wrap.right {
margin-right: -2px;
}
.logo-shadow {
width: 56px;
height: 56px;
}
.wrap-cta-logos {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-top: 24px;
}
.content-cta-c {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.main-container-6 {
padding-left: 16px;
padding-right: 16px;
}
.cta-logos {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.input-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.headline-cta-c {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.icon-button {
width: 12px;
}
.section-5 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-5.cta-c-section {
padding-top: 64px;
padding-bottom: 64px;
}
.label-small-4 {
letter-spacing: .75px;
font-size: 8px;
line-height: 10px;
}
.single-logo-marquee {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.left-cta-c {
margin-bottom: 48px;
}
.label-master-3 {
border-radius: 16px;
padding: 4px 8px;
}
.text-field-2 {
letter-spacing: 0;
border-radius: 8px;
padding: 10px 12px;
font-size: 14px;
line-height: 20px;
}
.master-cta-c {
padding: 32px;
}
.button-text-mask-2 {
height: 20px;
}
.cta-main-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
letter-spacing: 0;
border-radius: 16px;
padding: 10px 12px;
font-size: 14px;
line-height: 20px;
}
.form-cta-c {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.wrap-marquee-logos {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.button-text-mask-small {
height: 16px;
}
.main-container-7 {
padding-left: 16px;
padding-right: 16px;
}
.article-hero-right {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.button-bg-3 {
border-radius: 16px;
}
.journal-halves {
grid-column-gap: 12px;
grid-row-gap: 24px;
}
.button-icon-wrap-2 {
margin-left: 6px;
}
.headline-journal {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-bottom: 56px;
}
.journal-card-bottom-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-top: 16px;
}
.image-journal-card {
height: 250px;
}
.button-text-small {
letter-spacing: 1px;
font-size: 10px;
line-height: 16px;
}
.text-h5-2 {
letter-spacing: 0;
font-size: 24px;
line-height: 24px;
}
.label-3 {
letter-spacing: 2px;
font-size: 10px;
line-height: 12px;
}
.section-6 {
padding-top: 56px;
padding-bottom: 56px;
}
.section-6.article-body-section {
padding-top: 96px;
padding-bottom: 120px;
}
.section-6.article-more-section {
padding-top: 0;
}
.section-6.hero-article {
padding-top: 140px;
padding-bottom: 0;
}
.headline-article, .article-tag-master {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.master-article-body {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.cta-small {
letter-spacing: 1px;
padding: 6px 12px;
font-size: 10px;
line-height: 16px;
}
.label-small-5 {
letter-spacing: 1.5px;
font-size: 8px;
line-height: 10px;
}
.journal-card-bottom-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding: 16px;
}
.text-h4-3 {
letter-spacing: -1px;
font-size: 32px;
line-height: 32px;
}
.text-h2-2 {
letter-spacing: 0;
font-size: 80px;
line-height: 68px;
}
.article-hero-halves {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.article-thumbnail {
border-radius: 8px;
}
.avatar-contact {
border-radius: 100vw;
}
.image-wrap-home-a {
border-radius: 12px;
height: 393px;
}
.home-a-hero-case {
border-top-left-radius: 12px;
padding-top: 8px;
padding-left: 8px;
}
.button-bg-4 {
border-radius: 16px;
}
.left-home-a {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 0 auto;
}
.text-h1-2 {
letter-spacing: -2px;
font-size: 44px;
line-height: 48px;
}
.main-container-8 {
padding-left: 16px;
padding-right: 16px;
}
.icon-button-3 {
width: 12px;
}
.text-wrap-hero-home-a {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.card-case-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-radius: 12px;
max-width: 260px;
padding: 10px;
}
.section-7 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-7.hero-home-a-section {
min-height: auto;
padding-top: 64px;
padding-bottom: 16px;
}
.icon-case-small {
width: 10px;
height: 10px;
}
.label-small-6 {
letter-spacing: .75px;
font-size: 8px;
line-height: 10px;
}
.headline-home-a {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.master-home-a {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
display: flex;
}
.label-master-4 {
border-radius: 16px;
padding: 4px 8px;
}
.text-small-2 {
letter-spacing: 0;
font-size: 12px;
line-height: 16px;
}
.animation-wrap-home-a {
height: 50px;
}
.home-a-avatars {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.image-wrap-case-small {
display: none;
}
.button-wrap-centered {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.home-a-hero-mask {
border-bottom-right-radius: 12px;
width: 15%;
}
.cta-main-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
letter-spacing: 0;
border-radius: 16px;
padding: 10px 12px;
font-size: 14px;
line-height: 20px;
}
.text-wrap-animated-heading {
height: 50px;
}
.mwg000-medias {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
}
.mwg000-media-img {
width: 18vw;
height: 18vw;
}
.u-overflow-photo.u-overflow-photo-lv2 {
height: 180px;
}
.u-overflow-photo.u-overflow-photo-lv1 {
height: 240px;
}
.u-overflow-photo.u-overflow-photo-lv3 {
height: 140px;
}
.hero-1 {
min-height: 750px;
}
.swiper-slide {
width: 25%;
min-width: 200px;
}
.swiper-image {
height: 170px;
}
.swiper-title-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.swiper-title {
font-size: 14px;
}
.footer-right-2 {
grid-column-gap: 64px;
grid-row-gap: 56px;
flex-flow: wrap;
padding-right: 0;
}
.footer-bottom-tile-2 {
flex-flow: column;
display: flex;
}
.double-footer-logo-padding-0 {
max-width: 70%;
}
.mwg016-container {
width: 45%;
}
.mwg016-media {
transform: translate(-100vw);
}
.mwg023 {
overflow: hidden;
}
.mwg023-container {
width: 800vw;
height: 800vw;
left: -350vw;
}
.mwg023-media {
width: 40vw;
height: 52vw;
}
.mwg075-media {
border-radius: 2.2vw;
width: 45vw;
}
.div-block-6 {
min-height: 800px;
}
.mwg087-card {
width: 70vw;
}
.stats-copy {
max-width: 80%;
}
.feature-list {
grid-column-gap: 54px;
grid-row-gap: 54px;
flex-flow: column;
grid-template-columns: 1fr;
}
.feature-list.feature-list-reverse._3xcol {
grid-template-columns: 1fr 1fr;
}
.work-list {
grid-template-columns: 1fr;
}
.work-image {
height: 250px;
}
.mwg070-media {
width: 60vw;
}
.mwg011-text {
font-size: 100px;
}
.logo-wall {
padding-left: 2rem;
padding-right: 2rem;
}
.mwg094-card {
width: 30vw;
}
.mwg082-container {
perspective: 50vw;
}
.mwg082-media {
width: 70vw;
}
.filter-group {
flex: none;
}
.project-highlights:where(.w-variant-f7848ff8-cb31-9737-4620-9a7ec0b06caf) {
min-width: 100%;
}
.gallery-container:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8), .gallery-container:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc) {
flex-flow: row;
}
.photo-wrapper:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8), .photo-wrapper:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc) {
width: 100%;
}
.sub-section-wrapper:where(.w-variant-5888ad68-b3d2-fecb-64d7-71b9be9b198f), .sub-section-wrapper:where(.w-variant-b640c427-64d9-6ed0-d4bb-b18be0f7e69f) {
grid-template-columns: 1fr;
}
.project-services-wrapper:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62), .project-services-wrapper:where(.w-variant-994cd35a-276c-665c-deae-2d3a7e010888) {
grid-column-gap: var(--_spacing---space--8);
grid-row-gap: var(--_spacing---space--8);
flex-flow: column;
}
.new-list {
grid-template-columns: 1fr;
}
.service-category {
font-size: 1rem;
}
.category-pill-wrapper:where(.w-variant-7e69ad12-6c2c-4420-688f-7e5d61dade47), .category-pill-wrapper:where(.w-variant-d70d6867-6d9a-ca63-67f8-048364c030dc) {
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.form-group {
width: 100%;
}
.checkbox-text {
letter-spacing: 0;
font-size: 14px;
line-height: 20px;
}
.button-bg-6 {
border-radius: 16px;
}
.contact-form-inner {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.checkbox-contact {
width: 16px;
height: 16px;
}
.main-container-10 {
padding-left: 16px;
padding-right: 16px;
}
.master-service-contact {
max-width: 912px;
}
.headline-contact-services {
margin-bottom: 48px;
}
.icon-select {
width: 20px;
height: 20px;
}
.section-9 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-9.services-contact-section {
padding-top: 96px;
padding-bottom: 96px;
}
.input-halves {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.form-contact {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.select-field-overlay {
padding-left: 12px;
padding-right: 12px;
}
.text-small-3 {
letter-spacing: 0;
font-size: 12px;
line-height: 16px;
}
.checkbox {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.contact-form-top-tile {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.form-block {
border-radius: 12px;
padding: 24px;
}
.text-field-4 {
letter-spacing: 0;
border-radius: 8px;
padding: 10px 12px;
font-size: 14px;
line-height: 20px;
}
.contact-form-bottom-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.button-text-mask-4 {
height: 20px;
}
.cta-main-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
letter-spacing: 0;
border-radius: 16px;
padding: 10px 12px;
font-size: 14px;
line-height: 20px;
}
.label-large-2 {
letter-spacing: .5px;
font-size: 10px;
line-height: 12px;
}
.text-h6 {
letter-spacing: -.25px;
font-size: 20px;
line-height: 20px;
}
.contact-form-bottom-tile-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.checkbox-text-2 {
letter-spacing: 0;
font-size: 14px;
line-height: 20px;
}
.input-halves-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.text-small-4 {
letter-spacing: 0;
font-size: 10px;
line-height: 14px;
}
.section-10 {
---mode--collection-6005b31c-6a27-aaa8-ee1e-4cb111ff5a7b: mode-7d465acc-8ee4-3286-add5-57162c08073d;
---mode--collection-d119a105-aa5e-3e77-89bc-5a07706ad133: mode-13ad6686-5e1a-1367-e8c5-8ba07d086a56;
---mode--collection-765cedf5-5696-7392-9b13-8b47032b15a2: mode-9c6efecc-99b7-ecf8-5e76-18f36c6624e9;
---mode--collection-7535d137-2b39-3f62-64d9-60965cf441b1: mode-1634ad81-8b48-832e-3643-74d7bca18e4c;
padding-top: 48px;
padding-bottom: 48px;
}
.label-small-8 {
letter-spacing: .5px;
font-size: 8px;
line-height: 10px;
}
.eyebrow {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.text-field-5 {
letter-spacing: 0;
padding: 10px 12px;
font-size: 14px;
line-height: 20px;
}
.master-contact-b {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.form-block-2 {
padding: 32px;
}
.form-contact-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.checkbox-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.text-h1-4 {
letter-spacing: -2px;
font-size: 48px;
line-height: 52px;
}
.cta-main-6 {
letter-spacing: 0;
padding: 10px 12px;
font-size: 12px;
line-height: 20px;
}
.main-container-11 {
padding-left: 16px;
padding-right: 16px;
}
.headline-contact-b {
grid-column-gap: 16px;
grid-row-gap: 16px;
max-width: 420px;
}
.contact-form-inner-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.paid-ads-hero.mwg082-media.hero-section-text {
max-width: 80vw;
}
.mwg078-media {
width: 30vw;
}
.background-zoom__h {
font-size: 3.75em;
}
.scaling-element__small-box {
width: 15em;
}
.scaling-element-header__h1 {
font-size: 13.5vw;
}
.scaling-video__svg {
width: 5em;
}
.gsap-slider-2 {
padding-left: 1em;
padding-right: 1em;
}
.sticky-steps__text {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.mwg031.u-container {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
}
.mwg031-slide {
height: 100%;
}
.mwg031-content {
padding: 3rem 2rem;
}
.flex-block-8 {
padding: 10px;
}
.flex-block-8:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
padding: 20px;
}
.dbl-icon-bottom {
padding-left: 10px;
padding-right: 10px;
}
.demo-card__tag-bg-light {
border-style: none;
min-height: auto;
padding: 10px 10px 0;
}
.demo-card__tag-bg-light:where(.w-variant-0f001932-6ea4-43c1-c207-04241522c329) {
min-height: 0;
padding-bottom: 15px;
}
.demo-card__tag-bg-light:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
padding: 0;
}
.tm_card_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.h2-m {
font-size: 3.25rem;
}
.tm_layout {
flex-flow: column;
display: flex;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small-proper {
margin-left: 0;
}
.padding-section-large-proper {
padding-top: 4rem;
padding-bottom: 4rem;
}
.card-m-padding {
padding: 1.2rem;
}
.testimonial-main-container {
border-style: none;
min-height: 510px;
padding: 30px;
}
.demo-card-scroll {
border-radius: 1.5em;
}
.mwg044-root {
display: none;
}
.mwg044-container {
padding-left: 15px;
padding-right: 15px;
}
.mwg095-media {
width: 23vw;
}
.mwg035-li {
grid-row-gap: 1rem;
flex: 0 auto;
min-height: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.mwg035-li.mwg035-li-first {
flex: 0 auto;
min-height: auto;
}
.mwg035-medias {
grid-column-gap: 5px;
grid-row-gap: 5px;
height: auto;
position: relative;
top: auto;
right: auto;
overflow: auto;
transform: translate(0);
}
.mwg035-media {
width: 60px;
height: 60px;
transform: translate(0);
}
.hero-heading-left {
padding: 60px 15px;
}
.tm_card_wrap_alt {
aspect-ratio: 38.8 / 39;
}
.mwg031-inner_wrap.u-grid-custom.u-height-full {
display: flex;
}
.mwg031-inner_column_right.u-column-span-5.u-overflow-hidden.u-radius-main.hide_mobile_landscape {
display: none;
}
.mwg031-inner_column_right.u-column-span-5.u-overflow-hidden.u-radius-main.show_mobile_landscape {
display: block;
}
.mwg031-inner_column_right.u-column-span-5.u-overflow-hidden.u-radius-main.show_mobile_landscape.u-position-relative {
background-color: var(--swatch--dark-900);
width: auto;
overflow: clip;
}
.mwg031-inner_content_wrap.u-grid-custom {
flex-flow: row;
display: flex;
}
.mwg031-inner_p_wrap.u-margin-bottom-6 {
margin-bottom: var(--_spacing---space--3);
}
.mwg031-inner_heading.u-weight-medium {
font-size: 50px;
}
.mwg031-inner_btm_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.stat_top_wrap.u-flex-horizontal-wrap.u-margin-bottom-3 {
margin-bottom: var(--_spacing---space--2);
}
.mgw031-inner_top_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.dt-h2 {
font-size: 2em;
}
.dt-text-faq {
font-size: .8em;
line-height: 140%;
}
.dt-faq-heading {
font-size: 1.1em;
line-height: 28px;
}
.swiper-stat {
font-size: 23px;
}
.solution-lottie-rotate-1.lottie-m.mobile-ver {
margin-left: auto;
margin-right: auto;
bottom: 0;
left: 0;
right: -168px;
}
.text-small-5.text-color-p.max-width-small.but-full-on-mobile {
max-width: none;
}
.decolottie-top-right {
max-width: 100px;
top: -10px;
right: -8px;
}
.decolottie-top-right.lottie-m {
top: 49px;
right: 66px;
}
.faq4_icon-wrappper {
width: 1.75rem;
}
.accordion-btn-content-lottie-1 {
width: 100%;
}
.h6-m {
font-size: 1.125rem;
}
.icon-container-m {
border-radius: 100px;
}
._2grid-50-50-m {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column-reverse;
}
.layout505_tab-content {
padding: 1.5rem;
}
.accordion-btn-content-lottie-2 {
width: 100%;
}
.solution-lottie-rotate-3.lottie-m.mobile-ver {
max-width: 250px;
position: static;
}
.solution-lottie-rotate-4.lottie-m.mobile-ver {
max-width: 300px;
position: static;
}
.lottie1-mobile-wrap {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
position: relative;
}
.faq4_question {
padding-top: 1rem;
padding-bottom: 1rem;
}
.icon-cont-padding-m {
border-radius: 4px;
}
.stat-m-padding {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.default-tab-link {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.h5-m {
font-size: 1.25rem;
}
.tabs-item-heading {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.problem-solution-grid.mobile-ver {
grid-template-columns: 1fr;
padding-top: 1rem;
}
.problem-solution-heading {
font-size: 1.25rem;
}
.layout505_tab-link {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.layout505_tab-link.tab-last {
border-bottom-style: solid;
}
.solution-lottie-rotate-2.lottie-m.mobile-ver {
margin-left: auto;
margin-right: auto;
position: relative;
bottom: 0;
left: -68px;
right: 0;
}
.solution-lottie-rotate-5 {
max-width: 35vw;
bottom: -96px;
right: 0;
}
.solution-lottie-rotate-5.is-image-ver {
object-fit: cover;
max-width: 300px;
height: 100%;
position: static;
}
.card-m-padding-2 {
padding: 1.2rem;
}
.accordion-btn-content-lottie-3 {
width: 100%;
}
.h6-m-2 {
font-size: 1.125rem;
}
._2grid-50-50-m-2 {
flex-flow: column-reverse;
}
.accordion-btn-content-lottie-4 {
width: 100%;
}
.icon-cont-padding-m-2 {
border-radius: 100px;
}
.problem-solution-grid-2.mobile-ver {
grid-template-columns: 1fr;
padding-top: 1rem;
}
.problem-solution-heading-3 {
font-size: 1.25rem;
}
.solution-lottie-rotate-5-2 {
width: 60%;
max-width: none;
position: relative;
right: 0;
}
.solution-lottie-rotate-5-2.is-image-ver {
object-fit: cover;
max-width: 300px;
height: 100%;
position: static;
}
.card-m-padding-3 {
padding: 1.2rem;
}
.sticky-steps__text-2 {
grid-column-gap: 0em;
grid-row-gap: 0em;
}
.mwg035_inner_container {
min-height: auto;
display: none;
overflow: hidden;
}
.mwg035-media_img {
width: 60px;
height: 60px;
}
.mwg035_heading_wrap_m {
justify-content: space-between;
align-items: center;
display: none;
}
.mwg035_heading.h3 {
min-width: 0%;
max-width: none;
display: block;
}
.mwg035_heading.h3.hide_mobile {
display: none;
}
.mwg035_expand_wrap, .a_list_component {
display: block;
}
.faq4_heading {
font-size: 1.125rem;
}
.mwg028-card {
width: 42vw;
}
.mwg008 {
height: 50vh;
}
.mwg008-card {
width: 42vw;
height: 42vw;
}
.headshot-cont {
grid-template-columns: 1fr 1fr 1fr;
}
.text-center-wrapper-about {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-left: 20px;
padding-right: 20px;
}
.text-center-wrapper-about._800px-width {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.container-4 {
flex-direction: column;
display: flex;
}
.member-image {
height: 360px;
}
.team-grid {
grid-template-columns: 1fr 1fr;
}
.dbl-h1 {
max-width: 520px;
font-size: 3.7rem;
}
.dbl-label-2 {
letter-spacing: .5px;
font-size: 26px;
line-height: 10px;
}
.dbl-label-2.text-colour-grey {
line-height: 20px;
}
.dbl-serif-h3 {
margin-bottom: 19px;
}
.mwg008-card-2 {
width: 42vw;
height: 42vw;
}
.heading-style-h5 {
letter-spacing: 0;
font-size: 1.25rem;
line-height: 1.75rem;
}
.nav_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.nav_column {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.dropdown_inner-small {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: 0;
}
.text-wrap_dropdown-item.bigger-gap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.wrap_banner {
padding-left: 1rem;
padding-right: 1rem;
}
.nav_right {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.cta-small-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
letter-spacing: 0;
border-radius: .5rem;
padding: .5rem;
font-size: .75rem;
line-height: .75rem;
}
.icon_dropdown-link {
width: 1rem;
height: 1rem;
}
.heading-style-h6 {
letter-spacing: 0;
font-size: 1rem;
line-height: 1.25rem;
}
.icon_button {
width: 12px;
height: 1rem;
}
.icon_button.right {
margin-left: .5rem;
}
.icon_button.left {
margin-right: .5rem;
}
.icon-wrap_dropdown-link {
padding: .5rem;
}
.nav-menu_inner {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding: .25rem 1rem .75rem;
}
.nav-container {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
max-width: 112.5rem;
padding: .75rem 1rem;
}
.nav_wrap-menu {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding-bottom: .5rem;
}
.link_small-dropdown {
letter-spacing: 0;
font-size: .75rem;
line-height: 1rem;
}
.link_dropdown {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
letter-spacing: 0;
padding: 0;
font-size: .875rem;
line-height: 1.25rem;
}
.link_dropdown.smaller {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
padding: 0;
}
.dropdown-toggle {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
letter-spacing: 0;
padding: 0;
font-size: 1.25rem;
line-height: 1.75rem;
}
.brand_navbar {
max-width: 7rem;
padding-left: 0;
}
.label-large-3 {
letter-spacing: .5px;
font-size: .625rem;
line-height: .75rem;
}
.nav-menu_mobile-button {
margin-top: 1.25rem;
}
.dropdown-line {
height: .094rem;
}
.dropdown-line.absolute {
width: .094rem;
}
.text-size-small {
letter-spacing: 0;
font-size: .75rem;
line-height: 1rem;
}
.icon-dropdown {
width: 1rem;
height: 1rem;
}
.cta_primary {
letter-spacing: 0;
border-radius: .5rem;
font-size: .875rem;
line-height: 1.25rem;
}
.icon-wrap_button.right {
margin-right: 0;
}
.master_navigation {
padding-top: .5rem;
}
.button-inner {
padding: .5rem .75rem;
}
.btn-bg {
border-radius: .5rem;
}
.icon-wrap_dropdown {
padding: .5rem;
}
.link_banner {
letter-spacing: 0;
font-size: .75rem;
line-height: 1rem;
}
.nav-cta_desktop {
border-radius: 1rem;
padding: 1.25rem;
}
.banner {
grid-column-gap: .5rem;
grid-row-gap: 0rem;
text-align: center;
border-radius: 1rem;
flex-flow: wrap;
max-width: 112.5rem;
margin-bottom: .5rem;
padding: .25rem 1.25rem;
}
.link_nav {
letter-spacing: 0;
font-size: 1.25rem;
line-height: 1.75rem;
}
.button_text-mask {
height: 1.25rem;
}
.button_text-mask.button {
height: .75rem;
}
.mobile-cta_bottom-tile {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.name-wrap_dropdown-link {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.banner_close {
width: .75rem;
height: .75rem;
right: .5rem;
}
.left_nav-menu {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.dropdown_inner {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 1rem 0;
}
.dropdown-large_inner {
max-width: 112.5rem;
}
.u-mobile-spacer, .mwg044_mobile_heading {
display: block;
}
.mwg109-media {
width: 100%;
}
.mwg109-title {
font-size: 40px;
}
.mwg109-container {
max-width: 380px;
}
.headline-timeline {
max-width: 680px;
margin-bottom: 56px;
}
.left-timeline {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.main-container-16 {
padding-left: 16px;
padding-right: 16px;
}
.timeline-halves {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.section-18 {
padding-top: 48px;
padding-bottom: 48px;
}
.image-wrap-timeline {
border-radius: 12px;
}
.label-small-9 {
letter-spacing: .75px;
font-size: 8px;
line-height: 10px;
}
.text-h4-5 {
letter-spacing: -1px;
font-size: 24px;
line-height: 28px;
}
.timeline-item {
grid-column-gap: 12px;
grid-row-gap: 12px;
padding-top: 16px;
padding-bottom: 16px;
}
.nav-right {
grid-column-gap: 24px;
}
.nav-brand {
justify-content: flex-start;
align-items: center;
padding-left: 0;
}
.nav-desktop-button {
display: none;
}
.nav_component-2 {
min-width: 100%;
max-width: 100%;
}
.nav_line-vertical, .nav_buttons {
display: none;
}
.nav_bar {
margin-left: 0%;
margin-right: 0%;
top: 0%;
}
.nav1_link_wrap {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 0;
}
.nav1_logo_wrap {
width: 7rem;
}
.nav1_menu_item {
padding-right: 0;
}
.nav1_dropdown_column.horizontal-tablet {
border-bottom: 1px solid var(--swatch--brand-700);
border-right-style: none;
padding-top: .5rem;
padding-bottom: 1.5rem;
padding-left: 0;
}
.nav1_dropdown_contain {
padding-left: 0;
}
.nav1_dropdown_featured.u-vflex-left-top.u-gap-4 {
grid-column-gap: clamp(1 * 1rem, ((1 - ((1 - 1) / (94.5 - 24.56) * 24.56)) * 1rem + ((1 - 1) / (94.5 - 24.56)) * 100vw), 1 * 1rem);
grid-row-gap: clamp(1 * 1rem, ((1 - ((1 - 1) / (94.5 - 24.56) * 24.56)) * 1rem + ((1 - 1) / (94.5 - 24.56)) * 100vw), 1 * 1rem);
}
.nav1_dropdown_layout2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.nav1_link_icon {
width: 1rem;
}
}
@media screen and (max-width: 479px) {
.u-eyebrow-text.u-text-style-main {
font-size: 12px;
line-height: 1.4;
}
.u-eyebrow-text.u-text-style-main:where(.w-variant-f9e70b2f-0961-16dd-c867-fd86e304acbc) {
line-height: 1.4;
}
.u-heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) {
font-size: var(--_typography---font-size--h2);
}
.u-heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) {
max-width: calc(var(--number) * 1ch);
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f92) {
font-size: var(--_typography---font-size--h2);
}
.u-heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f91), .u-heading.h2-2, .u-heading.h2-3, .u-heading.h2-4, .u-heading.h2-5 {
max-width: calc(var(--number) * 1ch);
}
.u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) {
height: var(--_spacing---section-space--large);
}
.u-max-width-full {
max-width: 100%;
}
.button_main_element:where(.w-variant-94eb8f5e-ca5d-d045-7f9a-8aeff84986fa) {
padding-top: .4rem;
padding-bottom: .4rem;
overflow: hidden;
}
.swiper-wrapper {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.scroll-3_trigger {
padding-left: 1em;
padding-right: 1em;
}
.btn-icon-content__mask:where(.w-variant-94eb8f5e-ca5d-d045-7f9a-8aeff84986fa) {
letter-spacing: 0;
height: 1.3rem;
}
.mega-nav__container {
padding-left: 1.5em;
padding-right: 1em;
}
.mega-nav__panel-col {
padding-top: 2em;
padding-bottom: 2em;
}
.mega-nav__panel-col.is--colored.has--card {
padding: 0;
}
.mega-nav__dropdown-bg {
height: auto;
}
.mega-nav {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.mega-nav__card-cta-label {
font-size: 1em;
}
.mega-nav__bar {
position: absolute;
}
.mega-nav__bar-link-icon {
width: 1.375em;
}
.mega-nav__bar-inner {
grid-column-gap: .75em;
grid-row-gap: .75em;
background-color: var(--swatch--dark-800);
-webkit-backdrop-filter: none;
backdrop-filter: none;
border-radius: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.mega-nav__card {
border-bottom: 1px solid #0000001a;
border-radius: 0;
}
.mega-nav__card-content {
padding: 1em 1em 1.5em;
}
.mega-nav__bar-link-label {
font-size: 1em;
}
.mega-nav__dropdown-wrapper {
height: 100%;
display: block;
}
.mega-nav__card-cta-icon {
width: 1.375em;
}
.mega-nav__bar-link.is--back {
color: var(--swatch--brand-500);
}
.mega-nav__dropdown-panel {
background-color: var(--swatch--dark-800);
overflow: visible;
}
.marquee-advanced__item-width {
width: 40vw;
height: 29vw;
}
.home-c-feature {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.label {
font-size: 10px;
line-height: 12px;
}
.main-container {
padding-left: 16px;
padding-right: 16px;
}
.text-h0 {
font-size: 14vw;
}
.section {
padding-top: 48px;
padding-bottom: 48px;
}
.text-h4 {
font-size: 24px;
line-height: 140%;
}
.home-c-thirds {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.highlight-text-h {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--h3);
--_text-style---line-height: var(--_typography---line-height--medium);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--tight);
--_text-style---text-wrap: balance;
--_text-style---margin-bottom: var(--_spacing---space--5);
--_text-style---text-white-60: #fff9;
--_text-style---margin-top: var(--_spacing---space--7);
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
--_text-style---white-text\: #f2f2f2;
--_text-style---text-grey: #6f6b74;
--_text-style---text-grey-60: #41414199;
--_text-style---light-text-bg-dark-light: #7e7e7e;
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---white-text-40: #fff6;
--_text-style---light-text-bg-accent: #3f3a46;
font-size: 1.7em;
}
.text-style-h3 {
font-size: 24px;
}
.main-container-2 {
padding-left: 16px;
padding-right: 16px;
}
.section-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.tile-occasions {
padding-left: 24px;
}
.vector-wiw.first {
max-width: 90px;
max-height: 90px;
}
.vector-wiw.third {
max-width: 100px;
}
.vector-wiw.second {
max-width: 120px;
}
.wiw-thirds {
grid-template-columns: 1fr;
}
.card-wiw {
min-height: 330px;
}
.content-item__nr {
flex: none;
}
.content-item__heading {
font-size: 1.5em;
}
.tab-content__item-main {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.tab-visual__inner {
border-style: none;
border-radius: .25em;
padding: 0;
}
.tab-image {
aspect-ratio: auto;
}
.tab-content__item-detail {
padding-left: 3em;
}
.tab-heading {
font-size: 3em;
}
.tab-layout__wrap {
grid-row-gap: 0em;
}
.tab-content__item {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.content-item__nr-2 {
flex: none;
}
.tab-content__item-2 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.img-carousel__list {
grid-row-gap: 1em;
}
.img-carousel__panel {
grid-column-gap: 1em;
}
.content-item__nr-3 {
flex: none;
}
.tab-content__item-main-2 {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.tab-visual__inner-2 {
border-style: none;
border-radius: .25em;
padding: 0;
}
.tab-image-2 {
aspect-ratio: auto;
}
.tab-content__item-3 {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.demo-card__tag {
min-height: 470px;
}
.demo-card:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6), .demo-card:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
height: auto;
}
.preview-item__inner {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.preview-item__visual {
height: 150px;
}
.preview-item__row {
grid-row-gap: 1.2em;
}
.mega-nav__panel-col-2.is--colored.has--card {
padding: 0;
}
.mega-nav__card-2 {
border-bottom: 1px solid #0000001a;
border-radius: 0;
}
.mega-nav__card-content-2 {
padding: 1em 1em 1.5em;
}
.mega-nav__bar-link-label-2 {
font-size: 1em;
}
.dbl-icon {
height: 100%;
}
.div {
font-size: var(--_typography---font-size--text-small);
}
.newsletter-form {
width: 100%;
}
.footer-right {
grid-column-gap: 32px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
max-width: 100%;
display: grid;
}
.footer-last-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.text-field {
min-height: 48px;
padding-left: 12px;
padding-right: 12px;
}
.submit-button-wrap {
width: 45px;
}
.footer-bottom-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column-reverse;
display: flex;
}
.cta-master {
margin-top: 48px;
margin-bottom: 48px;
}
.footer-component {
padding-bottom: 32px;
}
.footer-rights-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-icon {
width: 32px;
height: 32px;
position: static;
}
.footer-link {
font-size: 14px;
}
.cta-arrow {
height: 12px;
}
.heading-cta {
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.footer-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.newsletter-form-block {
width: 100%;
}
.image-1 {
max-width: 90px;
left: 40%;
}
.image-2 {
max-width: 90px;
left: 0%;
}
.image-3 {
max-width: 68px;
bottom: 8%;
}
.image-4 {
max-width: 68px;
top: 5%;
right: 40%;
}
.image-5 {
max-width: 70px;
top: 7%;
left: 2%;
}
.image-6 {
max-width: 60px;
bottom: 2%;
}
.container-2 {
padding-left: 1em;
padding-right: 1em;
}
.data-1-item {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
padding: 24px;
}
.service-category-item-list {
grid-row-gap: 1rem;
}
.heading.small_mobile {
font-size: var(--_typography---font-size--h2);
}
.heading-2 {
font-size: var(--_typography---font-size--h3);
}
.marquee-logo {
height: 25px;
}
.journal-halves {
grid-template-columns: 1fr;
}
.article-thumbnail {
height: 300px;
}
.avatar-contact {
width: 40px;
height: 40px;
}
.card-case-small {
max-width: 240px;
}
.u-overflow-photo.u-overflow-photo-lv2 {
height: 113px;
}
.u-overflow-photo.u-overflow-photo-lv1 {
height: 130px;
}
.u-overflow-photo.u-overflow-photo-lv3 {
height: 90px;
}
.u-overflow-photo-div {
border-radius: 6px;
padding: 4px;
}
.u-overflow-photo-div.hasmarginleft.isseconditem {
margin-top: 10px;
}
.hero-1 {
min-height: 700px;
}
.swiper-slide {
width: 25%;
}
.swiper-image {
height: 150px;
}
.swiper-title-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
}
.swiper-title {
font-size: 12px;
}
.footer-right-2 {
grid-column-gap: 32px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.footer-bottom-tile-2 {
margin-top: 63px;
}
.text-field-3 {
min-height: 48px;
padding-left: 12px;
padding-right: 12px;
}
.footer-component-2 {
padding-bottom: 32px;
}
.footer-link-2 {
font-size: 14px;
}
.footer-2 {
overflow: clip;
}
.footer-column-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.double-footer-logo-padding-0 {
max-width: 100%;
}
.div-block-5 {
min-height: 700px;
}
.feature-list {
grid-column-gap: var(--_spacing---space--6);
grid-row-gap: var(--_spacing---space--6);
grid-template-columns: 1fr;
}
.feature-list.feature-list-reverse._3xcol {
grid-template-columns: 1fr;
}
.mwg070-media {
width: 80vw;
}
.logo-wall {
padding-left: 1rem;
padding-right: 1rem;
}
.logo-wall__item {
border-radius: .6rem;
width: 22%;
margin: 5px;
}
.mwg094-text {
width: 80%;
font-size: 4vh;
top: 40%;
}
.feature-stats-card:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-card:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
grid-column-gap: 30px;
grid-row-gap: 30px;
width: fit-content;
}
.feature-stats-number.counter-number:where(.w-variant-4c0a8485-849b-c724-d4a6-2c5bf9c4ab81), .feature-stats-number.counter-number:where(.w-variant-48ab8c51-3b41-3712-0fcb-1188bebdff80) {
font-size: 2rem;
}
.gallery-container:where(.w-variant-1ed641be-ba5d-ddc6-1c03-1d280c790fb8), .gallery-container:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a), .gallery-container:where(.w-variant-efe05c0f-bb68-d89b-f5fe-4e205df4ffdc), .gallery-container:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78) {
flex-flow: column;
}
.photo-wrapper:where(.w-variant-9e0a5dfb-4d5b-bde5-d37d-b27b8f452e1a), .photo-wrapper:where(.w-variant-62373445-50da-b7b2-fb24-94e93a321e78) {
width: 100%;
}
.mwg097-paragraph {
font-size: 1.4rem;
line-height: 1.2;
}
.ai-sub {
font-size: 20px;
}
.ai-header {
letter-spacing: -1px;
font-size: 36px;
}
.mwg061-container {
height: 20dvh;
}
.checkbox-contact {
width: 20px;
height: 20px;
}
.input-halves {
grid-template-columns: 1fr;
}
.contact-form-bottom-tile-2 {
flex-flow: wrap;
}
.input-halves-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.text-field-5 {
padding: 12px;
}
.text-field-5.light.textarea {
min-height: 180px;
}
.form-block-2 {
padding: 32px;
}
.checkbox-contact-2 {
width: 20px;
height: 20px;
}
.sticky-steps__list {
grid-column-gap: 5em;
grid-row-gap: 5em;
}
._2-col-service {
grid-column-gap: 10px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.mwg031-content, .mwg031-content.mid-light {
border-radius: 1rem;
padding: 2rem 1.5rem;
}
.mwg031-content.dark-purple {
padding: 1rem;
}
.flex-block-8:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
height: auto;
padding: 30px;
}
.dbl-icon-bottom {
height: 100%;
}
.demo-card__tag-bg-light {
min-height: 390px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.demo-card__tag-bg-light:where(.w-variant-94d0f2ee-885a-ffcd-a9b2-cc1f1bd695b4) {
height: auto;
min-height: auto;
padding: 0;
}
.demo-card__tag-bg-light:where(.w-variant-8f4c27b7-7caf-fa57-9d66-9ece5d1042f6) {
width: 100%;
min-height: auto;
}
.padding-global-proper {
padding-left: 5%;
padding-right: 5%;
}
.text-align-center-proper.big-type {
flex-flow: column;
margin-left: auto;
margin-right: auto;
}
.h2-m {
font-size: 2.5rem;
}
.margin-bottom {
margin: 0 0 12px;
}
.card-m-padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 1rem;
display: grid;
}
.testimonial-main-container {
min-height: 470px;
}
.container-3 {
max-width: none;
}
.mwg031-inner_column_right.u-column-span-5.u-overflow-hidden.u-radius-main.show_mobile_landscape.u-position-relative {
overflow: clip;
}
.mwg031-inner_content_wrap.u-grid-custom {
flex-flow: column;
}
.mwg031-inner_p_wrap.u-margin-bottom-6 {
margin-bottom: var(--_spacing---space--1);
}
.mwg031-inner_heading.u-weight-medium {
font-size: 40px;
}
.mgw031-inner_top_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.dt-main-container {
padding-left: 16px;
padding-right: 16px;
}
.dt-expandable-faq {
padding: 24px;
}
.dt-h2 {
font-size: 1.9em;
}
.dt-section {
padding-top: 40px;
padding-bottom: 40px;
}
.dt-faq-heading {
margin-bottom: 0;
font-size: .9em;
line-height: 22px;
}
.decolottie-top-right {
max-width: 100px;
top: -8px;
right: -6px;
}
.decolottie-top-right.lottie-m {
right: 43px;
}
._2grid-50-50-m {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.solution-lottie-rotate-4.lottie-m.mobile-ver {
width: 80%;
margin-top: 16px;
}
.lottie1-mobile-wrap {
padding-top: 1rem;
}
.stat-m-padding {
padding-left: 1rem;
padding-right: 1rem;
}
.solution-lottie-rotate-2.lottie-m.mobile-ver {
bottom: 5px;
}
.solution-lottie-rotate-5 {
max-width: none;
position: static;
}
.card-m-padding-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 1rem;
display: grid;
}
.solution-lottie-rotate-5-2 {
width: 80%;
max-width: none;
position: static;
}
.card-m-padding-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 1rem;
display: grid;
}
.sticky-steps__text-2 {
padding-bottom: 2em;
}
.mwg035_heading:where(.w-variant-792802b6-ccdb-f982-5023-5fa970cf03d0) {
font-size: var(--_typography---font-size--h2);
}
.mwg035_heading:where(.w-variant-433d40c6-c261-f13f-c899-61d2cadf150f) {
max-width: calc(var(--number) * 1ch);
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f92) {
font-size: var(--_typography---font-size--h2);
}
.mwg035_heading:where(.w-variant-f56bb6af-4b90-fdc8-d6d0-4ad959977f91), .mwg035_heading.h2-2, .mwg035_heading.h2-3, .mwg035_heading.h2-4, .mwg035_heading.h2-5 {
max-width: calc(var(--number) * 1ch);
}
.mwg008 {
height: 30vh;
}
.headshot-name {
margin-top: 20px;
line-height: 120%;
}
.headshot-description-p {
font-size: 14px;
line-height: 120%;
}
.headshot-cont {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-center-wrapper-about {
padding-left: 10px;
padding-right: 10px;
}
.team-2 {
padding: 80px 10px;
}
.container-4 {
flex-direction: column;
}
.black {
line-height: 115%;
}
.member-image {
height: 440px;
}
.headline-team-about-b {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.dbl-label.text-colour-white {
font-size: 31px;
}
.team-grid {
grid-template-columns: 1fr;
}
.dbl-h1 {
text-align: center;
letter-spacing: -.1rem;
font-size: 2.7rem;
line-height: 100%;
}
.main-container-15 {
padding-left: 1rem;
padding-right: 1rem;
}
.dbl-serif-h3 {
font-size: 1.3rem;
}
.mega-nav__bar-link-label-3 {
font-size: 1em;
}
.mwg109-title {
font-size: 30px;
}
.mwg109 {
padding-top: 100px;
}
.timeline-item {
grid-template-columns: 1fr;
}
.nav-menu-inner {
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.nav-container-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.text-small-6 {
font-size: 12px;
}
.navigation-link-hover-wrap:hover {
background-color: #0000;
}
.menu-cta-mobile {
padding-left: 16px;
padding-right: 16px;
}
.dropdown-toggle-2 {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.menu-page-wrap {
width: 100%;
}
.menu-divider {
margin-top: 12px;
margin-bottom: 12px;
}
.dropdown-list-2.w--open {
justify-content: center;
align-items: flex-start;
}
.nav-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.menu-links-column {
padding-top: 12px;
}
.menu-bottom-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
}
.menu-template-image {
width: 120px;
}
.multi-layout-master {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.nav-brand {
width: 90px;
}
.menu-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.nav_component-2 {
min-width: 100%;
max-width: 100%;
}
.nav_bar {
margin-left: 0%;
margin-right: 0%;
top: 0%;
}
.nav_links-row {
flex-flow: column;
}
.nav1_logo_wrap {
width: 7rem;
}
.nav1_wrap {
padding-left: 1.25rem;
}
.nav_logo_svg {
width: 90%;
max-width: 11rem;
}
.nav1_end_wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.nav1_dropdown_featured.u-vflex-left-top.u-gap-4 {
grid-column-gap: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (94.5 - 24.56) * 24.56)) * 1rem + ((1.5 - 1.25) / (94.5 - 24.56)) * 100vw), 1.5 * 1rem);
grid-row-gap: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (94.5 - 24.56) * 24.56)) * 1rem + ((1.5 - 1.25) / (94.5 - 24.56)) * 100vw), 1.5 * 1rem);
}
.nav1_dropdown_link_wrap.is--colored.has--card {
padding: 0;
}
.collection-list-4 {
grid-template-columns: 1fr;
}
}
#w-node-_0ac7a1c5-14ea-be0f-8941-6e711b1849b5-7d853875 {
justify-self: end;
}
#w-node-c480df53-991c-5a41-50a6-2b887476d7f6-7476d7e9, #w-node-_16a0d6d6-d3a3-100b-ec13-397957b0b2e5-57b0b2c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_20fd160d-b551-3c43-2755-8af217ca5d09-17ca5d09 {
justify-self: stretch;
}
#w-node-ddc4a4c1-cc43-77bb-15f5-8d910983c16d-0983c0f6 {
align-self: center;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a0d-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a20-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a32-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a3a-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a4e-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a60-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a72-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a7d-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a94-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09aa6-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09ab8-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09ac3-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09ada-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09aec-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09afe-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b09-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b20-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b33-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b45-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b50-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b67-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b79-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b8b-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b93-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dcfa-7131295c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dd44-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dd56-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dd68-7131295c, #w-node-_16280269-4e2e-16f0-3441-234fa521dd73-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dd85-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dd96-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dda8-7131295c, #w-node-_16280269-4e2e-16f0-3441-234fa521ddb3-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521ddc5-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521ddd6-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dde8-7131295c, #w-node-_16280269-4e2e-16f0-3441-234fa521ddf3-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de05-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de16-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de28-7131295c, #w-node-_16280269-4e2e-16f0-3441-234fa521de33-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de45-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de57-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de69-7131295c, #w-node-_16280269-4e2e-16f0-3441-234fa521de74-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de86-7131295c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521de97-7131295c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_16280269-4e2e-16f0-3441-234fa521dea9-7131295c, #w-node-_16280269-4e2e-16f0-3441-234fa521deb1-7131295c, #w-node-b5d60b82-2066-1613-6676-c8d4fd104c95-321b98d4, #w-node-_040bdf3a-9712-a66e-3df8-185be1753eed-b2a0b721:where(.w-variant-af08c758-3b00-3c16-af2f-ab15fadcbe62), #w-node-b5d60b82-2066-1613-6676-c8d4fd104c95-08c3e2e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-_0ac7a1c5-14ea-be0f-8941-6e711b1849b5-7d853875 {
justify-self: auto;
}
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a0d-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a4e-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a94-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09ada-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b20-7131295c, #w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09b67-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 767px) {
#w-node-efe6a4cf-2a9b-9b51-0ed2-747589a09a0d-7131295c, #w-node-_16280269-4e2e-16f0-3441-234fa521dcfa-7131295c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_38ed6b56-2c2b-6331-a5f3-75587d853875-7d853875 {
grid-column-end: 3;
}
#w-node-_418e1f11-0014-0c13-5694-f20b5f7788d0-503bef47, #w-node-f0168efd-76a0-4156-fa74-29a91f8f6251-503bef47, #w-node-a7b4a3ed-ae26-0a8a-eda2-4243cb2d7f20-503bef47, #w-node-de3dd4ee-6dc3-37cd-c7bb-66c1abff3e4a-503bef47, #w-node-a452e697-a494-f8fc-c43d-dcf364f89277-503bef47 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9b2ff007-274d-ac83-8588-a72de93abe05-a66796c8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}