/* Review refinement: proof first, fewer repeated introductions, tighter mobile rhythm. */
html{scroll-behavior:auto}
.section-space{padding-block:clamp(76px,7vw,108px)}
.hero{min-height:0}
.hero-grid{min-height:580px}
.hero-copy{padding:66px 0 46px}
.hero-lead{max-width:520px;margin-bottom:31px}
.hero-affiliation{margin-top:38px}
.hero-story{height:580px}
.hero-panda{height:440px;bottom:17px}
.hero-art-kicker{top:29px}
.hero-art-title{top:57px}
.hero-story::before{inset:94px 8px 33px 35px}
.tag-brand{top:174px}
.tag-professional{top:320px}
.tag-global{bottom:43px}
.hero-foot{height:66px}
.projects{background:#fff}
.projects-head{display:grid;grid-template-columns:1fr .8fr;gap:0 72px;align-items:end;margin-bottom:39px}
.projects-head .section-index{grid-column:1/-1;margin-bottom:24px}
.projects-head>p:last-child{font-size:16px;line-height:1.9;color:var(--muted);max-width:440px;margin:0 0 5px}
.projects h2{font-size:clamp(35px,3.6vw,51px)}
.project-feature,.project-institution{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(35px,5vw,76px);align-items:center;border-top:1px solid var(--line);padding-top:35px}
.project-feature{align-items:start}
.project-institution{margin-top:38px;padding-top:36px}
.project-copy h3{font-size:clamp(29px,2.6vw,38px);line-height:1.45;letter-spacing:-.03em;margin:0 0 14px}
.project-copy>p{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 15px;max-width:530px}
.project-copy .case-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:19px}
.project-copy .project-role{color:var(--ink);font-size:14px;display:inline-block;padding:3px 0 3px 12px;border-left:2px solid var(--orange);margin-bottom:21px}
.project-copy .project-context{font-size:13px;line-height:1.9}
.project-copy .case-focus{font-size:16px;color:var(--ink);margin:0 0 13px}
.project-fields{margin-top:21px;gap:12px 22px}
.project-fields span{padding:2px 0}
.project-media,.project-platform{min-width:0;margin:0}
.film-player{position:relative;aspect-ratio:16/9;background:#173d33;overflow:hidden}
.film-player video{display:block;width:100%;height:100%;object-fit:contain}
.film-play{position:absolute;left:20px;bottom:45px;z-index:2;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.5);background:#f6faf0;color:var(--ink);padding:12px 17px;cursor:pointer;text-align:left;min-height:48px}
.film-play[hidden]{display:none}
.film-play:hover{background:#fff}
.play-triangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--ink)}
.film-play>span:last-child{font-size:13px;letter-spacing:.01em}
.film-play small{font-family:YuanqiInter,sans-serif;font-size:10px;color:var(--muted);margin-left:12px}
.project-media figcaption,.project-platform figcaption{font-size:11px;color:var(--muted);padding-top:11px;line-height:1.6}
.film-status:empty{display:none}
.film-status{color:var(--muted);font-size:13px;margin:10px 0 0}
.project-platform>a{display:block;border:1px solid #d9e3d2;background:#fff}
.project-platform img{width:100%;height:auto}
.project-copy .underlined-link{font-size:13px;min-height:44px;gap:25px;margin-top:3px}
.network{background:linear-gradient(108deg,#e3f0d8,#f5f9ee 70%)}
.network-head{gap:64px;margin-bottom:37px}
.network-head>p{font-size:16px}
.network-item{padding:29px 34px 27px 0}
.network-item+.network-item{padding-left:34px}
.network-item h3{font-size:27px;margin-bottom:17px}
.network-item>p{font-size:15px;margin-bottom:0}
.network-label{margin-bottom:18px}
.network-tags{margin-top:19px;gap:10px 17px}
.services{background:#f6faf0}
.services-head{margin-bottom:37px}
.services-head>p{font-size:16px;line-height:1.9}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;border-top:0}
.service{display:grid;grid-template-columns:42px 1fr;gap:7px 21px;min-height:0;padding:25px 0 27px;border-top:1px solid var(--line);border-bottom:0;align-content:start}
.service-top{grid-row:1/span 2;margin:4px 0 0}
.service-top>span:first-child{font-size:25px;color:#60745c}
.service-top small{display:none}
.service h3{font-size:24px;line-height:1.5;grid-column:2}
.service>p{grid-column:2;font-size:15px;line-height:1.9;margin:0;max-width:480px}
.about-copy>p:not(.section-index){font-size:16px;margin-top:23px}
.about-method{display:flex;gap:12px 23px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:29px;padding-top:18px;color:var(--muted);font-size:12px}
.about-method span:first-child{color:var(--ink)}
.about-copy .underlined-link{font-size:14px;margin-top:21px}
.contact-grid>div:first-child>p:not(.section-index){font-size:16px;margin-top:26px}
.contact-grid>div:first-child>.contact-person{font-size:20px}
@media(max-width:1100px){.project-feature,.project-institution{grid-template-columns:.9fr 1.1fr;gap:35px}.services-grid{gap:0 35px}.service{gap:7px 17px}.service h3{font-size:23px}.hero-story{height:550px}.hero-panda{height:410px;right:0}.hero-art-title{font-size:26px;left:18px}.hero-art-kicker{left:18px}}
@media(max-width:1023px) and (min-width:768px){.hero-grid{min-height:540px}.hero-story{height:540px}.hero-panda{height:385px;bottom:20px}.hero-art-title{font-size:24px;left:5px}.hero-art-kicker{left:5px}.tag-brand{top:165px}.tag-professional{top:300px}.tag-global{bottom:35px}.hero-copy{padding:52px 0 40px}.hero h1{font-size:50px}.eyebrow{font-size:9px;gap:8px}.hero-lead{font-size:16px}.hero-actions{gap:20px}.project-feature,.project-institution{grid-template-columns:1fr;gap:26px}.project-copy>p{max-width:650px}.project-media,.project-platform{max-width:780px}.project-copy h3 br{display:none}.project-institution{grid-template-columns:1fr 1fr;gap:30px}.project-institution .project-copy h3{font-size:27px}}
@media(max-width:767px){
.section-space{padding-block:62px}
.section-index{font-size:11px;margin-bottom:23px}
h2{font-size:34px;line-height:1.4}
.hero-copy{padding:42px 0 24px}
.eyebrow{margin-bottom:31px;font-size:9px;gap:10px}
.hero h1{font-size:clamp(40px,9.8vw,58px);margin-bottom:30px}
.hero-audience{font-size:12px;margin-bottom:12px;letter-spacing:0}
.hero-lead{font-size:15px;line-height:1.85;margin-bottom:24px}
.hero-actions{gap:22px}
.hero-actions .button{min-height:50px;font-size:14px;gap:27px;padding:13px 17px}
.hero-actions .text-link{font-size:14px;gap:17px}
.hero-affiliation{font-size:11px;line-height:1.85;margin-top:25px;letter-spacing:0}
.hero-story{height:335px;width:100%;margin:0 auto}
.hero-story::before{inset:57px 9px 16px}
.hero-art-kicker{left:0;top:5px;font-size:8px}
.hero-art-title{left:0;top:29px;font-size:24px}
.hero-panda{height:265px;right:30px;bottom:0}
.hero-art-tag{font-size:11px;padding:6px 8px;gap:7px}
.tag-brand{top:103px;left:0}
.tag-professional{top:198px;right:0}
.tag-global{bottom:24px;left:0}
.hero-foot{height:49px;font-size:10px}
.projects-head{display:block;margin-bottom:27px}
.projects h2{font-size:34px}
.projects-head>p:last-child{font-size:15px;margin:19px 0 0}
.project-feature,.project-institution{grid-template-columns:1fr;gap:23px;padding-top:27px}
.project-copy h3{font-size:29px;margin-bottom:12px}
.project-copy h3 br{display:none}
.project-copy>p{font-size:15px;line-height:1.85;margin-bottom:13px}
.project-copy .case-eyebrow{font-size:9px;margin-bottom:15px}
.project-copy .project-role{font-size:13px;margin-bottom:17px}
.project-copy .project-context{font-size:12px}
.project-fields{font-size:11px;margin-top:17px}
.film-play{left:12px;bottom:33px;padding:10px 12px;min-height:42px;gap:10px}
.film-play>span:last-child{font-size:12px}
.film-play small{font-size:9px;margin-left:9px}
.project-media figcaption,.project-platform figcaption{font-size:10px;padding-top:8px}
.project-institution{margin-top:30px;padding-top:28px;gap:21px}
.project-copy .case-focus{font-size:15px}
.project-copy .underlined-link{font-size:12px}
.network-head{gap:20px;margin-bottom:27px}
.network-head>p{font-size:15px;line-height:1.85}
.network-item,.network-item+.network-item{padding:24px 0}
.network-item h3{font-size:24px;margin-bottom:14px}
.network-item>p{font-size:15px;line-height:1.85}
.network-label{font-size:9px;margin-bottom:14px}
.network-tags{font-size:11px;margin-top:16px;gap:10px 17px}
.network-tags span{padding:3px 0}
.services-head{margin-bottom:27px}
.services-head>p{font-size:15px;margin-top:19px}
.services-grid{grid-template-columns:1fr;gap:0}
.service{grid-template-columns:35px 1fr;gap:6px 16px;padding:21px 0 23px}
.service-top{grid-row:1/span 2;margin-top:4px}
.service-top>span:first-child{font-size:24px}
.service h3{font-size:23px;line-height:1.5}
.service>p{font-size:15px;line-height:1.85}
.about-grid{gap:27px}
.about-copy>p:not(.section-index){font-size:15px;line-height:1.85;margin-top:21px}
.about-method{margin-top:24px;padding-top:16px;gap:10px 20px;font-size:11px}
.about-copy .underlined-link{font-size:13px;margin-top:18px}
.company-brand-panel{padding:26px 25px}
.company-parent{padding-bottom:23px}
.company-parent>a{width:min(230px,100%)}
.company-parent>p{font-size:17px}
.company-child{padding-block:22px}
.company-locations{padding-top:19px}
.contact-grid{gap:44px}
.contact-grid>div:first-child>p:not(.section-index){font-size:15px;margin-top:22px}
.contact-grid>div:first-child>.contact-person{font-size:19px;margin-top:24px}
.wecom-panel{margin-top:12px;padding:27px 24px}
.contact-panda-peek{width:76px;right:20px;top:-49px}
.wecom-caption{font-size:15px;margin-top:17px}
.wecom-hint{font-size:11px}
}
@media(max-width:359px){.hero-actions{gap:17px}.hero-actions .button{gap:17px;padding:13px 15px}.hero-actions .text-link{gap:12px;font-size:13px}.hero-story{height:316px}.hero-panda{height:245px;right:9px}.hero-art-title{font-size:23px}.tag-professional{top:185px;right:-2px}.tag-global{bottom:20px}.service{gap:6px 12px}.service h3{font-size:22px}.company-parent>a{width:100%}}