:root{--bg:#0a0a0a;--fg:#fff;--fg-secondary:#a1a1aa;--border:#1a1a1a;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"Geist Mono", monospace;--text-xs:.7rem;--text-sm:.75rem;--text-base:.95rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:2rem;--text-2xl:3rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:48px;--space-3xl:80px;--space-4xl:120px;--max-width:1320px;--gutter:48px;--gutter-mobile:24px;--nav-height:72px;--meta-col:200px;--meta-col-wide:280px;--transition:.3s ease-out;--transition-slow:.8s ease-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}::selection{background-color:var(--fg);color:var(--bg)}a:focus-visible,button:focus-visible{outline:2px solid var(--fg-secondary);outline-offset:var(--space-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.fade-in{opacity:1;transform:none}}.nav{z-index:100;padding:0 var(--gutter);background-color:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(20px);transition:border-color var(--transition);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{max-width:var(--max-width);height:var(--nav-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-size:var(--text-md);letter-spacing:.12em;font-weight:600}.nav-links{gap:var(--space-xl);display:flex}.nav-links a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-secondary);letter-spacing:.05em;transition:color var(--transition);padding:var(--space-sm) 0;min-height:44px;font-weight:400;line-height:28px;display:inline-block}.nav-links a:hover{color:var(--fg)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:10px;display:none}.nav-toggle span{background-color:var(--fg);width:22px;height:1.5px;display:block}.hero{min-height:100svh;padding:0 var(--gutter) var(--space-3xl);align-items:flex-end;display:flex;position:relative}.hero-content{max-width:var(--max-width);width:100%;margin:0 auto}.hero-name{letter-spacing:-.05em;margin-bottom:var(--space-lg);font-size:clamp(4rem,12vw,11rem);font-weight:700;line-height:.95}.hero-title{color:var(--fg-secondary);letter-spacing:-.03em;margin-bottom:var(--space-2xl);font-size:clamp(2rem,6vw,6rem);font-weight:200;line-height:1}.hero-desc{font-size:var(--text-md);color:var(--fg-secondary);max-width:min(480px,100%);font-weight:300;line-height:1.8}.section{padding:var(--space-4xl) var(--gutter);max-width:var(--max-width);margin:0 auto}.section-title{letter-spacing:-.04em;margin-bottom:var(--space-3xl);font-size:clamp(3rem,7vw,6.25rem);font-weight:700;line-height:1}.about-grid{grid-template-columns:var(--meta-col) 1fr var(--meta-col-wide);display:grid}.about-label-col{gap:var(--space-sm);flex-direction:column;display:flex}.about-label-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-secondary);letter-spacing:.12em}.about-text{gap:var(--space-lg);flex-direction:column;display:flex}.about-text p{font-size:var(--text-lg);font-weight:300;line-height:1.9}.about-text p:first-child{color:var(--fg)}.about-text p:not(:first-child){color:var(--fg-secondary)}.about-info{gap:var(--space-md);padding-left:var(--space-2xl);flex-direction:column;display:flex}.about-info span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-secondary);letter-spacing:.03em}.exp-list{flex-direction:column;display:flex}.exp-item{grid-template-columns:var(--meta-col-wide) 1fr;padding:var(--space-xl) 0;border-top:1px solid var(--border);display:grid}.exp-meta{gap:var(--space-xs);flex-direction:column;display:flex}.exp-date,.exp-role{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-secondary);letter-spacing:.05em}.exp-body{gap:var(--space-md);flex-direction:column;display:flex}.exp-company{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600}.exp-desc{font-size:var(--text-base);color:var(--fg-secondary);max-width:640px;font-weight:300;line-height:1.8}.project-list{flex-direction:column;display:flex}.project-item{grid-template-columns:var(--meta-col) 1fr var(--meta-col);padding:var(--space-2xl) 0;border-top:1px solid var(--border);align-items:start;display:grid}.project-meta{gap:var(--space-xs);flex-direction:column;display:flex}.project-num,.project-type{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-secondary)}.project-body{gap:var(--space-md);flex-direction:column;display:flex}.project-name{font-size:var(--text-2xl);letter-spacing:-.03em;font-weight:600}.project-desc{font-size:var(--text-base);color:var(--fg-secondary);max-width:560px;font-weight:300;line-height:1.8}.project-links{gap:var(--space-sm);flex-direction:column;align-items:flex-end;display:flex}.project-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-secondary);transition:color var(--transition), letter-spacing var(--transition)}.project-link:hover{color:var(--fg);letter-spacing:.04em}.project-tech{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-secondary)}.skills-grid{grid-template-columns:repeat(4,1fr);display:grid}.skill-col{gap:var(--space-md);padding-right:var(--space-xl);flex-direction:column;display:flex}.skill-col:not(:first-child){padding-left:var(--space-xl);border-left:1px solid var(--border)}.skill-col-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-secondary);letter-spacing:.12em;font-weight:500}.skill-items{gap:var(--space-sm);flex-direction:column;display:flex}.skill-item{font-size:var(--text-base);transition:color var(--transition);font-weight:300}.skill-item.primary{color:var(--fg)}.skill-item.secondary{color:var(--fg-secondary)}.contact-grid{grid-template-columns:var(--meta-col-wide) 1fr;display:grid}.contact-label-col{gap:var(--space-sm);flex-direction:column;display:flex}.contact-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-secondary);letter-spacing:.12em}.contact-hint{font-size:var(--text-base);color:var(--fg-secondary);font-weight:300;line-height:1.7}.contact-body{gap:var(--space-lg);flex-direction:column;display:flex}.contact-email{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--fg);transition:opacity var(--transition);font-weight:400}.contact-email:hover{opacity:.7}.contact-link{font-family:var(--font-mono);font-size:var(--text-base);color:var(--fg-secondary);transition:color var(--transition), letter-spacing var(--transition)}.contact-link:hover{color:var(--fg);letter-spacing:.03em}.footer{padding:var(--space-lg) var(--gutter);border-top:1px solid var(--border);max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-secondary)}.fade-in{opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.about-grid{gap:var(--space-xl);grid-template-columns:1fr}.about-info{padding-left:0}.exp-item,.project-item{gap:var(--space-md);grid-template-columns:1fr}.project-links{align-items:flex-start;gap:var(--space-sm) var(--space-md);flex-flow:wrap}.project-name{font-size:var(--text-xl)}.contact-grid{gap:var(--space-lg);grid-template-columns:1fr}.skills-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}.skills-grid>.skill-col{border:none;padding:0}}@media (width<=768px){:root{--gutter:var(--gutter-mobile)}.nav{padding:0 var(--gutter-mobile)}.nav-toggle{display:flex}.nav-links{top:var(--nav-height);background-color:color-mix(in srgb, var(--bg) 95%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--gutter-mobile);gap:var(--space-xs);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:all var(--transition);flex-direction:column;position:fixed;left:0;right:0;transform:translateY(-100%)}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.hero{padding:0 var(--gutter-mobile) 60px}.section{padding:var(--space-3xl) var(--gutter-mobile)}.section-title{margin-bottom:var(--space-2xl);font-size:clamp(2rem,10vw,3.5rem)}.hero-name{font-size:clamp(3rem,14vw,5rem)}.hero-title{font-size:clamp(1.5rem,6vw,2.5rem)}.skills-grid{grid-template-columns:1fr}.footer{padding:var(--gutter-mobile)}.contact-email{font-size:clamp(1.25rem,4vw,2rem)}.project-desc,.exp-desc{max-width:100%}.project-tech,.about-info span,.about-label-text,.skill-col-title,.footer span{font-size:var(--text-sm)}}@media (width<=374px){.hero-name{font-size:clamp(2.5rem,16vw,3.5rem)}.hero-title{font-size:clamp(1.25rem,7vw,2rem)}.section-title{font-size:clamp(1.75rem,12vw,2.5rem)}}@media (height<=500px) and (orientation:landscape){.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-xl));padding-bottom:var(--space-xl)}}