:root{--bg:#f1f1f1;--ink:#101010;--muted:#62625e;--line:#d5d5d2;--lime:#e5ff00;--max:1600px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #697700;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.frame{max-width:var(--max);margin:auto;padding:0 clamp(24px,4vw,72px)}.top{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:24px}.brand{font:800 30px 'Manrope',sans-serif;letter-spacing:-.07em}.brand i{display:inline-block;background:var(--lime);width:10px;height:10px;margin-left:5px}.nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav a:hover{opacity:.65}.navbtn{padding:17px 24px;background:var(--ink);color:#fff}.hero{position:relative;padding:110px 0 96px;display:grid;grid-template-columns:1fr 220px;gap:64px}.eyebrow,.section-label{font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:9px;height:9px;background:var(--lime);margin-right:12px}.h1{font:600 clamp(64px,8.6vw,140px)/.99 'Manrope',sans-serif;letter-spacing:-.075em;margin:40px 0 56px}.h1 em{font-style:normal;background:linear-gradient(transparent 79%,var(--lime) 79%)}.summary{max-width:820px;font-size:clamp(20px,1.75vw,28px);line-height:1.8;letter-spacing:-.025em;color:#454545}.heroactions{display:flex;align-items:center;gap:32px;margin-top:40px;flex-wrap:wrap}.cta{display:inline-flex;gap:32px;align-items:center;background:var(--lime);padding:22px 28px;font-weight:600;font-size:17px}.cta:hover{background:#d6ed00}.arrow{font-size:24px}.textlink{font-size:17px;border-bottom:1px solid;padding:14px 0}.vertical{align-self:end;border-top:1px solid var(--ink);padding-top:24px;padding-bottom:8px}.num{font:500 108px/1 'Manrope',sans-serif;letter-spacing:-.08em}.smallcap{font-size:15px;line-height:1.8;margin-top:24px;color:var(--muted)}.dots{display:none}.section{padding:112px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px}.section-label{line-height:1.7;padding-top:9px}.section-intro{font-size:clamp(32px,3.35vw,54px);font-weight:500;line-height:1.4;letter-spacing:-.05em;max-width:1050px;margin:0 0 56px;text-wrap:pretty}.problems,.capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.problem,.cap{background:#fff;padding:40px;min-height:290px}.problem .idx{font-size:16px;display:block;margin-bottom:60px}.problem h3,.cap h3{font-size:28px;font-weight:500;letter-spacing:-.04em;margin:0 0 20px}.problem p,.cap p{font-size:18px;line-height:1.8;color:var(--muted);margin:0;max-width:30em}.cap strong{font-size:12px;letter-spacing:.05em;font-weight:500;display:block;margin-bottom:60px}.cap:nth-child(2){background:var(--lime)}.cap:nth-child(2) p{color:#454a28}.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case{display:flex;flex-direction:column;background:#fff;padding:36px;min-height:310px;position:relative}.case .tag{font-size:12px;letter-spacing:.05em}.case h3{font:500 clamp(32px,3.4vw,54px)/1.1 'Manrope',sans-serif;letter-spacing:-.06em;margin:55px 0 20px}.case p{font-size:18px;color:var(--muted);line-height:1.7;margin:0}.case .edge{position:absolute;right:30px;bottom:30px;font-size:28px}a.case{transition:background .2s}a.case:hover{background:var(--lime)}.proof{font-size:15px;line-height:1.8;color:var(--muted);margin-top:30px}.services{display:flex;flex-direction:column;gap:20px}.service{padding:44px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.service h3{font-size:26px;font-weight:500;letter-spacing:-.04em;margin:0;line-height:1.4}.service p{font-size:18px;line-height:1.8;color:var(--muted);margin:0}.footer{background:var(--ink);color:#fff}.footer-inner{padding-top:90px;padding-bottom:36px;display:grid;grid-template-columns:1fr auto;gap:48px}.footer .eyebrow{color:var(--lime)!important}.footer h2{font-size:clamp(36px,4.2vw,68px);font-weight:500;letter-spacing:-.055em;margin:36px 0 28px;line-height:1.3}.footer p{font-size:18px;color:#b6b6b6;line-height:1.8;max-width:760px;margin-bottom:36px}.footer a{display:inline-block;border-bottom:1px solid var(--lime);padding-bottom:10px;font-size:24px}.download{background:transparent;color:#fff;padding:20px 24px;border:1px solid #777;cursor:pointer;font-size:16px}.download:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.footnote{grid-column:1/-1;border-top:1px solid #414141;margin-top:38px;padding-top:30px;display:flex;justify-content:space-between;gap:24px;color:#999;font-size:13px}.work-playground{position:relative;isolation:isolate;overflow:hidden;background:#fff;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 24px;padding:56px 32px;text-align:center}.work-playground h3{font:500 clamp(62px,8vw,124px)/.95 'Manrope',sans-serif;letter-spacing:-.075em;margin:25px 0 28px;pointer-events:none}.work-playground h3 span{color:#6c6c68}.work-playground p{font-size:16px;color:var(--muted);line-height:1.7;margin:0;pointer-events:none}.play-mark{width:36px;height:36px;background:var(--lime);position:absolute;top:32px;left:32px}.trail-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.trail-image{position:absolute;width:220px;height:160px;object-fit:cover;opacity:0;box-shadow:0 12px 28px #0002;will-change:transform,opacity}.work-strip{display:flex;gap:12px;margin-top:32px;max-width:100%;justify-content:center}.work-strip img{height:auto;width:calc((100% - 24px)/3);max-width:190px;aspect-ratio:4/3;object-fit:cover}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:901px) and (hover:hover) and (pointer:fine){.work-strip{display:none}}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) 160px;gap:32px}.section-head{grid-template-columns:150px minmax(0,1fr);gap:28px}.problem,.cap{padding:28px}.service{grid-template-columns:1fr;gap:20px}.nav{gap:22px}.num{font-size:88px}}
@media(max-width:900px){.hero{padding:72px 0;grid-template-columns:1fr}.h1{font-size:clamp(60px,10vw,90px);margin:32px 0 40px}.vertical{display:flex;align-items:center;justify-content:space-between;padding-top:28px;margin-top:24px}.vertical>div{display:flex;align-items:center;gap:32px}.smallcap{margin:0}.section{padding:72px 0}.section-head{grid-template-columns:1fr;gap:32px}.section-intro{margin-bottom:36px;font-size:38px}.footer-inner{grid-template-columns:1fr}.nav a:not(.navbtn){display:none}.work-playground{min-height:460px}.work-playground .desktop-hint{display:none}.footer-inner{padding-top:64px}.footnote{margin-top:8px}}
@media(max-width:560px){.top{min-height:88px}.brand{font-size:25px}.navbtn{padding:14px 18px;font-size:13px}.hero{padding:54px 0 64px}.eyebrow,.section-label{font-size:11px;line-height:1.8}.h1{font-size:clamp(43px,10.4vw,60px);letter-spacing:-.07em;line-height:1.07;margin:28px 0 32px}.summary{font-size:18px;line-height:1.85}.heroactions{gap:18px;margin-top:30px}.cta{font-size:16px;padding:19px 22px}.textlink{font-size:16px}.num{font-size:76px}.smallcap{font-size:13px}.section{padding:60px 0}.section-head{gap:24px}.section-intro{font-size:30px;line-height:1.45;letter-spacing:-.04em;margin-bottom:32px}.problems,.capabilities,.cases{grid-template-columns:1fr;gap:16px}.problem,.cap{padding:30px;min-height:260px}.problem .idx,.cap strong{margin-bottom:44px}.problem h3,.cap h3{font-size:26px}.problem p,.cap p,.case p,.service p{font-size:17px}.case{padding:30px;min-height:280px}.case h3{font-size:44px;margin-top:46px}.service{padding:30px;gap:24px}.service h3{font-size:24px}.work-playground{min-height:400px;padding:48px 20px 28px}.play-mark{width:24px;height:24px;left:24px;top:24px}.work-playground h3{font-size:58px;margin:36px 0 24px}.work-playground p{font-size:14px}.work-strip{gap:8px}.work-strip img{height:auto;width:calc((100% - 16px)/3)}.proof{font-size:14px}.footer h2{font-size:36px}.footer p{font-size:17px}.footnote{flex-direction:column;font-size:12px}.footer a{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.trail-layer{display:none}.work-strip{display:flex}}
@media print{@page{size:A4;margin:12mm}body{background:#fff}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}.frame{padding:0}.top{min-height:50px}.hero{padding:28px 0;grid-template-columns:1fr 130px;gap:24px}.h1{font-size:48px;margin:20px 0}.summary{font-size:14px}.heroactions,.nav,.download,.work-playground,.footnote{display:none}.section{padding:25px 0}.section-head{grid-template-columns:1fr;gap:15px}.section-intro{font-size:25px;margin-bottom:20px}.problems,.capabilities,.cases{grid-template-columns:1fr 1fr;gap:12px}.problem,.cap,.case,.service{padding:20px;min-height:0;border:1px solid #ddd;break-inside:avoid}.problem .idx,.cap strong{margin-bottom:20px}.problem h3,.cap h3,.service h3{font-size:20px}.problem p,.cap p,.case p,.service p,.proof{font-size:12px}.case h3{font-size:30px;margin:20px 0}.footer-inner{padding:28px 20px}.footer h2{font-size:30px}.footer p{font-size:13px}}
/* Full-width response surface; content retains its original alignment. */
body{container-type:inline-size}
#work{position:relative;isolation:isolate;margin-inline:calc(50% - 50cqw);padding-inline:max(clamp(24px,4cqw,72px),calc((100cqw - 1456px)/2));overflow:clip}
#work .trail-layer{z-index:5}
#work .work-playground{isolation:auto;overflow:visible}
.work-strip{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;width:calc(100% + 64px);max-width:none;align-self:center;gap:28px;padding:42px 36px 38px;margin:18px -32px -20px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b7b7b2 transparent}
.work-strip figure{flex:0 0 210px;margin:0;transform:rotate(-9deg);scroll-snap-align:center;text-align:left}
.work-strip figure:nth-child(3n+2){transform:rotate(6deg) translateY(-10px)}
.work-strip figure:nth-child(3n){transform:rotate(-4deg) translateY(8px)}
.work-strip figure img{display:block;width:100%;max-width:none;height:245px;aspect-ratio:auto;object-fit:cover;border-radius:0}
.work-strip figcaption{font:600 20px/1.35 'Manrope','Noto Sans SC',sans-serif;letter-spacing:-.04em;margin-top:18px}
.work-strip figcaption span{display:block;font:400 14px/1.5 'DM Sans','Noto Sans SC',sans-serif;letter-spacing:0;color:var(--muted);margin-top:6px}
@media(max-width:560px){.work-strip{width:calc(100% + 40px);margin-inline:-20px;gap:26px;padding:42px 30px 38px}.work-strip figure{flex-basis:190px}.work-strip figure img{width:100%;height:230px}.work-playground{overflow:hidden!important}}
@media print{#work{margin-inline:0;padding-inline:0}.trail-layer{display:none}}
#work .section-head>div{min-width:0}
.work-playground{min-width:0}
.work-strip{min-width:0}
/* Primary and secondary actions share size and a clean rectangular outline. */
.heroactions{gap:16px}
.heroactions .cta,.heroactions .textlink{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:20px 28px;border:1px solid var(--ink);font-size:17px;font-weight:500;text-decoration:none;line-height:1.35}
.heroactions .cta{background:var(--ink);color:#fff}
.heroactions .cta:hover{background:#333;border-color:#333}
.heroactions .textlink{background:transparent;color:var(--ink)}
.heroactions .textlink:hover{background:#fff}
.mobile-gallery-scroll{display:contents}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
 .mobile-gallery-scroll.is-enhanced{display:block;position:relative;height:calc(100svh + 1800px);margin-bottom:24px}
 .mobile-gallery-scroll.is-enhanced .work-playground{position:sticky;top:16px;margin-bottom:0;min-height:0;padding:32px 20px 16px;overflow:hidden!important}
 .is-enhanced .work-playground h3{font-size:clamp(44px,11vw,64px);margin:32px 0 20px}
 .is-enhanced .work-strip{position:relative;display:block;width:calc(100% + 40px);height:340px;margin:24px -20px 0;padding:0;overflow:hidden;scroll-snap-type:none;touch-action:pan-y}
 .is-enhanced .work-strip figure,.is-enhanced .work-strip figure:nth-child(n){position:absolute;left:50%;top:16px;width:clamp(220px,70vw,310px);height:clamp(220px,70vw,310px);margin:0;transform-origin:50% 50%;will-change:transform;scroll-snap-align:none}
 .is-enhanced .work-strip figure img{width:100%;height:100%;object-fit:cover}
 .is-enhanced .work-strip figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:65px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-size:23px}
 .is-enhanced .work-strip figcaption span{color:#ddd;font-size:15px}
 .is-enhanced .work-playground:after{content:'向下滚动，浏览作品';font-size:12px;color:var(--muted);letter-spacing:.06em;margin-top:8px}
}
@media(max-width:560px){.heroactions .cta,.heroactions .textlink{padding:18px 22px;min-height:60px;font-size:16px}}
@media print{.mobile-gallery-scroll{display:none}.heroactions{display:none}}
@media(max-width:380px){.heroactions .cta,.heroactions .textlink{padding-inline:18px}}
/* Shared photo treatment: subtle rounding and layered elevation. */
:root{--photo-radius:8px;--photo-shadow:0 6px 14px #0000000d,0 18px 36px #0000001a}
.trail-image{border-radius:var(--photo-radius);box-shadow:var(--photo-shadow)}
.work-strip figure img{border-radius:var(--photo-radius);box-shadow:var(--photo-shadow);aspect-ratio:3/4;height:auto;object-fit:cover;object-position:center}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
 .is-enhanced .work-strip{--carousel-card-width:min(70vw,310px,calc((100svh - 300px)*.75));height:calc(var(--carousel-card-width)*4/3 + 54px)}
 .is-enhanced .work-strip figure,.is-enhanced .work-strip figure:nth-child(n){width:var(--carousel-card-width);height:calc(var(--carousel-card-width)*4/3);border-radius:var(--photo-radius);overflow:hidden;box-shadow:var(--photo-shadow)}
 .is-enhanced .work-strip figure img{width:100%;height:100%;aspect-ratio:3/4;box-shadow:none}
}

.hero .eyebrow:before{content:none;display:none}

/* Wordmark with a quieter advisor descriptor. */
.brand{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;min-width:0}
.brand-name{white-space:nowrap;line-height:1}
.brand-tagline{font:400 13px/1.6 'DM Sans','Noto Sans SC',sans-serif;letter-spacing:0;color:var(--muted)}
.top>.nav{flex-shrink:0}
@media(max-width:1100px){.brand{flex-direction:column;align-items:flex-start;gap:4px}.brand-tagline{font-size:12px}}
@media(max-width:560px){.top{min-height:112px;gap:16px}.brand-tagline{font-size:11px;max-width:18em}.top .navbtn{white-space:nowrap}}
@media print{.brand{flex-direction:row;align-items:center;gap:14px}.brand-tagline{font-size:8pt;max-width:none}}

@media(min-width:1101px){.brand-tagline{line-height:1;transform:translateY(1px)}}

/* Public profile: readable role and capability facts shared with structured data. */
.profile-facts{margin:32px 0 0;max-width:860px;border-top:1px solid var(--line)}
.profile-facts>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.profile-facts dt{font-size:14px;font-weight:600;line-height:1.8}
.profile-facts dd{margin:0;font-size:16px;line-height:1.8;color:var(--muted)}
.profile-resources{grid-column:1/-1;border-top:1px solid #414141;padding-top:24px}
.profile-resources p{font-size:13px;margin:0 0 14px}
.profile-resources>div{display:flex;flex-wrap:wrap;gap:24px}
.profile-resources a{font-size:14px;padding-bottom:5px}
@media(max-width:560px){.profile-facts>div{grid-template-columns:1fr;gap:6px}.profile-facts dd{font-size:15px}}