@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--blue:#2468ee;--ink:#151c29;--muted:#586273;--line:#dce1e8;--paper:#f6f7f9;--white:#fff;--font:"Manrope","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}[hidden]{display:none!important}#presenter-video{display:block;width:100%;max-height:54svh;object-fit:contain;margin-top:24px;background:#eef1f5}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.65}body:has(#project-dialog[open]){overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}img{max-width:100%;display:block}svg{width:20px;height:20px;stroke-width:1.6;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h2{font-size:38px;line-height:1.4;font-weight:600}h3{font-size:22px}.eyebrow{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:0;color:var(--blue)}.section-shell{padding:88px max(6%,calc((100% - 1280px)/2));scroll-margin-top:0}.site-header{height:86px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;z-index:10;width:100%;border-bottom:1px solid #dce1e887;background:#fafbfbd9}.brand{display:flex;gap:16px;align-items:center;font-size:17px;font-weight:700}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:0;color:var(--muted)}.brand-mark{font-size:26px;position:relative;line-height:1;letter-spacing:0}.brand-mark span{color:var(--blue)}.brand-mark b{position:absolute;width:5px;height:5px;background:var(--blue);right:-6px;bottom:0}.site-header nav{display:flex;gap:38px;font-size:13px;font-weight:600}.site-header nav a{position:relative;padding:29px 0}.site-header nav a:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:100%;bottom:20px;transition:right .2s}.site-header nav a:hover:after{right:0}.header-contact{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:600}.hero{position:relative;min-height:680px;height:min(850px,92svh);overflow:hidden;background:#eff2f5}#gallery-scene{position:absolute;top:0;right:0;bottom:0;left:0}#gallery-scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;width:52%;top:25%;right:-4%;transform:rotate(-5deg);box-shadow:0 24px 70px #172a4930}.scene-ready .scene-fallback{display:none}.hero-content{position:relative;z-index:2;padding:160px 0 100px 6%;width:48%;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero-content .eyebrow{display:flex;gap:12px;align-items:center;color:#404d61}.blue-line{width:25px;height:2px;background:var(--blue)}h1{font-size:68px;line-height:1.15;font-weight:600;margin-top:26px}.name-en{display:block;font-size:50px;font-weight:500;margin-top:9px}.blue-dot{color:var(--blue)}.hero h2{font-size:19px;margin-top:24px;font-weight:500}.hero-intro{font-size:24px;line-height:1.55;margin-top:24px;font-weight:500}.hero-summary{font-size:13px;color:#455165;line-height:1.9;margin-top:16px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 23px;border-radius:3px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1555d5}.text-button{background:none;padding:10px 0}.play-ring{width:34px;height:34px;border:1px solid #9ca8b8;border-radius:50%;display:grid;place-items:center}.play-ring svg{width:14px;height:14px}.gallery-caption{position:absolute;z-index:2;right:9%;bottom:135px;display:flex;gap:20px;font-size:13px;align-items:center}.caption-number{color:var(--blue);font-size:13px;border-top:2px solid var(--blue);padding-top:5px}.gallery-caption small{display:block;color:var(--muted);font-size:9px;letter-spacing:0}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;border-top:1px solid #aeb8c55c;height:68px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#455165}.hero-bottom a{display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:0}.icon-button{width:40px;height:40px;background:#fff;border:1px solid var(--line);display:inline-grid;place-items:center;border-radius:50%}.icon-button:hover{background:#eaf0fc;border-color:var(--blue)}.motion-toggle{position:absolute;right:24px;bottom:85px;z-index:3;width:32px;height:32px}.motion-toggle svg{width:14px;height:14px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:44px}.section-heading h2{margin-top:14px}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.8}.work-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:36px}.work-tabs button{padding:12px 0 16px;background:none;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}.work-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue);font-weight:700}.work-tabs button span{font-size:10px;margin-left:5px}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px}.project{min-width:0;scroll-margin-top:100px}.project.is-narrating .project-visual{outline:2px solid var(--blue);outline-offset:3px}@media(min-width:761px)and (max-width:1100px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project,.project[data-project-id=gift],.project[data-project-id=content]{grid-column:auto}}.project[hidden]{display:none!important}.project.featured{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;gap:44px;align-items:center}.project-visual{border:1px solid #d9dfe7;background:#e8ecf1;position:relative;display:block;padding:8px;width:100%;aspect-ratio:2;overflow:hidden;text-align:left}.project-visual:before{display:none}.project-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;position:relative;transition:transform .7s}.project-visual:hover img{transform:scale(1.035)}.project-visual[data-project=compass]{padding:8px}.project-visual[data-project=compass]:before{display:none}.project-visual[data-project=compass] img{object-fit:cover;object-position:center top}.project:nth-child(2) .project-visual{background:#e9f0f1}.project-open-icon{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;background:#fff;border-radius:50%;z-index:2}.project-info{padding:24px 0 0}.featured .project-info{padding:0}.project-meta{font-size:10px;letter-spacing:0;color:var(--muted);display:flex;align-items:center;gap:16px}.project-meta strong{color:var(--blue);font-size:13px}.project-info h3{font-size:28px;margin-top:12px;font-weight:600}.project-info h4{font-size:16px;font-weight:500;margin:12px 0}.project-info>p{font-size:14px;line-height:1.9;color:var(--muted)}.project-tags{display:flex;gap:12px;margin:20px 0;font-size:10px;color:#4f5e74;flex-wrap:wrap}.project-tags span+span:before{content:"/";margin-right:12px;color:#b7beca}.project-actions{display:flex;gap:24px}.text-link{font-size:13px;display:inline-flex;gap:10px;align-items:center;background:none;padding:0 0 5px;border-bottom:1px solid #9eabc1}.text-link:hover{color:var(--blue);border-color:var(--blue)}.content-art{height:100%;position:relative;background:#2468ee;color:#fff;padding:8% 8% 4%;overflow:hidden}.content-art .art-kicker{font-size:10px;letter-spacing:0}.content-art .art-title{font-size:48px;line-height:1.2;margin-top:20px;font-weight:600}.content-art .art-footer{position:absolute;bottom:18px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #ffffff60;padding-top:12px}.content-art:after{content:"AI";position:absolute;right:-6px;top:26px;font-size:140px;font-weight:800;line-height:1;color:#ffffff18;transform:rotate(-10deg)}.content-art.compass{background:#12695f}.content-art.gift{background:#80385d}.content-art.gift:after{content:"?"}.concept-art .art-title{font-size:36px}.concept-art .art-footer{gap:12px;flex-wrap:wrap}.account-qr{margin:24px 0 0}.account-qr img{display:block;max-width:100%;height:auto;object-fit:contain;background:#fff}.account-qr figcaption{font-size:13px;margin-top:10px;color:var(--ink,#19202b)}.project-visual.social{background:#dbe7ff}.approach{background:#edf0f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process-grid article{position:relative;padding:0 26px;border-left:1px solid #cbd3df}.process-grid article:first-child{padding-left:0;border:0}.process-grid .step{display:block;color:var(--blue);font-size:12px;margin-bottom:35px}.process-grid svg{position:absolute;right:26px;top:0;color:var(--blue)}.process-grid h3{font-size:19px;margin-bottom:14px}.process-grid p{font-size:13px;color:#48566a;line-height:1.9}.experience{background:#fff}.experience-list details{border-top:1px solid var(--line)}.experience-list details:last-child{border-bottom:1px solid var(--line)}.experience-list summary{list-style:none;display:grid;grid-template-columns:175px 1fr 32px;gap:26px;padding:26px 0;cursor:pointer;align-items:start}.experience-list summary::-webkit-details-marker{display:none}.job-date{font-size:12px;color:var(--muted);padding-top:6px}.job-main h3{font-size:18px;font-weight:600;line-height:1.6}.job-main .job-role{font-size:11px;color:var(--blue);margin:5px 0 9px}.job-main p{font-size:13px;color:#526075}.expand-icon{transition:transform .2s}details[open] .expand-icon{transform:rotate(45deg)}.job-details{margin:0 58px 30px 201px;font-size:14px}.job-details h4{font-size:16px;font-weight:600;margin:0 0 14px}.job-details ul{padding-left:18px;color:#48566a;line-height:1.9}.job-details li+li{margin-top:8px}.source-note{font-size:11px;color:var(--muted);margin-top:20px}.about{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}.about-photo{position:relative;width:220px;max-width:100%}@media(min-width:761px)and (max-width:1100px){#about{grid-template-columns:190px minmax(0,1fr);gap:36px}#about .about-photo{width:190px}}.about-photo img{width:100%;aspect-ratio:3/4;object-fit:cover}.about-photo span{display:block;font-size:10px;letter-spacing:0;color:var(--muted);border-bottom:1px solid var(--line);padding:16px 0}.about-copy h2{margin:16px 0 20px}.about-lead{font-size:15px;color:#465469;max-width:580px}.education{margin:28px 0}.education>div{padding:16px 0;border-top:1px solid var(--line)}.education dt{font-size:15px;font-weight:600}.education dd{font-size:13px;margin:7px 0 0;color:#465469}.education dd span{font-size:11px}.capability-section{display:grid;grid-template-columns:1fr;gap:22px;border-top:1px solid var(--line);padding-top:22px}.capability-section h3{font-size:16px;margin-bottom:14px}.capabilities dl{margin:0}.capabilities dl>div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;margin-bottom:10px}.capabilities dt{font-size:14px;font-weight:600;color:var(--blue)}.capabilities dd{margin:0;font-size:14px;line-height:1.7;color:#344154}.tools>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;font-size:13px;padding:5px 0}.tools span{color:#344154}.tools p{overflow-wrap:anywhere;line-height:1.85}@media(max-width:760px){.capability-section{grid-template-columns:1fr;gap:28px}.capability-section h3{font-size:18px}}.guide-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:#edf2fa}.guide-band h2{margin:18px 0;font-size:32px}.guide-band>p:not(.eyebrow){font-size:14px;color:var(--muted)}.guide-band button{margin-top:26px}.guide-band small{display:block;margin-top:14px;font-size:11px;color:var(--muted)}.contact{padding-top:72px;padding-bottom:22px;background:#fff}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.contact-heading h2{font-size:42px}.contact-arrow{width:65px;height:65px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--blue)}.contact-arrow svg{width:30px;height:30px}.contact-details{display:flex;gap:38px;margin:34px 0 64px;font-size:14px;flex-wrap:wrap}.contact-details a,.contact-details button{display:flex;align-items:center;gap:10px;padding:0;background:none}.contact-details svg{width:16px;height:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:var(--muted)}.footer-bottom a{display:flex;gap:8px;align-items:center}.footer-bottom svg{width:14px;height:14px}dialog{width:min(900px,calc(100% - 40px));max-height:88svh;border:1px solid #cbd3df;border-radius:6px;padding:0;box-shadow:0 30px 120px #16243933;color:var(--ink);background:#fff}dialog::backdrop{background:#18233277;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.close-dialog{position:absolute;right:18px;top:18px;z-index:5}.detail-cover{background:#edf1f6;padding:40px 60px 30px}.detail-cover img{aspect-ratio:1.6;object-fit:contain;width:100%;box-shadow:0 12px 30px #12234415}.detail-copy{padding:34px 48px 44px}.detail-copy h2{margin:10px 0 18px}.detail-copy>p{line-height:1.9;font-size:14px;color:#465469;margin:16px 0}.detail-copy dl{border-top:1px solid var(--line);padding-top:20px;font-size:13px}.detail-copy dt{font-weight:600;margin:14px 0 7px}.detail-copy dd{margin:0;color:#465469}.detail-copy .button{margin-top:18px}#guide-dialog{width:min(760px,calc(100% - 32px));padding:34px}.guide-person{display:flex;gap:26px;align-items:center;padding-right:24px}.guide-person>img{width:100px;height:132px;object-fit:cover}.guide-person h2{font-size:26px;margin:10px 0}.guide-person p:not(.eyebrow){font-size:13px;color:var(--muted)}.guide-person small{display:block;margin-top:12px;font-size:10px;color:var(--muted)}.guide-chapters{display:flex;border-bottom:1px solid var(--line);gap:22px;margin:30px 0 24px}.guide-chapters button{background:none;border-bottom:2px solid transparent;padding:10px 0;font-size:12px}.guide-chapters button[aria-current=true]{border-color:var(--blue);color:var(--blue)}.narration{min-height:200px}.narration>p:last-child{font-size:15px;line-height:2;margin-top:12px}.player{display:flex;align-items:center;gap:14px;margin-top:24px}.player>span{font-size:11px;min-width:25px;font-variant-numeric:tabular-nums}.player input{min-width:0;flex:1;accent-color:var(--blue)}.player-play{background:var(--blue);color:#fff}.player-play:hover{background:#1555d5}.audio-status{font-size:11px;color:var(--muted);min-height:18px;margin-top:14px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 24px;border-radius:4px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:10px}@media(min-width:1700px){.hero-content{padding-left:max(6%,calc((100% - 1480px)/2));width:48%}.hero{height:850px}}@media(max-width:1100px){.hero-content{width:52%;padding-top:145px}h1{font-size:58px}.name-en{font-size:44px}.hero-intro{font-size:22px}.hero-summary{max-width:330px}.hero-actions{gap:16px}.button{padding:13px 18px}.gallery-caption{right:5%;bottom:120px}.about{gap:55px;grid-template-columns:260px 1fr}.section-heading h2{font-size:32px}.project.featured{gap:28px;grid-template-columns:1.25fr 1fr}.project-info h3{font-size:25px}.content-art .art-title{font-size:38px}}@media(max-width:760px){.site-header{height:72px;padding:0 6%}.site-header nav{gap:18px;font-size:11px}.site-header nav a{padding:24px 0}.brand{font-size:15px;gap:12px}.brand small{font-size:8px}.brand-mark{font-size:23px}.header-contact{display:none}.hero{height:auto;min-height:850px}.hero-content{width:100%;padding:112px 6% 370px}.hero-content .eyebrow{font-size:9px}h1{font-size:48px;margin-top:22px}.name-en{font-size:35px;display:inline-block;margin-left:16px}.hero h2{font-size:16px;margin-top:18px}.hero-intro{font-size:21px;margin-top:18px}.hero-intro br{display:none}.hero-summary{font-size:12px;margin-top:12px;max-width:100%}.hero-summary br{display:none}.hero-actions{margin-top:22px}.hero-bottom{height:58px;font-size:9px}.hero-bottom a{font-size:8px;gap:12px}.gallery-caption{right:auto;left:6%;bottom:78px;font-size:11px}.caption-number{font-size:10px}.motion-toggle{right:6%;bottom:82px}.section-shell{padding:56px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:28px;margin-top:12px}.section-heading>p{margin-top:18px;font-size:13px}.section-heading>.text-link{margin-top:20px}.project-list{display:block}.project{margin-bottom:38px}.project:last-child{margin-bottom:0}.project.featured{display:block}.featured .project-info,.project-info{padding-top:22px}.project-info h3{font-size:25px}.project-visual{padding:6px}.project-info h4{font-size:15px}.project-info>p{font-size:13px}.project-tags{margin:16px 0}.content-art .art-title{font-size:38px}.work-tabs{gap:24px;margin-bottom:26px}.work-tabs button{font-size:12px}.process-grid{grid-template-columns:1fr 1fr;gap:34px 20px}.process-grid article{padding:0 0 0 20px}.process-grid article:nth-child(odd){border:0;padding:0}.process-grid .step{margin-bottom:22px}.process-grid svg{right:0}.process-grid h3{font-size:17px}.process-grid p{font-size:12px}.experience-list summary{grid-template-columns:1fr 25px;gap:8px;padding:22px 0}.job-date{grid-column:1;font-size:11px}.job-main{grid-row:2;grid-column:1}.expand-icon{grid-column:2;grid-row:1/3;align-self:center}.job-main h3{font-size:16px}.job-main p{font-size:12px}.job-details{margin:0 0 24px}.job-details h4{font-size:14px}.job-details li{font-size:13px}.about{grid-template-columns:1fr;gap:30px}.about-photo{width:180px}.about-copy h2{font-size:29px}.about-lead{font-size:14px}.tools>div{grid-template-columns:1fr;gap:3px}.guide-band h2{font-size:25px}.guide-band>p:not(.eyebrow){font-size:13px}.contact-heading h2{font-size:29px}.contact-arrow{width:45px;height:45px;margin-left:15px;flex-shrink:0}.contact-details{display:grid;gap:20px;margin:28px 0 42px}.footer-bottom{font-size:9px;flex-wrap:wrap}.footer-bottom>span{width:100%}.detail-cover{padding:60px 20px 20px}.detail-copy{padding:24px}.detail-copy h2{font-size:26px}#guide-dialog{padding:24px 20px}.guide-person{gap:16px;padding-right:15px}.guide-person>img{width:70px;height:95px}.guide-person h2{font-size:21px}.guide-person .eyebrow{font-size:8px}.guide-person p:not(.eyebrow){font-size:11px}.guide-person small{font-size:9px;margin-top:7px}.guide-chapters{gap:18px}.guide-chapters button{font-size:11px}.narration>p:last-child{font-size:13px;line-height:1.9}.narration{min-height:215px}.player{gap:9px}.player .icon-button{width:35px;height:35px}.scene-fallback{width:85%;top:auto;bottom:130px;right:-3%}}@media(max-width:360px){.site-header nav{gap:12px}.name-en{font-size:29px;margin-left:12px}.hero-actions{gap:14px}.button{font-size:12px;padding:12px 15px}.hero-intro{font-size:19px}.guide-chapters{gap:13px}}@media(max-width:760px){.hero{min-height:780px}.hero-content{padding-bottom:300px}.gallery-caption{display:none}.motion-toggle{bottom:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.presenter-launcher,.presenter-mini{position:fixed;z-index:30;bottom:22px;right:24px;display:flex;align-items:center;gap:14px;padding:10px 14px;background:#fff;border:1px solid #c9d5e7;border-radius:6px;box-shadow:0 8px 30px #2236521c}.presenter-launcher>img,.mini-person>img{width:38px;height:48px;object-fit:cover;border-radius:3px}.presenter-launcher>span{font-size:12px;font-weight:600;text-align:left}.presenter-launcher small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.presenter-launcher>svg{color:var(--blue);width:17px}.mini-person{display:flex;align-items:center;gap:12px;background:none;padding:0;font-size:12px}.presenter-mini .icon-button{width:32px;height:32px}#guide-dialog{position:fixed;inset:auto 24px 22px auto;margin:0;width:560px;max-height:min(720px,calc(100dvh - 44px));padding:28px;z-index:40}#guide-dialog .guide-person{padding-top:20px}#guide-dialog .narration{min-height:160px}.minimize-dialog{position:absolute;right:66px;top:18px;z-index:5}.follow-setting{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-top:18px}.follow-setting input{accent-color:var(--blue)}@media(max-width:760px){#guide-dialog{right:12px;bottom:12px;width:calc(100% - 24px);padding:22px 18px;max-height:calc(100dvh - 24px)}.presenter-launcher,.presenter-mini{right:12px;bottom:12px;padding:8px 10px;gap:10px}.presenter-launcher small{display:none}.presenter-launcher>img{width:28px;height:35px}.presenter-launcher>span{font-size:11px}.presenter-mini{max-width:calc(100% - 24px)}.mini-person>img{width:28px;height:35px}#guide-dialog .guide-chapters{gap:13px}}