@font-face{font-family:DM;src:url('./assets/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('./assets/dm-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:DM;src:url('./assets/dm-sans-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:#f5f6f4;--ink:#1c2425;--muted:#667171;--line:#d7ddda;--her:#b83934;--font:DM,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--her);outline-offset:6px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:400}img{display:block;max-width:100%}::selection{background:#b83934;color:#fff}.section-wrap{width:calc(100% - 128px);max-width:1312px;margin-inline:auto}.section-label{font-size:14px;color:var(--muted)}.skip{position:fixed;left:15px;top:15px;background:white;color:black;z-index:50;padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}.header{position:absolute;top:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;color:#fff;z-index:5}.brand{font-size:18px}.brand span{font-size:14px;margin-left:10px}.header nav{display:flex;gap:35px;font-size:14px}.header nav a{position:relative;padding-block:10px}.header nav a:after{content:'';position:absolute;bottom:2px;left:50%;height:4px;width:4px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .2s}.header nav a:hover:after{opacity:1}.hero{position:relative;min-height:760px;height:100svh;max-height:1200px;overflow:hidden;color:#fff;background:#334344}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#06121642,transparent 28%,#0b171632 60%,#00121359 100%)}.hero-role{position:absolute;left:64px;top:33%;font-size:clamp(24px,2.4vw,38px);line-height:1.5;letter-spacing:-.7px;text-shadow:0 2px 20px #142b3040}.hero-role>p:last-child{font-size:.75em;letter-spacing:.5px}.hero-orbit{position:absolute;right:70px;top:28%;display:flex;align-items:center;gap:25px;font-size:15px;line-height:1.65}.her-ring{display:block;position:relative;width:76px;height:76px;animation:ring-turn 18s linear infinite;transition:transform .4s}.her-ring i,.her-ring b{position:absolute;border:1.5px solid currentColor;border-radius:50%;inset:0;transform:rotate(-25deg) scaleX(.88);font-weight:400}.her-ring b{inset:10px 5px 3px 9px;transform:rotate(30deg) scaleX(.91);border-right-color:transparent}.her-ring:after{content:'';position:absolute;top:6px;left:18px;width:3px;height:3px;border-radius:50%;background:currentColor}.hero-orbit:hover .her-ring{transform:scale(1.12)}.hero-name-line{position:absolute;bottom:104px;left:4%;right:4%;display:flex;align-items:baseline;gap:40px;white-space:nowrap}.hero-name-line h1{font-size:clamp(150px,20.5vw,340px);font-weight:400;line-height:1;letter-spacing:-.07em}.hero-name-line h1>span{letter-spacing:-.04em}.chinese-name{font-size:clamp(50px,7vw,108px);letter-spacing:-.07em;line-height:1}.hero-bottom{position:absolute;bottom:30px;left:64px;right:64px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.hero-bottom a{padding:12px 0;border-bottom:1px solid #ffffff70}.hero-bottom button{font-size:12px;padding:8px 0;display:flex;gap:12px;align-items:center}.hero-bottom button span{font-size:11px;border:1px solid #ffffff80;border-radius:20px;padding:3px 10px}.intro{padding-block:130px 120px;display:grid;grid-template-columns:1.45fr 1fr;gap:95px}.intro h2{font-size:clamp(32px,3.5vw,54px);line-height:1.5;letter-spacing:-2px;margin-top:35px}.intro-aside{padding-top:53px}.intro-aside>p{line-height:1.95;color:#576262;font-size:16px}.intro-aside>p+p{margin-top:22px}.plain-link{display:inline-flex;align-items:center;gap:30px;font-size:14px;padding:12px 0;border-bottom:1px solid var(--ink);transition:color .2s}.plain-link span{color:var(--muted);font-size:12px}.plain-link:hover{color:var(--her);border-color:var(--her)}.intro .plain-link{margin-top:24px}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:27px 0 60px}.section-top h2{font-size:22px}.section-top>span{font-size:14px;color:var(--muted)}.work-item{padding-bottom:78px}.work-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.work-title h3{font-size:52px;letter-spacing:-2px;line-height:1.2}.work-title h3 span{font-size:24px;margin-left:20px;letter-spacing:0}.work-title>p{font-size:14px;color:var(--muted);padding-bottom:6px}.product-window{display:block;background:#dfe5e3;padding:40px 10% 37px;overflow:hidden;position:relative}.window-top{max-width:1000px;margin:auto;height:42px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#1f2028;color:#aaaeb7;font-size:12px;border-radius:8px 8px 0 0;box-shadow:0 15px 60px #26393e14}.product-window img{width:100%;max-width:1000px;height:400px;object-fit:cover;object-position:top;margin:auto;box-shadow:0 20px 45px #26393e26;transition:transform .7s}.product-window:hover img{transform:translateY(-4px)}.image-caption{display:block;text-align:center;font-size:13px;color:#5c6b68;margin-top:25px}.work-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:110px;padding:36px 0 32px}.work-statement h4{font-size:25px;line-height:1.5;margin-bottom:16px;letter-spacing:-.5px}.work-statement>p{font-size:16px;line-height:1.9;color:var(--muted)}.work-facts{border-left:1px solid var(--line);padding-left:42px;display:flex;flex-direction:column;gap:12px;justify-content:center}.work-facts p{font-size:13px;color:var(--muted)}.work-facts strong{font-size:24px;font-weight:400;display:inline-block;min-width:102px;color:var(--ink);margin-right:10px}.work-facts>span{font-size:12px;color:var(--muted);margin-top:5px}.case-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:23px 0;cursor:pointer;font-size:15px}.case-details summary::-webkit-details-marker{display:none}.case-details summary>span{font-size:28px;line-height:1;transition:transform .3s}.case-details[open] summary>span{transform:rotate(45deg)}.case-body{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:15px 0 45px}.case-body h4{font-size:20px;line-height:1.5;margin-bottom:13px}.case-body p{font-size:16px;line-height:1.9;color:var(--muted)}.case-body h4:not(:first-child){margin-top:25px}.spoiler-demo{background:#e8ece9;border-radius:4px;padding:20px 22px;margin-top:25px;font-size:15px;line-height:1.8}.spoiler-demo>p{font-size:12px;margin-bottom:8px}.spoiler-demo button{font-size:13px;display:block;border-bottom:1px solid #9aadaa;margin:12px 0 0;padding:0}.spoiler-demo>div{background:#d7e1dc;padding:12px;margin-top:13px;font-size:14px}.waoowaoo-work{padding-top:28px}.agent-case{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#e8ebea;padding:60px}.agent-case-copy{padding:10px 0 15px}.agent-case-copy h4{font-size:38px;line-height:1.5;letter-spacing:-1px;margin-top:24px}.agent-case-copy>p:not(.section-label){font-size:16px;line-height:1.9;color:var(--muted);margin-top:22px;max-width:360px}.agent-case-copy .plain-link{margin-top:25px}.task-demo{background:#f8f9f7;padding:25px;border:1px solid #d5dcda;box-shadow:0 17px 30px #5665620c;border-radius:8px;align-self:center}.demo-tabs{display:flex;border-bottom:1px solid var(--line);padding-bottom:17px;gap:9px}.demo-tabs button{font-size:13px;border-radius:25px;padding:9px 15px;color:#64716c}.demo-tabs button.active{background:#273a34;color:#fff}.task-conversation{padding:25px 0}.request-bubble{font-size:14px;line-height:1.6;background:#e5ebe7;padding:13px 17px;margin-left:40px;border-radius:12px 12px 0 12px;max-width:270px}.agent-reply{display:flex;align-items:center;gap:12px;margin-top:24px;min-height:48px;font-size:14px}.mini-ring{display:block;border:1px solid #84988d;width:22px;height:22px;border-radius:50%;flex-shrink:0;position:relative}.mini-ring:after{content:'';position:absolute;inset:4px;border:1px solid #84988d;border-left-color:transparent;border-radius:50%}.task-truth{background:#f1e3de;padding:17px 20px;border-radius:4px;transition:background .35s}.task-truth>span{font-size:12px;color:#876459}.task-truth strong{display:block;font-weight:400;font-size:19px;color:#9d443a;margin-top:5px}.task-truth p{font-size:12px;line-height:1.7;color:#866b61;margin-top:8px}.task-truth[data-state=after]{background:#dfeae2}.task-truth[data-state=after]>span,.task-truth[data-state=after] p{color:#59765f}.task-truth[data-state=after] strong{color:#31533d}.demo-caption{font-size:12px;color:#89918c;margin-top:20px;line-height:1.6}.reliability-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:34px 0}.reliability-notes h4{font-size:18px;margin-bottom:14px}.reliability-notes p{font-size:15px;color:var(--muted);line-height:1.9}.experiment{background:var(--her);color:#fff4ef;position:relative;overflow:hidden}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:95px 90px;align-items:center}.experiment-copy .section-label{color:#edbfb5}.experiment-copy h2{font-size:62px;line-height:1.25;letter-spacing:-2.5px;margin-top:29px}.experiment-copy>p:not(.section-label){font-size:16px;line-height:1.9;margin-top:27px;max-width:410px;color:#f5d6cd}.experiment-boundary{display:block;font-size:12px;color:#f0c2b9;margin-top:33px;line-height:1.7}.companion{text-align:center;position:relative;padding:18px 0 0;min-width:0}.companion-orbit{display:grid;place-items:center;height:205px;margin-bottom:15px}.companion-orbit .her-ring{width:150px;height:150px;animation-duration:28s;color:#f7dad0}.companion-orbit .her-ring i{border-width:2px}.companion-orbit .her-ring b{inset:15px 9px 5px 17px;border-width:2px}.companion.waiting .her-ring{animation-duration:2s}.companion-text{min-height:110px}.companion-text>p{font-size:12px;color:#ecc2b5;margin-bottom:18px}.companion-text h3{font-size:24px;line-height:1.75;font-weight:400;max-width:450px;margin:auto}.companion #companion-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;min-height:88px;align-items:start;padding-top:21px}.companion #companion-actions button{border:1px solid #f2c6ba8a;border-radius:30px;padding:13px 19px;font-size:14px;background:#c4504533;transition:background .25s,transform .25s}.companion #companion-actions button:hover{background:#f4d9cb;color:#842a28;transform:translateY(-2px)}.companion #companion-actions button:disabled{opacity:.5;cursor:wait}.companion-footer{display:flex;justify-content:center;gap:23px;padding-top:23px}.companion-footer button{font-size:12px;color:#f2c7bd;border-bottom:1px solid #e2948477;padding:5px 0}.companion-footer button:focus-visible,.companion button:focus-visible{outline-color:white}#memory-record{max-width:410px;margin:20px auto 0;padding:18px;text-align:left;border:1px solid #f1c1b34a;font-size:13px;line-height:1.9;color:#f6dace}#memory-record[hidden]{display:none}.about{padding-block:125px 90px;display:grid;grid-template-columns:1fr 1.35fr;gap:130px}.about-heading h2{font-size:43px;letter-spacing:-1px;line-height:1.5;margin-top:30px}.about-heading>p:not(.section-label){font-size:16px;line-height:1.95;color:var(--muted);margin-top:25px}.about-heading .plain-link{margin-top:25px}.experience-list article{padding:24px 0 27px;border-top:1px solid var(--line)}.experience-list article>span{font-size:12px;color:var(--muted)}.experience-list article h3{font-size:23px;line-height:1.45;margin:12px 0}.experience-list article p{font-size:15px;line-height:1.9;color:var(--muted)}.skills-line{display:flex;flex-wrap:wrap;gap:9px 21px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:#536865}.elsewhere{padding-block:70px 115px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr;gap:48px 90px}.elsewhere-title h2{font-size:37px;line-height:1.55;letter-spacing:-1px;margin-top:26px}.elsewhere-content{padding-top:45px}.personal-quote{font-size:23px;line-height:1.8;letter-spacing:-.5px}.personal-note{font-size:15px;line-height:1.9;color:var(--muted);margin-top:21px}.elsewhere-content .plain-link{margin-top:17px}.social-list{grid-column:1/-1;margin-top:18px}.social-item{display:grid;grid-template-columns:160px 1fr 130px;gap:25px;align-items:center;padding:26px 0;border-top:1px solid var(--line);transition:padding .3s,color .3s}.social-item:last-child{border-bottom:1px solid var(--line)}a.social-item:hover{padding-inline:14px;color:var(--her)}.social-platform{font-size:22px;letter-spacing:-.5px}.social-item>div strong{font-size:17px;font-weight:400;overflow-wrap:anywhere}.social-item>div>span{display:block;font-size:13px;color:var(--muted);margin-top:6px}.social-item>button,.social-action{justify-self:end;font-size:13px}.social-item>button{border:1px solid #c5d0ca;border-radius:30px;padding:10px 18px;transition:background .25s}.social-item>button:hover{background:#e1e8e3}.contact{background:#253235;color:#f6f6f0;padding:85px 0 0}.contact>.section-wrap>p{font-size:14px;color:#b3c4c3}.contact h2{font-size:clamp(40px,6vw,80px);line-height:1.4;letter-spacing:-2.5px;margin-top:28px}.contact-row{display:flex;align-items:center;gap:28px;margin:43px 0 95px;flex-wrap:wrap}.email-link{font-size:30px;letter-spacing:-.8px;border-bottom:1px solid #677d7f;padding-bottom:9px}.contact-row button{font-size:13px;border:1px solid #8498976b;border-radius:25px;padding:10px 18px}.contact-row>a:last-child{font-size:16px;margin-left:0;flex-basis:100%;color:#b8cbca}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #91a7a425;padding:30px 0;font-size:12px;color:#b7c4c3}.footer>a{font-size:16px;color:#e0e9e4}.footer>span:last-child{font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 22px;border-radius:30px;background:#1d2f2b;color:#fff;font-size:14px;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:calc(100% - 32px);white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}@keyframes ring-turn{to{rotate:360deg}}
@media(min-width:1600px){.hero-name-line{left:calc((100% - 1420px)/2);right:calc((100% - 1420px)/2)}.hero-role{left:calc((100% - 1312px)/2)}.hero-orbit{right:calc((100% - 1312px)/2)}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 80px)}.header{padding-inline:40px}.hero-role{left:40px}.hero-orbit{right:40px}.hero-name-line{gap:27px;bottom:105px}.hero-bottom{left:40px;right:40px}.intro{gap:55px;padding-block:95px}.intro h2{font-size:36px;letter-spacing:-1.5px}.intro-aside{padding-top:46px}.work-title h3{font-size:43px}.work-title>p{font-size:13px}.work-bottom{gap:50px}.work-facts{padding-left:27px}.work-facts strong{min-width:88px;font-size:22px}.agent-case{padding:40px;gap:35px}.agent-case-copy h4{font-size:31px}.task-demo{padding:20px}.experiment-grid{gap:50px}.experiment-copy h2{font-size:52px}.companion-text h3{font-size:21px}.about{gap:65px}.about-heading h2{font-size:36px}.elsewhere{gap:40px}.elsewhere-title h2{font-size:32px}.personal-quote{font-size:21px}.product-window img{height:320px}}
@media(max-width:800px){.section-wrap{width:calc(100% - 48px)}.header{height:80px;padding-inline:24px}.header nav{gap:22px;font-size:13px}.brand{font-size:16px}.brand span{font-size:12px;margin-left:6px}.hero{min-height:670px;max-height:1000px}.hero-image{object-position:52% 57%}.hero-role{left:24px;top:29%;font-size:27px}.hero-orbit{right:25px;top:31%;gap:14px;font-size:13px}.hero-orbit .her-ring{width:55px;height:55px}.hero-name-line{left:22px;right:22px;bottom:100px;gap:25px}.hero-name-line h1{font-size:22vw;letter-spacing:-.07em}.chinese-name{font-size:8vw}.hero-bottom{left:24px;right:24px;font-size:12px}.hero-bottom>span{max-width:120px}.intro{grid-template-columns:1fr;gap:28px;padding-block:75px}.intro h2{font-size:36px;margin-top:24px}.intro-aside{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 35px}.intro-aside>p{font-size:15px}.intro-aside>p+p{margin:0}.intro .plain-link{margin-top:4px;justify-self:start}.section-top{padding-bottom:36px}.work-title{display:block;margin-bottom:22px}.work-title h3{font-size:39px}.work-title>p{margin-top:13px;font-size:13px}.product-window{padding:30px 7% 25px}.product-window img{height:270px}.window-top{height:33px;font-size:11px;padding-inline:13px}.image-caption{font-size:12px;margin-top:20px}.work-bottom{grid-template-columns:1.6fr 1fr;gap:32px;padding-block:28px}.work-statement h4{font-size:22px}.work-statement>p{font-size:15px}.work-facts{padding-left:25px}.work-facts p{font-size:12px}.work-facts strong{display:block;margin-bottom:3px}.case-body{gap:32px}.case-body p{font-size:15px}.case-body h4{font-size:18px}.work-item{padding-bottom:65px}.agent-case{grid-template-columns:1fr;padding:35px;gap:24px}.agent-case-copy{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.agent-case-copy .section-label{grid-column:1/-1}.agent-case-copy h4{font-size:29px;grid-row:2/4;margin-top:3px}.agent-case-copy>p:not(.section-label){margin-top:0;font-size:15px}.agent-case-copy .plain-link{margin-top:0;justify-self:start}.task-demo{width:100%;max-width:530px;margin:auto;padding:25px}.task-conversation{padding-block:24px}.request-bubble{margin-left:auto;max-width:240px}.task-truth{max-width:100%}.task-demo .demo-caption{font-size:12px}.reliability-notes{gap:25px}.reliability-notes h4{font-size:17px}.reliability-notes p{font-size:14px}.experiment-grid{padding-block:70px;gap:50px;grid-template-columns:1fr 1fr}.experiment-copy h2{font-size:39px}.experiment-copy>p:not(.section-label){font-size:15px}.experiment-boundary{font-size:12px}.companion-orbit{height:175px}.companion-orbit .her-ring{width:120px;height:120px}.companion-text{min-height:150px}.companion-text h3{font-size:19px}.companion #companion-actions{min-height:135px;gap:10px;padding-top:10px;flex-direction:column;align-items:center}.companion #companion-actions button{font-size:13px;padding:11px 17px}.companion-footer{gap:15px;padding-top:15px;flex-wrap:wrap}.companion-footer button{font-size:12px}.about{padding-block:80px;grid-template-columns:1fr 1.3fr;gap:40px}.about-heading h2{font-size:31px}.about-heading>p:not(.section-label){font-size:15px}.experience-list article h3{font-size:21px}.experience-list article p{font-size:14px}.elsewhere{padding-block:60px 80px;grid-template-columns:1fr 1fr;gap:35px}.elsewhere-title h2{font-size:28px}.personal-quote{font-size:18px}.personal-note{font-size:14px}.social-item{grid-template-columns:120px 1fr 95px;gap:18px}.social-platform{font-size:19px}.social-item>div strong{font-size:15px}.social-item>div>span{font-size:12px}.social-item>button,.social-action{font-size:12px}.social-item>button{padding:9px 13px}.contact{padding-top:65px}.contact h2{font-size:55px}.email-link{font-size:26px}.contact-row{gap:20px;margin-bottom:65px}.contact-row>a:last-child{font-size:14px}}
@media(max-width:560px){.header{height:76px}.header nav{gap:18px}.header nav a:nth-child(3){display:none}.brand span{display:none}.hero{min-height:680px;height:100svh;max-height:950px}.hero-image{object-position:50% 58%}.hero-scrim{background:linear-gradient(180deg,#06262a38,transparent 28%,#142f3830 62%,#0520286b)}.hero-role{font-size:25px;top:21%;text-shadow:0 2px 25px #0008}.hero-role>p:last-child{font-size:16px;letter-spacing:0;margin-top:6px}.hero-orbit{right:22px;top:39%;gap:12px;font-size:12px;align-items:center;flex-direction:column}.hero-orbit .her-ring{width:50px;height:50px}.hero-orbit>span:last-child{text-align:center;line-height:1.5}.hero-name-line{left:20px;bottom:108px;gap:15px;align-items:baseline;flex-wrap:wrap}.hero-name-line h1{font-size:25.5vw;line-height:1}.chinese-name{font-size:8.5vw;letter-spacing:-.05em}.hero-bottom{bottom:23px;font-size:12px;gap:20px;align-items:end}.hero-bottom>span{display:none}.hero-bottom a{font-size:12px}.intro{padding-block:64px;gap:26px}.intro h2{font-size:29px;line-height:1.55;letter-spacing:-1px;margin-top:21px}.intro-aside{display:block}.intro-aside>p{font-size:16px}.intro-aside>p+p{margin-top:19px}.intro .plain-link{margin-top:20px}.section-label{font-size:13px}.section-top h2{font-size:20px}.section-top>span{font-size:12px}.section-top{padding-block:24px 33px}.work-title h3{font-size:35px;letter-spacing:-1.4px}.work-title h3 span{font-size:20px;margin-left:14px}.work-title>p{font-size:12px;line-height:1.7}.product-window{margin-inline:-24px;padding:27px 23px 24px}.product-window img{height:208px}.window-top{font-size:10px;height:29px}.image-caption{font-size:12px;line-height:1.6;margin-top:20px}.work-bottom{grid-template-columns:1fr;gap:25px;padding-block:27px}.work-statement h4{font-size:23px}.work-statement>p{font-size:16px}.work-facts{padding:0;border:0;display:grid;grid-template-columns:1fr 1.2fr;gap:15px}.work-facts strong{font-size:25px;margin-bottom:7px}.work-facts>span{grid-column:1/-1;font-size:12px}.case-details summary{font-size:14px;padding-block:20px;gap:15px;line-height:1.6}.case-body{grid-template-columns:1fr;gap:27px;padding-bottom:30px}.case-body p{font-size:16px}.case-body h4{font-size:19px}.waoowaoo-work{padding-top:0}.agent-case{margin-inline:-24px;padding:33px 24px 30px;gap:30px}.agent-case-copy{display:block;padding:0}.agent-case-copy h4{font-size:31px;margin-top:22px;line-height:1.55}.agent-case-copy>p:not(.section-label){font-size:16px;margin-top:21px;max-width:none}.agent-case-copy .plain-link{margin-top:16px}.task-demo{padding:22px 19px}.demo-tabs button{font-size:13px;padding:10px 14px}.task-conversation{padding-top:22px}.task-truth strong{font-size:20px}.agent-reply{font-size:14px}.reliability-notes{grid-template-columns:1fr;gap:24px;padding-block:29px 0}.reliability-notes h4{font-size:19px;margin-bottom:9px}.reliability-notes p{font-size:16px}.work-item{padding-bottom:58px}.experiment-grid{grid-template-columns:1fr;gap:30px;padding-block:65px}.experiment-copy h2{font-size:43px;letter-spacing:-1.5px;line-height:1.4;margin-top:21px}.experiment-copy>p:not(.section-label){font-size:16px;margin-top:22px}.experiment-boundary{font-size:12px;margin-top:25px}.companion{padding-top:0}.companion-orbit{height:175px;margin-bottom:13px}.companion-orbit .her-ring{width:126px;height:126px}.companion-text{min-height:112px}.companion-text h3{font-size:22px;line-height:1.7}.companion #companion-actions{flex-direction:row;align-items:start;min-height:96px;padding-top:20px}.companion #companion-actions button{font-size:13px;padding:12px 14px}.companion-footer{gap:30px;padding-top:20px}.about{grid-template-columns:1fr;gap:42px;padding-block:67px}.about-heading h2{font-size:33px;letter-spacing:-1px;margin-top:23px}.about-heading>p:not(.section-label){font-size:16px;margin-top:22px}.experience-list article{padding-block:21px 25px}.experience-list article h3{font-size:22px}.experience-list article p{font-size:16px}.skills-line{font-size:13px;gap:12px 18px}.elsewhere{grid-template-columns:1fr;gap:24px;padding-block:57px 65px}.elsewhere-title h2{font-size:30px;letter-spacing:-1px;margin-top:22px}.elsewhere-content{padding-top:0}.personal-quote{font-size:20px;line-height:1.8}.personal-note{font-size:16px}.social-list{margin-top:12px}.social-item{grid-template-columns:1fr auto;gap:13px 14px;padding-block:23px}.social-platform{font-size:19px;grid-column:1/-1}.social-item>div strong{font-size:15px;line-height:1.8}.social-item>div>span{font-size:12px;line-height:1.6;margin-top:4px}.social-item>button{font-size:12px;padding:9px 12px}.social-item>div{min-width:0}.social-action{font-size:12px}.contact{padding-top:63px}.contact>.section-wrap>p{font-size:12px;line-height:1.7}.contact h2{font-size:39px;line-height:1.55;letter-spacing:-1.5px;margin-top:26px}.contact-row{gap:22px 15px;margin:28px 0 61px}.email-link{font-size:25px;letter-spacing:-1px}.contact-row button{font-size:12px;padding:9px 14px}.contact-row>a:last-child{margin-left:0;flex-basis:100%;font-size:16px}.footer{font-size:12px;gap:15px;padding-block:27px}.footer>span:nth-child(2){display:none}.footer>a{font-size:14px}#toast{font-size:13px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.companion.responding .her-ring{scale:1.08}.copy-fallback{font:inherit;border:1px solid #9baaab;border-radius:4px;padding:8px;max-width:100%;grid-column:1/-1;background:var(--paper);color:var(--ink)}
.motion-paused{scroll-behavior:auto}.motion-paused .hero-image,.motion-paused .hero-name-line{transition:none}
/* The project gallery is the main scroll sequence; type and particles share its motion. */
body{font-weight:500}h1,h2,h3,h4{font-weight:600}.section-label{font-weight:500}.brand{display:flex;align-items:center;gap:17px}.brand .wordmark{font-weight:600;font-size:32px;letter-spacing:-3px;margin:0;line-height:1}.brand>span:last-child{font-size:13px;margin:0}.header nav{font-weight:500}.hero .hero-name-line h1{font-weight:600;font-size:19.4vw;letter-spacing:-.078em}.hero-name-line{gap:40px}.chinese-name{font-weight:600;font-size:6.6vw}.hero-role{z-index:3;font-weight:600}.hero-role>p:last-child{font-weight:500}.hero-name-line,.hero-bottom{z-index:3}.hero-scrim{z-index:1}#particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero-bottom{font-size:14px}.hero-bottom button{font-size:13px}.hero-bottom button span{font-size:12px}.intro h2{font-weight:600;letter-spacing:-1.8px}.intro h2>span{display:block}.intro-aside>p{font-weight:400;color:#475353}.plain-link{font-weight:500;font-size:15px}.work{overflow:hidden;background:#e4e9e7}.showcase{width:100%;position:relative;padding:32px 0 22px;overflow:hidden}.showcase-heading{margin:0 64px 29px;display:flex;justify-content:space-between;align-items:center}.showcase-heading h2{font-size:24px;line-height:1.2}.showcase-heading h2>span{font-size:13px;font-weight:500;color:#626f6d;margin-left:20px}.work-scroll-hint{font-size:13px;color:#58645f}.project-rail{display:flex;align-items:start;gap:64px;padding:0 64px;width:max-content}.project-panel{width:calc(100vw - 128px);max-width:1312px;flex:none;min-width:0}.project-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px;gap:25px}.project-heading h3{font-size:clamp(32px,3.6vw,57px);line-height:1.12;letter-spacing:-2px;font-weight:600}.project-heading h3 span{font-size:.56em;letter-spacing:-.5px;margin-left:17px}.project-heading>p{font-size:13px;line-height:1.65;color:#5b6966;padding-bottom:4px}.project-cover{display:block;position:relative;overflow:hidden;background:#11141b;border-radius:10px}.project-cover>img{width:100%;height:min(52vh,535px);object-fit:cover;object-position:top;transition:filter .3s;will-change:transform}.project-cover:hover>img{filter:brightness(.83)}.project-visit{position:absolute;right:28px;bottom:26px;background:#f8f9f6;color:#263332;border-radius:50%;width:95px;height:95px;display:grid;place-items:center;font-size:14px;font-weight:600;box-shadow:0 4px 25px #0002;transition:scale .3s}.project-cover:hover .project-visit{scale:1.12}.project-caption{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:24px}.project-caption h4{font-size:clamp(20px,1.7vw,27px);line-height:1.65;letter-spacing:-.5px}.project-caption p{font-size:14px;line-height:1.85;color:#52615b;max-width:530px;font-weight:400}.showcase-progress{height:3px;background:#bfcac4;margin:30px 64px 0;overflow:hidden}.showcase-progress>span{display:block;height:100%;width:100%;background:#354b44;transform-origin:left;scale:.5 1}.work-notes{padding-block:100px 110px;display:grid;grid-template-columns:1fr 1.2fr;gap:110px}.work-note-intro h3{font-size:43px;line-height:1.4;letter-spacing:-1.5px}.work-note-intro>p{font-size:16px;line-height:1.9;color:#56645e;margin-top:23px;font-weight:400}.work-note-detail>h4{font-size:20px;margin-bottom:19px}.work-note-detail>p{font-size:16px;line-height:1.9;color:#53615b;font-weight:400}.work-note-detail .case-details{margin-top:25px;border-color:#bdcac3}.work-note-detail .case-body{display:block;padding-top:0}.work-note-detail .case-body>div+div{margin-top:22px}.work-note-detail .case-body h4{font-size:18px}.work-note-detail .case-body p{font-size:16px}.open-source-note{border-top:1px solid #bdcac3;padding-top:28px;margin-top:36px}.open-source-note>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.open-source-note h4{font-size:26px;letter-spacing:-1px}.open-source-note span{font-size:12px;color:#56645e}.open-source-note>p{font-size:15px;line-height:1.9;font-weight:400;margin-top:12px;color:#53615b}.open-source-note .plain-link{margin-top:6px}.about-heading h2{font-weight:600}.about-heading>p:not(.section-label),.experience-list article p{font-weight:400;color:#505d59}.experience-list article h3{font-weight:600}.elsewhere-title h2{font-weight:600}.personal-quote{font-weight:500}.personal-note{font-weight:400}.social-platform{font-weight:600}.social-item>div strong{font-weight:500}.contact h2{font-weight:600;letter-spacing:-3px}.contact-row .email-link{font-weight:500}.contact-row button,.project-visit{will-change:transform}.motion-paused .project-cover>img{transform:none!important}
@media(min-width:1550px){.showcase-heading{margin-inline:calc((100vw - 1312px)/2)}.project-rail{padding-inline:calc((100vw - 1312px)/2);gap:144px}.showcase-progress{margin-inline:calc((100vw - 1312px)/2)}}
@media(max-width:1100px){.showcase-heading{margin-inline:40px}.project-rail{padding-inline:40px;gap:40px}.project-panel{width:calc(100vw - 80px)}.project-heading{display:block}.project-heading>p{margin-top:9px}.project-caption h4{font-size:23px}.project-caption{gap:30px}.showcase-progress{margin-inline:40px}.work-notes{gap:65px}.hero .hero-name-line h1{font-size:20vw}}
@media(max-width:800px){.brand{gap:12px}.brand>span:last-child{font-size:12px}.hero .hero-name-line h1{font-size:21vw}.chinese-name{font-size:7.8vw}.hero-name-line{gap:23px}.hero-role{font-size:29px}.intro h2{font-size:36px}.showcase-heading{margin-inline:24px;margin-bottom:24px}.showcase-heading h2{font-size:22px}.showcase-heading h2>span{margin-left:12px;font-size:12px}.project-rail{padding-inline:24px;gap:24px}.project-panel{width:calc(100vw - 48px)}.project-heading h3{font-size:42px}.project-heading>p{font-size:13px}.project-cover>img{height:42vh}.project-caption{display:block;margin-top:20px}.project-caption h4{font-size:23px}.project-caption p{font-size:14px;margin-top:9px}.project-visit{width:76px;height:76px;font-size:13px;bottom:22px;right:22px}.showcase-progress{margin-inline:24px;margin-top:28px}.work-notes{gap:40px;padding-block:70px}.work-note-intro h3{font-size:32px}.work-note-detail>h4{font-size:19px}.contact h2{letter-spacing:-2px}}
@media(max-width:600px){.header nav{gap:17px}.brand>span:last-child{display:none}.brand .wordmark{font-size:30px}.hero .hero-name-line h1{font-size:25vw}.hero-name-line{bottom:113px;gap:10px}.chinese-name{font-size:9vw}.hero-role{font-size:27px;top:21%}.hero-bottom a{font-size:13px}.intro h2{font-size:29px;letter-spacing:-1.2px}.showcase{padding-block:30px 0}.showcase-heading{margin-bottom:32px}.showcase-heading h2>span{display:none}.work-scroll-hint{display:none}.project-rail{display:block;width:auto;padding-inline:24px}.project-panel{width:100%;max-width:none;margin-bottom:47px}.project-heading h3{font-size:36px;letter-spacing:-1.4px}.project-heading>p{font-size:12px}.project-cover{margin-inline:-24px;border-radius:0}.project-cover>img{height:57vw;min-height:230px;object-fit:cover}.project-visit{width:65px;height:65px;font-size:12px;right:16px;bottom:16px}.project-caption{margin-top:23px}.project-caption h4{font-size:22px;line-height:1.5}.project-caption p{font-size:16px;line-height:1.9;margin-top:13px}.project-caption p br{display:none}.showcase-progress{display:none}.work-notes{grid-template-columns:1fr;gap:40px;padding-top:15px;padding-bottom:65px}.work-note-intro h3{font-size:32px}.work-note-intro>p{font-size:16px;margin-top:18px}.work-note-detail>h4{font-size:19px}.open-source-note{margin-top:30px}.open-source-note>div{gap:12px}.open-source-note>p{font-size:16px}.about-heading h2{font-size:32px}.elsewhere-title h2{font-size:32px}.contact h2{font-size:41px;letter-spacing:-1.6px}.social-platform{font-size:21px}}
@media(prefers-reduced-motion:reduce){.project-rail{display:block;width:auto}.project-panel{margin-bottom:50px}.showcase-progress,.work-scroll-hint{display:none}}
/* Keep animated text inside the page without creating a horizontal scroll surface. */
body{overflow-x:clip}.intro{overflow:hidden}

/* Complete phrases, measured to the viewport; motion stays within the padding. */
.type-interlude{background:#253235;color:#edf2ec;padding:62px 0 68px}
.interlude-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.interlude-line{display:block;max-width:100%;font-size:clamp(32px,5.6vw,88px);font-weight:600;letter-spacing:-.045em;line-height:1.15;white-space:normal;will-change:transform}
.interlude-line:last-child{color:#a8beb8}
@media(max-width:600px){.type-interlude{padding:40px 0 46px}.interlude-copy{gap:8px}.interlude-line{font-size:clamp(28px,7.5vw,42px);letter-spacing:-.035em}}
@media(prefers-reduced-motion:reduce){.interlude-line{transform:none!important}}

/* Repository reach, verified against GitHub on 2026-10-09. */
.open-source-note .open-source-heading{gap:12px 18px}.open-source-note .github-stars{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap;color:var(--ink)}.github-stars:hover{color:var(--her)}.open-source-heading .open-source-role{flex-basis:100%}

/* A single perspective wave moves through the page; content stays above it. */
#ambient-wave{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.intro-main,.intro-aside,.showcase,.work-notes,.interlude-copy,.about-heading,.experience-list,.elsewhere-title,.elsewhere-content,.social-list,.contact>.section-wrap{position:relative;z-index:3}
.pinwheel-surface,.pinwheel-rotor{width:100%;height:100%;display:block;transform-origin:50% 50%;will-change:transform}
.type-interlude{min-height:520px;padding-top:64px;padding-bottom:180px;overflow:hidden}
.contact-row{margin-bottom:180px}
@media(max-width:900px){.type-interlude{min-height:410px;padding-bottom:150px}}
@media(max-width:600px){.type-interlude{min-height:340px;padding-top:45px;padding-bottom:140px}.contact-row{margin-bottom:140px}}
@media(prefers-reduced-motion:reduce){.pinwheel-surface,.pinwheel-rotor{will-change:auto}}
.brand .wordmark{display:block}
.motion-paused .intro-main h2>span{opacity:1!important;transform:none!important}
.motion-paused .interlude-line,.motion-paused .contact h2{transform:none!important}
@media(prefers-reduced-motion:reduce){.intro-main h2>span{opacity:1!important;transform:none!important}.interlude-line,.contact h2{transform:none!important}}

/* A scroll-driven chapter transition, in the site's existing blue-grey palette. */
.type-interlude{position:relative;min-height:520px;padding:84px 0;display:flex;align-items:center}
.transition-layout{position:relative;z-index:3;display:grid;grid-template-columns:1.8fr 1fr;align-items:center;gap:44px}
.interlude-copy{width:100%;min-width:0}
.interlude-line{font-size:clamp(32px,5.2vw,80px)}
.transition-visual{min-height:330px;display:grid;place-items:center}
.transition-pinwheel{width:clamp(190px,22vw,300px);aspect-ratio:1;pointer-events:none;will-change:transform,opacity}
@media(max-width:900px){.type-interlude{min-height:430px;padding-block:60px}.transition-layout{gap:20px}.transition-visual{min-height:260px}.transition-pinwheel{width:210px}}
@media(max-width:600px){.type-interlude{min-height:460px;padding-block:42px}.transition-layout{grid-template-columns:1fr;gap:20px}.transition-visual{min-height:220px}.transition-pinwheel{width:190px}.interlude-line{font-size:clamp(28px,7.5vw,42px)}}
.motion-paused .transition-pinwheel,.motion-paused .pinwheel-rotor{transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.transition-pinwheel,.pinwheel-rotor{transform:none!important;opacity:1!important;will-change:auto}}

/* Keep the open-source project and its evidence together. */
.repository-heading{display:flex;align-items:center;gap:16px 22px;flex-wrap:wrap}
.repository-heading .github-stars{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap}
.waoowaoo-intro>.plain-link{margin-top:18px}
.work-note-detail>p+p{margin-top:20px}

.university-rankings{margin:18px 0 24px}
.experience-list .ranking-caption{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--muted)}
.ranking-links{display:flex;flex-wrap:wrap;gap:18px 32px}
.ranking-links a{display:flex;flex-direction:column;gap:8px;text-decoration:none;min-width:75px}
.experience-list .ranking-links span{display:block;margin:0;color:var(--muted);font-size:13px;font-weight:600;line-height:1.5}
.ranking-links small{font-size:11px;margin-left:5px;font-weight:500}
.ranking-links strong{font-size:30px;line-height:1;font-weight:650;letter-spacing:-.035em}
.ranking-links a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:640px){.ranking-links{gap:18px 24px}.ranking-links strong{font-size:27px}}

.work-note-detail h4{font-size:clamp(24px,2.15vw,34px);line-height:1.5;letter-spacing:-.025em;margin-bottom:24px}

/* A quiet bilingual title: shared geometry keeps the section still as words change. */
.taste-cycle{display:grid;width:max-content;max-width:100%;overflow:hidden;line-height:1.55}
.taste-word{grid-area:1/1;white-space:nowrap;animation:taste-exchange 7.2s cubic-bezier(.22,.61,.36,1) infinite;will-change:transform,opacity}
.taste-word:nth-child(2){opacity:0;transform:translateY(.22em);animation-delay:-3.6s}
.taste-caption{display:block}
@keyframes taste-exchange{
  0%,42%,100%{opacity:1;transform:translateY(0)}
  49%{opacity:0;transform:translateY(-.22em)}
  50%,92%{opacity:0;transform:translateY(.22em)}
  99%{opacity:1;transform:translateY(0)}
}
.motion-paused .taste-word{animation:none!important;transform:none;opacity:1}
.motion-paused .taste-word:nth-child(2){opacity:0}
@media(prefers-reduced-motion:reduce){.taste-word{transform:none!important;opacity:1}.taste-word:nth-child(2){opacity:0}}

/* The personal photograph occupies the quiet space between title and quote. */
.elsewhere{grid-template-columns:minmax(0,1fr) minmax(0,.78fr) minmax(0,1.15fr);column-gap:48px}
.elsewhere-portrait{position:relative;z-index:3;width:min(100%,250px);margin:8px 0 0;align-self:start;justify-self:center}
.elsewhere-portrait img{width:100%;height:auto;display:block}
@media(max-width:1000px){.elsewhere{column-gap:28px}}
@media(max-width:900px){
  .elsewhere{grid-template-columns:minmax(0,1fr);gap:28px}
  .elsewhere-portrait{width:min(75%,280px);margin:0;justify-self:start}
  .elsewhere-content{padding-top:0}
}

/* Approved layered architectural mark; reverse it for the photo header. */
.brand-mark{display:block;width:60px;height:60px;flex:none;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:600px){.brand-mark{width:48px;height:48px}}

/* AI Builder narrative: identity, agency, memory, and taste. */
.hero-role{top:20%;width:min(760px,calc(100% - 128px))}
.hero-role .hero-positioning{max-width:700px;font-size:16px;font-weight:500;line-height:1.8;letter-spacing:.01em}
.hero-role p.builder-manifesto{margin-top:20px;font-size:clamp(24px,2.4vw,34px);font-weight:600;line-height:1.5;letter-spacing:-.025em;text-wrap:balance}
.builder-manifesto strong{font-weight:600}
.taste-note{position:relative;z-index:3;display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start;padding:32px 40px;margin-bottom:84px;background:#253235;color:#f5f6f4;border-radius:4px}
.taste-note h2{width:fit-content;border:1px solid #8eaaa4;border-radius:999px;padding:9px 15px;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.taste-note p{font-size:clamp(18px,1.55vw,23px);font-weight:500;line-height:1.8;max-width:48em}
.playfielder-panel .project-heading{display:block;margin-bottom:20px}
.playfielder-panel .project-heading h3{line-height:1.3}
.playfielder-panel .project-heading h3 span{display:inline-block;margin-left:12px;font-size:clamp(18px,1.6vw,24px);letter-spacing:-.02em;vertical-align:baseline}
.project-tags{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:15px;padding:0;list-style:none}
.project-tags li{padding:6px 13px;border:1px solid #a6bbb3;border-radius:999px;background:#dce6e0;color:#253235;font-size:14px;font-weight:600;line-height:1.4}
.playfielder-panel .project-cover>img{height:clamp(230px,30vh,360px);object-position:center}
.playfielder-panel .project-caption{display:block;margin-top:22px}
.playfielder-panel .project-caption p{max-width:none;font-size:16px;line-height:1.85}
.work-notes{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(40px,6vw,90px)}
.work-note-detail>p{line-height:1.95}
@media(max-width:1099px),(max-height:849px){
  .project-rail{display:block;width:auto;transform:none!important}
  .project-panel{margin-bottom:64px}
  .showcase-progress,.work-scroll-hint{display:none}
  .playfielder-panel .project-cover>img{height:clamp(260px,38vw,440px)}
}
@media(max-width:1100px){
  .hero-role{width:min(700px,calc(100% - 80px))}
}
@media(max-width:800px){
  .hero-role{top:125px;width:calc(100% - 48px)}
  .hero-role .hero-positioning{font-size:14px;line-height:1.8}
  .hero-role p.builder-manifesto{max-width:600px;font-size:28px;margin-top:18px}
  .taste-note{grid-template-columns:minmax(0,1fr);gap:20px;padding:28px;margin-bottom:56px}
  .work-notes{grid-template-columns:minmax(0,1fr);gap:32px}
  .playfielder-panel .project-heading h3 span{display:block;margin:8px 0 0;font-size:20px}
}
@media(max-width:600px){
  .hero{min-height:760px}
  .hero-role{top:126px}
  .hero-role p.builder-manifesto{font-size:25px;line-height:1.6;text-wrap:pretty}
  .taste-note{padding:25px 22px}
  .taste-note p{font-size:18px}
  .playfielder-panel .project-heading h3 span{font-size:18px;line-height:1.6}
  .project-tags{gap:8px;margin-top:14px}
  .project-tags li{font-size:14px;padding:6px 11px}
  .playfielder-panel .project-cover>img{height:57vw;min-height:230px}
  .playfielder-panel .project-caption p{font-size:16px;line-height:1.9}
}
@media(max-height:700px) and (min-width:801px){
  .hero-role{top:145px}
  .hero-role p.builder-manifesto{font-size:28px;max-width:680px}
}

@media(min-width:1100px){.hero .hero-name-line h1{font-size:min(19.4vw,340px)}}
@media(max-height:849px) and (min-width:801px){.hero{min-height:820px}}