:root{--ink:#20211f;--muted:#72736b;--blue:#2349ed;--yellow:#f8f5ab;--cream:#faf9f5;--line:#deded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fa9b56;outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.shell{width:min(1320px,90%);margin:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand b{color:var(--blue)}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px}.site-nav a:hover{color:var(--blue)}.nav-contact{padding:12px 21px;border:1px solid var(--ink);border-radius:30px}.edition{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.hero{position:relative;min-height:680px;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;background:var(--yellow);width:75%;height:86%;right:-9%;bottom:-20%;border-radius:50% 50% 0 0;z-index:-1;transform:rotate(-12deg)}.hero-copy{position:relative;z-index:2;width:66%;padding:55px 0 80px}.kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;line-height:1.8}.hero h1{font-size:clamp(64px,7.8vw,112px);line-height:1;letter-spacing:-6px;margin:25px 0 26px;font-weight:800}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue)}.hero-sub{font-size:22px;letter-spacing:1px;margin:0 0 18px}.hero-desc{font-size:13px;line-height:1.95;color:#66685f;max-width:370px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-radius:40px;background:var(--ink);color:#fff;padding:17px 25px;border:0}.button:hover{background:var(--blue)}.text-link{border-bottom:1px solid currentColor;padding:8px 0}.hero-art{position:absolute;right:0;top:0;width:43%;height:100%;pointer-events:none}.orbit-card{position:absolute;padding:8px;background:white;border-radius:23px;box-shadow:0 18px 35px #24241b12;overflow:hidden}.orbit-card img{width:100%;height:100%;object-fit:cover;border-radius:17px}.orbit-one{width:240px;height:295px;top:100px;right:40px;transform:rotate(12deg)}.orbit-one img{object-position:46% center}.orbit-two{width:185px;height:135px;top:385px;right:240px;transform:rotate(-15deg)}.orbit-three{width:160px;height:135px;top:425px;right:0;transform:rotate(14deg)}.orbit-three img{object-fit:cover}.floating-pill{position:absolute;background:var(--blue);color:white;font:italic 25px Georgia,serif;padding:16px 28px;border-radius:50px;right:165px;top:78px;transform:rotate(-9deg);z-index:2}.art-star{position:absolute;right:20px;top:390px;font-size:70px;font-weight:300;color:var(--blue)}.hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);letter-spacing:1px}.hero-bottom a{font-size:22px;color:var(--ink)}.work-section{padding:95px 0}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:38px}.section-top h2{font-size:clamp(38px,4.8vw,65px);font-weight:500;letter-spacing:-2px;margin:12px 0 0}.section-top h2 em{font-family:Georgia,serif;font-weight:400}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:none;padding:10px 17px;border-radius:25px;font-size:12px;cursor:pointer;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);color:white}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.work-card[hidden]{display:none}.work-card{min-width:0}.work-visual{height:335px;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .3s}.work-card:hover .work-visual{transform:translateY(-5px)}.visual-ai{background:#e9edff}.visual-hardware{background:#e9e6dd}.visual-decision{background:#f7efb1}.work-visual>img{width:100%;height:100%;object-fit:cover}.visual-hardware>img{object-position:center}.visual-label{position:absolute;top:20px;left:20px;z-index:2;font-size:9px;letter-spacing:1px;padding:8px 11px;border-radius:18px;background:#ffffffd9}.work-caption{padding:20px 2px 0;display:flex;justify-content:space-between;gap:20px}.work-caption h3{font-size:19px;font-weight:500;margin:0 0 8px}.work-caption p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.work-caption .arrow{font-size:26px}.agent-window{width:78%;max-width:385px;background:#fff;border-radius:15px;padding:25px;box-shadow:0 20px 30px #2849a416;transform:rotate(-5deg)}.window-top{display:flex;gap:4px;margin-bottom:22px}.window-top i{width:5px;height:5px;border-radius:50%;background:#d6dbef}.agent-title{font-size:20px;letter-spacing:-.5px;margin-bottom:17px}.agent-title span{color:var(--blue)}.bubble{background:#f1f3fd;border-radius:10px;padding:12px 14px;font-size:10px;line-height:1.7;max-width:90%;margin-bottom:10px}.agent-nodes{display:flex;gap:6px;align-items:center;margin:16px 0}.agent-nodes span{background:#edf0ff;color:#3b54b6;padding:9px 8px;font-size:8px;border-radius:6px}.agent-nodes b{color:#a5aaba;font-weight:400}.diagram-caption{font-size:8px;color:#8c90a1}.phone{width:155px;height:270px;background:#fffdf5;border:6px solid #fff;border-radius:25px;box-shadow:10px 16px 25px #6e5c1c16;transform:rotate(9deg);padding:17px 12px;text-align:center}.phone-notch{width:43px;height:5px;background:#dedbcf;border-radius:10px;margin:-9px auto 21px}.phone small{font-size:8px;color:#88836f}.phone h4{font-size:18px;margin:14px 0}.wheel{width:108px;height:108px;border-radius:50%;background:conic-gradient(#ffbb8e 0 90deg,#dae5b4 90deg 180deg,#e7d9f2 180deg 270deg,#f5d772 270deg);margin:10px auto;display:grid;place-items:center;transform:rotate(-15deg)}.wheel span{background:#fff9e8;border-radius:50%;padding:13px 7px;font-size:10px}.phone-bottom{background:#272822;color:white;border-radius:20px;padding:8px;font-size:8px}.decision-pill{position:absolute;font:italic 24px Georgia,serif;left:10%;bottom:26%;transform:rotate(-12deg);padding:13px 19px;background:#fff;border-radius:35px}.more-work{padding:28px 0 0;text-align:right;font-size:12px}.more-work a{display:inline-block;margin-left:22px;border-bottom:1px solid var(--ink);padding-bottom:6px}.about-band{background:var(--blue);color:white;border-radius:27px;padding:65px 6%;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;overflow:hidden}.about-band h2{font-size:clamp(36px,4vw,57px);line-height:1.25;font-weight:500;letter-spacing:-1px;margin:20px 0}.about-band h2 em{font:italic 1.13em Georgia,serif;color:var(--yellow)}.about-band p{font-size:13px;line-height:2;color:#dfe4ff;max-width:420px}.about-band .text-link{display:inline-block;font-size:12px;margin-top:15px}.skill-pile{display:flex;flex-wrap:wrap;gap:12px;align-content:center;align-items:center;justify-content:center;padding:25px 0}.skill-pile span{background:var(--cream);color:var(--ink);border-radius:45px;font:23px Georgia,'Microsoft YaHei',serif;padding:18px 25px;transform:rotate(var(--r));white-space:nowrap}.skill-pile span:nth-child(3n){background:var(--yellow)}.experience{padding:85px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.experience h2{font-size:35px;font-weight:500;letter-spacing:-1px;margin:15px 0}.experience p{font-size:13px;line-height:2;color:var(--muted)}.experience-list{border-top:1px solid var(--line)}.experience-row{padding:24px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.experience-row h3{font-size:16px;font-weight:500;margin:0 0 7px}.experience-row p{font-size:11px;margin:0}.experience-row time{font-size:11px;color:var(--muted);white-space:nowrap;padding-top:4px}.contact-band{padding:55px 0 65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band h2{font-size:clamp(35px,5.3vw,72px);font-weight:500;letter-spacing:-2px;margin:15px 0}.contact-band h2 em{font-family:Georgia,serif;color:var(--blue)}.site-footer{padding:25px 0 32px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:var(--muted);gap:20px}.site-footer a{margin-left:18px}.wrap{max-width:1200px!important;padding:0 6% 45px!important}.wrap>header{min-height:95px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.wrap>header strong{font-size:22px;font-weight:700}.wrap .intro{padding:70px 0 45px}.wrap .intro h1{font-size:clamp(38px,5.8vw,72px);font-weight:600;letter-spacing:-2px}.wrap h2{font-weight:500}.wrap p,.wrap li{color:#65675f;font-size:14px;line-height:2}.wrap .eyebrow,.wrap .meta{color:#74766d}.wrap article{background:#fff;border:1px solid #e3e3da;box-shadow:none;padding:36px;border-radius:18px;margin-bottom:25px}.wrap article:target{border-color:var(--blue)}.wrap .tags span{background:#f1f2eb;border:0;color:#5c6254;font-size:11px}.wrap .notice,.wrap .note{background:#f8f5d9;border:0;color:#6a6855;font-size:12px}.wrap footer{border-color:var(--line);color:#62655b;padding:25px 0;gap:22px}.wrap figure a{border-radius:14px}.wrap a:hover{color:var(--blue)}.wrap .contact-link{font-size:clamp(16px,3vw,28px)}.wrap .intro h1 span{font-size:.44em;letter-spacing:0;color:#78796f}.wrap .num{color:var(--blue)}
@media(min-width:1500px){.hero{min-height:740px}.hero-art{right:3%}.orbit-one{width:285px;height:335px}.orbit-two{top:425px}.orbit-three{top:455px}}@media(max-width:1000px){.hero{min-height:630px}.hero h1{font-size:78px;letter-spacing:-4px}.hero-copy{width:70%}.hero-art{right:-50px}.orbit-one{width:195px;height:245px;right:40px;top:130px}.orbit-two{right:150px;top:410px;width:150px;height:115px}.orbit-three{width:130px;height:115px;top:405px}.floating-pill{right:80px;top:100px;font-size:20px}.hero-sub{font-size:18px}.work-visual{height:290px}.about-band{gap:30px;padding:50px 5%}.skill-pile span{font-size:19px;padding:15px 20px}.experience{gap:35px}}@media(max-width:680px){.shell{width:89%}.site-header{height:82px;gap:15px}.brand{font-size:20px}.site-nav{gap:17px;font-size:11px}.nav-contact{padding:9px 13px}.edition{display:none}.hero{min-height:820px;align-items:flex-start}.hero-copy{width:100%;padding:38px 0 0}.hero h1{font-size:clamp(57px,13vw,86px);letter-spacing:-3px;margin:22px 0}.hero-sub{font-size:17px}.hero-desc{font-size:12px;max-width:290px}.hero-actions{margin-top:23px;gap:22px}.hero:before{height:44%;width:130%;right:-25%;bottom:-5%}.hero-art{width:100%;height:330px;top:auto;bottom:35px;right:0}.orbit-one{top:25px;right:21%;width:165px;height:215px}.orbit-two{top:145px;left:0;right:auto;width:130px;height:105px}.orbit-three{top:150px;right:0;width:120px;height:110px}.floating-pill{top:15px;right:43%;font-size:18px;padding:12px 20px}.art-star{top:45px;right:4%;font-size:50px}.hero-bottom{font-size:8px;bottom:19px}.work-section{padding:60px 0}.section-top{display:block;margin-bottom:28px}.section-top h2{font-size:43px}.filters{margin-top:22px}.filters button{padding:9px 15px}.project-grid{grid-template-columns:1fr;gap:32px}.work-visual{height:310px}.work-caption h3{font-size:18px}.more-work{text-align:left;line-height:2}.more-work a{margin:0 20px 0 0}.about-band{grid-template-columns:1fr;gap:10px;padding:35px 8%;border-radius:20px}.about-band h2{font-size:38px}.skill-pile{justify-content:flex-start;padding:18px 0 12px;gap:10px}.skill-pile span{font-size:18px;padding:12px 18px}.experience{grid-template-columns:1fr;padding:55px 0;gap:25px}.experience-row{gap:12px}.experience-row h3{font-size:14px}.experience-row time{font-size:9px}.contact-band{display:block;padding:35px 0 45px}.contact-band h2{font-size:43px;margin-bottom:25px}.site-footer{font-size:9px;line-height:1.8;flex-wrap:wrap}.site-footer a{margin-left:0;margin-right:17px}.wrap .intro{padding:45px 0 30px}.wrap article{padding:25px 22px}.wrap p,.wrap li{font-size:13px}.wrap .grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:680px){.about-band h2{font-size:32px}.about-band h2 em{font-size:1.08em}.contact-band h2{font-size:36px}}

.hero-identity{display:flex;align-items:center;gap:18px}.hero-identity strong{font-size:30px;font-weight:600;letter-spacing:2px}.hero-identity span{font-size:11px;color:var(--muted)}.hero-phone{display:inline-flex;align-items:center;gap:13px;font-size:17px;letter-spacing:.5px;margin-top:8px}.hero-phone span{font-size:11px;color:var(--muted);letter-spacing:0}.hero-phone:hover{color:var(--blue)}.profile-section{display:grid;grid-template-columns:1fr 1.8fr;gap:75px;padding:75px 0 15px}.profile-heading h2{font-size:43px;font-weight:500;letter-spacing:-1px;margin:17px 0}.profile-heading p{font-size:13px;color:var(--muted);line-height:2}.profile-list{border-top:1px solid var(--line)}.profile-item{display:grid;grid-template-columns:35px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:26px 0}.profile-number{font:italic 21px Georgia,serif;color:var(--blue);padding-top:1px}.profile-item h3{font-size:19px;font-weight:500;margin:0 0 12px}.profile-item p{font-size:13px;color:#676960;line-height:2.05;margin:0}.profile-item strong{font-weight:500;color:var(--ink)}.contact-direct{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.contact-phone{font-size:28px;letter-spacing:.5px}.contact-phone:hover{color:var(--blue)}.contact-direct>span{font-size:11px;color:var(--muted)}.contact-direct .text-link{font-size:12px}@media(max-width:1000px){.profile-section{gap:35px;grid-template-columns:1fr 2fr}}@media(max-width:680px){.hero{min-height:920px}.hero-identity{gap:13px}.hero-identity strong{font-size:27px}.hero-identity span{font-size:10px}.hero-phone{font-size:17px;margin-top:10px}.profile-section{padding:50px 0 0;grid-template-columns:1fr;gap:20px}.profile-heading h2{font-size:36px}.profile-heading p br{display:none}.profile-item{gap:12px;grid-template-columns:26px 1fr;padding:24px 0}.profile-item h3{font-size:17px}.profile-item p{font-size:13px}.contact-phone{font-size:26px}}
.material-page header{display:flex;justify-content:space-between;gap:20px}.material-page .eyebrow{font-size:10px;letter-spacing:1.8px}.material-page h1{margin:22px 0}.material-page h2{font-size:30px;margin:12px 0 20px}.material-page .intro p{max-width:800px}.material-page footer{display:flex;flex-wrap:wrap;font-size:12px;margin-top:55px;border-top:1px solid var(--line)}.material-page .note{padding:20px 24px;border-radius:14px;line-height:1.9;margin:30px 0}.material-nav{display:flex;flex-wrap:wrap;gap:12px 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:12px;line-height:1.8;margin-top:25px}.material-section{padding-top:45px;scroll-margin-top:25px}.material-section .num{font-size:10px;letter-spacing:2px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.material-figure{margin:0;min-width:0}.material-figure>a{display:block;background:white;border:1px solid #e6e5de;border-radius:13px;overflow:hidden}.material-figure img{display:block;width:100%;height:auto}.material-figure figcaption{font-size:11px;color:#72756b;line-height:1.9;padding:10px 3px}.material-figure figcaption a{text-decoration:underline}.material-figure.wide{grid-column:1/-1}.material-figure.wide img{max-height:620px;object-fit:contain}.material-details{margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.material-details summary{cursor:pointer;padding:22px 2px;font-size:14px;line-height:1.8}.material-details summary span{font-size:11px;color:var(--muted);margin-left:14px}.material-details .material-grid{margin-top:5px}.source-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:25px 0;font-size:12px}.project-preview{display:block;margin-top:25px}.project-preview img{display:block;width:100%;max-height:440px;object-fit:contain;background:#f5f5f1;border-radius:14px}.project-preview span{display:inline-block;font-size:12px;margin-top:14px;border-bottom:1px solid;padding-bottom:5px}.visual-material{background:#f0efea}.visual-material>img{object-fit:contain}.image-viewer{border:0;border-radius:15px;padding:45px 15px 12px;width:95vw;max-width:1500px;max-height:95vh;background:#faf9f5}.image-viewer::backdrop{background:#121716bf}.image-viewer>img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto}.image-viewer>p{font-size:12px;text-align:center;color:#62675d;margin:12px 0 0}.viewer-close{position:absolute;right:15px;top:10px;border:1px solid #d2d2c9;background:#fff;border-radius:25px;padding:7px 16px;cursor:pointer;font-size:12px}@media(max-width:680px){.material-grid{grid-template-columns:1fr;gap:20px}.material-page h2{font-size:25px}.material-section{padding-top:30px}.material-nav{gap:10px 18px;font-size:11px}.material-details summary span{display:block;margin-left:0}.image-viewer{width:96vw;padding:48px 8px 12px}.material-figure.wide img{max-height:none}}