:root,:root.dark{--color-surface: #08132a;--color-surface-dim: #08132a;--color-surface-bright: #2f3952;--color-surface-container-lowest: #030d25;--color-surface-container-low: #101b33;--color-surface-container: #151f37;--color-surface-container-high: #1f2942;--color-surface-container-highest: #2a344d;--color-on-surface: #d9e2ff;--color-on-surface-variant: #c4c7c7;--color-inverse-surface: #d9e2ff;--color-inverse-on-surface: #263049;--color-outline: #8e9192;--color-outline-variant: #444748;--color-surface-tint: #c9c6c5;--color-primary: #c9c6c5;--color-accent: #ffffff;--color-on-primary: #313030;--color-primary-container: #050505;--color-on-primary-container: #797777;--color-inverse-primary: #5f5e5e;--color-secondary: #b9c7e4;--color-on-secondary: #233148;--color-secondary-container: #3c4962;--color-on-secondary-container: #abb9d6;--color-tertiary: #c9c6c5;--color-on-tertiary: #313030;--color-tertiary-container: #050505;--color-on-tertiary-container: #797777;--color-error: #ffb4ab;--color-on-error: #690005;--color-error-container: #93000a;--color-on-error-container: #ffdad6;--color-background: #030303;--color-gradient-bottom: #06090C;--color-on-background: #d9e2ff;--color-grid-lines: rgba(100, 255, 218, .02);--color-custom-cursor: white;--color-staff-line: rgba(255, 255, 255, .05);--color-interactive-hover: #ffffff;--hover-brightness: brightness(1.2);--color-badge-available-bg: rgba(100, 255, 218, .05);--color-badge-available-border: rgba(100, 255, 218, .3);--color-badge-available-dot: #64ffda;--color-badge-unavailable-bg: rgba(255, 255, 255, .05);--color-badge-unavailable-border: rgba(255, 255, 255, .15);--color-badge-unavailable-dot: #8e9192;--color-badge-tech-bg: rgba(0, 0, 0, .6);--color-badge-tech-border: rgba(255, 255, 255, .05);--color-badge-tech-hover-bg: rgba(3, 9, 17, .6);--color-badge-tech-hover-border: rgba(201, 198, 197, .2);--color-badge-action-bg: #161616;--color-badge-action-border: rgba(255, 255, 255, .05);--color-badge-action-hover-bg: #181818;--font-display-lg-size: 72px;--font-display-lg-line-height: 1.1;--font-display-lg-weight: 700;--font-display-lg-ls: -.04em;--font-display-lg-mobile-size: 48px;--font-display-lg-mobile-line-height: 1.1;--font-display-lg-mobile-weight: 700;--font-display-lg-mobile-ls: -.02em;--font-headline-md-size: 32px;--font-headline-md-line-height: 1.2;--font-headline-md-weight: 500;--font-headline-md-ls: -.01em;--font-body-lg-size: 18px;--font-body-lg-line-height: 1.6;--font-body-lg-weight: 400;--font-body-md-size: 16px;--font-body-md-line-height: 1.6;--font-body-md-weight: 400;--font-label-mono-size: 12px;--font-label-mono-line-height: 1;--font-label-mono-weight: 500;--font-label-mono-ls: .1em;--spacing-unit: 8px;--spacing-container-max: 1280px;--spacing-gutter: 24px;--spacing-margin-mobile: 20px;--spacing-section-gap: 64px;--spacing-section-gap-mobile: 32px;--radius-sm: .125rem;--radius-default: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: .75rem}:root.light{--color-surface: #e6e9ee;--color-surface-dim: #dadde3;--color-surface-bright: #f0f3f8;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f5f7fa;--color-surface-container: #eaedf2;--color-surface-container-high: #e0e3e9;--color-surface-container-highest: #d6d9df;--color-on-surface: #1a202c;--color-on-surface-variant: #4a5568;--color-inverse-surface: #2d3748;--color-inverse-on-surface: #e2e8f0;--color-outline: #a0aec0;--color-outline-variant: #cbd5e0;--color-surface-tint: #4a5568;--color-primary: #4a5568;--color-accent: #000000;--color-on-primary: #ffffff;--color-primary-container: #e2e8f0;--color-on-primary-container: #1a202c;--color-inverse-primary: #a0aec0;--color-secondary: #4a5568;--color-on-secondary: #ffffff;--color-secondary-container: #edf2f7;--color-on-secondary-container: #2d3748;--color-tertiary: #718096;--color-on-tertiary: #ffffff;--color-tertiary-container: #e2e8f0;--color-on-tertiary-container: #2d3748;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #410002;--color-background: #f0f2f5;--color-gradient-bottom: #e4e7ec;--color-on-background: #1a202c;--color-grid-lines: rgba(0, 0, 0, .04);--color-custom-cursor: #1a202c;--color-staff-line: rgba(0, 0, 0, .08);--color-interactive-hover: #000000;--hover-brightness: none;--color-badge-available-bg: rgba(15, 118, 110, .05);--color-badge-available-border: rgba(15, 118, 110, .3);--color-badge-available-dot: #0f766e;--color-badge-unavailable-bg: rgba(0, 0, 0, .04);--color-badge-unavailable-border: rgba(0, 0, 0, .15);--color-badge-unavailable-dot: #4a5568;--color-badge-tech-bg: rgba(0, 0, 0, .04);--color-badge-tech-border: rgba(0, 0, 0, .1);--color-badge-tech-hover-bg: rgba(0, 0, 0, .08);--color-badge-tech-hover-border: rgba(0, 0, 0, .2);--color-badge-action-bg: #ffffff;--color-badge-action-border: rgba(0, 0, 0, .15);--color-badge-action-hover-bg: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-background);background-image:linear-gradient(to bottom,var(--color-background),var(--color-gradient-bottom)),repeating-linear-gradient(to bottom,transparent,transparent 31px,var(--color-grid-lines) 31px,var(--color-grid-lines) 32px);background-size:100% 100%,100% 160px;background-attachment:fixed;transition:background-color .5s ease,background-image .5s ease}body{color:var(--color-on-surface);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6;transition:color .5s ease;overflow-wrap:break-word}img{max-width:100%;height:auto}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px;opacity:.03;z-index:-1}@media(min-width:1024px){body,a,button,input,textarea,.interactive-el,[role=button]{cursor:none!important}}::selection{background-color:var(--color-accent);color:var(--color-background)}#custom-cursor{display:none}@media(min-width:1024px){#custom-cursor{display:block;position:fixed;top:0;left:0;width:22px;height:22px;color:var(--color-custom-cursor);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .2s ease;opacity:0}#custom-cursor.visible{opacity:1}}#custom-cursor svg{width:100%;height:100%;fill:currentColor;display:block}#custom-cursor.hovering{transform:translate(-50%,-50%) scale(.95)}#custom-cursor.blinking{animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.interactive-el,a,button{transition:color .3s ease,opacity .3s ease,filter .3s ease}.interactive-el:hover,a:hover,button:hover{color:var(--color-interactive-hover)!important;filter:var(--hover-brightness)}.container{max-width:var(--spacing-container-max);margin:0 auto;padding:0 var(--spacing-margin-mobile)}@media(min-width:768px){.container{padding:0 var(--spacing-gutter)}}.mx-auto{margin-left:auto;margin-right:auto}.max-w-4xl{max-width:896px}.section{padding:var(--spacing-section-gap-mobile) 0}@media(min-width:768px){.section{padding:var(--spacing-section-gap) 0}}.font-display-lg{font-family:Hanken Grotesk,sans-serif;font-size:var(--font-display-lg-mobile-size);line-height:var(--font-display-lg-mobile-line-height);font-weight:var(--font-display-lg-mobile-weight);letter-spacing:var(--font-display-lg-mobile-ls)}@media(min-width:768px){.font-display-lg{font-size:var(--font-display-lg-size);line-height:var(--font-display-lg-line-height);font-weight:var(--font-display-lg-weight);letter-spacing:var(--font-display-lg-ls)}}.font-headline-md{font-family:Hanken Grotesk,sans-serif;font-size:24px;line-height:var(--font-headline-md-line-height);font-weight:var(--font-headline-md-weight);letter-spacing:var(--font-headline-md-ls)}@media(min-width:768px){.font-headline-md{font-size:var(--font-headline-md-size)}}.font-body-lg{font-family:Inter,sans-serif;font-size:var(--font-body-lg-size);line-height:var(--font-body-lg-line-height);font-weight:var(--font-body-lg-weight)}.font-body-md{font-family:Inter,sans-serif;font-size:var(--font-body-md-size);line-height:var(--font-body-md-line-height);font-weight:var(--font-body-md-weight)}.font-label-mono{font-family:JetBrains Mono,monospace;font-size:var(--font-label-mono-size);line-height:var(--font-label-mono-line-height);font-weight:var(--font-label-mono-weight);letter-spacing:var(--font-label-mono-ls);text-transform:uppercase}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;background-color:transparent;backdrop-filter:blur(20px)}.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:64px}.nav-links{display:none}@media(min-width:768px){.nav-links{display:flex;gap:2rem}}.nav-link{color:var(--color-on-surface-variant);text-decoration:none;transition:all .3s ease;border-bottom:1px solid transparent;padding-bottom:4px}.nav-link:hover{color:var(--color-primary)}.nav-link.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.avatar{width:128px;height:128px;border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(142,145,146,.3);background-color:var(--color-surface-container-highest);user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out;filter:grayscale(.5);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;user-select:none;-webkit-user-drag:none}.avatar:hover img{transform:scale(1.01);filter:grayscale(.3)}.badge-available{display:inline-flex;align-items:center;gap:8px;padding:6.5px 12px;border-radius:var(--radius-full);border:1px solid var(--color-badge-available-border);background-color:var(--color-badge-available-bg)}.dot-ping{position:relative;display:flex;height:8px;width:8px}.dot-ping:before{content:"";position:absolute;height:100%;width:100%;border-radius:var(--radius-full);background-color:var(--color-badge-available-dot);opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.dot-ping:after{content:"";position:relative;height:8px;width:8px;border-radius:var(--radius-full);background-color:var(--color-badge-available-dot)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.badge-unavailable{display:inline-flex;align-items:center;gap:8px;padding:6.5px 12px;border-radius:var(--radius-full);border:1px solid var(--color-badge-unavailable-border);background-color:var(--color-badge-unavailable-bg)}.dot-neutral{position:relative;display:flex;height:8px;width:8px;border-radius:var(--radius-full);background-color:var(--color-badge-unavailable-dot)}.staff-line{height:1px;background-color:var(--color-staff-line);width:100%;margin:32px 0}.ghost-edge{border:1px solid rgba(13,28,50,.5)}.project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}@media(min-width:768px){.project-grid{gap:96px}}.project-image-container{position:relative;overflow:hidden;background-color:var(--color-surface-container);margin-bottom:24px;aspect-ratio:16/9}@media(min-width:768px){.project-image-container{aspect-ratio:16/9}}.project-image-container img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.33,1,.68,1);filter:grayscale(.7);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;image-rendering:-webkit-optimize-contrast}.project-image-container:hover img{transform:scale(1.08);filter:grayscale(.3)}footer{height:64px;display:flex;align-items:center;background-color:transparent}.footer-inner{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;gap:0}}.text-primary{color:var(--color-primary)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-headline-md{font-size:var(--font-headline-md-size);font-weight:var(--font-headline-md-weight)}.w-full{width:100%}.w-max{width:max-content}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.px-4{padding-left:16px;padding-right:16px}.no-underline{text-decoration:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-left{text-align:left}.gap-1{gap:4px}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8,.gap-12{gap:32px}.gap-16{gap:40px}.gap-20{gap:48px}.gap-24{gap:64px}@media(min-width:768px){.gap-12{gap:48px}.gap-16{gap:64px}.gap-20{gap:80px}.gap-24{gap:96px}}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:48px}.mb-12{margin-bottom:64px}.mb-16{margin-bottom:96px}.mt-4{margin-top:7.5px}.opacity-60{opacity:.6}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-tighter{letter-spacing:-.05em}.interactive-el{cursor:pointer}main{transition:opacity .7s ease}body.lang-switching main{opacity:0}@media(min-width:768px){.md\:flex{display:flex}.md\:grid{display:grid}.md\:px-0{padding-left:0;padding-right:0}.md\:flex-row{flex-direction:row}.md\:col-span-3{grid-column:span 3 / span 3}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-layout{grid-template-columns:215px 1fr}.md\:text-left{text-align:left}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}}.icon-toggle-container[data-astro-cid-3ef6ksr2]{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.icon-wrapper[data-astro-cid-3ef6ksr2]{position:absolute;opacity:0;transition:opacity .4s ease,transform .4s ease;transform:scale(.8);pointer-events:none;display:flex;align-items:center;justify-content:center}.icon-wrapper[data-astro-cid-3ef6ksr2].visible{opacity:1;transform:scale(1);pointer-events:auto}.badge-tech[data-astro-cid-mspuyifq],.badge-action[data-astro-cid-mspuyifq]{display:inline-flex;align-items:center;gap:6px;height:24px;border-radius:var(--radius-full);white-space:nowrap}.badge-tech[data-astro-cid-mspuyifq]{padding:0 10px;background-color:var(--color-badge-tech-bg);border:1px solid var(--color-badge-tech-border);color:var(--color-on-surface-variant)}.badge-tech[data-astro-cid-mspuyifq]:hover{background-color:var(--color-badge-tech-hover-bg);color:var(--color-primary);border-color:var(--color-badge-tech-hover-border)}.badge-action[data-astro-cid-mspuyifq]{padding:0 16px;background-color:var(--color-badge-action-bg);border:1px solid var(--color-badge-action-border);color:var(--color-on-surface)}.badge-action[data-astro-cid-mspuyifq]:hover{background-color:var(--color-badge-action-hover-bg);border-color:var(--color-accent);transform:translateY(-2px)}.badge-text[data-astro-cid-mspuyifq]{font-family:Inter,sans-serif;font-size:9px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;line-height:24px;display:block}.badge-tech[data-astro-cid-mspuyifq] .badge-text[data-astro-cid-mspuyifq]{font-size:9px}.badge-action[data-astro-cid-mspuyifq] .badge-text[data-astro-cid-mspuyifq]{font-size:10px}svg[data-astro-cid-mspuyifq]{display:block;flex-shrink:0}