*,*: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(/portfolio/fonts/urbanist-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/portfolio/fonts/urbanist-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/portfolio/fonts/urbanist-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:ProFontWindows;src:url(/portfolio/fonts/pro-font-windows-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ProFontWindows;src:url(/portfolio/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-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: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}.header-link[data-v-7da04cd0]{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[data-v-7da04cd0]: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[data-v-7da04cd0]:after{background-color:var(--color-dark-blue-600)}.header-link-active[data-v-7da04cd0]:after{opacity:0!important}@media (hover: hover) and (pointer: fine){.header-link[data-v-7da04cd0]:hover{color:var(--color-white-400)}.header-link[data-v-7da04cd0]:hover:after{opacity:1}}