:root{--paper:#f5efe6;--ink:#302e29;--navy:#142753;--orange:#f4872c;--muted:#7c766c;--line:#d9d0c3;--sans:"Arial","PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}footer{justify-content:center!important;text-align:center}.motion-toggle.music-playing{background:var(--orange);color:#fff}.motion-toggle span{font-size:22px}@media(max-width:839px){body .contact{height:auto;min-height:0;padding-bottom:370px}body .contact-copy{padding-top:95px;max-width:100%}body footer{padding:24px 20px calc(105px + env(safe-area-inset-bottom));min-height:155px}body nav{bottom:calc(20px + env(safe-area-inset-bottom))}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:#fff}#webgl{position:fixed;inset:0;pointer-events:none;z-index:2}#webgl canvas{display:block;width:100%;height:100%}.topbar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:26px 3.4vw;transition:color .3s}.brand{font-size:24px;font-weight:900;letter-spacing:-2px;display:flex;gap:7px;align-items:center}.brand span{font-size:28px;color:var(--orange)}nav{display:flex;gap:34px;background:#ede3d5ec;border-radius:30px;padding:14px 32px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav a{font-size:14px;font-weight:700;position:relative}nav a.active:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--orange);bottom:-7px;left:50%}.topbar-actions{display:flex;gap:12px}.contact-pill{display:flex;gap:20px;align-items:center;background:var(--orange);color:#fff;border-radius:30px;padding:13px 24px;font-size:14px;font-weight:700}.motion-toggle{width:44px;height:44px;border:0;border-radius:50%;background:#ddd2bf;color:var(--ink);font-weight:700}.topbar.dark{color:var(--paper)}.hero{height:100svh;min-height:700px;position:relative}.hero-copy{position:relative;z-index:4;width:43%;padding:29vh 0 0 8vw}.eyebrow{font:13px var(--mono);letter-spacing:.12em;margin:0 0 26px;color:var(--muted)}h1{font-size:clamp(65px,7.2vw,115px);letter-spacing:-.06em;line-height:1.14;margin:0;font-weight:900}.name-en{display:block;font-size:.4em;letter-spacing:-.035em;line-height:.96;margin-top:15px}.role-label{display:table;transform:rotate(-5deg);background:#314378;color:#fff;font:700 17px var(--mono);padding:10px 13px;margin:20px 0 24px 7vw}.hero-intro{font-size:16px;color:var(--muted);line-height:1.8;margin:0}.hero-bottom{position:absolute;z-index:4;inset:auto 3.4vw 28px;display:flex;justify-content:space-between;align-items:end;font:12px var(--mono);color:var(--muted)}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:13px;color:var(--ink);font-size:12px}.mouse-icon{height:29px;width:18px;border:2px solid currentColor;border-radius:14px;position:relative}.mouse-icon:after{content:"";position:absolute;top:5px;left:6px;width:2px;height:7px;background:currentColor;animation:scrollhint 1.7s infinite}@keyframes scrollhint{to{transform:translateY(7px);opacity:0}}#scene-status{position:absolute;top:55%;right:15%;z-index:4;font-size:14px;color:var(--muted)}.scene-ready #scene-status{display:none}.profile{position:relative;height:170svh;min-height:1000px;color:var(--paper)}.profile:before{content:"";position:absolute;inset:0;background:var(--navy);z-index:0}.profile-inner{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:100px 8vw;z-index:4;pointer-events:none}.profile-copy{width:46%;margin-left:auto;pointer-events:auto}.profile .eyebrow{color:#a9bcea}h2{font-size:clamp(44px,5.4vw,84px);letter-spacing:-.06em;line-height:1.22;margin:0;font-weight:900}h2 span{color:var(--orange)}.profile h2 span{color:#aab8ee}.profile p:not(.eyebrow){font-size:16px;line-height:1.9;color:#c0c9df;max-width:540px}.profile .lead{font-size:21px!important;margin-top:32px}.profile-facts{display:flex;gap:42px;margin-top:42px;padding-top:25px;border-top:1px solid #ffffff30}.profile-facts div{display:flex;flex-direction:column;gap:12px}.profile-facts strong{font-size:46px;letter-spacing:-.05em}.profile-facts span{font-size:12px;color:#b9c5df}.section-wrap{max-width:1240px;width:84%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:70px}.section-heading>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 5px}.skills,.journey,.projects{position:relative;z-index:5;background:var(--paper);padding:120px 0}.skills{background:#e9dfd0;padding-top:110px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.skills-grid article{border-top:1px solid #bcb19e;padding-top:22px}.item-number{font:13px var(--mono);color:var(--muted)}h3{font-size:24px;line-height:1.35;margin:25px 0 18px;letter-spacing:-.03em}.skills-grid p{font-size:16px;line-height:1.8}.skills-grid p:last-child{color:#70695d}.timeline article{display:grid;grid-template-columns:26% 1fr;padding:38px 0;border-top:1px solid var(--line);gap:40px}.timeline h3{margin:0 0 12px;font-size:25px}.timeline-date{font:14px/1.7 var(--mono);padding-top:3px;display:flex;align-items:start;flex-direction:column;gap:16px;color:var(--muted)}.now{font:12px var(--sans);background:#e6eddb;color:#4c673a;padding:6px 10px;border-radius:20px}.job-role{font-size:14px;color:#b16b27}.timeline p{max-width:780px;font-size:16px;line-height:1.9;color:var(--muted);margin:18px 0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:7px 12px;border:1px solid var(--line);border-radius:30px;font-size:12px;color:#746a5d}.education{display:grid;grid-template-columns:26% 1fr auto;gap:40px;border-top:1px solid var(--ink);margin-top:65px;padding-top:30px}.education h3{margin:0;font-size:22px}.education p{color:var(--muted)}.education>span{font:13px/1.8 var(--mono)}.projects{padding-top:70px}.orange-dot{color:var(--orange)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{border:none;border-radius:16px;padding:32px;text-align:left;position:relative;overflow:hidden;min-height:420px;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:start}.project-card:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 20px 35px #302e291a}.project-card:nth-child(2n){transform:translateY(45px)}.project-card:nth-child(2n):hover{transform:translateY(38px) rotate(.5deg)}.project-card.blue{background:#233c7c;color:#e5eaff}.project-card.orange{background:#e99648;color:#3f2c1c}.project-card.lilac{background:#b8b1de;color:#302b53}.project-card.green{background:#b7ccaf;color:#2e4634}.project-card.yellow{background:#e1c06b;color:#483a20}.project-index{font:12px var(--mono);letter-spacing:.06em;opacity:.7}.project-visual{height:220px;width:100%;display:flex;justify-content:center;align-items:center;margin:12px 0 22px}.network-diagram{gap:15px;font:700 23px var(--mono)}.network-diagram span{border:1px solid #ffffff60;border-radius:50%;width:105px;height:105px;display:grid;place-items:center}.network-diagram i{font-weight:400;font-style:normal}.type-art{font-size:60px;font-weight:900;letter-spacing:-.06em;line-height:.93;display:block;padding-top:28px}.type-art span{font-size:.85em}.type-art .outline-text{display:block;-webkit-text-stroke:1px currentColor;color:transparent;font-size:70px;margin-top:10px}.project-date{font:12px var(--mono);opacity:.75}.project-card h3{font-size:30px;margin:12px 0 10px}.project-card p{font-size:14px;margin:0;line-height:1.65;padding-right:25px}.project-open{position:absolute;right:28px;bottom:28px;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:23px}.resume-card{border:1px solid var(--line);background:#ede5d8;justify-content:end}.resume-card .project-index{position:absolute;top:32px}.resume-arrow{font-size:150px;line-height:1;margin:auto;transform:rotate(-25deg)}.contact{height:110svh;min-height:800px;position:relative;margin-top:80px}.contact-copy{position:relative;z-index:4;padding:26vh 0 0 8vw;max-width:62%;pointer-events:auto}.contact h2{font-size:clamp(50px,6vw,94px)}.big-mail{display:inline-block;font-size:clamp(17px,2vw,28px);margin-top:40px;border-bottom:1px solid #93846e;padding-bottom:9px}.contact-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:14px;align-items:center}.copy-email{border:0;border-bottom:1px solid var(--ink);background:none;padding:0 0 3px}.contact-links a:hover,.copy-email:hover{color:#b9611a}footer{position:relative;z-index:5;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 3.4vw;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:55px;width:min(680px,calc(100% - 32px));max-height:85svh;color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#111b35a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-size:34px;line-height:1.4;letter-spacing:-.03em}dialog p:not(.eyebrow),dialog li{font-size:16px;line-height:1.9;color:#71675a}dialog ul{padding-left:22px}.dialog-close{position:absolute;right:18px;top:14px;font-size:30px;background:none;border:0;width:40px;height:40px}.toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,20px);z-index:40;opacity:0;background:var(--ink);color:#fff;padding:14px 24px;border-radius:30px;font-size:14px;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}body[data-reduced=true] .mouse-icon:after{animation:none}.no-webgl .profile-copy{margin:0 auto;width:80%}.no-webgl .profile{height:auto;min-height:0}.no-webgl .contact-copy{max-width:100%}@media(min-width:1600px){.hero-copy{padding-top:32vh}.contact-copy{padding-top:29vh}}@media(max-width:1000px){.hero-copy{padding-left:5vw;width:46%}.role-label{font-size:14px;margin-left:0}.skills-grid{grid-template-columns:1fr 1fr}.section-wrap{width:88%}.profile-inner{padding-inline:5vw}.profile-facts{gap:24px}.network-diagram{font-size:17px;gap:8px}.network-diagram span{width:75px;height:75px}.type-art{font-size:48px}.project-card{padding:25px}.contact-copy{padding-left:6vw}}@media(max-width:760px){html{scroll-padding-top:80px}.topbar{padding:18px 22px}.brand{font-size:22px}nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);gap:30px;white-space:nowrap;padding:17px 28px;box-shadow:0 5px 30px #302e2920}nav a{font-size:14px}.contact-pill{padding:11px 18px;font-size:13px;gap:14px}.motion-toggle{height:40px;width:40px}.hero{min-height:760px}.hero-copy{padding:120px 24px 0;width:100%}h1{font-size:68px;display:flex;gap:20px;align-items:center}.name-en{font-size:24px;margin-top:0;line-height:1}.hero .eyebrow{font-size:11px;margin-bottom:13px}.role-label{font-size:13px;margin:12px 0 23px 55px}.hero-intro{font-size:14px}.hero-bottom{bottom:100px;inset-inline:24px}.hero-bottom>span{font-size:10px}.hero-bottom>span:last-child{display:none}.scroll-cue{font-size:11px}.profile{height:180svh;min-height:1450px}.profile-inner{min-height:100svh;align-items:flex-end;padding:47vh 25px 40px}.profile-copy{width:100%;margin:0}.profile h2{font-size:40px}.profile .eyebrow{margin-bottom:15px}.profile .lead{font-size:18px!important;margin-top:20px}.profile p:not(.eyebrow){font-size:14px;line-height:1.8}.profile-facts{margin-top:23px;padding-top:20px;gap:36px}.profile-facts strong{font-size:30px}.profile-facts span{font-size:11px}.section-wrap{width:calc(100% - 48px)}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:25px;font-size:14px}.section-heading h2{font-size:42px}.skills,.journey,.projects{padding:75px 0}.skills-grid{grid-template-columns:1fr;gap:22px}.skills-grid article{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.skills-grid h3{margin:0 0 16px;font-size:22px}.skills-grid p{grid-column:2;margin:0 0 12px;font-size:15px}.timeline article{grid-template-columns:1fr;gap:16px;padding:30px 0}.timeline-date{flex-direction:row;align-items:center;font-size:12px}.timeline h3{font-size:22px}.timeline p{font-size:15px}.education{grid-template-columns:1fr;gap:16px;margin-top:35px}.education h3{font-size:20px}.education p{margin:12px 0}.project-grid{grid-template-columns:1fr;gap:24px}.project-card,.project-card:nth-child(2n){min-height:400px;transform:none}.project-card:nth-child(2n):hover{transform:translateY(-5px)}.project-card h3{font-size:27px}.project-visual{height:200px}.type-art{font-size:56px}.network-diagram{font-size:19px}.network-diagram span{width:80px;height:80px}.resume-card{min-height:300px}.resume-arrow{font-size:110px}.contact{height:110svh;min-height:870px;margin-top:0}.contact-copy{padding:95px 24px 0;max-width:100%}.contact h2{font-size:48px}.contact .eyebrow{margin-bottom:20px}.big-mail{font-size:20px;margin-top:25px}.contact-links{gap:18px;font-size:13px}footer{flex-wrap:wrap;padding:25px 24px 105px;font-size:11px}footer>a:nth-child(2){order:3;width:100%}dialog{padding:48px 25px 30px}dialog h2{font-size:26px}.toast{bottom:90px}#scene-status{right:20%;top:62%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}#scan-background{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 90%,#085789,#072b73 45%,#031740);z-index:0;pointer-events:none;border-radius:0 0 50px 50px}#room-backdrop{position:fixed;inset:0;background:var(--paper);transform-origin:center top;z-index:1;border-radius:0 0 0 55px;pointer-events:none;will-change:transform}#webgl{will-change:transform}.hero{min-height:100svh;height:100svh;overflow:hidden}.hero-copy{will-change:transform}.intro-spacer{height:200px}.profile{height:250svh;min-height:0;position:relative;pointer-events:none}.profile:before{display:none}.scan-overlay{position:fixed;inset:0;z-index:4;pointer-events:none;visibility:hidden;color:#d5eafa;will-change:transform}.scan-callout{position:absolute;top:0;left:0;font-family:var(--mono);opacity:0}.scan-callout>div{background:#0650988a;border:1px solid #30aede;border-radius:13px;padding:16px 19px}.scan-callout h2{font-size:26px;letter-spacing:0;line-height:1.3}.scan-callout h3{font-size:22px;letter-spacing:0;margin:0 0 14px}.scan-callout p{font-size:16px;line-height:1.6;margin:0}.scan-callout p+p{margin-top:12px}.scan-callout ul{padding-left:18px;margin:0;font-size:15px;line-height:1.9}.scan-identity,.scan-description{transform:translate(-100%,-50%);padding-right:42px}.scan-identity{width:280px;max-width:30vw}.scan-description{width:360px;max-width:36vw}.scan-services{transform:translateY(-50%);padding-left:42px;width:350px;max-width:34vw}.scan-callout:before{content:"";position:absolute;top:50%;height:1px;width:42px;background:#30aede;right:0}.scan-callout:after{content:"";position:absolute;top:calc(50% - 5px);right:0;width:10px;height:10px;background:#30aede;border-radius:50%}.scan-services:before,.scan-services:after{right:auto;left:0}.scan-count{display:none}.topbar.dark nav{background:#0a378be6;color:#fff}.topbar.dark .motion-toggle{background:#0a378b;color:#fff}.topbar.dark nav a.active{color:#78d8ff}.projects{padding-top:120px;border-radius:50px 50px 0 0;z-index:5}.project-card:nth-child(2n),.project-card:nth-child(2n):hover{transform:none}.project-grid{gap:28px}.project-card{border-radius:15px}.resume-details{margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.resume-details>summary{padding:25px 0;cursor:pointer;font-size:18px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.resume-details>summary::-webkit-details-marker{display:none}.resume-details summary span{font-size:14px;font-weight:400;color:var(--muted)}.resume-details .section-wrap{width:100%}.resume-details .skills,.resume-details .journey{padding:50px 0;background:transparent}.resume-details .section-heading h2{font-size:40px}.resume-details .skills-grid{gap:25px}.contact{height:100svh;min-height:0;margin:0;z-index:3;background:transparent;overflow:hidden;isolation:isolate}.contact:before{content:"";position:absolute;inset:0;background:#e9ded0;z-index:-1;border-radius:0 0 50px 50px}.contact-copy{padding:70px 0 0 8vw;max-width:41%}.contact h2{font-size:clamp(40px,4.7vw,68px)}.contact .big-mail{font-size:18px;white-space:nowrap;margin-top:25px}.contact-links{font-size:13px;gap:18px}.contact .eyebrow{margin-bottom:22px}body.scene-contact #webgl{z-index:4}.contact-copy{z-index:5}footer{z-index:6}.no-webgl #scan-background,.no-webgl #room-backdrop{display:none}.no-webgl .scan-overlay{position:relative;visibility:visible;padding:35px 24px;display:grid;gap:25px;background:var(--navy)}.no-webgl .scan-callout{position:static;transform:none!important;opacity:1!important;max-width:none;width:100%;padding:0}.no-webgl .scan-callout:after,.no-webgl .scan-callout:before{display:none}.no-webgl .profile{height:auto}.no-webgl .intro-spacer{display:none}@media(max-width:839px){.intro-spacer{height:0}.profile{height:250svh}.scan-callout{pointer-events:none}.scan-identity{display:none}.scan-description,.scan-services{top:auto!important;left:24px!important;bottom:80px;transform:none!important;width:calc(100% - 48px);max-width:none;padding:0}.scan-callout:after,.scan-callout:before{display:none}.scan-callout p{font-size:14px}.scan-callout ul{font-size:14px;line-height:1.7}.scan-callout h3{font-size:19px}.scan-count{position:absolute;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font:12px var(--mono)}.scan-count strong{font-size:26px}.contact-copy{padding:85px 25px 0;max-width:100%}.contact h2{font-size:43px}.contact .big-mail{font-size:17px;margin-top:18px}.contact-links{font-size:12px}.contact{min-height:760px}.resume-details .section-heading h2{font-size:34px}.profile .scan-services li{margin:0}.scan-overlay{margin-top:0}#scan-background{border-radius:0 0 30px 30px}}@media(max-width:760px){.scan-description,.scan-services{bottom:145px}.scan-count{bottom:95px}.contact-copy{padding-top:95px}.contact .eyebrow{margin-bottom:12px}.hero{min-height:760px}.project-card{min-height:400px}.projects{border-radius:30px 30px 0 0}.resume-details>summary{font-size:16px}}.project-open,.contact-pill,.motion-toggle{transition:transform .25s ease,background .25s ease}.project-card:hover .project-open{transform:rotate(45deg);background:#ffffff20}.contact-pill:hover{transform:translateY(-2px);background:#e87b24}.motion-toggle:hover{transform:scale(1.06)}.resume-details>summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}dialog[open]{animation:dialog-in .24s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@media(hover:hover){.project-card:nth-child(2n):hover{transform:translateY(-7px) rotate(.5deg)}}body[data-reduced=true] *{animation:none!important;transition:none!important}html:has(body[data-reduced=true]){scroll-behavior:auto}