/* Company narrative, on the approved A typography and motion system. */
.company-intro,.services-section,.insights-section{padding-top:100px;padding-bottom:95px}.section-heading h2{font-size:40px;line-height:1.5;font-weight:300;letter-spacing:-.7px}.section-heading>p{line-height:2.1;color:#667e90}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:65px}.intro-statement>span{font:500 66px/.98 var(--english);letter-spacing:-.7px;color:#637d91}.intro-statement>p{max-width:460px;font-size:14px;line-height:2.2;color:#647b8d;margin-top:30px}.fit-list .type-specimen{display:flex;align-items:start;gap:25px;padding:23px 0}.fit-list .type-specimen:first-child{padding-top:0;border:0}.fit-list article>span{font:500 17px var(--english);color:#8d9eab}.fit-list h3{font-size:17px;font-weight:400;line-height:1.6}.fit-list p{font-size:12px;line-height:2;color:#728899;margin-top:10px}.method-section{padding:85px 0;background:#e7ecef}.method-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:75px;margin-top:55px}.method-index{display:flex;flex-direction:column}.method-tab{display:flex;align-items:center;gap:22px;padding:20px 17px;text-align:left;border-bottom:1px solid #cdd7de;transition:background .3s;border-radius:3px}.method-tab>span{font:500 15px var(--english);color:#8299a9}.method-tab>b{font-size:18px;font-weight:400}.method-tab>i{font:500 11px var(--english);font-style:normal;letter-spacing:1px;color:#839bab;margin-left:auto}.method-tab>em{font:18px Arial;font-style:normal;color:#64839b;width:20px;opacity:0;transform:translateX(-5px);transition:.3s}.method-tab:hover{background:#dfe7ec}.method-tab[aria-selected=true]{background:#344b64;color:#f2f5f7;border-color:transparent}.method-tab[aria-selected=true]>span,.method-tab[aria-selected=true]>i{color:#adc0ce}.method-tab[aria-selected=true]>em{opacity:1;transform:none;color:#e0eaf1}.method-panels{min-width:0}.method-panel{position:relative;isolation:isolate;height:100%;min-height:420px;padding:62px 45px;background:linear-gradient(135deg,#f1f4f5,#dce6eb);overflow:hidden;border:1px solid #d1dde5;border-radius:5px}.method-panel[hidden]{display:none}.step-watermark{position:absolute;right:-15px;top:-20px;font:500 390px/1 var(--english);color:#7892a512;z-index:-1;letter-spacing:-15px}.method-panel h3{font-size:31px;line-height:1.5;font-weight:300;margin-top:45px}.method-panel>p{font-size:14px;line-height:2.2;color:#627d90;margin-top:22px;max-width:440px}.method-track{display:flex;gap:8px;margin-top:56px}.method-track>span{height:2px;flex:1;background:#bfced7}.method-track>.active{background:#526f85}.method-footnote{display:block;font-size:10px;margin-top:17px;color:#8196a4}.principles{display:flex;justify-content:space-between;gap:30px;padding-top:40px;margin-top:45px;border-top:1px solid #ccd8df}.principles>span{font-size:16px;font-weight:400}.principles small{font-size:11px;color:#7b919f;font-weight:400;margin-left:16px}.service-grid{margin-top:50px}.service-card{padding:30px;background:#e3e8e9}.service-blue{background:#dce5eb}.service-display{height:230px;display:flex;align-items:center;position:relative;overflow:hidden}.service-display>span{font:500 65px/.94 var(--english);letter-spacing:-1px;color:#607a8f;z-index:1}.service-orbit{position:absolute;width:180px;height:180px;border:1px solid #9ab0bf88;border-radius:50%;right:12px;top:23px;transform:rotateX(45deg) rotateZ(-25deg);transition:transform 1s}.service-orbit:before,.service-orbit:after{content:'';position:absolute;inset:20px;border:1px solid #a1b6c482;border-radius:50%}.service-orbit:after{inset:40px}.service-orbit.double{transform:rotateY(35deg) rotateZ(20deg);border-radius:45%}.service-card:hover .service-orbit{transform:rotateX(25deg) rotateZ(20deg)}.service-card .mark-card-copy h3{font-size:24px;font-weight:300}.service-card .mark-card-copy p{font-size:13px;line-height:2.2;max-width:100%;color:#657e90}.text-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 0 0;font-size:12px;text-align:left;color:#3f6078}.text-link>span{font:22px Arial;transition:transform .3s}.text-link:hover>span{transform:translate(3px,-3px)}figure{margin:0}.classroom-photo{margin-top:50px}.classroom-photo img{width:100%;height:430px;object-fit:cover;object-position:center 46%;filter:saturate(.55)}.classroom-photo figcaption,.team-photo figcaption{display:flex;justify-content:space-between;font-size:10px;color:#7d92a1;padding-top:16px;gap:20px}.classroom-photo figcaption>span:first-child,.team-photo figcaption{font-family:var(--english);letter-spacing:1px;font-size:12px}.classroom-photo figcaption>span:last-child,.team-photo figcaption>span{font-family:var(--chinese);font-size:10px;letter-spacing:0}.about-section{padding:90px 0;background:#e5eaec}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-title h2{font-weight:300;font-size:38px;line-height:1.6;margin-top:25px;letter-spacing:-.7px}.founder-name{display:block;font:500 45px var(--english);color:#6c8598;margin-top:44px}.founder-name>span{font-family:var(--chinese);font-size:20px;font-weight:300;margin-left:13px}.founder-role{font-size:11px;color:#758e9f;margin-top:9px}.about-copy{padding-top:42px}.about-copy>p{font-size:14px;line-height:2.2;color:#698294;margin-bottom:23px}.about-copy .about-belief{color:#3f5b71;font-size:17px;line-height:2;margin-top:30px}.industry-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.industry-tags>span{font-size:10px;padding:8px 12px;border:1px solid #cad6df;border-radius:30px;color:#7a91a2}.team-photo{margin-top:55px}.team-photo img{width:100%;height:440px;object-fit:cover;object-position:50% 55%;filter:saturate(.45)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:55px}.insight-card.type-specimen{display:flex;align-items:start;flex-direction:column;gap:0;text-align:left;padding:27px 0 0;min-width:0}.insight-card h3{font-size:20px;line-height:1.6;font-weight:400;margin-top:32px}.insight-card>p{font-size:12px;line-height:2.1;color:#768d9d;margin-top:20px;margin-bottom:35px}.insight-bottom{margin-top:auto;font-size:10px;display:flex;align-items:center;justify-content:space-between;width:100%;color:#506d83}.insight-bottom i{font:22px Arial;font-style:normal}.next-section{background:#344b64;color:#dae5ec;text-align:center;padding:95px 0 105px}.next-section .eyebrow{color:#9cb2c3}.next-section h2{font-size:46px;line-height:1.55;font-weight:300;margin-top:24px;letter-spacing:.5px}.next-section p{font-size:12px;color:#a2b7c7;margin-top:22px;line-height:2}.next-section .action{margin-top:30px;background:#c1d0db;color:#344b64;border-color:#c1d0db;font-size:11px;padding:14px 26px}.footer{padding-top:38px;padding-bottom:38px}.footer p{color:#7d909d}#brief-form{display:grid;gap:18px;margin-top:25px}#brief-form label{display:grid;gap:9px;font-size:12px;color:#5f788b}input,select,textarea{font:400 13px/1.7 var(--chinese);color:#344b64;background:#fff7;border:1px solid #c5d2dc;border-radius:4px;padding:11px 13px;width:100%;box-sizing:border-box}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #86a5bb;outline-offset:2px}.brief-copy{background:#344b64;color:#e5edf2;border-radius:30px;padding:13px 20px;justify-self:start;font-size:12px}#brief-status{font-size:11px;line-height:1.8;color:#4c6e86}dialog li{margin-top:12px}dialog ul{margin-top:20px}dialog .dialog-note{font-weight:400;color:#6d8596}a.action{pointer-events:auto}.company-intro .section-heading{margin-bottom:0}
@media(min-width:1600px){.intro-grid,.about-grid{gap:130px}}
@media(max-width:1100px){.intro-grid,.about-grid{gap:45px}.intro-statement>span{font-size:57px}.method-layout{gap:35px}.method-panel{padding:50px 30px}.method-panel h3{font-size:27px}.method-tab{gap:16px;padding-left:10px;padding-right:10px}.method-tab>i{font-size:9px}.principles small{display:block;margin-left:0;margin-top:8px}.insight-grid{gap:25px}.insight-card h3{font-size:17px}.about-title h2{font-size:33px}.section-heading h2{font-size:35px}}
@media(max-width:720px){.company-intro,.services-section,.insights-section{padding-top:60px;padding-bottom:55px}.section-heading h2{font-size:29px;letter-spacing:-.4px;line-height:1.6}.section-heading>p{font-size:12px}.intro-grid,.about-grid{grid-template-columns:1fr;gap:36px;margin-top:36px}.intro-statement>span{font-size:56px}.intro-statement>p{font-size:13px;margin-top:24px}.fit-list .type-specimen{padding:22px 0;gap:20px}.fit-list h3{font-size:16px}.fit-list p{font-size:12px}.method-section{padding:55px 0}.method-layout{display:block;margin-top:34px}.method-index{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.method-tab{border:1px solid #c9d5de;display:flex;gap:9px;padding:12px 8px;justify-content:center}.method-tab>b{font-size:13px}.method-tab>span{font-size:12px}.method-tab>i,.method-tab>em{display:none}.method-panel{min-height:320px;padding:35px 26px}.method-panel h3{font-size:26px;margin-top:35px}.method-panel>p{font-size:13px;line-height:2.1;margin-top:20px}.method-track{margin-top:38px}.step-watermark{font-size:320px;top:5px}.method-footnote{font-size:9px}.principles{margin-top:28px;padding-top:25px;gap:10px}.principles>span{font-size:14px}.principles small{font-size:9px;line-height:1.8}.service-grid{margin-top:30px}.service-card{padding:25px}.service-display{height:205px}.service-display>span{font-size:60px}.service-orbit{width:150px;height:150px;right:0;top:25px}.service-card .mark-card-copy h3{font-size:23px}.service-card .mark-card-copy p{font-size:12px}.classroom-photo{margin-top:30px}.classroom-photo img{height:240px;object-position:center}.classroom-photo figcaption{font-size:9px;gap:15px}.classroom-photo figcaption>span:first-child{font-size:10px}.classroom-photo figcaption>span:last-child{font-size:9px}.about-section{padding:55px 0}.about-grid{margin-top:0;gap:20px}.about-title h2{font-size:29px;margin-top:20px}.founder-name{font-size:40px;margin-top:28px}.founder-role{font-size:10px}.about-copy{padding-top:10px}.about-copy>p{font-size:13px;margin-bottom:19px}.about-copy .about-belief{font-size:16px}.industry-tags{gap:8px;margin-top:24px}.industry-tags>span{font-size:9px;padding:7px 10px}.team-photo{margin-top:35px}.team-photo img{height:250px}.team-photo figcaption{font-size:10px}.team-photo figcaption>span{font-size:9px}.insight-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.insight-card.type-specimen{padding-top:24px}.insight-card h3{font-size:22px;margin-top:22px}.insight-card>p{font-size:12px;margin-top:15px;margin-bottom:20px}.next-section{padding:60px 0 65px}.next-section h2{font-size:32px}.next-section p{font-size:11px}.next-section .action{font-size:10px}.footer{gap:20px}.footer>p{font-size:10px}.site-header nav{display:none}.review-bar>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.service-orbit{transition:none}.service-card:hover .service-orbit{transform:none}}
/* Capabilities and source-backed industry gallery; consultation is the primary action. */
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.capability-card{padding:34px;text-align:left;background:#e5eaec;border-color:#d2dde2;display:flex;flex-direction:column}.capability-card h3{font-size:25px;font-weight:300;line-height:1.6;margin-top:32px}.capability-card>p{font-size:13px;line-height:2.2;margin-top:16px;color:#708797;max-width:440px}.ability-bottom{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6e8799;border-top:1px solid #cdd8df;padding-top:20px;margin-top:35px}.ability-bottom i{font:22px Arial;font-style:normal;transition:transform .3s}.capability-card:hover .ability-bottom i{transform:translate(3px,-3px)}.cases-section{padding:95px 0 75px;background:#111a23;color:#dce6ed}.cases-section .eyebrow{color:#7f9bb1}.cases-section .section-heading>p{color:#8ea7bb}.case-filters{display:flex;flex-wrap:wrap;gap:9px;margin:40px 0 32px}.case-filters>button{font-size:11px;padding:9px 14px;border:1px solid #304454;border-radius:30px;color:#92a8b9;transition:background .3s,border-color .3s,color .3s}.case-filters>button:hover{border-color:#8aa4b8;color:#cfdae3}.case-filters>button[aria-pressed=true]{background:#bdceda;color:#203849;border-color:#bdceda}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 23px}.case-card{display:block;padding:0;text-align:left;border:1px solid #2b3c4a;border-radius:6px;background:#182530;overflow:hidden;position:relative;isolation:isolate;transition:transform .4s,box-shadow .4s,border-color .4s}.case-card[hidden],#more-cases[hidden]{display:none}.case-card:before{content:'';position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,25%),#b6d3e91c,transparent 80%);pointer-events:none;z-index:2;opacity:0;transition:opacity .4s}.case-card:hover:before{opacity:1}.case-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0004;border-color:#637f94}.case-image{display:block;position:relative;width:100%;aspect-ratio:1.27;overflow:hidden;background:#dfe6eb}.case-image>img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.72);transition:filter .5s,transform .65s}.case-card:hover .case-image>img{transform:scale(1.025);filter:saturate(.95)}.case-zoom{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#172b3dd9;color:#d6e8f4;border:1px solid #c5dce344;font:18px Arial;backdrop-filter:blur(8px)}.case-meta{display:flex;flex-direction:column;padding:23px 22px 24px}.case-meta .eyebrow{font-family:var(--chinese);font-size:9px;letter-spacing:1px}.case-title{font-size:20px;font-weight:300;margin-top:13px;color:#c9d7e1;line-height:1.6}.case-brand{font:500 13px/1.5 var(--english);color:#6f8ca3;letter-spacing:.4px;margin-top:9px}.case-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 20px;border-bottom:1px solid #2b3d4b}.case-controls>span{font-size:10px;color:#6f8a9d}.case-controls>button{font-size:11px;color:#abc2d3;display:flex;gap:30px;align-items:center}.case-controls>button>span{font-size:19px}.case-caption{font-size:10px;line-height:2.1;color:#6f899e;margin-top:19px}.case-invitation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a3d4c;padding-top:28px;margin-top:35px;gap:35px}.case-invitation>p{font-size:18px;font-weight:300;color:#a3bacb}.case-invitation .text-link{width:auto;color:#aac3d6;gap:30px;padding:0;font-size:12px}.about-classroom{margin-top:50px}.about-classroom img{height:420px}.team-photo{margin-top:35px}.team-photo img{height:300px}.dialog-consult{font-size:12px;margin-top:27px;padding:12px 19px;border-radius:30px;background:#344b64;color:#dbe8ef}.wechat-contact{margin-top:30px;padding:27px;background:#e3eaee;border:1px solid #c9d7e1;border-radius:5px;display:flex;align-items:start;flex-direction:column;gap:18px}.wechat-contact>span:first-child{font-size:10px;color:#8097a7;letter-spacing:1px}.wechat-contact input{font:500 44px/1.2 var(--english);letter-spacing:1.8px;border:0;background:none;padding:0;max-width:100%;width:100%;color:#3d5a70}.wechat-copy{background:#344b64;color:#e4edf3;font-size:12px;padding:12px 20px;border-radius:30px}.wechat-contact #copy-status{font-size:11px;line-height:1.8;color:#648499;min-height:20px}.contact-prep{margin-top:24px;font-size:11px!important}dialog.case-dialog{width:min(820px,calc(100% - 32px));padding:45px 35px 35px}.case-dialog h2{margin-bottom:8px}.case-full-image{width:100%;height:auto;margin-top:25px;border:1px solid #c8d7e1}.case-view-note{font-size:10px!important;margin-top:17px}.next-section .action{font-size:12px;padding:15px 25px}.motion-paused .case-card{transform:none!important}
@media(max-width:1100px){.capability-card{padding:28px}.capability-card h3{font-size:22px}.case-meta{padding:20px 17px}.case-title{font-size:18px}.case-brand{font-size:12px}.case-grid{gap:24px 17px}.case-filters>button{font-size:10px;padding:8px 12px}}
@media(max-width:720px){.capability-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.capability-card{padding:26px}.capability-card h3{font-size:23px;margin-top:25px}.capability-card>p{font-size:12px}.ability-bottom{margin-top:25px}.cases-section{padding:60px 0 45px}.case-filters{gap:8px;margin:30px 0 25px}.case-filters>button{font-size:10px;padding:8px 11px}.case-grid{grid-template-columns:1fr;gap:20px}.case-image{aspect-ratio:1.22}.case-meta{padding:22px}.case-title{font-size:22px}.case-brand{font-size:13px}.case-controls{padding:25px 0 18px}.case-controls>span{font-size:9px}.case-controls>button{font-size:10px;gap:16px}.case-caption{font-size:9px}.case-invitation{display:block;margin-top:25px;padding-top:25px}.case-invitation>p{font-size:19px}.case-invitation .text-link{margin-top:22px;font-size:11px;justify-content:space-between;width:100%;gap:20px}.about-classroom{margin-top:35px}.about-classroom img{height:240px}.team-photo{margin-top:28px}.team-photo img{height:220px}.wechat-contact{padding:22px}.wechat-contact input{font-size:41px}.next-section .action{font-size:11px}.next-section p{max-width:290px;margin-left:auto;margin-right:auto}.case-dialog h2{font-size:25px}dialog.case-dialog{padding:45px 20px 25px}}
@media(hover:none){.case-card:hover{transform:none}.case-card:hover .case-image>img{transform:none}}
@media(prefers-reduced-motion:reduce){.case-card:hover{transform:none}.case-card:hover .case-image>img{transform:none}}
/* Expanded gallery: category counts, incremental overview and a persistent image viewer. */
.case-filters>button{display:inline-flex;align-items:center;gap:9px}.case-filters>button>span{font:500 11px var(--english);opacity:.6}.case-filters{scroll-margin-top:75px}.case-position{font:500 15px var(--english);color:#718a9e;letter-spacing:1.4px}.case-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #cedae2;flex-shrink:0}.case-navigation>button{font-size:13px;display:flex;align-items:center;gap:13px;border:1px solid #c4d3de;padding:9px 16px;border-radius:30px;transition:background .25s,border-color .25s}.case-navigation>button:hover{background:#dce7ee;border-color:#9bb3c5}.case-dialog[open]{display:flex;flex-direction:column;height:min(940px,90svh);max-height:90svh;overflow:hidden;padding:30px}.case-dialog #dialog-content{display:flex;flex-direction:column;flex:1;min-height:0}.case-dialog .close{z-index:3;top:13px;right:18px;line-height:1;width:34px;height:34px;background:#f1f2f0;border-radius:50%}.case-dialog-heading{padding-right:35px;flex-shrink:0}.case-dialog-heading h2{font-size:26px;margin:12px 0 2px;line-height:1.5}.case-dialog-heading>p{font:500 14px/1.5 var(--english);letter-spacing:.3px;color:#7d95a6}.case-viewport{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;margin-top:20px;border:1px solid #c9d7e1;background:#e3e9ed;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#9ab1c1 #e7edf1}.case-viewport:focus-visible{outline:2px solid #7899af;outline-offset:3px}.case-viewport .case-full-image{border:0;margin:0;width:100%;height:auto;max-width:100%}.case-dialog-footer{padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0}.case-dialog-footer>span{font-size:10px;color:#94a7b5}.case-dialog-footer>button{background:#344b64;border-radius:30px;padding:11px 19px;color:#e2edf4;font-size:11px}.case-card:focus-visible{outline:2px solid #b0cfdf;outline-offset:4px}.case-card[hidden]{display:none}.case-image img{height:100%;aspect-ratio:auto}.case-controls{min-height:86px}.case-controls>button{min-height:36px}.case-filters>button:focus-visible{outline:2px solid #b2cddd;outline-offset:3px}
@media(max-width:720px){.case-filters{scroll-margin-top:100px;gap:8px}.case-filters>button{gap:7px}.case-filters>button>span{font-size:10px}.case-dialog[open]{padding:24px 18px 18px;width:calc(100% - 20px);height:92svh;max-height:92svh}.case-dialog-heading h2{font-size:23px;margin-top:12px}.case-dialog-heading .eyebrow{font-size:8px}.case-dialog-heading>p{font-size:12px}.case-viewport{margin-top:17px}.case-dialog .close{top:11px;right:10px}.case-navigation{gap:14px;padding:13px 0}.case-navigation>button{font-size:12px;padding:9px 13px;gap:8px}.case-position{font-size:13px}.case-dialog-footer{gap:12px;padding-top:14px}.case-dialog-footer>button{font-size:10px;padding:10px 14px;white-space:nowrap}.case-dialog-footer>span{font-size:8px;line-height:1.8}.case-controls{min-height:82px}.case-controls>span{font-size:9px;line-height:1.8;max-width:58%}}
