body{margin:0;position:relative;overflow-x:hidden;background:var(--color-bg-primary);scroll-behavior:smooth}.divider{background-color:var(--color-text-black);margin:0;opacity:.1;width:100%}:root{--color-primary: #ffffff;--color-secondary: #292929;--color-tetriary: #ebebeb;--color-fourth: #ddf383;--color-text-primary: #292929;--color-text-secondary: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f4fcd3;--color-bg-primary-alpha: #ffffff67;--color-border-light: #dadada;--border-thickness-sm: 1px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 60px;--radius-tag: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--height-bar: 2.5rem;--opacity-divider: .2;--opacity-hover: .8;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--z-sm: 1;--z-md: 500;--z-lg: 1000;--z-xl: 9999;--z-2xl: 10000;--scale-sm: 1.025;--scale-md: 1.05;--scale-lg: 1.1}@font-face{font-family:Overused Grotesk;src:url(/fonts/OverusedGrotesk/OverusedGrotesk-VF.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/Inter/Inter-Variable.ttf) format("truetype")}:root{--font-family-primary: "Overused Grotesk", Arial, Helvetica, sans-serif;--font-family-heading: "Inter", Arial, Helvetica, sans-serif;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.8rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--letter-spacing-very-tight: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;font-family:var(--font-family-primary);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary)}h1{font-size:clamp(3.125em,calc(2.625em + 4vmin),5.25em);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-very-tight);margin:0}h2{font-size:clamp(2.8125em,calc(2.375em + 3.5vmin),4.5em);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-very-tight);margin:0}h3{font-size:clamp(2.375em,calc(2em + 3vmin),3.75em);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-very-tight);margin:0}h4{font-size:clamp(1.9375em,calc(1.625em + 2.5vmin),3em);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-very-tight);margin:0}h5{font-size:clamp(1.5em,calc(1.25em + 2vmin),2.25em);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-very-tight);margin:0}h6{font-size:clamp(1.1875em,calc(1em + 1.5vmin),1.875em);font-family:var(--font-family-primary);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-very-tight);margin:0}.p1{font-size:clamp(1.0625em,calc(.875em + 1.2vmin),1.5em);font-family:var(--font-family-primary);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);margin:0rem}.p2{font-size:clamp(.875em,calc(.75em + .7vmin),1.125em);font-family:var(--font-family-primary);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);margin:0rem}.p3{font-size:clamp(.75em,calc(.625em + .6vmin),1em);font-family:var(--font-family-primary);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);margin:0rem}.p4{font-size:clamp(.625em,calc(.5em + .5vmin),.875em);font-family:var(--font-family-primary);line-height:var(--line-height-tight);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-tight);margin:0rem}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;position:relative}.landing-page-content{display:flex;flex-direction:column;text-align:center;align-items:center;gap:var(--spacing-xl)}.dither-container{width:100%;height:100%;position:absolute}.button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);height:2.75rem;cursor:pointer;transition:transform var(--transition-fast);font-family:inherit}.button-fixed-width{width:9rem}.button-image{width:1.5rem;height:1.5rem;margin-right:var(--spacing-sm)}.button:hover{transform:scale(var(--scale-md))}.top-bar{display:flex;justify-content:space-between;top:0;position:fixed;flex-direction:row;align-items:center;width:100%;height:auto;padding:var(--spacing-sm);box-sizing:border-box}.top-bar-line{width:100%;height:1px;background:var(--color-secondary);margin:0 var(--spacing-sm);box-sizing:border-box}.content-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.content-page-content{display:flex;flex-direction:column;text-align:left;justify-content:left;padding:var(--spacing-xl) var(--spacing-sm);max-width:1400px;margin:auto;gap:var(--spacing-xl)}.content-bar-line{width:100%;height:1px;background:var(--color-secondary);margin:0 var(--spacing-sm);box-sizing:border-box}.grid-gallery-container{width:100%;height:auto;display:block}.grid-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);justify-content:space-between;width:100%}.grid-gallery-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--color-bg-secondary);z-index:var(--z-md);cursor:pointer;position:relative;aspect-ratio:1;z-index:var(--z-sm);filter:grayscale(100%);transition:transform var(--transition-fast),filter var(--transition-slow)}.grid-gallery-tag{position:absolute;bottom:0;left:0;width:auto;height:auto;margin:var(--spacing-sm);border-radius:var(--radius-pill);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary-alpha);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));z-index:var(--z-md)}.grid-gallery-card:hover{transform:scale(var(--scale-sm));filter:none}@media screen and (max-width: 768px){.job-cards-grid-main{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.navbar-container{display:flex;justify-content:center;position:fixed;bottom:35px;left:50%;transform:translate(-50%);gap:var(--spacing-xs);width:auto;height:auto;border-radius:var(--radius-pill);padding:var(--spacing-xs);background-color:var(--color-bg-primary);z-index:var(--z-md);opacity:1;transition:opacity var(--transition-slow)}.navbar-container.hidden{opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.pop-up-container{display:flex;flex-direction:column;width:100%;height:100%;position:fixed;z-index:var(--z-xl);background:var(--color-bg-primary-alpha);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-sizing:border-box;align-items:center;justify-content:center}.pop-up-content{display:flex;flex-direction:column;background-color:var(--color-bg-primary);box-shadow:var(--shadow-md);padding:var(--spacing-lg);gap:var(--spacing-sm);z-index:var(--z-2xl);max-width:600px;height:auto;max-height:90%;text-align:left;overflow-x:hidden;overflow-y:scroll}.pop-up-image{width:100%;aspect-ratio:1}.pop-up-close{position:absolute;padding:var(--spacing-md);cursor:pointer}@media (max-width: 600px){.pop-up-container{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--spacing-sm)}.pop-up-content{padding:var(--spacing-sm)}}.about-container{display:flex;flex-direction:column;width:100%;height:100%;gap:var(--spacing-2xl)}.about-skills-container{display:flex;flex-direction:column;width:100%;height:100%;gap:var(--spacing-md)}.cards-container{width:100%;height:100%;overflow:hidden}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:0 auto}.card{display:flex;flex-direction:column;justify-content:space-between;background:var(--color-bg-secondary);padding:var(--spacing-md);gap:var(--spacing-sm);position:relative;height:auto;z-index:var(--z-sm)}