:root,[data-theme=dark]{--bg:#0c0d0d;--surface:#151717;--surface-2:#1b1d1d;--border:#272a2a;--border-strong:#383c3c;--text-primary:#eceeec;--text-secondary:#a0a5a3;--text-muted:#8c9290;--accent:#9aa3d5;--accent-hover:#b4bae0;--accent-link:#9aa3d5;--accent-on:#0a1020;--success:#6fcf8e;--danger:#ff8a7a;color-scheme:dark}[data-theme=light]{--bg:#f2f3f1;--surface:#fafaf9;--surface-2:#fff;--border:#dcdeda;--border-strong:#c2c5c0;--text-primary:#181a19;--text-secondary:#515653;--text-muted:#626864;--accent:#3c558b;--accent-hover:#2f4575;--accent-link:#3c558b;--accent-on:#fff;--success:#1f7a4d;--danger:#b42a2a;color-scheme:light}:root{--font-display:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;--radius-sm:4px;--radius-md:8px;--container:1120px;--header-h:76px;--header-h-sm:60px;--dur:.22s;--ease:cubic-bezier(.2,.7,.2,1);--ease-smooth:cubic-bezier(.16,1,.3,1)}@keyframes cv-bounce{0%{transform:translateY(0)}40%{transform:translateY(3px)}55%{transform:translateY(-1px)}to{transform:translateY(0)}}html.theme-transitions-enabled,html.theme-transitions-enabled body,html.theme-transitions-enabled .nav-links,html.theme-transitions-enabled .stack-strip{transition:background-color .4s,border-color .4s,color .4s}html.theme-transitions-enabled .site-header{transition:background-color .4s ease,color .4s ease, border-color var(--dur) var(--ease)}html.theme-transitions-enabled .work-card,html.theme-transitions-enabled .project-card,html.theme-transitions-enabled .article-card{transition:background-color .4s ease,color .4s ease, border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}html.theme-transitions-enabled .form-field input,html.theme-transitions-enabled .form-field textarea{transition:background-color .4s ease,color .4s ease, border-color var(--dur) var(--ease)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh;padding-top:var(--header-h);margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);margin:0;font-weight:500;line-height:1.25}p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media not (prefers-reduced-motion:reduce){@view-transition{navigation:auto}}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}@media (width>=768px){.container{padding-inline:40px}}.section{padding-block:clamp(64px,9vw,120px)}.section-alt{background:var(--surface)}.section-intro{color:var(--text-secondary);max-width:56ch;margin-top:14px;font-size:16px}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);margin-top:36px;padding:28px 24px;font-size:15px;line-height:1.65}.empty-state a{color:var(--accent-link);border-bottom:1px solid}.text-link{color:var(--text-secondary);border-bottom:1px solid var(--border-strong);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);padding-bottom:2px;font-size:14px}.text-link:hover{color:var(--accent-link);border-color:var(--accent-link)}@media (pointer:coarse){.text-link,.contact-links a,.footer-inner nav a{position:relative}.text-link:after,.contact-links a:after,.footer-inner nav a:after{content:"";width:100%;min-width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-links{gap:22px}.footer-inner nav ul{gap:24px}}.reveal{opacity:0;transition:opacity .62s var(--ease-smooth),transform .62s var(--ease-smooth);transform:translateY(14px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-item{opacity:0;transition:opacity .64s var(--ease-smooth),transform .64s var(--ease-smooth);transform:translateY(16px)}.reveal-item.is-visible{opacity:1;transform:translateY(0)}.reveal-wipe{clip-path:inset(0 100% 0 0);transition:clip-path .76s var(--ease-smooth)}.reveal-wipe.is-visible{clip-path:inset(0)}body:after{content:"";pointer-events:none;z-index:999;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-progress{background:var(--accent);z-index:1000;width:0%;height:2px;position:fixed;top:0;left:0}.skip-link{background:var(--accent);color:var(--accent-on);border-radius:var(--radius-sm);z-index:200;min-height:44px;transition:top var(--dur) var(--ease);align-items:center;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);height:48px;transition:background var(--dur) var(--ease), color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding-inline:24px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-on);transition:background var(--dur) var(--ease),transform .12s var(--ease-smooth)}.btn-primary:hover{background:var(--accent-hover)}.btn:active{transform:scale(.98)}.btn-arrow{transition:transform var(--dur) var(--ease);flex-shrink:0}.btn-primary:hover .btn-arrow{transform:translate(3px)}.field-label{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:12px;display:flex}.field-no{color:var(--accent-link);font-variant-numeric:tabular-nums}.work-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.work-card:hover{border-color:var(--border-strong)}.work-card-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.work-card-body .field-label{margin-bottom:12px}.work-card h3{margin-bottom:10px;font-size:17px}.work-card p{color:var(--text-secondary);font-size:14.5px;line-height:1.65}.tag-list{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px;display:flex}.tag-list li{font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 13px;font-size:12px}.site-header{z-index:100;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.1)blur(8px);transition:border-color var(--dur) var(--ease);view-transition-name:site-header;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site-header.scrolled{border-bottom-color:var(--border)}.nav-inner{height:var(--header-h);transition:height .32s var(--ease-smooth);justify-content:space-between;align-items:center;display:flex}.site-header.scrolled .nav-inner{height:var(--header-h-sm)}.logo{min-height:44px;font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:9px;font-size:16px;font-weight:500;display:flex}.logo-mark{filter:invert();width:auto;height:22px;transition:height .32s var(--ease-smooth);display:block}[data-theme=light] .logo-mark{filter:none}.site-header.scrolled .logo-mark{height:19px}.nav-links{color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:999px;align-items:center;gap:4px;padding:6px;font-size:13.5px;display:none}.nav-links a{opacity:0;transition:color var(--dur) var(--ease),background var(--dur) var(--ease), opacity .56s var(--ease-smooth),transform .56s var(--ease-smooth);border-radius:999px;padding:8px 15px;position:relative;transform:translateY(-10px)}body.is-ready .nav-links a{opacity:1;transform:translateY(0)}.nav-links a:first-child{transition-delay:40ms}.nav-links a:nth-child(2){transition-delay:90ms}.nav-links a:nth-child(3){transition-delay:.14s}.nav-links a:nth-child(4){transition-delay:.19s}.nav-links a:nth-child(5){transition-delay:.24s}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:before{content:"";background:var(--accent);transform-origin:50%;height:1.5px;transition:transform .26s var(--ease-smooth);border-radius:1px;position:absolute;bottom:4px;left:15px;right:15px;transform:scaleX(0)}.nav-links a.active:before{transform:scaleX(1)}.nav-actions{align-items:center;gap:10px;display:flex}.lang-switch{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);height:38px;font-family:var(--font-mono);letter-spacing:.06em;border-radius:999px;align-items:center;gap:2px;padding:3px;font-size:11px;display:flex;position:relative}.lang-switch-thumb{background:var(--accent);width:calc(50% - 4px);transition:transform .36s var(--ease-smooth);view-transition-name:lang-pill;border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.lang-switch-thumb.is-en{transform:translate(calc(100% + 2px))}.lang-switch-link{z-index:1;min-width:32px;height:100%;color:var(--text-muted);transition:color var(--dur) var(--ease);border-radius:999px;justify-content:center;align-items:center;padding-inline:9px;display:inline-flex;position:relative}.lang-switch-link:after{content:"";width:100%;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lang-switch-link:hover{color:var(--text-primary)}.lang-switch-link.is-active{color:var(--accent-on)}.theme-toggle:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-toggle{width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.theme-toggle .icon{width:18px;height:18px;margin:auto;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;inset:0}.theme-toggle .icon-moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg)scale(0)}[data-theme=dark] .theme-toggle .icon-moon{opacity:1;transform:rotate(0)scale(1)}[data-theme=dark] .theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg)scale(0)}[data-theme=light] .theme-toggle .icon-sun{opacity:1;transform:rotate(0)scale(1)}[data-theme=light] .theme-toggle .icon-moon{opacity:0;transform:rotate(90deg)scale(0)}.nav-cta-btn{background:var(--accent);height:38px;color:var(--accent-on);opacity:0;transition:background var(--dur) var(--ease),opacity .56s var(--ease-smooth) .3s, transform .56s var(--ease-smooth) .3s;border-radius:999px;align-items:center;gap:7px;padding-inline:16px;font-size:13.5px;font-weight:500;display:none;transform:translateY(-10px)}body.is-ready .nav-cta-btn{opacity:1;transform:translateY(0)}.nav-cta-btn:hover{background:var(--accent-hover)}.nav-cta-btn svg{transition:transform var(--dur) var(--ease)}.nav-cta-btn:hover svg{transform:translate(3px)}.nav-toggle{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}.nav-toggle-bar{background:var(--text-primary);width:20px;height:1.5px;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}@media (width>=900px){.nav-links{display:flex}.nav-cta-btn{display:inline-flex}.nav-toggle{display:none}}.mobile-nav{border-top:1px solid var(--border);background:var(--bg);max-height:calc(100dvh - var(--header-h-sm));overflow-y:auto}.mobile-nav[hidden]{display:none}.mobile-nav ul{flex-direction:column;padding:12px 24px 24px;display:flex}.mobile-nav a{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:14px 0;font-size:16px;display:block}.mobile-nav a:last-child{color:var(--accent);border-bottom:none}.site-footer{border-top:1px solid var(--border);padding-block:32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-inner p{color:var(--text-muted);font-size:13.5px}.footer-inner nav ul{gap:20px;display:flex}.footer-inner nav a{color:var(--text-secondary);transition:color var(--dur) var(--ease);font-size:13.5px}.footer-inner nav a:hover{color:var(--accent)}