:root{--color-background:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-border:#e5e7eb;--color-accent:#2563eb;--color-accent-dark:#1e40af;--color-hover-background:#f3f4f6;--color-active-background:#eff6ff;--color-focus-outline:#2563eb;--color-button-primary-bg:#111827;--color-button-primary-text:#fff;--color-button-primary-hover:#2563eb;--color-button-secondary-border:#111827;--color-button-secondary-text:#111827;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-relaxed:1.7;--line-height-loose:1.75;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--focus-outline-width:3px;--focus-outline-offset:2px;--min-interactive-size:44px}@media (prefers-color-scheme:dark){:root{--color-background:#111827;--color-background-secondary:#1f2937;--color-background-tertiary:#374151;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-tertiary:#9ca3af;--color-border:#6b7280;--color-accent:#93c5fd;--color-accent-dark:#93c5fd;--color-hover-background:#374151;--color-active-background:#1e3a8a;--color-button-primary-bg:#f9fafb;--color-button-primary-text:#111827;--color-button-primary-hover:#93c5fd;--color-button-secondary-border:#f9fafb;--color-button-secondary-text:#f9fafb}}@media (prefers-contrast:high){:root{--color-text-primary:#000;--color-text-secondary:#000;--color-background:#fff;--color-border:#000;--color-accent:#00e;--color-accent-dark:#00e;--color-button-primary-text:#fff}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:none;--transition-normal:none}}*{--scrollbar-width:calc(100vw - 100%);box-sizing:border-box;margin:0;padding:0;scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#111827;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);line-height:1.6;line-height:var(--line-height-normal)}.page-content{animation:fadeIn .5s ease-in-out .15s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-skeleton-wrapper{background-color:#f9fafb;background-color:var(--color-background-secondary);border-radius:8px;border-radius:var(--radius-lg);position:relative;width:100%}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f3f4f6,#f9fafb 50%,#f3f4f6);background:linear-gradient(90deg,var(--color-background-tertiary) 0,var(--color-background-secondary) 50%,var(--color-background-tertiary) 100%);background-size:200% 100%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.skeleton-image{aspect-ratio:16/9}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.image-skeleton-wrapper img{border-radius:12px;border-radius:var(--radius-xl);display:block;height:auto;height:100%;object-fit:cover;opacity:0;position:relative;transition:opacity .3s ease-in-out;width:100%;z-index:2}.image-skeleton-wrapper img.loaded{opacity:1}@media (prefers-reduced-motion:reduce){.page-content,.skeleton{animation:none!important}.skeleton{background:#f9fafb;background:var(--color-background-secondary)}}a{color:inherit;text-decoration:none}.about a,.contact-intro a,.project-detail p a,li a,p a{text-decoration:underline;-webkit-text-decoration-color:currentColor;text-decoration-color:initial;text-underline-offset:.25em}.btn,.btn-primary,.btn-secondary,.nav-link,.nav-logo{text-decoration:none}a:focus-visible{text-decoration:underline}.container{margin:0 auto;max-width:48rem;padding:0 1.5rem;padding:0 var(--spacing-lg)}nav{role:navigation;background-color:#fff;background-color:var(--color-background);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border)}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:48rem;padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg)}.nav-logo{border-radius:4px;border-radius:var(--radius-sm);color:#111827;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-fast)}.nav-logo:hover{background-color:#eff6ff;background-color:var(--color-active-background);color:#2563eb;color:var(--color-accent)}.nav-links-desktop{display:none;gap:.5rem;gap:var(--spacing-sm)}@media (min-width:768px){.nav-links-desktop{display:flex}}.nav-link{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#374151;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;min-height:44px;min-height:var(--min-interactive-size);min-width:44px;min-width:var(--min-interactive-size);padding:.75rem 1rem;padding:.75rem var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.nav-link:hover{background-color:#f3f4f6;background-color:var(--color-hover-background);color:#111827;color:var(--color-text-primary)}.nav-link.active{background-color:#eff6ff;background-color:var(--color-active-background);color:#2563eb;color:var(--color-accent);font-weight:600;font-weight:var(--font-weight-semibold)}.hamburger-button{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#111827;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-height:var(--min-interactive-size);min-width:44px;min-width:var(--min-interactive-size);padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-fast)}.hamburger-button:hover{background-color:#f3f4f6;background-color:var(--color-hover-background)}.hamburger-button:focus-visible{outline:3px solid #2563eb;outline:var(--focus-outline-width) solid var(--color-focus-outline);outline-offset:2px;outline-offset:var(--focus-outline-offset)}.hamburger-button:focus-visible:after{background-color:#111827;background-color:var(--color-text-primary);border-radius:4px;border-radius:var(--radius-sm);bottom:-2rem;color:#fff;color:var(--color-background);content:attr(aria-label);font-size:.75rem;font-size:var(--font-size-xs);left:50%;padding:.5rem .75rem;padding:var(--spacing-sm) .75rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}@media (min-width:768px){.hamburger-button{display:none}}.mobile-menu{background-color:#fff;background-color:var(--color-background);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);will-change:max-height}.mobile-menu.open{max-height:100vh;overflow:visible}@media (min-width:768px){.mobile-menu{display:none}}.mobile-menu-link{border-radius:4px;border-radius:var(--radius-sm);color:#374151;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:1rem;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.mobile-menu-link:hover{background-color:#f3f4f6;background-color:var(--color-hover-background);color:#111827;color:var(--color-text-primary)}.mobile-menu-link.active{background-color:#eff6ff;background-color:var(--color-active-background);color:#2563eb;color:var(--color-accent);font-weight:600;font-weight:var(--font-weight-semibold)}.landing{padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.landing-hero{margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.landing h1{font-size:3.5rem;font-size:var(--font-size-5xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.landing-intro{color:#374151;color:var(--color-text-secondary);font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.6;line-height:var(--line-height-normal);margin-bottom:2rem;margin-bottom:var(--spacing-xl);max-width:42rem}.landing-cta{display:flex;gap:1rem;gap:var(--spacing-md);margin-top:2rem;margin-top:var(--spacing-xl)}.btn{align-items:center;border-radius:6px;border-radius:var(--radius-md);display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);min-width:120px;padding:.875rem 1.5rem;padding:.875rem var(--spacing-lg);text-align:center;transition:all .2s ease;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:#111827;background-color:var(--color-button-primary-bg);color:#fff;color:var(--color-button-primary-text)}.btn-primary:hover{background-color:#2563eb;background-color:var(--color-button-primary-hover)}.btn-secondary{border:2px solid #111827;border:2px solid var(--color-button-secondary-border);color:#111827;color:var(--color-button-secondary-text)}.btn-secondary:hover{background-color:#111827;background-color:var(--color-button-secondary-border);color:#fff;color:var(--color-background)}.landing-highlights{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:4rem;margin-top:var(--spacing-3xl)}.highlight-card{background-color:#f9fafb;background-color:var(--color-background-secondary);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-xl)}.highlight-card h3{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.75rem}.highlight-card p{color:#374151;color:var(--color-text-secondary);line-height:1.6;line-height:var(--line-height-normal)}.highlight-stat{color:#2563eb;color:var(--color-accent);display:block;font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.about{padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.about h1{font-size:3rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.about-subtitle{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.about p,.about-subtitle{color:#374151;color:var(--color-text-secondary)}.about p{line-height:1.7;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--spacing-md);max-width:42rem}.about h2{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);margin-top:3rem;margin-top:var(--spacing-2xl)}.about ul{padding-left:1rem;padding-left:var(--spacing-md)}.about li,.home li{color:#374151;color:var(--color-text-secondary);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.home li{padding-left:1.5rem;text-indent:-1.5rem}.about hr{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin:3rem 0;margin:var(--spacing-2xl) 0}.experience-item{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.experience-item h3{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.experience-period{color:#6b7280;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.75rem}.experience-item ul{margin-top:.5rem;margin-top:var(--spacing-sm);padding-left:1rem;padding-left:var(--spacing-md)}.education-item{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.education-item p:first-child{font-weight:600;font-weight:var(--font-weight-semibold)}.education-item p:last-child{color:#374151;color:var(--color-text-secondary)}.skills-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;margin-top:var(--spacing-md)}.skill-item{background-color:#f9fafb;background-color:var(--color-background-secondary);border-radius:6px;border-radius:var(--radius-md);color:#374151;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:.75rem var(--spacing-md)}.contact{padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.contact h1{font-size:3rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.contact-intro{color:#374151;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);max-width:36rem}.contact-links{flex-direction:column}.contact-link,.contact-links{display:flex;gap:1rem;gap:var(--spacing-md)}.contact-link{align-items:center;background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-md);color:#374151;color:var(--color-text-secondary);padding:1rem;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.contact-link:hover{background-color:#eff6ff;background-color:var(--color-active-background);border-color:#2563eb;border-color:var(--color-accent);color:#2563eb;color:var(--color-accent)}.work{padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.work h1{font-size:3rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.project-list{display:flex;flex-direction:column;gap:3rem;gap:var(--spacing-2xl)}.project-item{align-items:flex-start;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);display:flex;gap:2rem;gap:var(--spacing-xl);margin:-1rem;margin:calc(var(--spacing-md)*-1);padding:1rem;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.project-item:hover{background-color:#f9fafb;background-color:var(--color-background-secondary);border-bottom-color:#2563eb;border-bottom-color:var(--color-accent)}.project-item:focus-visible{background-color:#f9fafb;background-color:var(--color-background-secondary);border-bottom-color:#2563eb;border-bottom-color:var(--color-accent)}.project-thumbnail{align-items:center;background-color:#f3f4f6;background-color:var(--color-background-tertiary);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:150px;justify-content:center;transition:border-color .2s ease;transition:border-color var(--transition-fast);width:200px}.project-item:hover .project-thumbnail{border-color:#2563eb;border-color:var(--color-accent)}.project-thumbnail img{border-radius:6px;border-radius:var(--radius-md);display:block;height:100%;object-fit:cover;width:100%}.project-content{flex:1 1}.project-item h2{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);transition:color .2s ease;transition:color var(--transition-fast)}.project-item:hover h2{color:#2563eb;color:var(--color-accent)}.project-subtitle{margin-bottom:.75rem}.project-duration,.project-subtitle{color:#374151;color:var(--color-text-secondary)}.project-duration{font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.project-tags{color:#6b7280;color:var(--color-text-tertiary);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--font-size-xs);gap:.5rem;gap:var(--spacing-sm)}.project-detail{padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg)}.back-link{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#374151;color:var(--color-text-secondary);display:inline-flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);margin-left:-.5rem;margin-left:calc(var(--spacing-sm)*-1);padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-fast)}.back-link:hover{background-color:#eff6ff;background-color:var(--color-active-background);color:#2563eb;color:var(--color-accent);text-decoration:underline}.project-detail h1{font-size:2.25rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}.project-detail h1,.project-detail-subtitle{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.project-detail-subtitle{color:#374151;color:var(--color-text-secondary);font-size:1.25rem;font-size:var(--font-size-xl)}.project-detail-duration{color:#374151;color:var(--color-text-secondary);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.project-detail hr{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin:3rem 0;margin:var(--spacing-2xl) 0}.project-detail h2{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.project-detail p{color:#374151;color:var(--color-text-secondary);line-height:1.75;line-height:var(--line-height-loose)}.project-detail li,.project-detail ul{padding-left:1rem;padding-left:var(--spacing-md)}.project-detail li{color:#374151;color:var(--color-text-secondary);line-height:1.75;line-height:var(--line-height-loose);margin-bottom:.75rem}.project-hero-image{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-xl);margin:2rem 0 3rem;margin:var(--spacing-xl) 0 var(--spacing-2xl) 0}.project-hero-image,.project-section-image{align-items:center;display:flex;justify-content:center;width:100%}.project-section-image{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-lg);flex-shrink:0;height:auto;margin:1.5rem 0;margin:var(--spacing-lg) 0}.project-section-image img{border-radius:6px;border-radius:var(--radius-md);display:block;height:100%;object-fit:cover;width:100%}.image-caption{color:#6b7280;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);font-style:italic;margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-top:.5rem;margin-top:var(--spacing-sm);text-align:center}.project-links{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.project-link{border-radius:4px;border-radius:var(--radius-sm);color:#2563eb;color:var(--color-accent);display:inline-block;margin-left:-.5rem;margin-left:calc(var(--spacing-sm)*-1);padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-fast);width:-webkit-fit-content;width:fit-content}.project-link:hover{background-color:#eff6ff;background-color:var(--color-active-background);text-decoration:underline}.about li,.experience-item li,.project-detail li{color:#374151;color:var(--color-text-secondary);line-height:1.75;line-height:var(--line-height-loose);margin-bottom:.75rem;padding-left:1rem;padding-left:var(--spacing-md)}@media (max-width:640px){.landing h1{font-size:2.5rem}.about h1,.contact h1,.work h1{font-size:2rem}.project-detail h1{font-size:1.75rem}.project-item{flex-direction:column}.project-thumbnail{height:200px;width:100%}.landing-cta{flex-direction:column}.btn{width:100%}.nav-links{gap:.25rem}.nav-link{font-size:.8125rem;padding:.5rem .75rem}.about>div:first-child{flex-direction:column!important;gap:1rem;gap:var(--spacing-md)}.btn-download{justify-content:center;width:100%}}@media (prefers-contrast:high){.back-link:hover,.contact-link:hover,.nav-link:hover,.project-item:hover h2{color:#1e40af;color:var(--color-accent-dark);text-decoration:underline}.project-item:hover{border-bottom-color:#1e40af;border-bottom-color:var(--color-accent-dark)}:focus-visible{outline:3px solid #1e40af;outline:var(--focus-outline-width) solid var(--color-accent-dark);outline-offset:2px;outline-offset:var(--focus-outline-offset)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:.2s ease!important;transition:var(--transition-fast)!important}}
/*# sourceMappingURL=main.69539b15.css.map*/