/* Chinese group site • editorial photography and materials catalogue */
.ze-hero,.ze-section,.zc-catalog {--ze-ink:#11344b;--ze-blue:#125b99;--ze-rule:#ccdae0;--ze-muted:#496477;color:var(--ze-ink)}
.ze-hero {position:relative;isolation:isolate;overflow:hidden;background:#eff3f1;border-block:1px solid #d4e0e5}
.ze-hero>.container {display:flex;align-items:center;min-height:clamp(274px,22vw,360px);position:relative;z-index:1;pointer-events:none}
.ze-hero-media {position:absolute;inset:0 0 0 48%;background:#c3d6df;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.ze-hero-media img {width:100%;height:100%;object-fit:cover;display:block}
.ze-hero-media::after {content:"";position:absolute;inset:0;box-shadow:inset 9px 0 22px #173e5317;pointer-events:none}
.ze-hero-copy {padding:34px 0;width:47%;pointer-events:auto}
.ze-kicker {color:#196589;font-weight:700;font-size:12px;line-height:1.6;letter-spacing:.13em;margin:0 0 12px}
.ze-hero-copy .ze-kicker::before,.ze-heading .ze-kicker::before {content:"";display:inline-block;width:24px;height:2px;vertical-align:middle;margin-right:10px;background:#be803e}
.ze-hero h1 {font-size:clamp(30px,3.1vw,53px);line-height:1.24;letter-spacing:-.055em;margin:0 0 16px;text-wrap:balance;color:#10334a}
.ze-intro {max-width:42em;margin:0;color:#38566a;line-height:1.8;font-size:clamp(15px,1.14vw,18px)}
.ze-link {display:inline-flex;align-items:center;gap:.55em;color:#145889;font-weight:650;font-size:14px;text-decoration:none;line-height:1.55;padding:8px 0}
.ze-link:hover,.zc-card a:hover h3 {text-decoration:underline;text-underline-offset:.22em}
.ze-hero-copy>.ze-link {margin-top:14px;border-bottom:1px solid #7497a9}
.ze-section {padding:clamp(40px,4.7vw,82px) 0;background:#fff}
.ze-section.ze-soft {background:#f1f5f5}
.ze-heading {margin:0 0 24px}
.ze-section h2,.zc-results-head h2 {color:#10344c;font-size:clamp(23px,2.4vw,39px);font-weight:680;line-height:1.36;letter-spacing:-.035em;margin:0}
.ze-section h3 {font-size:clamp(19px,1.6vw,28px);line-height:1.45;margin:0 0 12px;color:#173950}
.ze-section p:not(.ze-kicker) {line-height:1.85;color:#405c70;margin:0 0 13px}
.ze-tags {display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.ze-tags .ze-link {background:#eef4f6;color:#19516d;font-size:13px;border:1px solid #d7e3e8;padding:7px 11px}
.ze-jumps {display:flex;flex-wrap:wrap;gap:clamp(16px,4vw,60px);border-bottom:1px solid #b7ccd6;padding:15px 0}
.ze-scenes,.ze-caps {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ze-section p:empty,.ze-hero p:empty {display:none}
.ze-scene {display:grid;grid-template-columns:minmax(110px,.72fr) minmax(0,1.28fr);background:#fff;border:1px solid #d6e1e5}
.ze-scene-img,.ze-cap-image {overflow:hidden;background:#edf2f2}
.ze-scene-img img,.ze-cap-image img,.ze-story figure img {display:block;width:100%;height:100%;object-fit:cover}
.ze-scene>div {padding:clamp(18px,1.7vw,28px)}
.ze-scene h3 a {color:inherit;text-decoration:none}
.ze-scene h3 {font-size:clamp(18px,1.46vw,25px)}
.ze-scene .ze-kicker {margin-bottom:8px}
.ze-scene p:not(.ze-kicker),.ze-cap p:not(.ze-kicker) {font-size:15px}
.ze-cap {display:grid;grid-template-columns:35% minmax(0,1fr);background:#f4f7f6}
.ze-cap>div:last-child {padding:clamp(20px,2vw,34px)}
.ze-output {display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #cbdbe0;padding-top:12px;font-size:14px!important}
.ze-output b {color:#13648b}
.ze-facts {display:grid;grid-template-columns:repeat(3,1fr);padding:0 0 24px;margin:0 0 32px;border-bottom:1px solid #c8d8df}
.ze-facts>div {padding-left:20px;border-left:2px solid #a47746}
.ze-facts dt {font-size:13px;color:#526c7a}
.ze-facts dd {margin:7px 0 0;font-size:clamp(22px,2.7vw,43px);font-weight:650;line-height:1.25}
.ze-facts dd small {font-size:14px}
.ze-story {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,84px)}
.ze-story figure {margin:0;min-width:0}
.ze-story figure img {height:auto;aspect-ratio:1.98}
.ze-story figcaption {color:#4b6475;margin-top:8px;font-size:12px}
.ze-case-dl {margin:14px 0;display:grid;grid-template-columns:max-content 1fr;gap:12px 18px;font-size:15px;line-height:1.8}
.ze-case-dl dt {font-weight:650;color:#175b78}
.ze-case-dl dd {margin:0;color:#405c70}
.ze-paths {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ze-paths article {border-top:2px solid #3e728b;padding:22px 0}
.ze-section[id],#industries,#documents,#catalog {scroll-margin-top:94px}
.zc-catalog {padding:clamp(25px,3.8vw,60px) 0}
.zc-layout {display:grid;grid-template-columns:clamp(200px,18vw,280px) minmax(0,1fr);gap:clamp(20px,3vw,54px);align-items:start}
.zc-side {position:sticky;top:88px;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}
.zc-menu {background:#f0f4f5;border-top:3px solid #195b78}
.zc-menu summary {display:flex;align-items:center;justify-content:space-between;padding:17px 16px;color:#193c56;font-size:17px;font-weight:700;list-style:none}
.zc-menu summary::-webkit-details-marker {display:none}
.zc-menu summary span {display:none}
.zc-menu nav {display:grid;padding:0 8px 9px}
.zc-menu nav a {display:flex;min-height:41px;align-items:center;justify-content:space-between;gap:9px;color:#385566;text-decoration:none;font-size:14px;padding:8px 10px;border-top:1px solid #d7e2e6}
.zc-menu nav small {font-variant-numeric:tabular-nums}
.zc-menu nav a[aria-current] {color:#fff;background:#174f70;border-color:transparent;font-weight:650}
.zc-menu nav a:hover {text-decoration:underline;text-underline-offset:.22em}
.zc-results {min-width:0}
.zc-search>label {display:block;margin-bottom:7px;font-weight:650;font-size:14px}
.zc-search>div {display:flex;min-height:46px;max-width:760px}
.zc-search input[type=search] {flex:1;min-width:0;padding:10px 14px;border:1px solid #a9bec9;border-right:0;border-radius:0;font:inherit}
.zc-search button {min-width:83px;background:#184d70;color:#fff;border-radius:0}
.zc-results-head {display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:22px 0 15px}
.zc-results-head h2 {font-size:clamp(21px,1.7vw,27px)}
.zc-results-head span,.zc-results-head>a {font-size:13px;color:#4d6776}
.zc-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:14px}
.zc-card {overflow:hidden;border:1px solid #d4dfe3;background:white;min-width:0}
.zc-card>a {display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
.zc-photo {height:clamp(125px,11vw,170px);background:white;padding:9px;display:grid;place-items:center;border-bottom:1px solid #e6edef}
.zc-photo img {width:100%;height:100%;min-height:0;object-fit:contain}
.zc-card-copy {position:relative;flex:1;padding:13px 24px 15px 13px}
.zc-card-copy small {font-size:11px;color:#36657f}
.zc-card h3 {font-size:17px;line-height:1.48;margin:5px 0 6px;overflow-wrap:anywhere}
.zc-card p {font-size:12px;line-height:1.5;color:#536d7b;margin:0;overflow-wrap:anywhere}
.zc-card-next {position:absolute;right:8px;top:15px;color:#568091}
html:has(.envo-quick-dialog[open]) {scrollbar-gutter:stable}
.quick-loading {flex:1;padding:24px;color:#345a70}
.envo-quick-dialog [hidden] {display:none}
.ze-link:focus-visible,.zc-catalog :focus-visible {outline:3px solid #905d23;outline-offset:2px}
.envo-embedded .form-field {display:block}
.envo-embedded .form-field :is(input,textarea,select) {display:block;margin-top:6px}
.envo-site .site-header nav>a[aria-current] {border-color:transparent}
.envo-site .hero-v3 .hero-frame {background:#eef3f2}
.envo-site .hero-v3 .hero-background {left:auto;right:0;width:58%;opacity:1;object-position:76% center;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}
.envo-site .hero-v3 .hero-wash {background:linear-gradient(90deg,#eef3f2 32%,#eef3f2dd 43%,transparent 65%)}
@media(max-width:760px) {
 .envo-site .hero-v3 .hero-frame {display:flex;flex-direction:column;height:auto;max-height:none}
 .envo-site .hero-v3 .hero-content {min-height:0}
 .envo-site .hero-v3 .hero-copy {width:100%;max-width:none;padding:28px 0 22px}
 .envo-site .hero-v3 .hero-background {position:static;order:1;width:100%;height:clamp(140px,36vw,200px);object-position:72% 58%;clip-path:none}
 .envo-site .hero-v3 .hero-wash {display:none}
}
@media(max-width:1000px) {
 .ze-scenes,.ze-caps {gap:14px}
 .ze-scene,.ze-cap {grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .ze-scene-img img,.ze-cap-image img {height:180px}
}
@media(max-width:760px) {
 .ze-hero {display:flex;flex-direction:column}
 .ze-hero>.container {min-height:0;order:0}
 .ze-hero-copy {width:100%;padding:25px 0 20px}
 .ze-hero h1 {margin-bottom:9px}
 .ze-hero-media {position:static;order:1;height:clamp(135px,35vw,210px);clip-path:none}
 .ze-hero-media img[src$=".svg"] {object-fit:contain;background:#b9d4dd}
 .ze-hero-copy>.ze-link {margin-top:4px}
 .ze-story,.zc-layout {grid-template-columns:minmax(0,1fr)}
 .zc-side {position:static;max-height:none;overflow:visible}
 .zc-layout {gap:18px}
 .zc-menu summary {cursor:pointer;min-height:46px;padding:10px 13px}
 .zc-menu summary span {display:block;color:#3c677c;font-size:13px}
 .zc-menu summary span::after {content:" ＋"}
 .zc-menu[open] summary span::after {content:" －"}
 .zc-menu nav {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px}
 .zc-menu nav a {min-height:44px;font-size:13px}
 .zc-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .zc-card h3 {font-size:15px}
 .ze-paths {grid-template-columns:1fr;gap:6px}
 .ze-facts>div {padding-left:8px}
 .ze-facts {gap:5px}
 .ze-facts dd small {font-size:11px}
 .ze-cap-image img {height:150px}
}
@media(max-width:570px) {
 .ze-scenes,.ze-caps {grid-template-columns:1fr}
 .ze-jumps {gap:12px}
 .ze-jumps a {font-size:13px}
 .ze-cap,.ze-scene {grid-template-columns:1fr}
 .ze-story {gap:20px}
 .ze-case-dl {column-gap:12px}
}