:root{--surface:#fbf9f9;--surface-dim:#dbdad9;--surface-bright:#fbf9f9;--surface-container-lowest:#fff;--surface-container-low:#f5f3f3;--surface-container:#efeded;--surface-container-high:#e9e8e7;--surface-container-highest:#e3e2e2;--on-surface:#1b1c1c;--on-surface-variant:#444748;--inverse-surface:#303031;--inverse-on-surface:#f2f0f0;--outline:#747878;--outline-variant:#c4c7c7;--primary:#000;--on-primary:#fff;--primary-container:#1c1b1b;--on-primary-container:#858383;--secondary:#4648d4;--on-secondary:#fff;--secondary-container:#6063ee;--background:#fbf9f9;--on-background:#1b1c1c;--font-serif:"EB Garamond", Georgia, serif;--font-sans:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", Consolas, monospace;--display-lg:80px;--headline-lg:48px;--headline-lg-mobile:32px;--headline-md:32px;--body-lg:20px;--body-md:16px;--label-caps:12px;--container-max:1280px;--edge-desktop:80px;--edge-tablet:40px;--edge-mobile:20px;--gutter:32px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--body-md);color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}#root{overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){:root{--surface:#16171d;--surface-dim:#0e0f14;--surface-bright:#2e2f38;--surface-container-lowest:#111217;--surface-container-low:#1c1d24;--surface-container:#20212a;--surface-container-high:#2b2c35;--surface-container-highest:#363740;--on-surface:#f3f4f6;--on-surface-variant:#9ca3af;--outline:#6b7280;--outline-variant:#374151;--primary:#f3f4f6;--on-primary:#1b1c1c;--background:#16171d;--on-background:#f3f4f6}}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#fbf9f9cc;border-bottom:1px solid #c4c7c74d;width:100%;position:fixed;top:0}.navbar-inner{height:80px;padding:0 var(--edge-mobile);max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--primary);font-size:24px;font-weight:500}.nav-links{align-items:center;gap:40px;display:none}.nav-links a{font-family:var(--font-sans);font-size:var(--body-md);color:var(--on-surface-variant);transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-links a.active{color:var(--primary);border-bottom:1px solid var(--primary);padding-bottom:4px}.hire-btn{background:var(--primary);color:var(--on-primary);font-family:var(--font-sans);font-size:var(--label-caps);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;padding:8px 24px;font-weight:600;transition:opacity .3s}.hire-btn:hover{opacity:.7}@media (width>=768px){.navbar-inner{padding:0 var(--edge-desktop)}.nav-links{display:flex}}.hero-section{min-height:100vh;padding:80px var(--edge-mobile) 0;max-width:var(--container-max);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.hero-content{max-width:896px}.hero-tag{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--secondary);margin-bottom:24px;font-size:10px;display:block}.hero-title{font-family:var(--font-serif);font-size:var(--headline-lg-mobile);letter-spacing:-.02em;color:var(--primary);margin:0 0 32px;font-weight:500;line-height:1.1}.hero-title .italic{font-style:italic;font-weight:400}.hero-subtitle{font-family:var(--font-sans);font-size:var(--body-lg);color:var(--on-surface-variant);max-width:576px;margin:0 0 48px;line-height:1.6}.hero-subtitle strong{color:var(--primary);font-weight:500}.cta-btn{background:var(--primary);color:var(--on-primary);font-family:var(--font-sans);font-size:var(--label-caps);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:16px;padding:16px 40px;font-weight:600;transition:opacity .3s;display:inline-flex}.cta-btn:hover{opacity:.9}@media (width>=768px){.hero-section{padding-left:var(--edge-desktop);padding-right:var(--edge-desktop)}.hero-title{font-size:var(--display-lg)}.hero-br{display:block}}.section-container{max-width:var(--container-max);padding:0 var(--edge-mobile);margin:0 auto}@media (width>=768px){.section-container{padding:0 var(--edge-desktop)}}.section-label{font-family:var(--font-sans);font-size:var(--label-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);margin-bottom:16px;font-weight:600;display:block}.section-title{font-family:var(--font-serif);font-size:var(--headline-lg-mobile);color:var(--primary);margin:0;font-weight:500;line-height:1.2}@media (width>=768px){.section-title{font-size:var(--headline-lg)}}.projects-section{padding:120px 0}.projects-header{flex-direction:column;align-items:flex-start;margin-bottom:80px;display:flex}.project-group{margin-bottom:128px}.project-group:last-child{margin-bottom:0}.project-group-header{align-items:center;gap:16px;margin-bottom:40px;display:flex}.tech-tag{font-family:var(--font-mono);letter-spacing:.05em;background:var(--primary);color:var(--on-primary);padding:4px 12px;font-size:10px}.divider{background:#c4c7c74d;flex-grow:1;height:1px}.project-grid{gap:64px var(--gutter);grid-template-columns:1fr;display:grid}@media (width>=768px){.project-grid{grid-template-columns:1fr 1fr}}.project-card{cursor:default}.project-card-offset{margin-top:0}@media (width>=768px){.project-card-offset{margin-top:96px}}.project-image-wrapper{background:var(--surface-container);margin-bottom:24px;position:relative;overflow:hidden}.project-image{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:all .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image{filter:grayscale(0%);transform:scale(1.02)}.project-image-placeholder{background:linear-gradient(135deg, var(--surface-container-high), var(--surface-container));filter:grayscale();width:100%;height:100%;transition:all .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image-placeholder{filter:grayscale(0%);transform:scale(1.02)}.project-code-block{color:var(--surface-container-highest);font-family:var(--font-mono);opacity:.85;background:#18181b;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;font-size:14px;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.project-card:hover .project-code-block{opacity:1;transform:scale(1.02)}.project-code-block pre{white-space:pre;margin:0;overflow:hidden}.project-code-block code{font-family:inherit}@media (width>=768px){.project-code-block{padding:32px}}.project-status-badge{background:var(--secondary);color:var(--on-secondary);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;font-size:10px;position:absolute;top:16px;right:16px}.project-image-arrow{background:var(--surface);width:44px;height:44px;color:var(--primary);border:1px solid var(--outline-variant);opacity:0;justify-content:center;align-items:center;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:16px;right:16px;transform:translateY(8px)}.project-card:hover .project-image-arrow{opacity:1;transform:translateY(0)}.project-image-arrow:hover{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.project-info{flex-direction:column;gap:8px;display:flex}.project-tags{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);font-size:10px}.project-title{font-family:var(--font-serif);font-size:var(--headline-md);color:var(--primary);margin:0;font-weight:400;line-height:1.3}.project-desc{font-family:var(--font-sans);font-size:var(--body-md);color:var(--on-surface-variant);margin:8px 0 0;line-height:1.6}.project-visit-link{align-items:center;gap:8px;width:fit-content;margin-top:16px;display:inline-flex;position:relative}.project-visit-link span{font-family:var(--font-serif);font-size:var(--body-md);color:var(--primary);font-weight:500}.project-visit-link svg{color:var(--secondary)}.visit-underline{background:var(--primary);width:0;height:1px;transition:width .5s;position:absolute;bottom:-4px;left:0}.project-visit-link:hover .visit-underline{width:100%}@media (width>=768px){.projects-section{padding:160px 0}}.capabilities-section{background:var(--surface-container-low);padding:120px 0}.capabilities-grid{gap:var(--gutter);grid-template-columns:1fr;align-items:start;display:grid}.capabilities-intro{max-width:448px}.capabilities-desc{font-family:var(--font-sans);font-size:var(--body-md);color:var(--on-surface-variant);margin:0;line-height:1.6}.capabilities-list{gap:64px var(--gutter);grid-template-columns:1fr;display:grid}.capability-icon-box{background:var(--primary);width:40px;height:40px;color:var(--on-primary);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.capability-title{font-family:var(--font-serif);font-size:var(--headline-md);color:var(--primary);margin:0 0 16px;font-weight:400;line-height:1.3}.capability-desc{font-family:var(--font-sans);font-size:var(--body-md);color:var(--on-surface-variant);margin:0;line-height:1.6}@media (width>=768px){.capabilities-section{padding:160px 0}.capabilities-grid{grid-template-columns:repeat(12,1fr)}.capabilities-intro{grid-column:span 4}.capabilities-list{grid-column:6/span 7;grid-template-columns:1fr 1fr}}.contact-section{padding:160px var(--edge-mobile);max-width:var(--container-max);text-align:center;margin:0 auto}.contact-heading{font-family:var(--font-serif);font-size:var(--display-lg);letter-spacing:-.02em;color:var(--primary);margin:0 0 48px;font-weight:500;line-height:1.1}.contact-desc{font-family:var(--font-sans);font-size:var(--body-lg);color:var(--on-surface-variant);max-width:576px;margin:0 auto 48px;line-height:1.6}.email-link{display:inline-block;position:relative}.email-link span{font-family:var(--font-serif);font-size:var(--headline-lg-mobile);color:var(--primary);border-bottom:1px solid #0003;padding-bottom:8px;font-weight:500;line-height:1.2;transition:border-color .3s}.email-link:hover span{border-color:var(--primary)}.email-underline{background:var(--primary);width:0;height:1px;transition:width .5s;position:absolute;bottom:-4px;left:0}.email-link:hover .email-underline{width:100%}@media (width>=768px){.contact-section{padding:160px var(--edge-desktop)}.email-link span{font-size:var(--headline-lg)}}.footer{background:var(--surface);border-top:1px solid #c4c7c733;width:100%;padding:64px 0}.footer-inner{padding:0 var(--edge-mobile);max-width:var(--container-max);flex-direction:column;align-items:center;gap:32px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--primary);font-size:24px;font-weight:500}.footer-links{gap:40px;display:flex}.footer-links a{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);font-size:10px;transition:color .3s}.footer-links a:hover{color:var(--primary)}.footer-copy{font-family:var(--font-mono);letter-spacing:.05em;color:#44474880;font-size:10px}@media (width>=768px){.footer-inner{padding:0 var(--edge-desktop);flex-direction:row;justify-content:space-between;align-items:center}}