@charset "utf-8";

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

body { margin: 0px; }

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: 0px; display: none; }

[hidden], template { display: none; }

a { background-color: rgba(0, 0, 0, 0); }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { margin: 0.67em 0px; font-size: 2em; }

mark { color: rgb(0, 0, 0); background: rgb(255, 255, 0); }

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: 0px; }

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

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

pre { overflow: auto; }

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

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

button { overflow: visible; }

button, select { text-transform: none; }

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

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

input { line-height: normal; }

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

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

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

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

legend { border: 0px; padding: 0px; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0px; }

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

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

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

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

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

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

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

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

* { box-sizing: border-box; }

html { height: 100%; }

body { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); min-height: 100%; margin: 0px; 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: rgb(255, 255, 255); line-height: inherit; cursor: pointer; background-color: rgb(56, 152, 236); border: 0px; border-radius: 0px; padding: 9px 15px; text-decoration: none; display: inline-block; }

input.w-button { appearance: button; }

html[data-w-dynpage] [data-w-cloak] { color: rgba(0, 0, 0, 0) !important; }

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

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

.w-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; 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; 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; overflow-wrap: unset; transition: unset; }

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

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

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

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

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

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

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

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

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

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

blockquote { border-left: 5px solid rgb(226, 226, 226); margin: 0px 0px 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; }

figure { margin: 0px 0px 10px; }

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

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

.w-list-unstyled { padding-left: 0px; 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: 0px; position: relative; }

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

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

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

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

.w-form-done { text-align: center; background-color: rgb(221, 221, 221); padding: 20px; display: none; }

.w-form-fail { background-color: rgb(255, 222, 222); margin-top: 10px; padding: 10px; display: none; }

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

.w-input, .w-select { color: rgb(51, 51, 51); vertical-align: middle; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); 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: rgb(153, 153, 153); }

.w-input:focus, .w-select:focus { border-color: rgb(56, 152, 236); outline: 0px; }

.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: rgb(238, 238, 238); }

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

.w-select { background-color: rgb(243, 243, 243); }

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

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

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

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

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

.w-radio-input { float: left; margin: 3px 0px 0px -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: rgb(51, 51, 51); 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: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex; }

.w-file-upload-file { background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); flex-grow: 1; justify-content: space-between; margin: 0px; padding: 8px 9px 8px 11px; display: flex; }

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

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

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

.w-file-upload-error-msg { color: rgb(234, 56, 76); padding: 2px 0px; display: inline-block; }

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

.w-file-upload-label { cursor: pointer; background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: normal; display: inline-block; }

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

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

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

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

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

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

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

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

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

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

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

.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: 0px; margin-right: 0px; }
  .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: rgb(255, 255, 255); border: 1px solid rgb(117, 134, 150); border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; }

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

.w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: rgb(153, 153, 153); font-family: serif; font-size: 15px; line-height: 12px; position: relative; }

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

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

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

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

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

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

.w-widget-twitter-count-shim:not(.w--vertical)::before { border-width: 4px; border-color: rgba(117, 134, 150, 0) rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-top: -4px; margin-left: -9px; }

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

.w-widget-twitter-count-shim:not(.w--vertical)::after { border-width: 4px; border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-top: -4px; margin-left: -8px; }

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

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

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

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

.w-widget-twitter-count-shim.w--vertical::after { border-width: 4px; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-left: -4px; }

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

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

.w-background-video { color: rgb(255, 255, 255); height: 500px; position: relative; overflow: hidden; }

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

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

.w-background-video--control { background-color: rgba(0, 0, 0, 0); padding: 0px; position: absolute; bottom: 1em; right: 1em; }

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

.w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgb(221, 221, 221); height: 300px; position: relative; }

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

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

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

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

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

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

.w-slider-nav-invert { color: rgb(255, 255, 255); }

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

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

.w-slider-dot { cursor: pointer; background-color: rgba(255, 255, 255, 0.4); width: 1em; height: 1em; margin: 0px 3px 0.5em; transition: background-color 0.1s, color 0.1s; display: inline-block; position: relative; }

.w-slider-dot.w-active { background-color: rgb(255, 255, 255); }

.w-slider-dot:focus { outline: none; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; }

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

.w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: rgb(255, 255, 255); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0px; 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: 0px; }

.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: 0px; }

.w-slider-aria-label { clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; 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: rgb(34, 34, 34); text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; }

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

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

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

.w-dropdown-list { background: rgb(221, 221, 221); min-width: 100%; display: none; position: absolute; }

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

.w-dropdown-link { color: rgb(34, 34, 34); padding: 10px 20px; display: block; }

.w-dropdown-link.w--current { color: rgb(0, 130, 243); }

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

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

.w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; color: rgb(255, 255, 255); text-align: center; z-index: 2000; opacity: 0; user-select: none; -webkit-tap-highlight-color: transparent; background: rgba(0, 0, 0, 0.9); outline: 0px; 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: 0px; transform: translate(0px); }

.w-lightbox-backdrop, .w-lightbox-container { 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: 0px; position: relative; }

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

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

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

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

.w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.4); padding: 0.5em 1em; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; }

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

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

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

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

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

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

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

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

.w-lightbox-thumbnail { background: rgb(34, 34, 34); height: 10vh; position: relative; overflow: hidden; }

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

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

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

.w-lightbox-spinner { box-sizing: border-box; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: 0.8s linear 0s infinite normal none running spin; position: absolute; top: 50%; left: 50%; }

.w-lightbox-spinner::after { content: ""; border-width: 3px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); border-image: initial; 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: rgb(40, 149, 247) solid 2px; }

.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: 0px; }

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

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

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

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

.w-richtext figure div { color: rgba(0, 0, 0, 0); font-size: 0px; }

.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: 0px; }

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

.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: rgb(221, 221, 221); 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: rgb(51, 51, 51); text-decoration: none; position: relative; }

.w-nav-link { vertical-align: top; color: rgb(34, 34, 34); 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: rgb(0, 130, 243); }

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

[data-nav-menu-open] { text-align: center; background: rgb(200, 200, 200); min-width: 200px; position: absolute; top: 100%; left: 0px; right: 0px; 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: 0px; right: 0px; overflow: hidden; }

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

.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: 0px; 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: 0px; left: auto; }

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

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

.w-nav-button.w--open { color: rgb(255, 255, 255); background-color: rgb(200, 200, 200); }

.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: rgb(34, 34, 34); background-color: rgb(221, 221, 221); padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; }

.w-tab-link.w--current { background-color: rgb(200, 200, 200); }

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

.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(0deg); }
  100% { transform: rotate(360deg); }
}

.w-dyn-empty { background-color: rgb(221, 221, 221); padding: 10px; }

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

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

:root { --background: #101010; --on-background: #f2f2f2; }

.body { background-color: var(--background); color: var(--on-background); flex-direction: column; align-items: center; }

.section-nav { z-index: 10; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); height: 168px; padding-top: 24px; padding-left: 48px; padding-right: 48px; display: flex; position: fixed; inset: 0% 0% auto; }

.nav-bar { flex: 1 1 0%; justify-content: space-between; align-items: center; height: 56px; display: flex; }

.nav-left-wrapper { flex: 1 1 0%; align-items: center; height: 56px; display: flex; }

.nav-pill-wrapper { flex-direction: column; justify-content: center; width: 180px; height: 56px; display: flex; position: relative; }

.nav-right-wrapper { flex: 1 1 0%; justify-content: flex-end; align-items: center; height: 56px; display: flex; }

.logomark { justify-content: center; align-items: center; height: 48px; display: none; }

.logomark.password { height: 64px; }

.text-logo { letter-spacing: 0px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 20px; font-weight: 500; line-height: 20px; }

.logo-text { row-gap: 8px; flex-direction: column; justify-content: center; margin-top: 1px; display: flex; }

.text-underlogo { color: rgba(242, 242, 242, 0.5); letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 12px; line-height: 12px; display: block; }

.nav-pill { backdrop-filter: blur(15px); background-color: rgba(242, 242, 242, 0.05); border: 1px solid rgba(242, 242, 242, 0.1); border-radius: 24px; justify-content: space-between; align-items: center; width: 180px; height: 48px; padding-left: 6px; padding-right: 6px; transition: box-shadow 1s cubic-bezier(0.23, 1, 0.32, 1), border 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px; }

.nav-pill:hover { background-color: rgba(242, 242, 242, 0.08); border-color: rgba(242, 242, 242, 0.2); box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 40px; }

.nav-indicator-glow { background-color: var(--on-background); border-radius: 2px; width: 24px; height: 4px; margin-bottom: -2px; margin-left: 33px; box-shadow: rgb(255, 255, 255) 0px 2px 25px 2px; }

.nav-indicator-glow.info { margin-left: 121px; }

.nav-toggle { color: var(--on-background); text-align: center; border-radius: 18px; justify-content: center; align-items: center; width: 80px; height: 36px; text-decoration: none; transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; }

.nav-toggle:hover { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(242, 242, 242, 0.05)); }

.nav-toggle.work:hover { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(242, 242, 242, 0.05)); }

.text-nav-toggle { text-align: center; letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-weight: 500; line-height: 18px; }

.nav-indicator-pill { z-index: -1; background-color: rgba(242, 242, 242, 0.05); border-radius: 18px; width: 80px; height: 36px; display: block; position: absolute; top: 5px; left: 6px; }

.nav-indicator-pill.info { left: auto; right: 6px; }

.chip-socials { column-gap: 4px; border-radius: 24px; justify-content: flex-start; align-items: center; height: 48px; padding-left: 16px; padding-right: 12px; text-decoration: none; transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; }

.chip-socials:hover { background-color: rgba(242, 242, 242, 0.05); border-radius: 24px; }

.text-socialnav { color: rgb(242, 242, 242); letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; }

.section-hero { z-index: 1; background-image: radial-gradient(circle closest-corner at 50% 0px, rgba(242, 242, 242, 0.15), rgba(0, 0, 0, 0)); flex-direction: row; justify-content: center; padding-top: 160px; padding-bottom: 4px; display: flex; position: relative; overflow: hidden; }

.container-hero-image { z-index: 3; width: 882px; position: relative; }

.container-hero-image.info-hero { width: auto; }

.window-outline { backdrop-filter: none; outline-offset: -1px; background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(242, 242, 242, 0.2), rgba(0, 0, 0, 0)); border-radius: 24px; outline: rgba(242, 242, 242, 0.15) solid 1px; padding: 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px inset, rgba(0, 0, 0, 0.2) 0px 0px 60px, rgba(0, 0, 0, 0.8) 0px 30px 120px; }

.window-outline.info-hero { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px inset, rgba(0, 0, 0, 0.2) 0px 0px 60px, rgba(0, 0, 0, 0.5) 0px 30px 80px; }

.window-main { backdrop-filter: blur(20px); border: 1px solid rgba(242, 242, 242, 0.3); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px inset, rgba(0, 0, 0, 0.4) 0px 0px 12px; }

.window-bar { z-index: 5; backdrop-filter: blur(40px); background-image: linear-gradient(to right, rgba(242, 242, 242, 0.1), rgba(242, 242, 242, 0.5) 50%, rgba(242, 242, 242, 0.1)); border-top-left-radius: 16px; border-top-right-radius: 16px; justify-content: space-between; align-items: center; height: 40px; padding-left: 20px; padding-right: 12px; display: flex; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px 4px; }

.window-bar.info-hero { background-color: rgba(242, 242, 242, 0.2); background-image: none; border-bottom: 1px solid rgba(242, 242, 242, 0.3); border-radius: 0px; display: none; }

.window-dots-wrapper { column-gap: 10px; display: flex; }

.dot { background-color: rgb(244, 107, 93); border-radius: 6px; width: 12px; height: 12px; }

.dot.red { border: 1px solid rgba(16, 16, 16, 0.25); border-radius: 100px; box-shadow: rgb(244, 107, 93) 0px 0px 20px 2px; }

.dot.yellow { background-color: rgb(249, 189, 78); border: 1px solid rgba(16, 16, 16, 0.25); border-radius: 100px; box-shadow: rgb(249, 189, 78) 0px 0px 20px 2px; }

.dot.green { background-color: rgb(87, 195, 83); border: 1px solid rgba(16, 16, 16, 0.25); border-radius: 100px; box-shadow: rgb(87, 195, 83) 0px 0px 20px 2px; }

.window-content { z-index: 5; gap: 0px 32px; background-color: rgba(16, 16, 16, 0.7); flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-around; align-items: stretch; padding: 80px 56px 192px; display: flex; position: relative; }

.window-content.info-hero { padding: 0px; }

.hero-noise { z-index: 0; opacity: 0.2; mix-blend-mode: overlay; background-image: url("644af0299bc01254815ae442_noise-overlay-2.png"); background-position: 0px 0px; background-size: 200px; display: block; position: absolute; inset: 0%; }

.text-hero { text-align: left; letter-spacing: -2px; text-shadow: rgba(0, 87, 255, 0.15) 0px 5px 10px, rgba(255, 90, 0, 0.1) 0px -5px 10px, rgba(255, 255, 255, 0.3) 0px -5px 25px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 80px; font-weight: 500; line-height: 90%; }

.text-hero.info-hero { text-align: left; letter-spacing: -1px; text-shadow: rgba(0, 87, 255, 0.2) 0px 4px 10px, rgba(255, 90, 0, 0.15) 0px -4px 10px, rgba(255, 255, 255, 0.2) 0px 0px 30px; font-size: 48px; font-weight: 500; line-height: 110%; }

.text-hero.project-title { background-image: linear-gradient(to bottom, var(--on-background) 50%, transparent); letter-spacing: -1px; text-shadow: rgba(0, 87, 255, 0.2) 0px 5px 15px, rgba(255, 90, 0, 0.15) 0px -5px 15px, rgba(255, 255, 255, 0.25) 0px -5px 25px; -webkit-text-fill-color: transparent; background-clip: text; font-size: 64px; line-height: 72px; }

.hero-fade { z-index: 5; background-image: linear-gradient(to bottom, #10101000, var(--background) 60%); flex-direction: column; align-items: center; height: 200px; padding-top: 48px; display: flex; position: absolute; inset: auto 0% 0%; }

.hero-text-content { z-index: 1; row-gap: 64px; flex-direction: column; display: flex; position: relative; }

.icon-scroll-down { opacity: 0.5; width: 40px; height: 40px; display: block; }

.icon-location-portrait { opacity: 0.7; width: 20px; }

.section-projects { row-gap: 80px; flex-direction: column; align-items: center; padding-top: 24px; padding-bottom: 200px; display: flex; position: relative; }

.container-projects { row-gap: 48px; flex-direction: column; align-items: stretch; width: 882px; display: flex; position: relative; }

.section-nav-mobile, .nav-menu-button { display: none; }

.section-banner { z-index: 1; flex-direction: column; align-items: center; padding-top: 104px; display: flex; position: relative; overflow: hidden; }

.section-banner.bcbs { background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(0, 99, 155, 0.5), rgba(0, 0, 0, 0)); padding-top: 104px; }

.section-banner.spotlight { background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(8, 144, 251, 0.4), rgba(0, 0, 0, 0) 60%), radial-gradient(circle farthest-side at 50% 0px, rgba(158, 5, 214, 0.4), rgba(0, 0, 0, 0)); padding-top: 120px; }

.section-banner.thn { background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)); padding-top: 104px; }

.section-banner.rbc { text-transform: capitalize; background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(0, 106, 195, 0.6), rgba(0, 0, 0, 0)); padding-top: 120px; }

.container-banner { z-index: 3; row-gap: 32px; flex-direction: column; align-items: stretch; width: 882px; display: flex; position: relative; }

.project-title-hero-wrapper { row-gap: 64px; flex-direction: column; align-items: center; display: flex; }

.title-wrapper { row-gap: 16px; flex-direction: column; justify-content: space-between; align-items: center; display: flex; }

.text-projectpage-year { opacity: 0.5; color: var(--on-background); text-align: center; font-family: "Neue Montreal", Inter, sans-serif; font-size: 18px; font-weight: 400; line-height: 22px; }

.section-back { z-index: 9; background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); justify-content: space-between; height: 104px; padding-left: 48px; padding-right: 48px; display: flex; position: fixed; inset: 0% 0% auto; }

.text-button { letter-spacing: -0.5px; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; }

.text-button.highlights-cta { color: var(--background); font-weight: 600; }

.button-project-back { column-gap: 8px; backdrop-filter: blur(10px); color: var(--on-background); background-color: rgba(242, 242, 242, 0.15); border: 1px solid rgba(242, 242, 242, 0.04); border-radius: 100px; align-self: center; align-items: center; padding: 10px 24px 10px 12px; text-decoration: none; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; }

.button-project-back:hover { background-color: rgba(242, 242, 242, 0.2); border-color: rgba(242, 242, 242, 0.1); }

.project-overview-noise { z-index: 2; opacity: 0.2; mix-blend-mode: overlay; background-image: url("644af0299bc01254815ae442_noise-overlay-2.png"); background-size: 240px; position: absolute; inset: 0%; }

.project-fade { z-index: 4; background-image: linear-gradient(to bottom, transparent, var(--background)); height: 240px; position: absolute; inset: auto 0% 0%; }

.menu-mobile { display: none; }

.chapter { color: var(--on-background); letter-spacing: -0.25px; font-family: "Albert Sans", sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; }

.sidebar-chapters-wrapper { row-gap: 16px; flex-direction: column; align-items: flex-start; display: flex; }

.project-banner-image-wrapper { align-self: stretch; }

.loading-overlay { z-index: 9; row-gap: 16px; backdrop-filter: blur(5px); background-color: rgb(16, 16, 16); flex-direction: column; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; }

.image-project-banner { margin-top: 0px; }

.section-overview { row-gap: 64px; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 104px; padding-bottom: 104px; display: flex; position: static; }

.container-overview { gap: 0px 48px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; width: 882px; display: grid; }

.overview-right { row-gap: 40px; flex-direction: column; align-items: stretch; display: flex; }

.text-overview-overline { letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-weight: 500; line-height: 18px; }

.overview-left { row-gap: 40px; flex-direction: column; flex: 1 1 0%; align-items: stretch; display: flex; }

.overview-text-wrapper { row-gap: 8px; flex-direction: column; display: flex; }

.overview-text-wrapper.role-right-indent { padding-right: 48px; }

.text-callout { text-align: center; letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 24px; font-weight: 500; line-height: 140%; }

.text-callout.card-heading { text-align: left; font-size: 20px; }

.container-highlights { row-gap: 48px; background-color: rgba(242, 242, 242, 0.04); background-image: radial-gradient(circle closest-corner at 50% 0px, rgba(100, 210, 255, 0.05), rgba(0, 0, 0, 0)); border-radius: 24px; flex-direction: column; align-items: center; width: 882px; padding: 48px 24px 32px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.4) 0px 40px 100px; }

.container-highlights.has-bottom-cta { padding-bottom: 48px; }

.text-projectpage-overline { color: rgba(242, 242, 242, 0.4); text-align: left; letter-spacing: 1.5px; margin-top: 1px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 11px; font-weight: 500; line-height: 19px; }

.text-projectpage-overline.sidebar { font-size: 10px; line-height: 18px; }

.chip-special-overline { gap: 16px 8px; flex-direction: column; justify-content: center; align-items: center; display: flex; }

.highlights-text-content { row-gap: 24px; flex-direction: column; align-items: center; padding-left: 32px; padding-right: 32px; display: flex; }

.swipe-indicator-wrapper { display: none; }

.hero-bg-gradient { z-index: 2; background-image: linear-gradient(to right, transparent 5%, var(--on-background) 50%, transparent 95%); opacity: 0.7; filter: blur(100px); border-radius: 2000px; height: 50%; display: none; position: absolute; inset: 96px 24px auto; }

.glare-item-top { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 90%); height: 1px; margin-bottom: -1px; }

.glare-item-top.outer-edge { z-index: 1; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.8) 35%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.8) 65%, rgba(0, 0, 0, 0) 95%); position: absolute; inset: 0% 0% auto; }

.glare-item-top.highlights { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 15%, rgba(100, 210, 255, 0.5) 50%, rgba(0, 0, 0, 0) 95%); position: absolute; inset: 0% 0% auto; }

.glare-item-top.challenge { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(255, 214, 10, 0.6) 50%, rgba(0, 0, 0, 0) 95%); position: absolute; inset: 0% 0% auto; }

.glare-item-top.discovery { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgb(99, 230, 226) 50%, rgba(0, 0, 0, 0) 85%); position: absolute; inset: 0% 0% auto; }

.glare-item-top.inner-edge { z-index: 1; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 80%); position: absolute; inset: 0% 0% auto; }

.glare-item-top.hero-inner { height: 2px; margin-bottom: -2px; }

.glare-item-top.success { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgb(48, 209, 88) 50%, rgba(0, 0, 0, 0) 90%); position: absolute; inset: 0% 0% auto; }

.utility-page-wrap { row-gap: 24px; flex-direction: column; justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; }

.utility-page-content { z-index: 1; backdrop-filter: blur(50px); text-align: center; background-color: rgba(242, 242, 242, 0.05); border: 1px solid rgba(242, 242, 242, 0.04); border-radius: 24px; flex-direction: column; width: 504px; margin-bottom: 0px; padding: 48px 40px 40px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.4) 0px 40px 100px; }

.utility-page-form { row-gap: 32px; flex-direction: column; align-self: stretch; align-items: flex-start; display: flex; }

.text-field { color: var(--on-background); background-color: rgba(242, 242, 242, 0.1); border: 1px solid rgba(242, 242, 242, 0.05); border-radius: 10px; flex: 1 1 0%; width: 100%; padding: 16px; font-family: "Neue Montreal", Inter, sans-serif; }

.submit-button { background-color: var(--on-background); color: var(--background); border-radius: 100px; align-self: flex-end; padding: 10px 24px; font-family: "Neue Montreal", Inter, sans-serif; font-weight: 600; }

.text-form-label { opacity: 0; letter-spacing: -0.5px; margin-bottom: 0px; font-family: Inter, sans-serif; font-weight: 500; }

.field-wrapper { row-gap: 8px; flex-direction: column; align-items: flex-start; display: flex; }

.field-button-wrapper { row-gap: 16px; flex-direction: column; width: 100%; display: flex; }

.password-text-wrapper { row-gap: 24px; flex-direction: column; align-self: stretch; align-items: center; display: flex; }

.password-button-row { z-index: 1; column-gap: 8px; justify-content: center; align-items: center; display: flex; position: relative; }

.password-header-wrapper { row-gap: 24px; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-self: stretch; align-items: center; display: flex; }

.error-message { background-color: rgba(0, 0, 0, 0); align-self: center; margin-top: 8px; padding: 0px; }

.text-block { letter-spacing: -0.25px; font-family: Inter, sans-serif; }

.section-footer { border-top: 1px solid rgba(242, 242, 242, 0.1); justify-content: center; padding-top: 88px; padding-bottom: 80px; display: flex; position: relative; inset: auto 0% 0%; }

.container-footer { row-gap: 64px; flex-direction: column; width: 882px; display: flex; }

.footer-top-wrapper { justify-content: space-between; display: flex; }

.logomark-footer { height: 80px; display: none; }

.footer-links-column { row-gap: 16px; flex-direction: column; align-items: flex-start; width: 106px; display: flex; }

.text-footer-links-overline { opacity: 0.5; letter-spacing: 1.5px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 9px; font-weight: 500; line-height: 13px; }

.footer-link { column-gap: 4px; color: var(--on-background); align-self: stretch; align-items: center; height: 40px; text-decoration: none; display: flex; }

.text-footer-link { letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 16px; font-weight: 500; }

.footer-links-wrapper { row-gap: 8px; flex-direction: column; align-self: stretch; display: flex; }

.footer-links-column-wrapper { column-gap: 48px; display: flex; }

.footer-bottom-wrapper { column-gap: 48px; flex: 1 1 0%; justify-content: space-between; align-self: stretch; align-items: flex-end; display: flex; }

.text-footer-copyright { letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; }

.footer-bottom-left { row-gap: 4px; flex-direction: column; flex: 1 1 0%; align-self: stretch; align-items: flex-start; display: flex; }

.footer-bottom-right { flex-direction: column; flex: 1 1 0%; justify-content: flex-end; align-self: stretch; align-items: flex-end; display: flex; }

.text-last-updated { opacity: 0.5; letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 12px; font-weight: 300; line-height: 20px; }

.text-under-copyright { opacity: 0.5; letter-spacing: 0.2px; text-transform: none; font-family: "Neue Montreal", Inter, sans-serif; }

.autoplay-video-wrapper { object-fit: fill; border: 1px solid rgb(27, 27, 27); border-radius: 16px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; }

.autoplay-video-wrapper.highlight-outline { border-color: rgb(37, 37, 37); flex: 1 1 0%; align-self: stretch; }

.autoplay-video-wrapper.selected { outline-offset: 0px; border-style: none; outline: rgb(48, 209, 88) solid 2px; }

.video-embed { border-radius: 8px; }

.section-highlights { flex-direction: column; align-items: center; padding-top: 48px; padding-bottom: 120px; display: flex; }

.container-general { row-gap: 96px; flex-direction: column; width: 882px; display: flex; }

.section-divider { flex-direction: column; align-items: center; display: flex; }

.divider-wrapper { column-gap: 8px; align-items: center; width: 100%; display: flex; }

.divider-line { background-color: rgba(242, 242, 242, 0.2); flex: 1 1 0%; height: 1px; }

.section-general { background-image: none; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 120px; padding-bottom: 120px; display: flex; }

.section-general.info { padding-top: 72px; padding-bottom: 120px; }

.text-projectpage-heading { letter-spacing: -0.1px; text-shadow: none; font-family: "Neue Montreal", Inter, sans-serif; font-size: 40px; font-weight: 500; line-height: 125%; }

.text-projectpage-heading.info-experience { font-family: "Neue Montreal", Inter, sans-serif; font-weight: 500; }

.text-projectpage-heading.next-project { color: rgba(242, 242, 242, 0.25); text-shadow: none; }

.text-projectpage-subheading { letter-spacing: 0.1px; flex: 0 1 auto; padding-right: 24px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 24px; font-weight: 500; line-height: 125%; }

.text-projectpage-subheading.info { font-family: "Neue Montreal", Inter, sans-serif; }

.text-projectpage-subheading.highlights { text-align: center; padding-right: 0px; }

.text-projectpage-body { color: rgba(242, 242, 242, 0.6); letter-spacing: 0.4px; flex: 1 1 0%; font-family: "Neue Montreal", Inter, sans-serif; font-size: 16px; font-weight: 300; line-height: 150%; }

.text-projectpage-body.team { line-height: 180%; }

.text-projectpage-body.info-hero { padding-left: 24px; padding-right: 24px; font-family: "Neue Montreal", Inter, sans-serif; line-height: 150%; }

.text-projectpage-body.highlights { text-align: center; }

.text-projectpage-body.info { letter-spacing: 0.4px; }

.image-default { z-index: 1; border: 1px solid rgb(37, 37, 37); border-radius: 16px; width: 100%; position: relative; }

.image-default.highlight-outline { border-color: rgb(37, 37, 37); }

.image-default.selected { outline-offset: 0px; border-style: none; outline: rgb(48, 209, 88) solid 2px; }

.moneyshots-content { row-gap: 32px; flex-direction: column; align-self: stretch; display: flex; }

.text-image-caption { column-gap: 4px; color: rgba(242, 242, 242, 0.25); letter-spacing: 0.2px; align-self: center; align-items: baseline; font-family: "Neue Montreal", Inter, sans-serif; font-size: 10px; line-height: 14px; display: flex; }

.media-caption-wrapper { row-gap: 8px; flex-direction: column; align-self: stretch; align-items: stretch; display: flex; }

.caption-wrapper { column-gap: 8px; justify-content: flex-end; align-self: stretch; align-items: center; padding-left: 16px; display: flex; }

.text-medium-type { opacity: 0.4; font-family: "JetBrains Mono", sans-serif; font-size: 10px; line-height: 14px; }

.chip-medium-type { background-color: rgba(242, 242, 242, 0.05); border-radius: 100px; justify-content: center; align-items: center; padding: 4px 10px; display: flex; }

.text-figure-caption { color: rgba(242, 242, 242, 0.4); font-weight: 500; }

.text-figure-body { color: rgba(242, 242, 242, 0.9); font-weight: 400; }

.callout-block { row-gap: 24px; background-color: rgba(242, 242, 242, 0.04); border: 1px solid rgba(242, 242, 242, 0.04); border-radius: 24px; flex-direction: column; align-items: center; padding: 32px 32px 36px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.4) 0px 40px 100px; }

.callout-block.challenge { row-gap: 16px; background-image: radial-gradient(circle at 50% 0px, rgba(255, 214, 10, 0.05), rgba(0, 0, 0, 0) 60%); border-style: none; align-self: stretch; padding-top: 36px; }

.callout-block.discovery { row-gap: 16px; background-image: radial-gradient(circle at 50% 0px, rgba(99, 230, 226, 0.05), rgba(0, 0, 0, 0) 60%); border-style: none; align-self: stretch; padding-top: 36px; }

.callout-block.success { row-gap: 16px; background-image: radial-gradient(circle at 50% 0px, rgba(48, 209, 88, 0.05), rgba(0, 0, 0, 0) 60%); border-style: none; align-self: stretch; padding-top: 36px; }

.text-highlighted-body { color: rgba(242, 242, 242, 0.9); text-shadow: rgba(242, 242, 242, 0.4) 0px 0px 10px; font-weight: 400; }

.inline-card { row-gap: 24px; background-color: var(--background); border: 1px solid rgb(37, 37, 37); border-radius: 16px; flex-direction: column; align-items: flex-start; padding: 24px; display: flex; box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 40px; }

.icon-points-wrapper { row-gap: 24px; flex-direction: column; align-self: stretch; display: flex; }

.inline-point-text { row-gap: 16px; flex-direction: column; align-items: flex-start; padding-top: 6px; display: flex; }

.inline-point-text.principles { padding-top: 12px; }

.double-column-block { gap: 16px 48px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-self: stretch; align-items: baseline; display: grid; }

.double-column-block.pro-con { column-gap: 40px; }

.double-column-block.pro-con.has-video { align-items: start; }

.double-column-block.info-experiences { align-items: baseline; }

.double-column-block.info-hero, .double-column-block.no-text-align { align-items: start; }

.double-column-block.no-text-align.might-delete { display: none; }

.section-starting-block { row-gap: 80px; flex-direction: column; align-items: stretch; display: flex; }

.content-leading { row-gap: 16px; flex-direction: column; display: flex; }

.content-trailing { row-gap: 48px; flex-direction: column; display: flex; }

.content-trailing.beside-media, .content-trailing.null { padding-top: 0px; }

.content-trailing.has-switch { row-gap: 24px; }

.associated-content-block { row-gap: 72px; flex-direction: column; align-items: flex-start; display: flex; }

.badge-wrapper { gap: 12px; flex-wrap: wrap; align-self: auto; align-items: flex-start; display: none; }

.contained-points-item { row-gap: 24px; background-color: rgba(242, 242, 242, 0.04); border-radius: 24px; flex-direction: column; align-items: flex-start; padding: 24px 24px 28px; display: flex; }

.contained-points-item.top-radius { border-radius: 24px 24px 6px 6px; align-items: stretch; padding-top: 26px; padding-bottom: 24px; }

.contained-points-item.bottom-radius { border-radius: 6px 6px 24px 24px; align-items: stretch; padding-bottom: 26px; }

.contained-points-item.middle-radius { border-radius: 6px; align-items: stretch; padding-bottom: 24px; }

.contained-point-wrapper { column-gap: 16px; align-items: flex-start; display: flex; }

.icon-highlightreel { width: 40px; }

.icon-inline-points { width: 32px; height: 32px; }

.icon-callout { width: 40px; }

.icon-principles-points { width: 32px; }

.icon-principles-points.badge { width: auto; height: 40px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }

.icon-contained-point { width: 24px; }

.icon-contained-point.reduced-opacity { opacity: 0.4; }

.media-analysis-stack { row-gap: 32px; flex-direction: column; display: flex; }

.pro-con-block { row-gap: 16px; flex-direction: column; display: flex; }

.media-switch-block { row-gap: 12px; flex-direction: column; align-self: stretch; display: flex; position: relative; }

.image-switched { border: 1px solid rgb(37, 37, 37); border-radius: 16px; width: 100%; position: absolute; inset: 0%; }

.image-switched.selected { outline-offset: 0px; border-style: none; outline: rgb(48, 209, 88) solid 2px; }

.image-switch-wrapper { flex: 1 1 0%; align-self: stretch; position: relative; }

.text-media-switch { letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 16px; font-weight: 500; line-height: 100%; }

.switch-handle { background-color: var(--on-background); border-radius: 100px; width: 24px; height: 24px; position: absolute; }

.switch-track { background-color: rgba(242, 242, 242, 0.05); border: 1px solid rgba(242, 242, 242, 0.1); border-radius: 100px; align-items: center; width: 52px; height: 32px; padding-left: 4px; transition: 0.2s; display: flex; position: relative; }

.switch-track:hover { border-color: rgba(242, 242, 242, 0.2); box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 12px; }

.switch-wrapper { column-gap: 12px; background-color: rgba(242, 242, 242, 0.05); border-radius: 100px; flex-direction: row; justify-content: flex-end; align-self: flex-end; align-items: center; padding: 10px 10px 10px 20px; display: flex; }

.switch-wrapper.above-points { align-self: flex-start; }

.window-grain { z-index: 0; opacity: 0.25; mix-blend-mode: overlay; background-image: url("644af0299bc01254815ae442_noise-overlay-2.png"); background-position: 0px 0px; background-size: 200px; position: absolute; inset: 0%; }

.overline-heading-block { row-gap: 32px; flex-direction: column; align-self: stretch; display: flex; }

.logo-block { column-gap: 12px; display: flex; }

.chip-socials-wrapper { column-gap: 8px; align-items: center; display: flex; }

.contained-points-block { row-gap: 4px; flex-direction: column; display: flex; }

.sidebar-content { z-index: 8; row-gap: 24px; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 48px; display: none; position: fixed; inset: 0% auto 0% 0%; }

.project-card-outline { outline-offset: -1px; background-color: rgba(242, 242, 242, 0.04); border-radius: 24px; outline: rgba(242, 242, 242, 0.05) solid 1px; align-self: stretch; padding: 8px; position: relative; box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 80px; }

.project-card { row-gap: 56px; background-image: linear-gradient(190deg, #252525, var(--background)); color: var(--on-background); border: 1px solid rgb(61, 61, 61); border-radius: 16px; flex-direction: column; height: 588px; padding-top: 32px; padding-left: 28px; padding-right: 28px; text-decoration: none; transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; position: relative; overflow: hidden; }

.project-card:hover { border-color: rgb(136, 136, 136); }

.text-projectcard-title { letter-spacing: 0px; text-shadow: rgba(255, 255, 255, 0.2) 0px -2px 10px; justify-content: space-between; font-family: "Neue Montreal", Inter, sans-serif; font-size: 24px; font-weight: 500; line-height: 100%; display: flex; }

.text-projectcard-description { color: rgba(242, 242, 242, 0.5); letter-spacing: 0.2px; align-self: stretch; padding-right: 32px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; }

.projectcard-top { z-index: 1; row-gap: 8px; flex-direction: column; align-items: flex-start; display: flex; position: relative; }

.projectcard-title-row { justify-content: space-between; align-self: stretch; align-items: center; display: flex; }

.project-thumbnail { z-index: 1; align-self: center; max-width: 90%; position: relative; box-shadow: rgba(0, 0, 0, 0.25) 0px 40px 50px 10px; }

.text-projectcard-description-company { color: rgba(242, 242, 242, 0.8); font-weight: 500; }

.icon-projectcard-arrow { height: 32px; }

.locomotive-scroll { position: relative; }

.section-info-hero { background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(242, 242, 242, 0.15), rgba(0, 0, 0, 0)); flex-direction: column; justify-content: center; align-items: center; padding-top: 168px; padding-bottom: 120px; display: flex; position: relative; }

.section-info-hero.mobile { display: none; }

.section-info-hero.desktop { background-image: radial-gradient(circle closest-corner at 50% 0px, rgba(242, 242, 242, 0.15), rgba(0, 0, 0, 0)); padding-top: 172px; }

.container-info { z-index: 1; row-gap: 80px; flex-direction: column; width: 882px; display: flex; position: relative; }

.container-info.info-content { row-gap: 56px; }

.container-info.hero { row-gap: 80px; }

.info-signature { width: 80px; }

.text-body-info-emphasis { color: rgba(242, 242, 242, 0.9); font-size: 18px; font-weight: 500; }

.text-info-meta { color: rgba(242, 242, 242, 0.4); font-family: "Neue Montreal", Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 125%; }

.text-info-meta.friends { letter-spacing: 0.5px; font-weight: 300; }

.experience-title-date { row-gap: 8px; flex-direction: column; display: flex; }

.experience-block { row-gap: 20px; flex-direction: column; display: flex; }

.section-mobile-nav { display: none; }

.info-content-wrapper { row-gap: 64px; flex-direction: column; align-items: flex-start; display: flex; }

.friend-name-role { row-gap: 6px; flex-direction: column; display: flex; }

.friend-block { row-gap: 8px; flex-direction: column; align-items: flex-start; display: flex; }

.friend-portfolio-link { column-gap: 4px; opacity: 0.6; flex-direction: row; align-items: center; padding-top: 4px; padding-bottom: 4px; text-decoration: none; transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; }

.friend-portfolio-link:hover { opacity: 1; }

.text-friend-portfolio { color: var(--on-background); letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 16px; line-height: 125%; text-decoration: none; }

.icon-friend-portfolio { width: 20px; }

.friends-grid { gap: 72px 32px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; }

.media-analysis-block { row-gap: 32px; flex-direction: column; display: flex; }

.project-card-colour { z-index: 0; opacity: 0; background-image: linear-gradient(rgb(0, 51, 85), rgba(0, 0, 0, 0)); position: absolute; inset: 0%; }

.project-card-colour.bcbs { background-image: radial-gradient(circle at 50% 0px, rgba(127, 207, 255, 0.2), rgba(0, 0, 0, 0) 80%), radial-gradient(circle at 50% 0px, rgb(0, 51, 85), rgba(0, 0, 0, 0)); }

.project-card-colour.thn { background-image: radial-gradient(circle at 50% 0px, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0)); }

.project-card-colour.spotlight { background-image: radial-gradient(circle at 50% 0px, rgba(8, 144, 251, 0.25), rgba(0, 0, 0, 0) 60%), repeating-radial-gradient(circle at 50% 0px, rgba(158, 5, 214, 0.4), rgba(0, 0, 0, 0)); }

.project-card-colour.rbc { background-image: radial-gradient(circle at 50% 0px, rgba(0, 106, 195, 0.7), rgba(0, 0, 0, 0)); }

.text-loading { text-align: center; letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; }

.logo-loading { height: 40px; }

.mobile-popup-menu { display: none; }

.icon-back-to-home { width: 20px; }

.text-inline-meta { color: rgba(242, 242, 242, 0.2); letter-spacing: 1px; font-family: "JetBrains Mono", sans-serif; font-size: 12px; line-height: 16px; display: none; }

.inline-card-top { justify-content: space-between; align-self: stretch; align-items: flex-start; display: flex; }

.icon-section-dot { background-color: var(--on-background); border-radius: 50%; width: 10px; height: 10px; box-shadow: rgb(255, 255, 255) 0px 0px 20px; }

.overline-wrapper { column-gap: 12px; align-self: flex-start; align-items: center; display: flex; }

.text-thn-playtest-opacity { color: rgba(242, 242, 242, 0.4); }

.icon-windowbar-plus { opacity: 0.2; width: 24px; }

.section-hero-portrait, .text-portrait-overline { display: none; }

.text-hero-serif { background-image: linear-gradient(to bottom, var(--on-background) 50%, transparent 90%); letter-spacing: -2px; text-shadow: rgba(0, 87, 255, 0.1) 0px 5px 15px, rgba(255, 90, 0, 0.08) 0px -5px 15px, rgba(255, 255, 255, 0.2) 0px 0px 30px; -webkit-text-fill-color: transparent; background-clip: text; padding-right: 12px; font-family: Gloock, sans-serif; font-style: italic; font-weight: 400; }

.text-info-hero-serif { background-image: linear-gradient(to bottom, var(--on-background) 50%, #f2f2f233); letter-spacing: -1px; text-shadow: rgba(0, 87, 255, 0.15) 0px 4px 6px, rgba(255, 90, 0, 0.1) 0px -4px 6px, rgba(255, 255, 255, 0.25) 0px 0px 20px; -webkit-text-fill-color: transparent; background-clip: text; font-family: Gloock, sans-serif; font-style: italic; }

.overline-info-wrapper { row-gap: 24px; flex-direction: column; display: flex; }

.project-title-date-wrapper { row-gap: 16px; flex-direction: column; align-items: center; display: flex; }

.highlights-divider { background-color: rgba(242, 242, 242, 0.1); width: 100%; height: 1px; }

.highlights-bottom-cta-block { row-gap: 32px; flex-direction: column; align-items: center; padding-bottom: 8px; padding-left: 16px; padding-right: 16px; display: flex; }

.button-highlights-cta { column-gap: 8px; background-color: var(--on-background); border-radius: 100px; align-items: center; padding: 16px 18px 16px 24px; text-decoration: none; display: flex; }

.bottom-cta-top-text { row-gap: 8px; flex-direction: column; align-items: center; display: flex; }

.icon-open-dark { width: 20px; }

.highlights-content { row-gap: 40px; flex-direction: column; display: flex; }

.section-next-project { flex-direction: column; align-items: center; padding-top: 120px; display: flex; position: relative; overflow: hidden; }

.container-next-project { z-index: 1; row-gap: 48px; flex-direction: column; align-items: flex-start; width: 882px; display: flex; position: relative; }

.next-project-fade { z-index: 2; background-image: linear-gradient(to bottom, transparent, var(--background) 90%); height: 60%; position: absolute; inset: auto 0% 0%; }

.sidebar-structure { display: none; }

.content-info-hero { row-gap: 64px; flex-direction: column; display: flex; }

.content-info-hero.has-offset { padding-top: 48px; }

.signature-wrapper { padding-left: 24px; padding-right: 24px; }

.info-hero-ending-wrapper { row-gap: 8px; flex-direction: column; display: flex; }

.thn-audit-stack { row-gap: 72px; flex-direction: column; display: flex; }

.shine-wrapper { column-gap: 24px; opacity: 0.15; filter: blur(12px); height: 200%; padding-bottom: 0px; padding-right: 0px; display: none; position: absolute; inset: 0%; transform: rotate(15deg); }

.shine-big { background-color: rgb(255, 255, 255); width: 64px; }

.shine-small { background-color: rgb(255, 255, 255); width: 16px; }

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

.text-hero-about { flex-direction: column; font-family: "Neue Montreal", Inter, sans-serif; font-size: 20px; font-weight: 500; line-height: 140%; display: flex; }

.text-hero-about-formerly { color: rgba(242, 242, 242, 0.5); font-weight: 400; }

@media screen and (min-width: 1280px) {
  .section-hero { padding-left: 0px; padding-right: 0px; }
  .section-banner.spotlight, .section-banner.rbc { padding-top: 104px; }
  .chapter { opacity: 0.25; letter-spacing: 0.4px; align-self: stretch; padding-top: 4px; padding-bottom: 4px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 11px; font-weight: 300; line-height: 17px; transition: 0.2s linear; }
  .chapter:hover { opacity: 0.6; }
  .chapter.w--current { opacity: 1; padding-top: 4px; padding-bottom: 4px; font-weight: 500; transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .sidebar-chapters-wrapper { row-gap: 12px; align-self: flex-start; align-items: flex-start; position: relative; }
  .text-projectpage-overline.callout { line-height: 18px; }
  .image-switched { border-radius: 16px; }
  .sidebar-content { row-gap: 16px; flex-direction: column; padding-left: 0px; display: flex; position: relative; }
  .sidebar-structure { z-index: 8; justify-content: center; display: flex; position: fixed; inset: 0%; }
  .sidebar-structure-sides { flex: 1 1 0%; align-self: flex-start; padding: 104px 0px 0px 48px; }
  .sidebar-structure-middle { width: 882px; padding-bottom: 0px; padding-right: 0px; position: relative; }
}

@media screen and (min-width: 1440px) {
  .container-hero-image { width: 1044px; }
  .window-outline { border-radius: 24px; padding: 8px; }
  .window-content { gap: 0px 64px; padding: 96px 72px 200px; }
  .text-hero { letter-spacing: -2.2px; font-size: 96px; }
  .text-hero.info-hero { font-size: 56px; line-height: 56px; }
  .text-hero.project-title { font-size: 72px; line-height: 80px; }
  .hero-fade { padding-top: 64px; }
  .hero-text-content { row-gap: 72px; }
  .icon-scroll-down { width: 48px; height: 48px; }
  .icon-location-portrait { width: 22px; }
  .container-projects { width: 1044px; }
  .section-banner.bcbs, .section-banner.spotlight, .section-banner.thn, .section-banner.rbc { padding-top: 120px; }
  .container-banner { width: 1044px; }
  .title-wrapper { row-gap: 32px; }
  .section-back { height: 120px; }
  .container-overview { column-gap: 56px; width: 1044px; }
  .text-callout { font-size: 28px; }
  .container-highlights { background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(100, 210, 255, 0.05), rgba(0, 0, 0, 0) 12%); width: 1044px; padding-left: 24px; padding-right: 24px; }
  .container-highlights.has-bottom-cta { padding-bottom: 56px; }
  .hero-bg-gradient { left: 48px; right: 48px; }
  .container-footer { width: 1044px; }
  .container-general { row-gap: 120px; width: 1044px; }
  .text-projectpage-body { padding-right: 24px; }
  .text-projectpage-body.subpoint { padding-right: 0px; }
  .text-projectpage-body.info-hero { padding-left: 32px; padding-right: 32px; font-size: 18px; }
  .text-projectpage-body.info { font-size: 18px; }
  .text-projectpage-body.no-end-padding { padding-right: 0px; }
  .media-caption-wrapper { row-gap: 12px; }
  .callout-block { row-gap: 24px; padding: 32px 40px 40px; }
  .callout-block.challenge { row-gap: 24px; background-image: radial-gradient(circle at 50% 0px, rgba(255, 214, 10, 0.05), rgba(0, 0, 0, 0) 70%); padding-top: 44px; padding-bottom: 44px; }
  .callout-block.discovery { row-gap: 24px; background-image: radial-gradient(circle at 50% 0px, rgba(99, 230, 226, 0.05), rgba(0, 0, 0, 0) 70%); padding-top: 44px; padding-bottom: 44px; }
  .callout-block.success { row-gap: 24px; background-image: radial-gradient(circle at 50% 0px, rgba(48, 209, 88, 0.05), rgba(0, 0, 0, 0) 70%); padding-top: 44px; padding-bottom: 44px; }
  .double-column-block { column-gap: 56px; }
  .double-column-block.pro-con { column-gap: 48px; }
  .content-trailing.has-switch { row-gap: 40px; }
  .associated-content-block { row-gap: 80px; }
  .contained-points-item { padding: 24px 28px 30px; }
  .contained-point-wrapper { column-gap: 16px; }
  .project-card { row-gap: 64px; height: 696px; padding-top: 36px; padding-left: 32px; padding-right: 32px; }
  .text-projectcard-description { font-size: 16px; }
  .section-info-hero.desktop { padding-top: 180px; }
  .container-info { width: 1044px; }
  .container-info.hero { row-gap: 88px; }
  .text-body-info-emphasis { font-size: 20px; }
  .text-info-meta { font-size: 18px; }
  .experience-block { row-gap: 24px; }
  .info-content-wrapper { row-gap: 72px; }
  .text-friend-portfolio { font-size: 18px; }
  .friends-grid { row-gap: 80px; }
  .media-analysis-block { row-gap: 40px; }
  .project-title-date-wrapper { row-gap: 16px; }
  .container-next-project { width: 1044px; }
  .sidebar-structure-sides { padding-top: 120px; padding-left: 56px; }
  .sidebar-structure-middle { width: 1044px; }
  .content-info-hero { row-gap: 64px; }
  .signature-wrapper { padding-left: 32px; padding-right: 32px; }
  .thn-audit-stack { row-gap: 80px; }
  .shine-wrapper { column-gap: 40px; }
  .shine-big { width: 96px; }
  .shine-small { width: 40px; }
  .hero-about-grid { column-gap: 48px; }
  .text-hero-about { font-size: 24px; }
}

@media screen and (min-width: 1920px) {
  .section-nav { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(16, 16, 16, 0)); height: 200px; padding-top: 32px; }
  .nav-left-wrapper { column-gap: 16px; }
  .logomark { height: 56px; }
  .text-logo { font-size: 22px; line-height: 22px; }
  .logo-text { row-gap: 8px; }
  .text-underlogo { font-size: 14px; line-height: 18px; }
  .chip-socials { padding-left: 16px; padding-right: 12px; }
  .text-socialnav { font-size: 16px; line-height: 20px; }
  .section-hero { padding-top: 200px; padding-bottom: 0px; }
  .container-hero-image { width: 1440px; }
  .window-outline { border-width: 1px; border-radius: 36px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px inset, rgba(0, 0, 0, 0.3) 0px 0px 60px, rgb(0, 0, 0) 0px 60px 180px; }
  .window-main { border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px inset, rgba(0, 0, 0, 0.3) 0px 0px 20px; }
  .window-bar { height: 56px; padding-left: 28px; padding-right: 16px; }
  .window-dots-wrapper { column-gap: 14px; }
  .dot.red, .dot.yellow, .dot.green { width: 16px; height: 16px; }
  .window-content { backdrop-filter: none; flex-direction: column; padding: 120px 88px 280px; }
  .text-hero { letter-spacing: -3px; text-shadow: rgba(0, 87, 255, 0.2) 0px 5px 20px, rgba(255, 90, 0, 0.15) 0px -5px 15px, rgba(255, 255, 255, 0.3) 0px 0px 30px; font-size: 132px; }
  .text-hero.info-hero { letter-spacing: -1.5px; text-shadow: rgba(0, 87, 255, 0.2) 0px 8px 20px, rgba(255, 90, 0, 0.1) 0px -6px 20px, rgba(255, 255, 255, 0.2) 0px 0px 30px; font-size: 80px; line-height: 80px; }
  .text-hero.project-title { letter-spacing: -1px; font-size: 80px; line-height: 88px; }
  .hero-fade { align-items: center; height: 280px; padding-top: 96px; display: flex; }
  .hero-text-content { row-gap: 96px; grid-template-rows: auto; grid-template-columns: 720px 1fr; grid-auto-columns: 1fr; }
  .scroll-wrapper { column-gap: 16px; align-items: center; }
  .icon-scroll-down { width: 48px; }
  .icon-location-portrait { width: 24px; }
  .section-projects { padding-top: 64px; }
  .container-projects { row-gap: 80px; width: 1440px; }
  .section-banner { padding-top: 136px; }
  .section-banner.bcbs, .section-banner.spotlight, .section-banner.thn, .section-banner.rbc { padding-top: 144px; }
  .container-banner { width: 1440px; }
  .project-title-hero-wrapper { row-gap: 72px; }
  .title-wrapper { row-gap: 24px; }
  .text-projectpage-year { letter-spacing: 0.2px; font-size: 20px; line-height: 24px; }
  .section-back { height: 144px; }
  .text-button.highlights-cta { font-size: 18px; line-height: 22px; }
  .project-fade { height: 400px; }
  .chapter { font-size: 12px; line-height: 18px; }
  .sidebar-chapters-wrapper { row-gap: 16px; }
  .section-overview { row-gap: 96px; padding-top: 144px; padding-bottom: 144px; }
  .container-overview { column-gap: 72px; width: 1440px; }
  .overview-right { row-gap: 48px; }
  .text-overview-overline { font-size: 18px; line-height: 24px; }
  .overview-left { row-gap: 48px; }
  .overview-text-wrapper { row-gap: 16px; }
  .text-callout { font-size: 40px; }
  .text-callout.card-heading { font-size: 24px; }
  .container-highlights { row-gap: 72px; background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(100, 210, 255, 0.05), rgba(0, 0, 0, 0) 15%); border-radius: 32px; width: 1440px; padding: 64px 32px 48px; }
  .container-highlights.has-bottom-cta { padding-bottom: 72px; }
  .text-projectpage-overline { letter-spacing: 2px; font-size: 14px; line-height: 18px; }
  .text-projectpage-overline.callout { font-size: 12px; line-height: 16px; }
  .chip-special-overline { row-gap: 24px; }
  .highlights-text-content { row-gap: 32px; align-items: stretch; padding-left: 48px; padding-right: 48px; }
  .hero-bg-gradient { filter: blur(140px); border-radius: 3000px; height: 60%; top: 144px; left: 80px; right: 80px; }
  .section-footer { padding-top: 96px; padding-bottom: 96px; }
  .container-footer { row-gap: 80px; width: 1440px; }
  .logomark-footer { height: 64px; }
  .text-footer-links-overline { font-size: 11px; line-height: 15px; }
  .text-footer-link { font-size: 18px; line-height: 24px; }
  .text-footer-copyright { font-size: 18px; line-height: 26px; }
  .text-last-updated { font-size: 14px; line-height: 22px; }
  .text-under-copyright { font-size: 16px; line-height: 24px; }
  .section-highlights { padding-bottom: 160px; }
  .container-general { row-gap: 144px; width: 1440px; }
  .section-general { padding-top: 160px; padding-bottom: 160px; }
  .section-general.info { padding-top: 112px; padding-bottom: 168px; }
  .text-projectpage-heading { font-size: 56px; line-height: 62px; }
  .text-projectpage-heading.info-experience { font-size: 48px; }
  .text-projectpage-subheading { font-size: 32px; line-height: 38px; }
  .text-projectpage-subheading.info { font-size: 28px; }
  .text-projectpage-body { padding-right: 40px; font-size: 18px; }
  .text-projectpage-body.subpoint { padding-right: 0px; }
  .text-projectpage-body.info-hero { padding-left: 48px; padding-right: 48px; font-size: 20px; line-height: 160%; }
  .text-projectpage-body.info { font-size: 20px; }
  .text-projectpage-body.no-end-padding { padding-right: 0px; }
  .image-default { border-radius: 24px; }
  .moneyshots-content { row-gap: 56px; }
  .text-image-caption { column-gap: 6px; font-size: 14px; line-height: 18px; }
  .media-caption-wrapper { row-gap: 16px; }
  .caption-wrapper { padding-left: 16px; }
  .text-medium-type { font-size: 12px; line-height: 16px; }
  .chip-medium-type { padding: 6px 12px; }
  .callout-block { row-gap: 40px; border-radius: 32px; padding: 40px 48px 56px; }
  .callout-block.challenge { row-gap: 32px; background-image: radial-gradient(circle at 50% 0px, rgba(255, 214, 10, 0.05), rgba(0, 0, 0, 0) 80%); padding-top: 52px; padding-bottom: 52px; }
  .callout-block.discovery { row-gap: 32px; background-image: radial-gradient(circle at 50% 0px, rgba(99, 230, 226, 0.05), rgba(0, 0, 0, 0) 80%); padding-top: 52px; padding-bottom: 52px; }
  .callout-block.success { row-gap: 32px; background-image: radial-gradient(circle at 50% 0px, rgba(48, 209, 88, 0.05), rgba(0, 0, 0, 0) 80%); padding-top: 52px; padding-bottom: 52px; }
  .inline-card { row-gap: 28px; border-radius: 24px; padding: 32px; }
  .icon-points-wrapper { row-gap: 24px; }
  .inline-point-text { row-gap: 12px; }
  .double-column-block { column-gap: 72px; }
  .double-column-block.pro-con { column-gap: 64px; }
  .section-starting-block { row-gap: 120px; }
  .content-trailing { row-gap: 64px; }
  .content-trailing.has-switch { row-gap: 48px; }
  .associated-content-block { row-gap: 128px; }
  .badge-wrapper { gap: 12px; }
  .contained-points-item { row-gap: 32px; padding: 32px; }
  .contained-points-item.top-radius { padding-top: 30px; padding-bottom: 28px; }
  .contained-points-item.bottom-radius { padding-top: 28px; padding-bottom: 30px; }
  .contained-points-item.middle-radius { padding-top: 28px; padding-bottom: 28px; }
  .contained-point-wrapper { column-gap: 24px; }
  .icon-highlightreel { width: 56px; }
  .icon-inline-points { width: 36px; height: 36px; }
  .icon-callout { width: 56px; }
  .icon-principles-points { width: 36px; }
  .icon-contained-point { width: 32px; margin-top: -2px; }
  .media-analysis-stack { row-gap: 48px; }
  .pro-con-block { row-gap: 24px; }
  .media-switch-block { row-gap: 16px; }
  .image-switched { border-radius: 24px; }
  .text-media-switch { font-size: 18px; }
  .switch-wrapper { column-gap: 12px; padding: 16px 16px 16px 28px; }
  .overline-heading-block { row-gap: 48px; }
  .logo-block { column-gap: 16px; align-items: center; }
  .sidebar-content { row-gap: 24px; }
  .project-card-outline { border-radius: 36px; padding: 12px; }
  .project-card { row-gap: 88px; border-radius: 24px; height: 960px; padding-top: 44px; padding-left: 44px; padding-right: 44px; }
  .text-projectcard-title { font-size: 32px; }
  .text-projectcard-description { font-size: 18px; line-height: 26px; }
  .projectcard-top { row-gap: 12px; }
  .icon-projectcard-arrow { height: 48px; }
  .section-info-hero { padding-top: 240px; padding-bottom: 160px; }
  .section-info-hero.desktop { padding-top: 220px; }
  .container-info { row-gap: 144px; width: 1440px; }
  .container-info.info-content { row-gap: 64px; width: 1440px; }
  .container-info.hero { row-gap: 120px; width: 1440px; }
  .info-signature { width: 104px; }
  .text-body-info-emphasis { font-size: 24px; line-height: 125%; }
  .text-info-meta { font-size: 20px; }
  .experience-title-date { row-gap: 10px; }
  .info-content-wrapper { row-gap: 80px; }
  .friend-name-role { row-gap: 12px; }
  .friend-block { row-gap: 16px; }
  .text-friend-portfolio { font-size: 20px; }
  .friends-grid { gap: 88px 64px; }
  .media-analysis-block { row-gap: 48px; }
  .text-inline-meta { font-size: 14px; line-height: 18px; }
  .icon-section-dot { width: 12px; height: 12px; }
  .overline-wrapper { column-gap: 16px; }
  .icon-windowbar-plus { width: 32px; }
  .text-hero-serif { letter-spacing: -3px; }
  .overline-info-wrapper { row-gap: 32px; }
  .project-title-date-wrapper { row-gap: 16px; }
  .highlights-bottom-cta-block { row-gap: 48px; }
  .bottom-cta-top-text { row-gap: 16px; }
  .highlights-content { row-gap: 64px; }
  .section-next-project { padding-top: 160px; }
  .container-next-project { row-gap: 64px; width: 1400px; }
  .sidebar-structure-sides { padding-top: 144px; padding-left: 72px; }
  .sidebar-structure-middle { width: 1440px; }
  .content-info-hero { row-gap: 88px; }
  .content-info-hero.has-offset { padding-top: 80px; }
  .signature-wrapper { padding-left: 48px; padding-right: 48px; }
  .info-hero-ending-wrapper { row-gap: 16px; }
  .thn-audit-stack { row-gap: 128px; }
  .shine-wrapper { column-gap: 48px; }
  .shine-big { width: 120px; }
  .shine-small { width: 48px; }
  .hero-about-grid { column-gap: 88px; }
  .text-hero-about { font-size: 32px; }
}

@media screen and (max-width: 991px) {
  .section-nav { padding-left: 48px; padding-right: 48px; }
  .text-socialnav { font-size: 14px; line-height: 18px; }
  .section-hero { padding-left: 48px; padding-right: 48px; }
  .container-hero-image { width: auto; }
  .window-content { row-gap: 32px; padding: 8vw 5vw 26vw; }
  .text-hero { font-size: 8.2vw; }
  .text-hero.info-hero { font-size: 42px; line-height: 110%; }
  .hero-text-content { row-gap: 7vw; }
  .icon-location-portrait { width: 20px; }
  .section-projects { align-items: stretch; padding-left: 48px; padding-right: 48px; }
  .container-projects { width: auto; }
  .section-banner.bcbs { padding-left: 48px; padding-right: 48px; }
  .container-banner { width: auto; }
  .section-overview { padding-left: 48px; padding-right: 48px; }
  .container-overview { column-gap: 32px; width: auto; }
  .overview-right { width: 100%; }
  .container-highlights { row-gap: 40px; width: auto; padding-left: 24px; padding-right: 24px; }
  .hero-bg-gradient { opacity: 0.8; filter: blur(60px); height: 360px; }
  .section-footer { padding-left: 48px; padding-right: 48px; }
  .container-footer { width: 100%; }
  .footer-links-column { width: 80px; }
  .footer-links-column-wrapper { column-gap: 32px; }
  .footer-bottom-wrapper { column-gap: 0px; }
  .autoplay-video-wrapper { z-index: 0; position: relative; }
  .section-highlights { padding-left: 48px; padding-right: 48px; }
  .container-general { width: 100%; }
  .section-divider { padding-left: 48px; padding-right: 48px; }
  .section-general { background-image: none; padding-left: 48px; padding-right: 48px; }
  .text-projectpage-body { width: auto; }
  .double-column-block { column-gap: 32px; }
  .contained-point-wrapper { align-items: flex-start; }
  .project-card { height: auto; }
  .section-info-hero { padding-left: 48px; padding-right: 48px; }
  .container-info { width: auto; }
  .container-info.info-content { align-self: stretch; }
  .experience-title-date { row-gap: 12px; }
  .text-hero-serif { letter-spacing: -1.5px; }
  .section-next-project { padding-left: 48px; padding-right: 48px; }
  .container-next-project { row-gap: 40px; width: auto; }
  .content-info-hero { row-gap: 56px; }
  .shine-wrapper { display: none; }
  .hero-about-grid { column-gap: 2vw; }
  .text-hero-about { font-size: 2.2vw; }
}

@media screen and (max-width: 767px) {
  .section-nav { height: 144px; padding-left: 24px; padding-right: 24px; }
  .nav-bar { column-gap: 8px; }
  .nav-right-wrapper { flex: 0 1 auto; }
  .logomark { border-radius: 0px; height: 48px; }
  .logomark.mobile { display: none; }
  .text-logo { letter-spacing: -0.5px; font-size: 18px; line-height: 22px; }
  .logo-text { row-gap: 4px; }
  .section-hero { padding-top: 120px; padding-left: 24px; padding-right: 24px; }
  .window-outline { backdrop-filter: blur(50px); }
  .window-outline.info-hero { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px inset, rgba(0, 0, 0, 0.2) 0px 0px 60px, rgba(0, 0, 0, 0.8) 0px 20px 80px; }
  .window-content { padding-bottom: 28vw; }
  .text-hero { letter-spacing: -1.5px; font-size: 8.4vw; }
  .text-hero.info-hero { letter-spacing: -0.15vw; font-size: 8vw; line-height: 110%; }
  .text-hero.project-title { letter-spacing: -2.5px; font-size: 56px; line-height: 64px; }
  .hero-fade { height: 24vw; padding-top: 4vw; }
  .hero-fade.info-hero { display: none; }
  .hero-text-content { row-gap: 6vw; }
  .section-projects { padding-top: 48px; padding-left: 24px; padding-right: 24px; }
  .section-nav-mobile { z-index: 10; background-image: linear-gradient(rgba(16, 16, 16, 0.8), rgba(0, 0, 0, 0)); justify-content: space-between; padding: 16px 24px; position: fixed; inset: 0% 0% auto; }
  .nav-menu-button { backdrop-filter: blur(8px); background-color: rgba(242, 242, 242, 0.05); border: 1px solid rgba(242, 242, 242, 0.1); border-radius: 100px; justify-content: center; align-items: center; width: 48px; height: 48px; transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 15px; }
  .nav-menu-button:hover { background-color: rgba(242, 242, 242, 0.08); border-color: rgba(242, 242, 242, 0.2); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 20px; }
  .section-banner.bcbs { padding-left: 24px; padding-right: 24px; }
  .section-back { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); padding-left: 24px; padding-right: 24px; }
  .menu-mobile { z-index: 9; column-gap: 16px; backdrop-filter: blur(5px); background-color: rgba(16, 16, 16, 0.9); flex-direction: column; justify-content: space-between; padding-top: 88px; padding-left: 24px; padding-right: 24px; display: none; position: fixed; inset: 0%; }
  .menu-card { row-gap: 40px; background-color: rgb(32, 32, 32); border-radius: 24px; flex-direction: column; flex: 1 1 0%; align-self: flex-start; padding: 24px 42px 32px 24px; display: flex; }
  .menu-item { column-gap: 4px; color: var(--on-background); letter-spacing: -1px; align-items: center; font-family: "Albert Sans", sans-serif; font-size: 32px; font-weight: 500; line-height: 36px; text-decoration: none; display: flex; }
  .menu-items-wrapper { row-gap: 24px; flex-direction: column; align-items: flex-start; display: flex; }
  .text-menu-overline { opacity: 0.5; letter-spacing: 1px; font-family: Inter, sans-serif; font-size: 10px; font-weight: 600; line-height: 14px; }
  .menu-cards-wrapper { column-gap: 16px; display: flex; }
  .icon-external-menu { width: 32px; }
  .loading-overlay { display: none; }
  .section-overview { padding-left: 24px; padding-right: 24px; }
  .container-overview { row-gap: 48px; flex-direction: column; width: auto; display: flex; }
  .overview-right { width: auto; }
  .text-callout { line-height: 130%; }
  .container-highlights { row-gap: 40px; width: auto; padding-bottom: 24px; padding-left: 16px; padding-right: 16px; }
  .chip-logo { column-gap: 8px; backdrop-filter: blur(10px); background-color: rgba(242, 242, 242, 0.1); border: 1px solid rgba(242, 242, 242, 0.1); border-radius: 100px; align-items: center; padding: 4px 20px 4px 4px; display: flex; }
  .chip-logo.landscape { column-gap: 12px; backdrop-filter: none; background-color: rgba(0, 0, 0, 0); border-style: none; border-radius: 0px; padding: 0px; }
  .utility-page-content { width: 400px; }
  .section-footer { padding: 48px 24px; }
  .footer-bottom-wrapper { row-gap: 48px; flex-direction: column; align-items: flex-start; }
  .footer-bottom-right { align-items: flex-start; }
  .autoplay-video-wrapper { border-radius: 12px; }
  .section-highlights { padding-top: 24px; padding-left: 24px; padding-right: 24px; }
  .section-divider, .section-general { padding-left: 24px; padding-right: 24px; }
  .section-general.info { align-items: stretch; padding-top: 64px; padding-bottom: 64px; }
  .section-general.info.last { padding-bottom: 88px; }
  .text-projectpage-heading { font-size: 32px; }
  .text-projectpage-heading.info-experience { letter-spacing: -0.75px; font-size: 32px; line-height: 40px; }
  .text-projectpage-body { font-size: 15px; }
  .moneyshots-content { row-gap: 24px; }
  .media-caption-wrapper { row-gap: 10px; }
  .inline-point-text { row-gap: 12px; padding-top: 4px; }
  .inline-point-text.principles { padding-top: 8px; }
  .double-column-block { row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr; }
  .double-column-block.pro-con { row-gap: 64px; }
  .double-column-block.contains-heading { row-gap: 40px; }
  .double-column-block.info-experiences { row-gap: 16px; }
  .double-column-block.info-hero { row-gap: 80px; }
  .section-starting-block { row-gap: 48px; }
  .content-trailing { padding-top: 0px; }
  .content-trailing.has-switch { row-gap: 16px; }
  .contained-points-item { padding-bottom: 24px; }
  .contained-points-item.top-radius { padding-top: 24px; padding-bottom: 22px; }
  .contained-points-item.bottom-radius { padding-top: 22px; padding-bottom: 24px; }
  .contained-points-item.middle-radius { padding-top: 22px; padding-bottom: 22px; }
  .text-media-switch { font-size: 15px; line-height: 100%; }
  .switch-wrapper { padding: 8px 8px 8px 24px; }
  .switch-wrapper.above-points { align-self: flex-end; }
  .chip-socials-wrapper { display: none; }
  .project-card:hover { border-color: rgb(61, 61, 61); }
  .projectcard-top { row-gap: 8px; }
  .project-thumbnail { max-width: 100%; }
  .section-info-hero { padding: 144px 24px 64px; }
  .section-info-hero.mobile { background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(242, 242, 242, 0.15), rgba(0, 0, 0, 0)); display: flex; }
  .section-info-hero.desktop { display: none; }
  .container-info { row-gap: 48px; }
  .container-info.info-content { row-gap: 32px; }
  .container-info.hero { row-gap: 64px; }
  .experience-title-date { row-gap: 4px; }
  .experience-block { row-gap: 16px; }
  .icon-contact { width: 28px; }
  .friends-grid { grid-template-columns: 1fr 1fr; }
  .project-card-colour.bcbs { opacity: 1; }
  .project-card-colour.thn { opacity: 1; background-image: radial-gradient(circle at 50% 0px, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)); }
  .project-card-colour.spotlight, .project-card-colour.rbc { opacity: 1; }
  .mobile-popup-menu { z-index: 10; row-gap: 4px; backdrop-filter: blur(20px); background-color: rgba(242, 242, 242, 0.05); border: 1px solid rgba(242, 242, 242, 0.1); border-radius: 16px; flex-direction: column; align-items: flex-start; width: 160px; padding: 8px; display: none; position: fixed; inset: 88px 24px auto auto; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 30px; }
  .text-popup-menu { font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; }
  .popup-menu-item { column-gap: 4px; color: var(--on-background); border-radius: 10px; justify-content: space-between; align-self: stretch; align-items: center; padding: 12px 14px; text-decoration: none; transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; }
  .popup-menu-item:hover { background-color: rgba(242, 242, 242, 0.05); }
  .icon-popup-external { width: 16px; }
  .icon-contact-close { opacity: 0; width: 28px; position: absolute; }
  .section-next-project { padding-top: 96px; padding-left: 24px; padding-right: 24px; }
  .container-next-project { row-gap: 32px; }
  .info-hero-stack-mobile { row-gap: 64px; flex-direction: column; display: flex; }
  .hero-about-grid { grid-template-columns: 1fr; }
  .hero-about-null { display: none; }
  .text-hero-about { font-size: 3vw; }
}

@media screen and (max-width: 479px) {
  .section-nav { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); height: auto; padding: 20px 16px 48px; inset: 0% 0% auto; }
  .nav-left-wrapper { display: none; }
  .nav-right-wrapper { flex: 1 1 0%; }
  .logomark { opacity: 0.8; border-radius: 0px; width: auto; height: 52px; }
  .logomark.mobile { height: 44px; display: block; }
  .logomark.password { height: 48px; }
  .text-logo { padding-bottom: 2px; font-size: 16px; line-height: 20px; }
  .logo-text { display: none; }
  .nav-pill { box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px; }
  .chip-socials { background-color: rgba(242, 242, 242, 0.05); border-radius: 100px; justify-content: center; align-self: stretch; height: 56px; }
  .text-socialnav { font-size: 16px; }
  .section-hero { height: 100vh; padding: 88px 12px 0px; display: none; }
  .container-hero-image { flex: 1 1 0%; justify-content: center; height: 100%; display: flex; }
  .window-outline { display: none; }
  .window-outline.info-hero { display: flex; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px inset, rgba(0, 0, 0, 0.2) 0px 0px 60px, rgba(0, 0, 0, 0.8) 0px 10px 40px; }
  .window-content { padding-left: 16px; padding-right: 16px; }
  .hero-noise { z-index: 0; opacity: 0.6; }
  .text-hero { text-align: center; letter-spacing: -0.75vw; text-shadow: rgba(0, 87, 255, 0.25) 0px 5px 15px, rgba(255, 90, 0, 0.2) 0px -5px 15px, rgba(255, 255, 255, 0.4) 0px 0px 30px; font-size: 13dvw; line-height: 13dvw; }
  .text-hero.info-hero { letter-spacing: -0.1vw; font-size: 7.9vw; line-height: 110%; }
  .text-hero.project-title { letter-spacing: -1.5px; font-size: 48px; line-height: 52px; }
  .text-hero.portrait { text-align: left; letter-spacing: -0.25vw; font-size: 13vw; line-height: 12vw; }
  .hero-fade { height: 180px; padding-top: 32px; }
  .icon-scroll-down { z-index: 1; opacity: 1; width: 24px; height: auto; position: relative; }
  .icon-scroll-down.portrait { margin-left: -2px; }
  .icon-location-portrait { opacity: 0.6; width: 18px; margin-left: -2px; display: block; }
  .section-projects { row-gap: 40px; padding: 0px 16px 80px; }
  .container-projects { row-gap: 40px; }
  .section-nav-mobile { z-index: 10; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); justify-content: space-between; align-items: center; height: 104px; padding: 0px 16px; display: none; position: fixed; inset: auto 0% 0%; }
  .nav-menu-button { z-index: 1; column-gap: 8px; backdrop-filter: blur(10px); justify-content: center; align-items: center; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px inset, rgba(0, 0, 0, 0.25) 0px 4px 16px; }
  .section-banner { padding-top: 112px; }
  .section-banner.bcbs { padding-top: 112px; padding-left: 16px; padding-right: 16px; }
  .section-banner.spotlight { padding-left: 20px; padding-right: 20px; }
  .section-banner.thn, .section-banner.rbc { padding-left: 16px; padding-right: 16px; }
  .project-title-hero-wrapper { row-gap: 40px; }
  .title-wrapper { row-gap: 16px; padding-left: 24px; padding-right: 24px; }
  .text-projectpage-year { letter-spacing: -0.25px; font-size: 16px; line-height: 20px; }
  .section-back { align-items: flex-start; height: auto; padding: 24px 16px; }
  .text-button.highlights-cta { font-size: 15px; }
  .button-project-back { align-self: auto; position: relative; }
  .project-fade { height: 80px; }
  .menu-mobile { z-index: 11; row-gap: 16px; backdrop-filter: blur(5px); background-color: rgba(16, 16, 16, 0.9); flex-direction: column; justify-content: flex-start; padding: 64px 16px 24px; display: none; position: fixed; inset: 0%; }
  .menu-card { row-gap: 32px; background-color: rgb(32, 32, 32); border: 1px solid rgba(242, 242, 242, 0.02); border-radius: 24px; flex-direction: column; flex: 0 1 auto; align-self: stretch; padding: 24px 24px 30px; display: flex; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; }
  .text-mobile-menu { letter-spacing: -1px; font-family: "Albert Sans", sans-serif; font-size: 32px; font-weight: 500; line-height: 36px; }
  .menu-item { column-gap: 4px; color: var(--on-background); align-self: stretch; align-items: center; text-decoration: none; display: flex; }
  .menu-items-wrapper { row-gap: 24px; flex-direction: column; display: flex; }
  .text-menu-overline { opacity: 0.5; letter-spacing: 1px; font-family: "JetBrains Mono", sans-serif; font-size: 10px; font-weight: 400; line-height: 14px; }
  .menu-cards-wrapper { row-gap: 16px; flex-direction: column; display: flex; }
  .icon-external-menu { width: 32px; }
  .project-banner-image-wrapper { justify-content: center; display: flex; }
  .image-project-banner { max-width: 100%; }
  .section-overview { padding: 48px 16px; }
  .container-overview { gap: 48px 0px; flex-direction: column; width: auto; display: flex; }
  .overview-right { row-gap: 40px; width: auto; }
  .overview-left { row-gap: 40px; }
  .text-callout { text-align: center; font-size: 18px; }
  .text-callout.card-heading { font-size: 18px; }
  .container-highlights { row-gap: 40px; border-radius: 24px; width: auto; padding: 32px 12px 16px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px inset; }
  .container-highlights.has-bottom-cta { padding-bottom: 40px; }
  .text-projectpage-overline { font-size: 10px; line-height: 16px; }
  .chip-special-overline { row-gap: 8px; align-items: center; }
  .highlights-text-content { row-gap: 16px; align-items: center; padding-left: 8px; padding-right: 8px; }
  .chip-logo { column-gap: 6px; border-radius: 4px; align-items: center; padding: 2px 12px 2px 2px; display: flex; }
  .chip-logo.landscape { display: none; }
  .icon-hero-swipe { width: 28px; }
  .text-swipe-to-see-work { color: var(--on-background); font-family: "JetBrains Mono", sans-serif; font-size: 11px; font-weight: 300; line-height: 15px; }
  .swipe-indicator-wrapper { z-index: 8; column-gap: 4px; flex-direction: row; justify-content: center; align-items: flex-end; display: none; position: fixed; inset: auto 0% 84px; }
  .hero-bg-gradient { z-index: 0; background-image: linear-gradient(to right, transparent, var(--on-background) 50%, transparent); opacity: 0.9; filter: blur(80px); top: 136px; }
  .glare-item-top.inner-edge { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 15%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 85%); }
  .utility-page-wrap { row-gap: 16px; justify-content: center; width: auto; padding-top: 24px; padding-left: 16px; padding-right: 16px; }
  .utility-page-content { width: 100%; padding: 40px 32px 32px; }
  .utility-page-form { row-gap: 8px; }
  .text-field, .submit-button { padding-top: 12px; padding-bottom: 12px; }
  .password-button-row { gap: 12px 0px; flex-direction: column; align-self: stretch; }
  .section-footer { padding: 64px 16px 48px; }
  .container-footer { row-gap: 48px; }
  .footer-top-wrapper { row-gap: 48px; flex-direction: column; align-items: flex-start; }
  .logomark-footer { height: 80px; display: none; }
  .footer-links-column { row-gap: 12px; width: 96px; }
  .footer-links-column-wrapper { column-gap: 16px; }
  .footer-bottom-wrapper { row-gap: 32px; }
  .text-footer-copyright { font-size: 14px; line-height: 18px; }
  .footer-bottom-left { row-gap: 8px; }
  .text-under-copyright { font-size: 12px; line-height: 16px; }
  .autoplay-video-wrapper { z-index: 0; position: relative; }
  .video-embed { border-radius: 12px; }
  .section-highlights { padding-bottom: 64px; padding-left: 16px; padding-right: 16px; }
  .container-general { row-gap: 80px; }
  .section-divider { padding-left: 0px; padding-right: 0px; }
  .divider-line { background-color: rgb(0, 0, 0); border-top: 1px solid rgba(242, 242, 242, 0.15); border-bottom: 1px solid rgba(242, 242, 242, 0.15); height: 12px; }
  .section-general { background-image: none; padding: 64px 16px; }
  .section-general.info { background-image: none; padding-top: 56px; padding-left: 16px; padding-right: 16px; }
  .text-projectpage-heading { line-height: 120%; }
  .text-projectpage-heading.info-experience { letter-spacing: 0.2px; font-size: 28px; line-height: 32px; }
  .text-projectpage-subheading { font-size: 20px; }
  .text-projectpage-subheading.info { letter-spacing: 0.2px; font-size: 20px; line-height: 26px; }
  .text-projectpage-body { font-size: 15px; }
  .text-projectpage-body.subpoint { font-size: 14px; }
  .text-projectpage-body.info-hero { padding-left: 16px; padding-right: 16px; }
  .image-default, .image-default.highlight-outline { border-radius: 12px; }
  .media-caption-wrapper { row-gap: 8px; }
  .caption-wrapper { justify-content: flex-end; align-self: stretch; padding-left: 12px; }
  .text-medium-type { font-size: 9px; line-height: 13px; }
  .chip-medium-type { padding-bottom: 4px; }
  .callout-block { align-items: center; padding: 32px 20px; }
  .callout-block.challenge { background-image: radial-gradient(circle closest-corner at 50% 0px, rgba(255, 214, 10, 0.05), rgba(0, 0, 0, 0)); padding-top: 24px; padding-bottom: 24px; }
  .callout-block.discovery { background-image: radial-gradient(circle closest-corner at 50% 0px, rgba(99, 230, 226, 0.05), rgba(0, 0, 0, 0)); padding-top: 24px; padding-bottom: 24px; }
  .callout-block.success { background-image: radial-gradient(circle closest-corner at 50% 0px, rgba(48, 209, 88, 0.05), rgba(0, 0, 0, 0)); padding-top: 24px; padding-bottom: 24px; }
  .inline-card { gap: 16px 18px; padding-left: 20px; padding-right: 20px; }
  .icon-points-wrapper { row-gap: 16px; }
  .inline-point-text { padding-top: 8px; }
  .inline-point-text.principles { padding-top: 10px; }
  .double-column-block.pro-con { flex: 1 1 0%; }
  .double-column-block.contains-heading { gap: 24px; }
  .double-column-block.has-analysis-block { grid-template-rows: auto; }
  .double-column-block.info-hero { row-gap: 64px; }
  .section-starting-block { gap: 48px; }
  .associated-content-block { row-gap: 48px; }
  .associated-content-block.bcbs-research-analysis { row-gap: 56px; }
  .contained-points-item { padding: 22px 20px; }
  .contained-points-item.top-radius { padding-top: 22px; padding-bottom: 20px; }
  .contained-points-item.bottom-radius { padding-top: 20px; padding-bottom: 22px; }
  .contained-points-item.middle-radius { padding-top: 20px; padding-bottom: 20px; }
  .icon-callout { width: 32px; }
  .icon-principles-points.badge { height: 32px; }
  .image-switched { border-radius: 12px; }
  .overline-heading-block { row-gap: 24px; }
  .project-card { row-gap: 48px; padding-top: 26px; padding-left: 24px; padding-right: 24px; }
  .text-projectcard-description { font-size: 15px; line-height: 19px; }
  .section-info-hero { background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(242, 242, 242, 0.25), rgba(0, 0, 0, 0) 50%); padding-top: 144px; padding-left: 16px; padding-right: 16px; }
  .container-info.info-content { row-gap: 32px; }
  .container-info.hero { row-gap: 40px; }
  .text-info-meta { font-size: 15px; line-height: 19px; }
  .section-mobile-nav { z-index: 10; justify-content: center; padding-bottom: 24px; display: none; position: fixed; inset: auto 0% 0%; }
  .friends-grid { row-gap: 48px; grid-template-columns: 1fr; }
  .mobile-popup-menu { top: 84px; right: 16px; }
  .text-popup-menu { letter-spacing: 0.2px; font-family: "Neue Montreal", Inter, sans-serif; }
  .overline-wrapper { column-gap: 10px; }
  .section-hero-portrait { row-gap: 10vh; background-image: radial-gradient(circle farthest-side at 50% 0px, rgba(242, 242, 242, 0.25), rgba(0, 0, 0, 0) 80%); flex-direction: column; align-items: stretch; padding: 20vh 16px 6vh; display: flex; position: relative; }
  .text-portrait-secondary { color: rgba(242, 242, 242, 0.5); font-family: "Neue Montreal", Inter, sans-serif; font-size: 5vw; font-weight: 500; line-height: 140%; }
  .text-open-to-new-opportunities { color: rgba(242, 242, 242, 0.9); }
  .hero-portrait-top { z-index: 1; row-gap: 3vh; flex-direction: column; align-items: flex-start; display: flex; position: relative; }
  .text-portrait-overline { color: rgba(242, 242, 242, 0.5); font-family: "Neue Montreal", Inter, sans-serif; font-size: 16px; font-weight: 400; display: block; }
  .location-portrait { column-gap: 6px; outline-offset: -1px; background-color: rgba(242, 242, 242, 0.04); border-radius: 8px; outline: rgba(242, 242, 242, 0.04) solid 1px; align-items: center; padding: 8px 14px 8px 10px; display: flex; }
  .text-portrait-location { color: rgba(242, 242, 242, 0.6); letter-spacing: 0.5px; font-family: "Neue Montreal", Inter, sans-serif; font-size: 12px; font-weight: 500; line-height: 16px; }
  .hero-portrait-bottom { z-index: 1; row-gap: 2vh; flex-direction: column; align-items: flex-start; display: flex; position: relative; }
  .hero-portrait-divider { background-color: rgba(242, 242, 242, 0.1); width: 100%; height: 1px; padding-bottom: 0px; padding-right: 0px; }
  .hero-portrait-scroll { column-gap: 6px; align-items: center; display: flex; position: relative; }
  .divider-scroll-wrapper { z-index: 1; row-gap: 16px; flex-direction: column; flex: 0 1 auto; align-items: stretch; display: flex; position: relative; }
  .hero-portrait-main { z-index: 1; row-gap: 6vh; flex-direction: column; padding-left: 8px; padding-right: 8px; display: flex; position: relative; }
  .text-hero-serif { letter-spacing: -0.25vw; }
  .overline-info-wrapper { row-gap: 2vh; flex-direction: column; align-items: flex-start; display: flex; }
  .highlights-content { row-gap: 32px; }
  .section-next-project { padding-top: 64px; padding-left: 16px; padding-right: 16px; }
  .container-next-project { row-gap: 32px; }
  .signature-wrapper { padding-left: 16px; padding-right: 16px; }
  .thn-audit-stack { row-gap: 64px; }
}

#w-node-ebb1e125-4f59-8cf6-0b73-376972364a52-e330f4c5, #w-node-_785630cc-b7d0-294c-4a1a-e673b5a8db79-e330f4c5, #w-node-bb7f0fce-bf27-8d8f-e59b-dc1cf4c393e6-0a224efa, #w-node-ed50f48e-4c98-79fb-4846-00baefdc27d6-0a224efa { grid-area: span 1 / span 1 / span 1 / span 1; }

#w-node-_2748fe03-d82a-ad1f-d1aa-4db4e6400670-0a224efa { align-self: start; }

#w-node-_13dad67b-c228-3b5b-9ba5-b3f3d97b70fd-244a5491, #w-node-d821e22c-c6f6-df55-0c8d-7a1b84614742-244a5491, #w-node-c6b6a860-14ac-17ee-ca81-26a0700b49b8-244a5491, #w-node-ede8bca7-eda9-c358-9e99-3b67abda960d-244a5491, #w-node-_55057144-f1a9-38ed-1b81-ee267773f6ae-244a5491, #w-node-d3ab63da-2079-07bb-80e6-146b572c97bf-244a5491, #w-node-_0208a0bf-e67f-e1b1-8ff2-ea9e166a3609-244a5491, #w-node-_21de9ed3-e309-8ddc-dc9d-31979ee2389a-244a5491, #w-node-aa50b8d0-71d1-448f-a5df-b7d4850d1062-244a5491, #w-node-_6d2ba502-cd78-7d66-8d0a-1942c0d96bc7-244a5491, #w-node-_4bdecc4a-00d6-96a6-cff4-4f0bf4f8fdf5-244a5491, #w-node-_4d8cafec-9f14-4a17-29ca-0214dad88e01-244a5491, #w-node-b3f5c1c1-a419-3ad4-bd4d-f1d520621d68-244a5491, #w-node-bf4335e9-2c09-2c0f-fd0c-433c2b5951a3-244a5491, #w-node-_74d8076d-144f-8e2d-c873-9cc8d88cd24b-244a5491, #w-node-f3572e7d-2f62-4758-da26-132fec42270d-244a5491, #w-node-_4d03a27f-0bec-337a-463e-e1b11175a01e-244a5491, #w-node-a1018a00-eb51-2a0c-639f-95434ad40514-244a5491, #w-node-_9d9e0210-f6e9-3db0-fd51-b3372e76c61f-244a5491, #w-node-_10bd1b7f-b343-d4ab-f2d8-552e250e3251-244a5491, #w-node-dcc295a5-6d1f-8b1d-25c7-d282368bd616-244a5491, #w-node-d6162ce6-f9e6-1b45-5b5b-48721ee5fe38-244a5491, #w-node-f56e467f-d73f-7d34-a5ec-e5c27b1a8c24-244a5491, #w-node-e6a6f8a4-3ac4-bfa4-fa03-4453d860fe5c-244a5491, #w-node-e17470f0-12a9-4c22-d03b-d9d41aee8cf8-244a5491, #w-node-_8d18aaec-dc25-e1d8-6793-40426c905e4d-244a5491, #w-node-_592d0136-5325-af8f-be62-d8d6a3ec8fd0-244a5491, #w-node-_0c25906e-5b85-0f95-5b66-074704e40470-244a5491, #w-node-bb7f0fce-bf27-8d8f-e59b-dc1cf4c393e6-f6d44990, #w-node-ed50f48e-4c98-79fb-4846-00baefdc27d6-f6d44990, #w-node-bb7f0fce-bf27-8d8f-e59b-dc1cf4c393e6-43d8c1d7, #w-node-ed50f48e-4c98-79fb-4846-00baefdc27d6-43d8c1d7, #w-node-bb7f0fce-bf27-8d8f-e59b-dc1cf4c393e6-581230b9, #w-node-ed50f48e-4c98-79fb-4846-00baefdc27d6-581230b9 { grid-area: span 1 / span 1 / span 1 / span 1; }

@media screen and (max-width: 479px) {
  #w-node-b3f5c1c1-a419-3ad4-bd4d-f1d520621d68-244a5491, #w-node-bf4335e9-2c09-2c0f-fd0c-433c2b5951a3-244a5491, #w-node-_74d8076d-144f-8e2d-c873-9cc8d88cd24b-244a5491, #w-node-f3572e7d-2f62-4758-da26-132fec42270d-244a5491, #w-node-_4d03a27f-0bec-337a-463e-e1b11175a01e-244a5491, #w-node-a1018a00-eb51-2a0c-639f-95434ad40514-244a5491, #w-node-_9d9e0210-f6e9-3db0-fd51-b3372e76c61f-244a5491, #w-node-_10bd1b7f-b343-d4ab-f2d8-552e250e3251-244a5491, #w-node-dcc295a5-6d1f-8b1d-25c7-d282368bd616-244a5491, #w-node-d6162ce6-f9e6-1b45-5b5b-48721ee5fe38-244a5491, #w-node-f56e467f-d73f-7d34-a5ec-e5c27b1a8c24-244a5491, #w-node-e6a6f8a4-3ac4-bfa4-fa03-4453d860fe5c-244a5491, #w-node-e17470f0-12a9-4c22-d03b-d9d41aee8cf8-244a5491, #w-node-_8d18aaec-dc25-e1d8-6793-40426c905e4d-244a5491, #w-node-_592d0136-5325-af8f-be62-d8d6a3ec8fd0-244a5491, #w-node-_0c25906e-5b85-0f95-5b66-074704e40470-244a5491 { grid-area: span 1 / span 1 / span 1 / span 1; }
}

@font-face { font-family: "Neue Montreal"; src: url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc2ac94387f0283a2bc34_PPNeueMontreal-Thin.woff") format("woff"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc23576d96805fd7a0e99_PPNeueMontreal-Thin.ttf") format("truetype"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc1e0ee1305479ccd0d62_PPNeueMontreal-Thin.otf") format("opentype"); font-weight: 100; font-style: normal; font-display: swap; }

@font-face { font-family: "Neue Montreal"; src: url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc289fb60fe07aa70d8b1_PPNeueMontreal-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc213ed19b6d75de2bf38_PPNeueMontreal-Light.ttf") format("truetype"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc1967f779fbd67f4178f_PPNeueMontreal-Light.otf") format("opentype"); font-weight: 200; font-style: normal; font-display: swap; }

@font-face { font-family: "Neue Montreal"; src: url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc2823fa51a83d8682f5b_PPNeueMontreal-Book.woff") format("woff"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc208bae237dd655166ee_PPNeueMontreal-Book.ttf") format("truetype"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc14163629a01b6cc7679_PPNeueMontreal-Book.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: "Neue Montreal"; src: url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc29d04a5c2f38d17b0eb_PPNeueMontreal-Regular.woff") format("woff"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc22898891ec20aec62c1_PPNeueMontreal-Regular.ttf") format("truetype"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc1c312fe42cc2870460c_PPNeueMontreal-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Neue Montreal"; src: url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc29276d96805fd7a9242_PPNeueMontreal-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc21a9fef83bbff9ae727_PPNeueMontreal-Medium.ttf") format("truetype"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc1b1ed19b6d75de21c19_PPNeueMontreal-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: "Neue Montreal"; src: url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc2a7ee1305479cce1a73_PPNeueMontreal-SemiBold.woff") format("woff"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc22e03cfbf571b59327b_PPNeueMontreal-SemiBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc1d5a8ed824bd7a69d2a_PPNeueMontreal-SemiBold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: "Neue Montreal"; src: url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc2788d931c5230e65633_PPNeueMontreal-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc1f694387f0283a1ebff_PPNeueMontreal-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/63dcb6e1a80e9454b630f4c4/649dc0cb292d632da45fc396_PPNeueMontreal-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }