@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2)format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-ext-700-normal-ClYbKGw-.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-700-normal-BQc-7cTM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-700-normal-CYfAanHo.woff2)format("woff2"),url(/assets/instrument-sans-latin-700-normal-DfAjL1vF.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#fafaf9;--color-surface:#f5f5f4;--color-text:#1c1917;--color-text-muted:#78716c;--color-border:#e7e5e4;--color-accent:#92400e;--color-accent-hover:#78350f;--color-accent-subtle:#92400e14;--color-nav-bg:#fafaf9d9;--color-card-bg:#fff;--color-card-shadow:#1c19170a;--color-focus:#92400e;--color-selection-bg:#92400e1f;--color-selection-text:#1c1917;--font-display:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm:clamp(.8125rem, .775rem + .2vw, .875rem);--text-base:clamp(.9375rem, .875rem + .3vw, 1rem);--text-lg:clamp(1.0625rem, .975rem + .45vw, 1.1875rem);--text-xl:clamp(1.1875rem, 1.05rem + .7vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.75rem);--text-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:68rem;--content-px:clamp(1.25rem, 4vw, 2.5rem);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--radius-sm:4px;--radius-md:6px;--radius-lg:8px}[data-theme=dark]{--color-bg:#0a0a0a;--color-surface:#171717;--color-text:#e7e5e4;--color-text-muted:#a8a29e;--color-border:#292524;--color-accent:#d97706;--color-accent-hover:#f59e0b;--color-accent-subtle:#d977061a;--color-nav-bg:#0a0a0ad9;--color-card-bg:#1c1917;--color-card-shadow:#0003;--color-focus:#d97706;--color-selection-bg:#d9770626;--color-selection-text:#e7e5e4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0a0a0a;--color-surface:#171717;--color-text:#e7e5e4;--color-text-muted:#a8a29e;--color-border:#292524;--color-accent:#d97706;--color-accent-hover:#f59e0b;--color-accent-subtle:#d977061a;--color-nav-bg:#0a0a0ad9;--color-card-bg:#1c1917;--color-card-shadow:#0003;--color-focus:#d97706;--color-selection-bg:#d9770626;--color-selection-text:#e7e5e4}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-normal) var(--ease-in-out), color var(--duration-normal) var(--ease-in-out);line-height:1.6}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-in-out);text-decoration:none}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{list-style:none}.skip-link{top:-100%;left:var(--space-4);z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;font-family:var(--font-display);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:top var(--duration-fast) var(--ease-out);font-weight:500;position:absolute}.skip-link:focus{top:var(--space-4)}.section{padding:var(--space-20) var(--content-px)}.section__inner{max-width:var(--max-width);margin:0 auto}.section__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-weight:400}.section__title{margin-bottom:var(--space-8)}.text-muted{color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-16) 0}.page{flex-direction:column;min-height:100vh;display:flex}.page__main{flex:1}.grid{gap:var(--space-6);display:grid}.grid--2,.grid--3{grid-template-columns:1fr}@media (width>=640px){.grid--2{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid--3{grid-template-columns:repeat(3,1fr)}}.layout-split{gap:var(--space-12);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.layout-split{grid-template-columns:1fr 1fr}}@media (width>=1024px){.layout-split{grid-template-columns:2fr 1fr}}.stack{flex-direction:column;display:flex}.stack--sm{gap:var(--space-3)}.stack--md{gap:var(--space-6)}.stack--lg{gap:var(--space-10)}.stack--xl{gap:var(--space-16)}.inline{flex-wrap:wrap;align-items:center;display:flex}.inline--sm{gap:var(--space-2)}.inline--md{gap:var(--space-4)}.inline--lg{gap:var(--space-6)}.container{width:100%;max-width:var(--max-width);padding-left:var(--content-px);padding-right:var(--content-px);margin:0 auto}.section--sm{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section--hero{padding-top:var(--space-32);padding-bottom:var(--space-20);flex-direction:column;justify-content:center;min-height:100vh;display:flex}@media (width>=768px){.section--hero{min-height:100vh}}.nav{z-index:100;padding:var(--space-4) var(--content-px);transition:background-color var(--duration-normal) var(--ease-in-out), border-color var(--duration-normal) var(--ease-in-out);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav--scrolled{background-color:var(--color-nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--color-border)}.nav__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);letter-spacing:-.01em;font-weight:600;text-decoration:none}.nav__name:hover{color:var(--color-text)}.nav__links{align-items:center;gap:var(--space-6);display:none}.nav__link{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-in-out);font-weight:400;text-decoration:none}.nav__link:hover,.nav__link--active{color:var(--color-text)}@media (width>=768px){.nav__links{display:flex}}.nav__toggle{border-radius:var(--radius-sm);width:40px;height:40px;transition:background-color var(--duration-fast) var(--ease-in-out);justify-content:center;align-items:center;display:flex}.nav__toggle:hover{background-color:var(--color-surface)}.nav__toggle-icon{background-color:var(--color-text);width:20px;height:2px;transition:background-color var(--duration-fast) var(--ease-in-out);position:relative}.nav__toggle-icon:before,.nav__toggle-icon:after{content:"";background-color:var(--color-text);width:100%;height:2px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;left:0}.nav__toggle-icon:before{top:-6px}.nav__toggle-icon:after{top:6px}.nav__toggle[aria-expanded=true] .nav__toggle-icon{background-color:#0000}.nav__toggle[aria-expanded=true] .nav__toggle-icon:before{transform:translateY(6px)rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-icon:after{transform:translateY(-6px)rotate(-45deg)}@media (width>=768px){.nav__toggle{display:none}}.nav__mobile{z-index:99;background-color:var(--color-bg);padding:calc(var(--space-20) + var(--space-8)) var(--content-px) var(--space-8);gap:var(--space-2);flex-direction:column;display:none;position:fixed;inset:0}.nav__mobile[aria-hidden=false]{display:flex}.nav__mobile-link{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);transition:color var(--duration-fast) var(--ease-in-out);font-weight:500;text-decoration:none}.nav__mobile-link:hover{color:var(--color-accent)}@media (width>=768px){.nav__mobile{display:none!important}}.theme-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);transition:background-color var(--duration-fast) var(--ease-in-out), color var(--duration-fast) var(--ease-in-out);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--color-surface);color:var(--color-text)}.theme-toggle svg{width:18px;height:18px}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-in-out), color var(--duration-fast) var(--ease-in-out), transform var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background-color:var(--color-text);color:var(--color-bg)}.btn--primary:hover{opacity:.85;color:var(--color-bg)}.btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background-color:#0000}.btn--secondary:hover{background-color:var(--color-surface);color:var(--color-text)}.btn--ghost{color:var(--color-text-muted);padding:var(--space-2) var(--space-3);background-color:#0000}.btn--ghost:hover{color:var(--color-text);background-color:var(--color-surface)}.project-card{color:var(--color-text);border-radius:var(--radius-md);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);text-decoration:none;display:block;overflow:hidden}.project-card:hover{box-shadow:0 8px 32px var(--color-card-shadow);color:var(--color-text);transform:translateY(-2px)}.project-card__image-wrap{aspect-ratio:16/10;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.project-card:hover .project-card__image{transform:scale(1.02)}.project-card__body{padding:var(--space-5) var(--space-1) var(--space-2)}.project-card__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.project-card__name{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);letter-spacing:-.01em;font-weight:600}.project-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.5}.project-card__cta{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-accent);font-weight:500;display:inline-flex}.project-card__arrow{transition:transform var(--duration-fast) var(--ease-out);display:inline-block}.project-card:hover .project-card__arrow{transform:translate(4px)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);display:inline-block}.exp-item{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.exp-item:first-child{padding-top:0}.exp-item:last-child{border-bottom:none}.exp-item__header{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}@media (width>=640px){.exp-item__header{flex-direction:row;justify-content:space-between;align-items:baseline}}.exp-item__role{font-family:var(--font-display);font-size:var(--text-base);font-weight:600}.exp-item__company{color:var(--color-text-muted)}.exp-item__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.exp-item__list{gap:var(--space-2);flex-direction:column;display:flex}.exp-item__list li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:var(--space-4);position:relative}.exp-item__list li:before{content:"–";color:var(--color-border);position:absolute;left:0}.skills-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.skills-grid{gap:var(--space-3) var(--space-8);grid-template-columns:auto 1fr;align-items:baseline}}.skills-grid__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.skills-grid__items{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-item{font-size:var(--text-sm);color:var(--color-text);cursor:default;position:relative}.skill-item+.skill-item:before{content:"·";margin-right:var(--space-2);color:var(--color-text-muted);opacity:.5}.skill-item[data-tooltip]{cursor:help}.skill-item[data-tooltip]:hover:after{content:attr(data-tooltip);white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);pointer-events:none;z-index:10;animation:tooltip-in var(--duration-fast) var(--ease-out);font-style:italic;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);display:inline-flex}.status__dot{background-color:#22c55e;border-radius:50%;width:6px;height:6px}.about__photo-wrap{aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:280px;overflow:hidden}.about__photo{object-fit:cover;width:100%;height:100%}.footer{padding:var(--space-12) var(--content-px);border-top:1px solid var(--color-border)}.footer__inner{max-width:var(--max-width);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}@media (width>=640px){.footer__inner{flex-direction:row;justify-content:space-between;align-items:flex-end}}.footer__info{gap:var(--space-2);flex-direction:column;display:flex}.footer__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.footer__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__links{gap:var(--space-4);display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-in-out);text-decoration:none}.footer__link:hover{color:var(--color-text)}.footer__source{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4)}.footer__source a{color:var(--color-text-muted);text-underline-offset:2px;text-decoration:underline}.footer__source a:hover{color:var(--color-accent)}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(16px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--stagger>.reveal{transition-delay:calc(var(--reveal-i,0) * 80ms)}.hero-reveal{opacity:0;animation:hero-enter var(--duration-slow) var(--ease-out) forwards;transform:translateY(20px)}.hero-reveal--1{animation-delay:0s}.hero-reveal--2{animation-delay:.12s}.hero-reveal--3{animation-delay:.24s}.hero-reveal--4{animation-delay:.36s}@keyframes hero-enter{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero-reveal{opacity:1;animation:none;transform:none}.project-card:hover,.project-card:hover .project-card__image{transform:none}}.project-hero{margin-top:var(--space-32);margin-bottom:var(--space-16)}.project-hero__title{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-2);letter-spacing:-.02em;font-weight:700}.project-hero__meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.project-hero__image-wrap{aspect-ratio:16/9;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.project-hero__image{object-fit:cover;width:100%;height:100%}.project-content{gap:var(--space-16);flex-direction:column;display:flex}.project-section{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.project-section{gap:var(--space-12);grid-template-columns:1fr 2fr}}.project-section__title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}@media (width>=768px){.project-section__title{margin-bottom:0}}.project-section__body{font-size:var(--text-base);line-height:1.7}.project-section__body h3{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.project-section__body h3:first-child{margin-top:0}.project-section__body p{margin-bottom:var(--space-4)}.project-section__body ul{padding-left:var(--space-5);margin-bottom:var(--space-4);color:var(--color-text-muted);list-style:outside}.project-section__body li{margin-bottom:var(--space-2)}.project-metrics{gap:var(--space-6);padding:var(--space-8);background-color:var(--color-surface);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.project-metrics__item{gap:var(--space-2);flex-direction:column;display:flex}.project-metrics__value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent);font-weight:600}.project-metrics__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.project-nav{padding:var(--space-12) 0;border-top:1px solid var(--color-border);margin-top:var(--space-16);justify-content:space-between;align-items:center;display:flex}.project-nav__link{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-in-out);font-weight:500;text-decoration:none}.project-nav__link:hover{color:var(--color-text)}