 @media only screen and (min-width: 0rem) {:root {--primary: #ffba19;--primaryLight: #ffd675;--secondary: #001f3f;--secondaryLight: #001f3f;--headerColor: #1a1a1a;--bodyTextColor: #4e4b66;--bodyTextColorWhite: #fafbfc;--topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);--headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);--bodyFontSize: 1rem;--sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;}.cs-topper {display: block;margin-bottom: 0.25rem;text-transform: uppercase;letter-spacing: 0.1em;font-size: var(--topperFontSize);line-height: 1.2em;font-weight: 600;color: var(--primary);text-align: inherit;}.cs-title {position: relative;margin: 0 0 0rem 0;max-width: 43.75rem;font-size: var(--headerFontSize);line-height: 1.2em;font-weight: 600;color: var(--headerColor);text-align: inherit;}.cs-text {margin: 0;max-width: 40.625rem;width: 100%;font-size: var(--bodyFontSize);line-height: 1.5em;color: var(--bodyTextColor);text-align: inherit;}.cs-button-solid {z-index: 1;position: relative;display: inline-block;background-color: var(--primary);width: auto;padding: 0 1.875rem;text-decoration: none;text-transform: uppercase;font-size: 1rem;line-height: 3.125em;font-weight: normal;color: #000;transition: color 0.3s;transition-delay: 0.1s;text-align: center;}.cs-button-solid:hover {color: #fff;}.cs-button-solid:hover:before {width: 100%;}.cs-button-solid:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 1;display: block;background-color: #000;height: 100%;width: 0;transition: width 0.3s;}.gradient-button {display: inline-flex;align-items: end;cursor: pointer;background: #FFF;padding: 0.75rem 1rem;border-radius: 10px;box-shadow: 0 7px #ccc;transition: box-shadow 0.25s ease-in-out;line-height: 1;position: relative;text-decoration: none;}.gradient-button h2 {display: inline-block;line-height: 1;margin-bottom: 0;color: #151118 !important;z-index: 1;}.gradient-button:after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;border-radius: 10px;z-index: 0;background-color: #FFF;}.gradient-button .gradient-bg {position: absolute;z-index: -1;top: 39px;left: 0;width: 100%;height: 16px;border-radius: 0 0 10px 10px;background: -webkit-linear-gradient(to top, #FFC371, #FF5F6D, #FF5F6D);background: linear-gradient(to top, #FFC371, #FF5F6D, #FF5F6D);transition: opacity 0.25s ease-in-out;opacity: 0;z-index: 0;}.gradient-button:hover .gradient-bg {background: -webkit-linear-gradient(to top, #FFC371, #FF5F6D, #FF5F6D);background: linear-gradient(to top, #FFC371, #FF5F6D, #FF5F6D);opacity: 1;}.gradient-button:active {box-shadow: 0 5px transparent;transform: translateY(2px);}.gradient-button:active .gradient-bg {top: 41px;opacity: 1;}.cs-hide-on-mobile {display: none;}.logo-text {text-decoration: none;}.logo-text h2 {text-transform: uppercase;text-decoration: none;font-size: 28px;font-weight: 700;}#main .main-content-wrapper {max-width: 100vw;}.chat-wrapper {position: fixed;bottom: 1rem;right: 1rem;z-index: 1000;display: flex;flex-direction: column;align-items: flex-end;}.chat-toggle {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: 0;right: 0;padding: 1rem;height: 100%;width: 100%;}.home .intro-container {text-align: left;width: 100%;padding: 0 5%;}.home .intro-container .pfp-h {background-image: linear-gradient(to right, #4568DC, #B06AB3);color: transparent;background-clip: text;position: relative;}.home .intro-container .pfp-h .pfp, .home .intro-container .eom img {pointer-events: none;opacity: 0;position: absolute;top: 0;left: 0;transition: 0.15s ease;max-width: 50px;}.home .intro-container .pfp-h:hover .pfp, .home .intro-container .eom:hover img {opacity: 1;}.home .intro-container .eom {background-image: linear-gradient(135deg, #92CC00, #C6DA34);color: transparent;background-clip: text;}#cursor-preview {position: fixed;top: -60px;left: 0;transform: translate(-9999px, -9999px);width: 100px;height: 100px;pointer-events: none;z-index: 9999;opacity: 0;visibility: hidden;filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.25));border-radius: 10px;overflow: hidden;background: transparent;}#cursor-preview img {width: 100%;height: 100%;object-fit: contain;}.img-hover {text-decoration: underline;cursor: pointer;}.home .intro-container > div {max-width: 1100px;}.home .intro-container p, .home .intro-container a {font-size: 28px;}.button {background-image: linear-gradient(to right, #3356c9, #7c519b);background-size: 125% 100%;transition: 0.25s ease;background-position: right;color: #FFF;padding: 10px 15px;text-decoration: none;text-transform: uppercase;font-size: 21px;font-weight: 500;border-radius: 5px;letter-spacing: 1px;margin-top: 1rem;font-family: 'Clash Display';display: inline-block;}.button:hover {background-position: left;}.profile {cursor: pointer;transition: 0.2s ease;z-index: 2;position: absolute;right: 0;bottom: 0;padding: 1rem;max-width: 1600px;}#profile img {max-width: 300px;-webkit-mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);mask-image: linear-gradient(to bottom, #000 75%, transparent 100%);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100% 100%;mask-size: 100% 100%;}.profile img {width: 60px;height: 60px;border-radius: 50%;border: 2px solid white;}.chat {box-shadow: inset 2px 2px 5px hsl(0, 0%, 0%);backdrop-filter: blur(28px);padding: 1rem;height: 300px;width: 320px;overflow: scroll;background-color: rgba(0, 0, 0, 0.31);border-radius: 20px;border: 1px solid hsla(0, 0%, 100%, 0.2706);transform: scaleY(0);transform-origin: bottom;opacity: 0;transition: transform 0.3s ease, opacity 0.3s ease;pointer-events: none;}.chat.visible {transform: scaleY(1);opacity: 1;pointer-events: auto;}.chat-wrapper.open .profile {position: absolute;top: -30px;left: -10px;transform: scale(1);}.close-btn {display: none;position: absolute;top: -10px;right: -10px;font-size: 24px;color: white;cursor: pointer;z-index: 3;}.chat-wrapper.open .close-btn {display: block;}.intro {width: 100%;position: fixed;z-index: 99;padding: 1rem;bottom: 0;right: 0;width: 350px;align-items: flex-start;}.intro h2 {font-size: 18px;}.intro p, .intro a {font-size: 18px;color: #dacbe8;}.intro div img {border-radius: 100px;border: 1px solid #3b3b3b;box-shadow: inset 5px 5px 5px #000000;}.tooltip {position: fixed;display: block;backdrop-filter: blur(8px);color: white;padding: 2rem;font-size: 24px;pointer-events: none;z-index: 9999;max-width: 400px;border-radius: 100px;text-align: center;border: 1px solid #fff;opacity: 0;will-change: opacity;}.tooltip.visible {opacity: 1;}.tooltip.updating {opacity: 0.2;}.tooltip-inner {display: block;text-decoration: none;color: inherit;}.tooltip-inner:hover {text-decoration: none;}.tooltip-inner h3, .tooltip-inner p {margin: 0;}.tooltip:active {transform: translateY(10px);}.tooltip-button {display: inline-block;transition: transform 0.1s ease, background 0.2s ease;}.tooltip-button.clicked {transform: scale(0.95);}.reveal {opacity: 0;transform: translateY(12px);filter: blur(8px);transition: opacity 600ms cubic-bezier(0.22, 0.98, 0.35, 1), transform 600ms cubic-bezier(0.22, 0.98, 0.35, 1), filter 600ms cubic-bezier(0.22, 0.98, 0.35, 1);will-change: opacity, transform, filter;pointer-events: none;}.reveal.is-visible {opacity: 1;transform: translateY(0);filter: blur(0);pointer-events: auto;}.reveal {transition-duration: var(--reveal-duration, 600ms);transition-delay: var(--reveal-delay, 0ms);}.blog-mainMedia video {width: 100%;height: 100%;object-fit: cover;display: block;}.card-content {padding: 3rem;display: flex;justify-content: center;flex-direction: column;height: 100%;z-index: 2;}.readmore-btn {display: inline-block;margin-top: 2rem;padding: 1rem 2rem;background: #000;color: #fff;text-decoration: none;text-transform: uppercase;font-weight: bold;width: fit-content;}.card-visuals {position: relative;height: 100%;width: 100%;background: #f4f4f4;display: flex;align-items: center;justify-content: center;}.visual-base {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0.3;filter: blur(10px);z-index: 0;}.visual-overlay-wrapper {position: relative;z-index: 1;width: 80%;height: auto;aspect-ratio: 16/9;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);overflow: hidden;display: block;}.overlay-media {width: 100%;height: 100%;object-fit: cover;display: block;}}@media only screen and (min-width: 0rem) and (prefers-reduced-motion: reduce) {.reveal {opacity: 1 !important;transform: none !important;filter: none !important;transition: none !important;pointer-events: auto !important;}}@media only screen and (min-width: 0rem) and (max-width: 768px) {.project-card-sticky {grid-template-columns: 1fr;height: auto;min-height: 100vh;padding-top: 4rem;}.card-content {padding: 2rem;}.card-visuals {height: 50vh;}}@media only screen and (min-width: 64rem) {.cs-hide-on-mobile {display: block;}.cs-hide-on-desktop {display: none;}}@media only screen and (min-width: 0rem) {body, html {margin: 0;padding: 0;font-family: 'wotfardregular';font-variation-settings: "slnt" 0, "wght" 700, "wdth" 100;font-size: 100%;color: var(--bodyTextColor);}*, *:before, *:after {margin: 0;box-sizing: border-box;padding: 0;}body {transition: background-color 0.3s;}.container {position: relative;margin: auto;width: 92%;}h1, h2, h3, h4, h5, h6 {margin: 0;color: var(--headerColor);font-family: 'Clash Display', sans-serif;text-transform: uppercase;text-wrap: pretty;font-weight: 500;letter-spacing: -0.02em;line-height: 1.2;transition: 0.3s ease-out;}h3 {margin-bottom: 0.5rem;font-size: 24px;}a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {color: #B06AB3;}p, li, a {margin: 0;font-size: 1rem;line-height: 1.6em;text-wrap: pretty;}a {color: #c3a4ea;}p, li {color: #353535;margin-bottom: 1rem;}strong {font-family: 'wotfardbold';letter-spacing: 0.5px;}a:hover, button:hover {cursor: pointer;}.subtitle {text-transform: uppercase;letter-spacing: 1px;font-family: 'wotfardsemibold';color: #ffffff;}.skip {z-index: -1111111;position: absolute;top: 0;left: 0;opacity: 0;}@font-face {font-style: normal;font-family: "PP Editorial Old", serif;font-weight: 400;src: local(""), url("/assets/fonts/PP Editorial Old.woff2") format("woff2"), url("/assets/fonts/PP Editorial Old.woff") format("woff");font-display: swap;}@font-face {font-style: normal;font-family: "PP Editorial Old", serif;font-weight: 700;src: local(""), url("/assets/fonts/PPEditorialOld-Bold.woff2") format("woff2"), url("/assets/fonts/PPEditorialOld-Bold.woff") format("woff");font-display: swap;}@font-face {font-display: swap;font-family: 'Space Mono';font-style: normal;font-weight: 400;src: url('../fonts/space-mono-v14-latin-regular.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Space Mono';font-style: italic;font-weight: 400;src: url('../fonts/space-mono-v14-latin-italic.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Space Mono';font-style: normal;font-weight: 700;src: url('../fonts/space-mono-v14-latin-700.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Space Mono';font-style: italic;font-weight: 700;src: url('../fonts/space-mono-v14-latin-700italic.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Jersey 10';font-style: normal;font-weight: 400;src: url('../fonts/jersey-10-v3-latin-regular.woff2') format('woff2');}@font-face {font-family: 'Aneto Skyline';src: url('/assets/fonts/AnetoSkyline-Italic.eot');src: url('/assets/fonts/AnetoSkyline-Italic.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/AnetoSkyline-Italic.woff2') format('woff2'), url('/assets/fonts/AnetoSkyline-Italic.woff') format('woff');font-weight: normal;font-style: italic;font-display: swap;}@font-face {font-family: 'Aneto Skyline';src: url('/assets/fonts/AnetoSkyline-Regular.eot');src: url('/assets/fonts/AnetoSkyline-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/AnetoSkyline-Regular.woff2') format('woff2'), url('/assets/fonts/AnetoSkyline-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Aneto Skyline';src: url('/assets/fonts/AnetoSkyline-Light.eot');src: url('/assets/fonts/AnetoSkyline-Light.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/AnetoSkyline-Light.woff2') format('woff2'), url('/assets/fonts/AnetoSkyline-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}@font-face {font-family: 'Aneto Skyline';src: url('/assets/fonts/AnetoSkyline-Bold.eot');src: url('/assets/fonts/AnetoSkyline-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/AnetoSkyline-Bold.woff2') format('woff2'), url('/assets/fonts/AnetoSkyline-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}@font-face {font-family: 'Aneto Skyline';src: url('/assets/fonts/AnetoSkyline-LightItalic.eot');src: url('/assets/fonts/AnetoSkyline-LightItalic.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/AnetoSkyline-LightItalic.woff2') format('woff2'), url('/assets/fonts/AnetoSkyline-LightItalic.woff') format('woff');font-weight: 300;font-style: italic;font-display: swap;}@font-face {font-family: 'Aneto Skyline';src: url('/assets/fonts/AnetoSkyline-BoldItalic.eot');src: url('/assets/fonts/AnetoSkyline-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/AnetoSkyline-BoldItalic.woff2') format('woff2'), url('/assets/fonts/AnetoSkyline-BoldItalic.woff') format('woff');font-weight: bold;font-style: italic;font-display: swap;}@font-face {font-family: 'wotfardbold_italic';src: url('/assets/fonts/wotfard-bolditalic-webfont.eot');src: url('/assets/fonts/wotfard-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-bolditalic-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-bolditalic-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardextralight_italic';src: url('/assets/fonts/wotfard-extralightitalic-webfont.eot');src: url('/assets/fonts/wotfard-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-extralightitalic-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-extralightitalic-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardlight_italic';src: url('/assets/fonts/wotfard-lightitalic-webfont.eot');src: url('/assets/fonts/wotfard-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-lightitalic-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-lightitalic-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardbold';src: url('/assets/fonts/wotfard-bold-webfont.eot');src: url('/assets/fonts/wotfard-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-bold-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-bold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardextralight';src: url('/assets/fonts/wotfard-extralight-webfont.eot');src: url('/assets/fonts/wotfard-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-extralight-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-extralight-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardlight';src: url('/assets/fonts/wotfard-light-webfont.eot');src: url('/assets/fonts/wotfard-light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-light-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-light-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardmedium';src: url('/assets/fonts/wotfard-medium-webfont.eot');src: url('/assets/fonts/wotfard-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-medium-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-medium-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardregular';src: url('/assets/fonts/wotfard-regular-webfont.eot');src: url('/assets/fonts/wotfard-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-regular-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardsemibold';src: url('/assets/fonts/wotfard-semibold-webfont.eot');src: url('/assets/fonts/wotfard-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-semibold-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-semibold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'wotfardthin';src: url('/assets/fonts/wotfard-thin-webfont.eot');src: url('/assets/fonts/wotfard-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/wotfard-thin-webfont.woff2') format('woff2'), url('/assets/fonts/wotfard-thin-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Clash Display';font-style: normal;font-display: swap;font-weight: 200 700;src: url('/assets/fonts/ClashDisplay-Variable.woff2') format('woff2-variations'), url('/assets/fonts/ClashDisplay-Variable.woff') format('woff'), url('/assets/fonts/ClashDisplay-Variable.ttf') format('truetype');}@font-face {font-family: 'Clash Display';font-style: normal;font-display: swap;font-weight: 200;src: url('/assets/fonts/ClashDisplay-Extralight.woff2') format('woff2'), url('/assets/fonts/ClashDisplay-Extralight.woff') format('woff'), url('/assets/fonts/ClashDisplay-Extralight.ttf') format('truetype'), url('/assets/fonts/ClashDisplay-Extralight.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Clash Display';font-style: normal;font-display: swap;font-weight: 300;src: url('/assets/fonts/ClashDisplay-Light.woff2') format('woff2'), url('/assets/fonts/ClashDisplay-Light.woff') format('woff'), url('/assets/fonts/ClashDisplay-Light.ttf') format('truetype'), url('/assets/fonts/ClashDisplay-Light.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Clash Display';font-style: normal;font-display: swap;font-weight: 400;src: url('/assets/fonts/ClashDisplay-Regular.woff2') format('woff2'), url('/assets/fonts/ClashDisplay-Regular.woff') format('woff'), url('/assets/fonts/ClashDisplay-Regular.ttf') format('truetype'), url('/assets/fonts/ClashDisplay-Regular.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Clash Display';font-style: normal;font-display: swap;font-weight: 500;src: url('/assets/fonts/ClashDisplay-Medium.woff2') format('woff2'), url('/assets/fonts/ClashDisplay-Medium.woff') format('woff'), url('/assets/fonts/ClashDisplay-Medium.ttf') format('truetype'), url('/assets/fonts/ClashDisplay-Medium.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Clash Display';font-style: normal;font-display: swap;font-weight: 600;src: url('/assets/fonts/ClashDisplay-Semibold.woff2') format('woff2'), url('/assets/fonts/ClashDisplay-Semibold.woff') format('woff'), url('/assets/fonts/ClashDisplay-Semibold.ttf') format('truetype'), url('/assets/fonts/ClashDisplay-Semibold.eot?#iefix') format('embedded-opentype');}@font-face {font-family: 'Clash Display';font-style: normal;font-display: swap;font-weight: 700;src: url('/assets/fonts/ClashDisplay-Bold.woff2') format('woff2'), url('/assets/fonts/ClashDisplay-Bold.woff') format('woff'), url('/assets/fonts/ClashDisplay-Bold.ttf') format('truetype'), url('/assets/fonts/ClashDisplay-Bold.eot?#iefix') format('embedded-opentype');}}@media only screen and (min-width: 1024px) {body, html {margin: 0;padding: 0;}}@media only screen and (min-width: 3000px) {body, html {font-size: 0.55vw;}}@media only screen and (min-width: 0rem) {body.dark-mode #dark-mode-toggle .cs-sun {opacity: 1;transform: translate(-50%, -50%);}body.dark-mode #dark-mode-toggle .cs-moon {opacity: 0;transform: translate(-50%, -150%);fill: #fff;}#dark-mode-toggle {z-index: 1000;position: absolute;top: 0.625rem;right: 4.375rem;display: block;border: none;background: transparent;height: 3rem;width: 3rem;overflow: hidden;padding: 0;}#dark-mode-toggle img, #dark-mode-toggle svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 1.25rem;width: 1.25rem;pointer-events: none;}#dark-mode-toggle .cs-moon {z-index: 2;transition: transform 0.3s, opacity 0.3s;}#dark-mode-toggle .cs-sun {z-index: 1;opacity: 0;transform: translate(-50%, 100%);transition: transform 0.3s, opacity 0.3s;}.cs-li-link {transition: 0.15s ease;}.cs-li-link:hover {color: #99b1ff;position: relative;}}@media only screen and (min-width: 64rem) {#dark-mode-toggle {position: relative;top: auto;right: auto;transform: none;margin: 0;}#dark-mode-toggle:hover {cursor: pointer;}}@media only screen and (max-width: 63.9375rem) {body.cs-open {overflow: hidden;}#cs-navigation {z-index: 10000;position: fixed;background: linear-gradient(to top, transparent 50%, #000 100%);width: 100%;top: 0;box-sizing: border-box;padding-left: 0px;padding-right: 0px;font-family: 'Clash Display';font-weight: 400;font-variation-settings: "slnt" 0, "wght" 700, "wdth" 100;height: 4.0625rem;}#cs-navigation .cs-container {display: flex;justify-content: flex-end;align-items: center;width: 94%;max-width: 100%;}#cs-navigation .backdrop {position: absolute;top: 0;left: 0;inset: 0;height: 200%;backdrop-filter: blur(16px);-webkit-mask-image: linear-gradient(to bottom, black 0, black 0% 50%, transparent 50% 100%);mask-image: linear-gradient(to bottom, black 0, black 0% 50%, transparent 50% 100%);background: rgba(21, 17, 24, 0.4);pointer-events: none;}#cs-navigation .cs-logo {z-index: 10;display: flex;justify-content: center;align-items: center;margin: 0 auto 0 0;height: 100%;max-width: unset;width: auto;box-sizing: border-box;padding: 0;text-decoration: none;}#cs-navigation .cs-logo img {height: 100%;width: 100%;object-fit: contain;object-position: left;}#cs-navigation .cs-toggle {display: flex;justify-content: center;align-items: center;border: none;border-radius: 0.25rem;margin: 0 0 0 auto;background-color: transparent;height: clamp(2.75rem, 6vw, 3rem);width: clamp(2.75rem, 6vw, 3rem);}#cs-navigation .cs-active .cs-line1 {top: 50%;transform: translate(-50%, -50%) rotate(225deg);}#cs-navigation .cs-active .cs-line2 {top: 50%;transform: translate(-50%, -50%) translateY(0) rotate(-225deg);transform-origin: center;}#cs-navigation .cs-active .cs-line3 {bottom: 100%;opacity: 0;}#cs-navigation .cs-box {position: relative;height: clamp(0.875rem, 1.5vw, 1rem);width: clamp(1.5rem, 2vw, 1.75rem);}#cs-navigation .cs-line {position: absolute;left: 50%;transform: translateX(-50%);border-radius: 2px;background-color: #1a1a1a;height: 2px;width: 100%;}#cs-navigation .cs-line1 {top: 0;transition: transform 0.5s, top 0.3s, left 0.3s;animation-duration: 0.7s;animation-timing-function: ease;animation-direction: normal;animation-fill-mode: forwards;transform-origin: center;}#cs-navigation .cs-line2 {top: 50%;transform: translateX(-50%) translateY(-50%);transition: top 0.3s, left 0.3s, transform 0.5s;animation-duration: 0.7s;animation-timing-function: ease;animation-direction: normal;animation-fill-mode: forwards;}#cs-navigation .cs-line3 {bottom: 0;transition: bottom 0.3s, opacity 0.3s;}#cs-navigation .cs-ul-wrapper {z-index: -1;position: absolute;top: 100%;left: auto;right: 0;opacity: 0;visibility: hidden;transform: scaleX(0);background-color: #fff;height: 100vh;overflow: hidden;transition: transform 0.4s, opacity 0.3s;box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;transform-origin: top right;}#cs-navigation .cs-ul {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;margin: 0;height: 65vh;min-width: 40%;width: auto;overflow: scroll;padding: 3rem clamp(1.75rem, 3vw, 2.5rem) calc(32 / 16 * 1rem) calc(70 / 16 * 1rem);gap: 1.25rem;}#cs-navigation .cs-li {opacity: 0;transform: translateX(calc(-40 / 16 * 1rem));margin-right: 0;width: 100%;list-style: none;transition: transform 0.6s, opacity 0.9s;text-align: right;}#cs-navigation .cs-li:nth-of-type(1) {transition-delay: 0.05s;}#cs-navigation .cs-li:nth-of-type(2) {transition-delay: 0.1s;}#cs-navigation .cs-li:nth-of-type(3) {transition-delay: 0.15s;}#cs-navigation .cs-li:nth-of-type(4) {transition-delay: 0.2s;}#cs-navigation .cs-li:nth-of-type(5) {transition-delay: 0.25s;}#cs-navigation .cs-li:nth-of-type(6) {transition-delay: 0.3s;}#cs-navigation .cs-li:nth-of-type(7) {transition-delay: 0.35s;}#cs-navigation .cs-li:nth-of-type(8) {transition-delay: 0.4s;}#cs-navigation .cs-li:nth-of-type(9) {transition-delay: 0.45s;}#cs-navigation .cs-li-link {position: relative;display: inline-block;margin: 0;text-decoration: none;font-size: 18px;line-height: 1.2em;color: var(--headerColor);text-transform: uppercase;letter-spacing: 1px;display: flex;align-items: center;}#cs-navigation .cs-li-link.cs-active:before {display: block;}#cs-navigation .cs-button-solid {display: none;}#cs-navigation:before {z-index: -11;position: absolute;top: 100%;right: 0;content: "";opacity: 0;display: block;background: rgba(0, 0, 0, 0.6);height: 100vh;width: 0%;transition: width 0.5s, opacity 0.3s;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}#cs-navigation.cs-active .cs-ul-wrapper {opacity: 1;visibility: visible;transform: scaleX(1);transition-delay: 0.2s;}#cs-navigation.cs-active .cs-li {opacity: 1;transform: translateX(0);}#cs-navigation.cs-active:before {opacity: 1;width: 100%;}}@media only screen and (max-width: 63.9375rem) {body.dark-mode #cs-navigation .cs-logo {filter: grayscale(1) brightness(1000%);}body.dark-mode #cs-navigation .cs-line {background-color: #fff;}body.dark-mode #cs-navigation .cs-ul-wrapper {background-color: var(--medium);}body.dark-mode #cs-navigation .cs-li-link {color: var(--bodyTextColorWhite);}}@media only screen and (max-width: 63.9375rem) {#cs-navigation .cs-dropdown {position: relative;color: var(--bodyTextColorWhite);}#cs-navigation .cs-dropdown .cs-li-link {position: relative;transition: opacity 0.3s;}#cs-navigation .cs-dropdown.cs-active .cs-drop-ul {visibility: visible;opacity: 1;transform: scale(1);margin: 0.75rem 0 0 0;height: auto;padding: 1.5rem;}#cs-navigation .cs-dropdown.cs-active .cs-drop-link {opacity: 1;}#cs-navigation .cs-dropdown-button {border: none;background-color: transparent;font-family: inherit;font-size: clamp(1rem, 2.5vw, 1.5rem);cursor: pointer;appearance: none;}#cs-navigation .cs-drop-icon {position: absolute;top: 50%;right: calc(-20 / 16 * 1rem);transform: translateY(-50%);height: auto;width: 0.9375rem;}#cs-navigation .cs-drop-ul {visibility: hidden;opacity: 0;transform: scale(0);display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;margin: 0;background-color: var(--primary);height: 0;width: 100%;box-sizing: border-box;overflow: hidden;padding: 0 1.5rem 0 calc(24 / 16 * 1rem);transition: padding 0.3s, margin 0.3s, height 0.3s, opacity 0.3s, transform 0.3s, visibility 0.3s;gap: 0.75rem;transform-origin: top right;}#cs-navigation .cs-drop-li {list-style: none;text-align: inherit;}#cs-navigation .cs-li-link.cs-drop-link {font-size: clamp(1rem, 2vw, 1.25rem);color: #fff;}}@media only screen and (min-width: 64rem) {#cs-navigation .cs-dropdown {position: relative;}#cs-navigation .cs-dropdown.cs-active, #cs-navigation .cs-dropdown:hover {cursor: pointer;}#cs-navigation .cs-dropdown.cs-active .cs-drop-ul, #cs-navigation .cs-dropdown:hover .cs-drop-ul {visibility: visible;opacity: 1;transform: scaleY(1);}#cs-navigation .cs-dropdown.cs-active .cs-drop-li, #cs-navigation .cs-dropdown:hover .cs-drop-li {opacity: 1;transform: translateY(0);}#cs-navigation .backdrop {position: absolute;top: 0;left: 0;inset: 0;height: 200%;backdrop-filter: blur(16px);-webkit-mask-image: linear-gradient(to bottom, black 0, black 0% 50%, transparent 50% 100%);mask-image: linear-gradient(to bottom, black 0, black 0% 50%, transparent 50% 100%);background: rgba(21, 17, 24, 0.4);pointer-events: none;}#cs-navigation .cs-dropdown-button {border: none;background-color: transparent;font-family: inherit;font-size: inherit;cursor: pointer;appearance: none;}#cs-navigation .cs-drop-icon {display: inline-block;height: auto;width: 0.9375rem;}#cs-navigation .cs-drop-ul {z-index: -100;position: absolute;top: 100%;visibility: hidden;opacity: 0;transform: scaleY(0);border-bottom: 5px solid var(--primary);margin: 0;background-color: #fff;min-width: 12.5rem;overflow: hidden;padding: 0;transition: transform 0.3s, visibility 0.3s, opacity 0.3s;box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 16px;transform-origin: top;}#cs-navigation .cs-drop-li {opacity: 0;transform: translateY(calc(-10 / 16 * 1rem));display: block;height: auto;width: 100%;list-style: none;text-decoration: none;font-size: 1rem;color: var(--bodyTextColor);transition: opacity 0.6s, transform 0.6s;}#cs-navigation .cs-drop-li:nth-of-type(1) {transition-delay: 0.05s;}#cs-navigation .cs-drop-li:nth-of-type(2) {transition-delay: 0.1s;}#cs-navigation .cs-drop-li:nth-of-type(3) {transition-delay: 0.15s;}#cs-navigation .cs-drop-li:nth-of-type(4) {transition-delay: 0.2s;}#cs-navigation .cs-drop-li:nth-of-type(5) {transition-delay: 0.25s;}#cs-navigation .cs-drop-li:nth-of-type(6) {transition-delay: 0.3s;}#cs-navigation .cs-drop-li:nth-of-type(7) {transition-delay: 0.35s;}#cs-navigation .cs-drop-li:nth-of-type(8) {transition-delay: 0.4s;}#cs-navigation .cs-drop-li:nth-of-type(9) {transition-delay: 0.45s;}#cs-navigation .cs-drop-li:nth-of-type(10) {transition-delay: 0.5s;}#cs-navigation .cs-drop-li:nth-of-type(11) {transition-delay: 0.55s;}#cs-navigation .cs-drop-li:nth-of-type(12) {transition-delay: 0.6s;}#cs-navigation .cs-drop-li:nth-of-type(13) {transition-delay: 0.65s;}#cs-navigation .cs-li-link.cs-drop-link {display: block;width: 100%;box-sizing: border-box;padding: 0.75rem;white-space: nowrap;text-decoration: none;font-size: 18px;line-height: 1.5em;color: var(--bodyTextColor);transition: color 0.3s, background-color 0.3s;}#cs-navigation .cs-li-link.cs-drop-link:hover {background-color: #f7f7f7;}#cs-navigation .cs-li-link.cs-drop-link:focus-visible {outline: 2px solid currentColor;outline-offset: -4px;}#cs-navigation .cs-li-link.cs-drop-link:before {display: none;}}@media only screen and (min-width: 0rem) {body.dark-mode #cs-navigation .cs-li-link.cs-drop-link:hover {background-color: var(--medium);}body.dark-mode #cs-navigation .cs-drop-icon {filter: grayscale(1) brightness(1000%);}}@media only screen and (min-width: 64rem) {#cs-navigation {z-index: 10000;position: fixed;background: linear-gradient(to top, transparent 50%, #000 100%);width: 100%;top: 0;box-sizing: border-box;font-family: 'Clash Display';font-weight: 400;font-variation-settings: "slnt" 0, "wght" 700, "wdth" 100;}#cs-navigation .cs-container {display: flex;justify-content: flex-end;align-items: center;margin: auto;max-width: 100%;width: 94%;gap: 1.5rem;}#cs-navigation .cs-toggle {display: none;}#cs-navigation .cs-logo {z-index: 100;display: flex;justify-content: center;align-items: center;margin: 0 auto 0 0;height: 4.0625rem;max-width: unset;width: auto;padding: 0;text-decoration: none;}#cs-navigation .cs-logo img {height: 100%;width: 100%;object-fit: contain;}#cs-navigation .cs-logo h2 {text-transform: uppercase;text-decoration: none;font-size: 24px;}#cs-navigation .cs-ul {display: flex;justify-content: flex-start;align-items: center;margin: 0;width: 100%;padding: 0;gap: clamp(1.25rem, 2.6vw, 2.25rem);}#cs-navigation .cs-li {padding: 2rem 0;list-style: none;flex: none;}#cs-navigation .cs-li-link {position: relative;display: block;margin: 0;text-decoration: none;font-size: clamp(1.5rem, 1vw, 1.5rem);line-height: 1.5em;color: var(--bodyTextColor);letter-spacing: 1px;text-transform: uppercase;}#cs-navigation .cs-li-link:hover:before {width: 100%;}#cs-navigation .cs-li-link .cs-li-link:hover {color: #99b1ff;}#cs-navigation .cs-li-link.cs-active:before {width: 100%;}}@media only screen and (min-width: 64rem) {body.dark-mode #cs-navigation .cs-logo {filter: grayscale(1) brightness(1000%);}body.dark-mode #cs-navigation .cs-li-link {color: var(--bodyTextColorWhite);}body.dark-mode #cs-navigation .cs-li-link:before {background-color: var(--primaryLight);}}@media only screen and (min-width: 0rem) {#int-hero picture {z-index: -2;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}#int-hero picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#int-hero h1 {font-size: 24vw;font-weight: 400;color: #ffffff12;position: absolute;margin-top: -5rem;z-index: -1;width: 100%;}#int-hero p {display: block;margin: auto;margin-bottom: 1.875rem;max-width: 25rem;width: 96%;color: #fff;text-align: center;}#int-hero:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0.7;display: block;height: 100%;width: 100%;}}@media only screen and (min-width: 48rem) {#int-hero {font-size: 100%;}}@media only screen and (min-width: 0rem) {#cta {position: relative;padding: 3.125rem 0;}#cta .container {text-align: center;}#cta picture {z-index: -2;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}#cta picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#cta .title {position: relative;margin-bottom: 2.25rem;font-size: min(9vw, 3rem);line-height: 1.20833333em;font-weight: 400;color: #fff;text-align: center;}#cta p {opacity: 1;margin: auto;margin-bottom: 2.25rem;max-width: 37.375rem;width: 96%;color: #fff;text-align: center;}#cta:before {z-index: -1;position: absolute;top: 0;left: 0;content: "";opacity: 0.7;display: block;background: #000;height: 100%;width: 100%;}}@media only screen and (min-width: 64rem) {#cta {padding: 10.5rem 0;}}@media only screen and (min-width: 1300px) {#cta {position: relative;margin-top: 6.25rem;}#cta .container {margin: auto;width: 90.0625%;}#cta picture {left: 50%;transform: translateX(-50%);width: 90.0625%;}#cta picture:before {z-index: 1;position: absolute;top: 0;left: 0;content: "";opacity: 0.7;display: block;background: #000;height: 100%;width: 100%;}#cta:before {display: none;}#cta:after {z-index: -3;position: absolute;bottom: 0;left: 50%;content: "";opacity: 1;transform: translateX(-50%);display: block;background: url("/assets/svgs/cta-squares.svg");background-position: center;background-size: contain;background-repeat: no-repeat;height: 69.25rem;width: 125rem;}}@media only screen and (min-width: 0rem) {body.dark-mode #cta:after {display: none;}}@media only screen and (min-width: 0rem) {#footer {background: #221d25;padding: 1rem;font-size: min(4vw, 1.2em);margin-top: 5rem;}#footer .left-section {margin: auto;margin-bottom: 3.125rem;text-align: center;}#footer .left-section .logo {display: inline-block;margin: auto;margin-bottom: 1.875em;height: 2em;width: auto;text-align: center;}#footer .left-section .logo img {display: block;height: 100%;width: auto;}#footer .left-section p {opacity: 0.9;margin: auto;width: 100%;font-size: 0.875rem;line-height: 1.92857143rem;color: #fff;text-align: center;}#footer .right-section {margin: auto;max-width: 25.4375rem;width: 96%;}#footer .right-section .lists {display: flex;flex-wrap: wrap;justify-content: space-between;margin: auto;max-width: 19.1875rem;width: 96%;}#footer .right-section .lists ul {margin-top: 0;margin-bottom: 0;padding: 0;}#footer .right-section .lists ul li {opacity: 0.9;margin-bottom: 0.75rem;list-style: none;font-size: 1.125rem;color: #fff;}#footer .right-section .lists ul li a {text-decoration: none;line-height: 1.16666667em;color: #fff;transition: color 0.3s;}#footer .right-section .lists ul li a:hover {color: var(--primary);}#footer .right-section .lists ul h2 {position: relative;margin-bottom: 2.3125rem;text-transform: uppercase;font-size: 1.125rem;line-height: 1.16666667em;font-weight: normal;color: #fff;}#footer .right-section .lists ul h2:before {position: absolute;bottom: calc(-16 / 16 * 1rem);left: 0;content: "";opacity: 1;display: block;background: var(--primary);height: 0.125rem;width: 6.0625rem;}#footer .right-section .lists ul:nth-of-type(3) {margin-top: 3.125rem;}#footer .right-section .lists ul:nth-of-type(3) li {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 1rem;}#footer .right-section .lists ul:nth-of-type(3) li:last-of-type {margin-bottom: 0;}#footer .right-section .buttons {display: flex;justify-content: center;}#footer .right-section .cs-button-solid {margin: 0;height: 3.3125rem;width: 15.625rem;padding-top: 0.1875rem;}#footer .credit {margin: auto;margin-top: 0;width: 96%;font-size: 1rem;line-height: 2.25rem;color: #fff;text-align: center;}#footer .credit a {text-decoration: none;font-size: 1rem;color: #c3a4ea;}#footer .credit a:hover {text-decoration: underline;}#footer .credit .copyright {display: block;font-size: 1rem;}}@media only screen and (min-width: 64rem) {#footer {font-size: min(1.2vw, 1em);}#footer .container {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;margin: auto;max-width: 82.5rem;width: 96%;padding: 0;}#footer .left-section {margin: 0;width: 25.5625rem;text-align: left;}#footer .left-section .logo {margin-left: 0;height: 2.5rem;text-align: left;}#footer .left-section p {margin-left: 0;text-align: left;}#footer .right-section {margin: 0;max-width: none;width: 38.0625rem;}#footer .right-section .lists {margin: 0;max-width: 48.0625rem;width: 96%;}#footer .right-section .lists ul li a {position: relative;}#footer .right-section .lists ul li a:before {position: absolute;bottom: calc(-3 / 16 * 1rem);left: 0;content: "";opacity: 1;display: block;background: var(--primary);height: 0.125rem;width: 0%;transition: width 0.3s;}#footer .right-section .lists ul li a:hover:before {width: 100%;}#footer .right-section .lists ul:nth-of-type(3) {margin-top: 0;}#footer .right-section .lists ul:nth-of-type(3) li:first-of-type {margin-bottom: 0;}#footer .right-section .buttons {justify-content: flex-start;}#footer .credit .copyright {display: inline-block;}}@media only screen and (min-width: 0rem) {body.dark-mode #footer {background: #151118;}}@media only screen and (min-width: 0rem) {.recent-articles {display: flex;flex-wrap: wrap;justify-content: space-between;}.recent-articles .project-container {width: 100%;margin-bottom: 3rem;text-decoration: none;display: flex;flex-wrap: wrap;}.recent-articles .project-container a {text-decoration: none;}.recent-articles .project-container .title-container {display: flex;flex-wrap: wrap;align-items: center;justify-content: left;width: 100%;padding: 5%;}.recent-articles .portfolio-clc-pallets .intro-image, .recent-articles .portfolio-cid-analytics .intro-image {background-position: left;}.recent-articles .intro-image {position: relative;display: block;border-radius: 0.5em;height: auto;width: 100%;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0;aspect-ratio: 7 / 5;margin-bottom: 10px;transition: 0.25s ease-in-out;}.recent-articles .project-container:hover .intro-image {transform: scale(1.025);}.recent-articles img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 400px;}.recent-articles .portfolio-cid-analytics .project-logo {max-width: 300px;}.recent-articles .readmore {font-family: 'Clash Display';letter-spacing: 1px;transition: 0.25s ease;color: #FFF;display: inline-flex;align-items: center;}.recent-articles .readmore:after {content: '\203A';color: #FFF;font-size: 28px;margin-left: 5px;opacity: 0;transition: 0.3s ease-out;}.recent-articles .project-container .readmore:hover {position: relative;color: #B06AB3;}.recent-articles .readmore:hover:after {margin-left: 10px;color: #B06AB3;opacity: 1;}}.ffw {position: relative;width: 100vw;border-radius: 0;}@media only screen and (min-width: 64rem) {.two-column-container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}.recent-articles .project-container {width: 100%;}.recent-articles .project-container .title-container, .recent-articles .project-container .intro-image {width: 50%;}}