:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "DM Mono", "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s8: 3rem;--s10: 4rem;--s12: 5rem;--s16: 8rem;--spine-x: 2.5rem;--spine-width: 1px;--t-fast: .15s ease;--t-base: .25s ease;--t-slow: .45s ease}[data-theme=dark]{--bg: #080c10;--bg-raised: #0d1117;--surface: #161b22;--text: #e6edf3;--text-inv: #080c10;--border-c: #21262d;--accent: #38bdf8;--accent-dim:#0ea5e9;--muted: #7d8590;--subtle: #484f58}[data-theme=light]{--bg: #f0f6ff;--bg-raised: #ffffff;--surface: #ffffff;--text: #0d1117;--text-inv: #ffffff;--border-c: #d0d7de;--accent: #0969da;--accent-dim:#0550ae;--muted: #57606a;--subtle: #afb8c1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.7;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-slow),color var(--t-slow)}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--s6)}@media (max-width: 640px){.container{padding:0 var(--s5)}}.spine-section{position:relative;padding:var(--s12) 0}.spine-section:before{content:"";position:absolute;left:calc(var(--spine-x) + var(--s6));top:0;bottom:0;width:var(--spine-width);background-color:var(--border-c)}@media (max-width: 900px){.spine-section:before{display:none}}.display{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accent{color:var(--accent)}.muted{color:var(--muted)}.section-head{margin-bottom:var(--s8);display:flex;flex-direction:column;gap:var(--s2)}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.2em;color:var(--accent);display:block}.section-title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--text)}.section-subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);margin-top:var(--s1)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--s4) 0;transition:background-color var(--t-slow),border-color var(--t-slow)}.navbar--scrolled{background-color:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-c)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s5)}.navbar__logo{font-size:var(--text-xl);font-weight:900;color:var(--accent);letter-spacing:-.02em;line-height:1;transition:opacity var(--t-fast);flex-shrink:0}.navbar__logo:hover{opacity:.7}.navbar__links{display:flex;align-items:center;gap:var(--s6)}.navbar__link{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color var(--t-fast);position:relative}.navbar__link:after{content:"";position:absolute;bottom:-3px;left:0;right:100%;height:1px;background-color:var(--accent);transition:right var(--t-base)}.navbar__link:hover{color:var(--text)}.navbar__link:hover:after{right:0}.navbar__controls{display:flex;align-items:center;gap:var(--s3)}.navbar__ctrl-btn{background:none;border:1px solid var(--border-c);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;padding:var(--s1) var(--s3);border-radius:2px;transition:color var(--t-fast),border-color var(--t-fast);display:flex;align-items:center;gap:var(--s1);line-height:1.8}.navbar__ctrl-btn:hover{color:var(--text);border-color:var(--accent)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:var(--s2);cursor:pointer}.hamburger-line{display:block;width:22px;height:1px;background-color:var(--text);transition:transform var(--t-base),opacity var(--t-base);transform-origin:center}.hamburger-line--open:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-line--open:last-child{transform:translateY(-6px) rotate(-45deg)}@media (max-width: 768px){.navbar__hamburger{display:flex}.navbar__links{position:fixed;top:0;right:0;width:260px;height:100vh;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--s6);padding:var(--s8) var(--s6);background-color:var(--bg-raised);border-left:1px solid var(--border-c);transform:translate(100%);transition:transform var(--t-slow)}.navbar__links--open{transform:translate(0)}.navbar__link{font-size:var(--text-sm)}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--s16);padding-bottom:var(--s10);position:relative}.hero__inner{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--s10);align-items:center}.hero__photo-wrap{position:relative;display:flex;justify-content:flex-end;align-items:center}.hero__photo-frame{position:relative;width:320px;height:400px;flex-shrink:0}.hero__photo-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--accent);transform:translate(10px,10px);z-index:0;transition:transform var(--t-base)}.hero__photo-frame:hover:before{transform:translate(6px,6px)}.hero__photo{width:100%;height:100%;object-fit:cover;object-position:top;position:relative;z-index:1;filter:grayscale(60%) contrast(1.05);transition:filter var(--t-slow)}.hero__photo-frame:hover .hero__photo{filter:grayscale(20%) contrast(1.02)}.hero__photo-line{position:absolute;left:50%;bottom:-60px;width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent)}.hero__content{display:flex;flex-direction:column;gap:var(--s5)}.hero__greeting{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:300;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.hero__name{font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--text);min-height:1.05em}.hero__cursor{display:inline-block;color:var(--accent);animation:blink 1s step-end infinite;margin-left:2px}.hero__cursor--done{animation:none;opacity:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__tagline{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);font-weight:400;letter-spacing:.06em;text-transform:uppercase;margin-top:calc(-1 * var(--s3))}.hero__intro{font-family:var(--font-mono);font-size:var(--text-base);color:var(--muted);line-height:1.8;max-width:480px}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s3)}.btn{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.65em 1.4em;border:1px solid transparent;border-radius:0;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast);white-space:nowrap}.btn--accent{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}.btn--accent:hover{background-color:var(--accent-dim);border-color:var(--accent-dim)}.btn--ghost{background-color:transparent;color:var(--text);border-color:var(--border-c)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.hero__links{display:flex;flex-wrap:wrap;gap:var(--s5);padding-top:var(--s2);border-top:1px solid var(--border-c)}.hero__social-link{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);letter-spacing:.05em;transition:color var(--t-fast)}.hero__social-link:hover{color:var(--accent)}.hero__scroll{position:absolute;bottom:var(--s6);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.hero__scroll-line{display:block;width:1px;height:48px;background:linear-gradient(to bottom,var(--accent) 0%,transparent 100%);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;gap:var(--s6)}.hero__photo-wrap{justify-content:center;order:-1}.hero__photo-frame{width:240px;height:300px}.hero__photo-line,.hero__scroll{display:none}}@media (max-width: 640px){.hero{padding-top:var(--s12);min-height:auto;padding-bottom:var(--s8)}.hero__name,.hero__greeting,.hero__tagline,.hero__intro{text-align:center}.hero__intro{margin:0 auto}.hero__actions,.hero__links{justify-content:center}.hero__photo-frame{width:200px;height:250px}}.projects{background-color:var(--bg-raised)}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s5)}.project-card{opacity:0;transform:translateY(20px);transition:opacity var(--t-slow),transform var(--t-slow)}.project-card--visible{opacity:1;transform:translateY(0)}.project-card__inner{height:100%;padding:var(--s6);border:1px solid var(--border-c);display:flex;flex-direction:column;gap:var(--s4);transition:border-color var(--t-base);position:relative}.project-card__inner:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background-color:var(--accent);transition:width var(--t-slow)}.project-card__inner:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-c))}.project-card__inner:hover:before{width:100%}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.project-card__title{font-size:var(--text-xl);font-weight:700;line-height:1.2;color:var(--text);letter-spacing:-.01em}.project-card__ext{color:var(--muted);flex-shrink:0;margin-top:4px;transition:color var(--t-fast),transform var(--t-fast)}.project-card__ext:hover{color:var(--accent);transform:translate(2px,-2px)}.project-card__desc{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);line-height:1.8;flex:1}.project-card__footer{display:flex;flex-direction:column;gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--border-c);margin-top:auto}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--s2)}.tag{font-family:var(--font-mono);font-size:.7rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);padding:2px 8px;border:1px solid var(--border-c)}.project-card__link{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);transition:gap var(--t-fast),opacity var(--t-fast)}.project-card__link:hover{gap:var(--s3)}@media (max-width: 640px){.projects__grid{grid-template-columns:1fr}}.about__layout{display:grid;grid-template-columns:1fr 320px;gap:var(--s10);align-items:start;opacity:0;transform:translateY(16px);transition:opacity var(--t-slow),transform var(--t-slow)}.about__layout--visible{opacity:1;transform:translateY(0)}.about__bio{display:flex;flex-direction:column;gap:var(--s5)}.about__bio p{font-family:var(--font-mono);font-size:var(--text-base);color:var(--muted);line-height:1.9}.about__sub{font-size:var(--text-xl);font-weight:700;color:var(--text);letter-spacing:-.01em;margin-top:var(--s3)}.about__sidebar{display:flex;flex-direction:column;gap:var(--s5);position:sticky;top:6rem}.about__card{border:1px solid var(--border-c);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.about__card-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.about__skills{display:flex;flex-wrap:wrap;gap:var(--s2)}.about__langs{display:flex;flex-direction:column;gap:0}.about__lang{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--border-c)}.about__lang:last-child{border-bottom:none}.about__lang-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text)}.about__lang-level{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--subtle);letter-spacing:.06em}@media (max-width: 900px){.about__layout{grid-template-columns:1fr}.about__sidebar{position:static;flex-direction:row;flex-wrap:wrap}.about__card{flex:1;min-width:260px}}@media (max-width: 580px){.about__sidebar{flex-direction:column}.about__card{min-width:100%}}.contact{background-color:var(--bg-raised)}.contact__body{max-width:540px;opacity:0;transform:translateY(16px);transition:opacity var(--t-slow),transform var(--t-slow)}.contact__body--visible{opacity:1;transform:translateY(0)}.contact__text{font-family:var(--font-mono);font-size:var(--text-base);color:var(--muted);line-height:1.8;margin-bottom:var(--s8)}.contact__links{display:flex;flex-direction:column;gap:var(--s3)}.contact__link{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border:1px solid var(--border-c);color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;transition:border-color var(--t-fast),color var(--t-fast),background-color var(--t-fast);letter-spacing:.02em}.contact__link:hover{border-color:var(--accent);color:var(--accent);background-color:color-mix(in srgb,var(--accent) 5%,transparent)}.contact__link-handle{margin-left:auto;font-size:var(--text-xs);color:var(--subtle);letter-spacing:.06em}.contact__link:hover .contact__link-handle{color:var(--accent-dim)}@media (max-width: 480px){.contact__link-handle{display:none}}.footer{border-top:1px solid var(--border-c);padding:var(--s5) 0}.footer__inner{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}.footer__logo{font-size:var(--text-lg);font-weight:900;color:var(--accent);letter-spacing:-.01em;margin-right:auto}.footer__copy{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--subtle);letter-spacing:.03em}.footer__nav{display:flex;gap:var(--s3)}.footer__link{color:var(--muted);display:flex;align-items:center;padding:var(--s1);transition:color var(--t-fast)}.footer__link:hover{color:var(--accent)}@media (max-width: 480px){.footer__inner{justify-content:center}.footer__logo{margin-right:0}}