@charset "UTF-8";
:root{color-scheme:light;--bg:#f8f9fb;--surface:#fff;--ink:#22252b;--muted:#626775;--line:#e2e5e9;--accent:#e75425;--orange:#ff6b35;--soft:#eef0f4;--violet:#e9e6f4;--radius:22px;--font:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;line-height:1.3}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#ffd1b8;color:#21242a}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:24px;z-index:100;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:10px}.skip-link:focus{top:12px}
.navbar{position:sticky;top:0;z-index:20;background:var(--bg);transition:box-shadow .2s}.navbar-shrink{box-shadow:0 1px 0 var(--line)}.nav-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:35px}.wordmark{font-size:29px;font-weight:750;letter-spacing:-1.7px;line-height:1;display:flex;align-items:center}.brand-mark{font-size:37px;line-height:1;color:var(--accent);margin-right:10px;font-weight:500;letter-spacing:0}.brand-period{color:var(--accent)}.nav-links{display:flex;gap:35px;margin-left:65px}.nav-link{font-size:14px;color:var(--muted);position:relative;padding:8px 0}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;bottom:0;width:4px;height:4px;background:var(--accent);border-radius:50%;left:calc(50% - 2px)}.nav-actions{display:flex;align-items:center;gap:25px}.local-time{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.time-dot{height:5px;width:5px;border-radius:100%;background:#718778}.icon-button{background:transparent;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--soft)}.sun{display:none}.navbar-toggler{display:none;background:transparent;width:42px;height:42px;padding:10px}.navbar-toggler span{display:block;height:1.5px;background:var(--ink);margin:6px 0;transition:transform .2s}
.masthead{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;align-items:center;padding-top:65px;padding-bottom:74px;min-height:610px}.hello{display:flex;align-items:center;gap:9px;font-size:15px;margin-bottom:27px}.hello-dot{height:7px;width:7px;background:var(--orange);border-radius:50%}.hello-wave{font-size:22px;margin-left:3px;color:var(--accent)}h1{font-size:clamp(44px,5vw,68px);line-height:1.29;letter-spacing:-3px;font-weight:750}.headline-dot{color:var(--accent);margin-left:3px}.hero-description{margin-top:26px;color:var(--muted);font-size:15px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{min-height:49px;border-radius:9px;display:inline-flex;gap:18px;align-items:center;justify-content:center;padding:11px 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button-primary{background:var(--ink);color:var(--bg)}.button-primary:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.quiet-link{display:flex;align-items:center;gap:9px;font-size:13px}.quiet-link:hover{color:var(--accent)}.hero-footnote{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin-top:33px}.mini-line{height:1px;width:20px;background:var(--muted)}.hero-art{position:relative;margin-top:8px}.art-frame{border-radius:50%;overflow:hidden;aspect-ratio:1;box-shadow:0 18px 60px -44px #68748166}.art-frame img{width:100%;height:100%;object-fit:cover}.art-sticker{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 20px #22252b08;display:flex;align-items:center;gap:10px;font-size:12px;padding:12px 17px}.sticker-top{top:12%;right:-8px;transform:rotate(8deg)}.sticker-icon{color:var(--accent);font-size:23px;line-height:1}.sticker-bottom{bottom:12%;left:-7px;transform:rotate(-7deg);font-size:11px}.status-pulse{height:7px;width:7px;border-radius:50%;background:#79947e}.art-caption{position:absolute;bottom:-28px;left:0;right:0;text-align:center;color:var(--muted);font-size:10px;letter-spacing:.4px}.interest-strip{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:22px;font-size:12px;color:var(--muted)}.interest-strip>span{font-size:11px}.interest-strip>div{display:flex;align-items:center;gap:37px}.interest-strip b{color:#c3c6ce;font-size:14px;font-weight:400}
.page-section{padding-top:92px;padding-bottom:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-kicker{color:var(--muted);font-size:12px;margin-bottom:11px}.section-heading h2,.about-copy h2{font-size:34px;letter-spacing:-1px}.section-aside{font-size:12px;color:var(--muted);line-height:1.8}.portfolio-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:27px}.project-card{text-align:left;padding:0;background:transparent;border-radius:var(--radius);min-width:0}.project-visual{height:330px;border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate}.finance-visual{background:#eaeef2}.visual-caption{font-size:11px;position:absolute;top:24px;left:27px;color:#5b6573;letter-spacing:.1px}.paper-sheet{position:absolute;left:13%;top:25%;width:70%;height:305px;background:#fff;transform:rotate(-8deg);box-shadow:0 13px 35px #46536720;border-radius:7px;padding:20px 26px;color:#23262b}.sheet-top{display:flex;align-items:center;gap:9px;font-size:8px}.sheet-top>span:last-child{margin-left:auto;font-size:17px}.sheet-logo{font-size:21px;font-weight:800;color:#e75425}.sheet-title{font-size:25px;font-weight:700;line-height:1.45;margin-top:20px}.sheet-title>span{color:#68717e}.chart-lines{position:absolute;left:26px;right:26px;top:170px;display:grid;gap:25px}.chart-lines span{height:1px;background:#eceef1}.research-chart{position:absolute;top:157px;left:26px;width:calc(100% - 52px);height:91px;color:#ef6c3e}.sheet-bottom{display:flex;justify-content:space-between;font-size:7px;margin-top:104px;color:#7b818d}.orange-stamp{position:absolute;right:8%;top:21%;transform:rotate(11deg);height:87px;width:87px;display:flex;justify-content:center;align-items:center;background:#f86a38;color:#262a31;line-height:1.1;font-size:18px;font-weight:600;border-radius:50%;text-align:center;box-shadow:0 8px 20px #f86a3822}.tools-visual{background:#e9e6f4}.tool-window{position:absolute;top:30%;left:9%;width:82%;height:176px;background:#fff;border-radius:13px;box-shadow:0 15px 35px #61578515;transform:rotate(5deg)}.window-chrome{height:36px;border-bottom:1px solid #eef0f3;padding:12px;display:flex;gap:5px;align-items:center}.window-chrome i{width:5px;height:5px;border-radius:50%;background:#d4d5de}.window-chrome span{font-size:8px;margin-left:auto;color:#858995}.tool-body{display:flex;align-items:center;justify-content:center;padding:28px 22px 0}.tool-tile{height:49px;width:49px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;border-radius:13px}.tile-orange{background:#ffebe3;color:#eb6a3b}.tile-violet{background:#eeebff;color:#8a78be}.tile-ink{background:#2e323d;color:#fff}.tool-connector{height:1px;background:#d8dce6;width:36px;position:relative}.tool-connector:after{content:"";width:4px;height:4px;border-top:1px solid #c3c7d1;border-right:1px solid #c3c7d1;position:absolute;right:0;top:-2px;transform:rotate(45deg)}.tool-labels{display:flex;justify-content:center;gap:37px;padding-top:9px;font-size:8px;color:#656c7a}.floating-key{position:absolute;left:14%;bottom:10%;transform:rotate(-8deg);background:#fdfcfe;color:#656170;border:1px solid #fff;box-shadow:0 4px 0 #d1ccdf,0 8px 14px #5d527e12;border-radius:8px;padding:10px 14px;font-size:10px}.floating-key span{margin-left:20px}.project-info{display:flex;align-items:center;justify-content:space-between;padding:25px 4px 7px;gap:18px}.project-category{font-size:10px;color:var(--muted)}.project-info h3{font-size:21px;margin-top:7px;letter-spacing:-.6px}.project-info p{font-size:12px;color:var(--muted);margin-top:9px}.round-arrow{width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.project-card:hover .round-arrow,.connection-card:hover .round-arrow{background:var(--ink);color:var(--bg);transform:rotate(6deg)}.project-card:hover .paper-sheet{transform:rotate(-5deg)}.project-card:hover .tool-window{transform:rotate(2deg)}.paper-sheet,.tool-window{transition:transform .3s}.connection-card{grid-column:1/-1;display:flex;align-items:center;gap:28px;padding:25px 30px;background:var(--surface);border:1px solid var(--line);border-radius:17px;text-align:left;margin-top:10px}.connection-art{display:flex;padding-left:7px;isolation:isolate}.connection-art span{height:44px;width:44px;border:3px solid var(--surface);border-radius:50%;margin-left:-7px;background:#e3e9de;color:#60704c;display:grid;place-items:center;font-size:23px}.connection-art span:nth-child(2){background:#fce2d5;color:#d96131}.connection-art span:nth-child(3){background:#e9e4f6;color:#7c689b}.connection-card h3{font-size:17px;margin-top:4px;letter-spacing:-.3px}.connection-card .round-arrow{margin-left:auto}
.about-section{background:var(--soft);padding-block:80px}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:90px}.about-visual{display:flex;align-items:center;flex-direction:column;padding:25px}.personal-card{background:#fff;width:min(100%,300px);height:330px;transform:rotate(-7deg);border-radius:14px;box-shadow:0 20px 50px #3a455010;color:#252930;padding:23px 27px;display:flex;flex-direction:column;position:relative}.personal-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#646b79}.personal-card-top>span:last-child{color:#e96735;font-size:24px}.personal-monogram{font-size:165px;letter-spacing:-17px;line-height:1.2;font-weight:750;padding-top:5px}.personal-monogram>span{color:#f06a3c}.personal-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end}.personal-card-bottom strong{font-size:19px}.personal-card-bottom>span{font-size:8px;color:#646b79}.handwritten{font-size:12px;transform:rotate(-7deg);color:var(--muted);margin-top:32px;letter-spacing:2px}.about-copy h2{line-height:1.5;margin-bottom:25px}.about-copy>p:not(.section-kicker){max-width:450px;color:var(--muted);font-size:13px;line-height:2.05;margin-bottom:16px}.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.about-tags span{font-size:10px;border:1px solid #d8dde5;border-radius:50px;padding:5px 12px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;margin-top:27px}.text-link:hover{color:var(--accent)}.notes-caption{color:var(--muted);font-size:12px}.notes-list{border-top:1px solid var(--line)}.note-row{width:100%;text-align:left;padding:25px 3px;background:transparent;border-bottom:1px solid var(--line);display:grid;grid-template-columns:140px 1fr 90px 24px;align-items:center;gap:20px}.note-category{font-size:11px;color:var(--muted)}.note-row h3{font-size:17px;font-weight:550}.note-row p{font-size:12px;color:var(--muted);margin-top:5px}.note-time{font-size:10px;color:var(--muted)}.note-row:hover h3{color:var(--accent)}.note-row .icon{width:19px;height:19px}.contact-section{padding-bottom:60px}.contact-box{background:#f5e9e1;border-radius:22px;padding:50px 60px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#292b30}.contact-box .section-kicker{color:#6a6059}.contact-box h2{font-size:32px;line-height:1.55;letter-spacing:-1px}.contact-box p:last-child{font-size:12px;margin-top:16px;color:#6e665f}.contact-actions{display:flex;align-items:center;flex-direction:column;gap:15px}.contact-flower{font-size:75px;line-height:1.1;color:#eb6a35}.contact-actions>span:last-child{font-size:10px;color:#6a6059}.contact-actions .button{background:#272a30;color:#fff}.contact-actions .button:hover{background:#bd4821}.footer{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px;gap:25px}.footer .wordmark{font-size:23px}.footer>span{font-size:10px;color:var(--muted)}.back-top{font-size:11px;color:var(--muted);display:flex;gap:14px;align-items:center}.back-top span{font-size:20px}
dialog{padding:0;width:min(660px,calc(100% - 36px));max-height:85dvh;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 100px #0003;overflow:auto}dialog::backdrop{background:#161b2c66;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.dialog-top>span{font-size:12px;color:var(--muted)}.dialog-content{padding:35px 38px 30px}.dialog-content h2{font-size:29px;line-height:1.5;margin-bottom:24px;letter-spacing:-.5px}.dialog-content p{font-size:14px;color:var(--muted);line-height:2;margin-bottom:18px}.dialog-content h3{font-size:17px;margin-block:26px 12px}.dialog-content .article-lead{font-size:17px;color:var(--ink)}.dialog-content .article-note{font-size:11px;background:var(--soft);border-radius:10px;padding:13px 16px;margin-top:26px;margin-bottom:0}.dialog-footer{border-top:1px solid var(--line);padding:20px 38px;font-size:17px;font-weight:650;display:flex;justify-content:space-between;align-items:center}.dialog-footer span{font-size:10px;font-weight:400;color:var(--muted)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:11px 21px;border-radius:10px;background:var(--ink);color:var(--bg);box-shadow:0 8px 30px #0002;font-size:13px;opacity:0;pointer-events:none;z-index:50;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
[data-theme="dark"]{color-scheme:dark;--bg:#1e222b;--surface:#282d38;--ink:#f1f3f7;--muted:#aeb7c6;--line:#39404d;--soft:#262b35;--accent:#ff946c}[data-theme="dark"] .sun{display:block}[data-theme="dark"] .moon{display:none}[data-theme="dark"] .art-frame{filter:brightness(.86)}[data-theme="dark"] .contact-box{background:#3c302b;color:#f5ece5}[data-theme="dark"] .contact-box p,[data-theme="dark"] .contact-box .section-kicker,[data-theme="dark"] .contact-actions>span:last-child{color:#cfbcb1}[data-theme="dark"] .about-tags span{border-color:#49515e}[data-theme="dark"] .interest-strip b{color:#7b8493}
@media(min-width:1500px){.masthead{padding-top:80px;padding-bottom:90px}.nav-inner{height:110px}}
@media(max-width:1000px){.container{width:calc(100% - 56px)}.nav-links{margin-left:0}.local-time{display:none}.masthead{gap:20px;min-height:540px;padding-top:45px}.hero-actions{gap:20px}.hero-description{font-size:13px}.interest-strip>div{gap:23px}.project-visual{height:290px}.paper-sheet{padding-inline:20px}.tool-body{padding-inline:14px}.tool-tile{width:41px;height:41px}.tool-labels{gap:29px}.about-grid{gap:40px}.contact-box{padding:40px}.note-row{grid-template-columns:110px 1fr 75px 20px;gap:12px}}
@media(max-width:700px){html{scroll-padding-top:87px}.container{width:calc(100% - 40px)}.nav-inner{height:80px;gap:15px}.wordmark{font-size:27px}.brand-mark{font-size:31px}.nav-actions{gap:10px}.navbar-toggler{display:block}.nav-links{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:15px 25px 23px;gap:26px;justify-content:center}.nav-links.is-open{display:flex}.navbar-toggler[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.navbar-toggler[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.masthead{grid-template-columns:1fr;padding-top:37px;padding-bottom:55px;gap:38px}.hello{font-size:13px;margin-bottom:19px}h1{font-size:clamp(38px,10.7vw,65px);letter-spacing:-2px}.hero-description{font-size:13px;margin-top:20px}.hero-actions{margin-top:26px;gap:25px}.hero-footnote{margin-top:24px}.hero-art{width:78%;max-width:365px;margin-inline:auto;margin-top:0}.art-sticker{padding:9px 12px;font-size:10px;border-radius:9px}.sticker-top{right:-18px}.sticker-bottom{left:-18px;font-size:9px}.art-caption{font-size:8px;bottom:-22px}.interest-strip{align-items:flex-start;flex-direction:column;gap:14px;padding-block:20px}.interest-strip>span{font-size:10px}.interest-strip>div{gap:15px;justify-content:space-between;width:100%;font-size:10px}.interest-strip b{font-size:10px}.page-section{padding-block:60px}.section-heading{margin-bottom:27px}.section-heading h2,.about-copy h2{font-size:27px;letter-spacing:-.6px}.section-kicker{font-size:10px}.section-aside{display:none}.portfolio-grid{grid-template-columns:1fr;gap:31px}.project-visual{height:310px}.project-info{padding-top:20px}.project-info h3{font-size:20px}.project-info p{font-size:11px}.connection-card{padding:21px 19px;gap:16px;margin-top:0}.connection-art span{width:32px;height:32px;font-size:17px;border-width:2px}.connection-card h3{font-size:13px;line-height:1.7}.connection-card .project-category{font-size:9px}.connection-card .round-arrow{height:32px;width:32px}.connection-card .icon{height:17px;width:17px}.tool-window{max-width:370px;left:50%;transform:translateX(-50%) rotate(5deg)}.project-card:hover .tool-window{transform:translateX(-50%) rotate(2deg)}.tool-tile{width:49px;height:49px}.tool-connector{width:45px}.tool-labels{gap:46px}.paper-sheet{width:69%;left:14%;max-width:340px}.about-grid{grid-template-columns:1fr;gap:48px}.about-visual{padding-block:12px 0}.personal-card{width:250px;height:280px;padding:20px 24px}.personal-monogram{font-size:135px}.handwritten{font-size:10px;margin-top:27px}.about-copy h2 br{display:none}.about-copy>p:not(.section-kicker){max-width:unset}.about-tags{margin-top:20px}.text-link{margin-top:20px}.notes-caption{display:none}.note-row{grid-template-columns:1fr 20px;gap:10px;padding-block:24px}.note-category{grid-column:1;font-size:10px}.note-row>div{grid-column:1}.note-row .icon{grid-column:2;grid-row:2}.note-row h3{font-size:15px;line-height:1.6}.note-row p{font-size:11px}.note-time{display:none}.contact-section{padding-bottom:38px}.contact-box{padding:30px 25px;flex-direction:column;align-items:flex-start;gap:25px}.contact-box h2{font-size:26px}.contact-box p:last-child{font-size:11px}.contact-actions{width:100%;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:12px}.contact-flower{position:absolute;right:46px;font-size:55px;pointer-events:none}.contact-actions .button{font-size:12px;padding-inline:15px;min-height:45px}.contact-actions>span:last-child{width:100%;font-size:9px}.footer{flex-wrap:wrap;gap:17px;padding-bottom:25px}.footer>.wordmark{order:0}.footer>.back-top{order:1;margin-left:auto}.footer>span{order:2;width:100%;font-size:9px}.dialog-content{padding:26px 25px}.dialog-content h2{font-size:24px}.dialog-content p{font-size:13px}.dialog-top{padding:15px 20px}.dialog-footer{padding:18px 25px}.dialog-footer span{font-size:9px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero-actions{gap:17px}.quiet-link{font-size:11px}.button{padding-inline:16px;font-size:12px}.interest-strip>div{gap:8px}.project-visual{height:275px}.connection-card{gap:10px;padding-inline:13px}.connection-art span{width:26px;height:26px}.connection-card h3{font-size:12px}.tool-connector{width:28px}.tool-labels{gap:28px}.contact-flower{font-size:42px;right:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}