/* Two independent project narratives. Each source page stays in its original frame. */
.client-projects{display:grid;gap:54px;margin-top:10px}
.client-project{--project-accent:#a83324;--project-ink:#29251f;--project-muted:#625b52;--project-line:#ded7ca;--project-paper:#f7f3eb;--project-soft:#eee7da;--project-active:#fffdfa;min-width:0;padding:36px 36px 30px;background:var(--project-paper);color:var(--project-ink);border:1px solid var(--project-line);border-top:3px solid var(--project-accent);color-scheme:light}
.client-project--maoxingya{--project-accent:#2055c4;--project-ink:#182743;--project-muted:#53647d;--project-line:#d2ddea;--project-paper:#edf3fb;--project-soft:#e1eaf6;--project-active:#fff}
.client-project-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:32px;align-items:end;margin-bottom:31px}
.client-project-overline{display:flex;align-items:center;gap:16px;margin:0 0 13px;font-size:10px;line-height:1.5;letter-spacing:1.5px;color:var(--project-muted)}
.client-project-overline span:first-child{color:var(--project-accent);font-size:11px;letter-spacing:1px}
.client-project-title{font-family:inherit;font-size:38px;line-height:1.3;letter-spacing:-.9px;font-weight:500;margin:0}
.client-project--shengshiyuan .client-project-title{font-family:"Noto Serif SC","Songti SC","SimSun",serif;letter-spacing:1px}
.client-project-title small{display:block;font-family:inherit;font-size:14px;line-height:1.7;font-weight:400;letter-spacing:.2px;margin-top:12px;color:var(--project-muted)}
.client-project-intro{font-size:14px;line-height:1.9;margin:0 0 2px;color:var(--project-muted);max-width:450px}
.client-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}
.client-chapter-tab{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;min-height:58px;padding:12px 16px;border:1px solid var(--project-line);border-bottom:2px solid var(--project-line);background:transparent;color:var(--project-muted);cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.client-chapter-tab span{font-size:10px;letter-spacing:1px;flex:none}
.client-chapter-tab strong{font-size:15px;font-weight:500;line-height:1.5}
.client-chapter-tab[aria-selected=true]{border-bottom-color:var(--project-accent);color:var(--project-accent);background:var(--project-active)}
.client-chapter-tab:hover{background:var(--project-active)}
.client-project-stage{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start;min-width:0;touch-action:pan-y pinch-zoom}
.client-project-stage:focus-visible{outline:2px solid var(--project-accent);outline-offset:8px}
.client-project-preview{min-width:0;margin:0}
.client-original-page{display:block;width:100%;padding:0;border:1px solid var(--project-line);background:var(--project-active);overflow:hidden;cursor:zoom-in}
.client-original-page img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0}
.client-project-source{display:flex;justify-content:space-between;gap:14px;align-items:start;padding-top:13px;color:var(--project-muted)}
.client-project-source p{font-size:11px;line-height:1.8;margin:0}
.client-project-source button{flex:none;font-size:12px;line-height:1.5;min-height:44px;padding:0 0 0 12px;margin-top:-10px;border:0;background:none;color:var(--project-accent);cursor:pointer;white-space:nowrap}
.client-project-use{display:block;margin-top:4px}
.client-chapter-nav{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--project-line)}
.client-swipe-hint{font-size:11px;color:var(--project-muted);margin-right:auto;line-height:1.6}
.client-swipe-hint-mobile{display:none}
.client-chapter-nav button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--project-line);background:var(--project-active);color:var(--project-accent);cursor:pointer;transition:background .2s,border-color .2s}
.client-chapter-nav button:hover:not(:disabled){border-color:var(--project-accent)}
.client-chapter-nav button:disabled{opacity:.35;cursor:default}
.client-chapter-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.client-chapter-nav output{min-width:37px;text-align:center;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--project-ink)}
.client-chapter-story{min-width:0;padding:5px 0 0}
.client-story-kicker{font-size:10px;line-height:1.7;letter-spacing:1.4px;margin:0 0 12px;color:var(--project-accent)}
.client-story-title{font-size:24px;font-weight:500;line-height:1.5;letter-spacing:-.45px;text-wrap:balance;margin:0 0 12px;color:var(--project-ink)}
.client-story-dek{font-size:13px;line-height:1.9;margin:0 0 22px;color:var(--project-muted)}
.client-story-sequence{display:grid;gap:17px;padding-top:19px;border-top:1px solid var(--project-line)}
.client-story-sequence article{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:start;min-width:0}
.client-story-sequence article>span{font-size:10px;line-height:1.8;letter-spacing:.5px;color:var(--project-accent);padding-top:1px}
.client-story-sequence h5{font-size:12px;font-weight:500;line-height:1.7;margin:0 0 5px;color:var(--project-ink)}
.client-story-sequence p{font-size:12px;line-height:1.9;margin:0;color:var(--project-muted)}
.client-project-footnote{font-size:11px;line-height:1.8;margin:24px 0 0;padding-top:17px;border-top:1px solid var(--project-line);color:var(--project-muted)}
.client-projects-footer{display:flex;justify-content:flex-end;margin-top:24px}
.client-projects-footer a{font-size:13px;line-height:1.8;padding:10px 0;color:#324daf}
.client-project button:focus-visible{outline:2px solid var(--project-accent);outline-offset:3px}
@media(min-width:801px) and (max-width:1100px){.client-project{padding:28px}.client-project-stage{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}.client-story-title{font-size:22px}.client-project-head{gap:24px}.client-project-title{font-size:34px}}
@media(max-width:800px){.client-projects{gap:36px}.client-project{padding:25px 22px 23px}.client-project-head{grid-template-columns:1fr;gap:17px;margin-bottom:24px}.client-project-title{font-size:32px}.client-project-title small{font-size:13px;margin-top:9px}.client-project-intro{font-size:13px;line-height:1.85;max-width:540px}.client-chapters{gap:7px;margin-bottom:18px}.client-chapter-tab{min-height:58px;gap:7px;padding:10px 9px;justify-content:center;flex-wrap:wrap}.client-chapter-tab strong{font-size:13px}.client-chapter-tab span{font-size:9px}.client-project-stage{grid-template-columns:1fr;gap:27px}.client-project-source{gap:12px}.client-project-source p{font-size:10px}.client-project-source button{font-size:11px}.client-chapter-nav{margin-top:13px;padding-top:13px;gap:10px}.client-swipe-hint-desktop{display:none}.client-swipe-hint-mobile{display:inline}.client-chapter-story{padding-top:0}.client-story-title{font-size:23px;line-height:1.5;letter-spacing:-.4px;max-width:560px}.client-story-dek{font-size:13px;line-height:1.9;margin-bottom:19px;max-width:560px}.client-story-sequence{gap:19px;padding-top:19px}.client-story-sequence h5{font-size:13px}.client-story-sequence p{font-size:13px;line-height:1.9}.client-project-footnote{margin-top:23px;font-size:10px}.client-projects-footer{justify-content:flex-start}.client-projects-footer a{font-size:12px}}
@media(max-width:420px){.client-project{padding:22px 16px 20px}.client-project-title{font-size:29px}.client-project-overline{gap:12px;font-size:9px;margin-bottom:10px;letter-spacing:1px}.client-project-title small{font-size:12px}.client-chapters{gap:5px}.client-chapter-tab{flex-direction:column;gap:3px;min-height:63px;padding:8px 4px}.client-chapter-tab strong{font-size:12px;white-space:nowrap}.client-project-source{display:block;position:relative;padding-right:77px;min-height:45px}.client-project-source button{position:absolute;right:0;top:9px;margin:0;padding-left:7px}.client-swipe-hint{font-size:10px}.client-chapter-nav{gap:8px}.client-story-title{font-size:21px}.client-story-sequence article{grid-template-columns:21px minmax(0,1fr);gap:7px}.client-story-sequence p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.client-project button{transition:none}}