*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0)}a{text-decoration:none;color:inherit}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none}@supports not (min-block-size: 100dvb){:where(html){block-size:100%}}@media(prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:block}:where(button,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}:root{--height-header: 72px;--breakpoint-sm: 480px;--breakpoint-md: 840px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1600px;--breakpoint-xxxl: 1920px;--icon-size-xxs: 12px;--icon-size-xs: 16px;--icon-size-sm: 20px;--icon-size-md: 28px;--icon-size-lg: 36px;--ease-smooth: cubic-bezier(.6, 0, .25, 1);--ease-power2-out: cubic-bezier(.25, .46, .45, .94);--ease-power2-in: cubic-bezier(.165, .84, .44, 1);--transition-route-duration: .5s;--transition-route-ease: cubic-bezier(.6, 0, .25, 1);--z-index-background: 0;--z-index-layout: 10;--z-index-header-home: 20;--z-index-project-background: 50;--z-index-layout-project: 70;--z-index-header: 90;--z-index-preloader: 100;--line-height-copy: 1.3;--line-height-title: 1.1;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-xxl: 24px;--font-size-xxs: 12px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 26px;--font-size-title-xxs: 18px;--font-size-title-xs: 22px;--font-size-title-sm: 28px;--font-size-title-md: 44px;--font-size-title-lg: 56px;--font-size-title-xl: 72px;--font-size-title-xxl: 88px;--font-size-title-xxxl: 112px;--space-outer: 16px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 18px;--space-lg: 28px;--space-xl: 36px;--space-xxl: 48px;--space-xxxl: 64px;--stroke-sm: 1px;--stroke-md: 2px;--stroke-lg: 4px;--stroke-xl: 6px;--stroke-xxl: 8px}@media(min-width:840px){:root{--radius-xxl: 48px;--height-header: 96px}}@media(min-width:1280px){:root{--space-outer: 20px}}@media(min-width:1600px){:root{--space-outer: 32px}}:root{--color-text-400: #2d2a24;--color-text-300: #5f5646;--color-grayscale-500: rgb(223, 210, 191);--color-grayscale-400: rgb(233, 222, 208);--color-beige-700: rgb(223, 209, 188);--color-beige-600: rgb(233, 222, 208);--color-beige-500: rgb(241, 229, 213);--color-beige-400: #f5efe6;--color-background-400: #f5efe6;--color-black-400: #2d2a24;--color-gray-500: #67727c;--color-gray-400: #a9b0b7;--color-orange-400: #ff8400;--color-white-400: #ffffff;--color-cyan-500: #0086bb;--color-cyan-400: rgb(52, 191, 255);--color-text-cyan-400: #e1f5ff;--color-text-cyan-300: #81bdd8;--color-dark-blue-600: #234ba2;--color-dark-blue-500: #052e87;--color-dark-blue-400: #002474;--color-hologram-top: rgb(0, 53, 133);--color-hologram-bottom: rgba(0, 82, 145, .6)}@font-face{font-family:Urbanist;src:url(/fonts/urbanist-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/urbanist-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/urbanist-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:ProFontWindows;src:url(/fonts/pro-font-windows-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ProFontWindows;src:url(/fonts/pro-font-windows-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.grid{display:grid;grid-template-columns:repeat(12,1fr);width:100%;gap:var(--space-md);margin:0 auto;max-width:calc(var(--breakpoint-xxxl))}@media(min-width:840px){.grid{gap:var(--space-xl)}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.project-cubewar{--color-text-400: rgb(255, 255, 255);--color-text-300: rgb(195, 204, 219);--color-accent-400: #008dff;--color-accent-text-400: white;--color-hover: #060f1f;--color-grayscale-500: #2b4169;--color-grayscale-400: #2b4169;--color-background-400: #364e7c;--color-background-300: #1c2f4f}.project-quibbo{--color-text-400: rgb(20, 29, 37);--color-text-300: rgb(72, 85, 97);--color-accent-400: rgb(31, 129, 249);--color-accent-text-400: white;--color-hover: rgb(20, 29, 37);--color-grayscale-500: rgb(226, 233, 238);--color-grayscale-400: rgb(226, 233, 238);--color-background-400: rgb(243, 247, 250);--color-background-300: white}.project-particles{--color-text-400: white;--color-text-300: rgb(149, 155, 150);--color-accent-400: #22904b;--color-accent-text-400: white;--color-hover: #000000;--color-grayscale-500: #2c2f2c;--color-grayscale-400: #2c2f2c;--color-background-400: #191c19;--color-background-300: #141614}.project-pokedex{--color-text-400: #0c1b3a;--color-text-300: rgb(105, 111, 116);--color-hover: #011030;--color-hover-text: #ffffff;--color-accent-400: #ff5350;--color-accent-text-400: white;--color-grayscale-500: #d9dde7;--color-grayscale-400: #d9dde7;--color-background-400: #e9edf6;--color-background-300: #f9fbfe}.project-sharkie{--color-text-400: #ffffff;--color-text-300: #c6d2f2;--color-hover: #00173f;--color-hover-text: #ffffff;--color-accent-400: #176cfe;--color-accent-text-400: white;--color-grayscale-500: #364f94;--color-grayscale-400: #263e82;--color-background-400: #263e82;--color-background-300: rgb(22, 41, 94)}.project-streakon{--color-text-400: #ffffff;--color-text-300: rgb(197, 197, 197);--color-hover: rgb(41, 41, 41);--color-hover-text: #ffffff;--color-accent-400: #fec600;--color-accent-text-400: rgb(44, 44, 44);--color-grayscale-500: rgb(25, 25, 25);--color-grayscale-400: rgb(33, 33, 33);--color-background-400: #141414;--color-background-300: #090909}.preloader{position:fixed;z-index:var(--z-index-preloader);top:0;left:0;width:100%;height:100%;background-color:var(--color-beige-400);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;opacity:1}.preloader-text{font-size:48px;font-weight:900;color:var(--color-text-400);letter-spacing:.1em;transition:transform .2s var(--ease-power2-in),opacity .2s var(--ease-power2-in)}.preloader-hidden{opacity:0;pointer-events:none!important}.preloader-hidden *{pointer-events:none!important}.preloader-hidden .preloader-text{transform:scale(.4);opacity:0}html{background:var(--color-background-400);color:var(--color-text-400);--icon-color: var(--color-text-400);font-family:Urbanist;letter-spacing:.02em;overflow-y:scroll!important;--vh: 1vh;--dvh: 1vh;--svh: 1vh;--lvh: 1vh;--dvh: 1dvh;--svh: 1svh;--lvh: 1lvh;--vw: 1vw;--dvw: 1vw;--svw: 1vw;--lvw: 1vw;--dvw: 1dvw;--svw: 1svw;--lvw: 1lvw}.is-loading{overscroll-behavior:none;position:fixed;width:calc(var(--svw) * 100);height:calc(var(--svh) * 100)}::selection{background:#2d2a24;color:#fff;text-shadow:none}::-moz-selection{background:#2d2a24;color:#fff;text-shadow:none}.children-unclickable{pointer-events:all}.children-unclickable *{pointer-events:none}.button-wrapper{border:none;border-radius:100px;letter-spacing:.02em;font-size:var(--font-size-md);font-weight:800;text-align:center;white-space:nowrap;text-transform:uppercase;background-color:transparent;transition:background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out}.button-wrapper-rounded{border-radius:50%;aspect-ratio:1}.button-wrapper-accent{background-color:var(--color-accent-400, var(--color-orange-400));color:var(--color-accent-text-400, var(--color-white-400));--icon-color: var(--color-accent-text-400, var(--color-white-400))}@media(hover:hover)and (pointer:fine){.button-wrapper-accent:hover{background-color:var(--color-hover, var(--color-black-400));color:var(--color-hover-text, var(--color-white-400));--icon-color: var(--color-hover-text, var(--color-white-400))}}.button-wrapper-theme{background-color:var(--color-grayscale-500);color:var(--color-text-400);--icon-color: var(--color-text-400)}@media(hover:hover)and (pointer:fine){.button-wrapper-theme:hover{background-color:var(--color-hover, var(--color-black-400));color:var(--color-white-400);--icon-color: var(--color-white-400)}}.button-wrapper-background{background-color:var(--color-background-400);color:var(--color-text-400);--icon-color: var(--color-text-400)}@media(hover:hover)and (pointer:fine){.button-wrapper-background:hover{background-color:var(--color-text-400);color:var(--color-background-400);--icon-color: var(--color-background-400)}}.button-wrapper-gray{background-color:var(--color-gray-400);color:var(--color-white-400);--icon-color: var(--color-white-400)}@media(hover:hover)and (pointer:fine){.button-wrapper-gray:hover{background-color:var(--color-gray-500)}}.button-wrapper-border{border:2px solid var(--color-grayscale-400);color:var(--color-text-400);--icon-color: var(--color-text-400)}@media(hover:hover)and (pointer:fine){.button-wrapper-border:hover{background-color:var(--color-hover, var(--color-black-400));color:var(--color-white-400);--icon-color: var(--color-white-400);border-color:var(--color-hover, var(--color-black-400))}}.button{display:flex;align-items:center;justify-content:center}.button-size-sm{height:38px;padding:0 16px}.button-size-md{height:44px;padding:0 26px}.button-size-lg{height:50px;padding:0 34px}.button-round{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%}.button-round-size-sm{width:32px;padding:6px}.button-round-size-md{width:44px;padding:10px}.button-round-size-lg{width:52px;padding:14px}.logo-text{font-weight:900;font-size:20px;letter-spacing:.05em;color:var(--icon-color)}.volume-body{transition:transform .2s ease-in-out,fill .2s ease-in-out;transform:translate(30px)}.volume-body-active{transform:translate(0)}.volume-wave-1,.volume-wave-2{transition:transform .2s ease-in-out,opacity .2s ease-in-out,fill .2s ease-in-out;transform:translate(-20px);opacity:0}.volume-wave-1 *,.volume-wave-2 *{transition:fill .2s ease-in-out}.volume-wave-1-active,.volume-wave-2-active{transform:translate(0);opacity:1}.music-toggle-dark{background-color:var(--color-dark-blue-500);color:var(--color-white-400);--icon-color: var(--color-white-400)}.header{position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;left:50%;transform:translate(-50%);width:var(--breakpoint-xxxl);padding:0 var(--space-outer);max-width:100%;z-index:var(--z-index-header);height:var(--height-header);pointer-events:none;--scrolled: 0}.header-scrolled{--scrolled: 1}.header-back{pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;transition-delay:.1s;pointer-events:auto}.header-back-icon{width:100%;transform:rotate(180deg)}.header-back-isProjectPage{pointer-events:auto;opacity:1}.header-left{position:absolute;left:var(--space-outer);top:50%;transform:translateY(-50%)}.header-get-in-touch{width:fit-content}.header-get-in-touch-isProjectPage{opacity:1!important}.header-right{position:absolute;right:var(--space-outer);top:50%;transform:translateY(-50%);pointer-events:auto;display:flex;align-items:center;gap:var(--space-sm)}.header-music-toggle{display:flex}.header-dark{color:var(--color-white-400);--icon-color: var(--color-white-400)}.header-get-in-touch{display:none}@media(min-width:840px){.header-get-in-touch{display:flex}}.header-logo{cursor:pointer;display:flex;gap:var(--space-xs);transition:color .2s ease-in-out;opacity:var(--scrolled);pointer-events:none}.header-logo-clickable{pointer-events:all}@media(min-width:840px){.header-logo{gap:var(--space-sm)}}.header-logo-isProjectPage{transition:opacity .2s ease-in-out;pointer-events:none;opacity:0}.header-logo-image{width:36px}@media(min-width:840px){.header-logo-image{width:40px}}.header-logo-text{font-weight:900;font-size:18px}@media(min-width:840px){.header-logo-text{font-size:20px}}.cursor-wrapper{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;will-change:transform;display:none}@media(hover:hover)and (pointer:fine){.cursor-wrapper{display:block}}.cursor-scale{position:relative;transform-origin:center;will-change:transform;transition:transform .1s ease-in-out}.cursor{position:absolute;top:0;left:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .1s ease-in-out}.cursor-active{opacity:1}.cursor-circle-black{width:26px;height:26px;border-radius:50%;border:4px solid var(--color-text-400)}.cursor-circle-white{width:26px;height:26px;border-radius:50%;border:4px solid var(--color-white-400)}.cursor-arrow{width:54px;height:54px;transition:background-color .1s ease-in-out,opacity .1s ease-in-out;background-color:var(--color-accent-400, var(--color-orange-400));border-radius:50%;display:flex;align-items:center;justify-content:center}.cursor-arrow-icon{color:var(--color-accent-text-400, var(--color-white-400));--icon-color: var(--color-accent-text-400, var(--color-white-400));width:24px}.cursor-arrow-external{width:54px;height:54px;transition:background-color .1s ease-in-out,opacity .1s ease-in-out;background-color:var(--color-accent-400, var(--color-orange-400));border-radius:50%;display:flex;align-items:center;justify-content:center}.cursor-arrow-external-icon{color:var(--color-accent-text-400, var(--color-white-400));--icon-color: var(--color-accent-text-400, var(--color-white-400));width:24px;transform:rotate(-45deg)}.layout{width:100%;display:flex;flex-direction:column;align-items:center;z-index:var(--z-index-layout);position:relative}.appearing-text{position:relative}.appearing-text-value{position:absolute}.appearing-text-clone{visibility:hidden}.banner{width:fit-content;transform-origin:center center;position:relative}.banner-background{position:absolute;outline:var(--stroke-lg) solid var(--color-beige-400);background-color:#263c70;top:0;left:0;width:100%;height:100%;transform-origin:left center}.banner-size-sm{padding:2px var(--space-xxs)}@media(min-width:1024px){.banner-size-sm{padding:var(--space-xxs) var(--space-xs)}}.banner-size-md{padding:var(--space-xxs) var(--space-xs)}@media(min-width:1024px){.banner-size-md{padding:var(--space-xs) var(--space-sm)}}.banner-copy{font-weight:700;color:var(--color-white-400);font-family:ProFontWindows;text-transform:uppercase}.banner-copy-size-sm{font-size:var(--font-size-title-xxs)}@media(min-width:1280px){.banner-copy-size-sm{font-size:var(--font-size-title-xs)}}.banner-copy-size-md{font-size:var(--font-size-title-xxs)}@media(min-width:1024px){.banner-copy-size-md{font-size:var(--font-size-title-xs)}}@media(min-width:1280px){.banner-copy-size-md{font-size:var(--font-size-title-sm)}}.hero{max-height:calc(var(--lvh) * 100);height:calc(var(--lvh) * 100);width:100%;display:flex;position:relative;overflow:hidden}.hero-content{align-items:center;justify-content:center;height:46%}@media(orientation:landscape){.hero-content{height:100%}}@media(orientation:landscape)and (min-width:840px){.hero-content{padding-bottom:30%}}@media(orientation:landscape)and (min-width:1024px){.hero-content{padding-bottom:5%}}.hero-content-inner{transform-origin:center center;grid-column:1/13;gap:var(--space-xxl);display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;position:relative;left:50%;transform:translate(-50%)}@media(orientation:landscape){.hero-content-inner{left:0;transform:translate(0);grid-column:2/13;width:fit-content}}.hero-content-copys{display:flex;flex-direction:column;gap:var(--space-sm)}@media(min-width:840px){.hero-content-copys{gap:var(--space-md)}}.hero-content-button{width:fit-content}.hero-title{font-weight:900;letter-spacing:.02em;font-size:var(--font-size-title-lg)}@media(orientation:landscape){.hero-title{font-size:var(--font-size-title-lg)}}@media(orientation:landscape)and (min-height:480px)and (min-width:480px){.hero-title{font-size:var(--font-size-title-xl)}}@media(orientation:landscape)and (min-height:480px)and (min-width:1280px){.hero-title{font-size:var(--font-size-title-xxl)}}.hero-banner{position:absolute;bottom:0;right:-16px;z-index:10;transform:rotate(-5deg) translateY(65%)}@media(min-width:480px){.hero-banner{right:-24px;transform:rotate(-5deg) translateY(70%)}}@media(min-width:1024px){.hero-banner{right:-32px;transform:rotate(-5deg) translateY(80%)}}.projected-element{width:100%;height:100%}@media(orientation:landscape){.projected-element{width:0;height:0;position:relative}}.box-description{--line-length: min(48px, calc(var(--svw) * 5));gap:var(--space-xxs);position:absolute;bottom:var(--count-height);width:calc(100% - var(--space-outer) * 2);left:var(--space-outer)}@media(orientation:landscape){.box-description{position:relative;left:0;bottom:0;width:480px;max-width:calc(var(--svw) * 38);transform:translate(-100%,-50%);padding-top:3px;padding-right:var(--line-length)}}@media(orientation:landscape)and (min-height:480px){.box-description{width:410px;max-width:calc(var(--svw) * 32)}}.box-description-line{width:100%;height:1px;background-color:var(--color-cyan-400)}@media(orientation:landscape){.box-description-line{display:none}}.box-description-details{padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between}@media(orientation:landscape){.box-description-details{display:none}}.box-description-details-name{font-size:var(--font-size-title-xs);font-weight:700;line-height:var(--line-height-title);white-space:nowrap}.box-description:after,.box-description:before{display:none}@media(orientation:landscape){.box-description:after,.box-description:before{display:block}}.box-description:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:11px;height:11px;background-color:var(--color-cyan-400);border-radius:50%}.box-description:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:var(--line-length);height:0;border-top:var(--stroke-sm) solid var(--color-cyan-400)}.box-description-content{border:var(--stroke-sm) solid var(--color-cyan-400);border-radius:var(--radius-md);background:linear-gradient(to bottom,var(--color-hologram-top) 0%,var(--color-hologram-bottom) 100%)}@media(orientation:landscape){.box-description-content{padding:var(--space-xs) var(--space-sm)}}@media(orientation:landscape)and (min-width:840px){.box-description-content{padding:var(--space-sm) var(--space-md)}}.box-description-copy{will-change:opacity;font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md)}@media(orientation:landscape){.box-description-copy{padding:0;font-size:var(--font-size-sm)}}@media(orientation:landscape)and (min-height:480px){.box-description-copy{font-size:var(--font-size-lg)}}.box-services{--line-length: min(48px, calc(var(--svw) * 5));position:absolute;bottom:var(--count-height);width:calc(100% - var(--space-outer) * 2);left:var(--space-outer)}@media(orientation:landscape){.box-services{width:480px;max-width:calc(var(--svw) * 37);padding-left:var(--line-length);position:relative;left:0;bottom:0;padding-top:3px;transform:translateY(-50%)}}@media(orientation:landscape)and (min-height:480px){.box-services{width:380px;max-width:calc(var(--svw) * 36)}}.box-services:after,.box-services:before{display:none}@media(orientation:landscape){.box-services:after,.box-services:before{display:block}}.box-services:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:11px;height:11px;background-color:var(--color-cyan-400);border-radius:50%}.box-services:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;height:0;border-top:var(--stroke-sm) solid var(--color-cyan-400)}@media(orientation:landscape){.box-services:before{width:var(--line-length)}}.box-services-content{border:var(--stroke-sm) solid var(--color-cyan-400);border-radius:var(--radius-md);background:linear-gradient(to bottom,var(--color-hologram-top) 0%,var(--color-hologram-bottom) 100%);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}@media(orientation:landscape){.box-services-content{padding:var(--space-xs) var(--space-sm)}}@media(min-width:840px){.box-services-content{padding:var(--space-sm) var(--space-md)}}.box-services-list{display:flex;flex-direction:column;gap:var(--space-xs)}.box-services-list-item{display:flex;flex-direction:column;padding-left:18px;position:relative}.box-services-list-item:before{content:"";position:absolute;left:2px;top:6px;width:4px;height:4px;background-color:var(--color-text-cyan-400);border-radius:50%}.box-services-list-item-name{font-size:var(--font-size-md)}@media(orientation:landscape){.box-services-list-item-name{font-size:var(--font-size-sm)}}@media(orientation:landscape)and (min-height:480px){.box-services-list-item-name{font-size:var(--font-size-lg)}}.box-services-list-item-item-level{font-size:var(--font-size-sm);color:var(--color-text-cyan-400);opacity:.7;padding-left:18px}@media(orientation:landscape){.box-services-list-item-item-level{font-size:var(--font-size-xs)}}.box-services-title{font-size:var(--font-size-title-xs);font-weight:700}@media(orientation:landscape){.box-services-title{font-size:var(--font-size-title-xxs)}}@media(orientation:landscape)and (min-height:480px){.box-services-title{font-size:var(--font-size-title-xs)}}.box-details{--line-length: min(48px, calc(var(--svw) * 5));display:none}@media(orientation:landscape){.box-details{display:block;position:absolute;padding-bottom:3px;padding-right:var(--line-length);width:360px;max-width:calc(var(--svw) * 40);transform:translate(-100%,-50%)}}@media(orientation:landscape)and (min-height:480px){.box-details{width:360px}}.box-details:after,.box-details:before{display:none}@media(orientation:landscape){.box-details:after,.box-details:before{display:block}}.box-details:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:11px;height:11px;background-color:var(--color-cyan-400);border-radius:50%}.box-details:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:var(--line-length);height:0;border-bottom:var(--stroke-sm) solid var(--color-cyan-400)}.box-details-content{border:var(--stroke-sm) solid var(--color-cyan-400);border-radius:var(--radius-md);background:linear-gradient(to bottom,var(--color-hologram-top) 0%,var(--color-hologram-bottom) 100%);gap:var(--space-xxs);display:flex;flex-direction:row;justify-content:space-between;padding:var(--space-sm) var(--space-md)}@media(orientation:landscape){.box-details-content{flex-direction:column;justify-content:flex-start;padding:var(--space-xs) var(--space-sm)}}@media(min-width:840px){.box-details-content{padding:var(--space-sm) var(--space-md)}}.box-details-item{display:flex;align-items:center;gap:var(--space-xs);flex-direction:row;white-space:nowrap;height:var(--icon-size-sm)}.box-details-icon{width:var(--icon-size-xxs);transform:translateY(-1px);--icon-color: var(--color-white-400)}@media(min-width:840px){.box-details-icon{width:var(--icon-size-xs)}}.box-details-title{font-size:var(--font-size-title-xxs);font-weight:700;display:flex;flex-direction:column;line-height:var(--line-height-title)}@media(min-width:840px){.box-details-title{font-size:var(--font-size-title-sm)}}.box-details-items{display:flex;font-size:var(--font-size-sm);flex-direction:column}@media(min-width:840px){.box-details-items{font-size:var(--font-size-md)}}.box-details-items-copy{flex:.5}.progress-count{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-cyan-400);font-family:ProFontWindows;text-align:center;align-items:center;height:var(--count-height);will-change:transform,opacity;padding:0 var(--space-lg)}@media(orientation:landscape){.progress-count{display:none}}.progress-count-bar{width:100%;height:1px;border-radius:var(--radius-md);grid-column:2/10;background-color:var(--color-hologram-bottom)}.progress-count-bar-fill{background-color:var(--color-cyan-400);height:100%;border-radius:var(--radius-md)}.progress-count-percentage{grid-column:10/12;white-space:nowrap}.about-content{position:absolute;color:var(--color-text-cyan-400);font-family:ProFontWindows;top:0;width:100%;padding:var(--space-outer);left:50%;transform:translate(-50%);height:calc(var(--lvh) * 100);--count-height: calc(max(calc((var(--lvh) - var(--svh)) * 100), 36px) + var(--space-outer))}.about-details,.about-description,.about-services{display:flex;justify-content:center;align-items:center;will-change:transform,opacity;height:100%;width:100%;position:absolute;top:0;left:0}@media(orientation:landscape){.about-details,.about-description,.about-services{width:100%;height:0;top:50%}}.about-progress-count{will-change:transform,opacity;position:absolute;bottom:0;left:var(--space-outer);width:calc(100% - var(--space-outer) * 2)}.notch{aspect-ratio:1;overflow:hidden}.preview-card{--hover: 0;position:relative;border-radius:var(--radius-xl);z-index:var(--z-index-layout)}.preview-card:after{content:"";position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);background-color:var(--color-grayscale-400);border-radius:var(--radius-xl);z-index:-1;opacity:0;pointer-events:none;transition:opacity .1s ease-in-out}@media(hover:hover)and (pointer:fine){.preview-card:hover{--hover: 1}.preview-card:hover:after{opacity:1}}.preview-card-content{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-xs)}@media(hover:hover)and (pointer:fine){.preview-card-overlay{display:none}}.preview-card-notch{position:absolute;color:var(--color-beige-400);--icon-color: var(--color-beige-400);transform:scale(-1) rotate(90deg);height:var(--radius-lg)}.preview-card-notch-left{bottom:0;right:50px}.preview-card-notch-right{bottom:50px;right:0}.preview-card-edge{position:absolute;bottom:-1px;right:-1px;background-color:var(--color-beige-400);padding:6px 1px 1px 6px;border-radius:32px 0 0}.preview-card-button-arrow{transition:transform .1s ease-in-out;width:100%;transform:rotate(calc(var(--hover) * -45deg))}.preview-card-image{width:100%;height:100%;object-fit:cover}.preview-card-image-container{transition:transform .1s ease-in-out;transform:scale(calc(1 + var(--hover) * .02));aspect-ratio:16/9}.preview-card-image-wrapper{border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-beige-500)}.preview-card-top{position:relative;width:100%;aspect-ratio:16/9}.preview-card-top-empty{border:4px dashed var(--color-grayscale-500);border-radius:var(--radius-lg);background-color:var(--color-grayscale-400);display:flex;align-items:center;justify-content:center}.preview-card-top-empty-icon{width:var(--icon-size-lg);color:var(--color-text-300);--icon-color: var(--color-text-300);--stroke-width: 4px}.preview-card-copys{display:flex;flex-direction:column}.preview-card-title{font-size:var(--font-size-title-xs);font-weight:700;color:var(--color-text-400)}.preview-card-description{font-size:var(--font-size-md);color:var(--color-text-300);font-weight:500}.notch-section{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between}.notch-element{width:var(--radius-xxl)}.notch-element-right{transform:scaleX(-1)}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;gap:var(--space-xl);padding-left:var(--space-outer);padding-right:var(--space-outer);background-color:var(--color-beige-400);min-height:calc(var(--lvh) * 100 + var(--radius-xxl));padding-top:96px;padding-bottom:96px}@media(min-width:840px){.projects{padding-top:144px;padding-bottom:144px;gap:var(--space-xxl)}}@media(min-width:1024px){.projects{gap:var(--space-xxxl)}}.projects-title{position:relative;padding-top:var(--space-md);grid-column:1/13}@media(min-width:840px){.projects-title{grid-column:1/10}}@media(min-width:1024px){.projects-title{grid-column:3/8}}.projects-title-copy{font-weight:900;letter-spacing:.02em;font-size:var(--font-size-title-md)}@media(min-width:480px){.projects-title-copy{font-size:var(--font-size-title-lg)}}@media(min-width:1280px){.projects-title-copy{font-size:var(--font-size-title-xl)}}.projects-title-banner{position:absolute;top:0;left:-8px;transform:translateY(-20%) rotate(-4deg)}@media(min-width:1024px){.projects-title-banner{left:-16px;transform:translateY(-20%) rotate(-6deg)}}.projects-notch-start{position:absolute;top:0;left:0;transform:translateY(-100%);color:var(--color-beige-400);--icon-color: var(--color-beige-400)}.projects-notch-end{position:absolute;bottom:0;left:0;color:var(--color-beige-600);--icon-color: var(--color-beige-600)}.projects-cards{max-width:100%;flex:1;grid-column:1/span 12;display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(min-width:840px){.projects-cards{grid-column:1/span 12}}@media(min-width:1024px){.projects-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-column:3/span 8}}@media(min-width:1280px){.projects-cards{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.social{display:flex;gap:var(--space-md)}.contact{width:100%;max-width:calc(var(--svw) * 100);overflow:hidden;min-height:calc(var(--lvh) * 100);padding:var(--space-outer);padding-top:var(--space-lg)}@media(min-width:840px){.contact{padding-top:var(--space-xxl)}}.contact-content{position:relative;padding-top:var(--space-md);grid-column:1/13;display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:480px){.contact-content{grid-column:1/8}}@media(min-width:840px){.contact-content{gap:var(--space-xl);grid-column:1/6;padding-top:var(--space-lg)}}@media(min-width:1024px){.contact-content{grid-column:2/6}}.contact-title{font-weight:900;letter-spacing:.02em;font-size:var(--font-size-title-md)}@media(min-width:480px){.contact-title{font-size:var(--font-size-title-lg)}}@media(min-width:1280px){.contact-title{font-size:var(--font-size-title-xl)}}.contact-resume{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--stroke-sm) solid var(--color-dark-blue-400);border-radius:var(--radius-md);background:var(--color-dark-blue-400);color:var(--color-white-400);font-weight:600;font-size:var(--font-size-md);text-decoration:none;transition:all .3s ease;width:fit-content}.contact-resume:hover{background:var(--color-cyan-400);color:var(--color-dark-blue-400);border-color:var(--color-cyan-400)}.footer{background:var(--color-background-300, var(--color-beige-400));width:100%;display:flex;justify-content:center;position:relative}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);width:100%;max-width:calc(var(--breakpoint-xxxl));padding:calc(var(--space-outer) + var(--space-sm)) var(--space-outer);position:relative}.footer-back-to-top{cursor:pointer}@media(min-width:840px){.footer-back-to-top{position:absolute;top:calc(var(--space-outer) + var(--space-sm));left:50%;transform:translate(-50%)}}.footer-back-to-top-icon{transform:rotate(-90deg)}.footer-top{display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center;gap:var(--space-xl)}@media(min-width:840px){.footer-top{gap:var(--space-md);flex-direction:row}}.footer-credits{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;font-size:var(--font-size-sm);text-align:center}@media(min-width:840px){.footer-credits{margin-top:28px}}.footer-phone{font-size:var(--font-size-sm);opacity:.7}.footer-notch{position:absolute;top:0;left:0;transform:translateY(-100%);color:var(--color-background-300, var(--color-beige-400));--icon-color: var(--color-background-300, var(--color-beige-400))}.header-link{letter-spacing:.02em;font-weight:700;border:none;background:none;transition:color .1s ease-in-out;font-size:var(--font-size-md);width:128px;white-space:nowrap;text-transform:uppercase;z-index:2;border-radius:100px;padding:var(--space-xxs) 0}.header-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .1s ease-in-out,opacity .1s ease-in-out;background-color:var(--color-text-400);border-radius:100px;z-index:-1;opacity:0}.header-link-dark:after{background-color:var(--color-dark-blue-600)}.header-link-active:after{opacity:0!important}@media(hover:hover)and (pointer:fine){.header-link:hover{color:var(--color-white-400)}.header-link:hover:after{opacity:1}}.header-home{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:var(--z-index-header-home);height:var(--height-header);align-items:center;justify-content:center;display:none;opacity:0;transition:opacity .3s ease-in-out,transform var(--transition-route-duration) var(--transition-route-ease)}.header-home-isProjectPage{transform:translate(-50%) translateY(-100%)}.header-home-mounted{opacity:1}@media(min-width:1024px){.header-home{display:flex}}.header-home-links{position:relative;display:flex;padding:3px;background-color:var(--color-beige-500);border-radius:100px;color:var(--color-text-400);transition:color .1s ease-in-out,background-color .1s ease-in-out}.header-home-links-dark{background-color:var(--color-dark-blue-500);color:var(--color-white-400)}.header-home-bar{position:absolute;top:3px;left:3px;height:calc(100% - 6px);width:128px;background:var(--color-orange-400);border-radius:100px;transition:transform .3s var(--ease-smooth),opacity .1s ease-in-out,background-color .1s ease-in-out;z-index:1;opacity:0}.header-home-bar-dark{background-color:var(--color-cyan-500)}.header-home-bar-active{opacity:1}.header-home-link{position:relative;z-index:2;letter-spacing:.02em;font-weight:700;border:none;background:none;transition:color .1s ease-in-out;font-size:var(--font-size-md);width:128px;white-space:nowrap;text-transform:uppercase}.header-home-link-active{color:var(--color-white-400)}.scroll-icon-enter-active,.scroll-icon-leave-active{transition:opacity .3s ease-in-out}.scroll-icon-enter-from,.scroll-icon-leave-to{opacity:0}.scroll-icon{position:absolute;top:0;left:0;height:calc(var(--svh) * 100);width:100%;display:flex;align-items:flex-end;padding-bottom:var(--space-outer);justify-content:center;z-index:var(--z-index-header);pointer-events:none}.scroll-icon *{pointer-events:none}.scroll-icon-swipe-up{width:calc(var(--icon-size-md) + 4px);--stroke-width: var(--stroke-md);fill:var(--color-beige-400);animation:swipeUp 1s infinite;animation-direction:alternate;animation-timing-function:var(--ease-power2-out)}@keyframes swipeUp{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.scroll-icon-pointer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xxs);transform:translateY(4px)}.scroll-icon-arrow{transform:rotate(90deg);width:var(--icon-size-sm);--stroke-width: 3px}.scroll-icon-mouse{border:3px solid var(--color-text-400);height:34px;border-radius:100px;width:22px;display:flex;padding-top:3px;justify-content:center}.scroll-icon-mouse-dot{width:4px;height:12px;background-color:var(--color-text-400);border-radius:100px;animation:scrollIconDot 1s infinite;animation-direction:alternate;animation-timing-function:var(--ease-power2-out)}@keyframes scrollIconDot{0%{transform:translateY(0)}to{transform:translateY(3px)}}.three-canvas{width:calc(var(--svw) * 100);height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100);position:relative;overflow:hidden}.three-canvas-contact{position:absolute;bottom:var(--contact-bottom);left:0;width:100%;height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100)}.home-wrapper{transform-origin:center center}.home-wrapper-out{animation:home-wrapper-out var(--transition-route-duration) var(--transition-route-ease)}.home-wrapper-in{animation:home-wrapper-in var(--transition-route-duration) var(--transition-route-ease)}@keyframes home-wrapper-out{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes home-wrapper-in{0%{transform:scale(.95)}to{transform:scale(1)}}.home-contact{width:100%;min-height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100)}.about-spacer{max-height:calc(var(--lvh) * 500);min-height:calc(var(--lvh) * 500)}.intro-wrapper{width:100%;display:flex;flex-direction:column}.intro-wrapper-spacer{display:none}@media(min-width:840px){.intro-wrapper-spacer{display:block;height:200px}}.intro-hero{position:absolute;top:0;left:0;width:100%;max-height:calc(var(--lvh) * 100);min-height:calc(var(--lvh) * 100);overflow:hidden}.intro-about-hidden{visibility:hidden}.intro-sticky{top:0;left:0;width:100%;max-height:calc(var(--lvh) * 100);min-height:calc(var(--lvh) * 100);overflow:hidden;z-index:-1;display:flex;align-items:flex-end}.intro-sticky-visible{position:sticky}.intro-sticky-content{width:calc(var(--svw) * 100);height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100);position:relative;overflow:hidden}.intro-sticky-content-contact{position:absolute;bottom:var(--contact-bottom);left:0;width:100%;height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100)}.tag{border-radius:var(--radius-md);padding:calc(var(--space-xxs) - var(--stroke-md)) calc(var(--space-sm) - var(--stroke-md));border:var(--stroke-md) solid transparent}.tag-copy{font-size:var(--font-size-xs);font-weight:700}.tag-variant-three{background-color:#ed9c55;color:#492708}.tag-variant-react{background-color:#61dafb;color:#0f2e36}.tag-variant-websockets{background-color:#2674a4;color:#fff}.tag-variant-redis{background-color:#ce4036;color:#fff}.tag-variant-html,.tag-variant-css{color:var(--color-text-400);border-color:var(--color-grayscale-400)}.tag-variant-javascript{background-color:#ffdf4f;color:#362d03}.tag-variant-node{background-color:#237d23;color:#fff}.tag-variant-next{background-color:#fff;color:#000}.tag-variant-kubernetes{background-color:#326ce5;color:#fff}.tag-variant-postgresql{background-color:#2f6c92;color:#fff}.tag-variant-ogl{background-color:#0e5495;color:#fff}.tag-variant-glsl{background-color:#95630e;color:#fff}.project-hero{padding:0 var(--space-outer);padding-bottom:48px;padding-top:calc(var(--height-header) + 24px)}@media(min-width:840px){.project-hero{padding-bottom:64px}}.project-hero-button{flex:.5}@media(min-width:840px){.project-hero-button{width:fit-content}}.project-hero-buttons{grid-row:3;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);width:100%;grid-column:1/13}@media(min-width:840px){.project-hero-buttons{gap:var(--space-md);width:fit-content;grid-column:1/6;grid-row:2;margin-top:0}}@media(min-width:1024px){.project-hero-buttons{grid-column:2/6}}.project-hero-video{grid-column:1/span 12;align-self:center}@media(min-width:840px){.project-hero-video{grid-column:1/8}}@media(min-width:1024px){.project-hero-video{grid-column:2/8}}.project-hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-hero-title{font-size:var(--font-size-title-lg);color:var(--color-text-400);line-height:var(--line-height-title);transform:translateY(0);animation:project-hero-title-visible .5s var(--ease-smooth)}@media(min-width:840px){.project-hero-title{font-size:var(--font-size-title-xl)}}@keyframes project-hero-title-visible{0%{transform:translateY(100%)}to{transform:translateY(0)}}.project-hero-title-wrapper{overflow:hidden}.project-hero-description{color:var(--color-text-400);line-height:var(--line-height-copy);grid-column:1/13;align-self:center}@media(min-width:840px){.project-hero-description{grid-row:1;grid-column:6/12}}@media(min-width:1024px){.project-hero-description{grid-row:1;grid-column:7/12}}@media(min-width:1280px){.project-hero-description{grid-row:1;grid-column:7/11}}.project-hero-top{display:flex;flex-direction:column;gap:var(--space-sm);grid-row:1;align-self:top;grid-column:1/13}@media(min-width:840px){.project-hero-top{grid-column:1/6}}@media(min-width:1024px){.project-hero-top{grid-column:2/6}}.text{line-height:var(--line-height-copy);grid-column:1/13}@media(min-width:840px){.text{grid-column:3/11}}@media(min-width:1024px){.text{grid-column:4/10}}.text-with-title{display:flex;flex-direction:column;gap:var(--space-md)}.text-title{font-size:var(--font-size-title-sm);line-height:var(--line-height-title)}.imageText-image{position:relative;display:flex;align-items:center;justify-content:center;grid-row:1;grid-column:1/13}.imageText-image-content{overflow:hidden;border-radius:var(--radius-lg)}.imageText-image-content-border{border:var(--stroke-md) solid var(--color-grayscale-400)}@media(min-width:840px){.imageText-image-left{grid-column:1/7}}@media(min-width:1024px){.imageText-image-left{grid-column:2/7}}@media(min-width:840px){.imageText-image-right{grid-column:7/13}}@media(min-width:1024px){.imageText-image-right{grid-column:7/12}}.imageText-content{width:100%;min-height:100%;display:flex;align-items:center;grid-row:2;grid-column:1/13}@media(min-width:840px){.imageText-content-left{grid-column:1/7}}@media(min-width:1024px){.imageText-content-left{grid-column:2/7}}@media(min-width:840px){.imageText-content-right{grid-column:7/13}}@media(min-width:1024px){.imageText-content-right{grid-column:7/11}}@media(min-width:840px){.imageText-content{grid-row:1}}.list{display:flex;flex-direction:column;gap:var(--space-md);max-width:100%;grid-column:1/13}@media(min-width:840px){.list-size-sm{grid-column:4/10}}@media(min-width:1024px){.list-size-sm{grid-column:6/8}}@media(min-width:840px){.list-size-md{grid-column:3/11}}@media(min-width:1024px){.list-size-md{grid-column:4/10}}@media(min-width:840px){.list-size-lg{grid-column:3/11}}.list-title{font-size:var(--font-size-title-sm);line-height:var(--line-height-md)}.list-items{list-style-type:disc;padding-left:1.4em}.list-item{padding:6px 0}.project-media{width:100%;height:100%;grid-column:1/13;max-width:900px;justify-self:center;position:relative;aspect-ratio:16/9}@media(min-width:840px){.project-media{grid-column:2/12}}@media(min-width:1024px){.project-media{grid-column:3/11}}.project-media-caption{position:absolute;bottom:-1px;right:-1px;background-color:var(--color-background-400);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-md) 0 0 0}@media(min-width:840px){.project-media-caption{padding:var(--space-xxs) var(--space-sm)}}@media(min-width:1024px){.project-media-caption{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg) 0 0 0}}.project-media-caption-notch{position:absolute;color:var(--color-background-400);--icon-color: var(--color-background-400);width:var(--radius-md)}@media(min-width:840px){.project-media-caption-notch{width:var(--radius-lg)}}.project-media-caption-notch-left{left:0;bottom:0;transform:translate(-100%) scale(-1) rotate(90deg)}.project-media-caption-notch-top{top:0;right:0;transform:translateY(-100%) scale(-1) rotate(90deg)}.project-media-caption-copy{font-size:var(--font-size-sm);font-weight:700}@media(min-width:840px){.project-media-caption-copy{font-size:var(--font-size-md)}}.project-media-image,.project-media-video{width:100%;height:100%;object-fit:cover}.project-media-content{overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-background-300);width:100%;height:100%}.next-project{border:var(--stroke-md) solid var(--color-grayscale-400);padding:var(--space-xxs);padding-right:var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-400);--icon-color: var(--color-text-400);transition:background-color .1s ease-in-out;display:flex;flex-direction:row;align-items:center;position:relative;justify-content:space-between;height:64px}@media(min-width:480px){.next-project{height:80px}}@media(min-width:840px){.next-project{padding:var(--space-xs);padding-right:var(--space-md);height:120px}}@media(min-width:1024px){.next-project{padding-right:var(--space-lg)}}.next-project-prefix{color:var(--color-text-300);white-space:nowrap}.next-project-content{width:100%;display:flex;flex-direction:column;justify-content:center;padding-left:var(--space-sm);gap:var(--space-xxs)}@media(min-width:840px){.next-project-content{padding-left:var(--space-md)}}.next-project-title{font-size:var(--font-size-title-xxs);line-height:var(--line-height-title);font-weight:700;color:var(--color-text-400)}@media(min-width:840px){.next-project-title{font-size:var(--font-size-title-xs)}}.next-project-arrow{width:var(--icon-size-md);color:var(--color-text-300);--icon-color: var(--color-text-400)}.next-project-image{border-radius:var(--radius-sm);max-height:100%;width:auto}@media(hover:hover)and (pointer:fine){.next-project:hover{background-color:var(--color-grayscale-400)}}.project-content{color:var(--color-text-400)}.project-content-grid{row-gap:var(--space-sm)}@media(min-width:840px){.project-content-grid{row-gap:var(--space-xxl)}}.project-content-next-project{grid-column:1/13}@media(min-width:840px){.project-content-next-project{grid-column:3/11}}@media(min-width:1024px){.project-content-next-project{grid-column:4/10}}@media(min-width:1280px){.project-content-next-project{grid-column:5/9}}.project-content-next-project-grid{padding:0 var(--space-outer);padding-top:var(--space-xl);padding-bottom:var(--space-xxxl)}.project-content-components{padding:20px var(--space-outer);background-color:var(--color-background-400);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-xxl);gap:var(--space-xxl)}@media(min-width:840px){.project-content-components{padding:64px var(--space-outer)}}.project{min-height:calc(var(--lvh) * 100);background-color:var(--color-background-300);max-width:calc(var(--lvw) * 100);overflow:hidden}.project-content-wrapper{display:flex;flex-direction:column;justify-content:space-around;width:100%;opacity:0;transition:opacity .4s ease-out}.project-content-wrapper-visible{opacity:1}.project-footer{position:relative;margin-top:auto;color:var(--color-text-400)}.project ::selection{background:var(--color-accent-400);color:var(--color-accent-text-400);text-shadow:none}.project ::-moz-selection{background:var(--color-accent-400);color:var(--color-accent-text-400);text-shadow:none}.project-background{position:fixed;top:calc(var(--radius-xxl) * -1);left:0;height:calc(100% + var(--radius-xxl));width:100%;background-color:var(--color-background-300);z-index:calc(var(--z-index-project-background) - 3);pointer-events:none;transition:transform var(--transition-route-duration) var(--transition-route-ease);visibility:hidden;transform:translate3d(0,100%,0);border-radius:var(--radius-xxl) var(--radius-xxl) 0 0}.project-background-blend{position:fixed;top:0;left:0;width:100%;height:100%;z-index:calc(var(--z-index-project-background) - 4);background-color:#152242;transition:opacity var(--transition-route-duration);opacity:0;pointer-events:none;visibility:hidden}.project-background-blend-visible{opacity:.5}.project-background-blend-transitioning{visibility:visible}.project-background-visible{transform:translateZ(0)}.project-background-transitioning{visibility:visible}.home-wrapper-projectIsReady{visibility:hidden;position:fixed;inset:0}.project-wrapper{position:fixed;inset:0;overflow:hidden;z-index:var(--z-index-layout-project);visibility:hidden;pointer-events:none}.project-wrapper-visible{visibility:visible;pointer-events:auto;position:static}.project-content{width:100%;height:100%;overflow:hidden}