html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; display: inline-block; } audio:not([controls]) { height: 0; display: none; } [hidden], template { display: none; } a { background-color: #0000; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: webflow-icons; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"); font-weight: 400; font-style: normal; } [class^="w-icon-"], [class*="\ w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: 400; line-height: 1; font-family: webflow-icons !important; } .w-icon-slider-right:before { content: ""; } .w-icon-slider-left:before { content: ""; } .w-icon-nav-menu:before { content: ""; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: ""; } .w-icon-file-upload-remove:before { content: ""; } .w-icon-file-upload-icon:before { content: ""; } * { box-sizing: border-box; } html { height: 100%; } body { color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } img { vertical-align: middle; max-width: 100%; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { -webkit-appearance: button; } 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: 700; } h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0 0 10px; } figcaption { text-align: center; margin-top: 5px; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; padding: 0; position: relative; } .w-video iframe, .w-video object, .w-video embed { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } fieldset { border: 0; margin: 0; padding: 0; } button, [type="button"], [type="reset"] { cursor: pointer; -webkit-appearance: button; 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: 700; 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: 400; display: inline-block; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio:before, .w-radio:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-radio:after { clear: both; } .w-radio-input { float: left; margin: 3px 0 0 -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { opacity: 0; z-index: -100; width: 0.1px; height: 0.1px; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: #333; display: inline-block; } .w-file-upload-error { margin-top: 10px; display: block; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: 400; display: flex; } .w-file-upload-file { background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex; } .w-file-upload-file-name { font-size: 14px; font-weight: 400; display: block; } .w-file-remove-link { cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { color: #ea384c; padding: 2px 0; display: inline-block; } .w-file-upload-info { padding: 0 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: 400; display: inline-block; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .w-icon-file-upload-uploading { height: 20px; } .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .w-container:before, .w-container:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333%; } .w-col-2 { width: 16.6667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.3333%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } .w-col-8 { width: 66.6667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.3333%; } .w-col-11 { width: 91.6667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { vertical-align: top; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 50%; left: 0; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-width: 4px; border-color: #75869600 #5d6c7b #75869600 #75869600; margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-width: 4px; border-color: #fff0 #fff #fff0 #fff0; margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical:before { border-width: 5px; border-color: #5d6c7b #75869600 #75869600; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-width: 4px; border-color: #fff #fff0 #fff0; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { color: #fff; height: 500px; position: relative; overflow: hidden; } .w-background-video > video { object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .w-background-video > video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; 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: 0.2em 0.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 0.5em; transition: background-color 0.1s, color 0.1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: #fff; -webkit-tap-highlight-color: #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: 0.5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0; } .w-lightbox-control { cursor: pointer; background-position: 50%; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: all 0.3s; position: absolute; top: 0; } .w-lightbox-left { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==); display: none; bottom: 0; left: 0; } .w-lightbox-right { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+); display: none; bottom: 0; right: 0; } .w-lightbox-close { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=); background-size: 18px; height: 2.6em; right: 0; } .w-lightbox-strip { white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow: auto hidden; } .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate(0, 0); } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { background: #222; height: 10vh; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translateY(-50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; border: 5px solid #0006; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: 0.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: 0.5; display: block; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; grid-area: 1/1/2/2; display: table; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ""; display: none; position: absolute; 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: 0.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); } to { transform: rotate(360deg); } } .w-dyn-empty { background-color: #ddd; padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } .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; } @font-face { font-family: Animo; src: url(../fonts/Animo-Normal_Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Khteka; src: url(../fonts/KHTeka-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Suisse Mono; src: url(../fonts/SuisseIntlMono-Regular-WebXL.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } :root { --swatch--black-400: #080807; --_text-style---font-family: var(--_typography---font--primary-family); --swatch--brand-text: var(--swatch--beige-100); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---background: var(--swatch--beige-300); --_theme---text: var(--swatch--black-400); --_typography---font--secondary-family: Animo, Arial, sans-serif; --_typography---font--tertiary-medium: 500; --_typography---font-size--h5: clamp( 1.375 * 1rem, ( ( 1.375 - ( (1.5 - 1.375)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (1.5 - 1.375)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 1.5 * 1rem ); --_typography---font-size--text-main: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_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---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 ); --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp( 0.75 * 1rem, ( ( 0.75 - ( (1.75 - 0.75)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (1.75 - 0.75)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 1.75 * 1rem ); --max-width--small: 100vw; --max-width--full: 100%; --_spacing---section-space--none: 0px; --_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--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---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( 7 * 1rem, ( ( 7 - ( (14 - 7)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((14 - 7)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 14 * 1rem ); --_theme---heading-accent: var( --swatch--beige-600\ ); --_spacing---space--2: clamp( 0.625 * 1rem, ( ( 0.625 - ( (0.75 - 0.625)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (0.75 - 0.625)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 0.75 * 1rem ); --site--gutter: 1rem; --_theme---background-2: var( --swatch--beige-600\ ); --_spacing---space--1: clamp( 0.375 * 1rem, ( ( 0.375 - ( (0.5 - 0.375)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (0.5 - 0.375)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 0.5 * 1rem ); --_spacing---space--3: clamp( 0.875 * 1rem, ( ( 0.875 - ( (1 - 0.875)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1 - 0.875)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1 * 1rem ); --_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--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 ); --_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 ); --_typography---font--primary-family: Khteka, Arial, sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-semibold\: 600; --radius--small: 0.15rem; --radius--main: 1rem; --radius--round: 100vw; --border-width--main: 0.094rem; --_theme---border: var(--swatch--beige-400); --_typography---line-height--1: 1; --swatch--transparent: transparent; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var( --_theme---button-primary--background-hover ); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --swatch--beige-100-2\: #fafaf9; --swatch--black-50: #938f8a; --swatch--beige-100: #e8e8e3; --_typography---font-size--text-xsmall: clamp( 0.65 * 1rem, ( ( 0.65 - ( (0.75 - 0.65)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (0.75 - 0.65)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 0.75 * 1rem ); --swatch--black-300: #393632; --swatch--card-bg: #181715; --_typography---font-size--text-large: clamp( 1.125 * 1rem, ( ( 1.125 - ( (1.25 - 1.125)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (1.25 - 1.125)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 1.25 * 1rem ); --_typography---font-size--h3: clamp( 2 * 1rem, ( ( 2 - ( (3.5 - 2)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((3.5 - 2)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 3.5 * 1rem ); --_typography---line-height--1-1: 1.1; --swatch--beige-300: #d1d1c7; --column-margin--0: 0px; --swatch--beige-200: #ddddd5; --column-width--10: 10px; --column-width--12: 12px; --swatch--beige-400: #bfbfb1; --column-width--2: 2px; --column-width--8: 8px; --_typography---font-size--h4: clamp( 1.5 * 1rem, ( ( 1.5 - ( (3 - 1.5)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((3 - 1.5)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 3 * 1rem ); --column-width--7: 7px; --_typography---font--tertiary-family: "Suisse Mono", Arial, sans-serif; --column-width--3: 3px; --column-width--4: 4px; --column-width--6: 6px; --column-margin--2: 0px; --_typography---line-height--0-90: 0.9; --swatch--black-200: #524d47; --column-width--5: 5px; --column-width--9: 9px; --column-margin--3: 0px; --radius--medium: 0.35rem; --swatch--black-100: #6b645c; --_typography---line-height--1-3: 1.3; --column-margin--1: 0px; --_typography---font-size--display-small: clamp( 4 * 1rem, ((4 - ((8 - 4)/ (90 - 20) * 20)) * 1rem + ((8 - 4)/ (90 - 20)) * 100vw), 8 * 1rem ); --_typography---font-size--text-micro: clamp( 0.6 * 1rem, ( ( 0.6 - ( (0.65 - 0.6)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (0.65 - 0.6)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 0.65 * 1rem ); --_text-style---text-transform: var(--_typography---text-transform--none); --site--viewport-max: 100; --site--viewport-min: 20; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --site--column-count: 12; --focus--width: 0.125rem; --focus--offset-inner: -0.125rem; --focus--offset-outer: 0.1875rem; --_alignment---direction: start; --swatch--brand-text-o20: color-mix( in srgb, var(--swatch--brand-text) 20%, transparent ); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); --_typography---font--primary-trim-top: 0.38em; --_typography---font--primary-trim-bottom: 0.38em; --_typography---font--secondary-trim-top: 0.33em; --_typography---font--secondary-trim-bottom: 0.38em; --_typography---font--secondary-regular: 400; --_typography---font--tertiary-trim-top: 0.33em; --_typography---font--tertiary-trim-bottom: 0.38em; --_typography---letter-spacing--0-03em: -0.03em; --_typography---letter-spacing--0-01em: -0.01em; --_typography---letter-spacing--0-015em: -0.015em; --_typography---line-height--1-5: 1.5; --_typography---font-size--text-small: clamp( 0.875 * 1rem, ( ( 0.875 - ( (1 - 0.875)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1 - 0.875)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1 * 1rem ); --_typography---font-size--h6: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_typography---font-size--h2: clamp( 3 * 1rem, ( ( 3 - ( (4.75 - 3)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((4.75 - 3)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 4.75 * 1rem ); --_typography---font-size--h1: clamp( 5 * 1rem, ( ( 5 - ( (6 - 5)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((6 - 5)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 6 * 1rem ); --_typography---font-size--display: clamp( 5 * 1rem, ( ( 5 - ( (9.25 - 5)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((9.25 - 5)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 9.25 * 1rem ); --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) ); --_typography---text-transform--none: var(--text-transform, none); --column-width--1: 1px; --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --column-width--11: 11px; --column-margin--4: 0px; --column-margin--5: 0px; --column-margin--6: 0px; --column-margin--7: 0px; --column-margin--8: 0px; --column-margin--9: 0px; --column-margin--10: 0px; --column-margin--11: 0px; --column-margin--12: 0px; --swatch--beige-600\: #8c8c73; } body { background-color: var(--swatch--black-400); font-family: var(--_text-style---font-family); color: var(--swatch--brand-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, h2, h3, h4, h5, h6, 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: 700; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } .c-heading { 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); } .c-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--0-90); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading: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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading: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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-heading:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph { 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); } .c-paragraph: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--0-90); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph: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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph: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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph: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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph: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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph: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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph: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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph: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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-paragraph:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029) { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .c-grid { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_column-count---value: 1; --_gap---size: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat( var(--type, auto-fit), minmax( min( max( calc(var(--column-width, 18) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value) ), 100% ), 1fr ) ); display: grid; } .c-grid:where(.w-variant-2d129b71-f389-2bb5-157e-4c6664b6f1f7) { --_column-count---value: 2; } .c-grid:where(.w-variant-205cb359-64f4-9613-16be-7b6ea21da130) { --_column-count---value: 3; } .c-grid:where(.w-variant-a43392db-4e92-372b-85af-453fa5f58a0b) { --_column-count---value: 4; } .c-grid:where(.w-variant-a49c393c-8eb9-9702-a7f7-b0d31c2535b6) { --_column-count---value: 5; } .c-grid:where(.w-variant-1fa34b50-a837-2ff8-cbdc-a25a0f0f655e) { --_column-count---value: 6; } .c-grid:where(.w-variant-40a5ac65-6ad6-ab31-f112-a487dd6f4194) { --_column-count---value: 7; } .c-grid:where(.w-variant-acca940a-8500-4c63-671b-ba41437b73b7) { --_column-count---value: 8; } .c-grid:where(.w-variant-3f4418b6-400a-afb6-8442-1ca7dcd18498) { --_column-count---value: 9; } .c-grid:where(.w-variant-6ad0d720-f0d5-1ea4-b1b1-2599a18bd67d) { --_column-count---value: 10; } .c-grid:where(.w-variant-d8367f61-c746-929f-bff3-d9477c01c581) { --_column-count---value: 11; } .c-grid:where(.w-variant-fd7db3dc-d58a-e1d7-ed64-9b8a1a6798b5) { --_column-count---value: 12; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--beige-300); --_theme---text: var(--swatch--black-400); --_theme---heading-accent: var( --swatch--beige-600\ ); --_theme---background-2: var( --swatch--beige-600\ ); --_theme---border: var(--swatch--beige-400); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--black-400); --_theme---text: var( --swatch--beige-100-2\ ); --_theme---heading-accent: var(--swatch--beige-400); --_theme---background-2: var(--swatch--black-300); --_theme---border: var(--swatch--black-300); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--beige-400); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix( in srgb, var(--_theme---text), white 20% ); --_theme---background-2: var( --swatch--beige-600\ ); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--beige-400); --_theme---button-primary--background-hover: color-mix( in srgb, var(--_theme---button-primary--background), white 10% ); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-text-style-display { font-family: var(--_typography---font--secondary-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: uppercase; --_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--0-90); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on, "ss02" on; display: flow-root; } .u-text-style-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; display: flow-root; } .u-text-style-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; display: flow-root; } .u-text-style-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; display: flow-root; } .u-text-style-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; display: flow-root; } .u-text-style-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(--_typography---font--tertiary-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--h5); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; display: flow-root; } .u-text-style-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(--_typography---font--tertiary-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--h6); --_text-style---line-height: var(--_typography---line-height--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; 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(--_typography---font--tertiary-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--text-large); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; 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(--_typography---font--tertiary-medium); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; display: flow-root; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_typography---font--tertiary-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--text-small); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-feature-settings: "ss01" on; display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); 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-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); 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-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); 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-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); 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-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); 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-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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); 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-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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: 0.2rem; padding: 0.5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: 0.9em; grid-row-gap: 0.9em; align-items: var(--_alignment---direction, start); 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: 0.9em; grid-row-gap: 0.9em; align-items: var(--_alignment---direction, start); 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-section { 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) { --_theme---background: var(--swatch--beige-300); --_theme---text: var(--swatch--black-400); --_theme---heading-accent: var( --swatch--beige-600\ ); --_theme---background-2: var( --swatch--beige-600\ ); --_theme---border: var(--swatch--beige-400); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-section:where(.w-variant-857e5430-97c7-deb6-3c1a-d3063f9fe2c7) { --_theme---background: var(--swatch--black-400); --_theme---text: var( --swatch--beige-100-2\ ); --_theme---heading-accent: var(--swatch--beige-400); --_theme---background-2: var(--swatch--black-300); --_theme---border: var(--swatch--black-300); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--beige-300); --_theme---text: var(--swatch--black-400); --_theme---heading-accent: var( --swatch--beige-600\ ); --_theme---background-2: var( --swatch--beige-600\ ); --_theme---border: var(--swatch--beige-400); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--black-400); --_theme---text: var( --swatch--beige-100-2\ ); --_theme---heading-accent: var(--swatch--beige-400); --_theme---background-2: var(--swatch--black-300); --_theme---border: var(--swatch--black-300); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-section:where(.w-variant-25bf08d9-3196-322b-5616-019ac7f0f4f7) { --_theme---background: var(--swatch--beige-400); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix( in srgb, var(--_theme---text), white 20% ); --_theme---background-2: var( --swatch--beige-600\ ); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--beige-400); --_theme---button-primary--background-hover: color-mix( in srgb, var(--_theme---button-primary--background), white 10% ); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .u-container { z-index: 1; max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large/inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large/inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large/inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .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-section-spacer { height: var(--_spacing---section-space--none); 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(--site--margin); } .u-section-spacer:where(.w-variant-e359d2da-de19-6775-b122-3e06f925f39e) { height: var(--_spacing---section-space--page-top); } .u-visual-wrap { z-index: 1; aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .u-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-content-wrapper { text-align: var(--_alignment---direction, start); } .u-content-wrapper:where(.w-variant-67e1f4a6-997b-b215-d348-cc757a57083b) { --_alignment---direction: start; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { --_alignment---direction: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { --_alignment---direction: end; } .u-button-group { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-child-contain { justify-content: center; align-items: var(--_alignment---direction, start); min-width: 100%; text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: var(--_alignment---direction, start); text-align: var(--_alignment---direction, start); 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-above, .u-grid-below { 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-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: var(--grid-breakout); display: grid; } .u-align-self-variable { align-self: var(--_alignment---direction, start); } .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-variable { align-items: var(--_alignment---direction, start); } .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-variable { justify-content: var(--_alignment---direction, start); } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, var(--_theme---text) 60%, 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: color-mix(in lab, currentcolor 10%, transparent); } .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-mt-auto { margin-top: auto; } .u-mt-0 { margin-top: 0; } .u-mt-gutter { margin-top: var(--site--gutter); } .u-mt-text { margin-top: var(--_text-style---margin-top); } .u-mt-1 { margin-top: var(--_spacing---space--1); } .u-mt-2 { margin-top: var(--_spacing---space--2); } .u-mt-3 { margin-top: var(--_spacing---space--3); } .u-mt-4 { margin-top: var(--_spacing---space--4); } .u-mt-5 { margin-top: var(--_spacing---space--5); } .u-mt-6 { margin-top: var(--_spacing---space--6); } .u-mt-7 { margin-top: var(--_spacing---space--7); } .u-mt-8 { margin-top: var(--_spacing---space--8); } .u-mb-auto { margin-bottom: auto; } .u-mb-0 { margin-bottom: 0; } .u-mb-gutter { margin-bottom: var(--site--gutter); } .u-mb-text { margin-bottom: var(--_text-style---margin-bottom); } .u-mb-1 { margin-bottom: var(--_spacing---space--1); } .u-mb-2 { margin-bottom: var(--_spacing---space--2); } .u-mb-3 { margin-bottom: var(--_spacing---space--3); } .u-mb-4 { margin-bottom: var(--_spacing---space--4); } .u-mb-5 { margin-bottom: var(--_spacing---space--5); } .u-mb-6 { margin-bottom: var(--_spacing---space--6); } .u-mb-7 { margin-bottom: var(--_spacing---space--7); } .u-mb-8 { margin-bottom: var(--_spacing---space--8); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--tertiary-medium); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var( --_typography---font--primary-semibold\ ); } .u-min-height-screen { min-height: 100svh; } .u-column-full { grid-column: 1/-1; } .u-column-custom { grid-column: auto/span 1; } .u-column-indent { grid-column: 2/-2; } .u-column-1 { grid-column: auto/span 1; } .u-column-2 { grid-column: auto/span 2; } .u-column-3 { grid-column: auto/span 3; } .u-column-4 { grid-column: auto/span 4; } .u-column-5 { grid-column: auto/span 5; } .u-column-6 { grid-column: auto/span 6; } .u-column-7 { grid-column: auto/span 7; } .u-column-8 { grid-column: auto/span 8; } .u-column-9 { grid-column: auto/span 9; } .u-column-10 { grid-column: auto/span 10; } .u-column-11 { grid-column: auto/span 11; } .u-column-12 { grid-column: auto/span 12; } .u-alignment-start { --_alignment---direction: start; text-align: var(--_alignment---direction, start); } .u-alignment-center { --_alignment---direction: center; text-align: var(--_alignment---direction, start); } .u-alignment-end { --_alignment---direction: end; text-align: var(--_alignment---direction, start); } .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-10ch { max-width: 10ch; } .u-max-width-12ch { max-width: 12ch; } .u-max-width-14ch { max-width: 14ch; } .u-max-width-16ch { max-width: 16ch; } .u-max-width-18ch { max-width: 18ch; } .u-max-width-20ch { max-width: 20ch; } .u-max-width-30ch { max-width: 30ch; } .u-max-width-40ch { max-width: 40ch; } .u-max-width-50ch { max-width: 50ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-70ch { max-width: 70ch; } .u-max-width-80ch { max-width: 80ch; } .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 { 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-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .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-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-threshold-large { container-name: threshold-large; } .u-threshold-medium { container-name: threshold-medium; } .u-threshold-small { container-name: threshold-small; } .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: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; position: relative; overflow: hidden; } .styleguide_footer { 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--1); text-align: center; padding: 0.5rem 0.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_main_label_wrap { text-align: left; width: 100%; } .form_main_wrap { width: 100%; margin-bottom: 0; } .form_main_success_wrap { border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_layout { grid-column-gap: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--6); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_main_error_wrap { border: var(--border-width--main) solid var(--_theme---border); background-color: #0000; margin-top: 0; padding: 0.8rem 1.4rem; } .form_main_field { border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--border-width--main); border-bottom-color: var(--_theme---border); width: 100%; height: 3rem; 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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); color: inherit; text-transform: var(--_text-style---text-transform, none); background-color: #0000; border-left: 0 solid #000; border-radius: 0; outline-style: none; margin-bottom: 0; padding: 0; display: block; } .form_main_field:focus { border-bottom-color: var(--_theme---text); } .form_main_field::placeholder { color: color-mix(in srgb, var(--_theme---text) 60%, transparent); } .form_main_field.is-textarea { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; padding-top: 0.5rem; } .button_main_wrap { border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); text-align: center; vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var( --_theme---button-primary--background-hover ); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; padding: 0.75rem 1.5rem; line-height: 1; transition: border-color 0.2s, color 0.2s, background-color 0.2s; display: inline-flex; position: relative; } .button_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var( --_theme---button-secondary--border-hover ); --_button-style---background-hover: var( --_theme---button-secondary--background-hover ); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_main_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_main_text { z-index: 1; line-height: inherit; position: relative; } .button_toggle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_button-style---border); border-radius: var(--radius--round); background-color: var(--_button-style---background); width: 5rem; color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_theme---button-primary--border); --_button-style---background: var(--_theme---button-primary--background); --_button-style---text: var(--_theme---button-primary--text); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_button-style---background-hover: var( --_theme---button-primary--background-hover ); --_button-style---text-hover: var(--_theme---button-primary--text-hover); justify-content: center; align-items: center; transition: border-color 0.2s, color 0.2s, background-color 0.2s; display: inline-flex; position: relative; } .button_toggle_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) { --_button-style---border: var(--_theme---button-secondary--border); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---text: var(--_theme---button-secondary--text); --_button-style---border-hover: var( --_theme---button-secondary--border-hover ); --_button-style---background-hover: var( --_theme---button-secondary--background-hover ); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); } .button_toggle_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .button_toggle_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; position: relative; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; transform: translate(0); } .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.u-container { align-content: center; min-height: 100vh; } .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; } .styleguide_contain { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .guide_wrap { z-index: 2000; pointer-events: none; display: none; position: fixed; inset: 0% 0% auto; overflow: hidden; } .guide_contain.u-container { max-width: var(--max-width--full); } .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: 0.6rem; padding-bottom: 0.6rem; display: flex; } .eyebrow_wrap { justify-content: var(--_alignment---direction, start); display: flex; } .eyebrow_marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .eyebrow_text { margin-top: 0; margin-bottom: 0; } .overlay_wrap { background-color: #000; } .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: 0.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.kllo.com.ua/assets/img/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: 0.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(16rem, 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(90deg, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(90deg, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_section { padding-top: var(--_spacing---space--8); } .clickable_wrap { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .styleguide_layout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); --_column-count---value: 12; flex-flow: column; grid-auto-columns: 1fr; align-items: start; } .styleguide_content { grid-column: 1 / span 8; width: 100%; } .styleguide_nav_wrap { 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%; top: var(--site--margin); max-height: calc(100svh - var(--site--margin) * 2); order: 1; grid-column: 10/-1; padding: 1rem; position: sticky; 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) * -0.5); } .styleguide_nav_link { outline-offset: var(--focus--offset-inner); padding-top: 0.125rem; padding-bottom: 0.125rem; padding-left: 0.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 { opacity: 0.6; outline-offset: var(--focus--offset-inner); padding: 0.125rem 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .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: 0.2s; transition-timing-function: ease; display: grid; } .button_toggle_pause { opacity: 0; display: block; } .button_toggle_play { display: block; } .eyebrow_layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .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_main_radio_input { z-index: 2; cursor: pointer; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_fieldset_wrap { width: 100%; } .form_main_radio_circle_wrap { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: 100vw; flex: none; justify-content: center; align-items: center; width: 1.5rem; padding: 0; display: flex; } .form_main_radio_label { grid-column-gap: var(--_spacing---space--1); grid-row-gap: var(--_spacing---space--1); font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_radio_circle_inner { aspect-ratio: 1; opacity: 0; background-color: currentColor; border-radius: 100vw; width: 80%; padding: 0; } .form_main_fieldset_list { margin-top: var(--_spacing---space--2); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_main_checkbox_label { grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; font-weight: inherit; justify-content: flex-start; align-items: center; margin-bottom: 0; display: flex; position: relative; } .form_main_checkbox_input { z-index: 2; cursor: pointer; appearance: none; outline-style: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .form_main_checkbox_box { aspect-ratio: 1; border: var(--border-width--main) solid var(--_theme---border); border-radius: var(--radius--small); flex: none; justify-content: center; align-items: center; width: 1.6rem; padding: 0; display: flex; } .form_main_checkbox_icon { opacity: 0; width: 63%; color: var(--_theme---background); overflow: visible !important; } .background_wrap:where(.w-variant-cd5f9287-5b9f-b1bf-cfe9-3449eb06f297) { background-color: var(--_theme---background); } .background_wrap:where(.w-variant-eb0f2029-84f7-ce58-38ea-0afc3f5a3171) { background-color: var(--_theme---background-2); } .form_main_select_wrap { border-radius: 0; justify-content: flex-end; align-items: center; display: flex; position: relative; } .form_main_select_icon { pointer-events: none; width: 0.8em; margin-right: 0; display: block; position: absolute; overflow: visible !important; } .section_wrap { background-color: #0000; } .section_wrap:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--beige-300); --_theme---text: var(--swatch--black-400); --_theme---heading-accent: var( --swatch--beige-600\ ); --_theme---background-2: var( --swatch--beige-600\ ); --_theme---border: var(--swatch--beige-400); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .section_wrap:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--black-400); --_theme---text: var( --swatch--beige-100-2\ ); --_theme---heading-accent: var(--swatch--beige-400); --_theme---background-2: var(--swatch--black-300); --_theme---border: var(--swatch--black-300); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--beige-400); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .section_wrap:where(.w-variant-bb2c68bd-fd74-aa1e-69b0-e84595dd4ec8) { --_theme---background: var(--swatch--beige-400); --_theme---text: var(--swatch--brand-text); --_theme---heading-accent: color-mix( in srgb, var(--_theme---text), white 20% ); --_theme---background-2: var( --swatch--beige-600\ ); --_theme---border: var(--swatch--brand-text-o20); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--border-hover: var(--swatch--black-200); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---selection--background: var(--swatch--beige-300); --_theme---selection--text: var(--swatch--black-400); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--beige-400); --_theme---button-primary--background-hover: color-mix( in srgb, var(--_theme---button-primary--background), white 10% ); --_theme---button-primary--border-hover: var( --_theme---button-primary--background-hover ); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var( --_theme---button-secondary--background-hover ); --_theme---button-secondary--text-hover: var(--_theme---background); } .button_link_wrap { border-bottom: var(--border-width--main) solid var(--_theme---text-link--border); color: var(--_theme---text-link--text); padding-top: 0.5em; padding-bottom: 0.5em; display: inline-flex; position: relative; } .button_link_wrap:hover { border-bottom-color: var(--_theme---text-link--border-hover); color: var(--_theme---text-link--text-hover); } .button_link_text { z-index: 1; position: relative; } .swiper-wrapper { display: flex; } .slider_bullet_list { grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; width: auto !important; } .slider_bullet_item { aspect-ratio: 1; background-color: #eee0; border-style: solid; border-width: 0.09rem; border-radius: 100vw; width: 1rem; min-width: 0; padding: 0; } .slider_bullet_item.is-active { background-color: currentColor; } .slider_wrap { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column; display: flex; container-type: inline-size; } .slider_offset { margin-left: calc(var(--_gap---size) * -0.5); margin-right: calc(var(--_gap---size) * -0.5); } .slider_list.swiper-wrapper { display: flex; } .slider_controls { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: wrap; place-content: center space-between; align-items: center; display: flex; } .slider_button_layout { grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; 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% ); } .gtag-embed { display: none; } .hero_home_wrap { height: 100svh; padding: var(--site--margin); position: relative; overflow: hidden; } .hero_home_contain { height: 100%; padding-top: var(--_spacing---section-space--main); flex-flow: column; justify-content: flex-end; align-items: center; display: flex; position: relative; } .body { background-color: var(--swatch--black-400); color: var(--swatch--brand-text); font-weight: var(--_typography---font--primary-regular); } .navbar_wrap { z-index: 999; width: 100%; padding: var(--site--margin); position: fixed; inset: 0% 0% auto; } .navbar_home { color: var( --swatch--beige-100-2\ ); justify-content: center; align-items: center; position: relative; } .navbar_home.w--current { will-change: transform; position: relative; } .navbar_cta_wrap.u-text-style-small { overflow: visible; } .navbar_cta_wrap.u-text-style-small.u-text-trim-off { grid-column-gap: var(--_spacing---space--2); pointer-events: auto; justify-content: flex-start; align-items: center; display: flex; } .navbar_links_li { display: flex; position: relative; } .navbar_links_li:where(.w-variant-5a4019f8-8f2d-5440-b5b8-69dad7970d9a) { color: var(--swatch--black-50); } .navbar_menu_close.u-text-small { font-variation-settings: "wght" 650; } .navbar_contain { background-color: #fff0; justify-content: space-between; align-items: center; } .navbar_contain.u-grid-custom { --_column-count---value: 12; place-items: center stretch; } .navbar_menu_btn { will-change: transform; display: none; } .footer_nav_text { width: 100%; padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); pointer-events: auto; justify-content: space-between; align-items: center; display: flex; position: relative; } .footer_nav_text:where(.w-variant-e43c2300-7a0c-88ac-6dbd-1808581c0740) { cursor: not-allowed; justify-content: flex-start; align-items: flex-start; } .navbar_links_ul { display: flex; } .navbar_menu_text.u-text-small { font-variation-settings: "wght" 650; } .footer_nav_span { font-weight: var( --_typography---font--primary-semibold\ ); } .footer_nav_span.u-text-style-main { font-weight: var(--_typography---font--tertiary-medium); --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .footer_nav_span.u-text-style-main.is-soon { font-size: 8px; display: none; } .footer_nav_span.u-text-style-main.is-soon:where( .w-variant-5a4019f8-8f2d-5440-b5b8-69dad7970d9a ) { margin-left: 2px; display: block; } .footer_nav_span.u-text-style-h3 { font-weight: var(--_typography---font--tertiary-medium); transform: translate(0); } .footer_nav_span.u-text-style-h3:where( .w-variant-e43c2300-7a0c-88ac-6dbd-1808581c0740 ) { color: inherit; } .footer_nav_span.u-text-style-h3.is-arrow { opacity: 0; filter: blur(3px); transform: translate(-25px); } .navbar_links.u-text-style-small.u-text-trim-off { pointer-events: auto; } .navbar_cta_contain { will-change: transform; } .g_eyebrow_text.u-text-style-large { color: var(--swatch--beige-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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: balance; } .g_eyebrow_text.u-text-style-large:where( .w-variant-2cb9331a-dccf-acfd-7d9b-42f1f2fdffa8 ) { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_eyebrow_text.u-text-style-large:where( .w-variant-e146755c-7cd8-05ac-1b2a-e5d85dd563b0 ) { color: var(--swatch--black-400); } .u-text-style-xsmall { font-size: var(--_typography---font-size--text-xsmall); font-weight: var(--_typography---font--tertiary-medium); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-xsmall); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); font-feature-settings: "ss01" on; } .navbar_left_contain { grid-column-gap: var(--_spacing---space--6); color: var(--swatch--black-50); justify-content: flex-start; align-items: center; display: flex; } .g_btn_main { padding-top: 0.25em; padding-bottom: 0.25em; padding-right: 0.25em; padding-left: var(--_spacing---space--1); grid-column-gap: var(--_spacing---space--1); grid-row-gap: clamp( 0.625 * 1rem, ( (0.625 - ((0.75 - 0.625)/ (100 - 20) * 20)) * 1rem + ((0.75 - 0.625)/ (100 - 20)) * 100vw ), 0.75 * 1rem ); border-top-style: none; border-top-width: 1px; border-top-color: var(--swatch--beige-100); border-right-style: none; border-right-width: 1px; border-right-color: var(--swatch--beige-100); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: var(--swatch--beige-100); border-left-style: none; border-left-width: 1px; border-left-color: var(--swatch--beige-100); 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(--swatch--beige-100); color: var(--swatch--black-400); justify-content: center; align-items: center; width: fit-content; display: flex; position: relative; overflow: clip; } .g_btn_main:where(.w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449) { padding: var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--2) var(--_spacing---space--3); grid-column-gap: var(--_spacing---space--3); } .g_btn_main:where(.w-variant-aa962b9b-25a3-6974-c60e-7d9229858c39) { border-style: none; border-color: var(--swatch--black-300); background-color: var(--swatch--card-bg); } .g_btn_text.u-text-style-h5 { flex: none; } .g_btn_text.u-text-style-h5:where( .w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449 ) { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .g_btn_text.u-text-style-h5:where( .w-variant-aa962b9b-25a3-6974-c60e-7d9229858c39 ) { color: var(--swatch--beige-100); } .g_btn_text.u-text-style-small.u-text-trim-off { line-height: var(--_typography---line-height--1); } .g_btn_text.u-text-style-small.u-text-trim-off:where( .w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449 ) { line-height: var(--_typography---line-height--1-1); --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .navbar_home_svg { max-width: 5rem; } .hero_home_main { grid-column-gap: var(--site--gutter); flex-flow: column; justify-content: space-between; width: 100%; height: 100%; display: flex; } .hero_home_bottom { z-index: 1; grid-row-gap: var(--_spacing---space--1); flex-flow: column; width: 100%; display: flex; position: relative; } .hero_home_bottom.u-grid-custom { margin-top: var(--_spacing---space--4); grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--1); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .hero_home_content { flex-flow: column; justify-content: center; align-items: center; height: 100%; display: flex; } .hero_home_content_p { max-width: 30ch; } .hero_home_content_p.u-text-style-h4 { max-width: 27ch; line-height: var(--_typography---line-height--1-1); text-align: center; --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: wrap; } .navbar_left_sound_container { border-radius: var(--radius--small); background-color: var(--swatch--card-bg); justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; overflow: hidden; } .works_home_wrap { padding: var(--site--margin); background-color: var(--swatch--beige-300); } .works_home_wrap.u-theme-light { z-index: 2; min-height: 100svh; padding: var(--_spacing---section-space--large) var(--site--margin) var(--column-margin--0); border-radius: var(--radius--small); background-color: var(--swatch--beige-200); flex-flow: column; display: flex; position: relative; } .works_home_contain { padding-bottom: var(--_spacing---space--4); grid-column-gap: var(--site--gutter); display: flex; } .works_home_cta { color: var(--swatch--black-50); } .works_home_collection { width: var(--column-width--10); } .works_home_list { grid-row-gap: var(--_spacing---space--5); flex-flow: column; display: flex; } .works_home_item { padding-bottom: var(--_spacing---space--5); border-bottom: 1px dotted var(--swatch--beige-400); position: relative; } .works_home_left { width: var(--column-width--2); flex-flow: column; justify-content: space-between; height: fit-content; display: flex; } .works_home_cover.u-ratio-1-1 { padding: var(--_spacing---section-space--small); aspect-ratio: 3/2; border-radius: var(--radius--small); justify-content: center; align-items: center; display: flex; position: relative; overflow: clip; } .works_home_link { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); width: 100%; display: flex; } .works_home_link.u-grid-custom { 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: repeat(var(--_column-count---value), minmax(0, 1fr)); place-items: start; display: grid; } .works_home_image { z-index: 0; height: 100%; position: absolute; inset: 0%; transform: scale(1.15); } .reel_home_video { aspect-ratio: 3/2; justify-content: center; align-items: center; width: 100%; position: relative; overflow: hidden; } .g_visual_video.u-cover-absolute { pointer-events: none; position: static; } .works_home_overlay { opacity: 0; background-color: #080807cc; display: block; position: absolute; inset: 0%; } .works_home_cta_link { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); border-top: 1px solid var(--swatch--black-50); cursor: not-allowed; justify-content: space-between; display: flex; } .works_home_cta_text { width: var(--column-width--2); font-size: var(--_typography---font-size--h3); } .works_home_cta_text.is-duplicate { width: var(--column-width--8); } .works_home_cta_text.is-duplicate.u-text-style-h4 { align-self: center; } .works_home_cta_text.is-duplicate-2 { text-align: right; font-feature-settings: "ss01" on, "ss09" on; } .works_home_cta_text.is-duplicate-2.u-text-style-h4, .works_home_cta_text.u-text-style-h4 { align-self: center; } .works_home_content { max-width: 39ch; height: 100%; padding-bottom: var(--_spacing---space--2); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .services_home_wrap { z-index: 1; background-color: var(--swatch--black-400); position: relative; } .services_home_contain { padding: var(--_spacing---section-space--page-top) var(--site--margin) var(--_spacing---section-space--small); flex-flow: column; display: flex; } .services_home_header { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); display: flex; } .problems_home_wrap { padding: var(--_spacing---space--5) var(--site--margin) var(--_spacing---section-space--page-top); background-color: var(--swatch--black-400); } .problems_home_header { width: 100%; padding-bottom: var(--_spacing---section-space--large); grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); display: flex; } .problems_home_collection { width: var(--column-width--7); } .problems_home_list { flex-flow: column; display: flex; } .problems_home_list.u-grid-custom { grid-column-gap: var(--column-margin--0); grid-row-gap: var(--column-margin--0); --_column-count---value: 4; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); display: grid; } .problems_home_item { padding-bottom: var(--_spacing---space--3); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .problems_home_heading.u-text-style-h1.u-weight-bold { max-width: 23ch; line-height: var(--_typography---line-height--1-1); --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: wrap; font-weight: 500; } .g_eyebrow { grid-column-gap: var(--_spacing---space--2); font-weight: var( --_typography---font--primary-semibold\ ); justify-content: flex-start; align-items: center; width: fit-content; display: flex; } .g_eyebrow:where(.w-variant-2cb9331a-dccf-acfd-7d9b-42f1f2fdffa8) { grid-column-gap: var(--_spacing---space--1); } .g_eyebrow_circle { border-radius: var(--radius--round); background-color: var(--swatch--black-50); flex: none; align-self: center; width: 0.85rem; height: 0.85rem; } .g_eyebrow_circle:where(.w-variant-2cb9331a-dccf-acfd-7d9b-42f1f2fdffa8) { width: 0.5rem; height: 0.5rem; } .problems_home_bottom { grid-column-gap: var(--site--gutter); justify-content: space-between; align-items: flex-start; width: 100%; display: flex; position: relative; } .u-ratio-4-5 { aspect-ratio: 4/5; } .gap_home_wrap { height: 200vh; padding: var(--site--margin); background-color: var(--swatch--black-400); position: relative; } .gap_home_contain { height: 100vh; position: sticky; top: 0%; } .gap_home_overlay { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; position: absolute; inset: 0%; } .gap_home_overlay.u-grid-custom { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; justify-content: space-between; place-items: center stretch; position: static; } .gap_home_overlay.u-grid-custom.is-cta { padding-right: var(--site--margin); padding-left: var(--site--margin); } .gap_home_line { background-color: var(--swatch--card-bg); width: 1px; height: 100%; } .gap_home_line.is-cta { opacity: 0.15; color: #bfbfb1; background-color: #bfbfb1; } .gap_home_line_horizontal { z-index: 1; background-color: var(--swatch--card-bg); justify-content: space-between; width: 100%; height: 1px; display: flex; position: relative; } .g_bg_overlay { z-index: -1; width: 100%; height: 100%; padding-top: var(--site--margin); padding-bottom: var(--site--margin); pointer-events: none; flex-flow: column; display: none; position: absolute; inset: 0%; } .gap_home_line_square { background-color: var(--swatch--black-300); width: 6px; height: 6px; position: absolute; } .gap_home_line_square.is-1 { inset: -2px auto auto -2px; } .gap_home_line_square.is-2 { inset: -2px 0% 0% 50%; transform: translate(-50%); } .gap_home_line_square.is-3 { inset: -2px -2px auto auto; } .gap_home_inner { height: 100%; padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--small); grid-row-gap: var(--_spacing---section-space--small); flex-flow: column; justify-content: space-between; align-items: center; display: flex; } .gap_home_inner_content { z-index: 1; display: flex; position: absolute; top: 50%; transform: translateY(-50%); } .gap_home_eyebrow.u-text-mono { max-width: 31ch; color: var(--swatch--black-50); text-align: center; } .gap_home_p.u-text-style-h5 { max-width: 34ch; color: var(--swatch--black-50); text-align: center; --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-wrap: wrap; } .u-text-mono { font-family: var(--_typography---font--tertiary-family); color: var(--swatch--black-50); font-size: var(--_typography---font-size--text-xsmall); text-transform: uppercase; } .gap_home_inner_heading.u-text-style-display { transform: translate(0); } .gap_home_inner_heading.u-text-style-display.is-left, .gap_home_inner_heading.u-text-style-display.is-right { transform: none; } .gap_home_cover { width: var(--column-width--3); aspect-ratio: 4/5; border-radius: var(--radius--small); transform-origin: 50% 0; max-width: 16rem; position: absolute; inset: 50% 0% 0% 50%; overflow: hidden; transform: translate(-50%, -50%); } .problems_home_top { width: var(--column-width--7); margin-left: var(--column-margin--2); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); flex-flow: column; display: flex; } .problems_home_header-inner { border-bottom: 1px dotted var(--swatch--black-300); justify-content: space-between; align-items: flex-end; display: flex; } .problems_home_header_text.u-text-style-main { max-width: 21ch; margin-top: var(--_spacing---space--4); } .process_home_wrap { z-index: 1; padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--page-top); position: relative; overflow: clip; } .cta_home_wrap { z-index: 2; min-height: 150svh; position: relative; overflow: clip; } .faq_home_wrap { padding: var(--_spacing---section-space--main) var(--site--margin) var(--_spacing---space--5); grid-column-gap: var(--site--gutter); grid-row-gap: 16px; background-color: var(--swatch--card-bg); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: start; display: grid; position: relative; } .cta_home_contain { z-index: 2; min-height: 150svh; padding: var(--_spacing---space--7) var(--site--margin) var(--_spacing---space--5); grid-row-gap: var(--_spacing---section-space--page-top); flex-flow: column; justify-content: space-between; align-items: center; display: flex; position: relative; } .cta_home_cover { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: clip; } .cta_home_visual { z-index: 0; object-position: 30% 0%; height: 105%; position: relative; } .cta_home_overlay { z-index: 1; opacity: 0.4; background-color: #000; width: 100%; height: 100%; position: absolute; inset: 0%; } .cta_home_header { margin-top: var(--_spacing---section-space--page-top); grid-row-gap: var(--_spacing---section-space--main); flex-flow: column; justify-content: center; align-items: center; display: flex; } .cta_home_heading.u-text-style-display { line-height: var(--_typography---line-height--0-90); text-align: center; letter-spacing: var(--_text-style---letter-spacing); max-width: fit-content; transform: translate(0); } .cta_home_heading.u-text-style-display.is-2 { transform: translate(10%); } .cta_home_heading.u-text-style-display.is-3 { transform: translate(-3%); } .cta_home_heading.u-text-style-display.is-4 { align-self: flex-end; transform: none; } .cta_home_heading.u-text-style-display.is-4.is-arrow { font-family: var(--_typography---font--primary-family); } .cta_home_bottom { width: 100%; padding-right: var(--site--margin); padding-left: var(--site--margin); } .cta_home_inner { width: 100%; padding-right: var(--site--margin); padding-left: var(--site--margin); flex-flow: column; justify-content: space-between; align-items: center; display: flex; } .cta_home_proof { margin-bottom: var(--_spacing---section-space--page-top); grid-row-gap: var(--_spacing---space--6); flex-flow: column; justify-content: center; align-items: center; display: flex; } .cta_home_awards { grid-column-gap: var(--site--gutter); display: flex; } .path { color: var(--swatch--black-300); } .cta_home_svgs { width: 14vw; min-width: 8rem; max-width: 13rem; } .cta_home_testimonial_message.u-text-style-h5 { text-align: center; max-width: 23ch; } .g_btn_aside { z-index: 0; aspect-ratio: 1; border-radius: var(--radius--small); background-color: var(--swatch--beige-100); flex: none; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; inset: 0%; } .g_btn_aside:where(.w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449) { width: 2em; } .g_btn_aside:where(.w-variant-aa962b9b-25a3-6974-c60e-7d9229858c39) { border-style: none; border-color: var(--swatch--black-200); background-color: var(--swatch--black-200); } .cta_home_bg-overlay { z-index: 1; pointer-events: none; flex-flow: column; width: 100%; height: 100%; position: absolute; inset: 0%; } .faq_home_heading.u-text-style-h2 { max-width: 16ch; } .g_faq_collection { flex: 1; width: 100%; } .g_faq_list { border-bottom: 1px solid var(--swatch--black-300); } .g_faq_item { border-top: 1px dotted var(--swatch--black-300); } .accordion_css_item_heading { margin-top: 0; margin-bottom: 0; } .accordion_css_square { border: 1px solid var(--swatch--black-200); border-radius: var(--max-width--small); justify-content: center; align-items: center; width: 6px; height: 6px; display: flex; } .accordion_css_item_top { width: 100%; padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); justify-content: space-between; align-items: center; display: flex; position: relative; } .accordion_css_item_bottom { grid-template-rows: 0fr; display: grid; position: relative; overflow: hidden; } .accordion_css_bottom_wrap { flex-flow: column; height: 100000%; display: flex; position: relative; overflow: hidden; } .accordion_css_bottom_contain { grid-column-gap: 5rem; padding-top: clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5rem); padding-bottom: clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5rem); display: flex; } .accordion_css_bottom_rich.u-rich-text { text-wrap: balance; max-width: 46ch; } .accordion_css_bottom_rich.u-rich-text.u-text-style-small { max-width: 64ch; color: var(--swatch--black-50); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .faq_home_main { grid-row-gap: var(--_spacing---space--8); flex-flow: column; flex: 1; width: 100%; display: flex; } .faq_home_p { max-width: 26ch; color: var(--swatch--black-50); } .faq_home_p.u-text-style-h5 { max-width: 15ch; } .process_home_heading.u-text-style-display { color: var(--swatch--card-bg); } .process_home_video { width: var(--column-width--5); justify-content: center; align-items: center; display: flex; position: relative; overflow: clip; } .faq_css { background-color: var( --swatch--beige-100-2\ ); display: none; } .accordion_css_item_bg { width: 100%; padding-top: var(--_spacing---section-space--none); padding-bottom: var(--_spacing---section-space--none); pointer-events: none; justify-content: space-between; align-items: center; display: flex; position: absolute; inset: 0%; } .footer_wrap { z-index: 1; padding: var(--site--margin); grid-row-gap: var(--_spacing---section-space--page-top); background-color: var(--swatch--black-400); flex-flow: column; justify-content: space-between; display: flex; position: relative; } .footer_top { justify-content: space-between; align-items: stretch; display: flex; } .footer_bottom { z-index: 1; flex-flow: column; justify-content: center; align-items: center; display: flex; position: relative; } .footer_nav_wrap { grid-row-gap: var(--_spacing---space--4); flex-flow: column; align-items: flex-start; display: flex; } .footer_nav_li { border-bottom: 1px dotted var(--swatch--black-300); justify-content: center; align-items: center; width: 100%; display: flex; } .footer_nav_li:where(.w-variant-e43c2300-7a0c-88ac-6dbd-1808581c0740) { color: var(--swatch--black-300); } .footer_nav_ul { display: flex; } .footer_nav_ul.u-gap-small.u-hflex-left-center { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .footer_bottom_canvas { z-index: 1; width: 2.25rem; margin-right: var(--_spacing---space--2); aspect-ratio: 1; background-color: var(--swatch--card-bg); display: none; position: relative; } .g_grain_overlay { z-index: 2147483647; opacity: 1; mix-blend-mode: color-dodge; background-image: url(https://cdn.kllo.com.ua/assets/img/download.png); background-position: 0 0; background-attachment: scroll; width: 100vw; height: 100vh; position: fixed; } .g_grain_overlay.u-grain-animate { opacity: 0.5; pointer-events: none; mix-blend-mode: normal; background-size: auto; background-attachment: fixed; width: 200%; height: 200vh; inset: -50% 0% 0% -50%; } .footer_middle_wrap { grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .footer_socials_wrap { justify-content: flex-end; align-items: flex-end; height: fit-content; display: flex; } .footer_middle_email { width: fit-content; padding-top: 0.15rem; padding-bottom: 0.25rem; padding-right: 10px; } .footer_middle_email.u-text-style-h4 { margin-top: var(--column-margin--0); color: var(--swatch--black-50); --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); width: fit-content; } .footer_middle_email.u-text-style-h4.is-address { max-width: 20ch; margin-top: var(--column-margin--0); color: var(--swatch--black-50); font-weight: var(--_typography---font--primary-regular); --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .footer_middle_email.u-text-style-h6 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); text-decoration: underline; } .path-2 { color: var(--swatch--transparent); border: 1px solid #000; } .path-3 { color: #146ef5; } .path-4 { color: var(--swatch--beige-100); } .svg-6 { vertical-align: bottom; max-width: 10rem; } .footer_middle_webflow { background-color: var(--swatch--card-bg); width: fit-content; } .footer_socials_ul { grid-row-gap: 0.2rem; flex-flow: column; display: flex; } .footer_socials_li { width: fit-content; } .footer_socials_link { padding-top: var(--_spacing---space--1); padding-right: 20px; padding-bottom: var(--_spacing---space--1); display: flex; } .footer_socials_text { font-weight: var(--_typography---font--tertiary-medium); } .footer_socials_text.u-text-style-h4 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .hero_home_extras { flex-flow: wrap; justify-content: center; align-items: center; width: fit-content; max-width: 55ch; display: flex; } .hero_home_extras.u-text-style-xsmall { max-width: 53ch; margin-top: var(--_spacing---space--4); grid-column-gap: 0.6em; } .navbar_link { padding-top: 0.5rem; padding-right: var(--_spacing---space--1); padding-bottom: 0.5rem; padding-left: var(--_spacing---space--1); pointer-events: auto; justify-content: flex-start; align-items: center; width: fit-content; display: flex; position: relative; } .navbar_link:where(.w-variant-5a4019f8-8f2d-5440-b5b8-69dad7970d9a) { cursor: not-allowed; } .footer_bottom_deco { z-index: 1; border: 1px solid var(--swatch--card-bg); border-radius: var(--radius--medium); justify-content: center; align-items: center; width: 100%; height: 50vh; display: flex; position: relative; overflow: hidden; } .footer_bottom_img { height: 100%; position: absolute; inset: auto 0% 0%; } .gap_home_image { height: 100%; position: absolute; inset: 0%; } .about_overlay_close { z-index: -1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); pointer-events: none; cursor: pointer; background-color: #080807a6; width: 100%; height: 100%; position: absolute; } .about_modal_wrap { width: 100%; max-width: 45rem; height: 100%; padding-top: var(--site--margin); padding-right: var(--site--margin); padding-bottom: var(--_spacing---section-space--none); padding-left: var(--site--margin); border-left-style: solid; border-left-width: 1px; border-left-color: var(--swatch--card-bg); background-color: var(--swatch--black-400); pointer-events: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; flex-flow: column; justify-content: flex-start; display: flex; position: absolute; inset: 0% 0% auto auto; overflow: auto; } .about_wrap { z-index: 1000; pointer-events: none; width: 100%; height: 100dvh; position: fixed; inset: 0% auto auto 0%; } .code-embed-2 { display: none; } .g_overlay { z-index: 999999999; pointer-events: none; position: fixed; inset: 0%; } .about_modal_top { justify-content: space-between; display: flex; } .about_modal_content { margin-top: var(--_spacing---space--5); } .about_modal_p.u-text-style-h5 { text-wrap: wrap; max-width: 34ch; } .about_modal_cover { margin-top: var(--_spacing---section-space--large); } .about_modal_video_wrap { position: relative; overflow: clip; } .about_modal_deco_braille { margin-bottom: var(--_spacing---space--3); justify-content: space-between; display: flex; } .about_modal_text { position: absolute; inset: 0% auto auto 0%; } .about_modal_text.u-text-style-h2 { top: 5%; left: 8%; } .about_modal_text.u-text-style-h2.is-1 { inset: 25% 5% auto auto; } .about_modal_text.u-text-style-h2.is-2 { inset: 45% auto auto 5%; } .about_modal_text.u-text-style-h2.is-3 { inset: auto 5% 8% auto; } .about_modal_clients { margin-top: var(--_spacing---space--6); display: flex; } .about_modal_awards { margin-top: var(--_spacing---space--6); padding-top: var(--_spacing---space--6); border-top: 1px solid var(--swatch--card-bg); display: flex; } .about_clients_collection { width: 50%; } .about_clients_list { grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .about_modal_circle { grid-column-gap: var(--_spacing---space--2); justify-content: flex-start; align-items: center; width: 50%; height: fit-content; display: flex; } .about_modal_overlay { background-color: var(--swatch--card-bg); opacity: 0; position: absolute; inset: 0%; } .about_modal_video { transform: scale(1.05); } .about_modal_contain { width: 100%; padding-bottom: var(--_spacing---space--6); pointer-events: auto; flex-flow: column; justify-content: flex-start; min-height: max-content; margin-top: -1.5rem; display: flex; } .gap_home_gradient { z-index: 4; background-color: #0000004d; position: absolute; inset: 0%; } .reel_home_cover { 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); transform-style: preserve-3d; opacity: 0; overflow: clip; transform: scale(0.95) perspective(600px) translateY(75%) perspective(500px) rotateX(18deg) rotateY(0) rotate(0); } .problems_home_stats { width: var(--column-width--3); } .problem_home_stat-collection { margin-top: var(--_spacing---space--6); } .problem_home_stat-list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .problem_home_stat-item { grid-row-gap: var(--radius--main); flex-flow: column; grid-area: 1/1; display: flex; } .problem_home_stat-p.u-text-style-main { max-width: 25ch; color: var(--swatch--black-50); } .problem_stats_line { background-color: var(--swatch--black-300); width: 100%; height: 1px; position: relative; overflow: hidden; } .problem_stats_progress-end { background-color: var(--swatch--beige-100); width: 100%; position: absolute; inset: 0%; } .problem_stats_bottom { margin-top: var(--_spacing---space--2); flex-flow: row; justify-content: space-between; align-items: center; display: flex; } .problem_stats_pagination { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); display: flex; } .problem_stats_index { display: flex; } .problem_stats_button { width: 1rem; display: flex; } .problem_stats_index_text.u-text-mono.u-text-style-xsmall { display: flex; } .problem_stats_svg { pointer-events: none; } .overview_home_video { height: 100%; } .works_home_heading.u-text-style-display { font-size: 13.85vw; } .works_home_header { padding-bottom: var(--_spacing---space--4); display: none; } .works_home_p.u-text-style-h5 { color: var(--swatch--black-100); } .works_home_inner_title.u-text-style-h5 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_content_index.u-text-style-micro { line-height: var(--_text-style---line-height); display: flex; } .services_home_collection { margin-top: var(--_spacing---space--6); } .services_home_list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .services_home_item { grid-row-gap: var(--_spacing---space--5); flex-flow: column; grid-area: 1/1; display: flex; } .services_home_message.u-text-style-small { max-width: 30ch; line-height: var(--_typography---line-height--1-3); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .services_home_testimonee.u-text-style-main { max-width: 25ch; color: var(--swatch--black-50); --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .services_home_stats { width: var(--column-width--3); flex: none; max-width: 28rem; } .services_home_top { width: var(--column-width--9); max-width: 100%; margin-left: var(--column-margin--1); position: relative; } .services_home_eyebrow { margin-bottom: var(--_spacing---space--7); } .services_home_services { z-index: 10; mix-blend-mode: difference; position: relative; } .services_home_service-list { grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .services_home_service_item { position: relative; } .services_home_heading.u-text-style-h2 { z-index: 1; mix-blend-mode: difference; position: relative; } .services_home_headshot { object-position: 50% 0%; border-radius: 3000px; max-width: 2.5em; } .services_home_bottom { grid-row-gap: var(--_spacing---space--1); flex-flow: column; display: flex; } .services_home_service_image { aspect-ratio: 4/5; max-width: 10em; display: none; position: absolute; inset: 50% 0% auto auto; transform: translateY(-50%); } .services_home_img-wrap { z-index: 2; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0% 0% auto auto; } .services_home_img-collection { position: sticky; top: 50lvh; } .services_home_img-collection.u-grid-landscape { position: absolute; inset: 0%; } .services_home_img-list { position: relative; } .services_home_img-item { flex-flow: column; width: 100%; display: flex; position: absolute; transform: translateY(-50%); } .services_home_img { width: var(--column-width--3); aspect-ratio: 4/5; border-radius: var(--radius--small); align-self: flex-end; height: 100%; } .services_home_content { position: relative; } .process_home_content { margin-top: var(--_spacing---section-space--small); padding-right: var(--site--margin); padding-left: var(--site--margin); } .process_heading_svg { z-index: 1; padding-right: var(--site--margin); padding-left: var(--site--margin); color: var(--swatch--beige-100); flex: none; position: relative; } .process_home_content-item { grid-row-gap: var(--_spacing---space--4); background-color: var(--swatch--black-400); flex-flow: row; justify-content: space-between; align-items: flex-start; display: flex; } .process_home_content_heading.u-text-style-h6 { max-width: 23ch; color: var(--swatch--beige-100); --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content-p.u-text-style-small { max-width: 31ch; color: var(--swatch--black-50); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .faq_home_left { grid-row-gap: var(--_spacing---space--2); flex-flow: column; justify-content: space-between; display: flex; } .hero_home_content_svg { max-width: 3.7em; margin-bottom: var(--_spacing---space--5); } .footer_aside_contacts { grid-row-gap: var(--_spacing---section-space--small); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_eyebrow { width: var(--column-width--7); padding-top: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .footer_middle_address.u-text-style-h6 { max-width: 20ch; color: var(--swatch--black-50); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ((1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .about_modal_braille { width: 1.5em; color: var(--swatch--black-100); } .problems_deco_braille { width: 3em; color: var(--swatch--black-50); } .code-embed-3 { display: none; } .g_btn_svg { z-index: 1; width: 1em; color: var(--swatch--beige-100); position: relative; } .g_btn_svg:where(.w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449) { width: 70%; } .g_btn_svg.is-absolute { position: absolute; transform: translate(-100%, 100%); } .g_btn_svg.is-absolute.u-text-mono { font-size: 0.425em; } .g_btn_svg.u-text-mono { width: 100%; color: var(--swatch--black-50); text-align: center; font-size: 0.425em; } .footer-wrap-dark { z-index: 3; opacity: 0; pointer-events: none; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .gap_home_inner_heading-contain { overflow: hidden; transform: translate(0); } .gap_home_inner_heading-contain.is-left { overflow: visible; transform: translate(-30vw); } .gap_home_inner_heading-contain.is-right { overflow: visible; transform: translate(30vw); } .services_home_testimonials { grid-column-gap: var(--_spacing---space--2); justify-content: flex-start; align-items: center; display: flex; } .footer_wrap_main { position: relative; } .problem_stats_progress-start { background-color: var(--swatch--beige-100); width: 100%; position: absolute; inset: 0%; } .path-5 { pointer-events: none; } .works_home_micrographic { grid-column-gap: 0.25em; flex: none; justify-content: flex-start; align-items: center; display: flex; } .works_home_micrographic_index { border-radius: var(--radius--small); border: 1px solid #000; flex: none; justify-content: center; align-items: center; padding: 0.05rem 0.15rem; display: flex; } .works_micrographic_inner { justify-content: flex-start; align-items: center; display: flex; } .works_micrographic_line { background-color: var(--swatch--black-400); flex: none; width: 10px; height: 1px; } .works_micrographic_circle { border-radius: var(--radius--round); background-color: var(--swatch--card-bg); flex: none; width: 3px; height: 3px; } .u-text-style-micro { font-size: var(--_typography---font-size--text-micro); font-weight: var(--_typography---font--tertiary-medium); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-micro); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---section-space--none); --_text-style---margin-bottom: var(--_spacing---section-space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_content_ss.u-text-style-micro { line-height: var(--_text-style---line-height); padding-top: 0.015rem; display: flex; } .navbar_left_sound_btn { aspect-ratio: 1; width: 2em; } .works_home_title { grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .works_home_result { margin-top: var(--_spacing---section-space--small); flex-flow: column; display: flex; } .works_home_result_value.u-text-style-main { margin-bottom: var(--_spacing---space--2); padding-top: var(--_spacing---space--1); padding-right: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); 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(--swatch--beige-300); --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); width: fit-content; } .works_home_result_label.u-text-style-main { max-width: 20ch; line-height: var(--_typography---line-height--1-3); text-wrap: balance; } .g_btn_wrapper { z-index: 2; align-self: flex-end; position: sticky; top: 0%; } .footer_aside_contain { width: var(--column-width--4); padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--7); flex-flow: column; display: flex; } .footer_bottom_time { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .footer_bottom_availability { flex-flow: column; display: flex; } .footer_bottom_brand, .footer_bottom_location { display: flex; } .footer_bottom_span { width: fit-content; display: flex; } .footer_bottom_span.u-text-style-main.u-text-trim-off { line-height: var(--_typography---line-height--1-1); --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .footer_bottom_span.u-text-style-main.u-text-trim-off.is-city { margin-right: 0.2em; } .footer_bottom_span.is-top { padding-right: 20px; } .footer_bottom_date { flex-flow: column; display: flex; } .g_btn_close_span.u-text-mono { color: var(--swatch--beige-400); font-size: 8px; line-height: var(--_typography---line-height--0-90); } .hero_home_cover { z-index: 0; width: 100%; height: 100svh; position: absolute; inset: 0%; } .hero_home_img { opacity: 0.6; height: 110%; } .hero_home_gradient { background-image: linear-gradient(180deg, #0000, var(--swatch--black-400)); height: 100px; position: absolute; inset: auto 0% 0%; } .footer_nav_soon.u-text-style-micro { display: none; } .footer_nav_soon.u-text-style-micro:where( .w-variant-e43c2300-7a0c-88ac-6dbd-1808581c0740 ) { display: block; } .navbar_left_sound_on { width: 1.1em; } .process_home_content_inner { grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .process_home_content_index { width: var(--column-width--2); margin-top: var(--site--margin); flex-flow: row; display: flex; } .process_home_content_index.u-text-mono { width: var(--column-width--3); margin-top: var(--column-margin--0); font-family: var(--_typography---font--tertiary-family); justify-content: flex-start; align-items: center; } .process_home_content_span.u-text-style-h3 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content_span.u-text-style-h3.u-text-trim-off.u-text-mono { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-micro); --_text-style---line-height: var(--_typography---line-height--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---section-space--none); --_text-style---margin-bottom: var(--_spacing---section-space--none); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content_span.u-text-style-micro { display: flex; } .navbar_css { display: none; } .services_home_heading-inner.u-text-style-large { margin-top: var(--_spacing---space--5); } .gap_home_bottom { grid-row-gap: var(--_spacing---space--5); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .cta_home_heading_contain { grid-row-gap: var(--_spacing---space--2); flex-flow: column; display: flex; } .cta_heading_inner { grid-column-gap: var(--_spacing---space--3); align-self: center; display: flex; } .footer_canvas_bottom { z-index: 0; justify-content: center; align-items: center; height: 40svh; display: flex; position: relative; } .footer_canvas_item { width: 100%; height: 100%; } .footer_canvas_content { padding-right: var(--site--margin); padding-left: var(--site--margin); pointer-events: none; mix-blend-mode: difference; justify-content: space-between; align-self: center; align-items: center; height: fit-content; display: flex; position: absolute; inset: 0%; } .footer_canvas_text.u-text-style-main { display: inline-flex; } .code-embed-4 { display: none; } .cursor { z-index: 10; width: auto; padding: var(--_spacing---space--2); border-radius: var(--radius--medium); background-color: var(--swatch--card-bg); opacity: 0; pointer-events: none; transition: opacity 0.17s cubic-bezier(0.626, 0.011, 0.25, 1); display: flex; position: fixed; top: 0; left: 0; overflow: clip; } .cursor_text.u-text-mono { color: var(--swatch--beige-100); } .code-embed-5 { display: none; } .footer_canvas_svg { max-width: 5rem; } .hero_home_svg { opacity: 0.6; color: var(--swatch--beige-200); } .process_home_content_act.u-text-style-h3 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-015em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content_act.u-text-style-h3.u-text-trim-off { margin-right: 0.2em; } .process_home_content_act.u-text-style-h3.u-text-trim-off.u-text-mono { margin-right: 0.5em; } .process_home_content-left { width: 100%; padding-top: var(--_spacing---space--5); border-top: 1px solid var(--swatch--card-bg); flex: 1; justify-content: flex-start; align-items: flex-start; display: flex; } .gap_home_testimonial { grid-column-gap: 0.6em; justify-content: flex-start; align-items: center; display: flex; } .gap_home_headshot { border-radius: var(--max-width--small); object-position: 50% 20%; width: 2rem; height: 2rem; } .gap_home_content { grid-row-gap: 0.5em; flex-flow: column; display: flex; } .gap_home_content.is-gap { grid-row-gap: 0.3em; } .gap_home_content_text.u-text-style-main { color: var(--swatch--black-50); } .problems_home_label.u-text-mono { width: 100%; margin-bottom: var(--_spacing---space--2); color: var(--swatch--black-200); font-size: var(--_typography---font-size--text-micro); text-align: center; align-self: center; position: absolute; inset: auto 0% 0%; } .problems_home_image { height: 100%; } .code-embed-6 { display: none; } .problems_home_left { margin-top: var(--_spacing---space--5); } .hero_home_overlay { z-index: 1; background-color: var(--swatch--black-400); pointer-events: none; opacity: 0; width: 100%; height: 100%; position: absolute; inset: 0%; } .g_btn_text_contain { overflow: clip; } .g_btn_text_contain:where(.w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449) { overflow: hidden; } .g_btn_aside_wrap { aspect-ratio: 1; border-radius: var(--radius--small); flex: none; justify-content: center; align-items: center; width: 1.5em; height: 100%; display: flex; position: relative; overflow: hidden; } .g_btn_aside_wrap:where(.w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449) { width: 3em; } .g_btn_aside_wrap:where(.w-variant-aa962b9b-25a3-6974-c60e-7d9229858c39) { border-style: none; border-color: var(--swatch--black-200); background-color: var(--swatch--black-200); } .g_btn_aside_bg { border-radius: var(--radius--small); background-color: var(--swatch--black-400); position: absolute; inset: 0%; } .faq_home_headshot { width: var(--column-width--4); aspect-ratio: 1; border-radius: var(--radius--small); object-position: 50% 20%; } .faq_home_content { grid-row-gap: var(--_spacing---space--4); flex-flow: column; display: flex; } .problems_home_headshot { border-radius: var(--max-width--small); object-position: 50% 20%; width: 2.5rem; height: 2.5rem; } .works_home_cta_span { font-size: var(--_typography---font-size--text-xsmall); vertical-align: top; } .menu_links_ul { flex-flow: column; display: flex; } .menu_links_text { line-height: 1em; } .menu_links_li { flex-flow: row; display: flex; } .menu_wrap { z-index: 199; color: #fcfcfc; background-color: #080807; flex-flow: row; justify-content: flex-start; align-items: center; width: 100%; height: 100dvh; padding-bottom: 0; padding-left: 0; padding-right: 0; display: none; position: fixed; } .menu_contain_nav { display: flex; } .menu_contain_nav.u-gap-small.u-hflex-left-center { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .menu_overlay_close { z-index: -1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); pointer-events: none; cursor: pointer; background-color: #080807a6; width: 100%; height: 100%; position: absolute; } .cursor_wrap { z-index: 25; pointer-events: none; padding-top: 1em; padding-left: 0.5em; padding-right: 1em; position: fixed; top: 0; left: 0; } .cursor-bubble { height: 2em; padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); border-radius: var(--radius--small); background-color: var(--swatch--beige-200); opacity: 0; color: #000; justify-content: center; align-items: center; display: flex; position: relative; } .cursor-bubble__text { letter-spacing: -0.02em; white-space: nowrap; font-size: 1em; font-weight: 500; } .cursor_css { display: none; } .hero_home_fade { z-index: 1; background-color: var(--swatch--black-400); pointer-events: none; opacity: 0; position: absolute; inset: 0%; } .text-block { align-self: center; position: absolute; } .process_home_cta.u-text-mono { color: var(--swatch--beige-100); mix-blend-mode: difference; display: none; position: absolute; } .process_home_cta.u-text-mono.is-desktop { display: block; } .about_modal_values { margin-top: var(--_spacing---space--6); padding-top: var(--_spacing---space--6); border-top: 1px solid var(--swatch--card-bg); display: flex; } .about_values_p.u-text-style-small { color: var(--swatch--black-50); text-wrap: balance; } .about_values_collection { width: 50%; } .about_values_list { flex-flow: column; display: flex; } .about_values_item { margin-bottom: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); grid-row-gap: var(--_spacing---space--4); border-bottom: 1px solid var(--swatch--card-bg); flex-flow: column; display: flex; } .about_values_heading.u-text-style-h5 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .hero_canvas_item { width: 100%; height: 100%; position: absolute; inset: 0%; } .process_micrographic_inner { justify-content: flex-start; align-items: center; display: flex; } .process_micrographic_circle { border-radius: var(--radius--round); background-color: var(--swatch--beige-200); flex: none; width: 3px; height: 3px; } .process_micrographic_line { background-color: var(--swatch--beige-100); flex: none; width: 10px; height: 1px; } .process_home_micrographic_index { border: 1px solid var(--swatch--beige-100); border-radius: var(--radius--small); flex: none; justify-content: center; align-items: center; padding: 0.05rem 0.15rem; display: flex; } .works_home_content_index-copy.u-text-style-micro { line-height: var(--_text-style---line-height); display: flex; } .process_home_micrographic { grid-column-gap: 0.5em; color: var(--swatch--beige-100); flex: none; justify-content: flex-start; align-items: center; display: flex; } .u-text-style-display-small { font-size: var(--_typography---font-size--display-small); } @media screen and (min-width: 1440px) { .navbar_links_li { display: flex; } .accordion_css_item_heading { letter-spacing: 0; } .services_home_heading.u-text-style-h2 { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content-p.u-text-style-small { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } } @media screen and (min-width: 1920px) { .u-text-style-display { font-size: clamp(2rem, 11vw, 11.2rem); } .u-text-style-main { font-size: var(--_typography---font-size--h5); } .u-text-style-small { font-size: var(--_typography---font-size--text-main); } .guide_contain.u-container { width: calc(100% - var(--site--margin) * 2); } .g_btn_text.u-text-style-small.u-text-trim-off { font-size: var(--_typography---font-size--text-large); } .g_btn_text.u-text-style-small.u-text-trim-off:where( .w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449 ) { font-size: var(--_typography---font-size--h3); } .navbar_home_svg { max-width: 8rem; } .hero_home_content_p.u-text-style-h4 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var( --_typography---letter-spacing--0-015em ); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_cover.u-ratio-1-1 { padding: var(--_spacing---section-space--main); } .problems_home_heading.u-text-style-h1.u-weight-bold { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .gap_home_p.u-text-style-h5, .problems_home_header_text.u-text-style-main { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .cta_home_heading.u-text-style-display { font-size: clamp(2rem, 11vw, 11.2rem); } .cta_home_testimonial_message.u-text-style-h5, .accordion_css_item_heading.u-text-trim-off.u-text-style-large { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var( --_typography---letter-spacing--0-015em ); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .accordion_css_item_top { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .problem_home_stat-num.u-text-style-h3 { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .problem_home_stat-p.u-text-style-main { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_inner_title.u-text-style-h5 { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .services_home_message.u-text-style-small { font-size: var(--_typography---font-size--h5); } .services_home_heading.u-text-style-h2 { font-size: var(--_typography---font-size--display-small); } .process_home_content_heading.u-text-style-h6 { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); max-width: 20ch; } .process_home_content-p.u-text-style-small { max-width: 34ch; line-height: var(--_typography---line-height--1-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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var( --_typography---letter-spacing--0-015em ); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_result_value.u-text-style-main { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var( --_typography---letter-spacing--0-015em ); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_result_label.u-text-style-main { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content_inner { grid-row-gap: var(--_spacing---space--5); } .gap_home_headshot { width: 3rem; height: 3rem; } .gap_home_content_text.u-text-style-xsmall { font-size: var(--_typography---font-size--text-main); } .gap_home_content_text.u-text-style-main { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } } @media screen and (max-width: 991px) { .hero_home_contain { flex-flow: column; justify-content: space-between; align-items: flex-start; } .navbar_menu_circle { z-index: 4; background-color: #1c1c1c; border-radius: 100vw; align-self: flex-end; width: 0.375rem; height: 0.375rem; display: inline-block; position: relative; } .navbar_menu_circle.is-cyan { z-index: 2; background-color: #75fbfd; position: absolute; } .navbar_menu_circle.is-magenta { z-index: 3; background-color: #ea33f7; position: absolute; transform: translate(0); } .navbar_menu_circle.is-yellow { z-index: 1; background-color: #f1fe67; position: absolute; } .navbar_cta_wrap { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: center; align-items: center; display: flex; } .navbar_menu_close.u-text-small { line-height: 0.85; position: absolute; transform: translateY(105%); } .navbar_contain.u-grid-custom { flex-flow: row; justify-content: space-between; display: flex; } .navbar_menu_btn { color: #1c1c1c; background-color: #eaf9fb; border-radius: 0.15rem; flex-flow: column; justify-content: flex-start; align-items: flex-end; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; display: none; position: relative; overflow: hidden; transform: translate(0); } .navbar_menu_inner { justify-content: flex-start; align-items: flex-end; margin-top: 0.375rem; margin-right: 1rem; display: flex; position: relative; overflow: hidden; } .navbar_menu_circle_contain { display: flex; position: relative; } .navbar_links_ul.u-gap-small.u-hflex-left-center { display: flex; } .navbar_menu_text.u-text-small { line-height: 0.85; transform: translate(0); } .footer_nav_span.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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_wrap.u-theme-light { padding-top: var(--_spacing---section-space--page-top); } .works_home_contain { flex-flow: column; } .works_home_collection { width: 100%; } .works_home_left { width: 100%; height: auto; padding-bottom: var(--_spacing---space--6); grid-column-gap: var(--_spacing---section-space--main); grid-row-gap: var(--_spacing---section-space--main); justify-content: center; align-items: flex-start; position: static; } .works_home_cover.u-ratio-1-1 { aspect-ratio: 1; height: 100%; } .services_home_header { padding-bottom: var(--_spacing---section-space--none); flex-flow: column; } .problems_home_heading.u-text-style-h1.u-weight-bold { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .gap_home_inner_heading.u-text-style-display.is-right { white-space: nowrap; } .faq_home_wrap { flex-flow: column; display: flex; } .cta_home_heading.u-text-style-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_video { width: var(--column-width--6); } .footer_top { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--7); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; } .footer_nav_wrap { flex: 1; width: auto; } .footer_nav_eyebrow { width: 7rem; } .footer_middle_wrap { flex: 1; width: auto; } .footer_socials_wrap { z-index: 1; justify-content: flex-start; align-items: flex-start; position: relative; } .footer_middle_email.u-text-style-h4.is-address { max-width: 30ch; } .footer_socials_li { background-color: var(--swatch--black-400); } .services_home_stats { width: var(--column-width--6); padding-top: var(--_spacing---section-space--main); order: 9999; } .services_home_top { width: var(--column-width--12); margin-left: var(--column-margin--0); } .process_home_content_heading.u-text-style-h6 { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); max-width: 20ch; } .process_home_content-p.u-text-style-small { text-wrap: balance; max-width: 25ch; } .faq_home_left { margin-bottom: var(--_spacing---space--3); } .footer_eyebrow { width: var(--column-width--12); } .cursor { display: none; } .faq_home_headshot { width: var(--column-width--2); } .faq_home_content { margin-top: var(--_spacing---section-space--small); } .menu_links_link { justify-content: flex-start; align-items: center; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; display: flex; } .menu_links_line { background-color: #a2b0b2; width: 100%; height: 1px; } .menu_contain { width: 100%; padding-left: 3px; } .menu_links_ul { margin-bottom: 8.5rem; } .menu_contain_bottom { justify-content: space-between; display: flex; } .menu_p { max-width: 20ch; margin-bottom: 2rem; } .menu_links_text.u-weight-bold.u-text-style-h2.u-text-trim-off { line-height: 1.1; } .menu_links_li { flex-flow: column; overflow: hidden; } .menu_contain_text { justify-content: flex-start; align-items: center; width: 100%; display: flex; overflow: hidden; } .menu_contain_bottom_wrap { overflow: hidden; } .menu_links_index.u-text-style-mono { width: 0; } .menu_wrap { z-index: 100; color: #1c1c1c; opacity: 0; visibility: hidden; background-color: #eaf9fb; justify-content: center; align-items: flex-end; width: 100%; display: none; position: fixed; } } @media screen and (max-width: 767px) { .navbar_links_li { display: none; } .navbar_menu_close { letter-spacing: 0; font-weight: 500; } .navbar_menu_btn { height: 100%; padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); background-color: var(--swatch--transparent); color: var(--swatch--beige-100); justify-content: center; align-items: center; display: flex; position: relative; transform: none; } .navbar_menu_text { letter-spacing: 0; font-weight: 500; } .g_eyebrow_text.u-text-style-large { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: clamp( 1 * 1rem, ( ( 1 - ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min) ) ) * 1rem + ( (1.125 - 1)/ (var(--site--viewport-max) - var(--site--viewport-min)) ) * 100vw ), 1.125 * 1rem ); --_text-style---line-height: var(--_typography---line-height--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .hero_home_bottom.u-grid-custom { grid-row-gap: var(--_spacing---space--4); } .works_home_wrap.u-theme-light { min-height: auto; } .works_home_contain { flex-flow: column; } .works_home_collection { width: var(--column-width--12); } .works_home_left { width: 100%; height: auto; padding-bottom: var(--_spacing---space--4); grid-row-gap: var(--_spacing---section-space--main); flex-flow: column; justify-content: center; align-items: flex-start; position: static; } .works_home_cta_text.u-text-style-h4 { font-size: var(--_typography---font-size--h4); } .problems_home_header { flex-flow: column; justify-content: space-between; align-items: flex-start; } .problems_home_collection { width: 100%; margin-top: var(--_spacing---space--5); margin-left: var(--column-margin--0); } .problems_home_item { grid-column-gap: var(--site--gutter); } .g_eyebrow { grid-column-gap: var(--_spacing---space--2); } .g_eyebrow_circle { width: 0.65rem; height: 0.65rem; } .problems_home_bottom { margin-left: var(--column-margin--0); flex-flow: column; } .gap_home_inner { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .gap_home_inner_content { grid-row-gap: var(--_spacing---space--2); flex-flow: column; } .gap_home_inner_heading.u-text-style-display.is-left, .gap_home_inner_heading.u-text-style-display.is-right { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .gap_home_cover { width: var(--column-width--4); } .problems_home_top { order: -9999; width: 100%; margin-left: 0; } .problems_home_header-inner { justify-content: space-between; align-items: center; } .problems_home_header_text.u-text-style-main { max-width: 16ch; } .faq_home_wrap { flex-flow: column; } .cta_home_svgs { width: 21vw; } .accordion_css_item_top { padding-top: 1rem; padding-bottom: 1rem; } .accordion_css_bottom_contain { flex-flow: column; } .faq_home_p.u-text-style-h5 { max-width: 23ch; } .process_home_video { width: var(--column-width--9); margin-left: var(--column-margin--3); } .accordion_css_item_bg { padding-top: 1rem; padding-bottom: 1rem; } .footer_wrap { height: auto; padding-top: var(--_spacing---space--8); grid-row-gap: var(--_spacing---section-space--none); } .footer_top { padding-bottom: var(--_spacing---space--2); grid-row-gap: var(--_spacing---section-space--small); flex-flow: column; } .svg-6 { max-width: 8rem; } .problems_home_stats { width: var(--column-width--6); margin-top: var(--_spacing---section-space--small); } .problem_home_stat-num.u-text-style-h3 { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_p.u-text-style-h5 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .services_home_stats { width: var(--column-width--6); } .services_home_top { width: 100%; margin-left: 0; } .process_home_content { margin-top: var(--_spacing---section-space--small); position: static; } .process_home_content-list { flex-flow: column; height: auto; display: flex; } .process_home_content-item { margin-left: var(--column-margin--0); grid-row-gap: var(--_spacing---space--5); flex-flow: column; justify-content: flex-start; align-items: flex-start; } .process_home_content_heading.u-text-style-h6 { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var( --_typography---letter-spacing--0-015em ); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); max-width: 32ch; } .process_home_content-p.u-text-style-small { max-width: 31ch; } .faq_home_left { width: var(--column-width--12); } .footer_eyebrow { width: var(--column-width--12); padding-top: var(--_spacing---section-space--none); } .footer_middle_address.u-text-style-h6 { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .footer_bottom_span.u-text-style-main.u-text-trim-off { flex: none; } .process_home_content_inner { flex: 1; } .process_home_content_index { width: var(--column-width--4); } .process_home_content_span.u-text-style-h3 { font-weight: var(--_typography---font--tertiary-medium); --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: block; } .process_css { display: none; } .process_home_content_act.u-text-style-h3 { font-weight: var(--_typography---font--tertiary-medium); --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); display: block; } .process_home_content_act.u-text-style-h3.u-text-trim-off.u-text-mono { display: none; } .process_home_content-left { grid-column-gap: var(--site--gutter); } .navbar_menu_span { transition: transform 0.35s cubic-bezier(0.16, 1, 0.35, 1); display: inline-flex; position: relative; } .navbar_menu_span.is-close { position: absolute; inset: 0%; } .navbar_menu_span-wrap { transition: transform 0.35s cubic-bezier(0.16, 1, 0.35, 1); position: relative; } .navbar_menu_span-wrap.is-close { position: absolute; inset: 0%; } .menu_contain { z-index: 2; height: 55dvh; padding-top: var(--_spacing---section-space--small); padding-right: var(--site--margin); padding-bottom: var(--_spacing---space--4); padding-left: var(--site--margin); background-color: var(--swatch--black-400); visibility: hidden; opacity: 0; flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; position: relative; } .menu_links_index.u-text-style-mono { margin-right: 1rem; } .menu_wrap { z-index: 800; background-color: var(--swatch--transparent); pointer-events: none; height: 100%; color: var(--swatch--beige-100); opacity: 1; visibility: visible; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .menu_popup_collection { z-index: 1; width: 100%; padding-top: var(--site--margin); padding-right: var(--site--margin); padding-bottom: var(--site--margin); padding-left: var(--site--margin); opacity: 0; visibility: hidden; height: fit-content; position: relative; } .menu_popup_list { flex-flow: column; display: flex; } .menu_popup_item { padding: var(--_spacing---space--2); grid-column-gap: var(--site--gutter); border-radius: var(--radius--small); background-color: var(--swatch--black-300); justify-content: space-between; align-items: flex-start; display: flex; overflow: hidden; } .menu_popup_cover { aspect-ratio: 1; border-radius: var(--radius--small); width: 5em; height: 5em; overflow: hidden; } .menu_popup_content { grid-row-gap: var(--_spacing---space--3); flex-flow: column; display: flex; } .menu_popup_p { max-width: 19ch; } .menu_popup_p.u-text-style-small { max-width: 20ch; } .menu_popup_link { grid-column-gap: var(--site--gutter); display: flex; } .menu_popup_date.u-text-mono { color: var(--swatch--black-50); } } @media screen and (max-width: 479px) { .u-max-width-full { max-width: 100%; } .footer_nav_text { order: -1; } .footer_nav_span.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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .navbar_links { display: none; } .g_btn_text.u-text-style-small.u-text-trim-off:where( .w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449 ) { --_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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var( --_typography---letter-spacing--0-015em ); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .hero_home_bottom.u-grid-custom { flex-flow: wrap; grid-auto-columns: minmax(0, 1fr); justify-content: space-between; display: flex; } .hero_home_content_p.u-text-style-h4 { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .works_home_list { grid-row-gap: var(--_spacing---space--4); } .works_home_item { padding-bottom: var(--_spacing---section-space--none); border-bottom-style: none; } .works_home_link.u-grid-custom { display: flex; } .problems_home_wrap { padding-bottom: var(--_spacing---section-space--large); } .problems_home_list.u-grid-custom { --_column-count---value: 3; } .problems_home_item { flex-flow: column; } .problems_home_heading.u-text-style-h1.u-weight-bold { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); line-height: 1.15; } .gap_home_p.u-text-style-h5 { text-wrap: balance; max-width: 38ch; } .gap_home_cover { width: var(--column-width--6); } .problems_home_top { margin-top: var(--_spacing---section-space--small); } .cta_home_heading.u-text-style-display { line-height: var(--_typography---line-height--0-90); --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .cta_home_svgs { min-width: 6rem; } .cta_home_svgs.is-cssda { display: none; } .faq_home_heading.u-text-style-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .accordion_css_item_heading.u-text-trim-off.u-text-style-large { text-wrap: balance; max-width: 29ch; } .process_home_video { width: var(--column-width--9); margin-left: var(--column-margin--3); } .footer_top { grid-row-gap: var(--_spacing---space--6); } .footer_nav_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .footer_bottom_canvas { width: 2rem; } .footer_middle_email { width: auto; } .footer_middle_email.u-text-style-h6 { text-wrap: nowrap; } .footer_socials_ul { flex-flow: column; } .footer_socials_text.u-text-style-h4 { flex: none; } .navbar_link { order: -1; } .about_modal_clients, .about_modal_awards { flex-flow: column; } .about_clients_collection { width: 100%; margin-top: var(--_spacing---space--6); } .about_modal_circle { width: 100%; } .problems_home_stats { width: var(--column-width--12); } .services_home_message.u-text-style-small { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .services_home_stats { width: var(--column-width--12); } .services_home_service-list { grid-row-gap: var(--_spacing---space--3); } .services_home_heading.u-text-style-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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content-list { grid-row-gap: var(--site--margin); } .process_home_content-item { flex-flow: column; } .process_home_content_heading.u-text-style-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--1-1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .hero_home_content_svg { max-width: 3em; } .footer_aside_contacts { margin-top: var(--_spacing---section-space--none); } .footer_aside_contain { padding-left: var(--_spacing---section-space--none); border-left-style: none; } .footer_bottom_brand { justify-content: flex-start; align-items: flex-start; width: 100%; } .footer_bottom_span.u-text-style-main.u-text-trim-off, .footer_bottom_span.u-text-style-main.u-text-trim-off.is-city { --_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--1-3); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-01em); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .process_home_content_inner { width: var(--column-width--9); } .process_home_content_index { width: var(--column-width--3); } .process_home_content_act.u-text-style-h3.u-text-trim-off.u-text-mono { display: block; } .process_home_content-left { grid-column-gap: var(--site--gutter); } .g_btn_aside_wrap:where(.w-variant-c2ee8580-9f06-5e9a-1461-dda4efd8c449) { width: 2em; } .menu_links_text.u-weight-bold.u-text-style-h2.u-text-trim-off { --_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--1); --_text-style---font-weight: var(--_typography---font--tertiary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--0-03em); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } .menu_links_index.u-text-style-mono { width: 0; margin-right: 0; } .process_home_cta.u-text-mono { display: block; } .about_modal_values { flex-flow: column; } .about_values_collection { width: 100%; margin-top: var(--_spacing---space--6); } } #w-node-_8bb6f0d6-0da9-0a57-e940-f6122574edbf-c8fe3e53 { grid-column: span 4 / span 4; } #w-node-_79a66efe-2ccc-158b-f998-0fe9f7456747-c8fe3e53, #w-node-_79a66efe-2ccc-158b-f998-0fe9f7456747-c8fe3e53:where( .w-variant-6e399cf6-48eb-20fd-83f8-025376fc8e38 ), #w-node-_79a66efe-2ccc-158b-f998-0fe9f7456757-c8fe3e53, #w-node-_79a66efe-2ccc-158b-f998-0fe9f7456757-c8fe3e53:where( .w-variant-6e399cf6-48eb-20fd-83f8-025376fc8e38 ) { grid-column: span 3 / span 3; } #w-node-_79a66efe-2ccc-158b-f998-0fe9f74567a7-c8fe3e53 { grid-area: span 1 / span 5 / span 1 / span 5; justify-self: end; } #w-node-_79a66efe-2ccc-158b-f998-0fe9f74567a7-c8fe3e53:where( .w-variant-6e399cf6-48eb-20fd-83f8-025376fc8e38 ) { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_95ea37ad-cb60-3f9c-8b81-20835051313b-c8fe3e53 { grid-area: 1/3/2/5; justify-self: center; } #w-node-_32821c15-9e1e-2210-1e83-e2ffe4f5ce03-c8fe3e53 { grid-area: 1/6/2/8; justify-self: center; } #w-node-_50c9e742-7699-54cc-3f46-fbd91f6a2339-c8fe3e53 { grid-area: 1/9/2/11; justify-self: center; } #w-node-_1d3727e3-739e-0c86-bddf-51dc1e7d8554-c8fe3e53 { grid-area: 1/12/2/13; justify-self: end; } #w-node-c8b1a39d-60a4-5f3d-0268-8191af37a2dc-c8fe3e53 { grid-area: span 1 / span 7 / span 1 / span 7; } #w-node-_06790eb0-c4a9-4920-981c-369dcfe962ca-c8fe3e53 { grid-area: span 1 / span 5 / span 1 / span 5; } #w-node-e8f74dcd-e1ee-3895-e264-45e25dc77395-c8fe3e53 { grid-area: 1/11/2/13; } #w-node-e8f74dcd-e1ee-3895-e264-45e25dc77396-c8fe3e53 { grid-column: span 4 / span 4; } #w-node-_9be3a383-e8aa-ff59-b5bb-d54064d31ae5-c8fe3e53 { grid-area: span 1 / span 4 / span 1 / span 4; } #w-node-b1c604b8-6cd2-241d-2e56-047eb110a900-c8fe3e53 { grid-area: span 2 / span 8 / span 2 / span 8; } #w-node-d77bb058-c48d-66a4-3eb2-e6c3c3fe6c6f-c8fe3e53 { grid-area: 1/4/2/13; } #w-node-_6690a292-b96d-752f-1cd7-f60f3c4332e9-c8fe3e53 { grid-area: span 1 / span 4 / span 1 / span 4; align-self: end; } #w-node-ac667b64-4a8f-a110-a850-6b6faa36d3bc-56f7ea66, #w-node-d50b0800-acc5-a9da-4ae1-44c730b38ce4-56f7ea66 { grid-area: span 1 / span 4 / span 1 / span 4; } #w-node-_9d1534bb-9a90-8e44-18d3-4439b21ae367-56f7ea66 { grid-area: span 1 / span 4 / span 1 / span 4; place-self: end; } #w-node-_01473dc5-045d-cd95-0817-52d9c52ac3d1-c52ac3cf, #w-node-_01473dc5-045d-cd95-0817-52d9c52ac3d1-c52ac3cf:where( .w-variant-6e399cf6-48eb-20fd-83f8-025376fc8e38 ) { grid-column: span 4 / span 4; } #w-node-e1ca627e-1dd0-80a9-8e58-5ccb42ec4491-2cab076f { grid-area: 1/3/2/5; justify-self: center; } #w-node-e1ca627e-1dd0-80a9-8e58-5ccb42ec4492-2cab076f { grid-area: 1/9/2/11; justify-self: center; } #w-node-e1ca627e-1dd0-80a9-8e58-5ccb42ec4493-2cab076f { grid-area: 1/12/2/13; justify-self: end; } #w-node-e1831a70-14d3-1b63-28f9-51acbd2c8c6e-40e8e4bd { grid-column: span 4 / span 4; } #w-node-e1831a70-14d3-1b63-28f9-51acbd2c8c6f-40e8e4bd, #w-node-e1831a70-14d3-1b63-28f9-51acbd2c8c6f-40e8e4bd:where( .w-variant-6e399cf6-48eb-20fd-83f8-025376fc8e38 ), #w-node-e1831a70-14d3-1b63-28f9-51acbd2c8c78-40e8e4bd, #w-node-e1831a70-14d3-1b63-28f9-51acbd2c8c78-40e8e4bd:where( .w-variant-6e399cf6-48eb-20fd-83f8-025376fc8e38 ) { grid-column: span 3 / span 3; } #w-node-e1831a70-14d3-1b63-28f9-51acbd2c8c81-40e8e4bd { grid-area: span 1 / span 5 / span 1 / span 5; justify-self: end; } #w-node-e1831a70-14d3-1b63-28f9-51acbd2c8c81-40e8e4bd:where( .w-variant-6e399cf6-48eb-20fd-83f8-025376fc8e38 ) { grid-area: span 1 / span 2 / span 1 / span 2; } @media screen and (max-width: 991px) { #w-node-_9be3a383-e8aa-ff59-b5bb-d54064d31ae5-c8fe3e53 { grid-column: span 4 / span 4; } #w-node-e1ca627e-1dd0-80a9-8e58-5ccb42ec4495-2cab076f, #w-node-e1ca627e-1dd0-80a9-8e58-5ccb42ec44a3-2cab076f { grid-area: span 1 / span 6 / span 1 / span 6; } #w-node-e1ca627e-1dd0-80a9-8e58-5ccb42ec44b0-2cab076f { grid-area: span 1 / span 12 / span 1 / span 12; } } @media screen and (max-width: 767px) { #w-node-d77bb058-c48d-66a4-3eb2-e6c3c3fe6c6f-c8fe3e53 { grid-column-start: 1; } #w-node-ac667b64-4a8f-a110-a850-6b6faa36d3bc-56f7ea66, #w-node-d50b0800-acc5-a9da-4ae1-44c730b38ce4-56f7ea66 { grid-column: span 6 / span 6; } #w-node-_9d1534bb-9a90-8e44-18d3-4439b21ae367-56f7ea66 { grid-column: span 12 / span 12; justify-self: start; } } @media screen and (max-width: 479px) { #w-node-ac667b64-4a8f-a110-a850-6b6faa36d3bc-56f7ea66, #w-node-d50b0800-acc5-a9da-4ae1-44c730b38ce4-56f7ea66 { grid-column: span 12 / span 12; } }