@charset "UTF-8";
:root{color-scheme:dark;--bg:#000;--surface:#0d0d0d;--surface-2:#191919;--text:#f5f5f7;--muted:#999;--line:#292929;--accent:#fff;--ink:#000;--sans:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace}
[data-theme=light]{color-scheme:light;--bg:#fff;--surface:#f5f5f5;--surface-2:#ebebeb;--text:#111;--muted:#666;--line:#d8d8d8;--accent:#111;--ink:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a,button{touch-action:manipulation}button:disabled{cursor:default}svg{display:block}p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.05em}.accent{color:var(--accent)}.muted{color:var(--muted)}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.13em;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 25%,transparent)}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;background:var(--accent);color:var(--ink);padding:10px 20px}.skip-link:focus{top:10px}.site-header{height:94px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{border:1px solid var(--accent);height:32px;width:32px;display:grid;place-content:center;color:var(--accent);font:18px var(--mono);transform:rotate(-7deg)}.brand-name{font-size:18px;letter-spacing:.1em;font-weight:650}.brand-name small{font:10px var(--mono);letter-spacing:.12em;margin-left:10px;color:var(--muted)}.nav{display:flex;gap:35px;align-items:center}.nav a{font-size:13px;color:var(--muted);transition:color .2s}.nav a:hover,.nav a[aria-current]{color:var(--text)}.nav .nav-contact{border-bottom:1px solid var(--accent);padding-bottom:4px;color:var(--text)}.header-tools{display:flex;align-items:center;gap:18px}.edition{border-left:1px solid var(--line);padding-left:20px;color:var(--muted)}.theme-button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font-size:18px;line-height:1}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:7%;padding-top:88px;padding-bottom:76px;align-items:center}.hero-copy>.eyebrow{margin-bottom:31px}.intro{font-size:17px;letter-spacing:.05em;margin-bottom:18px}.intro span{font:11px var(--mono);margin-left:12px;color:var(--muted);letter-spacing:.1em}h1{font-size:clamp(32px,3.6vw,49px);line-height:1.55;font-weight:600;letter-spacing:-.045em;white-space:nowrap}.hero-description{font-size:14px;line-height:2.05;color:var(--muted);margin-top:23px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;padding:11px 21px;font-size:13px;font-weight:550;border:1px solid transparent;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:var(--ink)}.button.secondary{border-color:var(--line);color:var(--text)}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:13px}.text-link span{color:var(--accent);font-size:18px}.text-link:hover{color:var(--accent)}.hero-note{margin-top:43px;display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.small-cross{font-family:var(--mono);font-size:20px;color:var(--accent)}.hero-note .mono{font-size:9px;margin-left:8px;letter-spacing:.05em}.workbench{border:1px solid var(--line);border-radius:6px;background:var(--surface);transform:rotate(1deg);box-shadow:0 20px 55px #00000022}.bench-heading{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.06em;color:var(--muted)}.bench-heading>span:first-child{display:flex;align-items:center;gap:8px}.mini-square{width:6px;height:6px;background:var(--accent)}.bench-tag{font-family:var(--sans);font-size:9px;letter-spacing:0}.bench-tabs{display:flex;gap:22px;padding:18px 20px 0}.bench-tabs button{padding:0 0 10px;color:var(--muted);font-size:11px;border-bottom:1px solid transparent}.bench-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.flow-panel{position:relative;height:262px;isolation:isolate;overflow:hidden}.flow-grid{position:absolute;inset:0;background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:17px 17px;opacity:.7;mask-image:linear-gradient(transparent,#000000 20%,#000000 85%,transparent)}.flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.flow-lines path{stroke:var(--line);stroke-width:1.5;fill:none}.flow-lines circle{fill:var(--accent)}.flow-lines .signal{stroke:var(--accent);stroke-dasharray:5 90;animation:flow 8s linear infinite;opacity:.6}@keyframes flow{to{stroke-dashoffset:-190}}.flow-node{position:absolute;display:flex;align-items:center;gap:9px;background:var(--surface);font-size:10px;border:1px solid var(--line);border-radius:4px;padding:10px 12px}.flow-node.source{left:4%;top:calc(50% - 30px);flex-direction:column;gap:2px;width:89px;padding:9px 7px}.node-icon{font:17px var(--mono);color:var(--accent)}.source small{font:7px var(--mono);color:var(--muted);letter-spacing:.08em}.flow-core{position:absolute;left:41%;top:calc(50% - 42px);width:25%;height:84px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--surface-2);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 5%,transparent)}.core-glyph{font-size:27px;color:var(--accent);line-height:1.2}.flow-core small{font:6px var(--mono);color:var(--muted);margin-top:5px;letter-spacing:.04em}.output{right:5%;min-width:104px}.output.top{top:calc(21% - 15px)}.output.middle{top:calc(50% - 21px)}.output.bottom{top:calc(79% - 28px)}.diagram-coordinate{position:absolute;bottom:3px;left:20px;font-size:7px;opacity:.6;color:var(--muted)}.terminal{margin:15px 17px 0;background:var(--bg);border:1px solid var(--line);padding:11px 13px;font:9px/1.9 var(--mono);position:relative;min-height:99px;border-radius:3px}.terminal-caption{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-bottom:10px}.terminal-dots{letter-spacing:3px;color:var(--line)}.terminal-arrow{color:var(--accent);margin-right:7px}.terminal-output{font-family:var(--sans);font-size:10px;color:var(--muted);padding-left:14px;margin-top:4px}.cursor{display:inline-block;width:5px;height:9px;background:var(--accent);position:absolute;bottom:10px;right:12px;animation:blink 2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bench-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;font:8px var(--mono);color:var(--muted)}.bench-footer .status-dot{width:4px;height:4px;margin-right:4px}.bench-footer .mono{font-size:8px}.discipline-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discipline-strip>.wrap{display:flex;justify-content:space-between;align-items:center;padding-block:19px;gap:30px}.discipline-strip>.wrap>span{font-size:12px;color:var(--muted)}.discipline-items{display:flex;gap:32px;font:10px var(--mono);letter-spacing:.09em;color:var(--muted)}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px;gap:20px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:32px;font-weight:550;letter-spacing:-.02em;line-height:1.6}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9}.project-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:25px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{font-size:12px;color:var(--muted);padding:6px 15px;border-radius:3px;border:1px solid transparent;transition:all .2s}.filters button:hover{color:var(--text)}.filters button.active{border-color:var(--line);background:var(--surface);color:var(--text)}.filters span{font:9px var(--mono);color:var(--accent);padding-left:6px}.work-count{color:var(--muted);font-size:9px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px}.project-card{min-width:0}.project-visual{height:260px;border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:border-color .25s}.project-card:hover .project-visual{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.visual-label{position:absolute;left:17px;top:13px;font:8px var(--mono);letter-spacing:.09em;color:var(--muted);z-index:2}.placeholder-badge{position:absolute;right:13px;top:11px;background:var(--bg);border:1px solid var(--line);border-radius:3px;font-size:9px;padding:2px 7px;color:var(--muted);z-index:3}.visual-caption{position:absolute;bottom:10px;left:17px;font-size:9px;color:var(--muted);z-index:3}.visual-arrow{position:absolute;bottom:14px;right:15px;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:grid;place-content:center;color:var(--muted);font-size:16px}.project-card:hover .visual-arrow{color:var(--ink);background:var(--accent);border-color:var(--accent)}.project-info{padding:19px 1px 9px}.project-meta{font:9px var(--mono);color:var(--muted);letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-meta .project-category{font-family:var(--sans);letter-spacing:0}.project-info h3{font-size:19px;font-weight:550;margin-bottom:8px}.project-info>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:94%}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.tags span{color:var(--muted);font:9px/1.5 var(--mono);border:1px solid var(--line);border-radius:3px;padding:4px 7px}.project-info .tags{margin-top:15px}.desktop-art{width:66%;transform:rotate(-5deg);border:1px solid #5c5c5c;border-radius:6px;background:#1a1a1a;box-shadow:16px 22px 0 #0c0c0c33;color:#cacaca;transition:transform .4s}.project-card:hover .desktop-art{transform:rotate(-2deg) translateY(-3px)}.window-title{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);padding:8px 12px;border-bottom:1px solid #454545}.window-dots{letter-spacing:3px;color:#7e7e7e}.window-body{display:flex;min-height:132px}.window-sidebar{width:41px;background:#282828;border-right:1px solid #454545;display:flex;flex-direction:column;align-items:center;gap:15px;padding-top:17px;font-size:13px;color:#939393}.window-content{padding:14px 17px;flex:1}.window-content>span{font:7px var(--mono);color:#a0a0a0}.window-content strong{display:block;font:16px var(--mono);color:#dfdfdf;margin-top:3px}.skeleton-line{height:4px;width:78%;background:#454545;margin-top:12px}.skeleton-line.short{width:53%;margin-top:7px}.skeleton-row{display:flex;gap:7px;margin-top:15px}.skeleton-row i{height:24px;flex:1;border:1px solid #454545;background:#282828}.platform-art{width:75%;background:#1a1a1a;border:1px solid #4b4b4b;border-radius:5px;box-shadow:12px 16px 0 #0c0c0c33;transform:perspective(700px) rotateY(-7deg) rotateX(6deg);color:#cacaca}.platform-title{padding:9px 11px;border-bottom:1px solid #454545;font:7px var(--mono);display:flex;justify-content:space-between}.platform-title span{color:#9a9a9a}.platform-body{display:flex}.platform-sidebar{width:48px;border-right:1px solid #454545;padding:11px 7px;display:flex;flex-direction:column;gap:12px}.platform-sidebar i{height:3px;background:#454545}.platform-main{padding:12px;flex:1}.platform-stats{display:flex;gap:8px}.platform-stats div{border:1px solid #454545;flex:1;padding:6px}.platform-stats small{display:block;font:6px var(--mono);color:#9a9a9a}.platform-stats b{font:14px var(--mono);color:#dfdfdf}.platform-chart{height:59px;margin-top:11px;border:1px solid #454545;background:linear-gradient(#45454555 1px,transparent 1px);background-size:100% 15px;position:relative}.platform-chart svg{height:100%;width:100%;padding:6px}.platform-chart polyline{fill:none;stroke:#dfdfdf;stroke-width:1.5}.chart-art{width:80%;height:150px;position:relative;display:flex;align-items:end;padding:10px 18px 18px;gap:12px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 29px,var(--line) 30px)}.chart-art i{flex:1;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-top:2px solid var(--accent);border-left:1px solid var(--line);border-right:1px solid var(--line)}.chart-art svg{position:absolute;inset:0;width:100%;height:100%;padding:0 10px 10px}.chart-art path{stroke:var(--accent);stroke-width:2;fill:none}.chart-art .secondary-line{stroke:var(--muted);stroke-dasharray:4 4;opacity:.45;stroke-width:1}.health-art{width:78%;display:flex;gap:36px;align-items:center}.health-orbit{width:124px;height:124px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;position:relative}.health-orbit:after{content:"";position:absolute;inset:13px;border:1px dashed var(--line);border-radius:50%}.health-orbit svg{width:75px;height:50px;position:relative;z-index:1}.health-orbit path{stroke:var(--accent);fill:none;stroke-width:2}.health-bars{flex:1}.health-bars div{margin-block:10px}.health-bars small{font-size:8px;color:var(--muted)}.health-bars i{display:block;height:4px;background:var(--line);margin-top:5px;position:relative}.health-bars i:after{content:"";display:block;height:4px;width:var(--w);background:var(--accent);opacity:.65}.explorations{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);margin-top:42px;padding-top:26px;gap:30px}.explorations-label{display:flex;align-items:start;gap:15px;font-size:13px;color:var(--muted)}.explorations-label strong{color:var(--text);font-weight:500}.exploration-list details{border-bottom:1px solid var(--line);padding:12px 0}.exploration-list summary{list-style:none;display:flex;align-items:center;gap:20px;cursor:pointer;font-size:13px}.exploration-list summary::-webkit-details-marker{display:none}.exploration-list summary span{font:8px var(--mono);color:var(--muted);margin-left:auto}.exploration-list summary:after{content:"+";font:18px var(--mono);color:var(--accent)}.exploration-list details[open] summary:after{content:"−"}.exploration-list details>p{font-size:12px;color:var(--muted);margin-top:13px}.exploration-list .exploration-tags{font:9px var(--mono)}.about-section{background:var(--surface);border-block:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:10%}.about-intro h2{margin-top:20px;margin-bottom:23px}.about-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:13px;line-height:2;max-width:390px}.about-intro>.text-link{margin-top:9px}.education-stamp{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;display:flex;align-items:center;gap:19px}.stamp-symbol{width:57px;height:57px;border:1px solid var(--line);display:grid;place-content:center;font:22px var(--mono);position:relative}.stamp-symbol>span{position:absolute;top:-10px;right:-7px;background:var(--surface);color:var(--accent);font:22px var(--mono);line-height:20px}.education-stamp strong{font-size:13px;font-weight:500}.education-stamp p{font-size:11px;color:var(--muted);margin:2px 0}.education-stamp .mono{font-size:9px;color:var(--muted)}.skills article{position:relative;display:flex;gap:16px;padding:23px 0 24px;border-bottom:1px solid var(--line)}.skills article:first-child{padding-top:0}.skills article:last-child{border-bottom:0;padding-bottom:0}.skill-number{font-size:9px;color:var(--accent);margin-top:5px}.skills h3{font-size:16px;font-weight:550;margin-bottom:8px}.skills p{font-size:12px;color:var(--muted);line-height:1.9;max-width:360px;padding-right:12px}.skills .tags{margin-top:12px;max-width:390px}.skill-icon{position:absolute;right:0;top:24px;color:var(--muted);font-size:18px}.skills article:first-child .skill-icon{top:0}.experience-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;margin-top:40px}.timeline article{display:grid;grid-template-columns:144px 1fr;padding-bottom:26px;margin-bottom:25px;border-bottom:1px solid var(--line);gap:16px}.timeline article:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.timeline-date{color:var(--muted);font-size:10px;margin-top:4px}.timeline h3{font-size:15px;font-weight:550}.timeline p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.9}.timeline .organization{font-size:11px;margin-top:2px;color:var(--text);opacity:.8}.award{border:1px solid var(--line);background:var(--surface);padding:26px;position:relative;align-self:start}.award-icon{font-size:39px;position:absolute;right:23px;top:23px;color:var(--accent);line-height:1}.award .eyebrow{font-size:8px;max-width:75%}.award h3{font-size:27px;font-weight:500;margin-top:19px;color:var(--accent)}.award>p:not(.eyebrow){font-size:12px;max-width:240px;color:var(--muted);margin-top:8px}.award-footer{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.award-footer .mono{font-size:9px}.contact-section{background:var(--surface);border-block:1px solid var(--line);padding-block:69px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.contact-layout h2{font-size:44px;line-height:1.5;margin-top:20px;font-weight:550;position:relative;display:inline-block}.contact-star{font-size:63px;color:var(--accent);position:absolute;bottom:1px;right:-111px;line-height:1.2}.contact-layout>div>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:19px}.contact-actions>.mono{color:var(--muted);font-size:9px}.email-link{display:flex;justify-content:space-between;font:clamp(16px,1.7vw,23px) var(--mono);border-bottom:1px solid var(--line);padding:14px 0 20px;margin-bottom:24px;gap:10px}.email-link>span{color:var(--accent)}.contact-actions>div{display:flex;gap:12px}.contact-actions .button{font-size:12px;gap:20px}.site-footer{padding-block:26px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}.footer-name{font:10px var(--mono);letter-spacing:.07em;color:var(--text)}.footer-inner .mono{font-size:8px}.back-top{font-size:11px}.back-top span{color:var(--accent);padding-left:10px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--accent);color:var(--ink);padding:10px 22px;border-radius:4px;box-shadow:0 10px 30px #00000033;z-index:99;font-size:12px;pointer-events:none;transition:all .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Project and résumé pages share the same typography and navigation. */
.detail-page{padding-block:55px 85px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:38px}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{margin-inline:13px;color:var(--line)}.detail-topline{display:flex;justify-content:space-between;align-items:center}.status-badge{padding:4px 10px;border:1px solid var(--line);color:var(--muted);font-size:11px;border-radius:3px}.detail-title{font-size:clamp(27px,3.7vw,49px);font-weight:550;letter-spacing:-.03em;margin:22px 0 10px;line-height:1.5;white-space:normal}.detail-subtitle{font-size:18px;color:var(--muted)}.detail-meta{display:flex;flex-wrap:wrap;gap:36px;border-block:1px solid var(--line);padding-block:20px;margin-block:30px}.detail-meta div{font-size:13px}.detail-meta small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.detail-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:start;margin-top:35px}.detail-content>p{color:var(--muted);font-size:15px;line-height:2}.detail-content section{margin-top:30px}.detail-content h2{font-size:20px;margin-bottom:10px}.detail-content section p{color:var(--muted);font-size:13px;line-height:2}.detail-aside{border:1px solid var(--line);background:var(--surface);padding:23px}.detail-aside h2{font-size:15px;margin-bottom:15px}.detail-aside .button{width:100%;margin-top:10px}.pending-resource{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:12px}.pending-resource span{font-size:10px;color:var(--muted)}.detail-aside>p{font-size:11px;color:var(--muted);margin-top:17px}.detail-illustration{margin-top:35px;height:330px}.detail-illustration .desktop-art{max-width:380px}.detail-illustration .platform-art{max-width:440px}.detail-illustration .chart-art{max-width:600px;height:190px}.detail-illustration .health-art{max-width:480px}.detail-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.project-image{width:100%;max-height:560px;object-fit:contain;border:1px solid var(--line);margin-top:30px;background:var(--surface)}video{width:100%;margin-top:20px;background:var(--surface);border:1px solid var(--line)}.resume-sheet{max-width:880px}.resume-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.resume-header h1{font-size:42px}.resume-header p{color:var(--muted);font-size:13px;margin-top:8px}.resume-section{margin-top:35px}.resume-section h2{font-size:19px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px}.resume-section h3{font-size:15px;font-weight:550}.resume-section p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:8px}.resume-row{display:flex;justify-content:space-between;gap:20px}.resume-row span{font:10px var(--mono);color:var(--muted);padding-top:5px}.resume-section article{margin-bottom:22px}.resume-section .text-link{margin-top:8px}.error-page{text-align:center;padding-block:100px}.error-page h1{font:80px var(--mono);color:var(--accent)}.error-page h2{font-size:25px;margin:20px 0}.error-page p{color:var(--muted);margin-bottom:30px}
@media(min-width:1500px){.hero{padding-block:100px}.workbench{max-width:550px}.hero-description{font-size:15px}.flow-panel{height:280px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:4%;padding-top:65px}h1{font-size:34px}.hero-note .mono{display:none}.nav{gap:23px}.hero-actions{gap:18px}.workbench{transform:none}.bench-heading{font-size:8px}.bench-tag{font-size:8px}.flow-core{left:40%;width:25%}.flow-node.source{left:3%;width:78px}.output{min-width:83px;right:3%;padding:9px 7px;gap:6px}.flow-node{font-size:9px}.discipline-items{gap:20px}.project-visual{height:235px}.health-art{gap:20px}.health-orbit{width:100px;height:100px}.about-layout{gap:6%}.timeline article{grid-template-columns:110px 1fr}.timeline-date{font-size:9px}.experience-layout{gap:4%;grid-template-columns:1.4fr 1fr}.award{padding:22px}.award-icon{right:14px}.contact-star{right:-75px;font-size:48px}.contact-layout h2{font-size:39px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:76px}.edition{display:none}.nav{gap:20px}.brand-name small{display:none}.header-tools{gap:12px}.hero{grid-template-columns:1fr;gap:42px;padding-top:48px;padding-bottom:48px}.hero-copy>.eyebrow{margin-bottom:23px}h1{font-size:clamp(32px,6vw,46px)}.hero-description{max-width:500px}.hero-note{margin-top:25px}.hero-note .mono{display:inline}.workbench{max-width:590px;width:100%;margin-inline:auto}.bench-heading{font-size:10px}.bench-tag{font-size:9px}.flow-panel{height:270px}.flow-core{width:23%;left:40%;height:85px}.flow-node.source{left:5%;width:89px}.output{min-width:108px;right:5%;padding:11px;font-size:10px}.terminal{font-size:10px;min-height:100px}.terminal-output{font-size:11px}.discipline-strip>.wrap{align-items:start;flex-direction:column;gap:12px}.discipline-items{width:100%;justify-content:space-between;font-size:9px;gap:12px}.section{padding-block:58px}.section-heading>p{font-size:11px}h2{font-size:28px}.project-grid{gap:23px}.project-visual{height:205px}.project-info h3{font-size:16px}.project-info>p{font-size:11px}.project-info .tags{gap:5px}.tags span{font-size:8px}.visual-label{font-size:6px;left:12px}.placeholder-badge{font-size:8px;right:10px}.visual-caption{font-size:8px;left:12px}.desktop-art{width:76%}.window-body{min-height:113px}.window-content{padding:12px}.window-content strong{font-size:13px}.window-sidebar{width:30px}.platform-art{width:83%}.platform-sidebar{width:30px}.health-art{gap:16px;width:82%}.health-orbit{width:77px;height:77px}.health-orbit svg{width:60px}.health-bars small{font-size:7px}.explorations{grid-template-columns:1fr 1.7fr}.exploration-list summary span{font-size:6px}.about-layout{grid-template-columns:1fr;gap:40px}.about-intro>p:not(.eyebrow){max-width:620px}.education-stamp{max-width:620px}.skills p{max-width:620px}.skills .tags{max-width:none}.skills article{gap:20px}.experience-layout{grid-template-columns:1fr;gap:35px}.timeline article{grid-template-columns:145px 1fr}.award{max-width:500px}.award>p:not(.eyebrow){max-width:330px}.contact-layout{gap:30px;grid-template-columns:1fr}.contact-layout h2{font-size:37px}.contact-star{right:-100px;font-size:63px}.contact-actions{max-width:500px}.email-link{font-size:24px}.footer-inner{flex-wrap:wrap}.footer-inner>.mono{order:3;width:100%;font-size:8px}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-aside{max-width:500px}.detail-title{font-size:34px}.detail-illustration{height:280px}}
@media(max-width:520px){html{scroll-padding-top:90px}.nav{position:absolute;left:0;right:0;top:75px;background:var(--surface);border-bottom:1px solid var(--line);padding:20px;display:none;flex-direction:column;gap:0;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px 15px}.nav .nav-contact{border:0;padding-bottom:12px}.menu-toggle{display:block;font-size:12px;padding:5px;border:1px solid var(--line);width:38px;height:35px}.header-tools{gap:10px}.brand-name{font-size:16px}.brand-mark{width:29px;height:29px}.theme-button{width:32px;height:32px}.hero{padding-top:37px}.intro{font-size:15px}.intro span{font-size:10px}h1{font-size:clamp(27px,7.25vw,37px);letter-spacing:-.06em;line-height:1.65}.hero-description{font-size:12px;margin-top:18px}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{font-size:12px;padding-inline:16px;gap:20px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-note{font-size:10px}.hero-note .mono{font-size:7px;margin-left:0}.bench-heading{padding:14px;font-size:8px}.bench-tag{font-size:8px}.bench-tabs{padding-left:15px;gap:23px}.bench-tabs button{font-size:10px}.flow-panel{height:228px}.flow-node.source{left:3%;width:72px;font-size:9px}.flow-core{width:24%;left:38%;height:75px;top:calc(50% - 37px);font-size:10px}.core-glyph{font-size:24px}.flow-core small{font-size:5px}.output{min-width:78px;right:3%;font-size:8px;padding:8px 7px;gap:6px}.output .node-icon{font-size:14px}.output.middle{top:calc(50% - 17px)}.output.bottom{top:calc(79% - 20px)}.terminal{margin:14px 11px 0;padding:10px;font-size:8px}.terminal-output{font-size:9px;max-width:260px}.terminal-caption{font-size:7px}.bench-footer{font-size:7px;padding:13px 14px}.bench-footer .mono{font-size:7px}.diagram-coordinate{font-size:6px;left:12px}.discipline-strip>.wrap>span{font-size:10px}.discipline-items{font-size:8px;gap:6px}.section-heading{align-items:start;margin-bottom:24px}.section-heading .eyebrow{font-size:9px;margin-bottom:13px}h2{font-size:25px}.section-heading>p{display:none}.section-heading>.text-link{font-size:10px;margin-top:26px;gap:8px}.project-toolbar{padding-bottom:14px;margin-bottom:21px}.filters{gap:3px}.filters button{font-size:10px;padding:5px 9px}.filters span{font-size:8px;padding-left:3px}.work-count{display:none}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:235px}.project-info{padding-top:15px}.project-info h3{font-size:18px}.project-info>p{font-size:12px;max-width:100%}.project-info .tags{margin-top:12px}.tags span{font-size:9px}.visual-label{font-size:8px}.desktop-art{width:69%;max-width:285px}.window-body{min-height:132px}.window-content{padding:14px 17px}.window-content strong{font-size:16px}.platform-art{width:77%;max-width:310px}.platform-sidebar{width:42px}.health-art{width:78%;gap:30px}.health-orbit{width:100px;height:100px}.health-orbit svg{width:72px}.health-bars small{font-size:8px}.chart-art{height:143px}.explorations{grid-template-columns:1fr;gap:14px;margin-top:28px;padding-top:22px}.explorations-label p br{display:none}.explorations-label p{font-size:12px}.exploration-list summary{gap:15px}.exploration-list summary span{font-size:7px}.about-intro .eyebrow{font-size:9px}.about-intro h2{margin-top:16px}.about-intro>p:not(.eyebrow){font-size:12px}.about-layout{gap:35px}.skills h3{font-size:15px}.skills p{font-size:11px;padding-right:17px}.skills article{gap:13px}.skills .tags span{font-size:8px}.timeline article{grid-template-columns:1fr;gap:7px;padding-left:17px;border-left:1px solid var(--line);border-bottom:0;position:relative;margin-bottom:0;padding-bottom:30px}.timeline article:before{content:"";width:5px;height:5px;border:1px solid var(--accent);background:var(--bg);position:absolute;left:-4px;top:8px}.timeline article:last-child{border-left:1px solid var(--line)}.timeline-date{font-size:9px}.timeline p{font-size:11px}.timeline h3{font-size:14px}.award{padding:23px}.contact-section{padding-block:45px}.contact-layout h2{font-size:34px;margin-top:15px}.contact-star{right:-83px;font-size:52px}.contact-layout>div>p:not(.eyebrow){font-size:11px}.contact-actions .button{font-size:11px;padding-inline:15px;gap:17px}.email-link{font-size:19px}.site-footer{padding-block:22px}.footer-name{font-size:9px}.back-top{font-size:10px}.detail-page{padding-block:32px 55px}.breadcrumb{font-size:10px;margin-bottom:30px}.detail-topline .eyebrow{font-size:8px}.status-badge{font-size:9px}.detail-title{font-size:27px}.detail-subtitle{font-size:14px}.detail-meta{gap:22px}.detail-meta div{font-size:11px}.detail-meta small{font-size:9px}.detail-content>p{font-size:13px}.detail-content section p{font-size:12px}.detail-content h2{font-size:18px}.detail-illustration{height:235px}.resume-header{align-items:start;gap:20px}.resume-header h1{font-size:32px}.resume-header p{font-size:11px}.resume-header .button{font-size:11px;padding-inline:12px;gap:7px;white-space:nowrap;min-height:38px}.resume-row{flex-direction:column;gap:0}.resume-row span{font-size:9px}.resume-section h3{font-size:14px}.resume-section p{font-size:12px}.detail-bottom{font-size:11px}.detail-bottom .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media print{html,body{background:#ffffff!important;color:#111111!important}.site-header,.site-footer,.skip-link,.print-button,.toast,.resume-section .text-link,.breadcrumb{display:none!important}.resume-sheet{width:100%;max-width:100%;padding:0}.resume-header h1{font-size:27px}.resume-header p,.resume-section p,.resume-row span{color:#333333!important}.resume-header,.resume-section h2{border-color:#cccccc}.resume-section{margin-top:18px;break-inside:avoid}.resume-section h2{font-size:16px;margin-bottom:12px}.resume-section h3{font-size:12px}.resume-section p{font-size:10px;line-height:1.65}.resume-section article{margin-bottom:12px}a[href^="mailto:"]{color:#111111}.resume-row{flex-direction:row}.resume-row span{font-size:9px}@page{size:A4;margin:15mm}}

/* Monochrome edition: one word, generous space, clear hierarchy. */
.site-header{height:72px;border-bottom-color:var(--line)}
.brand-mark{transform:none;border-radius:7px;border-color:var(--line)}
.nav .nav-contact{border-bottom:0;padding-bottom:0}
.button{border-radius:999px}
.project-visual{border-radius:12px}
.welcome-hero.hero{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 72px);padding:60px 24px 110px;gap:0;text-align:center;background:var(--bg)}
.welcome-hero h1{font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(72px,15vw,224px);font-weight:650;letter-spacing:-.065em;line-height:1.05;white-space:nowrap;color:var(--text);margin:0;padding-right:.065em}
@media(max-width:520px){.site-header{height:64px}.nav{top:63px}.welcome-hero.hero{min-height:calc(100svh - 64px);padding:30px 20px 80px}.welcome-hero h1{font-size:clamp(56px,16vw,84px);letter-spacing:-.06em}}

.art-style-0{height:28%}
.art-style-1{height:42%}
.art-style-2{height:35%}
.art-style-3{height:58%}
.art-style-4{height:49%}
.art-style-5{height:71%}
.art-style-6{height:64%}
.art-style-7{height:84%}
.art-style-8{height:76%}
.art-style-9{height:95%}
.art-style-10{--w:80%}
.art-style-11{--w:58%}
.art-style-12{--w:69%}
.art-style-13{--w:43%}
.art-style-14{height:28%}
.art-style-15{height:42%}
.art-style-16{height:35%}
.art-style-17{height:58%}
.art-style-18{height:49%}
.art-style-19{height:71%}
.art-style-20{height:64%}
.art-style-21{height:84%}
.art-style-22{height:76%}
.art-style-23{height:95%}
.art-style-24{--w:80%}
.art-style-25{--w:58%}
.art-style-26{--w:69%}
.art-style-27{--w:43%}