/* 2026-11-06: shared, light visual system. Base structural CSS is retained. */
:root{--ink:#242628;--ink-2:#303234;--ink-3:#34383b;--paper:#fff;--body:#5b6064;--line:#dce5df;--accent:#21634f;--accent-2:#21634f;--radius:8px;--max:1200px}
html{color-scheme:light;scroll-padding-top:96px}
body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#fff;color:var(--ink)}
h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}p{line-height:1.85}
a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #303234;outline-offset:4px}
.skip-link{color:#fff}.container{width:min(calc(100% - 64px),1200px)}
.closing-actions .button-accent{background:#303234;border-color:#303234;color:#fff}.closing-actions .button-accent span{color:#fff}.closing-actions .button-accent:hover{background:#181a1b;border-color:#181a1b}
.step>span,.insight-card>span,.faq-list summary span{color:#303234}
.site-header{background:#fff;border-bottom:1px solid #e5ebe7;backdrop-filter:none}
.header-inner{min-height:80px}.brand{color:#242628;letter-spacing:-.04em}.brand small{color:#5b6064}.brand-mark{background:#173c31;border:0;border-radius:9px;transform:none}
.site-nav>a{color:#545454;font-size:14px;font-weight:500}.site-nav>a:hover,.site-nav>a[aria-current=page]{color:#242628;text-decoration:underline;text-underline-offset:7px}
.button{border-radius:4px;font-weight:500;letter-spacing:0;min-height:44px;padding:0 18px;transition:background-color .18s,color .18s,border-color .18s}
.button:hover{transform:none}.button-accent{background:#303234;border-color:#303234;color:#fff}.button-accent:hover{background:#181a1b;border-color:#181a1b}
.button-ghost{color:#34383b;background:transparent;border:1px solid #b5c6bd}.button-ghost:hover{border-color:#21634f;background:#edf3ef}.button-small{min-height:44px}
.eyebrow{font-size:12px;letter-spacing:.04em;font-weight:600;text-transform:none;color:#656565}
.text-accent{color:inherit}.gradient-text{background:none;color:inherit;-webkit-text-fill-color:currentColor}.text-link{color:#303234;font-weight:600;text-underline-offset:5px}
.section{padding:80px 0}.section-contrast{background:#f3f6f5}.section-head{margin-bottom:32px}.section-head h2{font-size:clamp(27px,3vw,38px);line-height:1.4;margin-top:10px}.section-head p{font-size:16px;color:#5b6064}
.page-hero,.article-hero,.hero{background:#f3f6f5;color:#242628}.page-hero::before,.page-hero::after,.hero::before,.hero-glow{display:none}
.page-hero .breadcrumbs,.breadcrumbs{color:#5b6064}.page-hero>.container{padding-top:30px;padding-bottom:54px}.page-hero h1{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.35}.page-hero p,.hero-lead{color:#5b6064}
.page-jump{background:#fff;border-top:1px solid #e5ebe7;border-bottom:1px solid #e5ebe7}.page-jump>.container{gap:30px}.page-jump a{font-size:14px;font-weight:500;color:#525252;padding-block:17px}
.scope-list>div{border-color:#dce5df}.scope-list dt{font-size:19px}.scope-list dd,.scope-boundary{color:#5b6064}.service-scope{gap:60px;grid-template-columns:.8fr 1.2fr}.service-projects{background:#f6f8f7}
.project-catalog article{border-color:#dce5df}.project-catalog p,.about-prose p{color:#5b6064}.project-catalog h2,.project-catalog h3{color:#242628}
.deliver-grid{gap:28px}.deliver{background:transparent;border:0;border-top:2px solid #c7d7ce;border-radius:0;padding:24px 0;box-shadow:none}.deliver h3{font-size:21px;color:#242628}.deliver p{color:#5b6064}
.consult-preparation,.solution-route{background:#edf3ef;border:0;border-radius:6px;color:#242628}.faq-list details{border-color:#dce5df}.faq-list summary{font-size:16px;line-height:1.65;color:#242628}.faq-list p{color:#5b6064}.faq-layout{gap:60px}
.closing-cta{background:#f3f6f5;color:#242628;padding:40px 0;border-top:1px solid #dce5df}.closing-cta::before,.closing-cta::after{display:none}.closing-grid h2{font-size:28px;line-height:1.4;color:#242628}.closing-grid p{font-size:15px;color:#5b6064;margin-top:12px}.closing-grid .eyebrow{display:none}
.site-footer.site-footer-contact{background:#fff;color:#242628;padding:44px 0 22px;border-top:1px solid #dce5df}
.footer-contact-main{display:grid;grid-template-columns:1fr 1fr auto;gap:48px;align-items:center;padding-bottom:34px}
.footer-identity .brand{font-size:25px;gap:13px}.footer-identity .brand-mark{width:40px;height:40px}.footer-identity .brand small{font-size:9px;letter-spacing:.22em}
.footer-identity p{font-size:14px;color:#5b6064;margin-top:18px}
.footer-direct{font-style:normal;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.footer-direct>span{font-size:13px;color:#5b6064}
.footer-phone{font-size:28px;font-weight:600;line-height:1.4;letter-spacing:.015em;white-space:nowrap}
.footer-consult{background:transparent;border:0;border-bottom:1px solid #9ab6a7;padding:6px 0;font-size:14px;color:#303234;line-height:1.6}
.footer-wechat{margin:0;display:flex;align-items:center;gap:18px}
.footer-wechat>a{display:block;flex:none}.footer-wechat img{display:block;width:128px;height:auto}
.footer-wechat figcaption{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.7}.footer-wechat strong{font-weight:600}.footer-wechat figcaption span{color:#5b6064}
.footer-contact-bottom{border-top:1px solid #dce5df;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-shortcuts{display:flex;flex-wrap:wrap;gap:4px 26px}.footer-shortcuts a{font-size:13px;color:#5b6064;padding:7px 0}
.footer-legal{display:flex;align-items:center;gap:28px;color:#5b6064;font-size:12px}.footer-legal>a{padding:7px 0;white-space:nowrap}
.site-footer-contact a:hover,.site-footer-contact button:hover{color:#303234;text-decoration:underline;text-underline-offset:4px}.site-footer-contact :focus-visible{outline:3px solid #303234;outline-offset:5px}
@media(max-width:1000px){.footer-contact-main{grid-template-columns:1fr 1fr auto;gap:24px}.footer-phone{font-size:24px}.footer-wechat{display:block}.footer-wechat figcaption{flex-direction:row;gap:10px;margin-top:8px;justify-content:center;font-size:12px}.footer-wechat img{width:116px}.footer-contact-bottom{align-items:flex-start}.footer-legal{gap:8px;flex-direction:column;align-items:flex-end}}
@media(max-width:760px){.site-footer.site-footer-contact{padding:32px 0 20px}.footer-contact-main{grid-template-columns:1fr;gap:28px;padding-bottom:26px}.footer-identity .brand{font-size:24px}.footer-identity p{margin-top:12px;font-size:14px}.footer-direct{gap:8px}.footer-phone{font-size:28px}.footer-wechat{display:flex;gap:18px}.footer-wechat img{width:128px}.footer-wechat figcaption{flex-direction:column;margin:0;font-size:14px;gap:6px}.footer-contact-bottom{display:block;padding-top:16px}.footer-shortcuts{gap:4px 22px}.footer-legal{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}}
.article-hero h1{color:#242628}.article-hero p,.article-byline{color:#5b6064}.article-byline a{color:#303234}.article-body{background:#fff}.article-callout{background:#edf3ef;color:#242628}.article-callout p{color:#5b6064}
.tags span{background:#edf3ef;color:#545454;border-color:#dce5df;border-radius:4px}.experience-links a{border-radius:6px}.solution-nav a{border-color:#bccfc3;color:#34383b}.solution-image{border-radius:8px;box-shadow:none}.solution-detail{border-color:#dce5df}.project-flow span{color:#242628;background:#edf3ef}
.solution-nav a{background:#fff;border-color:#c8ccce;color:#3a3e40;border-radius:4px;font-weight:500;min-height:44px;gap:12px;text-decoration:none}
.solution-nav a:hover,.solution-nav a:focus-visible{background:#303234;border-color:#303234;color:#fff}
.solution-nav a:focus-visible{outline:3px solid #303234;outline-offset:4px}
.solution-nav a:active{background:#181a1b;border-color:#181a1b;color:#fff}
/* Home: one product image, clear service directory, examples with readable scale. */
.case-index-nav>.container{flex-wrap:wrap}.case-entry{padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid #dce5df;scroll-margin-top:10px}.case-entry:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.case-entry-head{margin-bottom:30px}.case-entry-head>p{font-size:13px;color:#5b6064;display:flex;flex-wrap:wrap;gap:8px 24px}.case-entry-head>p>span{color:#303234}.case-entry-head h2{font-size:34px;line-height:1.4;margin-top:10px}.case-entry-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.case-entry-context h3{font-size:18px;line-height:1.5;margin-bottom:10px}.case-entry-context p{font-size:16px;color:#5b6064}.case-entry-context h3:not(:first-child){margin-top:26px}.case-entry-capture{margin:0;min-width:0}.case-entry-capture>a{display:block;overflow:hidden;border:1px solid #dce5df;border-radius:8px;background:#f3f6f5}.case-entry-capture img{display:block;width:100%;height:auto}.case-entry-portal img{aspect-ratio:1.5;object-fit:cover;object-position:top}.case-entry-capture figcaption{margin-top:12px;font-size:12px;line-height:1.8;color:#5b6064}.case-entry-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:32px 0 0}.case-entry-features>div{border-top:1px solid #bccfc3;padding-top:18px}.case-entry-features dt{font-size:17px;font-weight:600;line-height:1.5}.case-entry-features dd{margin:10px 0 0;font-size:14px;color:#5b6064;line-height:1.85}.case-entry-links{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:26px}.case-entry-links>a{font-size:14px;padding-block:8px}.case-entry-links>a:last-child{color:#5b6064;text-decoration:underline;text-underline-offset:5px}
.case-entry-roles{margin:0;padding:28px;background:#f3f6f5;border:1px solid #dce5df;border-radius:8px}.case-entry-roles>figcaption{font-size:18px;font-weight:600;line-height:1.6}.case-entry-roles dl{margin:22px 0 0}.case-entry-roles dl>div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 0;border-top:1px solid #dce5df}.case-entry-roles dt{font-size:15px;font-weight:600}.case-entry-roles dd{margin:0;font-size:14px;color:#5b6064;line-height:1.8}.case-entry-roles>p{font-size:12px;color:#5b6064;margin-top:12px}
.citizen-gallery{min-width:0}.citizen-gallery-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 16px;scrollbar-width:thin}.citizen-gallery-track>figure{margin:0;flex:0 0 260px;scroll-snap-align:start}.citizen-gallery-track a{display:block;border:1px solid #dce5df;border-radius:8px;overflow:hidden}.citizen-gallery-track img{display:block;width:100%;height:auto}.citizen-gallery-track figcaption{font-size:14px;line-height:1.6;color:#242628;margin-top:12px}.citizen-gallery-track:focus-visible{outline:3px solid #303234;outline-offset:3px}.citizen-gallery-note{font-size:12px;line-height:1.8;color:#5b6064;margin-top:4px;max-width:860px}.citizen-gallery-compact .citizen-gallery-track{display:grid;grid-template-columns:repeat(2,minmax(0,190px));justify-content:center;gap:22px}.citizen-gallery-compact .citizen-gallery-track>figure{min-width:0}.citizen-evidence{padding-bottom:0}
@media(max-width:1000px){.case-entry-main{gap:32px}.case-entry-features{grid-template-columns:repeat(2,minmax(0,1fr))}.case-entry-roles dl>div{grid-template-columns:1fr;gap:7px}.citizen-gallery-compact .citizen-gallery-track{gap:14px}}
@media(max-width:760px){.case-entry{padding-bottom:42px;margin-bottom:42px;scroll-margin-top:0}.case-entry-head{margin-bottom:22px}.case-entry-head h2{font-size:27px}.case-entry-head>p{font-size:12px;gap:4px 16px}.case-entry-main{grid-template-columns:1fr;gap:24px}.case-entry-context h3{font-size:17px}.case-entry-context p{font-size:15px}.case-entry-features{gap:22px 18px;margin-top:24px}.case-entry-features dt{font-size:16px}.case-entry-features dd{font-size:14px}.case-entry-links{gap:4px 22px;margin-top:20px}.case-entry-roles{padding:22px}.citizen-gallery-track{gap:20px}.citizen-gallery-track>figure{flex-basis:230px}.citizen-gallery-compact .citizen-gallery-track{gap:14px}.citizen-gallery-track figcaption{font-size:13px}}
.solution-visual{margin:0;min-width:0}.solution-project>a{display:block;border:1px solid #dce5df;border-radius:8px;overflow:hidden;background:#f3f6f5}.solution-project img{display:block;width:100%;height:auto}.solution-portal img{aspect-ratio:1.5;height:auto;object-fit:cover;object-position:top}.solution-visual figcaption{font-size:12px;line-height:1.8;color:#5b6064;margin-top:14px}.solution-visual figcaption>a{font-size:14px;color:#303234;text-decoration:underline;text-underline-offset:4px}.solution-visual figcaption p{margin-top:5px}.solution-process{background:#f3f6f5;border:1px solid #dce5df;border-radius:8px;padding:26px 28px}.solution-process-heading{font-size:18px;font-weight:600;color:#242628}.solution-process-steps{padding:0 0 0 24px;margin:22px 0 0}.solution-process-steps li{padding:0 0 16px 8px;margin-bottom:16px;border-bottom:1px solid #dce5df;color:#303234}.solution-process-steps li:last-child{margin-bottom:0}.solution-process-steps li>div{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.solution-process-steps strong{color:#242628;font-size:16px}.solution-process-steps span{font-size:12px;color:#5b6064}.solution-process-steps p{font-size:14px;color:#5b6064;margin-top:7px}.solution-process figcaption{margin-top:16px}
@media(max-width:760px){.solution-process{padding:22px 18px}.solution-process-steps li>div{display:block}.solution-process-steps span{display:block;margin-top:4px}.solution-project figcaption{font-size:12px}}
.studio-hero{padding:64px 0 56px;background:#fff}.studio-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.studio-label{font-size:13px;color:#656565;margin-bottom:24px}.studio-intro h1{font-size:clamp(34px,3.5vw,50px);line-height:1.42;font-weight:700;letter-spacing:-.035em}.studio-lead{font-size:17px;color:#5b6064;margin-top:24px;line-height:1.9}
.studio-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.studio-secondary{font-size:15px;color:#303234;padding:12px 0}.studio-secondary span{margin-left:8px}.studio-phone{display:inline-flex;gap:12px;font-size:13px;color:#62666a;margin-top:24px;padding-block:6px}.studio-phone span{color:#474747}
.studio-project{margin:0;min-width:0}.studio-project-image{height:350px;overflow:hidden;border:1px solid #dce5df;border-radius:8px;background:#f3f6f5}.studio-project-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.studio-project figcaption{display:flex;gap:20px;justify-content:space-between;margin-top:16px}.studio-project figcaption>div>span{font-size:12px;color:#62666a}.studio-project figcaption a{display:flex;gap:20px;align-items:center;color:#242628;margin-top:5px}.studio-project strong{font-size:20px}.studio-project figcaption p{font-size:12px;color:#62666a;max-width:260px}
.studio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.studio-heading h2,.studio-split h2{font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.45}.studio-heading p{font-size:15px;color:#5b6064;margin-top:12px}.studio-heading>.text-link{flex-shrink:0;padding-bottom:5px}
.studio-work{background:#f3f6f5}.studio-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.studio-case{min-width:0}.studio-case-image{display:block;aspect-ratio:1.75;overflow:hidden;border:1px solid #dce5df;border-radius:8px;background:#fff}.studio-case-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.studio-case-copy{padding-top:22px}.studio-case-copy>span{font-size:12px;color:#62666a}.studio-case h3{font-size:24px;margin:8px 0 12px}.studio-case h3 span{font-size:18px;margin-left:8px;color:#303234}.studio-case p{font-size:15px;color:#5b6064;max-width:35em}.studio-case small{display:block;font-size:12px;line-height:1.8;color:#62666a;margin-top:10px}
.studio-more-projects{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:34px}.studio-more-projects a{border-top:1px solid #ccd9d1;padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.studio-more-projects a>span:first-child{grid-column:1/-1;font-size:12px;color:#62666a}.studio-more-projects strong{font-size:17px;font-weight:600}
.studio-service-list article{display:grid;grid-template-columns:.85fr 1.4fr auto;gap:40px;padding:30px 0;border-top:1px solid #dce5df;align-items:start}.studio-service-list article:last-child{border-bottom:1px solid #dce5df}.studio-service-list h3{font-size:22px;font-weight:650;line-height:1.5}.studio-service-list p{font-size:16px;color:#5b6064}.studio-service-list article>div>span{display:block;color:#62666a;font-size:12px;margin-top:10px}.studio-service-list .text-link{padding:6px 0;white-space:nowrap;font-size:14px}
.studio-automation{background:#f6f8f7}.studio-split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.studio-split>div>p{margin:20px 0;color:#5b6064;font-size:16px}.studio-task-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.studio-task-list>div{border-top:2px solid #c8d8ce;padding-top:18px}.studio-task-list dt{font-size:18px;font-weight:600}.studio-task-list dd{margin:12px 0 0;color:#5b6064;font-size:15px;line-height:1.8}
.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:0}.studio-steps li{border-top:1px solid #b6cbbf;padding-top:20px}.studio-steps li>span{font-size:15px;color:#303234}.studio-steps h3{font-size:19px;margin:18px 0 12px}.studio-steps p{font-size:15px;color:#5b6064}.studio-delivery-note{font-size:14px;color:#5b6064;margin-top:36px;padding-top:24px;border-top:1px solid #dce5df}.studio-delivery-note a{color:#303234;text-decoration:underline;text-underline-offset:4px;margin-left:12px}.studio-questions{background:#f6f8f7}.studio-questions .section-head .text-link{display:inline-block;margin-top:24px}
/* AI pages: actual demonstrations first; task material uses rows, not tiled cards. */
.ai-service-hero{background:#f3f6f5;color:#242628}.ai-service-hero .text-accent{color:inherit}.ai-service-hero .button-ghost{color:#303234;border-color:#b5c6bd}.ai-hero-grid{gap:56px;grid-template-columns:1fr 1.1fr}.ai-service-hero h1{font-size:clamp(32px,3.6vw,50px);line-height:1.4}.ai-hero-photo img{border-radius:8px;border:1px solid #dce5df}.ai-hero-photo figcaption{font-size:12px;color:#5b6064;margin-top:12px}.ai-service-hero .ai-hero-note{font-size:13px;color:#5b6064}
.ai-evidence-grid{gap:36px}.ai-evidence-card{border:0;background:transparent;border-radius:0;overflow:visible}.ai-evidence-image{border:1px solid #dce5df;border-radius:8px;aspect-ratio:1.75}.ai-evidence-copy{padding:22px 0 0}.ai-evidence-copy h3{font-size:24px}.ai-evidence-copy p{font-size:15px;color:#5b6064}.ai-evidence{background:#fff}
.ai-needs{background:#f3f6f5}.ai-scenario-grid{display:block}.ai-scenario{display:grid;grid-template-columns:1fr 1.7fr;column-gap:60px;row-gap:10px;border:0;border-top:1px solid #cbd9d0;border-radius:0;padding:28px 0;background:transparent}.ai-scenario-top{grid-column:1;font-size:12px;color:#656565}.ai-scenario-top b{display:none}.ai-scenario h3{grid-column:1;grid-row:2;font-size:22px;line-height:1.5;margin:0}.ai-scenario dl{grid-column:2;grid-row:1/3}.ai-scenario dl>div{font-size:15px;margin-bottom:10px;grid-template-columns:80px 1fr}.ai-scenario .ai-check{grid-column:2;border:0;padding:0;font-size:14px;margin-top:0}.ai-check strong{display:inline;margin-right:12px;font-size:14px}.ai-scenario>.text-link{grid-column:1;grid-row:3;padding-top:0;font-size:14px;align-self:start}
.ai-review-work{background:#fff}.ai-review-grid{grid-template-columns:.8fr 1.2fr;gap:70px}.ai-review-grid h2{font-size:32px}.ai-review-list{margin:16px 0}.ai-approach .section-head h2,.ai-start .section-head h2{font-size:34px}.ai-steps li{border-top:1px solid #b6cbbf}.ai-steps li>span{font-size:16px;color:#303234}.ai-steps h3{font-size:20px}.ai-steps small{color:#5b6064}.ai-open-brief{padding-top:24px}.ai-open-brief h3{font-size:18px}.ai-open-brief p{font-size:14px}
@media(max-width:1000px){.studio-hero-grid{gap:32px}.studio-project-image{height:310px}.studio-intro h1{font-size:38px}.studio-split{gap:40px}.studio-service-list article{gap:24px;grid-template-columns:1fr 1.4fr auto}.studio-steps{grid-template-columns:1fr 1fr}.site-nav{gap:22px}.ai-scenario{gap:12px 32px}}
@media(max-width:760px){
 .container{width:calc(100% - 36px)}.header-inner{min-height:66px}.brand{font-size:21px}.menu-toggle{border-color:#becfc4;color:#242628;background:#fff}.menu-toggle span{background:#20312e}.site-nav{background:#fff;border-bottom:1px solid #dce5df;box-shadow:0 12px 20px #193b2810}.site-nav>a{color:#242628;padding-block:12px}.site-nav .button{color:#fff}
 .section{padding:48px 0}.section-head h2{font-size:28px}.section-head p{font-size:15px}.page-hero>.container{padding-top:22px;padding-bottom:34px}.page-hero .breadcrumbs{font-size:12px;margin-bottom:24px}.page-hero h1{font-size:32px}.page-hero p{font-size:15px}.page-hero .hero-actions{gap:12px}.page-hero .hero-actions>.button{width:auto;flex:0 1 auto;font-size:14px;min-height:46px;padding:12px 18px}.page-hero .button-ghost{border:0;padding-left:0;padding-right:0}.page-jump>.container{gap:0 22px;flex-wrap:wrap}.page-jump a{font-size:13px;padding-block:12px}.service-scope,.faq-layout{grid-template-columns:1fr;gap:24px}.deliver-grid{gap:12px}.deliver{padding:20px 0}.scope-list dt{font-size:18px}.closing-cta{padding:42px 0}.closing-grid{gap:24px}.closing-grid h2{font-size:29px}.closing-grid p{font-size:14px}
 .studio-hero{padding:32px 0}.studio-hero-grid{grid-template-columns:1fr;gap:30px}.studio-label{font-size:12px;margin-bottom:17px}.studio-intro h1{font-size:32px;line-height:1.45}.studio-lead{font-size:15px;margin-top:18px}.studio-actions{gap:22px;margin-top:24px}.studio-actions .button{flex:none;min-height:46px}.studio-secondary{font-size:14px}.studio-phone{margin-top:16px;font-size:12px}.studio-project-image{height:230px}.studio-project figcaption{gap:14px}.studio-project figcaption p{font-size:11px;max-width:185px}.studio-project strong{font-size:18px}.studio-project figcaption>div>span{font-size:11px}
 .studio-heading{align-items:flex-start;gap:16px;margin-bottom:26px;flex-direction:column}.studio-heading h2,.studio-split h2{font-size:28px}.studio-heading p{font-size:14px}.studio-case-grid,.studio-more-projects{grid-template-columns:1fr;gap:28px}.studio-case-copy{padding-top:16px}.studio-case h3{font-size:22px;margin-bottom:8px}.studio-case p{font-size:14px}.studio-case small{font-size:12px}.studio-more-projects{gap:0;margin-top:26px}.studio-more-projects a{padding:18px 0}.studio-more-projects strong{font-size:16px}
 .studio-service-list article{grid-template-columns:1fr auto;gap:12px 18px;padding:24px 0}.studio-service-list h3{grid-column:1/-1;font-size:21px}.studio-service-list article>div{grid-column:1/-1}.studio-service-list .text-link{grid-column:1/-1;padding:0}.studio-service-list p{font-size:15px}.studio-service-list article>div>span{font-size:12px}.studio-split{grid-template-columns:1fr;gap:26px}.studio-task-list{gap:24px 18px}.studio-task-list dt{font-size:17px}.studio-task-list dd{font-size:14px}.studio-steps{gap:26px 20px}.studio-steps h3{font-size:18px;margin:12px 0 9px}.studio-steps p{font-size:14px}.studio-delivery-note{font-size:13px;margin-top:26px}.studio-delivery-note a{display:inline-block;margin:8px 0 0}.studio-questions .section-head{margin:0}
 .ai-hero-grid,.ai-review-grid{grid-template-columns:1fr;gap:26px}.ai-service-hero h1{font-size:32px}.ai-hero-photo figcaption{font-size:12px}.ai-evidence-grid{grid-template-columns:1fr;gap:30px}.ai-evidence-copy{padding:17px 0 0}.ai-evidence-copy h3{font-size:22px}.ai-scenario{display:block;padding:24px 0}.ai-scenario h3{font-size:21px;margin:8px 0 18px}.ai-scenario dl>div{grid-template-columns:70px 1fr;font-size:14px}.ai-scenario .ai-check{font-size:13px;margin:14px 0}.ai-scenario .ai-check strong{font-size:13px}.ai-scenario>.text-link{display:inline-block;font-size:14px}.ai-review-grid h2,.ai-approach .section-head h2,.ai-start .section-head h2{font-size:28px}.ai-steps h3{font-size:18px}.ai-steps p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Representative project: product positioning and concrete build scope. */
.studio-project figcaption.studio-project-story{display:block;margin-top:22px}
.studio-project-story .studio-project-origin{display:block;font-size:12px;color:#5b6064}
.studio-project-story .studio-project-title{display:flex;align-items:center;gap:18px;width:fit-content;margin-top:8px;color:#303234}
.studio-project-story .studio-project-title strong{font-size:21px}
.studio-project-story h2{font-size:27px;line-height:1.4;letter-spacing:-.02em;margin:12px 0 10px;color:#242628}
.studio-project figcaption.studio-project-story p{font-size:14px;max-width:none;color:#5b6064;line-height:1.85}
.studio-project-story .studio-project-build{margin-top:16px;padding-top:14px;border-top:1px solid #dce5df}
.studio-project-story .studio-project-build strong{display:block;font-size:13px;color:#242628;margin-bottom:4px}
.studio-project-story small{display:block;font-size:11px;color:#5b6064;line-height:1.7;margin-top:12px}
.studio-hero-grid:has(.studio-project-story){align-items:start}
.studio-hero-grid:has(.studio-project-story) .studio-intro{padding-top:48px}
/* Citizen-card case: a sequence of real business interactions, without numbered tiles. */
.citizen-scene-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:start}
.citizen-scene-copy h2{font-size:34px;line-height:1.4;margin:14px 0 24px}
.citizen-scene-copy>p:not(.eyebrow){font-size:16px;color:#5b6064;line-height:1.9;margin:0 0 18px}
.citizen-scene-focus{border-left:3px solid #21634f;margin-top:28px;padding-left:20px}
.citizen-scene-focus strong{font-size:15px}.citizen-scene-focus p{font-size:14px;line-height:1.85;color:#5b6064;margin-top:8px}
.citizen-sequence{margin:0;padding-top:8px;min-width:0}
.citizen-sequence>figcaption{font-size:19px;font-weight:600;margin-bottom:30px}
.citizen-sequence-actors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:8px}
.citizen-sequence-actors span{font-size:15px;line-height:1.5;font-weight:600;padding-bottom:18px;border-bottom:2px solid #21634f;color:#242628}
.citizen-sequence-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0;list-style:none;margin:0;padding:12px 0;background:linear-gradient(#dce5df,#dce5df) 16.667% 0/1px 100% no-repeat,linear-gradient(#dce5df,#dce5df) 50% 0/1px 100% no-repeat,linear-gradient(#dce5df,#dce5df) 83.333% 0/1px 100% no-repeat}
.citizen-sequence-lines li{position:relative;padding:20px 6px 18px;margin:0;text-align:center;width:calc(50% - 3px);justify-self:center}
.citizen-sequence-lines .sequence-left{grid-column:1/3}.citizen-sequence-lines .sequence-right{grid-column:2/4}
.citizen-sequence-lines li:nth-child(1){grid-row:1}.citizen-sequence-lines li:nth-child(2){grid-row:2}.citizen-sequence-lines li:nth-child(3){grid-row:3}.citizen-sequence-lines li:nth-child(4){grid-row:4}
.citizen-sequence .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.citizen-sequence-lines li{min-height:74px}
.sequence-message{display:block;position:relative;left:50%;transform:translateX(-50%);width:max-content;max-width:180px;background:#fff;padding:2px 5px;font-size:14px;line-height:1.6;color:#525252;white-space:nowrap}
.sequence-arrow{display:block;position:absolute;left:0;right:0;bottom:12px;height:1px;background:#608875}
.sequence-arrow::after{content:"";position:absolute;right:0;top:-4px;border-left:6px solid #608875;border-top:4px solid transparent;border-bottom:4px solid transparent}
.sequence-return .sequence-arrow{background:repeating-linear-gradient(to right,#608875 0 5px,transparent 5px 9px)}
.sequence-return .sequence-arrow::after{left:0;right:auto;border-left:0;border-right:6px solid #608875}
.citizen-sequence-note{font-size:12px;color:#5b6064;line-height:1.8;border-top:1px solid #dce5df;margin-top:20px;padding-top:16px}
@media(max-width:1000px){.citizen-scene-grid{gap:36px}.citizen-scene-copy h2{font-size:30px}.citizen-sequence-actors span{font-size:13px}}
/* Evidence-led case studies: real product screen beside positioning, tasks paired with work. */
.case-study-hero{background:#f3f6f5;padding:32px 0 52px}
.case-study-hero .breadcrumbs{font-size:13px;margin-bottom:36px;flex-wrap:wrap;gap:10px}
.case-study-lead{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.case-study-intro,.case-study-visual{min-width:0}
.case-study-label{font-size:13px;color:#5b6064;margin:0 0 16px}
.case-study-intro h1{font-size:clamp(32px,3.2vw,46px);line-height:1.35;margin:0 0 16px}
.case-study-position{font-size:23px;line-height:1.65;font-weight:600;max-width:21em;color:#303234;margin:0 0 20px;text-wrap:pretty}
.case-study-summary{font-size:16px;line-height:1.9;color:#5b6064;max-width:31em}
.case-study-intro .hero-actions{gap:16px 24px;margin-top:28px;align-items:center}
.case-study-intro .hero-actions .text-link{font-size:14px;padding:12px 0}
.case-study-visual{margin:0}
.case-study-image{display:block;background:white;overflow:hidden;border:1px solid #c7d7ce;border-radius:8px;box-shadow:0 14px 36px #20312e0a}
.case-study-image img{display:block;width:100%;height:auto}
.case-study-pinglutong .case-study-image{aspect-ratio:1.33}
.case-study-pinglutong .case-study-image img{height:100%;object-fit:cover;object-position:top}
.case-study-visual figcaption{font-size:12px;line-height:1.8;color:#5b6064;margin-top:14px}
.case-study-visual figcaption a{display:inline-block;color:#303234;text-decoration:underline;text-underline-offset:3px;margin-left:10px;padding:4px 0}
.case-study h2{font-size:clamp(27px,2.5vw,34px);line-height:1.45;font-weight:650}
.case-study-context-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:88px;align-items:start}
.case-study-context h2{margin-bottom:24px;max-width:22em}
.case-study-context p{font-size:16px;line-height:1.95;color:#5b6064;margin-top:16px}
.case-study-facts{border-left:2px solid #c7d7ce;padding:6px 0 6px 28px}
.case-study-facts h3{font-size:17px;margin-bottom:20px}
.case-study-facts dl{margin:0}
.case-study-facts dl>div+div{margin-top:20px}
.case-study-facts dt{font-size:13px;color:#5b6064;margin-bottom:5px}
.case-study-facts dd{margin:0;font-size:15px;line-height:1.8;color:#242628}
.case-study-work{background:#f6f8f7}
.case-study-work h2{margin-bottom:36px}
.case-study-work-head,.case-study-work-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}
.case-study-work-head{color:#5b6064;font-size:13px;padding-bottom:16px;border-bottom:1px solid #b5c6bd}
.case-study-work-row{padding:28px 0;border-bottom:1px solid #dce5df}
.case-study-need{font-size:18px;line-height:1.8;color:#525252;margin:0;max-width:18em}
.case-study-work-row h3{font-size:20px;line-height:1.5;margin-bottom:10px}
.case-study-work-row>div>p{font-size:15px;line-height:1.9;color:#5b6064;max-width:40em}
.case-study-delivery-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:88px;align-items:center}
.case-study-delivery h2{font-size:27px;margin-bottom:20px}
.case-study-delivery p{font-size:15px;color:#5b6064;line-height:1.9}
.case-study-visit{border-left:2px solid #c7d7ce;padding-left:28px}
.case-study-visit p{font-size:12px;margin-top:16px}
.case-study-contact{background:#edf3ef;border-top:1px solid #dce5df}
.case-study-contact p{font-size:16px;color:#5b6064;max-width:48em;margin-top:18px}
.case-study-contact .hero-actions{align-items:center;gap:18px 28px}
.case-study-contact .text-link{font-size:14px;padding-block:10px}
.case-study .hero-actions .text-link{margin-top:0}
.case-study .hero-actions .button{width:auto}
@media(max-width:1000px){.case-study-lead{gap:30px;grid-template-columns:1fr 1fr}.case-study-position{font-size:21px}.case-study-intro h1{font-size:34px}.case-study-context-grid,.case-study-delivery-grid{gap:40px}.case-study-work-head,.case-study-work-row{gap:40px}}
@media(max-width:760px){.case-study-hero{padding:24px 0 32px}.case-study-hero .breadcrumbs{font-size:12px;margin-bottom:28px;gap:7px}.case-study-lead{grid-template-columns:1fr;gap:30px}.case-study-label{font-size:12px;margin-bottom:12px}.case-study-intro h1{font-size:32px;margin-bottom:14px}.case-study-position{font-size:21px;margin-bottom:16px}.case-study-summary{font-size:15px}.case-study-intro .hero-actions{margin-top:22px;gap:12px 20px}.case-study-intro .hero-actions .button{flex:none;font-size:14px;padding:0 18px}.case-study-context-grid,.case-study-delivery-grid{grid-template-columns:1fr;gap:28px}.case-study-context h2{margin-bottom:20px}.case-study-context p{font-size:15px}.case-study-facts{padding-left:20px}.case-study-facts h3{margin-bottom:18px}.case-study-facts dl>div{display:grid;grid-template-columns:84px 1fr;gap:12px}.case-study-facts dl>div+div{margin-top:14px}.case-study-facts dt{margin:0;line-height:1.85}.case-study-facts dd{font-size:14px}.case-study-work h2{margin-bottom:24px}.case-study-work-head{display:none}.case-study-work-row{display:block;padding:24px 0}.case-study-work-row:first-child{border-top:1px solid #b5c6bd}.case-study-need{font-size:13px;max-width:none;margin-bottom:10px}.case-study-work-row h3{font-size:20px;margin-bottom:8px}.case-study-work-row>div>p{font-size:15px}.case-study-delivery h2{font-size:26px}.case-study-visit{padding-left:20px}.case-study-contact p{font-size:15px}.case-study-contact .hero-actions{gap:10px 22px}.case-study-contact .hero-actions .button{flex:none;font-size:14px}}
@media(max-width:760px){.studio-hero-grid:has(.studio-project-story) .studio-intro{padding-top:0}.studio-project figcaption.studio-project-story{margin-top:18px}.studio-project-story h2{font-size:24px}.studio-project-story .studio-project-title strong{font-size:20px}.studio-project figcaption.studio-project-story p{font-size:14px}.citizen-scene-grid{grid-template-columns:1fr;gap:36px}.citizen-scene-copy h2{font-size:28px;margin-bottom:20px}.citizen-scene-copy>p:not(.eyebrow){font-size:15px}.citizen-sequence-actors span{font-size:13px}.citizen-sequence>figcaption{font-size:18px;margin-bottom:24px}.sequence-message{font-size:12px}.citizen-scene-focus{margin-top:22px}}

/* Plain secondary navigation remains identifiable without a color accent. */
.studio-secondary:hover,.studio-secondary:focus-visible{color:#16181a;text-decoration:underline;text-underline-offset:4px}
.text-link:hover{color:#16181a}