@font-face{font-family:'Source Han Sans SC';src:url('/assets/fonts/SourceHanSansCN-VF.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* Apple-inspired hierarchy, adjusted to Chinese glyph proportions. */
html[lang=zh-CN]{--font-body:'Source Han Sans SC',sans-serif;--font-display:var(--font-body);--type-display:clamp(40px,5.2vw,80px);--type-title:clamp(32px,3.6vw,56px);--type-section:clamp(28px,2.6vw,40px);--type-card:clamp(24px,2vw,32px);--type-body:clamp(16px,1.2vw,19px);--type-leading:1.85;--leading-title:1.3;--leading-body:1.85;--leading-meta:1.7;--type-meta:14px;--type-caption:12px;--type-ui:14px}
html[lang=zh-CN] body{font-family:var(--font-body)!important;line-height:1.8;letter-spacing:0;word-break:normal;overflow-wrap:break-word}
#header-logo,#header-logo text{font-family:Arial,sans-serif!important;letter-spacing:0!important}
.portfolio-group-number,#projects-main-title-project-number,.about-award-header-text{display:none!important}
.portfolio-group-heading{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
.portfolio-group-heading h2{grid-column:1;min-width:0}
.portfolio-group-heading p{grid-column:2;min-width:0}
.portfolio-skill{display:inline-block;flex:none;white-space:nowrap;font-size:clamp(24px,3.2vw,48px);font-weight:400;line-height:1.5;letter-spacing:.015em;margin-right:clamp(48px,6vw,100px)}
.about-clients-carousel-line{height:auto!important;align-items:center!important;gap:0!important}
.about-clients-carousel-line-wrapper:not(:first-child){margin-top:28px!important}
#about-clients-carousel{margin-top:48px!important;margin-bottom:48px!important}
html[lang=zh-CN] #about-clients-title{height:1.5em;line-height:1.5}
html[lang=zh-CN] .about-clients-title-word-wrapper{height:1.5em;line-height:1.5}
.portfolio-employment .about-award-item-wrapper{display:grid!important;grid-template-columns:minmax(150px,.65fr) minmax(230px,1fr) minmax(320px,1.8fr);column-gap:48px;row-gap:18px;margin-left:0!important;padding:36px 0!important;align-items:start}
.portfolio-employment .about-award-item-wrapper-text{margin:0!important;width:auto!important;max-width:none!important;position:static!important;transform:none!important;text-align:left!important}
.portfolio-employment .employment-company{grid-column:2;grid-row:1;font-size:20px!important;line-height:1.6!important;font-weight:500}
.employment-role{display:block!important;margin-top:8px;font-size:15px;font-weight:400;opacity:.65}
.portfolio-employment .about-award-item-wrapper-text .word{display:inline!important;transform:none!important;white-space:normal!important}
.portfolio-employment .career-source{margin-left:var(--page-gutter)}
.portfolio-employment .about-award-header-number{left:auto;right:var(--page-gutter)}
html[lang=zh-CN] .about-award-header-title{overflow:visible}
html[lang=zh-CN] .about-award-category:not(.portfolio-employment) .about-award-item-wrapper{margin-left:0!important}
html[lang=zh-CN] .about-award-item-wrapper-text .word{display:inline!important;transform:none!important;white-space:normal!important}
.portfolio-employment .employment-date{grid-column:1;grid-row:1;font-size:14px!important;line-height:1.8!important;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.6}
.portfolio-employment .employment-description{grid-column:3;grid-row:1;font-size:17px!important;line-height:1.85!important}
.portfolio-employment .employment-links{grid-column:3;display:flex;gap:12px 24px;flex-wrap:wrap}
.employment-links .career-work-link{margin:0!important;font-size:14px;line-height:1.8;width:auto!important}
html[lang=zh-CN] :is(#home-reel-title,#home-featured-title-wrapper,#home-goal-title,#projects-main-title-wrapper){font-size:var(--type-display);line-height:1.3;letter-spacing:0}
html[lang=zh-CN] :is(#home-featured-title,#projects-main-title){font-size:inherit;line-height:1.3;font-weight:500}
html[lang=zh-CN] #home-hero-title{font-size:clamp(24px,2.4vw,36px);line-height:1.5;letter-spacing:0}
html[lang=zh-CN] :is(#project-details-title,#about-who-title-left,#about-who-title-right,.about-award-header-title){font-size:var(--type-title);line-height:1.35;letter-spacing:0;font-weight:500}
html[lang=zh-CN] :is(.portfolio-group-heading h2,#about-clients-title,.art-group-title){font-size:var(--type-section);line-height:1.35;letter-spacing:0;font-weight:500}
html[lang=zh-CN] .art-group-title-main{font-size:var(--type-title)}
html[lang=zh-CN] :is(#home-reel-desc,#home-featured-disclaimer,#project-details-desc,.portfolio-group-heading p,.art-group-desc){font-size:var(--type-body);line-height:1.85;letter-spacing:0;font-weight:400}
html[lang=zh-CN] #project-details-desc{margin:28px 0;max-width:27em}
html[lang=zh-CN] #project-details-desc p+p{margin-top:24px}
html[lang=zh-CN] :is(#project-details-side-list,.project-details-side-list-item,.art-group-role){font-size:14px;line-height:1.8;letter-spacing:0}
html[lang=zh-CN] .project-details-side-list-title{font-size:12px;line-height:1.8;margin:0 0 12px;letter-spacing:0;font-weight:500}
html[lang=zh-CN] :is(.project-item-line-1,.project-status,.contact-eyebrow,.contact-methods dt){font-size:12px;line-height:1.8;letter-spacing:0}
html[lang=zh-CN] .project-item-line-2{font-size:var(--type-card);line-height:1.5;height:1.5em;margin-top:8px;letter-spacing:0;padding:0;overflow:hidden}
html[lang=zh-CN] .project-item-line-2-inner{bottom:0;line-height:1.5;height:auto;padding-bottom:.12em}
html[lang=zh-CN] :is(#header-right-talk-btn,#header-right-menu-btn,#header-center-project-back-btn,#project-details-launch-cta,#project-details-launch-cta-mobile,#home-reel-cta,#home-featured-cta){font-size:14px;line-height:1.6;letter-spacing:0;font-weight:500;min-height:48px}
html[lang=zh-CN] #header-menu-labs-texts{line-height:1.6;height:1.6em}
html[lang=zh-CN] :is(#header-menu-labs-text,#header-menu-labs-text-clone){letter-spacing:0;line-height:1.6}
html[lang=zh-CN] #home-reel-video-title{font-size:clamp(18px,2vw,28px);line-height:1.6;position:absolute;left:32px;bottom:24px;top:auto;right:auto;width:auto;height:auto;transform:none!important;pointer-events:none}
html[lang=zh-CN] #home-reel-video-watch-btn{z-index:2}
html[lang=zh-CN] :is(#home-reel-video-container-top,#home-reel-video-container-bottom){height:24px;overflow:hidden}
html[lang=zh-CN] .home-reel-video-container-svg-wrapper svg{height:24px;width:255px;flex:none;font-size:24px}
html[lang=zh-CN] .home-goal-texts-paragraph{font-size:var(--type-body);line-height:1.85;letter-spacing:0}
html[lang=zh-CN] #home-reel-desc .word{display:inline!important;transform:none!important;white-space:normal!important}
html[lang=zh-CN] #home-reel-video-title .char-wrapper>.char:not(:first-child){display:none!important}
html[lang=zh-CN] #home-reel-video-title .char-wrapper{transform:none!important;top:0!important}
html[lang=zh-CN] #home-reel-video-title :is(.word,.char){line-height:1.6;height:auto;overflow:visible}
html[lang=zh-CN] #home-reel-video-title .home-reel-video-title-word{height:1.6em;line-height:1.6;overflow:visible}
html[lang=zh-CN] #home-reel-video-title .home-reel-video-title-word .char-wrapper{width:auto;height:1.6em}
html[lang=zh-CN] :is(#about-who-title-left-1,#about-who-title-left-3,#about-who-title-left-4){line-height:1.4}
html[lang=zh-CN] #about-who-title-left-2 svg{display:block;width:clamp(140px,15vw,240px);height:auto;max-width:100%;margin:18px 0 28px}
html[lang=zh-CN] #about-who-title-main-logo{width:48vw;height:24vw;max-width:720px;max-height:360px}
html[lang=zh-CN] #about-who-title-left{width:48vw}
html[lang=zh-CN] :is(#about-who-desc-top,#about-who-desc-bottom){font-size:clamp(18px,1.7vw,26px);line-height:1.7;letter-spacing:0}
html[lang=zh-CN] #about-who-team-desc-text{line-height:1.85;font-size:17px}
html[lang=zh-CN] #about-who-team-title{display:none}
html[lang=zh-CN] #about-clients-desc{font-size:14px;line-height:1.8}
html[lang=zh-CN] #about-award-title{visibility:hidden}
html[lang=zh-CN] .about-award-category:not(.portfolio-employment) .about-award-item-wrapper{display:grid;grid-template-columns:1fr 1.8fr;gap:24px;padding:32px 0}
html[lang=zh-CN] .about-award-category:not(.portfolio-employment) .about-award-item-wrapper-text{margin:0!important;width:auto!important;line-height:1.85!important;font-size:17px!important}
html[lang=zh-CN] .about-award-category:not(.portfolio-employment) .about-award-item-wrapper-text:empty{display:none}
html[lang=zh-CN] .about-award-category:not(.portfolio-employment) .career-work-link{grid-column:2;margin:0}
html[lang=zh-CN] #about-capability-title{font-size:clamp(56px,12vw,160px);line-height:1.2;letter-spacing:.02em}
html[lang=zh-CN] .about-capability-card-header-text{font-size:24px;line-height:1.5;letter-spacing:0}
html[lang=zh-CN] .about-capability-list-item{font-size:16px;line-height:1.8}
html[lang=zh-CN] #end-section-title{--font-size:clamp(40px,5vw,72px);font-size:var(--font-size);line-height:1.4;letter-spacing:0;margin:.5em auto;font-weight:500}
html[lang=zh-CN] .end-section-title-link-line{height:1.4em;line-height:1.4}
html[lang=zh-CN] .end-section-title-link-word{height:1.4em;line-height:1.4;overflow:visible}
html[lang=zh-CN] .end-section-title-link-word .char-wrapper{top:0;line-height:1.4}
html[lang=zh-CN] .end-section-title-link-word .char{line-height:1.4}
html[lang=zh-CN] :is(#end-section-title-top-decoration,#end-section-title-bottom-left-decoration,#end-section-title-bottom-right-decoration,.end-section-title-link-decoration){display:none!important}
html[lang=zh-CN] .is-filmstrip #series-heading h1{font-size:var(--type-title);line-height:1.4;letter-spacing:0}
html[lang=zh-CN] .is-filmstrip #series-heading .series-gesture{font-size:14px;line-height:1.8}
html[lang=zh-CN] .is-filmstrip #series-heading .series-description{font-size:var(--type-body);line-height:1.85;max-width:26em}
html[lang=zh-CN] .is-filmstrip #a-nif-w{line-height:1.4;letter-spacing:0}
@media(max-width:812px){
 .portfolio-group-heading{grid-template-columns:1fr;gap:20px}
 .portfolio-group-heading p{grid-column:1}
 .portfolio-employment .about-award-item-wrapper{grid-template-columns:1fr;gap:14px;padding:28px 0!important}
 .portfolio-employment .employment-date{grid-column:1;grid-row:1;font-size:13px!important}
 .portfolio-employment .employment-company{grid-column:1;grid-row:2;font-size:20px!important}
 .portfolio-employment .employment-description{grid-column:1;grid-row:3;font-size:16px!important}
 .portfolio-employment .employment-links{grid-column:1;grid-row:4}
 html[lang=zh-CN] #about-who-title-left{width:90vw;font-size:30px}
 html[lang=zh-CN] #about-who-title-main-logo{width:70vw;height:35vw}
 html[lang=zh-CN] #about-who-title-left-2 svg{width:150px;margin:12px 0 20px}
 html[lang=zh-CN] .about-award-category:not(.portfolio-employment) .about-award-item-wrapper{grid-template-columns:1fr;gap:20px}
 html[lang=zh-CN] .about-award-category:not(.portfolio-employment) .career-work-link{grid-column:1}
 html[lang=zh-CN] #home-reel-video-title{left:18px;bottom:12px;font-size:17px}
 html[lang=zh-CN] #home-reel-title{margin:40px 0 28px;line-height:1.4}
 html[lang=zh-CN] :is(#home-reel-title-inner,#home-reel-desc,#home-reel-cta){transform:none!important}
 html[lang=zh-CN] #home-reel-cta{margin-top:28px}
 html[lang=zh-CN] .is-filmstrip #series-heading .series-gesture{max-width:none;font-size:13px}
 html[lang=zh-CN] #project-details-desc{max-width:none}
 html[lang=zh-CN] .project-item-line-2{font-size:24px}
}

/* About correction: keep the original right-aligned reading column and live backdrop. */
#header-right-talk-btn:not(.--is-contact-active):hover,
#header-right-menu-btn:hover,#header-center-project-back-btn:hover,
#project-details-launch-cta:hover,#project-details-launch-cta-mobile:hover,
.resume-download:hover{background:var(--color-blue)!important;color:#fff!important}
html[lang=zh-CN] #about-who-title-left-2{width:clamp(150px,16vw,256px);height:clamp(75px,8vw,128px);margin:16px 0;aspect-ratio:2}
html[lang=zh-CN] #about-who-title-left-2 svg{width:100%;height:100%;margin:0;overflow:visible}
html[lang=zh-CN] #about-who-title-main-logo{width:50vw;height:25vw;max-width:820px;max-height:410px}
html[lang=zh-CN] :is(#about-who-title-left,#about-who-title-right){font-size:clamp(30px,3vw,52px);line-height:1.5}
html[lang=zh-CN] :is(#about-who-desc-top,#about-who-desc-bottom){font-size:clamp(28px,2.6vw,44px);line-height:1.7;font-weight:400}
html[lang=zh-CN] #about-who-team-desc-text{font-size:17px;line-height:1.85;max-width:26em}
html[lang=zh-CN] :is(#about-clients-title,.about-award-header-title){font-size:clamp(36px,3.8vw,60px);line-height:1.5;font-weight:500}
html[lang=zh-CN] .portfolio-skill{font-size:clamp(23px,2.45vw,38px);line-height:1.6}
html[lang=zh-CN] #about-clients-desc{font-size:clamp(14px,1.15vw,18px)}
.portfolio-creative .about-award-item-wrapper,
.portfolio-exploration .about-award-item-wrapper,
html[lang=zh-CN] .about-award-category:is(.portfolio-creative,.portfolio-exploration) .about-award-item-wrapper{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);column-gap:40px;row-gap:20px;margin-left:28vw!important;padding:28px 0!important;align-items:start}
.portfolio-creative .about-award-item-wrapper-text,
.portfolio-exploration .about-award-item-wrapper-text{margin:0!important;width:auto!important;max-width:none!important;font-size:17px!important;line-height:1.85!important;overflow:visible}
html[lang=zh-CN] :is(.portfolio-creative,.portfolio-exploration) .creative-entry-title{font-size:clamp(21px,1.5vw,25px)!important;font-weight:500;line-height:1.6!important;grid-column:1;grid-row:1}
:is(.portfolio-creative,.portfolio-exploration) .creative-entry-description,.exploration-copy{grid-column:2;grid-row:1}
:is(.portfolio-creative,.portfolio-exploration) .creative-entry-links{grid-column:2;display:flex;gap:12px 24px;flex-wrap:wrap}
:is(.portfolio-creative,.portfolio-exploration) .creative-entry-links .career-work-link{grid-column:auto;margin:0!important;background:transparent;font-size:14px;line-height:1.8}
html[lang=zh-CN] #about-award .exploration-copy>p+p{margin-top:24px!important}
.portfolio-creative .career-source{margin:48px 5vw 0 33vw}
.resume-download{display:inline-flex;align-items:center;min-height:52px;padding:12px 24px;border-radius:999px;background:#f0f0fa;color:#191a20!important;font:500 16px/1.6 'Source Han Sans SC',sans-serif;text-decoration:none!important;transition:background .25s,color .25s}
.career-source p{font-size:14px;line-height:1.8;opacity:.65;margin-top:16px}
html[lang=zh-CN] .is-filmstrip #series-heading .series-description{font-size:clamp(16px,1.12vw,19px);line-height:1.8;max-width:29em}
.series-description>span{display:block}.series-description>span+span{margin-top:22px}
html[lang=zh-CN] #about-award .creative-entry-title{font-size:clamp(21px,1.5vw,25px)!important;font-weight:500;line-height:1.6!important;opacity:1}
.creative-title-part{display:inline-block;max-width:100%}
html[lang=zh-CN] #about-award :is(.creative-entry-description,.exploration-copy .about-award-item-wrapper-text){font-size:17px!important;font-weight:400;line-height:1.85!important;opacity:1;color:#e1e1e9}
@media(max-width:1000px){
 .portfolio-creative .about-award-item-wrapper,.portfolio-exploration .about-award-item-wrapper,
 html[lang=zh-CN] .about-award-category:is(.portfolio-creative,.portfolio-exploration) .about-award-item-wrapper{margin-left:0!important;grid-template-columns:1fr;row-gap:18px}
 :is(.portfolio-creative,.portfolio-exploration) .creative-entry-description,.exploration-copy{grid-column:1;grid-row:2}
 :is(.portfolio-creative,.portfolio-exploration) .creative-entry-links{grid-column:1;grid-row:3}
 .portfolio-creative .career-source{margin-left:5vw}
 html[lang=zh-CN] :is(.portfolio-creative,.portfolio-exploration) .creative-entry-title{font-size:22px!important}
}
@media(max-width:812px){
 html[lang=zh-CN] #about-who-title-main-logo{width:76vw;height:38vw}
 html[lang=zh-CN] #about-who-title-left-2{width:168px;height:84px;margin:12px 0}
 html[lang=zh-CN] :is(#about-who-desc-top,#about-who-desc-bottom){font-size:25px;line-height:1.7}
html[lang=zh-CN] #about-who-team-desc-text{font-size:17px;line-height:1.85}
}
@media(max-width:700px){
 .is-filmstrip #series-heading{top:96px;max-width:calc(100vw - var(--page-gutter)*2)}
 html[lang=zh-CN] .is-filmstrip #series-heading .series-description{font-size:15px;line-height:1.75}
 .series-description>span+span{margin-top:16px}
}