@charset "UTF-8";*,*: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-orange-400: #ff8400;--color-orange-500: #ff8a1f;--color-cyan-400: #35c2ff;--color-cyan-400-rgb: 53, 194, 255;--color-white-400: #ffffff;--color-white-400-rgb: 255, 255, 255;--color-dark-navy: #081426;--color-bg: #f5efe6;--color-surface: #ffffff;--color-text-primary: #2d2a24;--color-text-secondary: #5f5646;--color-nav-bg: #e6ded1;--color-nav-hover: rgba(8, 20, 38, .06);--color-nav-text: #081426;--color-nav-bar: var(--color-orange-500);--color-nav-text-active: #ffffff;--color-btn-theme-bg: var(--color-dark-navy);--color-btn-theme-text: #ffffff;--color-btn-accent-bg: var(--color-orange-500);--color-btn-accent-text: #ffffff;--color-hero-panel-bg: #2d2a24;--color-hero-headline: #f5f7fb;--color-hero-secondary: #dbeafe;--color-hologram-top: rgba(0, 53, 133, 1);--color-hologram-bottom: rgba(0, 82, 145, .6);--color-hologram-text-primary: #eaf6ff;--color-hologram-text-secondary: #7ddcff;--transition-theme: .4s ease;--color-background-400: var(--color-bg);--color-beige-400: var(--color-bg);--color-beige-600: #dcd1c1}[data-theme=dark]{--color-bg: #07111f;--color-surface: #0d1b2a;--color-text-primary: #f4f7fb;--color-text-secondary: #94a3b8;--color-nav-bg: #081426;--color-nav-hover: #10223a;--color-nav-text: #ffffff;--color-nav-bar: var(--color-orange-500);--color-nav-text-active: #ffffff;--color-btn-theme-bg: #132238;--color-btn-theme-text: #f5f7fb;--color-btn-accent-bg: var(--color-orange-500);--color-btn-accent-text: #ffffff;--color-hero-panel-bg: #0b1c2d;--color-hero-headline: #f4f7fb;--color-hero-secondary: #94a3b8;--color-hologram-top: rgba(11, 28, 45, .8);--color-hologram-bottom: rgba(6, 17, 32, .4);--color-hologram-text-primary: #eaf6ff;--color-hologram-text-secondary: #7ddcff;--color-cyan-400: #35c2ff;--color-cyan-400-rgb: 53, 194, 255;--color-background-400: var(--color-bg);--color-beige-400: var(--color-bg);--color-beige-600: #0b1c2d}html{background-color:var(--color-bg);transition:background-color var(--transition-theme)}body{transition:background-color var(--transition-theme),color var(--transition-theme);background-color:var(--color-bg);color:var(--color-text-primary)}*,*:before,*:after{transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease,color .25s ease}::selection{background:var(--color-orange-400);color:#fff}@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-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-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-svg{width:120px;height:120px;transition:transform .2s var(--ease-power2-in),opacity .2s var(--ease-power2-in)}.preloader-rect{transform-origin:bottom center;transition:transform .3s ease-in-out}.preloader-path{fill:var(--color-text-400)}.preloader-hidden{opacity:0;pointer-events:none!important}.preloader-hidden *{pointer-events:none!important}.preloader-hidden svg{transform:scale(.4);opacity:0}html{background-color:var(--color-bg);color:var(--color-text-primary);font-family:Urbanist;letter-spacing:.02em;overflow-y:scroll!important;transition:background-color var(--transition-theme),color var(--transition-theme);--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[data-v-1faa946b]{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:all .25s ease}.button-wrapper-rounded[data-v-1faa946b]{border-radius:50%;aspect-ratio:1}@media (hover: hover) and (pointer: fine){.button-wrapper-rounded[data-v-1faa946b]:hover{box-shadow:0 0 15px rgba(var(--color-cyan-400-rgb),.5);filter:brightness(1.1)}}.button-wrapper-accent[data-v-1faa946b]{background-color:var(--color-btn-accent-bg);color:var(--color-btn-accent-text)}@media (hover: hover) and (pointer: fine){.button-wrapper-accent[data-v-1faa946b]:hover{filter:brightness(1.1);box-shadow:0 0 15px rgba(var(--color-orange-400-rgb),.3)}}.button-wrapper-theme[data-v-1faa946b]{background-color:var(--color-btn-theme-bg);color:var(--color-btn-theme-text)}@media (hover: hover) and (pointer: fine){.button-wrapper-theme[data-v-1faa946b]:hover{filter:brightness(1.2);box-shadow:0 0 20px rgba(var(--color-cyan-400-rgb),.2)}}.button-wrapper-background[data-v-1faa946b]{background-color:var(--color-bg);color:var(--color-text-primary)}@media (hover: hover) and (pointer: fine){.button-wrapper-background[data-v-1faa946b]:hover{background-color:var(--color-grayscale-500)}}.button-wrapper-gray[data-v-1faa946b]{background-color:var(--color-gray-400);color:var(--color-white-400)}@media (hover: hover) and (pointer: fine){.button-wrapper-gray[data-v-1faa946b]:hover{background-color:var(--color-gray-500)}}.button-wrapper-border[data-v-1faa946b]{border:2px solid var(--color-text-secondary);color:var(--color-text-primary)}@media (hover: hover) and (pointer: fine){.button-wrapper-border[data-v-1faa946b]:hover{background-color:rgba(var(--color-white-400-rgb),.05);filter:brightness(1.1)}}.button[data-v-4912492e]{display:flex;align-items:center;justify-content:center}.button-size-sm[data-v-4912492e]{height:38px;padding:0 16px}.button-size-md[data-v-4912492e]{height:44px;padding:0 26px}.button-size-lg[data-v-4912492e]{height:50px;padding:0 34px}.logo-svg[data-v-b2ad5ef3]{fill:currentColor}.button-round[data-v-801e9213]{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%}.button-round-size-sm[data-v-801e9213]{width:32px;padding:6px}.button-round-size-md[data-v-801e9213]{width:44px;padding:10px}.button-round-size-lg[data-v-801e9213]{width:52px;padding:14px}.volume-body[data-v-76f0fa04]{transition:transform .2s ease-in-out,fill .2s ease-in-out;transform:translate(30px)}.volume-body-active[data-v-76f0fa04]{transform:translate(0)}.volume-wave-1[data-v-76f0fa04],.volume-wave-2[data-v-76f0fa04]{transition:transform .2s ease-in-out,opacity .2s ease-in-out,fill .2s ease-in-out;transform:translate(-20px);opacity:0}.volume-wave-1[data-v-76f0fa04] *,.volume-wave-2[data-v-76f0fa04] *{transition:fill .2s ease-in-out}.volume-wave-1-active[data-v-76f0fa04],.volume-wave-2-active[data-v-76f0fa04]{transform:translate(0);opacity:1}.music-toggle[data-v-99a3bf2a]{position:relative}.theme-toggle[data-v-b160cd8a]{position:relative;overflow:hidden}.icon-container[data-v-b160cd8a]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.icon[data-v-b160cd8a]{width:20px;height:20px;transition:transform .5s var(--ease-smooth)}.theme-toggle:hover .icon[data-v-b160cd8a]{transform:rotate(15deg) scale(1.1)}.header[data-v-c0957b61]{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[data-v-c0957b61]{--scrolled: 1}.header-back[data-v-c0957b61]{pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;transition-delay:.1s;pointer-events:auto}.header-back-icon[data-v-c0957b61]{width:100%;transform:rotate(180deg)}.header-back-isProjectPage[data-v-c0957b61]{pointer-events:auto;opacity:1}.header-left[data-v-c0957b61]{position:absolute;left:var(--space-outer);top:0;height:100%;display:flex;align-items:center}.header-get-in-touch[data-v-c0957b61]{width:fit-content}.header-get-in-touch-isProjectPage[data-v-c0957b61]{opacity:1!important}.header-right[data-v-c0957b61]{position:absolute;right:var(--space-outer);top:0;height:100%;pointer-events:auto;display:flex;align-items:center;gap:var(--space-sm)}.header-theme-toggle[data-v-c0957b61]{margin-left:var(--space-xs)}.header-music-toggle[data-v-c0957b61]{display:flex}.header-dark[data-v-c0957b61]{color:var(--color-white-400)}.header-resume[data-v-c0957b61]{display:none}@media (min-width: 1024px){.header-resume[data-v-c0957b61]{display:flex}}.header-get-in-touch[data-v-c0957b61]{display:none}@media (min-width: 840px){.header-get-in-touch[data-v-c0957b61]{display:flex}}.header-logo[data-v-c0957b61]{cursor:pointer;display:flex;gap:var(--space-xs);transition:color .2s ease-in-out;opacity:var(--scrolled);pointer-events:none}.header-logo-clickable[data-v-c0957b61]{pointer-events:all}@media (min-width: 840px){.header-logo[data-v-c0957b61]{gap:var(--space-sm)}}.header-logo-isProjectPage[data-v-c0957b61]{transition:opacity .2s ease-in-out;pointer-events:none;opacity:0}.header-logo-image[data-v-c0957b61]{width:36px}@media (min-width: 840px){.header-logo-image[data-v-c0957b61]{width:40px}}.header-logo-text[data-v-c0957b61]{font-weight:900;font-size:18px}@media (min-width: 840px){.header-logo-text[data-v-c0957b61]{font-size:20px}}.cursor-wrapper[data-v-0886173b]{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[data-v-0886173b]{display:block}}.cursor-scale[data-v-0886173b]{position:relative;transform-origin:center;will-change:transform;transition:transform .1s ease-in-out}.cursor[data-v-0886173b]{position:absolute;top:0;left:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .1s ease-in-out}.cursor-active[data-v-0886173b]{opacity:1}.cursor-circle-black[data-v-0886173b]{width:26px;height:26px;border-radius:50%;border:4px solid var(--color-text-400)}.cursor-circle-white[data-v-0886173b]{width:26px;height:26px;border-radius:50%;border:4px solid var(--color-white-400)}.cursor-arrow[data-v-0886173b]{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[data-v-0886173b]{color:var(--color-accent-text-400, var(--color-white-400));width:24px}.cursor-arrow-external[data-v-0886173b]{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[data-v-0886173b]{color:var(--color-accent-text-400, var(--color-white-400));width:24px;transform:rotate(-45deg)}.layout[data-v-4b5d2071]{width:100%;display:flex;flex-direction:column;align-items:center;z-index:var(--z-index-layout);position:relative;background-color:var(--color-background-400);color:var(--color-text-400);transition:background-color .4s ease,color .4s ease}.appearing-text[data-v-541b11c7]{position:relative}.appearing-text-value[data-v-541b11c7]{position:absolute}.appearing-text-clone[data-v-541b11c7]{visibility:hidden}.banner[data-v-28e4a511]{width:fit-content;transform-origin:center center;position:relative}.banner-background[data-v-28e4a511]{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;transition:outline-color .4s ease}.banner-size-sm[data-v-28e4a511]{padding:2px var(--space-xxs)}@media (min-width: 1024px){.banner-size-sm[data-v-28e4a511]{padding:var(--space-xxs) var(--space-xs)}}.banner-size-md[data-v-28e4a511]{padding:var(--space-xxs) var(--space-xs)}@media (min-width: 1024px){.banner-size-md[data-v-28e4a511]{padding:var(--space-xs) var(--space-sm)}}.banner-copy[data-v-28e4a511]{font-weight:700;color:var(--color-white-400);font-family:ProFontWindows;text-transform:uppercase}.banner-copy-size-sm[data-v-28e4a511]{font-size:var(--font-size-title-xxs)}@media (min-width: 1280px){.banner-copy-size-sm[data-v-28e4a511]{font-size:var(--font-size-title-xs)}}.banner-copy-size-md[data-v-28e4a511]{font-size:var(--font-size-title-xxs)}@media (min-width: 1024px){.banner-copy-size-md[data-v-28e4a511]{font-size:var(--font-size-title-xs)}}@media (min-width: 1280px){.banner-copy-size-md[data-v-28e4a511]{font-size:var(--font-size-title-sm)}}.hero[data-v-f994829d]{max-height:calc(var(--lvh) * 100);height:calc(var(--lvh) * 100);width:100%;display:flex;position:relative;overflow:hidden}.hero-content[data-v-f994829d]{align-items:center;justify-content:center;height:46%}@media (orientation: landscape){.hero-content[data-v-f994829d]{height:100%}}@media (orientation: landscape) and (min-width: 840px){.hero-content[data-v-f994829d]{padding-bottom:30%}}@media (orientation: landscape) and (min-width: 1024px){.hero-content[data-v-f994829d]{padding-bottom:5%}}.hero-content-inner[data-v-f994829d]{grid-column:1/13;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative}@media (orientation: landscape){.hero-content-inner[data-v-f994829d]{grid-column:2/13;align-items:flex-start;width:fit-content}}.hero-content-copys[data-v-f994829d]{display:flex;flex-direction:column;gap:var(--space-sm);position:relative;margin-bottom:var(--space-xxl)}@media (min-width: 840px){.hero-content-copys[data-v-f994829d]{gap:var(--space-md);margin-bottom:var(--space-xxxl)}}.hero-content-actions[data-v-f994829d]{display:flex;justify-content:center;width:100%;position:relative;z-index:20;margin-top:var(--space-lg)}@media (orientation: landscape){.hero-content-actions[data-v-f994829d]{justify-content:flex-start;margin-top:0}}.hero-content-button[data-v-f994829d]{width:fit-content}.hero-title[data-v-f994829d]{font-weight:900;letter-spacing:.02em;font-size:var(--font-size-title-lg);color:var(--color-text-400);transition:color .4s ease}@media (orientation: landscape){.hero-title[data-v-f994829d]{font-size:var(--font-size-title-lg)}}@media (orientation: landscape) and (min-height: 480px) and (min-width: 480px){.hero-title[data-v-f994829d]{font-size:var(--font-size-title-xl)}}@media (orientation: landscape) and (min-height: 480px) and (min-width: 1280px){.hero-title[data-v-f994829d]{font-size:var(--font-size-title-xxl)}}.hero-banner[data-v-f994829d]{position:absolute;bottom:0;right:-16px;z-index:10;transform:rotate(-5deg) translateY(65%)}@media (min-width: 480px){.hero-banner[data-v-f994829d]{right:-24px;transform:rotate(-5deg) translateY(70%)}}@media (min-width: 1024px){.hero-banner[data-v-f994829d]{right:-32px;transform:rotate(-5deg) translateY(80%)}}.projected-element[data-v-39d7536c]{width:100%;height:100%}@media (orientation: landscape){.projected-element[data-v-39d7536c]{width:0;height:0;position:relative}}.box-description[data-v-f82683db]{--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[data-v-f82683db]{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[data-v-f82683db]{width:410px;max-width:calc(var(--svw) * 32)}}.box-description-line[data-v-f82683db]{width:100%;height:1px;background-color:var(--color-cyan-400)}@media (orientation: landscape){.box-description-line[data-v-f82683db]{display:none}}.box-description-details[data-v-f82683db]{padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between}@media (orientation: landscape){.box-description-details[data-v-f82683db]{display:none}}.box-description-details-name[data-v-f82683db]{font-size:var(--font-size-title-xs);font-weight:700;color:var(--color-hologram-text-primary)}.box-description-details-location[data-v-f82683db]{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-hologram-text-secondary)}.box-description-details-location-icon[data-v-f82683db]{width:var(--icon-size-xs);transform:translateY(-1px);color:var(--color-cyan-400)}.box-description-details-location-copy[data-v-f82683db]{font-size:var(--font-size-md);color:var(--color-hologram-text-secondary)}.box-description[data-v-f82683db]:after,.box-description[data-v-f82683db]:before{display:none}@media (orientation: landscape){.box-description[data-v-f82683db]:after,.box-description[data-v-f82683db]:before{display:block}}.box-description[data-v-f82683db]: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[data-v-f82683db]: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[data-v-f82683db]{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%);color:var(--color-hologram-text-primary);box-shadow:0 0 15px rgba(var(--color-cyan-400-rgb),.2)}@media (orientation: landscape){.box-description-content[data-v-f82683db]{padding:var(--space-xs) var(--space-sm)}}@media (orientation: landscape) and (min-width: 840px){.box-description-content[data-v-f82683db]{padding:var(--space-sm) var(--space-md)}}.box-description-copy[data-v-f82683db]{will-change:opacity;font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md)}@media (orientation: landscape){.box-description-copy[data-v-f82683db]{padding:0;font-size:var(--font-size-sm)}}@media (orientation: landscape) and (min-height: 480px){.box-description-copy[data-v-f82683db]{font-size:var(--font-size-lg)}}.box-services[data-v-8f7d3cd5]{--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[data-v-8f7d3cd5]{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[data-v-8f7d3cd5]{width:380px;max-width:calc(var(--svw) * 36)}}.box-services[data-v-8f7d3cd5]:after,.box-services[data-v-8f7d3cd5]:before{display:none}@media (orientation: landscape){.box-services[data-v-8f7d3cd5]:after,.box-services[data-v-8f7d3cd5]:before{display:block}}.box-services[data-v-8f7d3cd5]: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[data-v-8f7d3cd5]: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[data-v-8f7d3cd5]:before{width:var(--line-length)}}.box-services-content[data-v-8f7d3cd5]{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);color:var(--color-hologram-text-primary);box-shadow:0 0 15px rgba(var(--color-cyan-400-rgb),.2)}@media (orientation: landscape){.box-services-content[data-v-8f7d3cd5]{padding:var(--space-xs) var(--space-sm)}}@media (min-width: 840px){.box-services-content[data-v-8f7d3cd5]{padding:var(--space-sm) var(--space-md)}}.box-services-list[data-v-8f7d3cd5]{display:flex;flex-direction:column;gap:var(--space-xs)}.box-services-list-item[data-v-8f7d3cd5]{display:flex;flex-direction:column;padding-left:18px;position:relative;color:var(--color-hologram-text-primary)}.box-services-list-item[data-v-8f7d3cd5]:before{content:"";position:absolute;left:2px;top:6px;width:4px;height:4px;background-color:var(--color-hologram-text-secondary);border-radius:50%;box-shadow:0 0 5px var(--color-hologram-text-secondary)}.box-services-list-item-name[data-v-8f7d3cd5]{font-size:var(--font-size-md)}@media (orientation: landscape){.box-services-list-item-name[data-v-8f7d3cd5]{font-size:var(--font-size-sm)}}@media (orientation: landscape) and (min-height: 480px){.box-services-list-item-name[data-v-8f7d3cd5]{font-size:var(--font-size-lg)}}.box-services-title[data-v-8f7d3cd5]{font-size:var(--font-size-title-xs);font-weight:700}@media (orientation: landscape){.box-services-title[data-v-8f7d3cd5]{font-size:var(--font-size-title-xxs)}}@media (orientation: landscape) and (min-height: 480px){.box-services-title[data-v-8f7d3cd5]{font-size:var(--font-size-title-xs)}}.box-details[data-v-518a7b42]{--line-length: min(48px, calc(var(--svw) * 5));display:none}@media (orientation: landscape){.box-details[data-v-518a7b42]{display:block;position:absolute;padding-bottom:3px;padding-right:var(--line-length);width:240px;max-width:calc(var(--svw) * 30);transform:translate(-100%,-50%)}}@media (orientation: landscape) and (min-height: 480px){.box-details[data-v-518a7b42]{width:240px}}.box-details[data-v-518a7b42]:after,.box-details[data-v-518a7b42]:before{display:none}@media (orientation: landscape){.box-details[data-v-518a7b42]:after,.box-details[data-v-518a7b42]:before{display:block}}.box-details[data-v-518a7b42]: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[data-v-518a7b42]: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[data-v-518a7b42]{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);color:var(--color-hologram-text-primary);box-shadow:0 0 15px rgba(var(--color-cyan-400-rgb),.2)}@media (orientation: landscape){.box-details-content[data-v-518a7b42]{flex-direction:column;justify-content:flex-start;padding:var(--space-xs) var(--space-sm)}}@media (min-width: 840px){.box-details-content[data-v-518a7b42]{padding:var(--space-sm) var(--space-md)}}.box-details-item[data-v-518a7b42]{display:flex;align-items:center;gap:var(--space-xs);flex-direction:row;white-space:nowrap;height:var(--icon-size-sm);color:var(--color-hologram-text-secondary)}.box-details-icon[data-v-518a7b42]{width:var(--icon-size-xxs);transform:translateY(-1px);color:var(--color-cyan-400)}@media (min-width: 840px){.box-details-icon[data-v-518a7b42]{width:var(--icon-size-xs)}}.box-details-title[data-v-518a7b42]{font-size:var(--font-size-title-xxs);font-weight:700}@media (min-width: 840px){.box-details-title[data-v-518a7b42]{font-size:var(--font-size-title-sm)}}.box-details-items[data-v-518a7b42]{display:flex;font-size:var(--font-size-sm);flex-direction:column}@media (min-width: 840px){.box-details-items[data-v-518a7b42]{font-size:var(--font-size-md)}}.box-details-items-copy[data-v-518a7b42]{flex:.5}.progress-count[data-v-0a06c946]{font-size:var(--font-size-sm);font-weight:700;color:var(--color-hologram-text-primary);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[data-v-0a06c946]{display:none}}.progress-count-bar[data-v-0a06c946]{width:100%;height:1px;border-radius:var(--radius-md);grid-column:2/10;background-color:var(--color-hologram-bottom)}.progress-count-bar-fill[data-v-0a06c946]{background-color:var(--color-cyan-400);height:100%;border-radius:var(--radius-md)}.progress-count-percentage[data-v-0a06c946]{grid-column:10/12;white-space:nowrap}.about-content[data-v-934e1492]{position:absolute;color:var(--color-hologram-text-primary);transition:color .4s ease;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[data-v-934e1492],.about-description[data-v-934e1492],.about-services[data-v-934e1492]{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[data-v-934e1492],.about-description[data-v-934e1492],.about-services[data-v-934e1492]{width:100%;height:0;top:50%}}.about-progress-count[data-v-934e1492]{will-change:transform,opacity;position:absolute;bottom:0;left:var(--space-outer);width:calc(100% - var(--space-outer) * 2)}.notch[data-v-1d4f7a4f]{aspect-ratio:1;overflow:hidden}.preview-card[data-v-6a1337d3]{--hover: 0;position:relative;border-radius:var(--radius-xl);z-index:var(--z-index-layout)}.preview-card[data-v-6a1337d3]: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[data-v-6a1337d3]:hover{--hover: 1}.preview-card[data-v-6a1337d3]:hover:after{opacity:1}}.preview-card-content[data-v-6a1337d3]{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-xs)}@media (hover: hover) and (pointer: fine){.preview-card-overlay[data-v-6a1337d3]{display:none}}.preview-card-notch[data-v-6a1337d3]{position:absolute;color:var(--color-beige-400);transform:scale(-1) rotate(90deg);height:var(--radius-lg)}.preview-card-notch-left[data-v-6a1337d3]{bottom:0;right:50px}.preview-card-notch-right[data-v-6a1337d3]{bottom:50px;right:0}.preview-card-edge[data-v-6a1337d3]{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[data-v-6a1337d3]{transition:transform .1s ease-in-out;width:100%;transform:rotate(calc(var(--hover) * -45deg))}.preview-card-image[data-v-6a1337d3]{width:100%;height:100%;object-fit:cover}.preview-card-image-container[data-v-6a1337d3]{transition:transform .1s ease-in-out;transform:scale(calc(1 + var(--hover) * .02));aspect-ratio:16/9}.preview-card-image-wrapper[data-v-6a1337d3]{border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-beige-500)}.preview-card-top[data-v-6a1337d3]{position:relative;width:100%;aspect-ratio:16/9}.preview-card-top-empty[data-v-6a1337d3]{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[data-v-6a1337d3]{width:var(--icon-size-lg);color:var(--color-text-300);--stroke-width: 4px}.preview-card-copys[data-v-6a1337d3]{display:flex;flex-direction:column}.preview-card-title[data-v-6a1337d3]{font-size:var(--font-size-title-xs);font-weight:700;color:var(--color-text-400)}.preview-card-description[data-v-6a1337d3]{font-size:var(--font-size-md);color:var(--color-text-300);font-weight:500}.notch-section[data-v-ad05fe3a]{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between}.notch-element[data-v-ad05fe3a]{width:var(--radius-xxl)}.notch-element-right[data-v-ad05fe3a]{transform:scaleX(-1)}.projects[data-v-4b3d03c0]{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-bg);min-height:calc(var(--lvh) * 100 + var(--radius-xxl));padding-top:96px;padding-bottom:48px;transition:background-color var(--transition-theme)}@media (min-width: 840px){.projects[data-v-4b3d03c0]{padding-top:144px;padding-bottom:72px;gap:var(--space-xxl)}}@media (min-width: 1024px){.projects[data-v-4b3d03c0]{gap:var(--space-xxxl)}}.projects-title[data-v-4b3d03c0]{position:relative;padding-top:var(--space-md);grid-column:1/13}@media (min-width: 840px){.projects-title[data-v-4b3d03c0]{grid-column:1/10}}@media (min-width: 1024px){.projects-title[data-v-4b3d03c0]{grid-column:3/8}}.projects-title-copy[data-v-4b3d03c0]{font-weight:900;letter-spacing:.02em;font-size:var(--font-size-title-md);color:var(--color-text-primary);transition:color var(--transition-theme)}@media (min-width: 480px){.projects-title-copy[data-v-4b3d03c0]{font-size:var(--font-size-title-lg)}}@media (min-width: 1280px){.projects-title-copy[data-v-4b3d03c0]{font-size:var(--font-size-title-xl)}}.projects-title-banner[data-v-4b3d03c0]{position:absolute;top:0;left:-8px;transform:translateY(-20%) rotate(-4deg)}@media (min-width: 1024px){.projects-title-banner[data-v-4b3d03c0]{left:-16px;transform:translateY(-20%) rotate(-6deg)}}.projects-notch-start[data-v-4b3d03c0]{position:absolute;top:0;left:0;transform:translateY(-100%);color:var(--color-bg);transition:color var(--transition-theme)}.projects-notch-end[data-v-4b3d03c0]{position:absolute;bottom:0;left:0;color:var(--color-bg);transition:color var(--transition-theme)}.projects-cards[data-v-4b3d03c0]{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[data-v-4b3d03c0]{grid-column:1/span 12}}@media (min-width: 1024px){.projects-cards[data-v-4b3d03c0]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-column:3/span 8}}@media (min-width: 1280px){.projects-cards[data-v-4b3d03c0]{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.experience[data-v-9ae45533]{width:100%;padding:40px 0 100px;position:relative;background-color:transparent}@media (min-width: 840px){.experience[data-v-9ae45533]{padding:64px 0 160px}}.experience-header[data-v-9ae45533]{position:relative;padding-top:var(--space-md);grid-column:1/13;margin-bottom:60px}@media (min-width: 840px){.experience-header[data-v-9ae45533]{grid-column:1/10;margin-bottom:80px}}@media (min-width: 1024px){.experience-header[data-v-9ae45533]{grid-column:3/8}}.experience-title-copy[data-v-9ae45533]{font-weight:900;letter-spacing:.02em;font-size:var(--font-size-title-md);color:var(--color-text-400);transition:color .4s ease}@media (min-width: 480px){.experience-title-copy[data-v-9ae45533]{font-size:var(--font-size-title-lg)}}@media (min-width: 1280px){.experience-title-copy[data-v-9ae45533]{font-size:var(--font-size-title-xl)}}.experience-title-banner[data-v-9ae45533]{position:absolute;top:0;left:-8px;transform:translateY(-20%) rotate(-4deg)}@media (min-width: 1024px){.experience-title-banner[data-v-9ae45533]{left:-16px;transform:translateY(-20%) rotate(-6deg)}}.experience-timeline[data-v-9ae45533]{grid-column:1/13;position:relative;padding:20px 0;display:flex;flex-direction:column;gap:32px;max-width:1100px;margin:0 auto;width:100%}@media (min-width: 840px){.experience-timeline[data-v-9ae45533]{gap:0}}.experience-timeline-path[data-v-9ae45533]{position:absolute;left:20px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--color-cyan-400),transparent);opacity:.3}@media (min-width: 840px){.experience-timeline-path[data-v-9ae45533]{left:50%;transform:translate(-50%)}}.experience-timeline-dot[data-v-9ae45533]{position:absolute;left:20px;top:40px;transform:translate(-50%);width:10px;height:10px;z-index:10}@media (min-width: 840px){.experience-timeline-dot[data-v-9ae45533]{left:50%}}.experience-timeline-dot-inner[data-v-9ae45533]{width:100%;height:100%;background:var(--color-white-400);border:2px solid var(--color-cyan-400);border-radius:50%;box-shadow:0 0 10px rgba(var(--color-cyan-400-rgb),.5)}.experience-item[data-v-9ae45533]{position:relative;width:100%;padding-left:54px;padding-right:var(--space-outer)}@media (min-width: 840px){.experience-item[data-v-9ae45533]{padding-left:0;padding-right:0;margin-bottom:40px;display:flex;justify-content:flex-start}.experience-item-odd[data-v-9ae45533]{justify-content:flex-end}}.experience-card[data-v-9ae45533]{position:relative;width:100%;max-width:500px;background:var(--color-surface);opacity:.8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-surface);border-radius:32px;transition:all .4s var(--ease-smooth);box-shadow:0 10px 30px #00000008,inset 0 0 20px rgba(var(--color-cyan-400-rgb),.05)}@media (hover: hover) and (pointer: fine){.experience-card[data-v-9ae45533]:hover{transform:translateY(-8px);opacity:1;box-shadow:0 20px 40px #0000000f,0 0 20px rgba(var(--color-cyan-400-rgb),.1)}}@media (min-width: 840px){.experience-card[data-v-9ae45533]{max-width:460px}}@media (min-width: 1024px){.experience-card[data-v-9ae45533]{max-width:500px}}.experience-card-content[data-v-9ae45533]{padding:32px}.experience-card-top[data-v-9ae45533]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.experience-brand[data-v-9ae45533]{display:flex;align-items:center;gap:16px}.experience-logo-container[data-v-9ae45533]{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-white-400);border-radius:14px;box-shadow:0 4px 10px #0000000d;color:var(--color-text-400);padding:6px;overflow:hidden}.experience-logo-img[data-v-9ae45533]{width:100%;height:100%;object-fit:contain}.experience-info[data-v-9ae45533]{display:flex;flex-direction:column;gap:2px}.experience-company[data-v-9ae45533]{font-size:20px;font-weight:900;color:var(--color-text-400);letter-spacing:-.01em;transition:color .4s ease}.experience-role[data-v-9ae45533]{font-size:14px;font-weight:700;color:var(--color-cyan-500);text-transform:uppercase;letter-spacing:.05em}.experience-meta[data-v-9ae45533]{display:flex;gap:12px;font-family:ProFontWindows,monospace;font-size:11px;color:var(--color-text-300);opacity:.8;text-transform:uppercase;letter-spacing:.05em;transition:color .4s ease}.experience-highlights[data-v-9ae45533]{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.experience-highlight[data-v-9ae45533]{font-size:14px;color:var(--color-text-400);line-height:1.5;position:relative;padding-left:20px;font-weight:500;transition:color .4s ease}.experience-highlight-icon[data-v-9ae45533]{position:absolute;left:0;top:6px;width:8px;height:8px;color:var(--color-cyan-400)}@media (min-width: 840px){.experience-item-even[data-v-9ae45533]{padding-right:50%}.experience-item-even .experience-card[data-v-9ae45533]{margin-right:32px}.experience-item-odd[data-v-9ae45533]{padding-left:50%}.experience-item-odd .experience-card[data-v-9ae45533]{margin-left:32px}}.social[data-v-51857b88]{display:flex;gap:var(--space-md)}.contact[data-v-24f5ab87]{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);background:radial-gradient(circle at 50% 100%,rgba(var(--color-cyan-400-rgb),.1) 0%,transparent 80%);transition:background .4s ease}@media (min-width: 840px){.contact[data-v-24f5ab87]{padding-top:var(--space-xxl)}}.contact-content[data-v-24f5ab87]{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[data-v-24f5ab87]{grid-column:1/8}}@media (min-width: 840px){.contact-content[data-v-24f5ab87]{gap:var(--space-xl);grid-column:1/6;padding-top:var(--space-lg)}}@media (min-width: 1024px){.contact-content[data-v-24f5ab87]{grid-column:2/6}}.contact-title[data-v-24f5ab87]{font-weight:900;letter-spacing:.02em;font-size:var(--font-size-title-md);color:var(--color-text-primary);transition:color .4s ease}@media (min-width: 480px){.contact-title[data-v-24f5ab87]{font-size:var(--font-size-title-lg)}}@media (min-width: 1280px){.contact-title[data-v-24f5ab87]{font-size:var(--font-size-title-xl)}}.contact-subtext[data-v-24f5ab87]{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:400px;line-height:1.6;transition:color var(--transition-theme)}@media (min-width: 840px){.contact-subtext[data-v-24f5ab87]{font-size:var(--font-size-lg)}}.clickable[data-v-db3cd6cd]{border:none;background:none;cursor:pointer;position:relative;z-index:0;transition:color .1s ease-in-out}.clickable[data-v-db3cd6cd]:after{content:"";position:absolute;top:-4px;left:-8px;width:calc(100% + 16px);height:calc(100% + 8px);background-color:var(--color-hover);z-index:-1;border-radius:var(--radius-md);opacity:0;transition:opacity .1s ease-in-out}@media (hover: hover) and (pointer: fine){.clickable[data-v-db3cd6cd]:hover{color:var(--color-white-400)}.clickable[data-v-db3cd6cd]:hover:after{opacity:1}}.footer[data-v-e10122c7]{background:var(--color-background-400);width:100%;display:flex;justify-content:center;position:relative;transition:background-color .4s ease}.footer-content[data-v-e10122c7]{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[data-v-e10122c7]{cursor:pointer}@media (min-width: 840px){.footer-back-to-top[data-v-e10122c7]{position:absolute;top:calc(var(--space-outer) + var(--space-sm));left:50%;transform:translate(-50%)}}.footer-back-to-top-icon[data-v-e10122c7]{transform:rotate(-90deg)}.footer-top[data-v-e10122c7]{display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center;gap:var(--space-xl)}@media (min-width: 840px){.footer-top[data-v-e10122c7]{gap:var(--space-md);flex-direction:row}}.footer-top-links[data-v-e10122c7]{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--space-md)}@media (min-width: 840px){.footer-top-links[data-v-e10122c7]{gap:var(--space-lg);flex-direction:row;position:relative;margin-left:auto}}.footer-link[data-v-e10122c7]{font-weight:700}.footer-credits[data-v-e10122c7]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;font-size:var(--font-size-sm)}.footer-credits-music[data-v-e10122c7]{display:flex;flex-direction:row;align-items:center;gap:var(--space-xxs)}.footer-notch[data-v-e10122c7]{position:absolute;top:0;left:0;transform:translateY(-100%);color:var(--color-background-400);transition:color .4s ease}.header-link[data-v-0205b2bf]{letter-spacing:.02em;font-weight:700;border:none;background:none;transition:color .25s ease;font-size:var(--font-size-md);width:128px;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:uppercase;z-index:2;border-radius:100px;position:relative;cursor:pointer}.header-link[data-v-0205b2bf]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-nav-hover);border-radius:100px;z-index:-1;opacity:0;transition:background-color var(--transition-theme),opacity .15s ease-in-out}.header-link-active[data-v-0205b2bf]:after{opacity:0!important}@media (hover: hover) and (pointer: fine){.header-link[data-v-0205b2bf]:hover:after{opacity:1}}.header-home[data-v-b9171bcd]{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[data-v-b9171bcd]{transform:translate(-50%) translateY(-100%)}.header-home-mounted[data-v-b9171bcd]{opacity:1}@media (min-width: 1024px){.header-home[data-v-b9171bcd]{display:flex}}.header-home-links[data-v-b9171bcd]{position:relative;display:flex;align-items:center;padding:4px;background-color:var(--color-nav-bg);border-radius:100px;color:var(--color-nav-text);transition:color var(--transition-theme),background-color var(--transition-theme);height:54px;max-width:calc(100vw - 32px);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.header-home-links[data-v-b9171bcd]::-webkit-scrollbar{display:none}@media (min-width: 840px){.header-home-links[data-v-b9171bcd]{height:60px}}.header-home-bar[data-v-b9171bcd]{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:128px;background:var(--color-nav-bar);border-radius:100px;transition:transform .3s var(--ease-smooth),opacity .1s ease-in-out;z-index:1;opacity:0}.header-home-bar-active[data-v-b9171bcd]{opacity:1}.header-home-link[data-v-b9171bcd]{position:relative;z-index:2;letter-spacing:.02em;font-weight:700;border:none;background:none;transition:color .25s ease;font-size:var(--font-size-md);width:128px;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:uppercase;color:inherit}.header-home-link-active[data-v-b9171bcd]{color:var(--color-nav-text-active)}.scroll-icon-enter-active[data-v-a5f92c3d],.scroll-icon-leave-active[data-v-a5f92c3d]{transition:opacity .3s ease-in-out}.scroll-icon-enter-from[data-v-a5f92c3d],.scroll-icon-leave-to[data-v-a5f92c3d]{opacity:0}.scroll-icon[data-v-a5f92c3d]{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[data-v-a5f92c3d] *{pointer-events:none}.scroll-icon-swipe-up[data-v-a5f92c3d]{width:calc(var(--icon-size-md) + 4px);--stroke-width: var(--stroke-md);fill:var(--color-beige-400);animation:swipeUp-a5f92c3d 1s infinite;animation-direction:alternate;animation-timing-function:var(--ease-power2-out)}@keyframes swipeUp-a5f92c3d{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.scroll-icon-pointer[data-v-a5f92c3d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xxs);transform:translateY(4px)}.scroll-icon-arrow[data-v-a5f92c3d]{transform:rotate(90deg);width:var(--icon-size-sm);--stroke-width: 3px}.scroll-icon-mouse[data-v-a5f92c3d]{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[data-v-a5f92c3d]{width:4px;height:12px;background-color:var(--color-text-400);border-radius:100px;animation:scrollIconDot-a5f92c3d 1s infinite;animation-direction:alternate;animation-timing-function:var(--ease-power2-out)}@keyframes scrollIconDot-a5f92c3d{0%{transform:translateY(0)}to{transform:translateY(3px)}}.three-canvas[data-v-ef80cc2a]{width:calc(var(--svw) * 100);height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100);position:relative;overflow:hidden}.three-canvas-contact[data-v-ef80cc2a]{position:absolute;bottom:var(--contact-bottom);left:0;width:100%;height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100)}.home-wrapper[data-v-ef80cc2a]{transform-origin:center center}.home-wrapper-out[data-v-ef80cc2a]{animation:home-wrapper-out-ef80cc2a var(--transition-route-duration) var(--transition-route-ease)}.home-wrapper-in[data-v-ef80cc2a]{animation:home-wrapper-in-ef80cc2a var(--transition-route-duration) var(--transition-route-ease)}@keyframes home-wrapper-out-ef80cc2a{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes home-wrapper-in-ef80cc2a{0%{transform:scale(.95)}to{transform:scale(1)}}.home-contact[data-v-ef80cc2a]{width:100%;min-height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100)}.about-spacer[data-v-ef80cc2a]{max-height:calc(var(--lvh) * 250);min-height:calc(var(--lvh) * 250)}.intro-wrapper[data-v-ef80cc2a]{width:100%;display:flex;flex-direction:column}.intro-wrapper-spacer[data-v-ef80cc2a]{display:none}@media (min-width: 840px){.intro-wrapper-spacer[data-v-ef80cc2a]{display:block;height:200px}}.intro-hero[data-v-ef80cc2a]{position:absolute;top:0;left:0;width:100%;height:100%}.intro-about-hidden[data-v-ef80cc2a]{visibility:hidden}.intro-sticky[data-v-ef80cc2a]{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[data-v-ef80cc2a]{position:sticky}.intro-sticky-content[data-v-ef80cc2a]{width:calc(var(--svw) * 100);height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100);position:relative;overflow:hidden}.intro-sticky-content-contact[data-v-ef80cc2a]{position:absolute;bottom:var(--contact-bottom);left:0;width:100%;height:calc(var(--lvh) * 100);max-height:calc(var(--lvh) * 100)}.tag[data-v-f792ea51]{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[data-v-f792ea51]{font-size:var(--font-size-xs);font-weight:700}.tag-variant-three[data-v-f792ea51]{background-color:#ed9c55;color:#492708}.tag-variant-react[data-v-f792ea51]{background-color:#61dafb;color:#0f2e36}.tag-variant-websockets[data-v-f792ea51]{background-color:#2674a4;color:#fff}.tag-variant-redis[data-v-f792ea51]{background-color:#ce4036;color:#fff}.tag-variant-html[data-v-f792ea51],.tag-variant-css[data-v-f792ea51]{color:var(--color-text-400);border-color:var(--color-grayscale-400)}.tag-variant-javascript[data-v-f792ea51]{background-color:#ffdf4f;color:#362d03}.tag-variant-node[data-v-f792ea51]{background-color:#237d23;color:#fff}.tag-variant-next[data-v-f792ea51]{background-color:#fff;color:#000}.tag-variant-kubernetes[data-v-f792ea51]{background-color:#326ce5;color:#fff}.tag-variant-postgresql[data-v-f792ea51]{background-color:#2f6c92;color:#fff}.tag-variant-ogl[data-v-f792ea51]{background-color:#0e5495;color:#fff}.tag-variant-glsl[data-v-f792ea51]{background-color:#95630e;color:#fff}.project-hero[data-v-20ce1dd1]{padding:0 var(--space-outer);padding-bottom:48px;padding-top:calc(var(--height-header) + 24px)}@media (min-width: 840px){.project-hero[data-v-20ce1dd1]{padding-bottom:64px}}.project-hero-button[data-v-20ce1dd1]{flex:.5}@media (min-width: 840px){.project-hero-button[data-v-20ce1dd1]{width:fit-content}}.project-hero-buttons[data-v-20ce1dd1]{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[data-v-20ce1dd1]{gap:var(--space-md);width:fit-content;grid-column:1/6;grid-row:2;margin-top:0}}@media (min-width: 1024px){.project-hero-buttons[data-v-20ce1dd1]{grid-column:2/6}}.project-hero-video[data-v-20ce1dd1]{grid-column:1/span 12;align-self:center}@media (min-width: 840px){.project-hero-video[data-v-20ce1dd1]{grid-column:1/8}}@media (min-width: 1024px){.project-hero-video[data-v-20ce1dd1]{grid-column:2/8}}.project-hero-tags[data-v-20ce1dd1]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-hero-title[data-v-20ce1dd1]{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-20ce1dd1 .5s var(--ease-smooth)}@media (min-width: 840px){.project-hero-title[data-v-20ce1dd1]{font-size:var(--font-size-title-xl)}}@keyframes project-hero-title-visible-20ce1dd1{0%{transform:translateY(100%)}to{transform:translateY(0)}}.project-hero-title-wrapper[data-v-20ce1dd1]{overflow:hidden}.project-hero-description[data-v-20ce1dd1]{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[data-v-20ce1dd1]{grid-row:1;grid-column:6/12}}@media (min-width: 1024px){.project-hero-description[data-v-20ce1dd1]{grid-row:1;grid-column:7/12}}@media (min-width: 1280px){.project-hero-description[data-v-20ce1dd1]{grid-row:1;grid-column:7/11}}.project-hero-top[data-v-20ce1dd1]{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[data-v-20ce1dd1]{grid-column:1/6}}@media (min-width: 1024px){.project-hero-top[data-v-20ce1dd1]{grid-column:2/6}}.imageText-image[data-v-a904da4a]{position:relative;display:flex;align-items:center;justify-content:center;grid-row:1;grid-column:1/13}.imageText-image-content[data-v-a904da4a]{overflow:hidden;border-radius:var(--radius-lg)}.imageText-image-content-border[data-v-a904da4a]{border:var(--stroke-md) solid var(--color-grayscale-400)}@media (min-width: 840px){.imageText-image-left[data-v-a904da4a]{grid-column:1/7}}@media (min-width: 1024px){.imageText-image-left[data-v-a904da4a]{grid-column:2/7}}@media (min-width: 840px){.imageText-image-right[data-v-a904da4a]{grid-column:7/13}}@media (min-width: 1024px){.imageText-image-right[data-v-a904da4a]{grid-column:7/12}}.imageText-content[data-v-a904da4a]{width:100%;min-height:100%;display:flex;align-items:center;grid-row:2;grid-column:1/13}@media (min-width: 840px){.imageText-content-left[data-v-a904da4a]{grid-column:1/7}}@media (min-width: 1024px){.imageText-content-left[data-v-a904da4a]{grid-column:2/7}}@media (min-width: 840px){.imageText-content-right[data-v-a904da4a]{grid-column:7/13}}@media (min-width: 1024px){.imageText-content-right[data-v-a904da4a]{grid-column:7/11}}@media (min-width: 840px){.imageText-content[data-v-a904da4a]{grid-row:1}}.text[data-v-75e798e2]{line-height:var(--line-height-copy);grid-column:1/13}@media (min-width: 840px){.text[data-v-75e798e2]{grid-column:3/11}}@media (min-width: 1024px){.text[data-v-75e798e2]{grid-column:4/10}}.text-with-title[data-v-75e798e2]{display:flex;flex-direction:column;gap:var(--space-md)}.text-title[data-v-75e798e2]{font-size:var(--font-size-title-sm);line-height:var(--line-height-title)}.list[data-v-19c34121]{display:flex;flex-direction:column;gap:var(--space-md);max-width:100%;grid-column:1/13}@media (min-width: 840px){.list-size-sm[data-v-19c34121]{grid-column:4/10}}@media (min-width: 1024px){.list-size-sm[data-v-19c34121]{grid-column:6/8}}@media (min-width: 840px){.list-size-md[data-v-19c34121]{grid-column:3/11}}@media (min-width: 1024px){.list-size-md[data-v-19c34121]{grid-column:4/10}}@media (min-width: 840px){.list-size-lg[data-v-19c34121]{grid-column:3/11}}.list-title[data-v-19c34121]{font-size:var(--font-size-title-sm);line-height:var(--line-height-md)}.list-items[data-v-19c34121]{list-style-type:disc;padding-left:1.4em}.list-item[data-v-19c34121]{padding:6px 0}.project-media[data-v-c15b3709]{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[data-v-c15b3709]{grid-column:2/12}}@media (min-width: 1024px){.project-media[data-v-c15b3709]{grid-column:3/11}}.project-media-caption[data-v-c15b3709]{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[data-v-c15b3709]{padding:var(--space-xxs) var(--space-sm)}}@media (min-width: 1024px){.project-media-caption[data-v-c15b3709]{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg) 0 0 0}}.project-media-caption-notch[data-v-c15b3709]{position:absolute;color:var(--color-background-400);width:var(--radius-md)}@media (min-width: 840px){.project-media-caption-notch[data-v-c15b3709]{width:var(--radius-lg)}}.project-media-caption-notch-left[data-v-c15b3709]{left:0;bottom:0;transform:translate(-100%) scale(-1) rotate(90deg)}.project-media-caption-notch-top[data-v-c15b3709]{top:0;right:0;transform:translateY(-100%) scale(-1) rotate(90deg)}.project-media-caption-copy[data-v-c15b3709]{font-size:var(--font-size-sm);font-weight:700}@media (min-width: 840px){.project-media-caption-copy[data-v-c15b3709]{font-size:var(--font-size-md)}}.project-media-image[data-v-c15b3709],.project-media-video[data-v-c15b3709]{width:100%;height:100%;object-fit:cover}.project-media-content[data-v-c15b3709]{overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-background-300);width:100%;height:100%}.next-project[data-v-8bbf308f]{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);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[data-v-8bbf308f]{height:80px}}@media (min-width: 840px){.next-project[data-v-8bbf308f]{padding:var(--space-xs);padding-right:var(--space-md);height:120px}}@media (min-width: 1024px){.next-project[data-v-8bbf308f]{padding-right:var(--space-lg)}}.next-project-prefix[data-v-8bbf308f]{color:var(--color-text-300);white-space:nowrap}.next-project-content[data-v-8bbf308f]{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[data-v-8bbf308f]{padding-left:var(--space-md)}}.next-project-title[data-v-8bbf308f]{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[data-v-8bbf308f]{font-size:var(--font-size-title-xs)}}.next-project-arrow[data-v-8bbf308f]{width:var(--icon-size-md);color:var(--color-text-300)}.next-project-image[data-v-8bbf308f]{border-radius:var(--radius-sm);max-height:100%;width:auto}@media (hover: hover) and (pointer: fine){.next-project[data-v-8bbf308f]:hover{background-color:var(--color-grayscale-400)}}.project-content[data-v-bb219968]{color:var(--color-text-400)}.project-content-grid[data-v-bb219968]{row-gap:var(--space-sm)}@media (min-width: 840px){.project-content-grid[data-v-bb219968]{row-gap:var(--space-xxl)}}.project-content-next-project[data-v-bb219968]{grid-column:1/13}@media (min-width: 840px){.project-content-next-project[data-v-bb219968]{grid-column:3/11}}@media (min-width: 1024px){.project-content-next-project[data-v-bb219968]{grid-column:4/10}}@media (min-width: 1280px){.project-content-next-project[data-v-bb219968]{grid-column:5/9}}.project-content-next-project-grid[data-v-bb219968]{padding:0 var(--space-outer);padding-top:var(--space-xl);padding-bottom:var(--space-xxxl)}.project-content-components[data-v-bb219968]{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[data-v-bb219968]{padding:64px var(--space-outer)}}.project-case-study[data-v-bb219968]{padding:var(--space-xl) var(--space-outer);gap:var(--space-xl)}@media (min-width: 840px){.project-case-study[data-v-bb219968]{padding:var(--space-xxxl) var(--space-outer)}}.project-case-study-main[data-v-bb219968]{grid-column:1/13;display:flex;flex-direction:column;gap:var(--space-lg)}@media (min-width: 840px){.project-case-study-main[data-v-bb219968]{grid-column:1/8}}@media (min-width: 1024px){.project-case-study-main[data-v-bb219968]{grid-column:2/8}}.project-case-study-sidebar[data-v-bb219968]{grid-column:1/13}@media (min-width: 840px){.project-case-study-sidebar[data-v-bb219968]{grid-column:8/13}}@media (min-width: 1024px){.project-case-study-sidebar[data-v-bb219968]{grid-column:8/12}}.project-case-study-section[data-v-bb219968]{display:flex;flex-direction:column;gap:var(--space-xs)}.project-case-study-label[data-v-bb219968]{font-family:ProFontWindows,monospace;text-transform:uppercase;color:var(--color-cyan-400);font-size:var(--font-size-sm);letter-spacing:.1em}.project-case-study-text[data-v-bb219968]{font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-400)}@media (min-width: 840px){.project-case-study-text[data-v-bb219968]{font-size:var(--font-size-lg)}}.project-metrics-list[data-v-bb219968]{list-style:none;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.project-metric-item[data-v-bb219968]{font-family:Urbanist,sans-serif;font-weight:700;font-size:var(--font-size-md);color:var(--color-text-400);position:relative;padding-left:var(--space-md)}.project-metric-item[data-v-bb219968]:before{content:"→";position:absolute;left:0;color:var(--color-cyan-400)}.project[data-v-004e445c]{min-height:calc(var(--lvh) * 100);background-color:var(--color-background-300);max-width:calc(var(--lvw) * 100);overflow:hidden}.project-content-wrapper[data-v-004e445c]{display:flex;flex-direction:column;justify-content:space-around;width:100%;opacity:0;transition:opacity .4s ease-out}.project-content-wrapper-visible[data-v-004e445c]{opacity:1}.project-footer[data-v-004e445c]{position:relative;margin-top:auto;color:var(--color-text-400)}.project[data-v-004e445c] ::selection{background:var(--color-accent-400);color:var(--color-accent-text-400);text-shadow:none}.project[data-v-004e445c] ::-moz-selection{background:var(--color-accent-400);color:var(--color-accent-text-400);text-shadow:none}.project-background[data-v-81fbff9c]{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[data-v-81fbff9c]{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[data-v-81fbff9c]{opacity:.5}.project-background-blend-transitioning[data-v-81fbff9c]{visibility:visible}.project-background-visible[data-v-81fbff9c]{transform:translateZ(0)}.project-background-transitioning[data-v-81fbff9c]{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}