@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-Variable.ttf) format("truetype")}:root{--primary-color: oklch(74.6% .16 232.661);--primary-color-hover: oklch(58.8% .158 241.966);--neutral-color-50: oklch(98.5% 0 0);--neutral-color-100: oklch(97% 0 0);--neutral-color-200: oklch(92.2% 0 0);--neutral-color-300: oklch(87% 0 0);--neutral-color-400: oklch(70.8% 0 0);--neutral-color-500: oklch(55.6% 0 0);--neutral-color-600: oklch(43.9% 0 0);--neutral-color-700: oklch(37.1% 0 0);--neutral-color-800: oklch(26.6% 0 0);--neutral-color-900: oklch(20.5% 0 0);--neutral-color-950: oklch(14.5% 0 0);--gradient-primary: linear-gradient(oklch(98.5% 0 0) 0%, var(--primary-color) 100%);--font-family-primary: "Satoshi", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 2.25rem;--font-size-2xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4.75rem;--spacing-2xl: 8rem;--spacing-3xl: 11rem;--border-radius-sm: .4rem;--border-radius-md: 1rem;--border-radius-lg: 3rem;--navbar-margin: 114px}.dark{--neutral-color-950: oklch(98.5% 0 0);--neutral-color-900: oklch(97% 0 0);--neutral-color-800: oklch(92.2% 0 0);--neutral-color-700: oklch(87% 0 0);--neutral-color-600: oklch(70.8% 0 0);--neutral-color-500: oklch(55.6% 0 0);--neutral-color-400: oklch(43.9% 0 0);--neutral-color-300: oklch(37.1% 0 0);--neutral-color-200: oklch(26.6% 0 0);--neutral-color-100: oklch(20.5% 0 0);--neutral-color-50: oklch(14.5% 0 0)}.preserve-colors{--neutral-color-50: oklch(98.5% 0 0);--neutral-color-100: oklch(97% 0 0);--neutral-color-200: oklch(92.2% 0 0);--neutral-color-300: oklch(87% 0 0);--neutral-color-400: oklch(70.8% 0 0);--neutral-color-500: oklch(55.6% 0 0);--neutral-color-600: oklch(43.9% 0 0);--neutral-color-700: oklch(37.1% 0 0);--neutral-color-800: oklch(26.6% 0 0);--neutral-color-900: oklch(20.5% 0 0);--neutral-color-950: oklch(14.5% 0 0)}#app{min-height:100vh;margin-top:var(--navbar-margin)}body,html{font-family:var(--font-family-primary);color:var(--neutral-color-950);background-color:var(--neutral-color-50);margin:0;padding:0;line-height:1.5;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}a{color:inherit;text-decoration:none}.link{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}h1,h2,p{margin:0;padding:0}h1{font-size:var(--font-size-xl);font-weight:400}h2{font-size:var(--font-size-lg);font-weight:600}p{font-size:var(--font-size-base);font-weight:400}.paragraph{max-width:60ch}img{width:100%;object-fit:cover}.muted{color:var(--neutral-color-500)}.primary-color{color:var(--primary-color)}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-30{flex:0 0 30%}.flex-50{flex:50%}.width-50{width:50%!important}.width-100{width:100%}.w-fit{width:fit-content}.align-center{align-items:center}.absolute-center{position:absolute;left:50%;translate:-50%}.mt-auto{margin-top:auto}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.ml-auto{margin-left:auto}.ml-md{margin-left:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.padding-sm{padding:var(--spacing-sm)}.padding-md{padding:var(--spacing-md)}.padding-lg{padding:var(--spacing-lg)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.px-3xl{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.bold{font-weight:600}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-3xl{gap:var(--spacing-3xl)}.border-200{border:1px var(--neutral-color-200) solid}.border-bottom{border-bottom:2px var(--neutral-color-300) solid}.br-sm{border-radius:var(--border-radius-sm)}.br-md{border-radius:var(--border-radius-md)}.br-lg{border-radius:var(--border-radius-lg)}.bg-200{background-color:var(--neutral-color-200)}@keyframes fadeInUp{0%{transform:translate3d(0,40px,0);opacity:0}to{transform:translateZ(0);opacity:1}}.fade-in-up{animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:both}nav{position:fixed;z-index:1000;top:30px;justify-items:center;padding:0 var(--spacing-3xl);width:100%;box-sizing:border-box}.nav-wrapper{background-color:var(--neutral-color-900);padding:12px;font-size:var(--font-size-lg);border-radius:var(--border-radius-md);width:100%}.nav-wrapper a{color:var(--neutral-color-50);text-decoration:none}.navbar-pfp{width:30px;height:30px;object-fit:contain;border-radius:var(--border-radius-sm)}.theme-toggle-btn{background:var(--gradient-primary);border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;color:var(--neutral-color-950)}ul{margin:0}.pc-image-wrapper{display:flex;width:100%;overflow:hidden;border-radius:var(--border-radius-sm);aspect-ratio:1.8 / 1}.youtube-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px}.youtube-wrapper iframe{width:100%;height:100%;border:none;display:block;border-radius:var(--border-radius-sm)}.youtube-mobile{aspect-ratio:886 / 1920;width:fit-content}@media (max-width: 1024px){:root{--spacing-3xl: 2rem}}@media (max-width: 768px){:root{--font-size-xl: 1.75rem;--font-size-2xl: 2rem;--spacing-lg: 1.5rem;--spacing-xl: 2.25rem;--spacing-2xl: 3rem}.flex-col-mobile{flex-direction:column!important}.width-50{width:auto!important}}.project-card-view-overlay[data-v-444e9cd3]{position:absolute;background-color:var(--primary-color);color:var(--neutral-color-50);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,translate .3s ease;align-self:flex-end;margin-top:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);z-index:10;translate:0 - (var(--spacing-md))}.project-card:hover .project-card-view-overlay[data-v-444e9cd3]{opacity:1;translate:0 var(--spacing-sm)}.project-card[data-v-444e9cd3]{padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--neutral-color-200);gap:var(--spacing-md);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;max-height:70vh}.project-card img[data-v-444e9cd3]{height:100%;transition:transform .3s ease}.project-card:hover img[data-v-444e9cd3]{transform:scale(1.05)}#about[data-v-0ccffdbb],#work[data-v-0ccffdbb]{position:inherit;transform:translateY(calc(-1 * var(--navbar-margin)))}.about-education-icon[data-v-0ccffdbb]{width:24px;height:24px;border-radius:3px}.about-portrait[data-v-0ccffdbb]{border-radius:var(--border-radius-sm)}.height-100[data-v-0ccffdbb]{min-height:calc(100vh - var(--navbar-margin))}.landing-text[data-v-0ccffdbb]{font-size:var(--font-size-2xl);max-width:80%;box-sizing:border-box;display:inline-block}.resume-btn[data-v-0ccffdbb]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);background-color:var(--neutral-color-200);align-items:center;justify-content:center;color:var(--neutral-color-950);width:fit-content;transition:background-color .3s ease}.resume-btn[data-v-0ccffdbb]:hover{background-color:var(--neutral-color-300)}@media (max-width: 768px){.landing-text[data-v-0ccffdbb]{max-width:100%}}.case-image-wrapper[data-v-ccb15c3c]{position:relative;width:auto;height:fit-content}p[data-v-ccb15c3c]{position:absolute;right:var(--spacing-lg);top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:var(--neutral-color-800);color:var(--neutral-color-50)}.link[data-v-2767ed4e]{display:flex;align-items:center;text-decoration:underline;gap:var(--spacing-xs);width:fit-content;line-height:2;padding:var(--spacing-sm);transform:translate(calc(-1 * var(--spacing-sm)));transition:color .2s ease}.link[data-v-2767ed4e]:hover{color:var(--primary-color)}.pc-image-wrapper[data-v-f81668de]{aspect-ratio:auto}.pc-image-wrapper img[data-v-f81668de]{height:100%}.comment[data-v-9cec3289]{display:flex;align-items:center}.reddit-icon[data-v-9cec3289]{width:var(--spacing-lg);height:var(--spacing-lg)}.youtube-mobile[data-v-39645122]{aspect-ratio:884 / 1484}button[data-v-9921e8e5]{transition:box-shadow .2s ease}button[data-v-9921e8e5]:hover{box-shadow:0 0 16px 2px var(--primary-color)}.flex-row[data-v-98dbcb05]{text-transform:capitalize}ul[data-v-98dbcb05]{margin:0;padding:0;list-style:none}li a[data-v-98dbcb05]{padding:var(--spacing-sm)}a[data-v-98dbcb05]{transition:color .2s ease}a[data-v-98dbcb05]:hover{color:var(--neutral-color-400)}nav[data-v-afb7d2aa]{padding:0 var(--spacing-md)}.nav-wrapper[data-v-afb7d2aa]{transition:opacity .2s ease,transform .2s ease}.flex-col[data-v-afb7d2aa]{text-transform:capitalize}ul[data-v-afb7d2aa]{padding:0;list-style:none;width:100%;margin:0 0 0 38px;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}li a[data-v-afb7d2aa]{padding:var(--spacing-sm);width:100%;display:block;border-radius:var(--border-radius-sm)}li a[data-v-afb7d2aa]:hover{background-color:var(--neutral-color-800)}a[data-v-afb7d2aa]{transition:color .2s ease}a[data-v-afb7d2aa]:hover{color:var(--neutral-color-400)}.hamburger[data-v-afb7d2aa]{color:var(--neutral-color-50);cursor:pointer}svg[data-v-afb7d2aa]{transition:color .2s ease}svg[data-v-afb7d2aa]:hover{color:var(--neutral-color-400)}footer[data-v-4acb886d]{color:var(--neutral-color-50);background-color:var(--neutral-color-900);padding:var(--spacing-lg) var(--spacing-3xl)}.flex-col a[data-v-4acb886d]{width:fit-content;color:var(--neutral-color-50);text-decoration:underline}a[data-v-4acb886d]{font-weight:400}