@import url('/styles/home-growth.css');
.business-page section[id], .business-page div[id] { scroll-margin-top: 30px; }
.business-hero { display:grid; grid-template-columns:.94fr 1.06fr; column-gap:clamp(32px,5vw,80px); row-gap:32px; padding:48px 0 64px; align-items:center; }
.business-hero-copy { padding:20px 0; min-width:0; }
.business-hero h1 { font-size:clamp(4rem,7vw,7.6rem); line-height:1.02; margin:28px 0; }
.business-hero h1 em, .business-closing em { color:var(--accent); }
.business-hero-copy > p:not(.growth-kicker) { font-size:.96rem; max-width:465px; }
.business-hero-image { height:clamp(380px,38vw,540px); overflow:hidden; background:#eee7dd; }
.business-hero-image img { width:100%; height:100%; object-fit:cover; }
.marketing-page .business-hero-image img { object-position:50% 50%; }
.business-hero-actions { display:flex; gap:22px; flex-wrap:wrap; align-items:center; margin-top:28px; }
.business-hero-actions .button { margin:0; }
.business-brand-strip { border-block:1px solid var(--line); padding:30px 0; }
.business-brand-strip > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; margin-top:25px; }
.business-brand-strip a { display:flex; justify-content:space-between; align-items:center; gap:15px; font-family:var(--serif); font-size:clamp(1.5rem,1.9vw,2rem); line-height:1.35; }
.business-brand-strip a > span { font-family:'DM Sans',sans-serif; font-size:1.2rem; color:var(--accent); }
.business-section-top { display:grid; grid-template-columns:.65fr 1.35fr; column-gap:clamp(28px,5vw,72px); row-gap:24px; align-items:start; margin-bottom:32px; }
.business-section-top .growth-kicker { padding-top:10px; }
.business-section-top h2 { font-size:clamp(1.9rem,2.8vw,2.5rem); line-height:1.2; }
.business-capabilities { padding:64px 0; }
.business-capabilities .business-section-top { display:block; max-width:800px; }
.business-capabilities .business-section-top .growth-kicker { padding-top:0; margin-bottom:14px; }
.business-capability-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.business-capability-grid article { border-top:1px solid var(--line); padding-top:20px; min-width:0; }
.business-capability-grid article > span { font-size:.75rem; color:var(--accent); }
.business-capability-grid h3 { font-size:clamp(1.5rem,1.9vw,1.875rem); margin:18px 0 12px; line-height:1.25; }
.business-capability-grid p { font-size:1.0625rem; line-height:1.7; }
.business-page .work-showcase { padding-bottom:75px; }
.business-page .work-section-heading h2 { font-size:clamp(1.9rem,2.8vw,2.5rem); line-height:1.2; }
.business-network { border-block:1px solid var(--line); padding:40px 0; }
.business-network ul { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; padding:0; margin:0 0 25px; }
.business-network li { min-width:0; }
.business-network a { display:flex; flex-direction:column; gap:22px; font-size:.8rem; line-height:1.6; }
.business-partner-logo { display:flex; justify-content:center; align-items:center; height:100px; }
.business-partner-logo img { max-height:76px; width:auto; max-width:100%; filter:brightness(0); opacity:.76; }
.business-network a:hover img { opacity:1; }
.business-network li:nth-child(3) img { max-height:100px; }
.business-note { font-size:1rem; max-width:800px; }
/* Compact case stories: bounded media, explicit row spacing, full photo frames. */
.business-page .growth-case { max-width:1080px; margin-inline:auto; grid-template-columns:minmax(0,1fr) 400px; column-gap:48px; row-gap:36px; padding:64px 0; align-items:center; }
.business-page .growth-case-copy { padding:0; min-width:0; max-width:600px; }
.business-page .growth-case h2, .business-brand-case h2 { font-size:clamp(2.35rem,3.3vw,3.25rem); line-height:1.12; }
.business-page .growth-case-copy > p:not(.growth-kicker):not(.case-result) { font-size:1.0625rem; line-height:1.75; max-width:560px; }
.business-page .growth-case-details > div { font-size:.9375rem; grid-template-columns:105px minmax(0,1fr); gap:16px; }
.case-result { display:flex; align-items:center; gap:20px; margin-top:24px; color:var(--ink); }
.case-result-number { font-family:var(--serif); font-size:4.6rem; line-height:1; color:var(--accent); font-variant-numeric:lining-nums; }
.case-result > span:last-child { font-size:1rem; line-height:1.5; }
.case-result > span > span { display:block; font-size:.875rem; color:var(--muted); margin-top:5px; }
.growth-case-video { margin:0; width:100%; justify-self:center; background:#eee7dd; padding:20px; min-width:0; }
.growth-case-video .growth-result-top { color:var(--accent); margin:0 0 16px; padding:0 0 14px; border-color:var(--line); letter-spacing:.04em; font-size:.62rem; }
.growth-case-video video { display:block; width:100%; height:auto; aspect-ratio:9 / 16; object-fit:contain; background:#211b17; margin:0; }
.growth-case-video figcaption { width:100%; padding-top:14px; }
.growth-case-video .case-video-description { font-size:.8125rem; line-height:1.7; }
.business-brand-case { display:grid; max-width:1080px; margin-inline:auto; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:48px; row-gap:36px; border-top:1px solid var(--line); padding:64px 0; align-items:start; }
.business-brand-case-copy, .business-brand-case-summary { min-width:0; }
.business-brand-case-copy > .growth-kicker { margin-bottom:24px; }
.business-brand-case h2 { margin-bottom:28px; }
.business-case-brand { width:190px; height:auto; max-width:70%; }
.business-brand-case-summary > p { font-size:1.0625rem; line-height:1.75; max-width:560px; }
.business-brand-case-summary .growth-case-details { margin-top:24px; }
.business-case-gallery { grid-column:1 / -1; min-width:0; width:100%; max-width:1000px; justify-self:center; }
.business-case-gallery > .growth-kicker { padding-bottom:16px; border-bottom:1px solid var(--line); margin-bottom:24px; }
/* 4:3 + 4:3 + 3:4 originals share one aligned image edge without cropping. */
.business-case-photo-grid { display:grid; grid-template-columns:1fr 1fr .5625fr; gap:24px; align-items:start; }
.business-case-photo { margin:0; min-width:0; }
.business-case-photo a { display:block; background:#eee7dd; }
.business-case-photo img { display:block; width:100%; height:auto; }
.business-case-photo figcaption { display:flex; gap:10px; align-items:baseline; padding-top:12px; font-size:.73rem; line-height:1.65; color:var(--muted); }
.business-case-photo figcaption > span:first-child { color:var(--accent); font-size:.65rem; }
.business-case-photo figcaption > span:last-child { margin-left:auto; color:var(--accent); }
.business-case-photo a:hover + figcaption { color:var(--ink); }
.business-samples { padding:60px 0 80px; border-top:1px solid var(--line); }
.business-sample-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(32px,6vw,90px); row-gap:32px; margin-top:35px; }
.business-sample-grid article { border-top:1px solid var(--line); padding-top:25px; }
.business-sample-grid h3 { font-size:clamp(1.65rem,2.2vw,2.25rem); margin:18px 0 16px; line-height:1.2; }
.business-sample-grid article > p:not(.growth-kicker) { font-size:1.0625rem; line-height:1.7; }
.business-sample-grid ul { list-style:none; padding:0; margin:25px 0 0; }
.business-sample-grid li { border-top:1px solid var(--line); padding:13px 0; font-size:1rem; line-height:1.7; }
.business-closing { margin:0 calc(-1 * var(--pad)); padding:65px var(--pad) 75px; text-align:center; background:#eee7dd; }
.business-closing h2 { max-width:850px; font-size:clamp(3rem,5vw,5.4rem); margin:25px auto 10px; line-height:1.1; }
html[lang^=zh] .business-hero h1 { font-size:clamp(3rem,4.7vw,5.1rem); line-height:1.45; }
html[lang^=zh] .business-hero h1 em, html[lang^=zh] .business-closing em { font-style:normal; }
html[lang^=zh] .business-section-top h2 { font-size:clamp(1.75rem,2.4vw,2.25rem); line-height:1.45; }
html[lang^=zh] .business-page .work-section-heading h2 { font-size:clamp(1.75rem,2.4vw,2.25rem); line-height:1.45; }
html[lang^=zh] .business-capability-grid h3 { font-size:1.625rem; line-height:1.4; }
html[lang^=zh] .business-sample-grid h3 { font-size:1.8rem; line-height:1.45; }
html[lang^=zh] .business-page .growth-case h2, html[lang^=zh] .business-brand-case h2 { font-size:clamp(2rem,2.8vw,2.75rem); line-height:1.45; }
html[lang^=zh] .business-closing h2 { font-size:clamp(2.4rem,3.5vw,3.8rem); line-height:1.5; }
@media(max-width:1200px) {
  .business-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
}
@media(max-width:1050px) {
  .business-brand-strip a { font-size:1.4rem; }
  .business-hero-image { height:clamp(340px,43vw,480px); }
  .business-hero h1 { font-size:7.3vw; }
  .business-hero-actions { gap:18px; }
  .business-hero-actions .button { font-size:.86rem; padding-inline:18px; }
  .business-network ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .business-hero { grid-template-columns:1fr; gap:32px; padding:30px 0 45px; }
  .business-hero-copy { padding:0; }
  .business-hero h1 { font-size:clamp(3.4rem,14vw,5.4rem); margin:24px 0; }
  .business-hero-image { height:370px; }
  .business-hero-actions { gap:15px 20px; }
  .business-brand-strip { padding:25px 0; }
  .business-brand-strip > div { grid-template-columns:1fr; gap:20px; margin-top:20px; }
  .business-brand-strip a { font-size:1.65rem; }
  .business-section-top { display:block; margin-bottom:30px; }
  .business-section-top .growth-kicker { padding:0; margin-bottom:23px; }
  .business-section-top h2 { font-size:1.95rem; }
  .business-capabilities { padding:44px 0; }
  .business-capability-grid { gap:30px 22px; }
  .business-capability-grid h3 { font-size:1.5rem; }
  .business-page .work-showcase { padding-bottom:50px; }
  .business-network { padding:30px 0; }
  .business-network ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
  .business-partner-logo { height:80px; }
  .business-partner-logo img { max-height:62px; }
  .business-samples { padding:40px 0 50px; }
  .growth-case-video { padding:16px; width:min(100%,360px); }
  .business-brand-case { grid-template-columns:1fr; padding:44px 0; gap:28px; }
  .business-brand-case h2 { font-size:2.4rem; }
  .business-sample-grid { grid-template-columns:1fr; gap:35px; }
  .business-sample-grid h3 { font-size:1.8rem; }
  .business-closing { padding:50px var(--pad) 60px; }
  .business-closing h2 { font-size:2.8rem; }
  html[lang^=zh] .business-hero h1 { font-size:clamp(2.5rem,10vw,4rem); }
  html[lang^=zh] .business-section-top h2 { font-size:1.75rem; }
  html[lang^=zh] .business-capability-grid h3 { font-size:1.5rem; }
  html[lang^=zh] .business-sample-grid h3 { font-size:1.65rem; }
  html[lang^=zh] .business-brand-case h2 { font-size:2.05rem; }
  html[lang^=zh] .business-closing h2 { font-size:2rem; }
}

@media (max-width:900px) {
  .business-hero { grid-template-columns:1fr; gap:32px; }
  .business-hero-copy { padding:0; max-width:650px; }
  .business-hero h1 { font-size:clamp(3.4rem,8vw,5.7rem); }
  .business-hero-image { width:100%; height:auto; aspect-ratio:3 / 2; max-height:460px; }
  .business-page .growth-case { column-gap:32px; grid-template-columns:1fr; }
  .business-page .growth-case-copy { width:100%; max-width:640px; justify-self:center; }
  .growth-case-video { width:min(100%,400px); }
  .business-page .growth-case h2, .business-brand-case h2 { font-size:clamp(2.2rem,4.6vw,2.5rem); }
  .business-case-photo-grid { gap:18px; }
  .business-case-photo figcaption { gap:7px; font-size:.68rem; }
}
@media (max-width:700px) {
  .business-page .growth-case { grid-template-columns:1fr; gap:30px; padding:44px 0; }
  .business-page .growth-case h2 { font-size:2.4rem; }
  .business-page .growth-case .growth-kicker { margin-bottom:22px; }
  .business-hero-image { aspect-ratio:4 / 3; max-height:380px; }
  .business-brand-case h2 { font-size:2.4rem; margin-bottom:22px; }
  .business-case-brand { width:160px; }
  .business-brand-case-summary > p { font-size:1.0625rem; }
  html[lang^=zh] .business-page .growth-case h2, html[lang^=zh] .business-brand-case h2 { font-size:2.05rem; line-height:1.5; }
}
@media (max-width:600px) {
  .business-capability-grid { grid-template-columns:1fr; gap:24px; }
  .business-capability-grid article { padding-top:18px; }
  .business-capability-grid h3 { margin:14px 0 10px; }
  .business-case-photo-grid { grid-template-columns:1fr; gap:26px; }
  .business-case-gallery { max-width:400px; }
  .business-case-photo-vehicle a { display:flex; justify-content:center; }
  .business-case-photo-vehicle img { width:min(100%,240px); height:auto; aspect-ratio:3 / 4; max-height:320px; object-fit:contain; }
  .business-case-photo figcaption { font-size:.75rem; gap:12px; }
}